.simple-audio-player{align-items:center;display:flex;gap:.5rem;margin-top:1rem;width:100%;--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{align-items:center;display:flex;flex-direction:column;margin-right:10px}@media (min-width:768px){.simple-audio-player__button{flex-direction:row;justify-content:space-between}}.simple-audio-player__button-icon{align-items:center;border-radius:9999px;border-width:5px;display:flex;height:2.25rem;justify-content:center;width:2.25rem;--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{bottom:0;margin-bottom:1rem;position:absolute;--tw-translate-x:-50%;border-radius:.25rem;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));--tw-bg-opacity:1;font-size:.75rem;line-height:1rem;padding:.25rem .5rem;--tw-text-opacity:1}.pronunciation-widget{cursor:pointer;display:inline-block;position:relative}@media print{.pronunciation-widget{display:none!important}}.pronunciation-widget .simple-audio-player{margin-top:0}.pronunciation-widget__icon{height:1.5rem;margin-left:.25rem;width:1.5rem}.pronunciation-widget__container{border-width:1px;max-width:768px;min-width:200px;position:absolute;z-index:10;--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{margin-top:0}.pronunciation-widget__container--to-left{left:auto;right:0}.pronunciation-widget__title{overflow-x:auto;text-overflow:ellipsis;--tw-bg-opacity:1;background-color:rgb(207 69 32/var(--tw-bg-opacity));font-size:14px;font-weight:400;padding:.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.pronunciation-widget__overlay-enter-active,.pronunciation-widget__overlay-leave-active{transition-duration:.3s;transition-property:all;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{opacity:0;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))}.pronunciation-widget__overlay-leave-to{--tw-translate-x:.625rem}.pronunciation-widget__overlay-enter-to,.pronunciation-widget__overlay-leave-from{--tw-translate-x:0px;opacity:1;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))}