.simple-audio-player{margin-top:1rem;display:flex;width:100%;align-items:center;gap:.5rem;--tw-bg-opacity:1;background-color:rgb(141 44 31/var(--tw-bg-opacity));padding:.5rem}@media(min-width:768px){.simple-audio-player{margin-top:auto}}.simple-audio-player__button{margin-right:10px;display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.simple-audio-player__button{flex-direction:row;justify-content:space-between}}.simple-audio-player__button-icon{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;border-width:5px;--tw-border-opacity:1;border-color:rgb(246 205 178/var(--tw-border-opacity));--tw-bg-opacity:1;--tw-text-opacity:1}.simple-audio-player__button-icon,.simple-audio-player__timeline-seeker-time{background-color:rgb(207 69 32/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.simple-audio-player__timeline-seeker-time{position:absolute;bottom:0;margin-bottom:1rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;--tw-bg-opacity:1;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1}.pronunciation-widget{position:relative;display:inline-block;cursor:pointer}@media print{.pronunciation-widget{display:none!important}}.pronunciation-widget__icon{margin-left:.25rem;height:1.5rem;width:1.5rem}.pronunciation-widget__container{position:absolute;z-index:10;min-width:200px;max-width:768px;border-width:1px;--tw-border-opacity:1;border-color:rgb(207 69 32/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#cf4520;--tw-shadow:var(--tw-shadow-colored)}@media(min-width:768px){.pronunciation-widget__container{width:300px}}.pronunciation-widget__container .audio__controls,.pronunciation-widget__container .simple-audio-player{margin-top:0}.pronunciation-widget__title{overflow-x:auto;text-overflow:ellipsis;--tw-bg-opacity:1;background-color:rgb(207 69 32/var(--tw-bg-opacity));padding:.25rem;font-size:14px;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.pronunciation-widget__overlay-enter-active,.pronunciation-widget__overlay-leave-active{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pronunciation-widget__overlay-enter-from{--tw-translate-x:-.625rem}.pronunciation-widget__overlay-enter-from,.pronunciation-widget__overlay-leave-to{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.pronunciation-widget__overlay-leave-to{--tw-translate-x:.625rem}.pronunciation-widget__overlay-enter-to,.pronunciation-widget__overlay-leave-from{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}