.video-player{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding-top:calc(88px + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom));background-color:#333}.video-player__close{position:absolute;z-index:1;top:calc(16px + env(safe-area-inset-top));left:16px;width:44px;height:44px;padding:12px;border:none;border-radius:50%;background-color:var(--white);color:var(--dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.video-player__close svg{width:100%;height:100%}.video-player__stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.video-player__video{width:100%;height:auto;max-height:calc(100vh - 176px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:block;background-color:#000}.video-player__play{--play-badge-size: 64px;position:absolute;border:none;padding-left:10px;cursor:pointer}.video-player__share{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));right:24px}