Σκουπίδια: πρόβλημα ή ευκαιρία;

#ra-player { text-align: right; padding-top: 1rem; } .ra-button { display: inline-flex; align-items: center; cursor: pointer; } .ra-button img { height: 1em; margin: 0 .5em 0 0; } #ra-player { border-radius: 0 !important; background: none !important; box-shadow: unset !important; display: flex; max-width: unset !important; padding-top: 0 !important; margin-left: 0px; flex: 1; max-height: 24px; align-items: center } #ra-player.unsubbed .ra-button { pointer-events: none } #ra-player.ra-playing .ra-btn.ra-btn-play:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='24px' height='24px' viewBox='84 0 57 57' enable-background='new 84 0 57 57' xml:space='preserve'%3E%3Cpath fill='%234db2ec' d='M140.62,28.5c0,15.57-12.55,28.12-28.12,28.12S84.38,44.07,84.38,28.5c0-15.569,12.55-28.12,28.12-28.12 S140.62,12.931,140.62,28.5z'/%3E%3Cg%3E%3Crect x='102.049' y='17.083' fill='%23FFFFFF' width='7.258' height='22.834'/%3E%3Crect x='115.693' y='17.083' fill='%23FFFFFF' width='7.258' height='22.834'/%3E%3C/g%3E%3C/svg%3E") } #ra-player .ra-btn.ra-btn-play { position: relative } #ra-player .ra-btn.ra-btn-play img { opacity: 0; width: 22px; height: 22px } #ra-player .ra-btn.ra-btn-play:before { content: ""; position: absolute; margin: auto; inset: 0; top: 0; right: 0; width: 22px; height: 22px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E%3Ccircle cx='11' cy='11.5' r='11' fill='%234db2ec'/%3E%3Cpath d='M17 11.6962L8 16.8923L8 6.5L17 11.6962Z' fill='white'/%3E%3C/svg%3E") } #ra-player .ra-time-text { margin-right: 0 !important } #ra-player .ra-btn-menu { display: none !important } #ra-player .ra-group:not(:last-child) { border-right: unset !important } #ra-player .ra-btn.ra-btn-rewind { display: none !important } #ra-player .ra-status-bg { height: 3px !important; background-image: unset !important; background: #9d9d9d } #ra-player .ra-playback-position-bar { background: #161e29 !important } #ra-player .ra-seek-knob { width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: -5px 0 0 -3px !important; background: #161e29 !important } #ra-player .ra-button { color: #4db2ec } #ra-player .listen-btn-play { margin-right: 8px; width: 22px; height: 22px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E%3Ccircle cx='11' cy='11.5' r='11' fill='%234db2ec'/%3E%3Cpath d='M17 11.6962L8 16.8923L8 6.5L17 11.6962Z' fill='white'/%3E%3C/svg%3E") } function readAloud(e,n){ var s="https://assets.readaloudwidget.com/embed/",t=(/iPad|iPhone|iPod/.test(navigator.userAgent)&&(e.src=s+"sound/silence.mp3",e.play(),"undefined"!=typeof speechSynthesis&&speechSynthesis.speak(new SpeechSynthesisUtterance(" "))),document.createElement("script"));t.onload=function(){readAloudInit(e,n)},t.src=s+"js/readaloud.min.js",document.head.appendChild(t)}