:root{--scrollbar-color:#c8c8c8;--scrollbar-bg-color:#f2f2f2;--scrollbar-size:thin;--scrollbar-webkit-size:5px;--scrollbar-webkit-border-radius:8px;--scrollbar-webkit-border-size:3px}.media__legend{position:relative;text-align:start;--line-color:currentColor}@media only screen and (min-width:769px){.media__legend{padding-left:72px}.rtl .media__legend:not(:where(.ltr *)){padding-left:0;padding-right:72px}}@media only screen and (max-width:768px){.media__legend{padding-left:44px}.rtl .media__legend:not(:where(.ltr *)){padding-left:0;padding-right:44px}}.media__legend:before{background-color:var(--line-color);border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.rtl .media__legend:not(:where(.ltr *)):before{left:auto;right:0}.media{align-items:center;background-color:var(--bg-color);border-radius:14px;display:flex;gap:20px;justify-content:space-between;padding:25px 30px}.media__container .video,.media__container.is-hidden,.media__container.playing .media[data-type=video]{display:none}.media__container.playing .video{display:flex}.media__container .icon{flex-shrink:0}@media only screen and (min-width:1025px){.media{max-width:100%}}@media only screen and (max-width:1024px){.media{width:100%}}.media[data-type=video]{--bg-color:var(--color-blue-light-10)}.media[data-type=podcast]{--bg-color:var(--color-blue-dark-10)}.media__content{align-items:center}.media__content,.media__content__left{display:flex;flex-grow:1;justify-content:space-between}.playing .media__content__left{flex-direction:column}.media__content__name{color:var(--color-blue);display:block;display:-webkit-box;-webkit-line-clamp:1;padding-inline-end:20px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.media__content__progress{display:none;margin-bottom:13px;margin-top:19px;padding-inline-end:20px;width:100%}.playing .media__content__progress{display:block}.media__content__progress__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-blue-dark-40);height:2px;position:relative;width:100%}.media__content__progress__input:before{background-color:var(--color-blue-dark-10);content:"";height:100%;left:0;position:absolute;top:0;width:var(--buffered-width)}.media__content__progress__input:after{background-color:var(--color-blue-dark);content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:var(--seek-before-width)}.media__content__progress__input::-webkit-slider-runnable-track{cursor:pointer;height:100%;position:relative;width:100%}.media__content__progress__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--color-blue-dark);border-radius:8px;height:8px;left:var(--seek-before-width);position:absolute;top:1px;transform:translate(-50%,-50%);width:8px}.media__content__times{align-items:center;color:var(--color-marine-80);display:flex;flex-shrink:0;justify-content:space-between}.media__content__times__current_time{display:none}.playing .media__content__times__current_time{display:block}.media__content__times__duration{padding-inline-end:20px}.media__play{align-self:flex-end}.playing .media__play{margin-bottom:7px}.media__play .icon{width:8px}.media__play .icon--play{height:13px}.playing .media__play .icon--play{display:none}.media__play .icon--pause{display:none;height:10px}.playing .media__play .icon--pause{display:block}.media__mute{align-self:flex-end;display:none;height:20px;margin-inline-start:15px;margin-bottom:18px;width:23px}.playing .media__mute{display:block}.media__mute .icon--mute--off,.muted .media__mute .icon--mute--on{display:none}.muted .media__mute .icon--mute--off{display:block}.media__legend{--line-color:var(--color-green-fluo);color:var(--color-blue);margin-top:30px}