body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-panel.one:before,.overlay{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.form{background:#fff;border-radius:4px;box-shadow:0 0 30px rgba(0,0,0,.1);box-sizing:border-box;margin:100px auto 10px;overflow:hidden;position:relative;width:600px;z-index:15}.form-toggle{background:#fff;border-radius:100%;cursor:pointer;height:60px;opacity:0;position:absolute;right:60px;top:60px;-webkit-transform:translateY(-25%) scale(0);transform:translateY(-25%) scale(0);-webkit-transform-origin:center;transform-origin:center;transition:all .3s ease;width:60px;z-index:10}.form-toggle:after,.form-toggle:before{background:#1677ff;content:"";display:block;height:4px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px}.form-toggle:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.form-toggle:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.form-toggle.visible{opacity:1;-webkit-transform:translateY(-25%) scale(1);transform:translateY(-25%) scale(1)}.nav-profile-link{display:flex}.nav-profile-link a{text-decoration:none}.form-group{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 20px}.form-group:last-child{margin:0}.form-group label{color:rgba(0,0,0,.6);display:block;font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1;margin:0 0 10px;text-transform:uppercase}.two .form-group label{color:#fff}.form-group input{border:0;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.6);display:block;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;outline:none;padding:12px 20px;transition:.3s ease;width:100%}.form-group input:focus{color:rgba(0,0,0,.8)}.two .form-group input,.two .form-group input:focus{color:#fff}.form-group button{background:#1677ff;border:0;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;outline:none;padding:12px 20px;text-transform:uppercase;width:100%}.two .form-group button{background:#fff;color:#1677ff}.form-group .form-remember{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.form-group .form-remember input[type=checkbox]{display:inline-block;margin:0 10px 0 0;width:auto}.form-group .form-recovery{color:#1677ff;font-size:12px;text-decoration:none}.form-panel{box-sizing:border-box;padding:60px calc(5% + 60px) 60px 60px}.form-panel.one:before{content:"";display:block;opacity:0;transition:.3s ease;visibility:hidden}.form-panel.one.hidden:before{display:block;opacity:1;visibility:visible}.form-panel.two{background:#1677ff;cursor:pointer;left:95%;min-height:100%;padding:60px calc(10% + 60px) 60px 60px;position:absolute;top:0;transition:.3s ease;width:100%;z-index:5}.form-panel.two:after,.form-panel.two:before{background:hsla(0,0%,100%,.2);content:"";display:block;height:30px;left:1.5%;position:absolute;top:60px;transition:.3s ease;width:2px}.form-panel.two:after{left:3%}.form-panel.two:hover{box-shadow:0 0 10px rgba(0,0,0,.2);left:93%}.form-panel.two:hover:after,.form-panel.two:hover:before{opacity:0}.form-panel.two.active{box-shadow:0 0 10px rgba(0,0,0,.2);cursor:default;left:10%}.form-panel.two.active:after,.form-panel.two.active:before{opacity:0}.form-header{margin:0 0 40px}.form-header h1{color:#1677ff;font-size:24px;font-weight:700;padding:4px 0;text-transform:uppercase}.two .form-header h1{color:#fff;position:relative;z-index:40}.pen-footer{display:flex;flex-direction:row;justify-content:space-between;margin:20px auto 100px;width:600px}.pen-footer a{color:#fff;font-size:12px;text-decoration:none;text-shadow:1px 2px 0 rgba(0,0,0,.1)}.pen-footer a .material-icons{font-size:12px;margin:0 5px;vertical-align:middle;width:12px}.cp-fab{background:#fff!important;color:#1677ff!important}#google-icon{align-items:center;display:flex;justify-content:center;padding:20px}#side-nav-buttons button{width:100%}.example{background:rgba(0,0,0,.05);border-radius:4px;margin:20px 0;padding:30px 50px;text-align:center}#myuploads-videos{display:flex}.my-upload-header{align-items:end;background:#fff;display:flex!important;flex-direction:column;height:44px}.my-upload-header button{margin:10px 5px}.logo{margin:0}header{align-items:center;display:flex;justify-content:space-between}a,header{color:#fff!important}#signed-user{align-items:center;display:flex}#signed-user p{margin:0 10px 0 0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.1aea081f.css.map*/