.ipad-frame{inset:0;pointer-events:none;position:absolute;z-index:2}.ipad-frame__border--outer{border:2px solid #ddd;border-radius:3.2142857143rem;height:100%;width:100%}.ipad-frame__border--inner{border:2.1428571429rem solid #222;border-radius:3.2142857143rem;height:100%;width:100%}.ipad-frame__button{background:#aaa;height:.1428571429rem;position:absolute;width:2.8571428571rem}.ipad-frame__button--volume-up{bottom:0;right:3.5714285714rem}.ipad-frame__button--volume-down{bottom:0;right:7.1428571429rem}.ipad-frame__button--power{bottom:3.5714285714rem;height:2.8571428571rem;right:-.1428571429rem;width:.1428571429rem}.ipad-frame__button:after,.ipad-frame__button:before{background-color:#999;content:"";display:block;height:.1428571429rem;position:absolute;width:.1428571429rem}.ipad-frame__button:after{right:0}.ipad-frame__functions{align-items:center;display:flex;flex-direction:column;height:7.1428571429rem;justify-content:space-between;position:absolute;right:.1428571429rem;top:calc(50% - 50px);width:2.1428571429rem}.ipad-frame__function{background-color:#111;border-radius:50%}.ipad-frame__function--1{height:.7142857143rem;width:.7142857143rem}.ipad-frame__function--2{height:1.0714285714rem;width:1.0714285714rem}.ipad-frame__function--3{align-items:center;display:flex;height:.7142857143rem;justify-content:center;width:.7142857143rem}.ipad-frame__function--3:after,.ipad-frame__function--3:before{background-color:#00f;border-radius:50%;content:"";display:block;height:.1428571429rem;position:absolute;width:.1428571429rem}.ipad-frame__function--3:before{transform:translate(-1px)}.ipad-frame__function--3:after{transform:translate(1px)}.ipad-frame__function--4{height:.2142857143rem;width:.2142857143rem}.ipad-frame__function--5{height:1.0714285714rem;width:1.0714285714rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes hide{0%{max-height:500px;overflow:hidden}to{max-height:0;overflow:hidden;padding:0}}.video-player{background-color:#000;height:0;margin:auto}.video-player-wrapper{height:100%;position:relative}.video-player-wrapper,.video-player__header{align-items:center;display:flex;justify-content:center;width:100%}.video-player__header{background:#4e4e4ed9;color:#fff;font-size:2rem;height:40%;margin:0;max-height:11.2142857143rem;position:absolute;text-shadow:0 4px 4px rgba(0,0,0,.25);top:0;z-index:1}.video-player--youtube{height:100%;min-width:100%}.video-player--youtube .ytp-pause-overlay{display:none!important}.video-player--youtube-container{height:0;padding-bottom:56.25%;position:relative}.video-player--youtube-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-player__controls{left:0;top:0;z-index:1}.video-player__controls,.video-player__play{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.video-player__play{cursor:pointer;margin:auto}.video-player__play-icon{bottom:27%;height:7.8571428571rem;width:7.8571428571rem}.video-player__play-icon circle{fill:transparent;stroke:#fff}.video-player__play-icon path{fill:#fff}.video-player__video{max-width:100%}.video-player__video:focus{outline:none}.video-player .yt-poster{background:#000;height:100%;left:0;margin:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;position:absolute;right:0;top:0;width:100%}.video-player--header .video-player__play{height:calc(100% - 60px);width:calc(100% - 60px)}.video-player--header .video-player__play-icon{bottom:27%;height:5rem;position:absolute;width:5rem}.video-player--frame{border-radius:3.2142857143rem;overflow:hidden}.video-player--frame .video-player--youtube{height:calc(100% - 60px);margin:auto;width:calc(100% - 60px)}.video-player--frame .yt-poster{width:calc(100% - 60px)}