media-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}media-background img{vertical-align:bottom}media-background[mode=cropped]:not(:defined) img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}media-background[mode=cropped]:defined img{position:absolute;top:0;top:calc(var(--y, 0)*-1px);left:0;left:calc(var(--x, 0)*-1px);width:auto;width:var(--width,auto);height:auto;height:var(--height,auto)}media-background[mode=contained]{background-color:transparent;background-color:var(--media-background-color,transparent)}media-background[mode=contained] media-background-content,media-background[mode=contained] picture{width:100%;height:100%}media-background[mode=contained] picture{display:flex;align-items:center;justify-content:center}media-background[mode=contained] img{width:auto;height:100%}media-background[mode=contained][fit=horizontal] img{height:100%}media-background[mode=contained][fit=vertical] img{width:100%;height:auto}media-background[background-style=image] picture:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;transform:scale(1.2);background-image:none;background-image:var(--image-url,none);background-position:50%;background-size:cover;-webkit-filter:blur(5px);filter:blur(5px)}media-background[background-style=image] img{z-index:2}media-background[overflow]{overflow:visible}media-background[mode=contained][vignette=start][fit=horizontal] img{-webkit-mask:linear-gradient(90deg,transparent 1%,#fff 12% 99%);mask:linear-gradient(90deg,transparent 1%,#fff 12% 99%)}media-background[mode=contained][vignette=start][fit=vertical] img{-webkit-mask:linear-gradient(180deg,transparent 1%,#fff 12% 99%);mask:linear-gradient(180deg,transparent 1%,#fff 12% 99%)}media-background[mode=contained][vignette=both][fit=horizontal] img{-webkit-mask:linear-gradient(90deg,transparent 1%,#fff 12% 88%,transparent 99%);mask:linear-gradient(90deg,transparent 1%,#fff 12% 88%,transparent 99%)}media-background[mode=contained][vignette=both][fit=vertical] img{-webkit-mask:linear-gradient(180deg,transparent 1%,#fff 12% 88%,transparent 99%);mask:linear-gradient(180deg,transparent 1%,#fff 12% 88%,transparent 99%)}media-background[mode=contained][vignette=end][fit=horizontal] img{-webkit-mask:linear-gradient(90deg,#fff 0 88%,transparent 99%);mask:linear-gradient(90deg,#fff 0 88%,transparent 99%)}media-background[mode=contained][vignette=end][fit=vertical] img{-webkit-mask:linear-gradient(180deg,#fff 0 88%,transparent 99%);mask:linear-gradient(180deg,#fff 0 88%,transparent 99%)}media-background[mode=contained][image-align=top] picture{align-items:flex-start}media-background[mode=contained][image-align=top] picture:before{background-position-y:top}media-background[mode=contained][image-align=bottom] picture{align-items:flex-end}media-background[mode=contained][image-align=bottom] picture:before{background-position-y:bottom}media-background[mode=contained][image-justify=left] picture{justify-content:flex-start}media-background[mode=contained][image-justify=left] picture:before{background-position-x:left}media-background[mode=contained][image-justify=right] picture{justify-content:flex-end}media-background[mode=contained][image-justify=right] picture:before{background-position-y:right}@-webkit-keyframes mediaBackgroundFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mediaBackgroundFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mediaBackgroundSlideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes mediaBackgroundSlideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@-webkit-keyframes mediaBackgroundSlideRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes mediaBackgroundSlideRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}media-background-container{display:block;position:relative;overflow:hidden;--media-background-duration:0.5s}media-background-container media-background{-webkit-animation-duration:var(--media-background-duration);animation-duration:var(--media-background-duration);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:1}media-background-container media-background.-is-active,media-background-container media-background.-transition-out{z-index:2}media-background-container media-background.-transition-in{z-index:3;-webkit-animation-name:mediaBackgroundFadeIn;animation-name:mediaBackgroundFadeIn}media-background-container[speed=slow]{--media-background-duration:1s}media-background-container[speed=fast]{--media-background-duration:0.2s}media-background-container[transition=slide-left] media-background.-transition-in,media-background-container[transition=slide-right] media-background.-transition-in{z-index:3;-webkit-animation-name:none;animation-name:none}media-background-container[transition=slide-left] media-background.-transition-out,media-background-container[transition=slide-right] media-background.-transition-out{z-index:4}media-background-container[transition=slide-left] media-background.-transition-out{-webkit-animation-name:mediaBackgroundSlideLeft;animation-name:mediaBackgroundSlideLeft}media-background-container[transition=slide-right] media-background.-transition-out{-webkit-animation-name:mediaBackgroundSlideRight;animation-name:mediaBackgroundSlideRight}