@layer theme{.cs-video{overflow:hidden;position:relative;inline-size:100%;aspect-ratio:16 / 9}.cs-video,.cs-video .cs-video__thumbnail{display:grid;grid-template-areas:"stack";place-items:center;overflow:hidden}:is(.cs-video,.cs-video .cs-video__thumbnail)>*{grid-area:stack}.cs-video .cs-video__thumbnail{position:relative;aspect-ratio:inherit;transition:opacity 1s ease-in-out;place-self:stretch}.cs-video .cs-video__thumbnail picture{place-self:stretch}.cs-video .cs-video__thumbnail img{object-fit:cover;aspect-ratio:inherit;block-size:100%}.cs-video :is(iframe,embed,object){aspect-ratio:inherit;inline-size:100%;block-size:100%;border:0;opacity:0;transition:opacity 1s ease-in-out}.cs-video:not(.cs-video--loaded) .cs-video__play{display:none}.cs-video.cs-video--loaded .cs-video__loading{display:none}.cs-video.cs-video--show-player :is(iframe,embed,object){opacity:1;transition:opacity 1s ease-in-out}.cs-video.cs-video--show-player .cs-video__thumbnail{display:none;opacity:0;transition:opacity 1s ease-in-out}.cs-video__loading{block-size:3rem;inline-size:3rem;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border-radius:100%}.cs-media:has(.cs-video){border-radius:10px;overflow:hidden}}