.tts-player-main{display:flex;justify-content:space-between;padding:.5rem;background:#e6e6e6}.tts-player-settings{display:grid;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#bfbfbf}.tts-player .control{display:grid;gap:.5rem;color:#000}.tts-player .control span{width:100%;gap:1rem;display:flex}.tts-player .control input{flex-grow:1}.tts-player .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;display:block;cursor:pointer}.tts-player .button:hover{opacity:.75}.tts-player .button--settings{width:2rem;height:2rem}.tts-player .button--settings:hover svg,.tts-player .button--settings.active svg{transform:rotate(-30deg)}.tts-player svg{display:block}.tts-settings-enter-active,.tts-settings-leave-active{transition:all .2s ease-in-out}.tts-settings-enter-from,.tts-settings-leave-to{opacity:0;transform:translateY(1rem)}