.video-box{position:relative;width:100%;overflow:hidden;border-radius:16px;cursor:pointer}.video-box__video,.video-box__placeholder,.video-box__image{display:block;width:100%;height:auto}.video-box__video{opacity:0;transition:opacity .35s ease}.video-box__video.is-ready{opacity:1}.video-box__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#ffffff;aspect-ratio:800 / 258}.video-box__image{aspect-ratio:800 / 258;object-fit:cover;border-radius:16px}.video-box__placeholder.is-hidden{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.video-box__loader{position:absolute;top:50%;left:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:kp-spin .8s linear infinite}@keyframes kp-spin{to{transform:rotate(360deg)}}.video-box .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;transition:all .25s ease;z-index:2}.video-box .play-button:hover{background:rgba(0,0,0,.75);transform:translate(-50%,-50%) scale(1.08)}