html{font-size:16px}body{font-family:'Roboto',sans-serif}#container{background-color:#1c2529;border-radius:3rem;color:white;display:flex;padding:0 2rem}.right{display:flex;flex-direction:column;justify-content:space-around;margin-right:.625rem}#play-btn{background-color:transparent;border:0;height:3rem;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);width:3rem}#playIcon{height:3rem;width:auto}#pauseIcon{height:3rem;width:auto}#share-btn{background:transparent;border:0;cursor:pointer}#share-btn svg{height:auto;width:2rem}#next-play-btn{background:transparent;border:0;cursor:pointer}#next-play-btn svg{height:auto;width:1.875rem}#prev-play-btn{background:transparent;border:0;cursor:pointer}#prev-play-btn svg{height:auto;width:1.875rem}#transcript-btn{background:transparent;border:0;cursor:pointer}#transcript-btn svg{height:auto;width:2.5rem}#playlist-btn{background:transparent;border:0;cursor:pointer}#playlist-btn svg{height:auto;width:1.875rem}#play-btn:hover{cursor:pointer}.left{position:relative;width:3rem}.middle{flex-grow:1;margin:0 1.5rem;padding-top:.5rem}#transcriptContent{display:none}.audio-list{color:white;cursor:pointer;padding:.625rem 1.25rem}.audio-list-button{background-color:transparent;border:0;color:white;cursor:pointer;text-align:left;width:100%}.audio-list:not(:last-child){margin-bottom:.625rem}.audio-list-active{background-color:grey}.experience-title{background-color:#444;color:white;padding:.625rem 1.25rem}#audio-title{flex-grow:1;margin-left:2.225rem}#vendor{padding-right:2rem}#vendor div{flex-grow:1;font-style:normal;font-weight:400;margin:0 0 0 2.225rem;margin-bottom:1rem}#playlist-container{display:flex;justify-content:center;position:relative;width:100%}#playlist{background-color:#444;border-radius:0 0 1.25rem 1.25rem;display:none;list-style:none;margin:0 auto;max-height:18rem;max-width:calc(100% - 5rem);overflow-y:auto;padding:0;padding-bottom:1.25rem;padding-top:.5rem;text-align:left;width:calc(100% - 5rem)}#transcript-container{display:flex;justify-content:center;position:relative;width:100%}#transcript-content{background-color:#444;border-radius:0 0 1.25rem 1.25rem;box-sizing:border-box;color:white;display:none;list-style:none;margin:0 auto;max-height:18rem;max-width:calc(100% - 5rem);overflow-y:auto;padding:.5rem 1.25rem 1.25rem 1.25rem;text-align:justify-all;width:calc(100% - 5rem)}#player-control{display:flex}#timing-player{display:flex;flex-direction:column;flex-grow:1;margin:0 .3rem}#timing-player p{margin:0;padding:0;text-align:right}#top-control{display:flex;position:relative;margin-top:1rem}#bottom-control{display:flex;justify-content:center}#logo{margin-right:.5rem;margin-top:.5rem}#logo img{height:2.5rem;width:2.5rem}.hidden{display:none}#share-tooltip{background-color:#333;border-radius:5px;color:#fff !important;display:none;font-size:.875rem;padding:.3125rem .625rem;position:absolute;right:0}#error-container{color:red;text-align:center}@media(max-width:425px){#prev-play-btn svg{height:auto;width:.8rem}#next-play-btn svg{height:auto;width:.8rem}#playlist-btn{padding-left:3rem}#playlist-btn svg{height:auto;width:.8rem}#share-btn svg{height:auto;width:1.5rem}#transcript-btn svg{height:auto;width:1.5rem}.middle{margin:0 .5rem}#player-control{gap:.1rem}#top-control{gap:.5rem;margin-top:.5rem}#bottom-control{margin-top:.5rem}#logo{margin-top:0}.experience-title,#audio-title,#vendor div,#transcript-content,#playlist li,#playlist button{font-size:.7rem}#container{padding:0 .5rem}.left{left:.5rem;position:absolute}#play-btn{left:2.2rem;top:3rem;transform:translateY(-50%) translateX(-50%)}#player-control{margin-top:2rem}#playlist::before{background-color:#444;content:".";height:5rem;max-width:100%;position:absolute;top:-5rem;width:100%;z-index:-99}#playlist{max-width:100%;width:100%}#transcript-content::before{background-color:#444;content:".";height:5rem;left:0;margin:0;max-width:100%;overflow:hidden;padding:0;position:absolute;top:-5rem;width:100%;z-index:-99}#transcript-content{max-width:100%;width:100%}#seek-slider{max-height:2px}#logo img{height:2rem;width:2rem}#share-btn svg{height:auto;width:1rem}#transcript-btn svg{height:auto;width:1rem}#playIcon,#pauseIcon{height:1.5rem;width:auto}}