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