.keyboard{width:100vw;height:100vh;user-select:none;z-index:9999;top:0;left:0;align-items:flex-end}.keyboard,.keyboard-hints{position:absolute;display:flex;justify-content:center}.keyboard-hints{align-items:center;padding:4.63vh 0;top:14.63vh;width:100%}.keyboard-hints__command{font-weight:500;font-size:3.89vh;line-height:100%;color:#f8f6ed73;padding:0 3.33vh;position:relative;display:flex;align-items:center}.keyboard-hints__command:not(:last-child):after{content:"";position:absolute;width:.74vh;height:.74vh;background:#f8f6ed;transform:rotate(45deg);right:-.37vh}.keyboard-hints__command span{color:#f8f6ed}.keyboard-input{text-align:center;padding:4.63vh 0 5.37vh 0;font-weight:500;height:3.89vh;font-size:3.89vh;line-height:2.83vh;color:#f8f6ed;display:flex;justify-content:center;position:relative;max-width:78.32vw;white-space:nowrap;overflow:auto}.keyboard-input::-webkit-scrollbar{display:none}.keyboard-input_history{color:#f8f6edb3}.keyboard-input__container{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:7.41vh;width:89.58vw}.keyboard-input__container_offset{margin-bottom:16.2vh}.keyboard-input__line{position:absolute;width:113.5vw;height:13.24vw;top:100%}.keyboard-input__prev-msg{position:absolute;left:0}.keyboard-input__prev-msg svg{width:4.27vw;height:3.18vw}.keyboard-container{padding-bottom:8.33vh;position:relative}.keyboard-container.special{margin-left:7.5vw}.keyboard:before{position:absolute;content:"";background:linear-gradient(11.95deg,#141414fa 24.25%,#14141400 277.75%);width:100vw;height:100vh;z-index:-1}.keyboard-keys__row{display:flex;justify-content:center;margin-bottom:.6vw}.keyboard-keys__row:last-child{margin:0}.keyboard-key{width:7.52vw;height:5.2vw;background:#f8f6ed12;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative}.keyboard-key:not(.keyboard-key_send) path{fill:#f8f6ed}.keyboard-key_controller{background:#f8f6ed05}.keyboard-key_long{width:15.72vw}.keyboard-key_space{width:32.7vw;border-radius:13.67vw;font-weight:600;font-size:1.02vw;line-height:1.538vw;color:#f8f6ed73}.keyboard-key_space:before{content:"";position:absolute;width:9.57vw;height:.19vh;background:#f8f6ed40;bottom:1.15vw}.keyboard-key_space:after{border-radius:13.67vw}.keyboard-key_space.active,.keyboard-key_space:active{color:#272727}.keyboard-key_space.active:before,.keyboard-key_space:active:before{background:#272727}.keyboard-key__value{font-weight:500;font-size:1.8vw;line-height:2.69vw;color:#f8f6ed;width:100%;position:absolute;bottom:.626vw}.keyboard-key_controller .keyboard-key__value{bottom:auto}.keyboard-key__secondary{width:100%;font-weight:500;font-size:1.367vw;line-height:2.05vw;color:#f8f6ed40;position:absolute;top:.34vw}.keyboard-key:after{content:"";position:absolute;width:calc(100% + 1.48vh);height:calc(100% + 1.48vh);left:-.74vh;top:-.74vh;background:#f8f6ed26;opacity:0}.keyboard-key__container{margin-left:.6vw}.keyboard-key__container:first-child{margin:0}.keyboard-key.active,.keyboard-key:active{background:#f8f6ed;box-shadow:0 .74vh 5.93vh #ffffff3d}.keyboard-key.active path,.keyboard-key:active path{fill:#272727}.keyboard-key.active .keyboard-key__value,.keyboard-key:active .keyboard-key__value{color:#272727}.keyboard-key.active .keyboard-key__secondary,.keyboard-key:active .keyboard-key__secondary{color:#27272740}.keyboard-key.active:after,.keyboard-key:active:after{opacity:1}.keyboard-key_secondary-active .keyboard-key__secondary{font-size:1.8vw;line-height:2.69vw;color:#272727!important}.keyboard-key_secondary-active .keyboard-key__value{color:#27272740!important}.keyboard .slide-up-enter-active,.keyboard .slide-up-leave-active{transition-duration:.25s}.keyboard .slide-up-enter-from,.keyboard .slide-up-leave-to{margin-bottom:-100%;opacity:0}