/* See http://code.google.com/p/minify/wiki/CommonProblems#@imports_can_appear_in_invalid_locations_in_combined_CSS_files */
.fluentform-widget-wrapper.hide-fluent-form-labels .ff-el-input--label{display:none!important}.fluentform-widget-wrapper.hide-error-message .ff-el-is-error .text-danger{display:none}.fluentform-widget-wrapper.fluentform-widget-align-left{margin:0 auto 0 0}.fluentform-widget-wrapper.fluentform-widget-align-center{float:none;margin:0 auto}.fluentform-widget-wrapper.fluentform-widget-align-right{margin:0 0 0 auto}.fluentform-widget-custom-radio-checkbox input[type=checkbox],.fluentform-widget-custom-radio-checkbox input[type=radio]{background:#ddd;height:15px;min-width:1px;outline:none;padding:3px;width:15px}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border:0 solid transparent;content:"";display:block;height:100%;margin:0;padding:0;width:100%}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:checked:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:checked:after{background:#999;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.fluentform-widget-custom-radio-checkbox input[type=radio],.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border-radius:50%}.fluentform-widget-wrapper .frm-fluent-form .ff-step-header{margin-bottom:0}.ff-el-progress-bar{align-items:center;display:flex;height:100%;justify-content:flex-end}.fluent-form-widget-step-header-yes .ff-step-header .ff-el-progress-status,.fluent-form-widget-step-progressbar-yes .ff-el-progress{display:block}.fluent-form-widget-step-header-yes .frm-fluent-form .ff-step-header,.fluent-form-widget-step-progressbar-yes .frm-fluent-form .ff-step-header{margin-bottom:20px}.fluentform-widget-section-break-content-left .ff-el-group.ff-el-section-break{text-align:left}.fluentform-widget-section-break-content-center .ff-el-group.ff-el-section-break{text-align:center}.fluentform-widget-section-break-content-right .ff-el-group.ff-el-section-break{text-align:right}.fluentform-widget-submit-button-full-width .ff-btn-submit{display:block;width:100%}.fluentform-widget-submit-button-center .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-right .ff-btn-submit{align-items:center;display:flex;justify-content:center;margin:0 auto}.fluentform-widget-submit-button-right .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-right .ff-btn-submit{float:right}.fluentform-widget-submit-button-left .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-right .ff-btn-submit{float:left}.fluentform-widget-wrapper.hide-placeholder input::-webkit-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-webkit-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder input::-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-moz-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-ms-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input::-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-ms-input-placeholder{opacity:0;visibility:hidden}.lity{z-index:9999!important}
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Permanent+Marker&display=swap");
@import url("https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/*Add branding icon for each addons*/
.elementor-element .icon {
  position: relative;
}

.elementor-element .icon .bl_icon::after {
  content: "MP";
  font-size: 11px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: #4527A4;
  color: #fff;
  padding: 2px 5px 3px 5px;
  border-radius: 3px;
  font-family: monospace;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
}

.art-video-player {
  max-width: 100% !important;
  height: 600px !important;
}


:root {
  --light-clr: #e5e5e5;
  --primary-clr: #6490f6;
  --secondary-clr: #c1daff;
  --active-clr: rgba(149, 153, 186, 0.4);
  --player-bg: rgba(5, 9, 51, 0.4);
  --scrollbar-track: rgb(79, 78, 78);
  --scrollbar-thumb: rgb(116, 116, 116);
}

.playlist-wrapper {
  font-family: "Nunito", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.playlist-container {
  position: relative;
  width: 90%;
  min-height: 80vh;
  background: #00112473;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  overflow: hidden;
}

.playlist-container::after,
.playlist-container::before {
  content: "";
  position: absolute;
  width: 250px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  transition: 5s ease-in-out;
}

.playlist-container::after {
  top: -3%;
  left: -5%;
  transform: scale(1);
  background-color: #5768af;
}

.playlist-container:hover::after {
  left: 85%;
  transform: scale(1.2);
  background-color: #a0acbd;
}

.playlist-container::before {
  bottom: -3%;
  right: -5%;
  transform: scale(1);
  background-color: #ab4c72;
}

.playlist-container:hover::before {
  right: 85%;
  transform: scale(1.2);
  background-color: #bda5ad;
}

/** CONTENT */

.playlist-container .content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  place-items: center;
  background: rgba(53, 54, 72, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: inherit;
  box-shadow: 0 0.5px 0 1px rgba(255, 255, 255, 0.2) inset,
    0 1px 0 0 rgba(255, 255, 255, 0.6) inset, 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: var(--light-clr);
  overflow-y: auto;
  padding: 30px 30px 10px;
}

.playlist-container .content::-webkit-scrollbar {
  width: 7px;
}

.playlist-container .content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.3rem var(--scrollbar-track);
  border-radius: 40px;
  margin: 18px 0;
}

.playlist-container .content::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0.5rem var(--scrollbar-thumb);
  background-color: var(--primary-clr);
  outline: none;
  border-radius: 40px;
}

/** PLAYLIST */

.slider-playlist {
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: center;
}

/** Slider */

.playlist-container .swiper {
  width: 300px;
  height: auto;
  display: flex;
}

.playlist-container .swiper-slide {
  display: grid;
  grid-template-rows: 4fr 1fr;
  padding: 15px;
  border-radius: 10px;
  background-color: #d3d2d6;
  box-shadow: 0 0.5px 0 1px rgba(255, 255, 255, 0.2) inset,
    0 1px 0 0 rgba(255, 255, 255, 0.6) inset, 0 4px 16px rgba(0, 0, 0, 0.1);
  user-select: none;
}

.playlist-container .swiper-slide img {
  aspect-ratio: 1/1;
  border-radius: 5px;
  margin-bottom: 14px;
  pointer-events: none;
}

.playlist-container .swiper-slide h1 {
  width: max-content;
  font-family: "Permanent Marker", serif;
  font-size: 18px;
  letter-spacing: 2px;
  color: #222224;
  text-transform: uppercase;
  transform: rotate(-3deg);
  margin: auto;
}

/** Playlist */

.playlist {
  width: 100%;
}

.playlist-item {
  display: grid;
  grid-template-columns: 15% 65% 15% 5%;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 8px 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--primary-clr);
  color: var(--light-clr);
  cursor: pointer;
  user-select: none;
}

.playlist-item img {
  width: 70%;
  aspect-ratio: 1/1;
  border-radius: 5px;
  overflow: hidden;
}

.playlist-item .song p:nth-child(1) {
  font-weight: 500;
  margin-bottom: 3px;
}

.playlist-item .song p:nth-child(2) {
  font-weight: 300;
  opacity: 0.5;
}

.playlist-item i {
  font-size: 1.2rem;
  color: var(--light-clr);
}

.active-playlist-item {
  background-color: var(--active-clr);
  border-radius: 5px;
}

/** PLAYER CONTROL */

.playlist-container .player {
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background: var(--player-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0 5px;
  z-index: 15;
  overflow: hidden;
}

/** Player Buttons */

.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 25px;
}

.controls svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transform: scale(1);
  will-change: transform;
}

.controls #shuffleBtn path {
  stroke: #fff;
}

.controls #nextBtn path,
.controls #prevBtn path {
  fill: #fff;
}

#playPauseBtn {
  width: 45px;
  aspect-ratio: 1/1;
  margin: 5px 0;
  color: var(--primary-clr);
  outline: 0;
  background: var(--light-clr);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(5, 36, 28, 0.3);
  font-size: 1.5rem;
  transform: scale(1);
  will-change: transform;
}

#playPauseIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

#playPauseIcon::before {
  content: ' ' !important;
}

#playPauseIcon.fa-pause svg.pause {
  display: block;
}

#playPauseIcon.fa-pause svg.play {
  display: none;
}

#playPauseIcon.fa-play svg.pause {
  display: none;
}

#shuffleBtn:hover,
#prevBtn:hover,
#nextBtn:hover,
#playPauseBtn:hover {
  transform: scale(1.05);
}

/** Volume */

.volume {
  position: relative;
  display: flex;
  align-items: center;
}

.volume svg path {
  stroke: #fff;
}

#volume-range {
  position: absolute;
  left: 30px;
  top: 9px;
  appearance: none;
  -webkit-appearance: none;
  width: 120px;
  height: 4px;
  background: var(--primary-clr);
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
}

#volume-range::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  background: var(--light-clr);
  width: 12px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

/** Progress */

#progress-bar {
  appearance: none;
  -webkit-appearance: none;
  width: 90%;
  height: 5px;
  background: linear-gradient(90deg,
      var(--light-clr),
      var(--secondary-clr),
      var(--primary-clr),
      var(--secondary-clr),
      var(--light-clr));
  border-radius: 4px;
  margin: 12px 0 16px;
  cursor: pointer;
  padding: 0;
}

#progress-bar::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  background: var(--light-clr);
  width: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.plyr--html5 .plyr__volume {
  justify-content: flex-end;
}

.plyr--html5 .plyr__progress input {
  width: 100%;
}

/** Media Queries */

@media (max-width: 1300px) {

  .playlist-container .swiper {
    width: 270px;
  }
}

@media (max-width: 1100px) {
  .playlist-container .content {
    padding: 40px 20px 20px;
  }

  .playlist-container .swiper {
    width: 240px;
  }

  .slider-playlist {
    grid-template-columns: 50% 50%;
  }
}

@media (max-width: 900px) {
  .playlist-container .content {
    padding: 30px 40px 20px;
    overflow-x: hidden;
  }

  .playlist {
    margin-bottom: 60px;
  }

  .slider-playlist {
    grid-template-columns: 100%;
  }

  .playlist-container.swiper {
    margin: 30px auto 50px;
  }

  .playlist-container .player {
    width: 110%;
  }

  #volume-range {
    width: 50px;
  }
}

@media (max-width: 580px) {
  .playlist-container .content {
    overflow-x: hidden;
  }

  .playlist-container.swiper {
    width: 220px;
    margin: 20px auto 35px;
  }

  .playlist-item {
    margin-bottom: 10px;
  }

  .playlist-container .player {
    width: 115%;
  }

  .controls {
    column-gap: 15px;
  }

  .controls i {
    font-size: 1.3rem;
  }

  #playPauseBtn {
    width: 40px;
    font-size: 1.2rem;
  }

  .volume i {
    font-size: 0.9rem;
  }

  #volume-range {
    left: 20px;
    top: 6px;
    width: 40px;
  }
}

/* Clasic Audio Playlist CSS Styles */
.classic-playlist-container {
  width: min(100%, 900px);
  overflow: hidden;
  margin: auto auto;
}

.classic-playlist-container .album-art {
  width: 220px;
  height: 220px;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.4s ease;
}

.classic-playlist-container .album-art:hover {
  transform: scale(1.05);
}

.classic-playlist-container .album-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.classic-playlist-container .track-info h2 {
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.classic-playlist-container .track-info p {
  color: #a0a0c0;
  font-size: 1.2rem;
}

.classic-playlist-container .progress-container {
  width: 100%;
  height: 6px;
  background: #32364394;
  border-radius: 10px;
  margin: 20px 0;
  cursor: pointer;
  position: relative;
}

.classic-playlist-container .progress {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #6a5acd, #00d4ff);
  border-radius: 10px;
  transition: width 0.1s linear;
}

.classic-playlist-container .time {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
  color: #a0a0c0;
}

.classic-playlist-container .controls {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 26px;
}

.classic-playlist-container .btn {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 4px;
  color: #32364394;
  border: 1px solid #32364394;
  font-size: 1.2rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.classic-playlist-container .btn:hover {
  background: linear-gradient(90deg, #6a5acd, #00d4ff);
  transform: translateY(-3px);
  color: #F7F7F7;
}

.classic-playlist-container .btn.play-pause {
  color: #F7F7F7;
  background: linear-gradient(90deg, #6a5acd, #00d4ff);
}

.classic-playlist-container .btn.play-pause:hover {
  background: linear-gradient(90deg, #6a5acd, #00d4ff);
}

.classic-playlist-container .volume-container {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 200px;
}

.classic-playlist-container .volume-icon {
  cursor: pointer;
  font-size: 1.2rem;
  color: #32364394;
  transition: color 0.3s ease;
}

.classic-playlist-container .volume-icon:hover {
  color: #00d4ff;
}

/* Volume Slider with Matching Progress Gradient */
.classic-playlist-container .volume-slider {
  -webkit-appearance: none;
  width: 120px;
  height: 6px;
  background: #32364394;
  border-radius: 10px;
  outline: none;
  cursor: pointer;
}

.classic-playlist-container .volume-slider::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 10px;
  background: #32364394;
}

.classic-playlist-container .volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  /* background: #00d4ff; */
  /* border-radius: 50%;
  border: none;
  margin-top: -3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); */
}

/* Filled part (from 0 to current value) - same gradient as song progress */
.classic-playlist-container .volume-slider::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #6a5acd, #00d4ff) 0% 0% / 100% 100% no-repeat, #333;
  background-size: var(--volume-percent, 100%) 100%;
  background-position: left center;
}

/* Fallback for Firefox (partial support) */
.classic-playlist-container .volume-slider::-moz-range-progress {
  background: linear-gradient(90deg, #6a5acd, #00d4ff);
  border-radius: 10px 0 0 10px;
  height: 6px;
}

.classic-playlist-container .volume-slider::-moz-range-track {
  background: #32364394;
  border-radius: 10px;
  height: 6px;
}

.classic-playlist-container .volume-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #00d4ff;
  border-radius: 50%;
  border: none;
}

.classic-playlist-container .playlist {
  width: 100%;
  max-height: 376px;
  overflow-y: auto;
}

.classic-playlist-container .playlist-item {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  gap: 15px;
  cursor: pointer;
  margin: 0;
  transition: all 0.3s ease;
  border-bottom: 1px solid #60647076;
}

.classic-playlist-container .playlist-item:first-child {
  border-top: 1px solid #60647076;
}

.classic-playlist-container .playlist-item:hover {
  background: rgba(96, 100, 112, 0.25);
}

.classic-playlist-container .playlist-item.active {
  background: rgba(96, 100, 112, 0.25);
}

.classic-playlist-container .playlist-item img {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  object-fit: cover;
}

.classic-playlist-container .playlist-item-info {
  flex: 1;
}

.classic-playlist-container .playlist-item-info h4 {
  font-size: 1rem;
  margin-bottom: 4px;
  color: #333;
}

.classic-playlist-container .playlist-item-info p {
  font-size: 0.85rem;
  color: #a0a0c0;
}

.classic-playlist-container .playlist-item-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.classic-playlist-container .playlist-item-duration {
  font-size: 0.9rem;
  color: #a0a0c0;
  min-width: 40px;
  text-align: right;
}

.classic-playlist-container .playlist-sound-wave {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 20px;
}

.classic-playlist-container .playlist-item .playlist-sound-wave span {
  width: 3px;
  background: #00d4ff;
  border-radius: 2px;
  animation: soundWave 1.2s infinite ease-in-out;
}

.classic-playlist-container .playlist-sound-wave span:nth-child(1) {
  height: 6px;
  animation-delay: 0s;
}

.classic-playlist-container .playlist-sound-wave span:nth-child(2) {
  height: 12px;
  animation-delay: 0.1s;
}

.classic-playlist-container .playlist-sound-wave span:nth-child(3) {
  height: 16px;
  animation-delay: 0.2s;
}

.classic-playlist-container .playlist-sound-wave span:nth-child(4) {
  height: 10px;
  animation-delay: 0.3s;
}

.classic-playlist-container .playlist-sound-wave span:nth-child(5) {
  height: 8px;
  animation-delay: 0.4s;
}

@keyframes soundWave {

  0%,
  100% {
    transform: scaleY(0.4);
    opacity: 0.6;
  }

  50% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.classic-playlist-container .playlist::-webkit-scrollbar {
  width: 6px;
}

.classic-playlist-container .playlist::-webkit-scrollbar-thumb {
  background: #6a5acd;
  border-radius: 10px;
}

.classic-playlist-container .player-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 10px;
}

.classic-playlist-container .player-container .player-thumb {
  max-width: 220px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.classic-playlist-container .player-container .player-thumb img {
  width: 100%;
  height: 100%;
}

.classic-playlist-container .player-container .player-meta {
  width: calc(100% - 250px);
}

.classic-playlist-container .player-meta-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.classic-playlist-container .player-meta-header .volume-container {
  max-width: 200px;
  width: 100%;
  justify-content: flex-end;
}

.classic-playlist-container .player-meta-header .track-info {
  width: calc(100% - 220px);
}

/* Timestamp Tooltip */
.classic-playlist-container .progress-tooltip {
  position: absolute;
  bottom: 18px;
  left: 0;
  background: rgba(26, 26, 46, 0.9);
  color: #e0e0e0;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 0.85rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.classic-playlist-container .progress-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(26, 26, 46, 0.9);
}

.classic-playlist-container .progress-container:hover .progress-tooltip {
  opacity: 1;
}

@media (max-width: 768px) {
  .classic-playlist-container .player-container .player-thumb {
    max-width: 180px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
  }

  .classic-playlist-container .player-container .player-meta {
    width: calc(100% - 180px);
  }

  .classic-playlist-container .album-art {
    width: 180px;
    height: 180px;
  }

  .classic-playlist-container .volume-container {
    width: 160px;
  }

  .classic-playlist-container .playlist-sound-wave span {
    width: 2px;
  }

  .classic-playlist-container .progress-container {
    margin: 16px 0;
  }

  .classic-playlist-container .controls {
    margin-top: 18px;
  }

  .classic-playlist-container .playlist-sound-wave span:nth-child(1) {
    height: 5px;
  }

  .classic-playlist-container .playlist-sound-wave span:nth-child(2) {
    height: 10px;
  }

  .classic-playlist-container .playlist-sound-wave span:nth-child(3) {
    height: 14px;
  }

  .classic-playlist-container .playlist-sound-wave span:nth-child(4) {
    height: 9px;
  }

  .classic-playlist-container .playlist-sound-wave span:nth-child(5) {
    height: 7px;
  }
}

@media(max-width: 676px) {
  .classic-playlist-container .player-container .player-thumb {
    max-width: 150px;
    width: 100%;
  }

  .classic-playlist-container .player-container .player-meta {
    width: calc(100% - 150px);
  }

  .classic-playlist-container .album-art {
    width: 150px;
    height: 150px;
  }

  .classic-playlist-container .btn {
    width: 40px;
    height: 40px;
  }

  .classic-playlist-container .btn.play-pause {
    width: 40px;
    height: 40px;
  }

  .classic-playlist-container .controls {
    gap: 8px;
  }

  .classic-playlist-container .player-meta-header .volume-container {
    max-width: 152px;
  }

  .classic-playlist-container .player-meta-header .track-info {
    width: calc(100% - 172px);
  }

  .classic-playlist-container .player-container {
    gap: 20px;
  }
}

@media(max-width: 540px) {
  .classic-playlist-container .player-container {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 30px;
  }

  .classic-playlist-container .player-meta-header .volume-container {
    max-width: 100%;
  }

  .classic-playlist-container .player-container .player-meta {
    width: 100%;
  }

  .classic-playlist-container .album-art {
    width: 100%;
  }

  .classic-playlist-container .player-container .player-thumb {
    max-width: 100%;
    width: 100%;
  }

  .classic-playlist-container .player-meta-header {
    align-items: flex-start;
  }

  .classic-playlist-container .player-meta-header .volume-container {
    max-width: 152px;
  }

  .classic-playlist-container .player-meta-header .track-info {
    width: calc(100% - 172px);
  }
}

@media(max-width: 400px) {
  .classic-playlist-container .player-meta-header .volume-container {
    width: 110px;
  }

  .classic-playlist-container .player-meta-header .volume-container input {
    width: 100%;
  }

  .classic-playlist-container .player-meta-header .track-info {
    width: calc(100% - 120px);
  }
}


.container-video-playlist {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

@media(max-width: 992px) {
  .container-video-playlist {
    flex-direction: column;
  }
}

/* VIDEO PLAYER */
.container-video-playlist .video-player {
  position: relative;
  flex: 2;
  background: #000;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 340px;
  max-height: 720px;
  overflow: hidden;
}

.container-video-playlist #main-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #111;
}

/* Center Play/Pause Button */
.container-video-playlist .center-control {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(170, 0, 0, 1);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  /* border: 3px solid rgba(255, 255, 255, 0.9); */
  color: white;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.92;
  transition: all 0.3s ease;
  z-index: 25;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.container-video-playlist .center-control:hover {
  transform: translate(-50%, -50%) scale(1.08);
  background: rgba(170, 0, 0, 0.5);
  /* border-color: #c00; */
}

.container-video-playlist .center-control.hidden {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.8);
  pointer-events: none;
}

/* Bottom controls */
.container-video-playlist .custom-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.65) 40%, transparent 100%);
  backdrop-filter: blur(10px);
  padding: 12px 16px 16px;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 20;
}

.container-video-playlist .video-player:hover .custom-controls,
.container-video-playlist .video-player.playing .custom-controls,
.container-video-playlist .custom-controls:hover {
  opacity: 1;
}

.container-video-playlist .controls-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

.container-video-playlist .progress-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 500;
  flex: 4;
}

.container-video-playlist .time-display {
  min-width: 110px;
  text-align: center;
  letter-spacing: 0.5px;
}

.container-video-playlist .progress-container {
  position: relative;
  height: 8px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
  width: 100%;
  transition: height 0.2s;
}

.container-video-playlist .progress-container:hover {
  height: 9px;
}

.container-video-playlist .progress-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(to right, #c00, #a00);
  border-radius: 4px;
  transition: width 0.08s linear;
  box-shadow: 0 0 12px rgba(170, 0, 0, 0.6);
}

.container-video-playlist .progress-tooltip {
  position: absolute;
  bottom: 100%;
  left: 0;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.88);
  color: white;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 30;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  min-width: 40px;
  text-align: center;
}

.container-video-playlist .progress-container:hover .progress-tooltip {
  opacity: 1;
}

.container-video-playlist .controls-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.container-video-playlist .btn {
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.2s ease;
}

.container-video-playlist .btn:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.12);
}

.container-video-playlist .btn:active {
  transform: scale(0.96);
}

.container-video-playlist .play-pause {
  font-size: 24px;
}

.container-video-playlist .volume-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.container-video-playlist .volume-slider {
  width: 100px;
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  cursor: pointer;
}

.container-video-playlist .volume-fill {
  height: 100%;
  width: 100%;
  background: #c00;
  border-radius: 3px;
}

.container-video-playlist .overlay {
  position: absolute;
  bottom: 24px;
  left: 24px;
  color: #00aaff;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
  pointer-events: none;
  max-width: 75%;
}

.container-video-playlist .more-videos {
  position: absolute;
  bottom: 8px;
  left: 24px;
  color: #ddd;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  pointer-events: none;
}

/* PLAYLIST with scroll blur */
.container-video-playlist .playlist {
  flex: 1;
  background: #f9f9f9;
  border-left: 1px solid #e0e0e0;
  overflow-y: auto;
  max-height: calc(6 * 84px);
  position: relative;
}

/* Blur effect when scrolling under header */
.container-video-playlist .playlist::before {
  content: "";
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  /* covers header + some fade area */
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.9) 0%,
      rgba(255, 255, 255, 0.4) 50%,
      transparent 100%);
  backdrop-filter: blur(8px);
  /* ← main blur strength – try 6px–12px */
  -webkit-backdrop-filter: blur(8px);
  z-index: 5;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

.container-video-playlist .header {
  background: #c00;
  color: white;
  padding: 14px 18px;
  font-weight: bold;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid #a00;
}

.container-video-playlist .header span {
  font-size: 13px;
  font-weight: normal;
}

.container-video-playlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.container-video-playlist li {
  height: 69px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background 0.18s;
}

.container-video-playlist li:hover,
.container-video-playlist li.active {
  background: #f0f0f0;
}

.container-video-playlist li.active {
  font-weight: 600;
}

.container-video-playlist li img {
  width: 80px;
  height: 45px !important;
  object-fit: cover;
  border-radius: 4px !important;
  margin-right: 14px;
  flex-shrink: 0;
  background: #222;
}

.container-video-playlist .title {
  flex: 1;
  font-size: 14px;
  line-height: 1.35;
}

.container-video-playlist .duration {
  font-size: 12.5px;
  color: #666;
  margin-left: 10px;
  white-space: nowrap;
}

/* Scrollbar */
.container-video-playlist .playlist::-webkit-scrollbar {
  width: 6px;
}

.container-video-playlist .playlist::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 3px;
}

.container-video-playlist .playlist::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.container-video-playlist .playlist {
  scrollbar-width: thin;
  scrollbar-color: #bbb #f9f9f9;
}

.container-video-playlist .time-display {
  color: #fff;
  font-weight: 700;
}

.container-video-playlist .toggle-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.container-video-playlist .toggle-container:hover::after {
  content: attr(data-tooltip);
  /* will be changed by JS */
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.88);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 30;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.container-video-playlist .toggle-container:hover::after {
  opacity: 1;
}

.container-video-playlist .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 18px;
}

.container-video-playlist .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.container-video-playlist .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #555;
  transition: .4s;
  border-radius: 26px;
}

.container-video-playlist .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.container-video-playlist input:checked+.slider {
  background-color: #a00;
}

.container-video-playlist input:checked+.slider:before {
  transform: translateX(21px);
}

.card-audio-playlist {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-audio-playlist i {
  width: 100%;
  text-shadow: -4px -4px 6px #18191b,
              4px 4px 6px #34373d;
}

.card-audio-playlist .app-container {
  position: relative;
  background-color: #26282c;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5),
    2px 2px 10px rgba(0, 0, 0, 0.5);
  text-align: center;
  overflow:hidden;
  box-sizing: border-box;
  padding-bottom:20px;
  max-width:400px;
  width: 100%;
  font-size: 15px;
  color: white;
}
.card-audio-playlist #uiWrap {
  position: relative;
  padding:0 40px;
  box-sizing: border-box;
  z-index:3;
  margin-top:-60px;
}
.card-audio-playlist #albumArt {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin-bottom:-100px;
}
.card-audio-playlist #fade {
  position: relative;
  z-index: 2;
  width:100%;
  height:100px;
  background: linear-gradient(180deg, rgba(38,40,44,0) 0%, rgba(38,40,44,1) 82%);
}
.card-audio-playlist #trackTitle {
  font-size: 1.7rem;
}

.card-audio-playlist button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1em;
  font-weight: 400;
  border: none;
  border-radius: 60px;
  height: 2.5rem;
  width: 2.5rem;
  background: #26282c;
  box-shadow: 4px 4px 8px #18191b,
              -4px -4px 8px #34373d;
}

.card-audio-playlist button:hover {
  box-shadow: 2px 2px 5px #18191b,
              -2px -2px 5px #34373d;
}

.card-audio-playlist button:active {
  background: #26282c;
  box-shadow: inset 2px 2px 5px #18191b,
              inset -2px -2px 5px #34373d;
}

.card-audio-playlist .audio-controls {
  text-align: center;
}

.card-audio-playlist #playPauseBtnPlaylist {
  height: 60px;
  width: 60px;
  margin: 0 20px 20px;
}

.card-audio-playlist #shuffleBtn.active,
.card-audio-playlist #loopBtn.active {
  color: rgba(0, 146, 172, 1);
}

.card-audio-playlist #volume {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0;
  top:10px;
  left:10px;
  z-index:3;
  background-color:rgba(0,0,0,0);

}
 
.card-audio-playlist #volume-bar {
  position: relative;
  width: 100px;
  transform: translateY(-3px);
  opacity:0;
  transition: all 0.3s ease-out;
  transition-delay: 1000ms;
}
.card-audio-playlist #volume:hover #volume-bar, .card-audio-playlist #volume:active #volume-bar {
  opacity:1;
  transition: all 0.3s ease-out;
}
.card-audio-playlist .muted {
  pointer-events: none;
  opacity: 0.7;
}

.card-audio-playlist #muteBtn {
  box-shadow: none;
  background: none;
  font-size:0.8em;
}

.card-audio-playlist #volumeSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0.6);
  outline: none;
  border-radius: 10px;
}

.card-audio-playlist .volume-indicator {
  position: absolute;
  height: 5px;
  width: 0;
  background: white;
  border-radius: 5px;
  pointer-events: none;
  top: 0;
  left: 0;
}

.card-audio-playlist #volumeSlider::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  background: white;
}

.card-audio-playlist #volumeSlider::-moz-range-thumb {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  background: white;
}

.card-audio-playlist #volumeSlider::-ms-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  background: white;
}

.card-audio-playlist .seek-bar {
  position: relative;
  height: 40px;
}

.card-audio-playlist #seekSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0.2);
  outline: none;
  border-radius: 10px;
}

.card-audio-playlist .buffering-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  border-radius: 10px;
  background: rgba(0, 146, 172, 1);
  width: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.4;
}

.card-audio-playlist .seek-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  background: rgba(0, 146, 172, 1);
  border-radius: 10px;
  pointer-events: none;
  z-index: 1;
  width: 0;
}

.card-audio-playlist #seekSlider::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  background: rgba(0, 146, 172, 1);
  box-shadow: 4px 4px 8px #18191b,
              -4px -4px 8px #34373d;
}

.card-audio-playlist #seekSlider::-moz-range-thumb {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  background: rgba(0, 146, 172, 1);
  box-shadow: 4px 4px 8px #18191b,
              -4px -4px 8px #34373d;
}

.card-audio-playlist #seekSlider::-ms-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  background: rgba(0, 146, 172, 1);
  box-shadow: 4px 4px 8px #18191b,
              -4px -4px 8px #34373d;
}

.card-audio-playlist #seekSlider::-webkit-slider-thumb:hover {
  box-shadow: 2px 2px 5px #18191b,
              -2px -2px 5px #34373d;
}

.card-audio-playlist #volumeSlider::-moz-range-thumb:hover {
  box-shadow: 2px 2px 5px #18191b,
              -2px -2px 5px #34373d;
}

.card-audio-playlist #volumeSlider::-ms-thumb:hover {
  box-shadow: 2px 2px 5px #18191b,
              -2px -2px 5px #34373d;
}

.card-audio-playlist #seekSlider::-moz-range-thumb:hover {
  box-shadow: 2px 2px 5px #18191b,
              -2px -2px 5px #34373d;
}

.card-audio-playlist #seekSlider::-ms-thumb:hover {
  box-shadow: 2px 2px 5px #18191b,
              -2px -2px 5px #34373d;
}

.card-audio-playlist #currentTime, .card-audio-playlist #trackTime {
  position: absolute;
  top: -30px;
  font-size: 0.7em;
}

.card-audio-playlist #currentTime {
  left: 0;
}

.card-audio-playlist #trackTime {
  right: 0;
}

.card-audio-playlist #likeBtn {
  box-shadow: none;
  background: none;
  margin: 10px 20px;
  transition:all 200ms cubic-bezier(.17,-0.99,.61,1.73);
}
.card-audio-playlist #likeBtn:hover {
  transform:scale(1.3);
  transition:all 200ms cubic-bezier(.17,-0.99,.61,1.73);
}
.card-audio-playlist #loopBtn, .card-audio-playlist #shuffleBtn {
  box-shadow: none;
  background: none;
  margin: 0 10px;
  font-size: 0.9rem;
}
.modern-player img {
	display: block;
  max-width: unset !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* Player */

.modern-audio-playlist .player-block {
	display: flex;
	align-self: center;
	justify-self: center;
	overflow: hidden;
	max-height: 453px;
	border-radius: 40px;
	font-family: "Oswald", sans-serif;
	background-color: #131414;
}

.modern-audio-playlist  .modern-player {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 50px;
	max-width: 625px;
	width: 100%;
	background: linear-gradient(
		-65deg,
		rgba(11, 11, 13, 1),
		rgba(18, 18, 19, 1),
		rgba(49, 51, 52, 1)
	);
	border-radius: 40px;
	border: transparent;
}

.modern-audio-playlist  .modern-player::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 40px;
	border: 1px solid transparent;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1))
		border-box;
	mask: linear-gradient(#fff 0, #fff 100%) padding-box,
		linear-gradient(#fff 0, #fff 100%);
	mask-composite: exclude;
}

.modern-audio-playlist .modern-player.open-playlist + .playlist,
.modern-audio-playlist .modern-player.open-playlist + .playlist .playlist__content {
	width: 500px;
	opacity: 1;
}

.modern-audio-playlist .modern-player.open-playlist + .playlist{
	padding-right: 60px;
}

/* Player Playlist */

.modern-audio-playlist .playlist {
	width: 0;
	height: 100%;
	transition: all 0.4s;
	/* overflow: hidden; */
}

.modern-audio-playlist .playlist__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 20px;
	padding: 50px 50px 50px 30px;
	opacity: 0;
	transition: all 0.2s;
}

.modern-audio-playlist .playlist__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
}

.modern-audio-playlist .playlist__title {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(103, 103, 103, 1);
	text-transform: uppercase;
}

.modern-audio-playlist .playlist__control {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.modern-audio-playlist .playlist__content i {
	position: absolute;
	width: 15px;
	height: 3px;
	background-color: rgba(103, 103, 103, 1);
	transition: 0.3s background-color;
}

.modern-audio-playlist .playlist__content i:first-child {
	transform: rotate(-45deg);
}

.modern-audio-playlist .playlist__content i:last-child {
	transform: rotate(45deg);
}

.modern-audio-playlist .playlist__list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow-y: auto;
	max-height: 310px;
	padding-right: 16px;
}

.modern-audio-playlist .playlist__list::-webkit-scrollbar {
	width: 4px;
}

.modern-audio-playlist .playlist__list::-webkit-scrollbar-track {
	background-color: transparent;
}

.modern-audio-playlist .playlist__list::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 2px;
}

.modern-audio-playlist .playlist__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	max-height: 30px;
	border-radius: 6px;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s;
	font-family: "Poppins", sans-serif;
}

.modern-audio-playlist .playlist__item.current {
	background-color: rgba(255, 255, 255, 0.05);
}

.modern-audio-playlist .playlist__song,
.modern-audio-playlist .playlist__duration {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.4;
	color: rgba(103, 103, 103, 1);
}

.modern-audio-playlist .playlist__song-name {
	color: #e6e6e6;
}

/* Player Settings */

.modern-audio-playlist .player__settings {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

.modern-audio-playlist .player__settings input {
	display: none;
}

.modern-audio-playlist .player__playlist-btn,
.modern-audio-playlist .player__settings-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s;
}

.modern-audio-playlist .player__playlist-btn.active,
.modern-audio-playlist .player__settings-btn.active {
	filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%)
		hue-rotate(66deg) brightness(105%) contrast(104%);
}

.modern-audio-playlist .player__settings-btn.active + .player__settings-block {
	flex: 1;
	max-width: 100%;
}

.modern-audio-playlist .player__settings-block {
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 0;
	transition: 0.5s all;
}

.modern-audio-playlist .player__autoplay-block {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 1.125rem;
	line-height: 1.5;
	font-weight: 400;
	color: #e6e6e6;
}

.modern-audio-playlist .player__settings-checkbox {
	position: relative;
	display: flex;
	width: 50px;
	height: 24px;
	transform: translateY(1px);
}

.modern-audio-playlist .player__settings-switch {
	position: absolute;
	cursor: pointer;
	inset: 0;
	border-radius: 24px;
	background-color: rgba(103, 103, 103, 1);
	transition: 0.4s all;
}

.modern-audio-playlist .player__settings-switch:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	border-radius: 50%;
	transition: all 0.4s;
	background-color: white;
}

.modern-audio-playlist  input:checked + .player__settings-switch:before {
	transform: translateX(26px);
}

.modern-audio-playlist  input:checked + .player__settings-switch {
	background-color: rgb(51, 142, 51);
}

/* Players Bars */

.modern-audio-playlist .player__box {
	margin-top: 15px;
}

.modern-audio-playlist .player__bars {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 4px;
	width: 100%;
	height: 155px;
	cursor: pointer;
}

.modern-audio-playlist .player__bar {
	min-height: 2px;
	width: 8px;
	height: 0;
	max-height: 155px;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.4),
		rgba(255, 255, 255, 0.05)
	);
	transition: height 0.2s ease-out, background 1s ease-out;
	cursor: pointer;
	pointer-events: all;
}

.modern-audio-playlist .player__bar.color {
	background: linear-gradient(
		120deg,
		rgba(59, 180, 155, 0.5) 0%,
		rgba(137, 58, 255, 0.5) 53%,
		rgba(253, 134, 241, 0.4) 100%
	);
}

.modern-audio-playlist .player__audio {
	display: none;
}

/* Player Controls */

.modern-audio-playlist .player__info {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 30px;
}

.modern-audio-playlist .player__music-info {
	display: flex;
	flex-direction: column;
}

.modern-audio-playlist .player__music-author,
.modern-audio-playlist .player__duration {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
}

.modern-audio-playlist .player__music-title {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 400;
	color: white;
	text-transform: uppercase;
}

.modern-audio-playlist .player__controller {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 25px;
}

.modern-audio-playlist .player__controls {
	display: flex;
	align-items: center;
	gap: 44px;
}

.modern-audio-playlist .player__next-btn,
.modern-audio-playlist .player__prev-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
}

.modern-audio-playlist .player__next-btn.disabled,
.modern-audio-playlist .player__prev-btn.disabled {
	filter: brightness(0) saturate(100%) invert(45%) sepia(1%) saturate(914%)
		hue-rotate(318deg) brightness(91%) contrast(101%);
	cursor: default;
	pointer-events: none;
}

.modern-audio-playlist .player__pause-icon,
.modern-audio-playlist .player__play-icon,
.modern-audio-playlist .player__replay-btn img {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
}

.modern-audio-playlist .player__pause-icon:active,
.modern-audio-playlist .player__play-icon:active,
.modern-audio-playlist .player__replay-icon:active {
	background-color: rgba(255, 255, 255, 0.05);
}

.modern-audio-playlist .player__pause-icon.hidden,
.modern-audio-playlist .player__play-icon.hidden,
.modern-audio-playlist .player__play-btn.hidden,
.modern-audio-playlist .player__replay-btn.hidden {
	display: none;
}

.modern-audio-playlist .player__volume-btn {
	position: relative;
	cursor: pointer;
	padding-right: 5px;
	height: 24px;
}

.modern-audio-playlist .player__volume-block {
	position: absolute;
	overflow: hidden;
	z-index: 10;
	width: 0;
	bottom: -10px;
	left: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background-color: #414143;
	transition: all 0.3s;
}

.modern-audio-playlist .player__volume-block input {
	overflow: hidden;
	margin: 20px;
	width: 100%;
	height: 10px;
	--range: 20%;
	appearance: none;
	outline: none;
	border-radius: 2px;
	background: linear-gradient(
		to right,
		white var(--range),
		rgba(87, 87, 87, 0.46) var(--range)
	);
	cursor: pointer;
}

.modern-audio-playlist .player__volume-block input[type="range"]::-webkit-slider-thumb {
	cursor: pointer;
	appearance: none;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.modern-audio-playlist .player__volume-icon {
	position: absolute;
	inset: 0;
	opacity: 1;
	width: max-content !important;
	visibility: visible;
	transition: all 0.3s;
}

.modern-audio-playlist .player__volume-default.hidden,
.modern-audio-playlist .player__volume-high.hidden,
.modern-audio-playlist .player__volume-mute.hidden {
	opacity: 0;
	visibility: hidden;
}

.modern-audio-playlist .player__volume-btn:hover .player__volume-block {
	width: 180px;
}

.modern-audio-playlist .player__random-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s;
}

.modern-audio-playlist .player__random-btn.active {
	filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%)
		hue-rotate(66deg) brightness(105%) contrast(104%);
}

@media screen and (max-width: 1280px) {
	.modern-audio-playlist .player-block {
		flex-direction: column;
		max-height: 100%;
	}

	.modern-audio-playlist .player.open-playlist + .playlist,
	.modern-audio-playlist .player.open-playlist + .playlist .playlist__content {
		width: 100%;
		height: 450px;
		opacity: 1;
	}

	.modern-audio-playlist .playlist__list {
		max-height: none;
	}

	.modern-audio-playlist .playlist {
		width: 100%;
		height: 0;
	}
}

@media screen and (max-width: 620px) {
	.modern-audio-playlist .player__controls {
		gap: 10px;
	}

	.modern-audio-playlist .player__volume-btn {
		width: 40px;
	}
}

@media screen and (max-width: 460px) {
	.modern-audio-playlist .player-block {
		border-radius: 20px;
	}

	.modern-audio-playlist .player {
		border-radius: 20px;
		padding: 40px 20px 20px;
	}

	.modern-audio-playlist .player::before {
		border-radius: 20px;
	}

	.modern-audio-playlist .player__settings {
		gap: 10px;
	}

	.modern-audio-playlist .playlist__content {
		padding: 20px;
	}

	.modern-audio-playlist .playlist__item {
		max-height: 100%;
	}

	.modern-audio-playlist .playlist__song {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.modern-audio-playlist .playlist__control:hover i {
		background-color: white;
	}

	.modern-audio-playlist .player__pause-icon:hover,
	.modern-audio-playlist .player__play-icon:hover,
	.modern-audio-playlist .player__replay-icon:hover,
	.modern-audio-playlist .player__random-btn:hover,
	.modern-audio-playlist .player__next-btn:hover,
	.modern-audio-playlist .player__prev-btn:hover {
		background-color: rgba(255, 255, 255, 0.05);
	}

	.modern-audio-playlist .player__playlist-btn:hover,
	.modern-audio-playlist .player__settings-btn:hover {
		filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%)
			hue-rotate(66deg) brightness(105%) contrast(104%);
		background-color: rgba(255, 255, 255, 0.05);
	}

	.modern-audio-playlist .playlist__item:hover {
		background-color: rgba(255, 255, 255, 0.05);
	}
}


/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/*Add branding icon for each addons*/
.elementor-element .icon {
  position: relative;
}
.elementor-element .icon .bl_icon::after {
    content: "MP";
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: #4527A4;
    color: #fff;
    padding: 2px 5px 3px 5px;
    border-radius: 3px;
    font-family: monospace;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
}
.art-video-player {
    max-width:100%!important;
    height:600px!important;
}
.elementor-element  .classic-audio-playlist {
    display: inline-block;
}

.elementor-element  .classic-audio-playlist::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTExLjk5MyA1MTEuOTkzIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMDAwMDAwIj48ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCI+PC9nPjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9nPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggc3R5bGU9ImZpbGw6I0VDNTU2NDsiIGQ9Ik00OTAuNjMyLDM4OC40NzdMNDc5Ljk5MSwyNi4zNjJjLTAuMTcyLTUuNzY2LTQuOTA2LTEwLjM1OS0xMC42NzItMTAuMzU5SDQyLjY3MyBjLTUuNzgxLDAtMTAuNSw0LjU5NC0xMC42NzIsMTAuMzU5TDIxLjMzLDM4OS4wMjRjLTAuMDc4LDIuODc1LDEuMDE2LDUuNjcyLDMuMDE2LDcuNzM0YzIuMDE2LDIuMDc4LDQuNzY2LDMuMjM0LDcuNjU2LDMuMjM0IGg0NDcuOTljMCwwLDAsMCwwLjAxNiwwYzUuODkxLDAsMTAuNjU2LTQuNzY2LDEwLjY1Ni0xMC42NTZDNDkwLjY2MywzODkuMDQsNDkwLjY2MywzODguNzU5LDQ5MC42MzIsMzg4LjQ3N3oiPjwvcGF0aD4gPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0U1NDsiIGQ9Ik00NzkuOTkxLDQ4LjAwMkgzMi4wMDFjLTIuODI4LDAtNS41NDYsMS4xMjUtNy41NDYsMy4xMjVzLTMuMTI1LDQuNzE5LTMuMTI1LDcuNTQ3djM2Mi42NjMgYzAsNS44OTEsNC43ODEsMTAuNjU2LDEwLjY3MSwxMC42NTZoNDQ3Ljk5YzUuODkxLDAsMTAuNjcyLTQuNzY2LDEwLjY3Mi0xMC42NTZWNTguNjc0IEM0OTAuNjYzLDUyLjc4Myw0ODUuODgyLDQ4LjAwMiw0NzkuOTkxLDQ4LjAwMnoiPjwvcGF0aD4gPHBhdGggc3R5bGU9ImZpbGw6IzQ4Q0ZBRDsiIGQ9Ik00OTguMzA0LDgzLjI1MWMtMi0yLjA3OC00Ljc2Ni0zLjI1LTcuNjQxLTMuMjVIMjEuMzNjLTIuODc1LDAtNS42NDEsMS4xNzItNy42NTYsMy4yNSBjLTIsMi4wNjItMy4wOTQsNC44NTktMyw3LjczNEwyMS4zMyw0NTMuNjQ4YzAuMTcyLDUuNzY2LDQuOTA2LDEwLjM0MywxMC42NzEsMTAuMzQzaDQ0Ny45OWM1Ljc2NiwwLDEwLjQ4NC00LjU3NywxMC42NTYtMTAuMzQzIGwxMC42NzItMzYyLjY2M0M1MDEuMzk3LDg4LjExLDUwMC4zMTksODUuMzEzLDQ5OC4zMDQsODMuMjUxeiI+PC9wYXRoPiA8cGF0aCBzdHlsZT0iZmlsbDojQUM5MkVCOyIgZD0iTTUwOS4wODQsMTE1LjM2Yy0yLjAxNi0yLjE0MS00LjgyOC0zLjM1OS03Ljc2NS0zLjM1OUgxMC42NzRjLTIuOTM3LDAtNS43NSwxLjIxOS03Ljc2NSwzLjM1OSBzLTMuMDYyLDUuMDE2LTIuODkxLDcuOTM3TDIxLjM0Niw0ODUuOTZjMC4zNDQsNS42NDEsNSwxMC4wMzEsMTAuNjU2LDEwLjAzMWg0NDcuOTljNS42NDEsMCwxMC4zMTItNC4zOTEsMTAuNjQxLTEwLjAzMSBsMjEuMzQyLTM2Mi42NjNDNTEyLjE0NiwxMjAuMzc1LDUxMS4xLDExNy41LDUwOS4wODQsMTE1LjM2eiI+PC9wYXRoPiA8cGF0aCBzdHlsZT0iZmlsbDojOTY3QURDOyIgZD0iTTIuOTA5LDExNS4zNmMtMi4wMTYsMi4xNDEtMy4wNjIsNS4wMTYtMi44OTEsNy45MzdMMjEuMzQ2LDQ4NS45NiBjMC4zNDQsNS42NDEsNSwxMC4wMzEsMTAuNjU2LDEwLjAzMWg2My45ODNsMC42MDktMC42MjVMNzQuMDc5LDExMi42NDFMNzMuNTk1LDExMmgtNjIuOTJDNy43MzcsMTEyLDQuOTI0LDExMy4yMTksMi45MDksMTE1LjM2eiI+PC9wYXRoPiA8cmVjdCB4PSIyNTUuOTk2IiB5PSIyMzQuOTE3IiBzdHlsZT0iZmlsbDojQ0NEMUQ5OyIgd2lkdGg9IjIxLjMyOCIgaGVpZ2h0PSIxNTQuNDIiPjwvcmVjdD4gPGc+IDxwYXRoIHN0eWxlPSJmaWxsOiNFNkU5RUQ7IiBkPSJNMzU2Ljc2LDI0MS4xMzhsLTg1LjMyNi00Mi42N2MtMy4zMTItMS42NTYtNy4yMzMtMS40NjktMTAuMzc0LDAuNDY5IGMtMy4xNTYsMS45MzctNS4wNjMsNS4zNzUtNS4wNjMsOS4wNjJ2ODUuMzQyYzAsMy42ODgsMS45MDcsNy4xMjUsNS4wNjMsOS4wNzhjMS43MDMsMS4wNDcsMy42NTYsMS41NzgsNS42MDgsMS41NzggYzEuNjI1LDAsMy4yNS0wLjM1OSw0Ljc2Ni0xLjEyNWw4NS4zMjYtNDIuNjU1YzMuNjA5LTEuODEyLDUuOTA2LTUuNSw1LjkwNi05LjU0N0MzNjIuNjY2LDI0Ni42MzgsMzYwLjM2OSwyNDIuOTM1LDM1Ni43NiwyNDEuMTM4IHoiPjwvcGF0aD4gPHBhdGggc3R5bGU9ImZpbGw6I0U2RTlFRDsiIGQ9Ik0yMzQuNjY4LDM0Ni42NjdjLTIzLjUzMSwwLTQyLjY3MSwxOS4xNC00Mi42NzEsNDIuNjdjMCwyMy41MzEsMTkuMTQsNDIuNjU2LDQyLjY3MSw0Mi42NTYgYzIzLjUxNiwwLDQyLjY1Ni0xOS4xMjUsNDIuNjU2LTQyLjY1NkMyNzcuMzI0LDM2NS44MDcsMjU4LjE4NCwzNDYuNjY3LDIzNC42NjgsMzQ2LjY2N3oiPjwvcGF0aD4gPC9nPiA8L2c+PC9zdmc+');
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
}

.elementor-element  .classic-video-playlist {
    display: inline-block;
}

.elementor-element  .classic-video-playlist::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20490%20490%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_30_%22%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M480%2C100v360H10V100H480z%20M430%2C330V145H60v185H430z%22%3E%3C%2Fpath%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%22280%2C235%20210%2C270%20210%2C200%20%22%3E%3C%2Fpolygon%3E%3Cpath%20style%3D%22fill%3A%23F4661E%3B%22%20d%3D%22M430%2C145v185H60V145H430z%20M210%2C270l70-35l-70-35V270z%22%3E%3C%2Fpath%3E%3Crect%20x%3D%2210%22%20y%3D%2230%22%20style%3D%22fill%3A%23FFD248%3B%22%20width%3D%22470%22%20height%3D%2270%22%3E%3C%2Frect%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M480%2C20H10C4.477%2C20%2C0%2C24.478%2C0%2C30v430c0%2C5.522%2C4.477%2C10%2C10%2C10h470c5.522%2C0%2C10-4.478%2C10-10V30%20C490%2C24.478%2C485.522%2C20%2C480%2C20z%20M470%2C40v50H20V40H470z%20M20%2C450V110h450v340H20z%22%3E%3C%2Fpath%3E%3Crect%20x%3D%2235%22%20y%3D%2255%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%3Crect%20x%3D%2275%22%20y%3D%2255%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%3Crect%20x%3D%22115%22%20y%3D%2255%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M430%2C135H60c-5.522%2C0-10%2C4.477-10%2C10v185c0%2C5.522%2C4.478%2C10%2C10%2C10h370c5.522%2C0%2C10-4.478%2C10-10V145%20C440%2C139.477%2C435.522%2C135%2C430%2C135z%20M420%2C320H70V155h350V320z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M204.743%2C278.507c1.605%2C0.992%2C3.429%2C1.493%2C5.257%2C1.493c1.528%2C0%2C3.061-0.351%2C4.472-1.056l70-35%20C287.86%2C242.25%2C290%2C238.788%2C290%2C235s-2.14-7.25-5.528-8.944l-70-35c-3.099-1.55-6.78-1.385-9.729%2C0.438%20c-2.948%2C1.821-4.743%2C5.04-4.743%2C8.506v70C200%2C273.466%2C201.795%2C276.685%2C204.743%2C278.507z%20M220%2C216.181L257.64%2C235L220%2C253.819%20V216.181z%22%3E%3C%2Fpath%3E%3Cpolygon%20points%3D%22170%2C370%20150%2C370%20150%2C385%2050%2C385%2050%2C405%20150%2C405%20150%2C420%20170%2C420%20170%2C405%20440%2C405%20440%2C385%20170%2C385%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
}

.elementor-element  .card-audio-playlist-icon {
    display: inline-block;
}

.elementor-element .card-audio-playlist-icon::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    background-image: url('data:image/svg+xml,%3Csvg%20height%3D%22200px%22%20width%3D%22200px%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2059%2059%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cg%3E%3Cpolygon%20style%3D%22fill%3A%23DF4D60%3B%22%20points%3D%220%2C2%200%2C49%2012%2C49%2034.697%2C49%2056%2C49%2056%2C38.372%2056%2C18%2056%2C2%20%22%3E%3C%2Fpolygon%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M39.659%2C11.248c-0.216-0.19-0.506-0.277-0.79-0.239l-18%2C2.367C20.372%2C13.441%2C20%2C13.865%2C20%2C14.367%20v3.551v1.449v14.434c-1.169-1.019-2.754-1.649-4.5-1.649c-3.584%2C0-6.5%2C2.642-6.5%2C5.889s2.916%2C5.889%2C6.5%2C5.889s6.5-2.642%2C6.5-5.889%20V20.244l16-2.104v10.402c-1.133-0.966-2.653-1.562-4.327-1.562c-3.488%2C0-6.326%2C2.572-6.326%2C5.734s2.838%2C5.735%2C6.326%2C5.735%20c3.489%2C0%2C6.327-2.573%2C6.327-5.735V17v-1.449V12C40%2C11.712%2C39.876%2C11.438%2C39.659%2C11.248z%22%3E%3C%2Fpath%3E%3Cg%3E%3Ccircle%20style%3D%22fill%3A%2371C386%3B%22%20cx%3D%2247%22%20cy%3D%2245%22%20r%3D%2212%22%3E%3C%2Fcircle%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M53%2C44h-5v-5c0-0.552-0.448-1-1-1s-1%2C0.448-1%2C1v5h-5c-0.552%2C0-1%2C0.448-1%2C1s0.448%2C1%2C1%2C1h5v5%20c0%2C0.552%2C0.448%2C1%2C1%2C1s1-0.448%2C1-1v-5h5c0.552%2C0%2C1-0.448%2C1-1S53.552%2C44%2C53%2C44z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
}

.elementor-element  .modern-audio-playlist-icon {
    display: inline-block;
}

.elementor-element .modern-audio-playlist-icon::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%20image-rendering%3D%22optimizeQuality%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23EF4136%22%20d%3D%22M145.305%200h221.392C446.615%200%20512%2065.384%20512%20145.305v221.392C512%20446.615%20446.615%20512%20366.697%20512H145.305C65.384%20512%200%20446.615%200%20366.697V145.305C0%2065.384%2065.384%200%20145.305%200z%22%2F%3E%3Cpath%20fill%3D%22%23FF7C73%22%20d%3D%22M145.306%200h221.39c71.688%200%20131.67%2052.626%20143.268%20121.139-21.612-57.816-77.518-99.278-142.629-99.278H135.471c-48.991%200-92.773%2023.472-120.653%2059.721C38.534%2033.378%2088.206%200%20145.306%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%20d%3D%22M147.026%20189.242c-6.83%200-12.368-5.538-12.368-12.368s5.538-12.368%2012.368-12.368h130.722c6.829%200%2012.367%205.538%2012.367%2012.368s-5.538%2012.368-12.367%2012.368H147.026zm0%2066.323c-6.83%200-12.368-5.538-12.368-12.368s5.538-12.368%2012.368-12.368h130.722c6.829%200%2012.367%205.538%2012.367%2012.368s-5.538%2012.368-12.367%2012.368H147.026zm170.903%2023.021v-92.483c0-16.263%209.869-26.284%2029.037-26.284h25.415c8.063%200%2014.601%206.537%2014.601%2014.601%200%208.063-9.634%2011.848-17.698%2011.848h-22.153v127.127c0%202.666.021%204.896-.162%206.747-1.156%2021.678-19.106%2038.909-41.071%2038.909-22.684%200-41.13-18.464-41.13-41.13%200-22.661%2018.47-41.13%2041.13-41.13%204.185%200%208.224.629%2012.031%201.795zm-170.903%2041.893c-6.83%200-12.368-5.538-12.368-12.368s5.538-12.368%2012.368-12.368h79.218c6.83%200%2012.368%205.538%2012.368%2012.368s-5.538%2012.368-12.368%2012.368h-79.218z%22%2F%3E%3C%2Fsvg%3E');
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
}