#skitt-ui{display:block!important;height:50px;background-color:#2980B9;z-index:999;border-radius:25px;position:fixed;bottom:20px;left:20px;outline:0;border:none;box-shadow:rgba(0,0,0,.2) 0 4px 8px;cursor:default;font-family:Lato,Helvetica,Arial,sans-serif;font-size:16px}#skitt-ui.skitt-ui--hidden{display:none!important}#skitt-listening-text__recognized-sentence,label#skitt-toggle-button__label{display:none}#skitt-toggle-button{width:50px;height:50px;border-radius:50%;cursor:pointer;display:inline-block;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTYsMjFjMi4yMDksMCw0LTEuNzkxLDQtNHYtN2MwLTIuMjA5LTEuNzkxLTQtNC00Yy0yLjIwOSwwLTQsMS43OTEtNCw0djdDMTIsMTkuMjA5LDEzLjc5MSwyMSwxNiwyMXogTTE0LDEwICAgIGMwLTEuMTAzLDAuODk3LTIsMi0yYzEuMTAzLDAsMiwwLjg5NywyLDJ2N2MwLDEuMTAzLTAuODk3LDItMiwyYy0xLjEwMywwLTItMC44OTctMi0yVjEweiIvPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMjQsMTdoLTJjMCwzLjMwOC0yLjY5Miw2LTYsNnMtNi0yLjY5Mi02LTZIOGMwLDQuMDc5LDMuMDU1LDcuNDM4LDcsNy45MzFWMjZoLTR2MmgxMHYtMmgtNHYtMS4wNjkgICAgQzIwLjk0NSwyNC40MzgsMjQsMjEuMDc5LDI0LDE3eiIvPjwvZz48L2c+PC9zdmc+) 7px 6px no-repeat;background-size:74% 74%;-webkit-transition:background-color .4s ease;float:left}.skitt-ui--not-listening #skitt-toggle-button{background-color:#2980B9}.skitt-ui--listening #skitt-toggle-button{-webkit-animation:listen_pulse 2s ease-out infinite}@-webkit-keyframes listen_pulse{0%,100%{background-color:#2980B9}50%{background-color:#3498DB}}.skitt-ui--listening #skitt-toggle-button:hover,.skitt-ui--not-listening #skitt-toggle-button:hover{background-color:#3498DB}#skitt-listening-box{float:left;display:inline-block;line-height:50px;color:#fff}#skitt-listening-text{display:inline-block;overflow:hidden}.skitt-ui--not-listening #skitt-listening-text{width:0}.skitt-ui--listening #skitt-listening-text{width:100%;-webkit-transition:width 1s ease-in-out;margin:0 25px 0 15px}#skitt-listening-text__samples{font-weight:700;margin-left:10px}@media (max-width:1200px) and (orientation:portrait){#skitt-ui{border-radius:62.5px;height:60px}#skitt-toggle-button{width:60px;height:60px}#skitt-listening-box{line-height:60px}}@media (max-width:1200px) and (orientation:landscape){#skitt-ui{border-radius:40px;height:60px}#skitt-toggle-button{width:60px;height:60px}#skitt-listening-box{line-height:60px}}