html {
    background: #333;
}

.demo-container {
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 1000px;
}

video {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 4px;
}
.player-demo {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    background: #000;
}

.player * {
    font-family: "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
}
.controls {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    padding: 24px 40px;
    box-sizing: border-box;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
    transition: transform .3s ease, opacity .3s ease;
}
.controls-top {margin-bottom: 20px;}
.controls-bottom {display: flex;}
.controls-bottom-left,
.controls-bottom-center,
.controls-bottom-right {flex: 1; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; gap: 30px;}
.controls-bottom-left {justify-content: flex-start;}
.controls-bottom-center {justify-content: center;}
.controls-bottom-right {justify-content: flex-end;}
.controls.hidden {
    transform: translateY(100%);
}
.controls {
    transform: translateY(0);
}
.controls [class$="button"] {
    display: inline-block;
    padding: 0;
    width: 25px;
    height: 25px;
    border-style: none;
    background-color: transparent;
    cursor: pointer;
    transition: transform .3s;
    outline: none;
}
@media (min-width: 640px) {
    .controls [class$="button"] {
        padding: 0;
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 640px) {
    .controls {
        padding: 20px 15px;
    }
    .controls-top {margin-bottom: 15px;}
    .controls-bottom-left,
    .controls-bottom-center,
    .controls-bottom-right {gap: 20px;}
    .controls-bottom-left {flex: 8;}
    .controls-bottom-center {flex: 12;}
    .controls-bottom-right {flex: 12;}
    .controls [class$="button"] {
        padding: 8px;
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        background-size: 20px 20px;
        background-position: center;
    }
}
.controls button:active {
    transform: scale(0.95);
    opacity: 0.8;
}
.controls button:hover {
    transform: scale(1.1);
    opacity: 1;
    transition: all 0.2s ease;
}
@media (hover: none) and (pointer: coarse) {
    .controls button:hover {
        transform: none;
    }
    .controls button:active {
        transform: scale(0.9);
        opacity: 0.7;
    }
}
.controls button svg {
    width: 100%;
    height: 100%;
}

.controls button[type=button]{
    background-repeat: no-repeat;
    background-size: cover;
}
.controls .cog-button {
    transition: transform .3s ease;
}

.play-button {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 50%;
    padding: 20px;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    transition: opacity .5s;
    pointer-events: none;
}
.play-button::before {
    content: "";
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.play-button[data-state=play]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.69127C4 1.93067 4.81547 1.44851 5.48192 1.81506L22.4069 11.1238C23.0977 11.5037 23.0977 12.4963 22.4069 12.8762L5.48192 22.1849C4.81546 22.5515 4 22.0693 4 21.3087V2.69127Z' fill='white'/%3E%3C/svg%3E");
}
.play-button[data-state=pause]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 3C4.22386 3 4 3.22386 4 3.5V20.5C4 20.7761 4.22386 21 4.5 21H9.5C9.77614 21 10 20.7761 10 20.5V3.5C10 3.22386 9.77614 3 9.5 3H4.5ZM14.5 3C14.2239 3 14 3.22386 14 3.5V20.5C14 20.7761 14.2239 21 14.5 21H19.5C19.7761 21 20 20.7761 20 20.5V3.5C20 3.22386 19.7761 3 19.5 3H14.5Z' fill='white'/%3E%3C/svg%3E");
}

.spinner {
    position: absolute;
    top: calc(50% - 20px);
    right: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 15.6875C18.5625 15.8125 18.7812 15.7188 18.875 15.5312C20.0625 13.2188 20 10.4062 18.6875 8.15625C17.375 5.875 15 4.40625 12.375 4.28125C12.1562 4.25 12 4.4375 12 4.65625V5.40625C12 5.59375 12.1562 5.75 12.3438 5.78125C14.4375 5.90625 16.3438 7.0625 17.4062 8.90625C18.4375 10.7188 18.5 12.9688 17.5625 14.8125C17.4688 15 17.5312 15.2188 17.7188 15.3125L18.375 15.6875Z' fill='white'/%3E%3C/svg%3E%0A");
    animation: spinner .5s linear infinite;
    pointer-events: none;
    opacity: 0;
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    } to {
          transform: rotate(360deg);
      }
}

.volume-control {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 50%;
    padding: 20px;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    transition: opacity .5s;
    pointer-events: none;
}

.video-time {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #fff;
}
.video-time span:first-child {
    margin-right: 5px;
}
.video-time span:last-child {
    margin-left: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
        overflow: hidden;
        -webkit-appearance: none;
        background-color: rgba(255,255,255,.2);
    }

    input[type='range']::-webkit-slider-runnable-track {
        height: 10px;
        -webkit-appearance: none;
        color: #13bba4;
        margin-top: -1px;
    }

    input[type='range']::-webkit-slider-thumb {
        width: 10px;
        height: 10px;
        -webkit-appearance: none;
        cursor: ew-resize;
        background: #ddd;
        box-shadow: -80px 0 0 80px #E50914;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
    background-color: #E50914;
}
input[type="range"]::-moz-range-track {
    background-color: rgba(255,255,255,.2);
}
/* IE*/
input[type="range"]::-ms-fill-lower {
    background-color: #E50914;
}
input[type="range"]::-ms-fill-upper {
    background-color: rgba(255,255,255,.2);
}

input[type="range"] {
    width: 100%;
    max-width: 100%;
    border: 0;
    transform: translateX(-105%);
    transition: transform .3s ease;
}

.volume-wrap {
    display: flex;
    max-width: 100px;
    align-items: center;
    overflow: hidden;
}
.volumeSlider-wrap {
    max-width: 100px;
    overflow: hidden;
    margin-left: 10px;
}

.volume-wrap:hover input[type="range"] {
    transform: translateY(0);
}
@media (hover: none) and (pointer: coarse) {
    .volume-wrap input[type="range"] {
        transform: translateY(0);
    }
}


[class$="-button"] {min-width: 20px}
.volume-button[data-state=volume_loud], .volume-control[data-state=volume_loud]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 12C24 8.28699 22.525 4.72603 19.8995 2.10052L18.4853 3.51474C20.7357 5.76518 22 8.81742 22 12C22 15.1826 20.7357 18.2349 18.4853 20.4853L19.8995 21.8995C22.525 19.274 24 15.7131 24 12ZM11 4.00002C11 3.59556 10.7564 3.23092 10.3827 3.07613C10.009 2.92135 9.57889 3.00692 9.29289 3.29292L4.58579 8.00001H1C0.447715 8.00001 0 8.44773 0 9.00001V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00002ZM5.70711 9.70712L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70712ZM16.0001 12C16.0001 10.4087 15.368 8.8826 14.2428 7.75739L12.8285 9.17161C13.5787 9.92175 14.0001 10.9392 14.0001 12C14.0001 13.0609 13.5787 14.0783 12.8285 14.8285L14.2428 16.2427C15.368 15.1174 16.0001 13.5913 16.0001 12ZM17.0709 4.92896C18.9462 6.80432 19.9998 9.34786 19.9998 12C19.9998 14.6522 18.9462 17.1957 17.0709 19.0711L15.6567 17.6569C17.157 16.1566 17.9998 14.1218 17.9998 12C17.9998 9.87829 17.157 7.84346 15.6567 6.34317L17.0709 4.92896Z' fill='white'/%3E%3C/svg%3E%0A");
}
.volume-button[data-state=volume_medium], .volume-control[data-state=volume_medium]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM17.0709 4.92897C18.9462 6.80433 19.9998 9.34787 19.9998 12C19.9998 14.6522 18.9462 17.1957 17.0709 19.0711L15.6567 17.6569C17.157 16.1566 17.9998 14.1218 17.9998 12C17.9998 9.87831 17.157 7.84347 15.6567 6.34318L17.0709 4.92897ZM14.2428 7.7574C15.368 8.88262 16.0001 10.4087 16.0001 12C16.0001 13.5913 15.368 15.1175 14.2428 16.2427L12.8285 14.8285C13.5787 14.0783 14.0001 13.0609 14.0001 12C14.0001 10.9392 13.5787 9.92176 12.8285 9.17161L14.2428 7.7574Z' fill='white'/%3E%3C/svg%3E%0A");
}
.volume-button[data-state=volume_low], .volume-control[data-state=volume_low]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM16.0001 12C16.0001 10.4087 15.368 8.88262 14.2428 7.7574L12.8285 9.17161C13.5787 9.92176 14.0001 10.9391 14.0001 12C14.0001 13.0609 13.5787 14.0783 12.8285 14.8284L14.2428 16.2427C15.368 15.1174 16.0001 13.5913 16.0001 12Z' fill='white'/%3E%3C/svg%3E%0A");
}
.volume-button[data-state=volume_muted], .volume-control[data-state=volume_muted]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM15.2929 9.70714L17.5858 12L15.2929 14.2929L16.7071 15.7071L19 13.4142L21.2929 15.7071L22.7071 14.2929L20.4142 12L22.7071 9.70714L21.2929 8.29292L19 10.5858L16.7071 8.29292L15.2929 9.70714Z' fill='white'/%3E%3C/svg%3E%0A");
}

.controls .playpause-button[data-state=play] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.69127C4 1.93067 4.81547 1.44851 5.48192 1.81506L22.4069 11.1238C23.0977 11.5037 23.0977 12.4963 22.4069 12.8762L5.48192 22.1849C4.81546 22.5515 4 22.0693 4 21.3087V2.69127Z' fill='white'/%3E%3C/svg%3E"); -webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.69127C4 1.93067 4.81547 1.44851 5.48192 1.81506L22.4069 11.1238C23.0977 11.5037 23.0977 12.4963 22.4069 12.8762L5.48192 22.1849C4.81546 22.5515 4 22.0693 4 21.3087V2.69127Z' fill='white'/%3E%3C/svg%3E")}
.controls .playpause-button[data-state=pause] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 3C4.22386 3 4 3.22386 4 3.5V20.5C4 20.7761 4.22386 21 4.5 21H9.5C9.77614 21 10 20.7761 10 20.5V3.5C10 3.22386 9.77614 3 9.5 3H4.5ZM14.5 3C14.2239 3 14 3.22386 14 3.5V20.5C14 20.7761 14.2239 21 14.5 21H19.5C19.7761 21 20 20.7761 20 20.5V3.5C20 3.22386 19.7761 3 19.5 3H14.5Z' fill='white'/%3E%3C/svg%3E"); -webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 3C4.22386 3 4 3.22386 4 3.5V20.5C4 20.7761 4.22386 21 4.5 21H9.5C9.77614 21 10 20.7761 10 20.5V3.5C10 3.22386 9.77614 3 9.5 3H4.5ZM14.5 3C14.2239 3 14 3.22386 14 3.5V20.5C14 20.7761 14.2239 21 14.5 21H19.5C19.7761 21 20 20.7761 20 20.5V3.5C20 3.22386 19.7761 3 19.5 3H14.5Z' fill='white'/%3E%3C/svg%3E")}
.controls .volume-button[data-state=volume_loud] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 12C24 8.28699 22.525 4.72603 19.8995 2.10052L18.4853 3.51474C20.7357 5.76518 22 8.81742 22 12C22 15.1826 20.7357 18.2349 18.4853 20.4853L19.8995 21.8995C22.525 19.274 24 15.7131 24 12ZM11 4.00002C11 3.59556 10.7564 3.23092 10.3827 3.07613C10.009 2.92135 9.57889 3.00692 9.29289 3.29292L4.58579 8.00001H1C0.447715 8.00001 0 8.44773 0 9.00001V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00002ZM5.70711 9.70712L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70712ZM16.0001 12C16.0001 10.4087 15.368 8.8826 14.2428 7.75739L12.8285 9.17161C13.5787 9.92175 14.0001 10.9392 14.0001 12C14.0001 13.0609 13.5787 14.0783 12.8285 14.8285L14.2428 16.2427C15.368 15.1174 16.0001 13.5913 16.0001 12ZM17.0709 4.92896C18.9462 6.80432 19.9998 9.34786 19.9998 12C19.9998 14.6522 18.9462 17.1957 17.0709 19.0711L15.6567 17.6569C17.157 16.1566 17.9998 14.1218 17.9998 12C17.9998 9.87829 17.157 7.84346 15.6567 6.34317L17.0709 4.92896Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 12C24 8.28699 22.525 4.72603 19.8995 2.10052L18.4853 3.51474C20.7357 5.76518 22 8.81742 22 12C22 15.1826 20.7357 18.2349 18.4853 20.4853L19.8995 21.8995C22.525 19.274 24 15.7131 24 12ZM11 4.00002C11 3.59556 10.7564 3.23092 10.3827 3.07613C10.009 2.92135 9.57889 3.00692 9.29289 3.29292L4.58579 8.00001H1C0.447715 8.00001 0 8.44773 0 9.00001V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00002ZM5.70711 9.70712L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70712ZM16.0001 12C16.0001 10.4087 15.368 8.8826 14.2428 7.75739L12.8285 9.17161C13.5787 9.92175 14.0001 10.9392 14.0001 12C14.0001 13.0609 13.5787 14.0783 12.8285 14.8285L14.2428 16.2427C15.368 15.1174 16.0001 13.5913 16.0001 12ZM17.0709 4.92896C18.9462 6.80432 19.9998 9.34786 19.9998 12C19.9998 14.6522 18.9462 17.1957 17.0709 19.0711L15.6567 17.6569C17.157 16.1566 17.9998 14.1218 17.9998 12C17.9998 9.87829 17.157 7.84346 15.6567 6.34317L17.0709 4.92896Z' fill='white'/%3E%3C/svg%3E%0A")}
.controls .volume-button[data-state=volume_medium] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM17.0709 4.92897C18.9462 6.80433 19.9998 9.34787 19.9998 12C19.9998 14.6522 18.9462 17.1957 17.0709 19.0711L15.6567 17.6569C17.157 16.1566 17.9998 14.1218 17.9998 12C17.9998 9.87831 17.157 7.84347 15.6567 6.34318L17.0709 4.92897ZM14.2428 7.7574C15.368 8.88262 16.0001 10.4087 16.0001 12C16.0001 13.5913 15.368 15.1175 14.2428 16.2427L12.8285 14.8285C13.5787 14.0783 14.0001 13.0609 14.0001 12C14.0001 10.9392 13.5787 9.92176 12.8285 9.17161L14.2428 7.7574Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM17.0709 4.92897C18.9462 6.80433 19.9998 9.34787 19.9998 12C19.9998 14.6522 18.9462 17.1957 17.0709 19.0711L15.6567 17.6569C17.157 16.1566 17.9998 14.1218 17.9998 12C17.9998 9.87831 17.157 7.84347 15.6567 6.34318L17.0709 4.92897ZM14.2428 7.7574C15.368 8.88262 16.0001 10.4087 16.0001 12C16.0001 13.5913 15.368 15.1175 14.2428 16.2427L12.8285 14.8285C13.5787 14.0783 14.0001 13.0609 14.0001 12C14.0001 10.9392 13.5787 9.92176 12.8285 9.17161L14.2428 7.7574Z' fill='white'/%3E%3C/svg%3E%0A")}
.controls .volume-button[data-state=volume_low] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM16.0001 12C16.0001 10.4087 15.368 8.88262 14.2428 7.7574L12.8285 9.17161C13.5787 9.92176 14.0001 10.9391 14.0001 12C14.0001 13.0609 13.5787 14.0783 12.8285 14.8284L14.2428 16.2427C15.368 15.1174 16.0001 13.5913 16.0001 12Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM16.0001 12C16.0001 10.4087 15.368 8.88262 14.2428 7.7574L12.8285 9.17161C13.5787 9.92176 14.0001 10.9391 14.0001 12C14.0001 13.0609 13.5787 14.0783 12.8285 14.8284L14.2428 16.2427C15.368 15.1174 16.0001 13.5913 16.0001 12Z' fill='white'/%3E%3C/svg%3E%0A")}
.controls .volume-button[data-state=volume_muted] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM15.2929 9.70714L17.5858 12L15.2929 14.2929L16.7071 15.7071L19 13.4142L21.2929 15.7071L22.7071 14.2929L20.4142 12L22.7071 9.70714L21.2929 8.29292L19 10.5858L16.7071 8.29292L15.2929 9.70714Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4.00003C11 3.59557 10.7564 3.23093 10.3827 3.07615C10.009 2.92137 9.57889 3.00692 9.29289 3.29292L4.58579 8.00003H1C0.447715 8.00003 0 8.44774 0 9.00003V15C0 15.5523 0.447715 16 1 16H4.58579L9.29289 20.7071C9.57889 20.9931 10.009 21.0787 10.3827 20.9239C10.7564 20.7691 11 20.4045 11 20V4.00003ZM5.70711 9.70714L9 6.41424V17.5858L5.70711 14.2929L5.41421 14H5H2V10H5H5.41421L5.70711 9.70714ZM15.2929 9.70714L17.5858 12L15.2929 14.2929L16.7071 15.7071L19 13.4142L21.2929 15.7071L22.7071 14.2929L20.4142 12L22.7071 9.70714L21.2929 8.29292L19 10.5858L16.7071 8.29292L15.2929 9.70714Z' fill='white'/%3E%3C/svg%3E%0A")}
.controls .forward-button {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_5)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.4443 3.68532C8.36794 2.39998 10.6778 1.8214 12.9802 2.04817C14.8093 2.22833 16.5439 2.90793 18 4H16V6H20C20.5523 6 21 5.55228 21 5V1H19V2.2532C17.2948 1.02858 15.288 0.265799 13.1762 0.0578004C10.4133 -0.214321 7.64153 0.479973 5.33315 2.02238C3.02478 3.56479 1.32262 5.85989 0.516718 8.51661C-0.289188 11.1733 -0.148981 14.0273 0.91345 16.5922C1.97588 19.1572 3.8948 21.2744 6.34325 22.5831C8.79169 23.8918 11.6182 24.3111 14.3411 23.7694C17.064 23.2278 19.5149 21.7588 21.2761 19.6127C23.0374 17.4666 24 14.7763 24 12H22C22 14.3136 21.1978 16.5555 19.7301 18.3439C18.2624 20.1323 16.22 21.3565 13.9509 21.8079C11.6818 22.2592 9.32641 21.9098 7.28604 20.8192C5.24567 19.7286 3.64657 17.9643 2.76121 15.8269C1.87585 13.6894 1.75901 11.3111 2.4306 9.09717C3.10218 6.88324 4.52065 4.97066 6.4443 3.68532ZM22 4V7H19V9H23C23.5523 9 24 8.55228 24 8V4H22ZM12.6018 15.5758C13.0389 15.8586 13.5466 16 14.125 16C14.7034 16 15.2077 15.8586 15.6382 15.5758C16.0753 15.2865 16.4116 14.8815 16.6469 14.3609C16.8823 13.8338 17 13.2135 17 12.5C17 11.7929 16.8823 11.1758 16.6469 10.6488C16.4116 10.1217 16.0753 9.71671 15.6382 9.43388C15.2077 9.14463 14.7034 9 14.125 9C13.5466 9 13.0389 9.14463 12.6018 9.43388C12.1713 9.71671 11.8385 10.1217 11.6031 10.6488C11.3677 11.1758 11.25 11.7929 11.25 12.5C11.25 13.2135 11.3677 13.8338 11.6031 14.3609C11.8385 14.8815 12.1713 15.2865 12.6018 15.5758ZM15.043 14.0909C14.8211 14.4637 14.5151 14.6501 14.125 14.6501C13.7349 14.6501 13.4289 14.4637 13.207 14.0909C12.9851 13.7117 12.8741 13.1814 12.8741 12.5C12.8741 11.8186 12.9851 11.2916 13.207 10.9187C13.4289 10.5395 13.7349 10.3499 14.125 10.3499C14.5151 10.3499 14.8211 10.5395 15.043 10.9187C15.2649 11.2916 15.3759 11.8186 15.3759 12.5C15.3759 13.1814 15.2649 13.7117 15.043 14.0909ZM8.60395 10.7163V15.8554H10.1978V9.01928L7 9.81956V11.1405L8.60395 10.7163Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_5'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_5)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.4443 3.68532C8.36794 2.39998 10.6778 1.8214 12.9802 2.04817C14.8093 2.22833 16.5439 2.90793 18 4H16V6H20C20.5523 6 21 5.55228 21 5V1H19V2.2532C17.2948 1.02858 15.288 0.265799 13.1762 0.0578004C10.4133 -0.214321 7.64153 0.479973 5.33315 2.02238C3.02478 3.56479 1.32262 5.85989 0.516718 8.51661C-0.289188 11.1733 -0.148981 14.0273 0.91345 16.5922C1.97588 19.1572 3.8948 21.2744 6.34325 22.5831C8.79169 23.8918 11.6182 24.3111 14.3411 23.7694C17.064 23.2278 19.5149 21.7588 21.2761 19.6127C23.0374 17.4666 24 14.7763 24 12H22C22 14.3136 21.1978 16.5555 19.7301 18.3439C18.2624 20.1323 16.22 21.3565 13.9509 21.8079C11.6818 22.2592 9.32641 21.9098 7.28604 20.8192C5.24567 19.7286 3.64657 17.9643 2.76121 15.8269C1.87585 13.6894 1.75901 11.3111 2.4306 9.09717C3.10218 6.88324 4.52065 4.97066 6.4443 3.68532ZM22 4V7H19V9H23C23.5523 9 24 8.55228 24 8V4H22ZM12.6018 15.5758C13.0389 15.8586 13.5466 16 14.125 16C14.7034 16 15.2077 15.8586 15.6382 15.5758C16.0753 15.2865 16.4116 14.8815 16.6469 14.3609C16.8823 13.8338 17 13.2135 17 12.5C17 11.7929 16.8823 11.1758 16.6469 10.6488C16.4116 10.1217 16.0753 9.71671 15.6382 9.43388C15.2077 9.14463 14.7034 9 14.125 9C13.5466 9 13.0389 9.14463 12.6018 9.43388C12.1713 9.71671 11.8385 10.1217 11.6031 10.6488C11.3677 11.1758 11.25 11.7929 11.25 12.5C11.25 13.2135 11.3677 13.8338 11.6031 14.3609C11.8385 14.8815 12.1713 15.2865 12.6018 15.5758ZM15.043 14.0909C14.8211 14.4637 14.5151 14.6501 14.125 14.6501C13.7349 14.6501 13.4289 14.4637 13.207 14.0909C12.9851 13.7117 12.8741 13.1814 12.8741 12.5C12.8741 11.8186 12.9851 11.2916 13.207 10.9187C13.4289 10.5395 13.7349 10.3499 14.125 10.3499C14.5151 10.3499 14.8211 10.5395 15.043 10.9187C15.2649 11.2916 15.3759 11.8186 15.3759 12.5C15.3759 13.1814 15.2649 13.7117 15.043 14.0909ZM8.60395 10.7163V15.8554H10.1978V9.01928L7 9.81956V11.1405L8.60395 10.7163Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_5'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
.controls .rewind-button {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_9)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0198 2.04817C13.3222 1.8214 15.6321 2.39998 17.5557 3.68532C19.4794 4.97067 20.8978 6.88324 21.5694 9.09718C22.241 11.3111 22.1242 13.6894 21.2388 15.8269C20.3534 17.9643 18.7543 19.7286 16.714 20.8192C14.6736 21.9098 12.3182 22.2592 10.0491 21.8079C7.77999 21.3565 5.73759 20.1323 4.26989 18.3439C2.80219 16.5555 2 14.3136 2 12H0C-2.7418e-06 14.7763 0.962627 17.4666 2.72387 19.6127C4.48511 21.7588 6.93599 23.2278 9.65891 23.7694C12.3818 24.3111 15.2083 23.8918 17.6568 22.5831C20.1052 21.2744 22.0241 19.1572 23.0866 16.5922C24.149 14.0273 24.2892 11.1733 23.4833 8.51661C22.6774 5.85989 20.9752 3.56479 18.6668 2.02238C16.3585 0.479975 13.5867 -0.214319 10.8238 0.057802C8.71195 0.2658 6.70517 1.02859 5 2.2532V1H3V5C3 5.55229 3.44772 6 4 6H8V4H5.99999C7.45608 2.90793 9.19066 2.22833 11.0198 2.04817ZM2 4V7H5V9H1C0.447715 9 0 8.55229 0 8V4H2ZM14.125 16C13.5466 16 13.0389 15.8586 12.6018 15.5758C12.1713 15.2865 11.8385 14.8815 11.6031 14.3609C11.3677 13.8338 11.25 13.2135 11.25 12.5C11.25 11.7929 11.3677 11.1759 11.6031 10.6488C11.8385 10.1217 12.1713 9.71671 12.6018 9.43389C13.0389 9.14463 13.5466 9 14.125 9C14.7034 9 15.2077 9.14463 15.6382 9.43389C16.0753 9.71671 16.4116 10.1217 16.6469 10.6488C16.8823 11.1759 17 11.7929 17 12.5C17 13.2135 16.8823 13.8338 16.6469 14.3609C16.4116 14.8815 16.0753 15.2865 15.6382 15.5758C15.2077 15.8586 14.7034 16 14.125 16ZM14.125 14.6501C14.5151 14.6501 14.8211 14.4637 15.043 14.0909C15.2649 13.7117 15.3759 13.1814 15.3759 12.5C15.3759 11.8186 15.2649 11.2916 15.043 10.9187C14.8211 10.5395 14.5151 10.3499 14.125 10.3499C13.7349 10.3499 13.4289 10.5395 13.207 10.9187C12.9851 11.2916 12.8741 11.8186 12.8741 12.5C12.8741 13.1814 12.9851 13.7117 13.207 14.0909C13.4289 14.4637 13.7349 14.6501 14.125 14.6501ZM8.60395 15.8554V10.7163L7 11.1405V9.81956L10.1978 9.01929V15.8554H8.60395Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_9'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_9)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0198 2.04817C13.3222 1.8214 15.6321 2.39998 17.5557 3.68532C19.4794 4.97067 20.8978 6.88324 21.5694 9.09718C22.241 11.3111 22.1242 13.6894 21.2388 15.8269C20.3534 17.9643 18.7543 19.7286 16.714 20.8192C14.6736 21.9098 12.3182 22.2592 10.0491 21.8079C7.77999 21.3565 5.73759 20.1323 4.26989 18.3439C2.80219 16.5555 2 14.3136 2 12H0C-2.7418e-06 14.7763 0.962627 17.4666 2.72387 19.6127C4.48511 21.7588 6.93599 23.2278 9.65891 23.7694C12.3818 24.3111 15.2083 23.8918 17.6568 22.5831C20.1052 21.2744 22.0241 19.1572 23.0866 16.5922C24.149 14.0273 24.2892 11.1733 23.4833 8.51661C22.6774 5.85989 20.9752 3.56479 18.6668 2.02238C16.3585 0.479975 13.5867 -0.214319 10.8238 0.057802C8.71195 0.2658 6.70517 1.02859 5 2.2532V1H3V5C3 5.55229 3.44772 6 4 6H8V4H5.99999C7.45608 2.90793 9.19066 2.22833 11.0198 2.04817ZM2 4V7H5V9H1C0.447715 9 0 8.55229 0 8V4H2ZM14.125 16C13.5466 16 13.0389 15.8586 12.6018 15.5758C12.1713 15.2865 11.8385 14.8815 11.6031 14.3609C11.3677 13.8338 11.25 13.2135 11.25 12.5C11.25 11.7929 11.3677 11.1759 11.6031 10.6488C11.8385 10.1217 12.1713 9.71671 12.6018 9.43389C13.0389 9.14463 13.5466 9 14.125 9C14.7034 9 15.2077 9.14463 15.6382 9.43389C16.0753 9.71671 16.4116 10.1217 16.6469 10.6488C16.8823 11.1759 17 11.7929 17 12.5C17 13.2135 16.8823 13.8338 16.6469 14.3609C16.4116 14.8815 16.0753 15.2865 15.6382 15.5758C15.2077 15.8586 14.7034 16 14.125 16ZM14.125 14.6501C14.5151 14.6501 14.8211 14.4637 15.043 14.0909C15.2649 13.7117 15.3759 13.1814 15.3759 12.5C15.3759 11.8186 15.2649 11.2916 15.043 10.9187C14.8211 10.5395 14.5151 10.3499 14.125 10.3499C13.7349 10.3499 13.4289 10.5395 13.207 10.9187C12.9851 11.2916 12.8741 11.8186 12.8741 12.5C12.8741 13.1814 12.9851 13.7117 13.207 14.0909C13.4289 14.4637 13.7349 14.6501 14.125 14.6501ZM8.60395 15.8554V10.7163L7 11.1405V9.81956L10.1978 9.01929V15.8554H8.60395Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_9'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
.controls .episodes-button {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 5H22V13H24V5C24 3.89543 23.1046 3 22 3H8V5ZM18 9H4V7H18C19.1046 7 20 7.89543 20 9V17H18V9ZM0 13C0 11.8954 0.895431 11 2 11H14C15.1046 11 16 11.8954 16 13V19C16 20.1046 15.1046 21 14 21H2C0.895431 21 0 20.1046 0 19V13ZM14 19V13H2V19H14Z' fill='white'/%3E%3C/svg%3E");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 5H22V13H24V5C24 3.89543 23.1046 3 22 3H8V5ZM18 9H4V7H18C19.1046 7 20 7.89543 20 9V17H18V9ZM0 13C0 11.8954 0.895431 11 2 11H14C15.1046 11 16 11.8954 16 13V19C16 20.1046 15.1046 21 14 21H2C0.895431 21 0 20.1046 0 19V13ZM14 19V13H2V19H14Z' fill='white'/%3E%3C/svg%3E")}
.controls .next-episode-button {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 3H20V21H22V3ZM4.28615 3.61729C3.28674 3.00228 2 3.7213 2 4.89478V19.1052C2 20.2787 3.28674 20.9977 4.28615 20.3827L15.8321 13.2775C16.7839 12.6918 16.7839 11.3082 15.8321 10.7225L4.28615 3.61729ZM4 18.2104V5.78956L14.092 12L4 18.2104Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 3H20V21H22V3ZM4.28615 3.61729C3.28674 3.00228 2 3.7213 2 4.89478V19.1052C2 20.2787 3.28674 20.9977 4.28615 20.3827L15.8321 13.2775C16.7839 12.6918 16.7839 11.3082 15.8321 10.7225L4.28615 3.61729ZM4 18.2104V5.78956L14.092 12L4 18.2104Z' fill='white'/%3E%3C/svg%3E%0A")}
.controls .fullscreen-button{}
.controls .fullscreen-button[data-state=fs-enter] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5C0 3.89543 0.895431 3 2 3H9V5H2V9H0V5ZM22 5H15V3H22C23.1046 3 24 3.89543 24 5V9H22V5ZM2 15V19H9V21H2C0.895431 21 0 20.1046 0 19V15H2ZM22 19V15H24V19C24 20.1046 23.1046 21 22 21H15V19H22Z' fill='white'/%3E%3C/svg%3E");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5C0 3.89543 0.895431 3 2 3H9V5H2V9H0V5ZM22 5H15V3H22C23.1046 3 24 3.89543 24 5V9H22V5ZM2 15V19H9V21H2C0.895431 21 0 20.1046 0 19V15H2ZM22 19V15H24V19C24 20.1046 23.1046 21 22 21H15V19H22Z' fill='white'/%3E%3C/svg%3E")}
.controls .fullscreen-button[data-state=fs-exit] {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 8H19V3H17V9V10H18H24V8ZM0 16H5V21H7V15V14H6H0V16ZM7 10H6H0V8H5V3H7V9V10ZM19 21V16H24V14H18H17V15V21H19Z' fill='white'/%3E%3C/svg%3E");-webkit-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 8H19V3H17V9V10H18H24V8ZM0 16H5V21H7V15V14H6H0V16ZM7 10H6H0V8H5V3H7V9V10ZM19 21V16H24V14H18H17V15V21H19Z' fill='white'/%3E%3C/svg%3E")}
.controls .cog-button {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4488 9.2339L18.7206 8.49269C19.0971 8.2733 19.2796 7.82568 19.167 7.4018C18.7116 5.68684 17.8154 4.15394 16.6086 2.93418C16.3018 2.62418 15.8267 2.56136 15.4509 2.78051L14.1814 3.52075C13.769 3.2228 13.329 2.96595 12.8674 2.75382V1.27184C12.8674 1.05839 12.7975 0.850921 12.6686 0.681701C12.5398 0.512481 12.3591 0.390989 12.1548 0.336114C10.4869 -0.111749 8.71529 -0.112314 7.04527 0.336074C6.62514 0.448897 6.33258 0.832889 6.33258 1.2718V2.75378C5.87105 2.96591 5.43099 3.22276 5.01859 3.52071L3.7491 2.78047C3.37326 2.56132 2.89818 2.62414 2.59144 2.93414C1.38461 4.1539 0.488432 5.68676 0.0329553 7.40176C-0.0796357 7.82564 0.10289 8.27326 0.479366 8.49265L1.75118 9.2339C1.70245 9.74346 1.70245 10.2566 1.75118 10.7661L0.479366 11.5073C0.10289 11.7267 -0.0796357 12.1743 0.0329553 12.5982C0.488432 14.3132 1.38461 15.8461 2.59144 17.0658C2.89818 17.3758 3.37326 17.4387 3.7491 17.2195L5.01859 16.4793C5.43098 16.7772 5.87104 17.0341 6.33258 17.2462V18.7281C6.33261 18.9416 6.40249 19.1491 6.53136 19.3183C6.66023 19.4875 6.84087 19.609 7.04519 19.6639C8.71313 20.1117 10.4847 20.1123 12.1547 19.6639C12.5749 19.5511 12.8674 19.1671 12.8674 18.7282V17.2462C13.3289 17.0341 13.769 16.7772 14.1814 16.4793L15.4509 17.2196C15.8267 17.4387 16.3018 17.3759 16.6086 17.0659C17.8154 15.8461 18.7116 14.3132 19.167 12.5983C19.2796 12.1744 19.0971 11.7268 18.7206 11.5074L17.4488 10.7662C17.4976 10.2561 17.4976 9.74398 17.4488 9.2339ZM15.3448 11.775L17.095 12.7947C16.7801 13.6531 16.323 14.4511 15.743 15.1547L13.9925 14.1342C12.715 15.2389 12.5283 15.347 10.9503 15.9096V17.9498C10.0566 18.1039 9.14342 18.1039 8.24967 17.9498V15.9096C6.67187 15.3471 6.48447 15.2385 5.20751 14.1342L3.45698 15.1547C2.87703 14.4511 2.41987 13.6531 2.10505 12.7947L3.85518 11.775C3.55044 10.1097 3.55028 9.89116 3.85518 8.22507L2.10505 7.20535C2.41858 6.34934 2.87629 5.55015 3.45698 4.84531L5.20751 5.86584C6.48495 4.76112 6.67171 4.65301 8.24967 4.09047V2.05023C9.14342 1.8962 10.0566 1.8962 10.9503 2.05023V4.09051C12.5281 4.65301 12.7155 4.76156 13.9925 5.86588L15.743 4.84535C16.323 5.54894 16.7801 6.347 17.095 7.20539L15.3448 8.22511C15.6496 9.89044 15.6497 10.1089 15.3448 11.775ZM9.6 6.12906C7.48577 6.12906 5.76575 7.86555 5.76575 10C5.76575 12.1345 7.48577 13.871 9.6 13.871C11.7142 13.871 13.4342 12.1345 13.4342 10C13.4342 7.86555 11.7142 6.12906 9.6 6.12906ZM9.6 11.9355C8.54287 11.9355 7.68288 11.0673 7.68288 10C7.68288 8.93281 8.54287 8.06455 9.6 8.06455C10.6571 8.06455 11.5171 8.93281 11.5171 10C11.5171 11.0673 10.6571 11.9355 9.6 11.9355Z' fill='white'/%3E%3C/svg%3E%0A"); -webkit-background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4488 9.2339L18.7206 8.49269C19.0971 8.2733 19.2796 7.82568 19.167 7.4018C18.7116 5.68684 17.8154 4.15394 16.6086 2.93418C16.3018 2.62418 15.8267 2.56136 15.4509 2.78051L14.1814 3.52075C13.769 3.2228 13.329 2.96595 12.8674 2.75382V1.27184C12.8674 1.05839 12.7975 0.850921 12.6686 0.681701C12.5398 0.512481 12.3591 0.390989 12.1548 0.336114C10.4869 -0.111749 8.71529 -0.112314 7.04527 0.336074C6.62514 0.448897 6.33258 0.832889 6.33258 1.2718V2.75378C5.87105 2.96591 5.43099 3.22276 5.01859 3.52071L3.7491 2.78047C3.37326 2.56132 2.89818 2.62414 2.59144 2.93414C1.38461 4.1539 0.488432 5.68676 0.0329553 7.40176C-0.0796357 7.82564 0.10289 8.27326 0.479366 8.49265L1.75118 9.2339C1.70245 9.74346 1.70245 10.2566 1.75118 10.7661L0.479366 11.5073C0.10289 11.7267 -0.0796357 12.1743 0.0329553 12.5982C0.488432 14.3132 1.38461 15.8461 2.59144 17.0658C2.89818 17.3758 3.37326 17.4387 3.7491 17.2195L5.01859 16.4793C5.43098 16.7772 5.87104 17.0341 6.33258 17.2462V18.7281C6.33261 18.9416 6.40249 19.1491 6.53136 19.3183C6.66023 19.4875 6.84087 19.609 7.04519 19.6639C8.71313 20.1117 10.4847 20.1123 12.1547 19.6639C12.5749 19.5511 12.8674 19.1671 12.8674 18.7282V17.2462C13.3289 17.0341 13.769 16.7772 14.1814 16.4793L15.4509 17.2196C15.8267 17.4387 16.3018 17.3759 16.6086 17.0659C17.8154 15.8461 18.7116 14.3132 19.167 12.5983C19.2796 12.1744 19.0971 11.7268 18.7206 11.5074L17.4488 10.7662C17.4976 10.2561 17.4976 9.74398 17.4488 9.2339ZM15.3448 11.775L17.095 12.7947C16.7801 13.6531 16.323 14.4511 15.743 15.1547L13.9925 14.1342C12.715 15.2389 12.5283 15.347 10.9503 15.9096V17.9498C10.0566 18.1039 9.14342 18.1039 8.24967 17.9498V15.9096C6.67187 15.3471 6.48447 15.2385 5.20751 14.1342L3.45698 15.1547C2.87703 14.4511 2.41987 13.6531 2.10505 12.7947L3.85518 11.775C3.55044 10.1097 3.55028 9.89116 3.85518 8.22507L2.10505 7.20535C2.41858 6.34934 2.87629 5.55015 3.45698 4.84531L5.20751 5.86584C6.48495 4.76112 6.67171 4.65301 8.24967 4.09047V2.05023C9.14342 1.8962 10.0566 1.8962 10.9503 2.05023V4.09051C12.5281 4.65301 12.7155 4.76156 13.9925 5.86588L15.743 4.84535C16.323 5.54894 16.7801 6.347 17.095 7.20539L15.3448 8.22511C15.6496 9.89044 15.6497 10.1089 15.3448 11.775ZM9.6 6.12906C7.48577 6.12906 5.76575 7.86555 5.76575 10C5.76575 12.1345 7.48577 13.871 9.6 13.871C11.7142 13.871 13.4342 12.1345 13.4342 10C13.4342 7.86555 11.7142 6.12906 9.6 6.12906ZM9.6 11.9355C8.54287 11.9355 7.68288 11.0673 7.68288 10C7.68288 8.93281 8.54287 8.06455 9.6 8.06455C10.6571 8.06455 11.5171 8.93281 11.5171 10C11.5171 11.0673 10.6571 11.9355 9.6 11.9355Z' fill='white'/%3E%3C/svg%3E%0A")}

.rewinded,
.forwarded {position: absolute; border-radius: 50%; width: 40px; height: 40px;
    transition: opacity 1s;box-shadow: 0 0 5px 20px rgba(0,0,0,.3), inset 0 0 5px 10px rgba(0,0,0,.1);opacity: 0;
    background-repeat: no-repeat; background-size: cover;}
.rewinded {top: 50%; left: 20%; transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_9)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0198 2.04817C13.3222 1.8214 15.6321 2.39998 17.5557 3.68532C19.4794 4.97067 20.8978 6.88324 21.5694 9.09718C22.241 11.3111 22.1242 13.6894 21.2388 15.8269C20.3534 17.9643 18.7543 19.7286 16.714 20.8192C14.6736 21.9098 12.3182 22.2592 10.0491 21.8079C7.77999 21.3565 5.73759 20.1323 4.26989 18.3439C2.80219 16.5555 2 14.3136 2 12H0C-2.7418e-06 14.7763 0.962627 17.4666 2.72387 19.6127C4.48511 21.7588 6.93599 23.2278 9.65891 23.7694C12.3818 24.3111 15.2083 23.8918 17.6568 22.5831C20.1052 21.2744 22.0241 19.1572 23.0866 16.5922C24.149 14.0273 24.2892 11.1733 23.4833 8.51661C22.6774 5.85989 20.9752 3.56479 18.6668 2.02238C16.3585 0.479975 13.5867 -0.214319 10.8238 0.057802C8.71195 0.2658 6.70517 1.02859 5 2.2532V1H3V5C3 5.55229 3.44772 6 4 6H8V4H5.99999C7.45608 2.90793 9.19066 2.22833 11.0198 2.04817ZM2 4V7H5V9H1C0.447715 9 0 8.55229 0 8V4H2ZM14.125 16C13.5466 16 13.0389 15.8586 12.6018 15.5758C12.1713 15.2865 11.8385 14.8815 11.6031 14.3609C11.3677 13.8338 11.25 13.2135 11.25 12.5C11.25 11.7929 11.3677 11.1759 11.6031 10.6488C11.8385 10.1217 12.1713 9.71671 12.6018 9.43389C13.0389 9.14463 13.5466 9 14.125 9C14.7034 9 15.2077 9.14463 15.6382 9.43389C16.0753 9.71671 16.4116 10.1217 16.6469 10.6488C16.8823 11.1759 17 11.7929 17 12.5C17 13.2135 16.8823 13.8338 16.6469 14.3609C16.4116 14.8815 16.0753 15.2865 15.6382 15.5758C15.2077 15.8586 14.7034 16 14.125 16ZM14.125 14.6501C14.5151 14.6501 14.8211 14.4637 15.043 14.0909C15.2649 13.7117 15.3759 13.1814 15.3759 12.5C15.3759 11.8186 15.2649 11.2916 15.043 10.9187C14.8211 10.5395 14.5151 10.3499 14.125 10.3499C13.7349 10.3499 13.4289 10.5395 13.207 10.9187C12.9851 11.2916 12.8741 11.8186 12.8741 12.5C12.8741 13.1814 12.9851 13.7117 13.207 14.0909C13.4289 14.4637 13.7349 14.6501 14.125 14.6501ZM8.60395 15.8554V10.7163L7 11.1405V9.81956L10.1978 9.01929V15.8554H8.60395Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_9'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.forwarded {top: 50%; right: 20%; transform: translate(50%,-50%); background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_5)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.4443 3.68532C8.36794 2.39998 10.6778 1.8214 12.9802 2.04817C14.8093 2.22833 16.5439 2.90793 18 4H16V6H20C20.5523 6 21 5.55228 21 5V1H19V2.2532C17.2948 1.02858 15.288 0.265799 13.1762 0.0578004C10.4133 -0.214321 7.64153 0.479973 5.33315 2.02238C3.02478 3.56479 1.32262 5.85989 0.516718 8.51661C-0.289188 11.1733 -0.148981 14.0273 0.91345 16.5922C1.97588 19.1572 3.8948 21.2744 6.34325 22.5831C8.79169 23.8918 11.6182 24.3111 14.3411 23.7694C17.064 23.2278 19.5149 21.7588 21.2761 19.6127C23.0374 17.4666 24 14.7763 24 12H22C22 14.3136 21.1978 16.5555 19.7301 18.3439C18.2624 20.1323 16.22 21.3565 13.9509 21.8079C11.6818 22.2592 9.32641 21.9098 7.28604 20.8192C5.24567 19.7286 3.64657 17.9643 2.76121 15.8269C1.87585 13.6894 1.75901 11.3111 2.4306 9.09717C3.10218 6.88324 4.52065 4.97066 6.4443 3.68532ZM22 4V7H19V9H23C23.5523 9 24 8.55228 24 8V4H22ZM12.6018 15.5758C13.0389 15.8586 13.5466 16 14.125 16C14.7034 16 15.2077 15.8586 15.6382 15.5758C16.0753 15.2865 16.4116 14.8815 16.6469 14.3609C16.8823 13.8338 17 13.2135 17 12.5C17 11.7929 16.8823 11.1758 16.6469 10.6488C16.4116 10.1217 16.0753 9.71671 15.6382 9.43388C15.2077 9.14463 14.7034 9 14.125 9C13.5466 9 13.0389 9.14463 12.6018 9.43388C12.1713 9.71671 11.8385 10.1217 11.6031 10.6488C11.3677 11.1758 11.25 11.7929 11.25 12.5C11.25 13.2135 11.3677 13.8338 11.6031 14.3609C11.8385 14.8815 12.1713 15.2865 12.6018 15.5758ZM15.043 14.0909C14.8211 14.4637 14.5151 14.6501 14.125 14.6501C13.7349 14.6501 13.4289 14.4637 13.207 14.0909C12.9851 13.7117 12.8741 13.1814 12.8741 12.5C12.8741 11.8186 12.9851 11.2916 13.207 10.9187C13.4289 10.5395 13.7349 10.3499 14.125 10.3499C14.5151 10.3499 14.8211 10.5395 15.043 10.9187C15.2649 11.2916 15.3759 11.8186 15.3759 12.5C15.3759 13.1814 15.2649 13.7117 15.043 14.0909ZM8.60395 10.7163V15.8554H10.1978V9.01928L7 9.81956V11.1405L8.60395 10.7163Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_5'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.progress-bar {position: relative; display: block; border-radius: 3px; min-height: 5px; width: 100%; cursor: pointer;
    background-color: rgba(255,255,255,0.3);transition: min-height .3s; /*overflow: hidden;*/}
.progress-bar:hover{min-height: 10px;}
.progress-pct {position: absolute; top: 0; left: 0; border-radius: 3px; display: block; width: 0; height: 100%; background-color: #E50914;}
.progress-thumb {position: absolute; left: 0; top: 50%; height: 20px; width: 20px; border-radius: 50%;
    transform: translate(-50%, -50%);transition: transform .3s; background-color: #E50914; box-shadow: 0 0 8px rgba(229, 9, 20, 0.6);}
.progress-thumb:hover{transform: translate(-50%, -50%) scale(1.3);}
@media (max-width: 768px) {
    .progress-bar {
        min-height: 8px;
        margin: 8px 0;
    }
    .progress-thumb {
        height: 24px;
        width: 24px;
    }
}
@media (hover: none) and (pointer: coarse) {
    .progress-bar {
        min-height: 8px;
    }
    .progress-thumb:hover {
        transform: translate(-50%, -50%);
    }
    .progress-thumb:active {
        transform: translate(-50%, -50%) scale(1.2);
    }
}
.progress-prev {
    display: none;
    position: absolute;
    padding: 5px 10px;
    top: 0;
    left: 0;
    width: max-content;
    transform: translate(-80%, -50px);
    background-color: #333;
}

.video-title {
    flex: 1;
    display: flex;
    display: -webkit-flex;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    -webkit-justify-content: center;
}

.episodes {position: absolute;padding: 24px;box-sizing: border-box;min-width: 40vw;height: 100vh;top: 0;right: -100%;z-index: 10000000000;background-color: rgba(0,0,0,0.95);backdrop-filter: blur(10px);transition: right .3s ease;border-left: 1px solid rgba(255,255,255,0.1);}
@media (min-width: 1200px) {
    .episodes {min-width: 30vw;}
}
@media (max-width: 768px) {
    .episodes {
        min-width: 100vw;
        width: 100vw;
        padding: 20px 15px;
        border-left: none;
    }
}
.episodes ul {list-style-type: none;margin: 20px 0 0 0;padding: 0;}
.episodes ul li:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.2);}
.episodes ul li a {display: flex; display: -webkit-flex; flex-wrap: wrap;padding: 10px 15px;color: #cfcfcf;background-color: transparent;cursor: pointer;transition: background-color .3s, color .3s;}
.episodes ul li a:hover {color: #fff;background-color: rgba(255,255,255,.08);}
.episodes ul li a img {flex: 1;max-width: 50px;aspect-ratio: 16/9;margin-right: 10px;}
@media (min-width: 1200px) {
    .episodes ul li a img {flex: 1;max-width: 80px;aspect-ratio: 16/9;margin-right: 10px;}
}
.episodes ul li a div {flex: 3;}
.episodes .number {font-size: 14px;}
.episodes .name {font-size: 13px}


.seekbar {
    position: relative;
    border-radius: 3px;
    width: 100%;
    height: 5px;
    background: rgba(255,255,255,0.3);
    pointer-events: fill;
}
.seekbar:hover {
    cursor: pointer;
}

.seekbar .thumb {
    position: absolute;
    border-radius: 50%;
    /*top: -5px;*/
    width: 5px;
    height: 5px;
    background: #E50914;
    cursor: pointer;
    z-index: 10;
    transition: transform .2s ease;
    box-shadow: 0 0 4px rgba(229, 9, 20, 0.4);
}
.controls:hover .seekbar .thumb {
    transform: scale(1.1);
}
@media (max-width: 768px) {
    .seekbar {
        height: 8px;
        margin: 5px 0;
    }
    .seekbar .thumb {
        width: 12px;
        height: 12px;
        transform: translateY(-50%);
        top: 50%;
    }
    .controls .seekbar .thumb {
        transform: translateY(-50%) scale(1.2);
    }
}

.seekbar .buffered-overlay {
    position: absolute;
    border-radius: 3px;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #999;
}

.seekbar .playing-overlay {
    position: absolute;
    border-radius: 3px;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #E50914;
}

.seekbar .seekbar-time {
    position: absolute;
    border-radius: 5px;
    top: -30px;
    left: 0;
    padding: 3px 7px;
    font-size: 12px;
    opacity: 0;
    background: #999;
    transition: opacity .3s ease;
}


/*.splayer_modalMenu-settings*/
.splayer_settings {
    position: absolute;
    right: 20px;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    z-index: 1000000000;
    transition: opacity .3s ease;
}
.splayer_settings-body {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgba(50, 50, 50, 0.8);
    transition: all .3s ease;
}
.splayer_settings-section {
    position: absolute;
    transition: all .3s ease;
    right: 0;
    bottom: 0;
    width: max-content;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.splayer_settings-section-header {
    display: flex;
    align-items: center;
    padding: 10px 30px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    /*width: max-content;*/
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.splayer_settings-section-header::before {
    content: "";
    display: block;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38455 13.8091L8.00327 13.1904C8.14971 13.044 8.14971 12.8065 8.00327 12.6601L2.35643 6.99977L8.00327 1.33946C8.14971 1.19302 8.14971 0.955582 8.00327 0.809113L7.38455 0.190395C7.23812 0.043957 7.00068 0.043957 6.85421 0.190395L0.310023 6.73461C0.163586 6.88105 0.163586 7.11849 0.310023 7.26496L6.85421 13.8091C7.00068 13.9556 7.23812 13.9556 7.38455 13.8091Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
}
.splayer_settings-section-body {
    display: block;
    padding: 5px 10px;
    min-height: 100px;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.splayer_settings-item {
    display: flex;
    justify-content: space-between;
    min-width: 200px;
    padding: 15px;
    font-size: 13px;
    color: #c4c4c4;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.splayer_settings-menu-item:hover {
    color: #fff
}

.spd-label,
.qlt-label {
    pointer-events: none;
}

/* Skip Feedback Overlays */
.skip-feedback {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

.skip-feedback.skip-backward {
    left: 15%;
}

.skip-feedback.skip-forward {
    right: 15%;
}

.skip-text {
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

@media (max-width: 640px) {
    .skip-feedback {
        width: 80px;
        height: 80px;
    }

    .skip-feedback.skip-backward {
        left: 10%;
    }

    .skip-feedback.skip-forward {
        right: 10%;
    }

    .skip-text {
        font-size: 16px;
    }
}