.control-bar-wrapper{position:absolute;pointer-events:none;bottom:33px;height:28px;z-index:1;direction:ltr}.control-bar{display:flex;visibility:visible;transition:opacity .3s,visibility .3s}.control-bar--hidden,.control-bar--hidden .control-bar__btn{visibility:hidden;opacity:0}.control-bar__group{display:flex;align-items:center;margin:0 7px}.control-bar__btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin:0 4px;width:28px;height:28px;background-color:hsla(0,0%,100%,.7);color:#758696;box-shadow:0 1px 4px 0 rgba(117,134,150,.38);pointer-events:auto;transition:background-color .3s,color .3s,visibility .4s,opacity .4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;visibility:visible;opacity:1}.control-bar__btn--turn-button{margin:0 11px}.control-bar__btn--turn-button svg{margin-bottom:1px}.control-bar__btn--btn-hidden{visibility:hidden;opacity:0}@media (any-hover:hover),(min--moz-device-pixel-ratio:0),(min-width:0\0){.control-bar__btn:hover{background-color:#fff;color:#262b3e}}.control-bar__btn:active{background-color:#f7f8fa;transition:none}.control-bar__btn--dark{background-color:rgba(38,43,62,.6);color:#9db2bd;box-shadow:0 1px 4px 0 #000}@media (any-hover:hover),(min--moz-device-pixel-ratio:0),(min-width:0\0){.control-bar__btn--dark:hover{background-color:#262b3e;color:#c5cbce}}.control-bar__btn--dark:active{background-color:#1c2030}.control-bar__btn--back-present{position:absolute;right:2px;bottom:33px}.control-bar__btn svg{pointer-events:none}