.am-mini-scrollbar::-webkit-scrollbar-track{background-color:transparent}.am-mini-scrollbar::-webkit-scrollbar{background-color:transparent;width:4px}.am-mini-scrollbar::-webkit-scrollbar-thumb{background-color:#000;border-radius:0}.am-mini-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9f9f9f}.am-ap{align-items:end;background-color:#fff;border-top:1px solid #000;bottom:0;display:grid;grid-template-areas:" title title  title" " progress progress progress  " " current btnPlay total  ";grid-template-columns:auto auto auto;height:auto;justify-content:space-between;margin:1rem auto 0;max-width:100vw;padding:1.4rem .9rem 1rem;position:sticky;transition:transform .3s;width:100%;z-index:200}.am-ap.played .am-ap-play{display:none}.am-ap.has-played .am-ap-percentage.am-ap-played:after,.am-ap.played .am-ap-pause{display:block}.am-ap.am-ap-slided-out{position:fixed;transform:translateY(110%)}.am-ap-title{font-size:1rem;font-weight:400;grid-area:title;margin:auto auto 0;pointer-events:none;position:relative;text-align:center;top:.7rem}.am-ap-btn{align-items:center;align-self:center;background:transparent;border:none;cursor:pointer;display:flex;gap:.5rem;justify-content:center;min-width:3rem;position:relative}.am-ap-play-stop-toggle{grid-area:btnPlay}.am-ap-pause,.am-ap-play{fill:#000;stroke-width:1px;shape-rendering:geometricPrecision}.am-ap-pause{display:none;shape-rendering:crispedges}.am-ap-close{left:0;position:absolute;top:0}.am-ap-close i{font-weight:100}.am-ap-time{align-self:center;font-size:1rem;margin:auto .5rem}.am-ap-time.current{grid-area:current}.am-ap-time.total{grid-area:total}.am-ap-progress{align-content:space-between;align-items:center;display:flex;flex-grow:1;gap:.5rem;grid-area:progress;height:40px;justify-content:space-between}.am-ap-progress-bars{cursor:pointer;height:20px;position:relative;width:100%}.am-ap-progress-bars:before{border-bottom:7px solid #cecdce;content:"";display:block;width:100%}.am-ap-percentage,.am-ap-progress-bars:before{height:1px;left:0;position:absolute;top:9px}.am-ap-percentage.am-ap-played{border-bottom:7px solid #000;z-index:3}.am-ap-percentage.am-ap-buffered{border-bottom:7px solid #bdbbbc;z-index:2}@media screen and (min-width:1180px){.am-ap{display:grid;grid-template-areas:". title title title btnClose " "btnPlay current progress progress total ";grid-template-columns:auto auto 1fr auto auto;padding:1rem var(--px-base);position:sticky}.am-ap-title{font-size:1.1rem;top:0}.am-ap-close{align-self:baseline;grid-area:btnClose;justify-self:end;left:0;position:relative;top:-.4rem}}