.active-card-audio{position:relative;cursor:pointer;transition:all ease-in-out .15s}.active-card-audio::after{content:'';position:absolute;top:75%;left:75%;transform:translateY(-10px);width:28px;height:28px;border-radius:32px;background:#fff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.006 2.802l.036.024L18.591 9.86c.305.203.588.392.805.567.227.183.495.437.649.808a2 2 0 0 1 0 1.532c-.154.371-.422.625-.649.808-.217.175-.5.364-.805.567L8.006 21.198c-.373.248-.708.472-.993.627-.285.154-.676.33-1.132.303a2 2 0 0 1-1.476-.79c-.276-.364-.346-.788-.376-1.11C4 19.905 4 19.502 4 19.054V4.99v-.043c0-.449 0-.852.03-1.175.029-.322.1-.745.375-1.11a2 2 0 0 1 1.476-.79c.456-.027.847.15 1.132.304.285.154.62.378.993.626z' fill='%23475569'/%3E%3C/svg%3E") no-repeat 60% center/16px 16px;transition:ease-in-out .35s;transition-property:transform;border:1px solid var(--wp--preset--color--brand-10)}.active-card-audio:hover::after{transform:translateY(-20px);border-color:var(--wp--preset--color--brand-10);box-shadow:0 5px 15px #00000020}.active-card-audio.playing::after{background:#fff url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_524_10059)'%3E%3Cpath d='M2.625 2.5C1.59 2.5.75 3.34.75 4.375v11.25c0 1.035.84 1.875 1.875 1.875h1.25c1.035 0 1.875-.84 1.875-1.875V4.375C5.75 3.34 4.91 2.5 3.875 2.5h-1.25zm7.5 0c-1.035 0-1.875.84-1.875 1.875v11.25c0 1.035.84 1.875 1.875 1.875h1.25c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875h-1.25z' fill='%23475569'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_524_10059'%3E%3Cpath fill='%23fff' transform='translate(.75)' d='M0 0h12.5v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/18px 18px;box-shadow:0 5px 15px #00000040;border-color:var(--wp--preset--color--brand-10)}.text-speech-voices{width:100%;display:grid;column-gap:16px;row-gap:32px;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.text-speech-voice{display:flex;flex-direction:column;gap:4px;padding:0}.text-speech-voice figure{margin-bottom:0}.text-speech-voice img{transition:transform .2s ease-in-out}.text-speech-voice p{line-height:18px;margin:0;text-align:center}.text-speech-voice p.name{font-weight:500}.text-speech-voice p.language{font-size:14px}.text-speech-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.text-speech-flags .flag{position:relative;display:flex;gap:12px;border:1px solid var(--wp--preset--color--gray-10);border-radius:10px;padding:0 16px;transition:all .3s ease-in-out}.text-speech-flags .flag::after{content:'';position:absolute;top:50%;right:10px;transform:translateY(-50%);width:32px;height:32px;color:var(--wp--preset--color--gray-30);background:no-repeat center center;background-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.971 2.862a.667.667 0 1 0-.942.943l3.528 3.528H3.833a.667.667 0 0 0 0 1.333h7.724l-3.528 3.53a.667.667 0 1 0 .942.942l4.667-4.667a.667.667 0 0 0 0-.943L8.971 2.862z' fill='%2394A3B8'/%3E%3C/svg%3E");transition:transform .3s ease-in-out}.flag figure{width:36px;height:36px;margin:auto 0;align-self:center;transition:transform .3s ease-in-out}a.flag{text-decoration:none;font-weight:600}a.flag:hover{color:var(--wp--preset--color--gray-70)}.text-speech-flags .flag:hover{border-color:var(--wp--preset--color--brand-20);box-shadow:0 5px 10px var(--wp--preset--color--gray-20)}.text-speech-flags .flag:hover figure{transform:scale(1.05)}.text-speech-flags .flag:hover::after{transform:translate(8px,-50%)}.language{height:30px;overflow:hidden}.language span{display:block;line-height:30px;transform:translateY(0);transition:transform .3s ease-in-out}.flag:hover .language span{transform:translateY(-30px)}