.media__play:before{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ek-Icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.media__play:before{content:""}.media__wrapper{width:100%}.media__wrapper[data-media=video].has--poster,.media__wrapper[data-media=youtube]{position:relative}.media__wrapper[data-media=video].has--poster .media__file:not(.media__play),.media__wrapper[data-media=youtube] .media__file:not(.media__play){display:block;overflow:hidden}.media__wrapper[data-media=video].has--poster .media__file:not(.media__play):before,.media__wrapper[data-media=youtube] .media__file:not(.media__play):before{aspect-ratio:16/9;content:"";display:block}.media__wrapper[data-media=video].has--poster .uc-embedding-container,.media__wrapper[data-media=youtube] .uc-embedding-container{z-index:5}.media__wrapper[data-media=video].has--poster .media__file-content,.media__wrapper[data-media=youtube] .media__file-content{height:100%;left:0;position:absolute;top:0;width:100%}.media__wrapper[data-media=video].has--poster iframe,.media__wrapper[data-media=youtube] iframe{height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px);z-index:3}.media__wrapper[data-media=video].has--poster img,.media__wrapper[data-media=youtube] img{bottom:0;display:block;height:auto;left:0;position:absolute;right:0;top:0;width:100%}.media__wrapper[data-media=video].has--poster.is--shown .media__play,.media__wrapper[data-media=youtube].is--shown .media__play{opacity:0;pointer-events:none}.media__wrapper[data-media=video].has--poster.is--shown img,.media__wrapper[data-media=youtube].is--shown img{opacity:0}.media__wrapper[data-media=video].has--poster.is--shown.is--paused .media__play,.media__wrapper[data-media=youtube].is--shown.is--paused .media__play{opacity:1;pointer-events:all;z-index:5}.media__wrapper[data-media=video].has--poster.is--shown.is--paused img,.media__wrapper[data-media=youtube].is--shown.is--paused img{opacity:1;z-index:4}.media__wrapper[data-media=video].has--poster video{aspect-ratio:16/9;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s cubic-bezier(.645,.045,.355,1);width:100%}.media__wrapper[data-media=video].has--poster img{opacity:1;transition:opacity .25s cubic-bezier(.645,.045,.355,1)}.media__wrapper[data-media=video].has--poster .media__play{opacity:1;transition:transform .3s cubic-bezier(.25,1,.5,1),opacity .3s cubic-bezier(.25,1,.5,1)}.media__wrapper[data-media=video].has--poster.is--playing video{opacity:1}.media__wrapper[data-media=video].has--poster.is--playing img{opacity:0}.media__wrapper[data-media=video].has--poster.is--playing .media__play{opacity:0;pointer-events:none}.media__wrapper .pimcore_editable_image{aspect-ratio:16/9;left:0;position:absolute;top:0;width:100%!important}.media__wrapper .media__file{isolation:isolate}.media__wrapper .media__file:after{background-color:var(--clr-primary-03);content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;transition:opacity .5s cubic-bezier(.165,.84,.44,1);width:100%;z-index:1}.media__wrapper.is--paused>span:after{z-index:4}.media__play{--size:48px;--move-x:24px;--move-y:calc(100% - var(--size) - var(--move-x));align-items:center;border-radius:50%;cursor:pointer;display:flex;height:var(--size);isolation:isolate;justify-content:center;left:var(--move-x);position:absolute;top:var(--move-y);transition:transform .3s cubic-bezier(.25,1,.5,1);width:var(--size);z-index:2}.media__play,.theme--light .media__play{color:var(--clr-secondary-01)}.theme--dark .media__play{color:var(--clr-secondary-02)}.media__play:before{color:#202020;font-size:40px;line-height:40px;transition:color .3s cubic-bezier(.25,1,.5,1);z-index:1}.media__play:after{background-color:currentColor;border-radius:50%;content:"";height:var(--size);position:absolute;transition:transform .3s cubic-bezier(0,0,.41,1.03);width:var(--size)}@media only screen and (min-width:1024px){.media__play{--size:64px;--move-x:32px;--move-y:calc(100% - var(--size) - var(--move-x))}}.media__play i{display:none}@media(hover){.media__play:hover:after{transform:scale(1.2)}.media__play:hover:before{color:var(--clr-primary-01)}}.media__play-area{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.media__play-area i{display:none}.csshover .media__play-area:hover .media__play:after{transform:scale(1.125)}