.TTSPlayer{background:var(--white);border-radius:30px;box-shadow:0 0 10px #2828281f,0 0 14px #28282814,0 0 5px #2828280a;box-sizing:border-box;gap:16px;margin-bottom:16px;padding:16px;width:100%}.TTSPlayer,.TTSPlayer__button{align-items:center;display:flex}.TTSPlayer__button{border:none;border-radius:50%;color:var(--black);cursor:pointer;height:36px;justify-content:center;line-height:0;padding:0;transition:all .2s ease;width:36px}.TTSPlayer__button:hover{background:var(--grey30);color:var(--blue50)}.TTSPlayer__time{color:#282828;font-size:.875rem;font-weight:300;line-height:1.25rem;min-width:90px}.TTSPlayer__progress{background-color:var(--grey40);border-radius:2px;cursor:pointer;flex:1;height:4px;overflow:hidden;position:relative}.TTSPlayer__progress:hover{height:6px}.TTSPlayer__progress--bar{background-color:var(--blue50);border-radius:2px;height:100%;transition:width .2s ease}