.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__facts{gap:var(--nw-space-03);margin:var(--nw-space-06) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tutorials-module__OE5oSq__facts li{padding:var(--nw-space-02) var(--nw-space-04);border:1px solid var(--nw-color-border-subtle);background-color:var(--nw-color-layer);font-size:var(--nw-fs-body-compact);line-height:var(--nw-lh-body-compact);color:var(--nw-color-text-secondary);border-radius:999px}.tutorials-module__OE5oSq__player{border:1px solid var(--nw-color-border-subtle);border-radius:var(--nw-radius-sm);background-color:var(--nw-color-layer);max-width:66rem;margin-inline:auto;overflow:hidden}.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{isolation:isolate;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;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex;position:relative}.tutorials-module__OE5oSq__posterImage{z-index:-2;object-fit:cover;object-position:top left;filter:blur(1px)saturate(.8);transform:scale(1.02)}.tutorials-module__OE5oSq__poster:before{content:"";z-index:-1;transition:background-color var(--nw-transition);background:radial-gradient(#161616b8 0%,#161616e6 70%);position:absolute;inset:0}.tutorials-module__OE5oSq__poster:focus-visible{outline:2px solid var(--nw-color-focus-inverse);outline-offset:-4px}.tutorials-module__OE5oSq__posterIcon{width:5rem;height:5rem;margin-bottom:var(--nw-space-03);background-color:var(--nw-blue-60);transition:transform var(--nw-transition), box-shadow var(--nw-transition);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 10px #0f62fe40}.tutorials-module__OE5oSq__posterIcon svg{margin-left:4px}.tutorials-module__OE5oSq__poster:hover .tutorials-module__OE5oSq__posterIcon{transform:scale(1.06);box-shadow:0 0 0 14px #0f62fe4d}@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-h3);line-height:var(--nw-lh-h3);font-weight:600}.tutorials-module__OE5oSq__posterSummary{padding:var(--nw-space-01) var(--nw-space-04);font-size:var(--nw-fs-body-compact);line-height:var(--nw-lh-body-compact);color:var(--nw-gray-10);background-color:#ffffff14;border:1px solid #fff3;border-radius:999px}.tutorials-module__OE5oSq__posterNext{font-size:var(--nw-fs-body-compact);line-height:var(--nw-lh-body-compact);color:var(--nw-gray-30)}@media (max-width:479px){.tutorials-module__OE5oSq__posterIcon{width:3.5rem;height:3.5rem;margin-bottom:0}.tutorials-module__OE5oSq__posterLabel{font-size:var(--nw-fs-h4);line-height:var(--nw-lh-h4)}.tutorials-module__OE5oSq__posterNext{display:none}}.tutorials-module__OE5oSq__nowBar{justify-content:space-between;align-items:center;gap:var(--nw-space-02) var(--nw-space-05);padding:var(--nw-space-04) var(--nw-space-05);border-top:1px solid var(--nw-color-border-subtle);font-size:var(--nw-fs-body);line-height:var(--nw-lh-body);flex-wrap:wrap;display:flex}.tutorials-module__OE5oSq__nowBar p{color:var(--nw-color-text-primary);margin:0;font-weight:600}.tutorials-module__OE5oSq__nowLabel{margin-right:var(--nw-space-03);color:var(--nw-color-link);font-size:var(--nw-fs-label);letter-spacing:var(--nw-ls-label);text-transform:uppercase}.tutorials-module__OE5oSq__nowBar a{align-items:center;gap:var(--nw-space-02);font-size:var(--nw-fs-body-compact);color:var(--nw-color-link);text-decoration:none;display:inline-flex}.tutorials-module__OE5oSq__nowBar a:hover{color:var(--nw-color-link-hover);text-decoration:underline}.tutorials-module__OE5oSq__block{margin-top:var(--nw-space-10)}.tutorials-module__OE5oSq__blockHead{gap:var(--nw-space-03);max-width:44rem;margin-bottom:var(--nw-space-06);display:grid}.tutorials-module__OE5oSq__blockHead h2{font-size:var(--nw-fs-h2);line-height:var(--nw-lh-h2);color:var(--nw-color-text-primary);margin:0;font-weight:400}.tutorials-module__OE5oSq__blockHead p{font-size:var(--nw-fs-body-lg);line-height:var(--nw-lh-body-lg);color:var(--nw-color-text-secondary);margin:0}.tutorials-module__OE5oSq__topics{top:var(--nw-header-height);z-index:1;gap:var(--nw-space-03);margin-inline:calc(-1 * var(--nw-space-05));padding:var(--nw-space-04) var(--nw-space-05);scrollbar-width:none;background-color:var(--nw-bg-inverse);display:flex;position:sticky;overflow-x:auto}@media (min-width:1056px){.tutorials-module__OE5oSq__topics{top:var(--nw-header-height-md)}}.tutorials-module__OE5oSq__topic{padding:var(--nw-space-03) var(--nw-space-05);border:1px solid var(--nw-color-border-strong);color:var(--nw-color-text-primary);font:inherit;font-size:var(--nw-fs-body);line-height:var(--nw-lh-body-compact);cursor:pointer;transition:background-color var(--nw-transition), color var(--nw-transition);background:0 0;border-radius:999px;flex:none}.tutorials-module__OE5oSq__topic:hover{background-color:var(--nw-color-layer-hover)}.tutorials-module__OE5oSq__topic:focus-visible{outline:2px solid var(--nw-color-focus);outline-offset:2px}.tutorials-module__OE5oSq__topic[aria-pressed=true]{border-color:var(--nw-white);background-color:var(--nw-white);color:var(--nw-gray-100)}.tutorials-module__OE5oSq__group{margin-top:var(--nw-space-07)}.tutorials-module__OE5oSq__group h3{align-items:baseline;gap:var(--nw-space-03);margin:0 0 var(--nw-space-05);padding-bottom:var(--nw-space-03);border-bottom:1px solid var(--nw-color-border-subtle);font-size:var(--nw-fs-h3);line-height:var(--nw-lh-h3);color:var(--nw-color-text-primary);font-weight:600;display:flex}.tutorials-module__OE5oSq__group h3 span{font-size:var(--nw-fs-body);color:var(--nw-color-text-muted);font-weight:400}.tutorials-module__OE5oSq__grid{gap:var(--nw-space-06) var(--nw-space-04);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:672px){.tutorials-module__OE5oSq__grid{gap:var(--nw-space-07) var(--nw-space-05);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1056px){.tutorials-module__OE5oSq__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tutorials-module__OE5oSq__starterGrid{grid-template-columns:minmax(0,1fr)}@media (min-width:672px){.tutorials-module__OE5oSq__starterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tutorials-module__OE5oSq__card{gap:var(--nw-space-03);width:100%;color:var(--nw-color-text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.tutorials-module__OE5oSq__card:focus-visible{outline:2px solid var(--nw-color-focus);outline-offset:4px}.tutorials-module__OE5oSq__cover{isolation:isolate;aspect-ratio:16/9;border-radius:var(--nw-radius-sm);outline-offset:-1px;background-color:var(--nw-gray-100);background-image:radial-gradient(circle at var(--glow,85% 15%), #0f62fe8c 0%, #0f62fe1f 38%, transparent 65%), linear-gradient(160deg, var(--nw-gray-90) 0%, var(--nw-gray-100) 70%);outline:1px solid #ffffff1a;display:block;position:relative;overflow:hidden;container-type:inline-size}.tutorials-module__OE5oSq__cover[data-topic=stock]{--glow:90% 90%}.tutorials-module__OE5oSq__cover[data-topic=sales]{--glow:15% 0%}.tutorials-module__OE5oSq__cover[data-topic=admin]{--glow:50% 110%}.tutorials-module__OE5oSq__card[aria-current=true] .tutorials-module__OE5oSq__cover{outline:3px solid var(--nw-blue-60);outline-offset:-3px}.tutorials-module__OE5oSq__coverGrid{z-index:-1;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:8cqi 8cqi;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 75%);mask-image:linear-gradient(270deg,#000 0%,#0000 75%)}.tutorials-module__OE5oSq__coverText{flex-direction:column;justify-content:space-between;max-width:62cqi;display:flex;position:absolute;inset:7cqi auto 7cqi 7cqi}.tutorials-module__OE5oSq__cover[data-art=photo] .tutorials-module__OE5oSq__coverText{max-width:50cqi}.tutorials-module__OE5oSq__cover[data-art=screen] .tutorials-module__OE5oSq__coverText{max-width:54cqi}.tutorials-module__OE5oSq__coverMeta{letter-spacing:.06em;text-transform:uppercase;color:var(--nw-gray-30);align-items:center;gap:2.5cqi;font-size:4cqi;font-weight:600;line-height:1.2;display:flex}.tutorials-module__OE5oSq__coverNumber{background-color:var(--nw-blue-60);color:var(--nw-white);font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:1cqi;padding:.6cqi 2cqi}.tutorials-module__OE5oSq__coverTitle{-webkit-line-clamp:3;letter-spacing:-.01em;color:var(--nw-white);text-wrap:balance;-webkit-box-orient:vertical;font-size:8.5cqi;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.tutorials-module__OE5oSq__coverIcon{width:24cqi;height:24cqi;color:var(--nw-white);transition:transform var(--nw-transition);background:linear-gradient(145deg,#ffffff1f,#ffffff05);border:1px solid #ffffff24;border-radius:5cqi;place-items:center;display:grid;position:absolute;top:50%;right:8cqi;transform:translateY(-50%)rotate(-6deg);box-shadow:0 2cqi 6cqi #0006,inset 0 1px #ffffff1f}.tutorials-module__OE5oSq__coverIcon svg{width:12cqi;height:12cqi}.tutorials-module__OE5oSq__coverScreen{aspect-ratio:9/19.5;border:1.2cqi solid var(--nw-gray-80);background-color:var(--nw-white);width:29cqi;transition:transform var(--nw-transition);border-radius:4cqi;position:absolute;top:10cqi;right:7cqi;overflow:hidden;transform:rotate(6deg);box-shadow:0 3cqi 8cqi #0000008c}.tutorials-module__OE5oSq__coverScreen img{object-fit:cover;object-position:top}.tutorials-module__OE5oSq__coverPhoto{z-index:-1;position:absolute;inset:0 0 0 38%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 35%);mask-image:linear-gradient(90deg,#0000 0%,#000 35%)}.tutorials-module__OE5oSq__coverPhoto img{object-fit:cover;object-position:center}.tutorials-module__OE5oSq__coverPlay{background-color:var(--nw-blue-60);width:14cqi;height:14cqi;color:var(--nw-white);opacity:0;transition:opacity var(--nw-transition), transform var(--nw-transition);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;transform:scale(.9);box-shadow:0 0 0 2.5cqi #0f62fe4d}.tutorials-module__OE5oSq__coverPlay svg{width:6cqi;height:6cqi;margin-left:.8cqi}.tutorials-module__OE5oSq__coverDuration{color:var(--nw-white);font-variant-numeric:tabular-nums;background-color:#161616d9;border-radius:1cqi;padding:.5cqi 2cqi;font-size:max(11px,3.6cqi);line-height:1.4;position:absolute;bottom:3cqi;right:3cqi}.tutorials-module__OE5oSq__card[aria-current=true] .tutorials-module__OE5oSq__coverDuration{background-color:var(--nw-blue-60)}.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__coverPlay,.tutorials-module__OE5oSq__card:focus-visible .tutorials-module__OE5oSq__coverPlay{opacity:1;transform:none}.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__coverIcon{transform:translateY(-50%)rotate(0)scale(1.04)}.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__coverScreen{transform:rotate(2deg)translateY(-2cqi)}.tutorials-module__OE5oSq__cardStep{align-items:center;gap:var(--nw-space-02);font-size:var(--nw-fs-label);line-height:var(--nw-lh-label);letter-spacing:var(--nw-ls-label);text-transform:uppercase;color:var(--nw-color-link);font-weight:600;display:inline-flex}.tutorials-module__OE5oSq__cardStep svg{transition:transform var(--nw-transition)}.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__cardStep svg{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.tutorials-module__OE5oSq__coverPlay,.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__coverScreen,.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__cardStep svg{transform:none}.tutorials-module__OE5oSq__card:hover .tutorials-module__OE5oSq__coverIcon{transform:translateY(-50%)rotate(-6deg)}}