.tutorial-video{background:var(--docs-panel-solid);color:#fff;border-radius:.75rem;width:100%;max-width:35rem;margin:0;position:relative;overflow:hidden}.tutorial-video-large,.tutorial-video-fullscreen{max-width:none}.tutorial-video-surface{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.tutorial-video-screen{place-items:center;display:grid}.tutorial-video video{object-fit:contain;width:100%;height:auto;display:block}.tutorial-video-controls{opacity:0;pointer-events:none;background:linear-gradient(#0000,#0000008c);align-items:center;gap:.625rem;padding:2rem .875rem .625rem;display:flex;position:absolute;inset:auto 0 0}.tutorial-video-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.tutorial-video-controls button:hover,.tutorial-video-speed-trigger:hover{background:#ffffff1f}.tutorial-video button:focus-visible,.tutorial-video input:focus-visible{outline-offset:3px;outline:2px solid #fff}.tutorial-video button:disabled{opacity:.4;cursor:default}.tutorial-video-time{font-variant-numeric:tabular-nums;color:#ffffffd9;flex-shrink:0;font-size:.6875rem}.tutorial-video input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;min-width:2rem;height:24px;padding:0}.tutorial-video input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:8px;height:8px}.tutorial-video input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:8px;height:8px}.tutorial-video-speed{flex-shrink:0;position:relative}.tutorial-video-controls .tutorial-video-speed-trigger{gap:.25rem;width:auto;padding:.25rem;font-size:.6875rem;display:flex}.tutorial-video-speed-menu{background:#181818f2;border:1px solid #ffffff26;border-radius:.625rem;min-width:5.5rem;padding:.25rem;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 4px 20px #0003}.tutorial-video-controls .tutorial-video-speed-menu button{justify-content:space-between;width:100%;padding:.375rem .5rem;font-size:.75rem;display:flex}.tutorial-video-error{color:#fff;text-align:center;padding:1rem;position:absolute}.tutorial-video-error a{text-decoration:underline}.tutorial-video-notice{background:#000000b3;padding:.5rem 1rem;font-size:.8125rem;position:absolute;bottom:3rem}.tutorial-video:fullscreen{border-radius:0;flex-direction:column;justify-content:center;display:flex}.tutorial-video:fullscreen video{max-height:100svh}@media (max-width:480px){.tutorial-video-controls{gap:.375rem;padding-inline:.5rem}.tutorial-video-time{font-size:.625rem}}.tutorial-video:hover .tutorial-video-controls,.tutorial-video:focus-within .tutorial-video-controls{opacity:1;pointer-events:auto}@media (hover:none),(pointer:coarse){.tutorial-video-controls{opacity:1;pointer-events:auto}}.tutorial-video-anchor{width:100%;max-width:35rem;margin:2rem auto}.tutorial-video-anchor-large,.tutorial-video-anchor-fullscreen{max-width:none}.tutorial-video-floating{z-index:60;width:min(17.5rem,100vw - 2rem);max-width:none;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 32px #0003}.tutorial-video-floating.tutorial-video-large{width:min(35rem,100vw - 2rem)}.tutorial-video-floating-actions{gap:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.tutorial-video-floating-actions button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:.375rem;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid}.tutorial-video-floating-actions button:hover{background:#ffffff1f}.tutorial-video input::-webkit-slider-runnable-track{background:#ffffff73;border-radius:1rem;height:2px}.tutorial-video input::-webkit-slider-thumb{margin-top:-3px}.tutorial-video input::-moz-range-track{background:#ffffff73;border-radius:1rem;height:2px}.tutorial-video-floating-actions{opacity:0;pointer-events:none}.tutorial-video:hover .tutorial-video-floating-actions,.tutorial-video:focus-within .tutorial-video-floating-actions{opacity:1;pointer-events:auto}@media (hover:none),(pointer:coarse){.tutorial-video-floating-actions{opacity:1;pointer-events:auto}}.tutorial-video-floating-actions:before{content:"";pointer-events:none;background:radial-gradient(100% 100% at 100% 0,#00000080,#0003 35%,#0000 80%);width:8rem;height:5rem;position:absolute;top:-.5rem;right:-.5rem}.tutorial-video-floating-actions button{position:relative}.tutorial-video-floating[data-corner$=left]{left:1rem;right:auto}.tutorial-video-floating[data-corner^=top]{top:var(--tutorial-top,80px);bottom:auto}.tutorial-video-floating .tutorial-video-surface{touch-action:none;cursor:grab}.tutorial-video-floating .tutorial-video-surface:active{cursor:grabbing}