.desktop-film{margin:2.25rem 0 2.5rem;position:relative}.desktop-film__stage{min-width:0}.desktop-film__player{cursor:pointer;background:0 0;width:100%;display:block}.desktop-film__scrubber{--film-tone:var(--tone,205, 190, 240);cursor:pointer;touch-action:none;outline:none;height:20px;margin:.25rem 4.5% 0;position:relative}.desktop-film__track{background:rgba(var(--film-tone), .16);border-radius:2px;transition:inset .15s;position:absolute;inset:9px 0;overflow:hidden}.desktop-film__fill{background:rgb(var(--film-tone));height:100%;box-shadow:0 0 8px rgba(var(--film-tone), .5)}.desktop-film__thumb{background:rgb(var(--film-tone));width:12px;height:12px;box-shadow:0 1px 4px #0000004d, 0 0 0 4px rgba(var(--film-tone), .22);border-radius:50%;margin:-6px 0 0 -6px;transition:transform .15s;position:absolute;top:50%;transform:scale(0)}.desktop-film__scrubber:hover .desktop-film__track,.desktop-film__scrubber:focus-visible .desktop-film__track{inset:8px 0}.desktop-film__scrubber:hover .desktop-film__thumb,.desktop-film__scrubber:focus-visible .desktop-film__thumb,.desktop-film__scrubber:active .desktop-film__thumb{transform:scale(1)}.desktop-film__steps{scrollbar-width:none;max-height:15rem;mask-image:linear-gradient(transparent, #000 var(--fade-top,0px), #000 calc(100% - var(--fade-bottom,0px)), transparent);margin:1rem 0 0;padding:.5rem 0;list-style:none;position:relative;overflow-y:auto}.desktop-film__steps::-webkit-scrollbar{display:none}@media (width>=1181px){.desktop-film{margin-left:calc(-1 * var(--desktop-film-bleed,0px));margin-right:var(--desktop-film-bleed,0px)}.desktop-film__steps{top:0;left:calc(100% + var(--desktop-film-steps-gap,16px));width:var(--desktop-film-steps-w,208px);flex-direction:column;justify-content:space-between;height:100%;max-height:none;margin:0;padding:0;display:flex;position:absolute;overflow:hidden;mask-image:none}}.docs-rail{transition:opacity .3s}.docs-rail.desktop-film-yield{opacity:0;pointer-events:none}.desktop-film__steps>.desktop-film__step{min-height:0;margin:0;padding:0}.desktop-film__steps>.desktop-film__step:before{content:none}.desktop-film__step button{width:100%;color:var(--color-fg-muted,#898781);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.5rem .75rem .6rem 1.4rem;font-size:13px;line-height:1.4;transition:color .25s,background-color .25s,opacity .25s;display:block;position:relative}.desktop-film__restart button{align-items:center;gap:.4rem;padding-left:.2rem;font-size:12px;display:flex}.desktop-film__step.desktop-film__restart button:before,.desktop-film__step.desktop-film__restart button:after{content:none}.desktop-film__restart svg{flex:none;margin-right:.1rem;transition:transform .4s}.desktop-film__restart button:hover{color:var(--accent,#a39dff)}.desktop-film__restart button:hover svg{transform:rotate(-360deg)}.desktop-film__step button:before{content:"";background:var(--color-border,#7f7f7f40);width:1px;position:absolute;top:0;bottom:0;left:.55rem}.desktop-film__step button:after{content:"";background:var(--color-border-strong,#7f7f7f80);border-radius:50%;width:7px;height:7px;transition:background-color .25s,box-shadow .25s,transform .25s;position:absolute;top:1rem;left:calc(.55rem - 3px)}.desktop-film__step[data-state=next] button{opacity:.55}.desktop-film__step[data-state=done] button:after{background:var(--color-success,#1fb84a)}.desktop-film__step[data-state=active] button{color:var(--color-fg-bright,var(--color-fg,#f0efec));background:color-mix(in srgb, var(--color-fg,#f0efec) 6%, transparent)}.desktop-film__step[data-state=active] button:after{background:var(--accent,#a39dff);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,#a39dff) 22%, transparent);transform:scale(1.15)}.desktop-film__step button:hover{opacity:1;color:var(--color-fg,#f0efec)}.desktop-film__step button:focus-visible{outline:2px solid var(--accent,#a39dff);outline-offset:-2px}.desktop-film__step-text strong{color:var(--color-fg,#f0efec);font-weight:600}.desktop-film__step[data-state=active] .desktop-film__step-text strong{color:var(--accent,#a39dff)}.desktop-film__step-progress{background:var(--accent,#a39dff);opacity:.55;transform-origin:0;border-radius:1px;height:2px;position:absolute;bottom:.2rem;left:1.4rem;right:.75rem;transform:scaleX(0)}@media (width>=1181px){.desktop-film__step button{padding-top:.15rem;padding-bottom:.2rem;line-height:1.35}.desktop-film__step button:after{top:.6rem}}@media (width>=1181px) and (width<=1360px){.desktop-film__step button{padding-top:.1rem;padding-bottom:.15rem;font-size:12px}}