.media-content{--padding:16px;display:flex;margin:0 auto}.media-content__image,.media-content__video{flex:1 1;margin:0 auto;overflow:hidden;padding:var(--padding)}@media screen and (min-width:640px){.media-content__image,.media-content__video{--padding:40px}}@media screen and (min-width:1024px){.media-content__image,.media-content__video{--padding:80px}}.media-content__image img{width:100%;object-fit:cover;border-radius:8px;overflow:hidden}.media-content__image--full-width{padding:0}.media-content__image--full-width img{border-radius:unset}.media-content__video{position:relative}.media-content__video--external{aspect-ratio:4/3}@media screen and (min-width:1024px){.media-content__video--external{aspect-ratio:16/9}}.media-content__video__actions{--button-size:36px;--button-spacing:16px;display:flex;align-items:center;justify-content:center;position:absolute;opacity:0;right:calc(24px + var(--padding));bottom:calc(24px + var(--padding));width:var(--button-size);height:var(--button-size);color:#fff;background-color:rgba(0,0,0,.4);border:0;box-shadow:0 8px 20px 0 rgba(0,0,0,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100%;transition:opacity .3s ease-in-out}.media-content__video__actions--visible{opacity:1}@media screen and (min-width:640px){.media-content__video__actions{--button-spacing:24px;opacity:1}}@media screen and (min-width:1024px){.media-content__video__actions{--button-spacing:32px;--button-size:48px}}.media-content__video__actions:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(200deg,rgba(255,255,255,.5) 8%,rgba(255,255,255,0) 85%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.media-content__video__player{height:100%;border-radius:8px;overflow:hidden}.media-content__video__player video{object-fit:cover}.media-content--light.media-content--primary-bg{background-color:#fff}.media-content--light.media-content--secondary-bg{background-color:#f7f9f9}.media-content--dark.media-content--primary-bg{background-color:#1f272a}.media-content--dark.media-content--secondary-bg{background-color:#171e21}