.video-wrapper{position:relative;max-width:100%;margin:auto}.video-wrapper .article-video--play-button{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.video-wrapper .article-video--play-button .article-video-icon-play{width:8.4rem;height:8.4rem;transition:transform ease-out .1s}.video-wrapper .article-video--play-button:not(:disabled):hover .article-video-icon-play{transform:scale(1.1)}.video-wrapper .article-video--play-button:disabled svg{opacity:.3}.video-wrapper .article-video--play-button:disabled{cursor:progress}.video-wrapper blockquote,.video-wrapper iframe{max-width:100%;border:none}.video-wrapper img.article-video-cover{margin:0;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}.video-embed--wrapper{word-break:break-word}.video-embed--wrapper iframe{max-height:100%;max-width:100%}.video-embed-component{background-color:rgb(var(--color-light-grey));padding:6.4rem 0}.article-title-wrapper+.video-component,.article-title-wrapper+.partial-width-container-with-bg{margin-top:3.2rem;display:block}@media screen and (min-width: 990px){.article-title-wrapper+.video-component{margin-top:6.4rem}}.video-component--grid.center .video-iframe--wrapper{width:100%}.video-component--grid.ar-1-1 .video-iframe--wrapper .video-wrapper{max-width:calc(100vw - 3rem);max-height:calc(100vw - 3rem);width:34.5rem;height:34.5rem}@media screen and (min-width: 750px){.video-component.full-width .video-component--grid.ar-1-1:not(.center-video) .video-content--wrapper,.video-component.full-width .video-component--grid.ar-1-1:not(.center-video) .video-iframe--wrapper{max-width:50%}.video-component--grid.ar-1-1.center-video .video-iframe--wrapper .video-wrapper{width:49.3rem;height:49.3rem}.video-component--grid.ar-1-1:not(.center-video) .video-iframe--wrapper .video-wrapper{width:36.1rem;height:36.1rem}}@media screen and (min-width: 990px){.video-component--grid.ar-1-1:not(.center-video) .video-iframe--wrapper .video-wrapper{width:56.1rem;height:56.1rem}.video-component--grid.ar-1-1.center-video .video-iframe--wrapper .video-wrapper{width:65.8rem;height:65.8rem}}@media screen and (min-width: 750px){[data-inline]:not(.full-width) .video-component--grid.ar-1-1 .video-iframe--wrapper .video-wrapper{width:36.1rem;height:36.1rem}}@media screen and (min-width: 990px){[data-inline]:not(.full-width) .video-component--grid.ar-1-1.center-video .video-iframe--wrapper .video-wrapper{width:56.1rem;height:56.1rem}.video-component:not(.full-width) .video-component--grid.ar-1-1:not(.center-video) .video-content--wrapper{width:100%;max-width:unset}.video-component:not(.full-width) .video-component--grid.ar-1-1:not(.center-video) .video-iframe--wrapper{width:100%;max-width:unset}}.video-component--grid.ar-9-16 .video-wrapper{width:37rem;height:65.8rem}@media screen and (max-width: 370px){.video-component--grid.ar-9-16 .video-wrapper{width:100%;height:177vw}}@media screen and (min-width: 750px){.video-component.full-width .video-component--grid:not(.center-video){display:flex;column-gap:4.8rem}.video-component.full-width .video-component--grid.ar-9-16:not(.center-video) .video-content--wrapper{width:calc(50% - 2.4rem)}.video-component.full-width .video-component--grid.ar-9-16:not(.center-video) .video-iframe--wrapper{width:calc(50% - 2.4rem)}}@media screen and (max-width: 989px){.video-component.full-width .video-component--grid.ar-16-9:not(.center-video){display:block}}@media screen and (min-width: 990px){.video-component:not(.full-width) .video-component--grid:not(.center-video){display:flex;column-gap:4.8rem}.video-component:not(.full-width) .video-component--grid.ar-1-1,.video-component:not(.full-width) .video-component--grid.ar-16-9{display:block}.video-component.full-width .video-component--grid.ar-9-16:not(.center-video) .video-content--wrapper{width:calc(60% - 2.4rem)}.video-component.full-width .video-component--grid.ar-9-16:not(.center-video) .video-iframe--wrapper{width:calc(40% - 2.4rem)}}@media screen and (min-width: 990px){.video-component.full-width .video-component--grid.ar-16-9:not(.center-video) .video-content--wrapper{max-width:40%}.video-component.full-width .video-component--grid.ar-16-9:not(.center-video) .video-iframe--wrapper{max-width:60%}.video-component--grid.ar-16-9:not(.center-video) .video-wrapper{width:68.2rem;height:38.4rem}.video-component--grid.ar-16-9.center-video .video-wrapper{width:117rem;height:65.8rem}}@media screen and (max-width: 989px){.video-component--grid.ar-16-9:not(.center-video){display:block}.video-component:not(.full-width) .video-component--grid.ar-16-9:not(.center-video) .video-content--wrapper{max-width:100%}.video-component:not(.full-width) .video-component--grid.ar-16-9:not(.center-video) .video-iframe--wrapper{max-width:100%}.video-component--grid.ar-16-9 .video-wrapper{width:68.2rem;max-width:70%;height:40vw}}@media screen and (max-width: 749px){.video-component--grid.ar-16-9 .video-wrapper{max-width:100%;height:50vw}}@media screen and (max-width: 989px){.video-component--grid .video-content--wrapper+.video-iframe--wrapper,.video-component--grid .video-iframe--wrapper+.video-content--wrapper{margin-top:2.4rem}}@media screen and (min-width: 990px){.video-component--grid.center-video .video-content--wrapper+.video-iframe--wrapper,.video-component--grid.center-video .video-iframe--wrapper+.video-content--wrapper{margin-top:4.8rem}}@media screen and (max-width: 989px){[data-inline]:not(.full-width) .video-component--grid:not(.center-video)>div{width:100%;max-width:unset}[data-inline]:not(.full-width) .video-component--grid:not(.center-video){display:block}}@media screen and (min-width: 990px){[data-inline]:not(.full-width) .video-component--grid:not(.center-video){column-gap:2.4rem}.video-component:not(.full-width) .video-component--grid.ar-9-16:not(.center-video) .video-content--wrapper{width:calc(40% - 1.2rem)}.video-component:not(.full-width) .video-component--grid.ar-9-16:not(.center-video) .video-iframe--wrapper{width:calc(60% - 1.2rem)}[data-inline]:not(.full-width) .video-component--grid.ar-16-9{display:block}}[data-inline]:not(.full-width) .video-component--grid.ar-16-9>div,[data-inline]:not(.full-width) .video-component--grid.ar-16-9 .video-wrapper{max-width:100%}.button.view-on-platform-button,.button.view-on-platform-button:hover{background-color:rgb(var(--color-dark-grey))!important;color:rgb(var(--color-white))!important}.button.view-on-platform-button svg{height:2rem;width:2rem;margin-left:1.6rem}.partial-width-container-with-bg{background:rgb(var(--color-light-grey))}@media screen and (min-width: 750px){.partial-width-container-with-bg.has-author{background:linear-gradient(90deg,rgba(var(--color-light-grey),1) 50%,rgba(var(--color-white),0) 50%)}}
/*# sourceMappingURL=/cdn/shop/t/422/assets/article-video-component.css.map */