@charset "UTF-8";
@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 {
  0% {
    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:20px;
    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(-40px);
  transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr__caption {
  background:#000c;
  background:var(--plyr-captions-background,#000c);
  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:#0000;
  border:0;
  border-radius:6px;
  border-radius:var(--plyr-control-radius,6px);
  color:inherit;
  cursor:pointer;
  flex-shrink:0;
  overflow:visible;
  padding:7px;
  padding:calc(var(--plyr-control-spacing, 10px)*.7);
  position:relative;
  transition:all .3s ease
}
.plyr__control svg {
  fill:currentColor;
  display:block;
  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:focus-visible {
  outline:2px dashed #00b2ff;
  outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset:2px
}
a.plyr__control {
  text-decoration: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,
a.plyr__control:after,
a.plyr__control:before {
  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:2.5px;
  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:2.5px;
  padding-left:calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding:0 5px;
  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 [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  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:#ffffffe6;
  background:var(--plyr-menu-background,#ffffffe6);
  border-radius:8px;
  border-radius:var(--plyr-menu-radius,8px);
  bottom:100%;
  box-shadow:0 1px 2px #00000026;
  box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);
  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 #0000;
  border-top-color:#ffffffe6;
  border:var(--plyr-menu-arrow-size,4px) solid #0000;
  border-top-color:var(--plyr-menu-background,#ffffffe6);
  content:"";
  height:0;
  position:absolute;
  right:14px;
  right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top:100%;
  width:0
}
.plyr__menu__container [role=menu] {
  padding:7px;
  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:4.66667px 10.5px;
  padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-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 #0000;
  border:var(--plyr-menu-item-arrow-size,4px) solid #0000;
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
  padding-right:28px;
  padding-right: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:6.5px;
  right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color:initial
}
.plyr__menu__container .plyr__control--back {
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  margin:7px;
  margin:calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom:3.5px;
  margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left:28px;
  padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);
  position:relative;
  width:calc(100% - 14px);
  width:calc(100% - 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:6.5px;
  left: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:3.5px;
  margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);
  overflow:hidden;
  position:absolute;
  right:0;
  top:100%
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color:initial
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left:7px;
  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:#0000001a;
  content:"";
  display:block;
  flex-shrink:0;
  height:16px;
  margin-right:10px;
  margin-right:var(--plyr-control-spacing,2px);
  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:#00b2ff;
  background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))
}
.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]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background:#23282f1a
}
.plyr__menu__container .plyr__menu__value {
  align-items:center;
  display:flex;
  margin-left:auto;
  margin-right:-5px;
  margin-right:calc(var(--plyr-control-spacing, 2px)*.7*-1 - -2px);
  overflow:hidden;
  padding-left:24.5px;
  padding-left:calc(var(--plyr-control-spacing, 2px)*.7*3.5);
  pointer-events:none
}
.plyr--full-ui input[type=range] {
  -webkit-appearance:none;
  appearance:none;
  background:#0000;
  border:0;
  border-radius:26px;
  border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);
  color:#00b2ff;
  color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  display:block;
  height:19px;
  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:#0000;
  background-image:linear-gradient(90deg,currentColor 0,#0000 0);
  background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));
  border:0;
  border-radius:2.5px;
  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
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  margin-top:-4px;
  margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
  position:relative;
  -webkit-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-track {
  background:#0000;
  border:0;
  border-radius:2.5px;
  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 #23282f26,0 0 0 1px #23282f33;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  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:2.5px;
  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 {
  color:#0000
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background:#0000;
  border:0;
  border-radius:2.5px;
  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;
  user-select:none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background:#0000;
  background:currentColor;
  border:0;
  border-radius:2.5px;
  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;
  user-select:none
}
.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 #23282f26,0 0 0 1px #23282f33;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  margin-top:0;
  position:relative;
  -ms-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display:none
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border:0
}
.plyr--full-ui input[type=range]:focus {
  outline:0
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline:2px dashed #00b2ff;
  outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset:2px
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline:2px dashed #00b2ff;
  outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset:2px
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline:2px dashed #00b2ff;
  outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset:2px
}
.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--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display:none
}
.plyr__time {
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}
.plyr__time+.plyr__time:before {
  content:"⁄";
  margin-right:10px;
  margin-right:var(--plyr-control-spacing,10px)
}
@media (max-width:767px) {
  .plyr__time+.plyr__time {
    display:none
  }
}
.plyr__tooltip {
  background:#fff;
  background:var(--plyr-tooltip-background,#fff);
  border-radius:5px;
  border-radius:var(--plyr-tooltip-radius,5px);
  bottom:100%;
  box-shadow:0 1px 2px #00000026;
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  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:10px;
  margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity:0;
  padding:5px 7.5px;
  padding:calc(var(--plyr-control-spacing, 10px)/2) 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 ease .1s,opacity .2s ease .1s;
  white-space:nowrap;
  z-index:2
}
.plyr__tooltip:before {
  border-left:4px solid #0000;
  border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right:4px solid #0000;
  border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top:4px solid #fff;
  border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom:-4px;
  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:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity:1;
  transform:translate(-50%) 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:translateY(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:16px;
  left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
  left:auto;
  right:0;
  transform:translateY(10px) scale(.8);
  transform-origin:100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
  left:auto;
  right:16px;
  right:calc(var(--plyr-control-icon-size, 18px)/2 + 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:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .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:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
  transform:translate(0) scale(1)
}
.plyr__progress {
  left:6.5px;
  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:-6.5px;
  margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);
  margin-right:-6.5px;
  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 {
  left:0;
  max-width:120px;
  overflow-wrap:break-word
}
.plyr__progress__buffer {
  -webkit-appearance:none;
  background:#0000;
  border:0;
  border-radius:100px;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  left:0;
  margin-top:-2.5px;
  margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);
  padding:0;
  position:absolute;
  top:50%
}
.plyr__progress__buffer::-webkit-progress-bar {
  background:#0000
}
.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,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);
  background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);
  background-repeat:repeat-x;
  background-size:25px 25px;
  background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
  color:#0000
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color:#ffffff40;
  background-color:var(--plyr-video-progress-buffered-background,#ffffff40)
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color:#c1c8d199;
  background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)
}
.plyr__progress__marker {
  background-color:#fff;
  background-color:var(--plyr-progress-marker-background,#fff);
  border-radius:1px;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:3px;
  width:var(--plyr-progress-marker-width,3px);
  z-index:3
}
.plyr__volume {
  align-items:center;
  display:flex;
  position:relative
}
.plyr__volume input[type=range] {
  margin-left:5px;
  margin-left:calc(var(--plyr-control-spacing, 10px)/2);
  margin-right:5px;
  margin-right:calc(var(--plyr-control-spacing, 10px)/2);
  max-width:90px;
  min-width:60px;
  position:relative;
  z-index:2
}
.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:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background:#00b2ff;
  background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color:#fff;
  color:var(--plyr-audio-control-color-hover,#fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color:#c1c8d199;
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color:#c1c8d199;
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color:#c1c8d199;
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)
}
.plyr--audio .plyr__progress__buffer {
  color:#c1c8d199;
  color:var(--plyr-audio-progress-buffered-background,#c1c8d199)
}
.plyr--video {
  overflow:hidden
}
.plyr--video.plyr--menu-open {
  overflow:visible
}
.plyr__video-wrapper {
  background:#000;
  background:var(--plyr-video-background,var(--plyr-video-background,#000));
  border-radius:inherit;
  height:100%;
  margin:auto;
  overflow:hidden;
  position:relative;
  width:100%
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio:16/9
}
@supports not (aspect-ratio:16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height:0;
    padding-bottom:56.25%;
    position:relative
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border:0;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.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(#0000,#000000bf);
  background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius:inherit;
  border-bottom-right-radius:inherit;
  bottom:0;
  color:#fff;
  color:var(--plyr-video-control-color,#fff);
  left:0;
  padding:5px;
  padding:calc(var(--plyr-control-spacing, 10px)/2);
  padding-top:20px;
  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:35px;
    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:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background:#00b2ff;
  background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color:#fff;
  color:var(--plyr-video-control-color-hover,#fff)
}
.plyr__control--overlaid {
  background:#00b2ff;
  background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  border:0;
  border-radius:100%;
  color:#fff;
  color:var(--plyr-video-control-color,#fff);
  display:none;
  left:50%;
  opacity:.9;
  padding:15px;
  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:#ffffff40;
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color:#ffffff40;
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color:#ffffff40;
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)
}
.plyr--video .plyr__progress__buffer {
  color:#ffffff40;
  color:var(--plyr-video-progress-buffered-background,#ffffff40)
}
.plyr:fullscreen {
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}
.plyr:fullscreen video {
  height:100%
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display:block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
  display:none
}
.plyr:fullscreen.plyr--hide-controls {
  cursor:none
}
@media (min-width:1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}
.plyr--fullscreen-fallback {
  background:#000;
  border-radius:0!important;
  bottom:0;
  height:100%;
  left:0;
  margin:0;
  position:fixed;
  right:0;
  top:0;
  width:100%;
  z-index:10000000
}
.plyr--fullscreen-fallback video {
  height:100%
}
.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:empty:after {
  display:none
}
.plyr__cues {
  background:currentColor;
  display:block;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  left:0;
  opacity:.8;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  z-index:3
}
.plyr__preview-thumb {
  background-color:#fff;
  background-color:var(--plyr-tooltip-background,#fff);
  border-radius:8px;
  border-radius:var(--plyr-menu-radius,8px);
  bottom:100%;
  box-shadow:0 1px 2px #00000026;
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  margin-bottom:10px;
  margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity:0;
  padding:3px;
  pointer-events:none;
  position:absolute;
  transform:translateY(10px) scale(.8);
  transform-origin:50% 100%;
  transition:transform .2s ease .1s,opacity .2s ease .1s;
  z-index:2
}
.plyr__preview-thumb--is-shown {
  opacity:1;
  transform:translate(0) scale(1)
}
.plyr__preview-thumb:before {
  border-left:4px solid #0000;
  border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right:4px solid #0000;
  border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top:4px solid #fff;
  border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom:-4px;
  bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content:"";
  height:0;
  left:calc(50% + var(--preview-arrow-offset));
  position:absolute;
  transform:translateX(-50%);
  width:0;
  z-index:2
}
.plyr__preview-thumb__image-container {
  background:#c1c8d1;
  border-radius:7px;
  border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow:hidden;
  position:relative;
  z-index:0
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.plyr__preview-thumb__image-container:after {
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px #00000026;
  content:"";
  pointer-events:none
}
.plyr__preview-thumb__image-container img {
  max-height:none;
  max-width:none
}
.plyr__preview-thumb__time-container {
  background:linear-gradient(#0000,#000000bf);
  background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius:7px;
  border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius:7px;
  border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom:0;
  left:0;
  line-height:1.1;
  padding:20px 6px 6px;
  position:absolute;
  right:0;
  z-index:3
}
.plyr__preview-thumb__time-container span {
  color:#fff;
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}
.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);
  border:0!important;
  height:1px!important;
  overflow:hidden;
  padding:0!important;
  position:absolute!important;
  width:1px!important
}
.plyr [hidden] {
  display:none!important
}


  /* کانتینر مرکزی */
.video-player-wrapper {
    max-width: 90%;
    max-height: 100%;
    margin: 4px auto;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.custom-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.custom-btn img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin: 2px;
}