html,body{margin:0;padding:0;width:100%;height:100%}.loader{margin:200px auto;text-align:center}.loader h1{font-family:Actor,sans-serif;color:#fff;font-size:16px;letter-spacing:1px;font-weight:200}.loader span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px}.loader span:nth-child(2){background:#e84c3d;animation:kiri 1.2s infinite linear}.loader span:nth-child(3){background:#f1c40f;z-index:100}.loader span:nth-child(4){background:#2fcc71;animation:kanan 1.2s infinite linear}@keyframes kanan{0%{transform:translate(20px)}50%{transform:translate(-20px)}to{transform:translate(20px);z-index:200}}@keyframes kiri{0%{transform:translate(-20px);z-index:200}50%{transform:translate(20px)}to{transform:translate(-20px)}}.container{max-width:100%;min-height:110vh;background:radial-gradient(circle,#33495e,#2e2329);padding:8px}.selectDiv{position:relative;float:left;min-width:300px;margin:0 0 10px}.selectDiv:after{content:"<>";font:16px Consolas,monospace;color:#333;transform:rotate(90deg);right:11px;top:18px;padding:0 0 2px;border-bottom:1px solid #999;position:absolute;pointer-events:none}.select{appearance:none;display:block;max-width:100%;height:50px;padding:0 24px;font-size:16px;color:#333;background-color:#fff;border:1px solid #cccccc}.videoWrapper{aspect-ratio:16 / 9;width:100%;max-width:100%;margin:0 auto}.videoWrapper iframe{width:100%;height:100%;border:none}