.ui-hero-video-container{max-width:100vw;margin:0 auto;display:flex;align-items:center;justify-content:center}.ui-hero-video-content-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--gap-2xl);padding:var(--container-padding);max-width:var(--container-max-width);width:100%}.ui-hero-video-content{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:var(--gap-xl);flex:1}.ui-hero-video-content .ui-hero-video-content-text{gap:var(--gap-md, 12px);display:flex;flex-direction:column;align-items:start;justify-content:start}.ui-hero-video-content .ui-hero-video-content-text h1{display:flex;flex-direction:column;gap:4px}.ui-hero-video-bullets{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.ui-hero-video-bullet{display:flex;align-items:center;gap:10px}.ui-hero-video-bullet svg{flex-shrink:0;width:20px;height:20px}.ui-hero-video-heading-line{display:block}.ui-hero-video-heading-line-with-background-color{background-color:var(--color-neutral-1000, #060708);color:var(--color-white, #ffffff);padding:8px 12px;width:fit-content}.ui-hero-video-content-buttons{display:flex;align-items:center;justify-content:start;gap:var(--gap-md);flex-wrap:wrap;width:100%}.ui-hero-video-content-button{border-radius:4px;padding:12px 16px;cursor:pointer;border-width:1px;border-style:solid;min-width:160px;min-height:48px}.ui-hero-video-video{flex:1;width:100%;max-width:600px}.ui-hero-video-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.ui-hero-video-placeholder,.ui-hero-video-placeholder picture,.ui-hero-video-thumbnail,.ui-hero-video-placeholder iframe{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.ui-hero-video-thumbnail{object-fit:cover;cursor:pointer}.ui-hero-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;cursor:pointer}.ui-hero-video-play-button-bg{fill:#212121;fill-opacity:.8;transition:fill .2s}.ui-hero-video-play-button-icon{fill:#fff}.ui-hero-video-placeholder:hover .ui-hero-video-play-button-bg{fill:red;fill-opacity:1}@media(min-width:768px)and (max-width:1023px){.ui-hero-video-play-button svg{width:58px;height:41px}}@media(max-width:767px){.ui-hero-video-play-button svg{width:48px;height:34px}.ui-hero-video-content-wrapper{flex-direction:column}.ui-hero-video-video{order:-1}.ui-hero-video-content-buttons a,.ui-hero-video-content-buttons button{width:100%}}@media(max-width:360px){.ui-hero-video-content h1,.ui-hero-video-content p{text-align:center}.ui-hero-video-content-buttons{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/ui-hero-video.css.map */