@layer components{.c-simple-video{--play-btn-size:75px;position:relative;width:100%}.c-simple-video--embed{aspect-ratio:16/9;position:relative}:where(.c-simple-video--embed iframe,.c-simple-video--embed object,.c-simple-video--embed embed){height:100%;inset:0;position:absolute;width:100%}.c-simple-video__wrapper{aspect-ratio:16/9;border-radius:var(--default-border-radius);display:block;overflow:hidden;position:relative;width:100%}.c-simple-video__wrapper__video{display:block}.c-simple-video__thumbnail,.c-simple-video__wrapper__video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-simple-video__thumbnail{left:0;position:absolute;top:0}.c-simple-video__play-btn{--play-btn-color-icon:var(--brand-black);--play-btn-color-background:var(--brand-yellow);background:none;border:none;cursor:pointer;left:50%;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out,opacity .1s ease-out;z-index:2}.c-simple-video__play-btn svg{display:block;height:var(--play-btn-size);width:var(--play-btn-size)}.c-simple-video__play-btn path{transition:all .1s ease}.has-video-playing.c-simple-video:before{content:none}.has-video-playing .c-simple-video__play-btn{opacity:0}.c-simple-video:hover .c-simple-video__play-btn{transform:translate(-50%,-50%) scale(1.1)}}