.range-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.range-slider__wrapper{height:100%;position:relative}.range-slider__wrapper:hover .range-slider__thumb{display:block}.range-slider__track{border-radius:.5rem;height:12%;pointer-events:none;top:44%;width:100%;--tw-bg-opacity:.1}.range-slider__track,.range-slider__track--inner{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));position:absolute}.range-slider__track--inner{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;height:100%;width:0;--tw-bg-opacity:1}.range-slider__thumb,.range-slider__track--inner-full{border-radius:.5rem}.range-slider__thumb{display:none;height:34%;pointer-events:none;position:absolute;top:32%;width:11px;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.range-slider:hover .range-slider__thumb{display:block}.audio-player{display:none}.audio-container,.audio-mask,.audio-player{position:relative;width:100%}.audio-mask{align-items:stretch;border-radius:.5rem;display:flex;flex-wrap:nowrap;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-family:Roboto-Regular,Roboto,sans-serif;font-size:.875rem;line-height:1rem;padding:.625rem}.audio-mask__controls{height:2.5rem;width:2.5rem}.audio-mask__controls-button{border-radius:9999px;cursor:pointer;height:100%;padding:.5rem;width:100%}.audio-mask__controls-button .icon-pause,.audio-mask__controls-button .icon-play{height:100%;width:100%}.audio-mask__controls-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.audio-mask__wrapper{display:flex;flex-direction:column;width:100%}.audio-mask__progress{align-items:center;display:inline-flex;flex-grow:1;gap:.25rem;height:2rem;margin-left:.25rem;margin-right:.25rem}.audio-mask__progress-slider{flex-grow:1;height:100%;margin-bottom:.75rem;margin-left:.25rem;margin-top:.5rem}.audio-mask__progress-slider .range-slider__track{height:16.666667%}.audio-mask__progress-slider .range-slider__thumb{height:38%;top:34%;width:.75rem}.audio-mask__bottom{display:flex;width:100%}.audio-mask__duration{align-items:center;display:flex;margin-left:.5rem}.audio-mask__volume{display:flex;flex-grow:1;height:2.5rem;justify-content:flex-end;margin-left:.25rem;margin-right:.25rem;min-width:2.5rem}.audio-mask__volume:hover .audio-mask__volume-slider{display:block;width:4rem}.audio-mask__volume-slider{display:none;margin-right:.25rem}.audio-mask__volume-slider .range-slider__thumb{height:28%;top:36%}.audio-mask__volume-button{border-radius:9999px;cursor:pointer;height:2.5rem;padding:.5rem;width:auto}.audio-mask__volume-button .icon-unmuted{margin-left:-1px}.audio-mask__volume-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.audio-mask__playback{align-items:center;display:flex;text-transform:lowercase}.audio-mask__playback-wrapper{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:.5rem}.audio-mask__playback-rotate{--tw-rotate:180deg;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))}.audio-mask__playback-list{border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;position:absolute;right:0;top:90%;z-index:10;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0px 12px 16px 0px rgba(0,0,0,.05) ;--tw-shadow-colored:0px 12px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.audio-mask__playback-option{cursor:pointer;font-weight:700}.audio-mask__playback-option.selected,.audio-mask__playback-option:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}@media (min-width:50rem){.audio-mask{font-size:1rem}.audio-mask__progress--delimiter,.audio-mask__progress--max{display:block}}.audio-mask--inactive .audio-mask__controls--button,.audio-mask--inactive .audio-mask__playback-rate+label,.audio-mask--inactive .audio-mask__volume-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.audio-wrapper{align-items:center;display:flex;height:auto;min-height:6rem;padding-bottom:1px;padding-top:1px;width:100%}.interaction-button{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-end;line-height:1.2;row-gap:.25rem;width:auto}.interaction-button[disabled]{cursor:not-allowed}.interaction-button[disabled] span,.interaction-button[disabled] svg{opacity:.5}.interaction-button span{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.interaction-bar{flex-direction:column;gap:.5rem;justify-content:center}.interaction-bar,.interaction-bar__buttons{display:flex;flex-wrap:wrap}.interaction-bar__buttons{-moz-column-gap:1.25rem;column-gap:1.25rem;justify-content:space-evenly;row-gap:1rem}