.MediaPlayer{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.MediaPlayer .image-preview{position:absolute;inset:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;outline:none}:is(.MediaPlayer .image-preview) .background{-webkit-filter:blur(20px) brightness(150%);filter:blur(20px) brightness(150%);position:absolute;top:50%;left:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(30px);filter:blur(30px);opacity:.3;z-index:-1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}:is(.MediaPlayer .image-preview) .image{width:62px;height:62px;border-radius:16px;aspect-ratio:auto;pointer-events:none}.MediaPlayer .play-button{background-color:var(--white);color:var(--black);width:28px;height:28px;padding:0;position:absolute;z-index:1;top:8px;left:8px;border:none;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:is(.MediaPlayer .play-button) svg{width:8px;height:8px}.MediaPlayer .label{position:absolute;top:14px;right:24px;opacity:.8;font-size:14px;pointer-events:none}.MediaPlayer media-controller{--media-primary-color: var(--white);--media-secondary-color: transparent;--media-control-hover-background: transparent;pointer-events:none;background-color:transparent;-ms-flex-item-align:end;align-self:flex-end;border-radius:none;width:100%}.MediaPlayer media-control-bar{width:100%;padding-inline:24px;padding-bottom:12px}@media (max-width: 48em){.MediaPlayer media-control-bar{padding-inline:8px;padding-bottom:4px}}:is(.MediaPlayer media-play-button) svg{width:8px;height:8px}.MediaPlayer media-play-button{padding:0;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--white);color:var(--black);-ms-flex-item-align:center;align-self:center;border-radius:50%}@media (min-width: 48em){.MediaPlayer media-play-button{width:52px;height:52px}:is(.MediaPlayer media-play-button) svg{width:12px;height:12px}}.MediaPlayer media-time-range{--media-preview-time-margin: 0 0 -25px}:is(.MediaPlayer media-time-range)::part(thumb){opacity:0}:is(.MediaPlayer media-time-range)::part(track){border-radius:20px}