section.saas-video-player{background:var(--OnRamp-Primary-Midnight-Purple,#2a0c6e);padding:48px}@media (max-width:768px){section.saas-video-player{padding:24px}}section.saas-video-player .saas-video-player__inner{margin:0 auto;max-width:1440px;width:100%}section.saas-video-player .saas-video-player__stage{aspect-ratio:16/9;background:var(--OnRamp-Primary-Midnight-Purple,#2a0c6e);border-radius:4px;cursor:pointer;overflow:hidden;position:relative;width:100%}section.saas-video-player .saas-video-player__stage:focus{outline:2px solid hsla(0,0%,100%,.6);outline-offset:2px}section.saas-video-player .saas-video-player__poster{height:100%;inset:0;object-fit:contain;object-position:center;pointer-events:none;position:absolute;width:100%;z-index:1}section.saas-video-player .saas-video-player__play{align-items:center;background:rgba(11,5,36,.28);display:flex;inset:0;justify-content:center;margin:0;padding:0;pointer-events:none;position:absolute;transition:background .25s ease;z-index:2}section.saas-video-player .saas-video-player__stage:hover .saas-video-player__play{background:rgba(11,5,36,.42)}section.saas-video-player .saas-video-player__play-icon{align-items:center;background:hsla(0,0%,100%,.96);border-radius:999px;box-shadow:0 12px 40px rgba(11,5,36,.35);display:flex;height:88px;justify-content:center;transition:transform .25s ease;width:88px}section.saas-video-player .saas-video-player__stage:hover .saas-video-player__play-icon{transform:scale(1.08)}section.saas-video-player .saas-video-player__play-icon:after{border-bottom:14px solid transparent;border-left:22px solid #2d0d6e;border-top:14px solid transparent;content:"";height:0;margin-left:6px;width:0}@media (max-width:700px){section.saas-video-player .saas-video-player__play-icon{height:64px;width:64px}section.saas-video-player .saas-video-player__play-icon:after{border-bottom-width:10px;border-left-width:16px;border-top-width:10px;margin-left:4px}}.saas-video-player-modal{align-items:center;box-sizing:border-box;display:none;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.saas-video-player-modal .saas-video-player-modal__overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.9);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.saas-video-player-modal .saas-video-player-modal__content{background:#000;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.6);display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 40px);max-width:min(1200px,96vw);overflow:hidden;position:relative;width:100%;z-index:10000}.saas-video-player-modal .saas-video-player-modal__ratio{background:#000;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.saas-video-player-modal .saas-video-player-modal__video{background:#000;border:none;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.saas-video-player-modal .saas-video-player-modal__close{align-items:center;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:44px;justify-content:center;line-height:1;margin:0;min-height:44px;min-width:44px;padding:0;position:absolute;right:15px;text-align:center;top:15px;transition:all .3s ease;width:44px;z-index:10001}.saas-video-player-modal .saas-video-player-modal__close:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:scale(1.1)}