styles.58e64242.css

body{overflow-x:hidden;background-color:#fefefe;margin:0}#root{height:100vh;width:100vw}.steps-list{display:flex;justify-content:center;flex-flow:column}.steps-list .new-step{align-self:center;margin-bottom:40px}.steps-list .new-step:after{content:"+"}.steps-list .play{position:fixed;bottom:30px;right:30px}.steps-list .play:after{content:"\25BA"}.step{background:#373737;color:#eee037;width:70vw;align-self:center;min-height:200px;margin-bottom:40px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);border-radius:0 0 25px 25px}.step .orientation,.step .position{display:flex}.step .delete{width:45px;height:45px;border-radius:0 0 0 100%;border:none;background:#eee037;position:relative;margin-bottom:-45px;float:right;cursor:pointer;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.step .delete:focus{outline:none}.step .delete:after{content:"X";color:#373737}#editor .player{width:100vw;height:100vh;background:#373737;top:0;position:fixed}#editor .player iframe{width:100%!important;height:100%!important;border:none}#view .player-wrapper{width:100vw;height:calc(70vh - 50px)}#view .player-wrapper .player{width:100%;height:100%}#view .player-wrapper iframe{width:100%!important;height:100%!important;border:none}#view .player-wrapper .full-screen{display:inline-block;cursor:pointer;width:10px;height:10px;border:2px dashed #eee037;position:relative;top:-25px;right:5px;float:right}#view .author-info{display:flex;padding:15px}#view .author-info .avatar{width:60px;height:60px;border-radius:100%}#view .author-info .name{color:#373737;align-self:center;margin-left:10px}#index{padding-top:25px;color:#373737}#index h2{color:#373737;margin:10px;width:100%;text-align:center;text-transform:uppercase}#index .description p{margin:25px;text-align:center;font-size:1.5em}#index .description p a{color:#5c6bc0}#index .list{display:grid;grid-template-columns:repeat(auto-fill,288px);grid-column-gap:16px;grid-row-gap:24px;list-style-type:none;padding:0;margin:0 auto;max-width:1200px}#index .list .preview{margin:15px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);border-radius:0 0 10px 10px;background:#373737}#index .list .preview img{width:256px;height:144px}#index .list .preview .owner-box{border-top:1px solid #eee037;display:flex}#index .list .preview .owner-box img{width:40px;height:40px;border-radius:100%;margin:10px}#index .list .preview .owner-box p{align-self:center}#index .list .preview .owner-box p .by{color:#fefefe}#index .list .preview .owner-box p a{color:#eee037}#layout{width:100vw;height:100vh}#layout .header{height:50px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}#layout .header .logo{cursor:pointer;display:inline-block;margin-left:15px;height:50px;width:90px;background:url(/logo.fca4d91e.png);background-size:contain;background-repeat:no-repeat;background-position:0}#layout .header .login{float:right;right:9px;top:9px;width:200px}#layout .header .user{width:200px}#layout .plus{position:fixed;bottom:30px;right:30px}#layout .plus:after{content:"+"}#profile-page .user{display:flex;max-width:700px;margin:50px auto 25px}#profile-page .user img{width:100px;height:100px;border-radius:100%}#profile-page .user h3{color:#373737;display:inline-block;align-self:center;margin-left:5px}#profile-page .list{display:flex;flex-direction:column;align-items:center}#profile-page .list .preview{margin:25px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}#profile-page .list .preview .edit{display:inherit;width:30px;height:30px;background:#373737;border-radius:0 7px 0 0;position:relative;margin-bottom:-30px;bottom:30px}#profile-page .list .preview .edit:after{content:"\00270e";font-size:30px;color:#eee037}input{margin:0 10px;width:calc(100% - 20px);display:block;padding:20px 0 10px;border:none;border-bottom:1px solid #eee037;transition:all .3s cubic-bezier(.64,.09,.08,1);background:linear-gradient(180deg,hsla(0,0%,100%,0) 96%,#eee037 0);background-position:-100% 0;background-size:100% 100%;background-repeat:no-repeat;color:#b0a40f}input::-webkit-input-placeholder{color:#eee037;font-size:11px}input:focus{box-shadow:none;outline:none;background-position:0 0}input:focus::-webkit-input-placeholder{transform:translateY(-20px);visibility:visible!important}.btn-icon{height:45px;width:45px;border-radius:22.5px;border:none;background:#373737;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);cursor:pointer;font-size:25px}.btn-icon:focus{outline:none}.btn-icon:after{color:#eee037}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.button{display:inline-block;position:relative;width:120px;height:32px;line-height:32px;border-radius:2px;font-size:.9em;background-color:#fff;color:#646464;cursor:pointer}.button.raised{transition:box-shadow .2s cubic-bezier(.4,0,.2,1);transition-delay:.2s;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.button.raised:active{box-shadow:0 8px 17px 0 rgba(0,0,0,.2);transition-delay:0s}.button.blue{background-color:#4285f4;color:#fff}.center{text-align:center}.drop{position:relative}.drop ul{background:#fefefe;padding:0;position:absolute;left:0;top:2em;transition:all .3s ease;transform:scale(0);transform-origin:0 0;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.drop ul li{display:block;width:100%}.drop ul li a{width:100%;padding:1em 18px;display:inline-block;white-space:pre;box-sizing:border-box}.drop ul li a:hover{background:#373737;color:#eee037}.drop:hover ul{transform:scale(1)}a,li{text-decoration:none}.loader,a,li{color:#373737}.loader{font-size:90px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}