.control-guide-container{position:fixed;right:16px;bottom:56px;border-radius:8px;padding:0;width:400px;height:300px;box-shadow:0 0 60px 0 rgba(32,32,32,.12);z-index:10}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-container{border:1px solid hsla(0,0%,100%,.2)}}:where(html.is-dark) .control-guide-container{border:1px solid hsla(0,0%,100%,.2)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-container{border:1px solid hsla(0,0%,100%,.04)}}:where(html.is-light) .control-guide-container{border:1px solid hsla(0,0%,100%,.04)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-container{background-color:#2a2a2a}}:where(html.is-dark) .control-guide-container{background-color:#2a2a2a}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-container{background-color:#fff}}:where(html.is-light) .control-guide-container{background-color:#fff}.control-guide-close-button{position:absolute;top:8px;right:8px;background:none;border:none;width:24px;height:24px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;z-index:10}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-close-button{color:#fff}}:where(html.is-dark) .control-guide-close-button{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-close-button{color:#202020}}:where(html.is-light) .control-guide-close-button{color:#202020}.control-guide-close-button:hover{opacity:1}.control-guide-step-container{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:flex-start;padding:28px;height:100%}.control-guide-content-container{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;width:100%;flex:1}.control-guide-title{font-family:Poppins,sans-serif;font-weight:500;font-size:14px;line-height:1.5;margin:0;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-title{color:#fff}}:where(html.is-dark) .control-guide-title{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-title{color:#202020}}:where(html.is-light) .control-guide-title{color:#202020}.control-guide-description{font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:1.5;opacity:.6;margin:0;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-description{color:#fff}}:where(html.is-dark) .control-guide-description{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-description{color:#202020}}:where(html.is-light) .control-guide-description{color:#202020}.control-guide-options-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:20px}.control-guide-option-card{border-radius:8px;width:165px;height:127px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 0;cursor:pointer;transition:all .2s}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-option-card{border:1px solid hsla(0,0%,100%,.2)}}:where(html.is-dark) .control-guide-option-card{border:1px solid hsla(0,0%,100%,.2)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-option-card{border:1px solid rgba(32,32,32,.08)}}:where(html.is-light) .control-guide-option-card{border:1px solid rgba(32,32,32,.08)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-option-card{background-color:hsla(0,0%,100%,.04)}}:where(html.is-dark) .control-guide-option-card{background-color:hsla(0,0%,100%,.04)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-option-card{background-color:rgba(32,32,32,.04)}}:where(html.is-light) .control-guide-option-card{background-color:rgba(32,32,32,.04)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-option-card:hover{border-color:#0c9aff}}:where(html.is-dark) .control-guide-option-card:hover{border-color:#0c9aff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-option-card:hover{border-color:#0c9aff}}:where(html.is-light) .control-guide-option-card:hover{border-color:#0c9aff}.control-guide-option-card.selected{border-color:#0c9aff;border-width:2px}.control-guide-icon-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.control-guide-icon{width:48px;height:48px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-icon{color:#fff}}:where(html.is-dark) .control-guide-icon{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-icon{color:#202020}}:where(html.is-light) .control-guide-icon{color:#202020}.control-guide-option-label{font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:1.5;opacity:.6;text-align:center}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-option-label{color:#fff}}:where(html.is-dark) .control-guide-option-label{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-option-label{color:#202020}}:where(html.is-light) .control-guide-option-label{color:#202020}.control-guide-move-options-container{display:flex;flex-direction:row;gap:12px;width:100%}.control-guide-move-option{border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;flex:1;height:158px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-move-option{background-color:hsla(0,0%,100%,.04)}}:where(html.is-dark) .control-guide-move-option{background-color:hsla(0,0%,100%,.04)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-move-option{background-color:rgba(0,0,0,.04)}}:where(html.is-light) .control-guide-move-option{background-color:rgba(0,0,0,.04)}.control-guide-move-option:first-child{width:144px;flex:none}.control-guide-move-option-description{font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:1.5;opacity:.6;text-align:center;margin:0;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-move-option-description{color:#fff}}:where(html.is-dark) .control-guide-move-option-description{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-move-option-description{color:#202020}}:where(html.is-light) .control-guide-move-option-description{color:#202020}.control-guide-move-icon-container{width:70px;height:70px;display:flex;align-items:center;justify-content:center}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-mouse-move-icon{color:#fff}}:where(html.is-dark) .control-guide-mouse-move-icon{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-mouse-move-icon{color:#202020}}:where(html.is-light) .control-guide-mouse-move-icon{color:#202020}.control-guide-move-shortcut-container{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;width:143px}.control-guide-space-key{border-radius:4px;padding:8px 16px;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:1.5;white-space:nowrap}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-space-key{color:#202020}}:where(html.is-dark) .control-guide-space-key{color:#202020}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-space-key{color:#fff}}:where(html.is-light) .control-guide-space-key{color:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-space-key{background-color:#fff}}:where(html.is-dark) .control-guide-space-key{background-color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-space-key{background-color:#202020}}:where(html.is-light) .control-guide-space-key{background-color:#202020}.control-guide-plus{font-family:Poppins,sans-serif;font-weight:400;font-size:18px;line-height:1.5;opacity:.6}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-plus{color:#fff}}:where(html.is-dark) .control-guide-plus{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-plus{color:#202020}}:where(html.is-light) .control-guide-plus{color:#202020}.control-guide-mouse-click-icon{width:36.25px;height:53.75px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-mouse-click-icon{color:#fff}}:where(html.is-dark) .control-guide-mouse-click-icon{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-mouse-click-icon{color:#202020}}:where(html.is-light) .control-guide-mouse-click-icon{color:#202020}.control-guide-trackpad-demo-container{border-radius:8px;flex:107px 1;width:100%;display:flex;align-items:center;justify-content:center}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-trackpad-demo-container{background-color:hsla(0,0%,100%,.04)}}:where(html.is-dark) .control-guide-trackpad-demo-container{background-color:hsla(0,0%,100%,.04)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-trackpad-demo-container{background-color:rgba(0,0,0,.04)}}:where(html.is-light) .control-guide-trackpad-demo-container{background-color:rgba(0,0,0,.04)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-trackpad-icon{color:#fff}}:where(html.is-dark) .control-guide-trackpad-icon{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-trackpad-icon{color:#202020}}:where(html.is-light) .control-guide-trackpad-icon{color:#202020}.control-guide-zoom-demo-container{border-radius:8px;flex:107px 1;width:100%;display:flex;align-items:center;justify-content:center}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-zoom-demo-container{background-color:hsla(0,0%,100%,.04)}}:where(html.is-dark) .control-guide-zoom-demo-container{background-color:hsla(0,0%,100%,.04)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-zoom-demo-container{background-color:rgba(0,0,0,.04)}}:where(html.is-light) .control-guide-zoom-demo-container{background-color:rgba(0,0,0,.04)}.control-guide-mouse-zoom-container{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}.control-guide-zoom-key{border-radius:4px;padding:8px 32px;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:1.5;white-space:nowrap}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-zoom-key{color:#202020}}:where(html.is-dark) .control-guide-zoom-key{color:#202020}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-zoom-key{color:#fff}}:where(html.is-light) .control-guide-zoom-key{color:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-zoom-key{background-color:#fff}}:where(html.is-dark) .control-guide-zoom-key{background-color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-zoom-key{background-color:#202020}}:where(html.is-light) .control-guide-zoom-key{background-color:#202020}.control-guide-mouse-zoom-icon{width:60px;height:60px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-mouse-zoom-icon{color:#fff}}:where(html.is-dark) .control-guide-mouse-zoom-icon{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-mouse-zoom-icon{color:#202020}}:where(html.is-light) .control-guide-mouse-zoom-icon{color:#202020}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-trackpad-zoom-container{color:#fff}}:where(html.is-dark) .control-guide-trackpad-zoom-container{color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-trackpad-zoom-container{color:#202020}}:where(html.is-light) .control-guide-trackpad-zoom-container{color:#202020}.control-guide-button-container{display:flex;flex-direction:row;height:32px;align-items:flex-start;justify-content:space-between;width:100%}.control-guide-step-indicator{display:flex;align-items:center;gap:8px;height:32px}.control-guide-step-dot-button{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:default;transition:all .2s}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-step-dot-button{background-color:#fff}}:where(html.is-dark) .control-guide-step-dot-button{background-color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-step-dot-button{background-color:#202020}}:where(html.is-light) .control-guide-step-dot-button{background-color:#202020}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-step-dot-button.control-guide-step-dot{background-color:#fff}}:where(html.is-dark) .control-guide-step-dot-button.control-guide-step-dot{background-color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-step-dot-button.control-guide-step-dot{background-color:#202020}}:where(html.is-light) .control-guide-step-dot-button.control-guide-step-dot{background-color:#202020}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-step-dot-button.control-guide-step-dot-inactive{background-color:hsla(0,0%,100%,.2)}}:where(html.is-dark) .control-guide-step-dot-button.control-guide-step-dot-inactive{background-color:hsla(0,0%,100%,.2)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-step-dot-button.control-guide-step-dot-inactive{background-color:rgba(32,32,32,.2)}}:where(html.is-light) .control-guide-step-dot-button.control-guide-step-dot-inactive{background-color:rgba(32,32,32,.2)}.control-guide-step-dot-button.clickable{cursor:pointer}.control-guide-step-dot-button.clickable:hover{transform:scale(1.2)}.control-guide-step-dot-inactive{width:8px;height:8px;border-radius:50%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-step-dot-inactive{background-color:hsla(0,0%,100%,.2)}}:where(html.is-dark) .control-guide-step-dot-inactive{background-color:hsla(0,0%,100%,.2)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-step-dot-inactive{background-color:rgba(32,32,32,.2)}}:where(html.is-light) .control-guide-step-dot-inactive{background-color:rgba(32,32,32,.2)}.control-guide-apply-button,.control-guide-done-button,.control-guide-next-button{border:none;border-radius:8px;padding:8px 12px;font-family:Poppins,sans-serif;font-weight:500;font-size:12px;line-height:1.5;white-space:nowrap;cursor:pointer;width:100px;height:32px;transition:opacity .2s}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-apply-button,:where(html:not(.is-light)) .control-guide-done-button,:where(html:not(.is-light)) .control-guide-next-button{color:#202020}}:where(html.is-dark) .control-guide-apply-button,:where(html.is-dark) .control-guide-done-button,:where(html.is-dark) .control-guide-next-button{color:#202020}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-apply-button,:where(html:not(.is-dark)) .control-guide-done-button,:where(html:not(.is-dark)) .control-guide-next-button{color:#fff}}:where(html.is-light) .control-guide-apply-button,:where(html.is-light) .control-guide-done-button,:where(html.is-light) .control-guide-next-button{color:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .control-guide-apply-button,:where(html:not(.is-light)) .control-guide-done-button,:where(html:not(.is-light)) .control-guide-next-button{background-color:#fff}}:where(html.is-dark) .control-guide-apply-button,:where(html.is-dark) .control-guide-done-button,:where(html.is-dark) .control-guide-next-button{background-color:#fff}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .control-guide-apply-button,:where(html:not(.is-dark)) .control-guide-done-button,:where(html:not(.is-dark)) .control-guide-next-button{background-color:#202020}}:where(html.is-light) .control-guide-apply-button,:where(html.is-light) .control-guide-done-button,:where(html.is-light) .control-guide-next-button{background-color:#202020}.control-guide-apply-button.disabled{opacity:.5;cursor:not-allowed}.control-guide-apply-button:hover:not(.disabled),.control-guide-done-button:hover,.control-guide-next-button:hover{opacity:.9}