.plyr-wrapper{--plyr-color-main:#25d366;--plyr-video-background:#000;--plyr-menu-background:rgba(0,0,0,0.9);--plyr-menu-color:#fff;--plyr-audio-controls-background:#f0f2f5;--plyr-audio-control-color:#54656f;--plyr-audio-control-color-hover:#25d366}.dark .plyr-wrapper{--plyr-audio-controls-background:#2a3942;--plyr-audio-control-color:#aebac1;--plyr-audio-control-color-hover:#25d366}.plyr-wrapper .plyr{border-radius:8px;overflow:hidden}.plyr-wrapper .plyr--audio .plyr__controls{background:var(--plyr-audio-controls-background);color:var(--plyr-audio-control-color);padding:10px;border-radius:8px}.plyr-wrapper .plyr--video{background:var(--plyr-video-background)}.plyr-wrapper .plyr__control{color:var(--plyr-audio-control-color)}.plyr-wrapper .plyr__control:hover{color:var(--plyr-audio-control-color-hover)}.plyr-wrapper .plyr__control--overlaid{background:rgba(37,211,102,.9)}.plyr-wrapper .plyr__control--overlaid:hover{background:rgba(37,211,102,1)}.plyr-wrapper .plyr__progress input[type=range],.plyr-wrapper .plyr__volume input[type=range]{color:var(--plyr-color-main)}.plyr-wrapper .plyr__tooltip{background:rgba(0,0,0,.85);color:#fff;font-size:12px;padding:4px 8px;border-radius:4px}.plyr-wrapper .plyr__menu__container{background:var(--plyr-menu-background);border-radius:8px;padding:8px 0}.plyr-wrapper .plyr__menu__container [role=menuitemradio]{color:var(--plyr-menu-color)}.plyr-wrapper .plyr__menu__container [role=menuitemradio]:hover{background:rgba(255,255,255,.1)}.plyr-wrapper .plyr__menu__container [aria-checked=true]:before{background:var(--plyr-color-main)}.plyr-wrapper .plyr--audio{min-width:250px;max-width:100%}.plyr-wrapper .plyr--video{max-width:100%}.plyr-wrapper .plyr--loading:after{border-color:var(--plyr-color-main) transparent transparent transparent}.plyr-wrapper .plyr__time{font-size:13px}.plyr-wrapper .plyr__control[data-plyr=settings],.plyr-wrapper .plyr__time{color:var(--plyr-audio-control-color)}.plyr-wrapper .plyr__control[data-plyr=settings]:hover{color:var(--plyr-audio-control-color-hover)}.plyr-wrapper .plyr__control[data-plyr=fullscreen] svg,.plyr-wrapper .plyr__control[data-plyr=pip] svg{fill:currentColor}@media (max-width:768px){.plyr-wrapper .plyr__control,.plyr-wrapper .plyr__controls{padding:8px}}.pswp__bg{background-color:rgba(0,0,0,.95)}.pswp__button{background-color:rgba(0,0,0,.5)!important}.pswp__button:hover{background-color:rgba(37,211,102,.8)!important}.pswp__counter{font-size:14px;color:#fff}.dark .pswp__bg{background-color:rgba(0,0,0,.98)}