.form .form-title,.home-title,.page-title,.text-1{font-size:3rem;font-weight:600}.editor-panel .panel-title,.form .form-field .field-label,.home-description,.machine-player .panel-title,.machine-settings .panel-title,.text-2,.tutorial .instruction-title{font-size:2rem;font-weight:800}.text-3,.tutorial .instruction-description{font-size:1.85rem;font-weight:400}.button-left-icon .header .header-user .user-icon,.button-left-icon .icon,.button-right-icon .header .header-user .user-icon,.button-right-icon .icon,.header .header-user .button-left-icon .user-icon,.header .header-user .button-right-icon .user-icon,.link,.machine-card-title,.text-4{font-size:1.75rem;font-weight:600}.action-button,.button,.button-checkbox,.button-left-icon,.button-right-icon,.button-rounded,.danger-button,.dashboard .machines .create-machines-button,.editor-panel .setting-detail,.editor-panel .setting-input,.editor-panel .setting-title,.form .form-submit-button,.machine-player .result,.machine-player .setting-detail,.machine-player .setting-input,.machine-player .setting-title,.machine-settings .setting-detail,.machine-settings .setting-input,.machine-settings .setting-title,.option .text,.success-button,.text-5,.user .user-name{font-size:1.5rem;font-weight:500}.header .nav-link .text,.loading-description,.machine-card-date,.text-6,.user .user-email{font-size:1.25rem;font-weight:500}.link{color:hsla(0,0%,100%,.75);text-decoration:none;transition:.2s}.link:hover{color:#2f99d6}.action-button,.button,.button-checkbox,.button-left-icon,.button-right-icon,.button-rounded,.clickable,.danger-button,.dashboard .machines .create-machines-button,.form .form-submit-button,.header .header-user,.machine-player .result,.option,.success-button{border:0;border-radius:10px;box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.1);cursor:pointer;outline:0;transition:.2s}.action-button:hover,.button-checkbox:hover,.button-left-icon:hover,.button-right-icon:hover,.button-rounded:hover,.button:hover,.clickable:hover,.danger-button:hover,.dashboard .machines .create-machines-button:hover,.form .form-submit-button:hover,.header .header-user:hover,.machine-player .result:hover,.option:hover,.success-button:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.action-button:active,.button-checkbox:active,.button-left-icon:active,.button-right-icon:active,.button-rounded:active,.button:active,.clickable:active,.danger-button:active,.dashboard .machines .create-machines-button:active,.form .form-submit-button:active,.header .header-user:active,.machine-player .result:active,.option:active,.success-button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.action-button,.button,.button-checkbox,.button-left-icon,.button-right-icon,.button-rounded,.danger-button,.dashboard .machines .create-machines-button,.form .form-submit-button,.machine-player .result,.success-button{background-color:#f5f5f5;color:#333;padding:12.5px 25px;text-decoration:none}.action-button .header .header-user .user-icon,.action-button .icon,.action-button .text,.button .header .header-user .user-icon,.button .icon,.button .text,.button-checkbox .header .header-user .user-icon,.button-checkbox .icon,.button-checkbox .text,.button-left-icon .header .header-user .user-icon,.button-left-icon .icon,.button-left-icon .text,.button-right-icon .header .header-user .user-icon,.button-right-icon .icon,.button-right-icon .text,.button-rounded .header .header-user .user-icon,.button-rounded .icon,.button-rounded .text,.danger-button .header .header-user .user-icon,.danger-button .icon,.danger-button .text,.dashboard .machines .create-machines-button .header .header-user .user-icon,.dashboard .machines .create-machines-button .icon,.dashboard .machines .create-machines-button .text,.dashboard .machines .header .header-user .create-machines-button .user-icon,.form .form-submit-button .header .header-user .user-icon,.form .form-submit-button .icon,.form .form-submit-button .text,.header .header-user .action-button .user-icon,.header .header-user .button .user-icon,.header .header-user .button-checkbox .user-icon,.header .header-user .button-left-icon .user-icon,.header .header-user .button-right-icon .user-icon,.header .header-user .button-rounded .user-icon,.header .header-user .danger-button .user-icon,.header .header-user .dashboard .machines .create-machines-button .user-icon,.header .header-user .form .form-submit-button .user-icon,.header .header-user .machine-player .result .user-icon,.header .header-user .success-button .user-icon,.machine-player .header .header-user .result .user-icon,.machine-player .result .header .header-user .user-icon,.machine-player .result .icon,.machine-player .result .text,.success-button .header .header-user .user-icon,.success-button .icon,.success-button .text{color:inherit}.dashboard .machines .create-machines-button,.success-button{background-color:#35b53d;color:#fff}.action-button{background-color:#2f83d6;color:#fff}.danger-button{background-color:#cf4343;color:#fff}.button-rounded,.dashboard .machines .create-machines-button{border-radius:50%;height:50px;padding:20px;width:50px}.button-right-icon{padding-right:12.5px}.button-right-icon .header .header-user .user-icon,.button-right-icon .icon,.header .header-user .button-right-icon .user-icon{margin-left:10px}.button-left-icon{padding-left:12.5px}.button-left-icon .text{text-align:left;width:100%}.button-left-icon .header .header-user .user-icon,.button-left-icon .icon,.header .header-user .button-left-icon .user-icon{margin-right:10px}.button-checkbox{background-color:#ccc}.button-checkbox.checked{background-color:#35b53d;color:#fff;-webkit-filter:brightness(.99);filter:brightness(.99)}.checkbox{border-radius:5px;box-shadow:inset 0 0 0 1px #2f83d6;height:20px;padding:3px;-webkit-transform:translateY(-1px);transform:translateY(-1px);width:20px}.checkbox-fill{background-color:#2f83d6;border-radius:4px;height:100%;opacity:0;width:100%}.checkbox.checked .checkbox-fill{opacity:1}.option{grid-gap:15px;background-color:#f5f5f5;display:grid;gap:15px;grid-template-columns:auto 20px;padding:12.5px 10px 12.5px 15px;place-items:center;width:100%}.option .text{text-align:left;width:100%}.header .header-user .option .user-icon,.option .header .header-user .user-icon,.option .icon{font-size:1.5rem}.form{grid-gap:35px;display:grid;gap:35px;max-width:500px;padding:25px;width:100%}.form .form-field{grid-gap:25px;display:grid;gap:25px}.form .form-field .field-label{margin-left:.5rem}.form .form-field .field-input{background-color:#f5f5f5;border:0;border-radius:10px;font-size:2rem;outline:0;padding:25px;transition:.2s}.form .form-field .field-input:focus{box-shadow:inset 0 0 0 5px #2f83d6}.form .form-submit-button{background-color:#2f83d6;font-size:2rem;padding:25px}.machine-card{background-color:#e9f8ff;border:1px solid #ccc;border-radius:10px;height:300px;overflow:hidden;padding:25px;position:relative;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:100%}.machine-card-image{left:0;object-fit:cover;position:absolute;top:0;z-index:0}.machine-card-content{background-color:#fff;border-top:1px solid #ccc;bottom:0;left:0;padding:20px;position:absolute;width:100%;z-index:1}.machine-card-title{margin-bottom:10px}.machine-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.loading{flex-direction:column}.loading-logo{border-radius:50%;height:75px;position:relative;width:75px}.loading-logo .dot{background-color:#2f83d6;border-radius:50%;opacity:0;position:absolute}.loading-logo .dot:first-child{-webkit-animation:pop 1s 0s infinite;animation:pop 1s 0s infinite}.loading-logo .dot:nth-child(2){-webkit-animation:pop 2s 0s infinite;animation:pop 2s 0s infinite}.loading-logo .dot:nth-child(3){-webkit-animation:pop 3s 0s infinite;animation:pop 3s 0s infinite}.loading-description{font-weight:600;margin-top:20px}.loading-description:after{-webkit-animation:loading 2s infinite;animation:loading 2s infinite;content:""}.loading.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.5);left:0;position:absolute;top:0;z-index:20}@-webkit-keyframes pop{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loading{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:"...."}}@keyframes loading{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:"...."}}.header{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);height:48px;padding:0 50px;position:fixed;width:100%;z-index:200}.header .header-user{border-radius:50%;height:32px;overflow:hidden;width:32px}.header .header-user .user-icon{font-size:4rem}.header .header-user img{border-radius:50%}.header .links{display:grid;grid-template-columns:repeat(3,1fr);height:100%}.header .nav-link{align-items:center;color:#464646;display:flex;height:100%;padding:0 15px;text-decoration:none;transition:.25s}.header .header-user .nav-link .user-icon,.header .nav-link .header-user .user-icon,.header .nav-link .icon{font-size:2rem;height:100%;margin-right:10px}.header .nav-link:hover{background-color:rgba(47,131,214,.1)}.header .active,.header .nav-link:hover{box-shadow:inset 0 -2px 0 0 #2f83d6}.header .click-outside{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.user{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:100px;min-width:300px;opacity:0;padding:25px;pointer-events:none;position:fixed;right:50px;top:58px;transition:opacity .25s;z-index:2}.user.open{opacity:1;pointer-events:auto}.user .user-image{border-radius:50%;height:80px;margin-bottom:15px;overflow:hidden;width:80px}.user .user-name{margin-bottom:5px}.user .user-email{font-weight:regular}.user .user-actions{border-top:1px solid #f5f5f5;margin-top:20px;padding-top:15px;width:100%}.tutorial{align-items:center;display:flex;flex-direction:column;margin:20px auto 0;max-width:1000px}.tutorial .instructions{grid-gap:50px;display:grid;gap:50px;margin-bottom:100px;place-content:center}.tutorial .instruction{grid-gap:50px;display:grid;gap:50px;grid-template-columns:3fr 2fr;width:100%}.tutorial .instruction-content{grid-gap:20px;display:grid;display:flex;flex-direction:column;gap:20px;grid-template-rows:auto 1fr;justify-content:flex-end;padding-bottom:25px}.tutorial .instruction-image{background-color:#f5f5f5;border:1px solid #ccc;border-radius:20px;height:300px;overflow:hidden;width:300px}.tutorial .instruction-image video{height:300px;object-fit:cover;width:300px}.dashboard{background-color:#fff;display:flex;flex-wrap:wrap}.dashboard .machines{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.dashboard .machines .create-machines-button{bottom:50px;height:65px;position:fixed;right:50px;width:65px;z-index:10}.home{display:grid;grid-template-columns:1fr 600px;height:calc(100vh - 48px);overflow:hidden;width:100vw}.home-presentation{box-shadow:10px 0 5px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;padding:50px;z-index:2}.home-content{margin-bottom:100px}.home-title{margin-bottom:50px}.home-description{font-weight:500;line-height:150%}.home-image,.home-image img{height:100vh;width:600px}.home-image img{object-fit:cover}@media(max-width:1000px){.home{grid-template-columns:1fr}.home-image{display:none}}.login,.signup{background-color:#fff;flex-direction:column}.editor{display:grid;padding:20px 20px 10px}.editor,.editor .canvas-wrapper{overflow:hidden;position:relative}.editor .canvas-wrapper{align-items:center;border:2px solid #ccc;border-radius:10px;display:flex;height:100%;justify-content:center;width:100%}.editor .canvas-wrapper .canvas{height:100%;width:100%}.editor .editor-actions{padding:10px 5px}.context-menu{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.1);left:50%;opacity:0;padding:15px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-40%,-30%);transform:translate(-40%,-30%);transition:opacity .3s;z-index:15}.context-menu .options{grid-gap:10px;display:grid;gap:10px;list-style:none}.canvas-input{height:100px;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:300px;z-index:15}.canvas-input input{background-color:#464646;border:none;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);color:#fff;display:block;font-size:1.75rem;max-width:400px;outline:none;padding-bottom:10px;padding-top:10px;text-align:center}.editor-panel,.machine-player,.machine-settings{background-color:#fff;border-radius:15px;bottom:80px;box-shadow:0 0 20px 0 rgba(0,0,0,.075);padding:25px;position:absolute;top:30px;z-index:5}.editor-panel .panel-title,.machine-player .panel-title,.machine-settings .panel-title{margin-bottom:25px}.editor-panel .panel-title.input,.machine-player .panel-title.input,.machine-settings .panel-title.input{border:none;outline:none}.editor-panel .setting,.machine-player .setting,.machine-settings .setting{grid-gap:10px;border-bottom:1px solid hsla(0,0%,80%,.5);display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:20px;padding-bottom:15px;width:100%}.editor-panel .setting-title,.machine-player .setting-title,.machine-settings .setting-title{font-weight:600;padding-left:1px}.editor-panel .setting-input,.machine-player .setting-input,.machine-settings .setting-input{border:none;border-radius:10px;box-shadow:inset 0 0 0 1px #2f83d6;outline:none;padding:10px 20px;width:100%}.editor-panel .setting-actions,.machine-player .setting-actions,.machine-settings .setting-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto}.machine-settings{max-width:350px;right:-350px;transition:right .35s}.machine-settings.open{right:30px}.machine-player{left:-350px;max-width:350px;transition:left .35s}.machine-player.open{left:30px}.machine-player .result{width:165px}.machine-player .result .text{color:#fff}.machine-player .result.success{background-color:#35b53d}.machine-player .result.fail{background-color:#cf4343}.machine-player .result.waiting{background-color:#464646}*{box-sizing:border-box;color:#464646;font-family:Inter,Arial,Helvetica,sans-serif;margin:0;padding:0}html{font-size:62.5%;position:relative}.header .header-user .user-icon,.icon{word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";direction:ltr;display:block;font-family:Material Icons;font-size:2.4rem;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-align:center;text-transform:none;white-space:nowrap;width:auto}.editor,.fill,.header .header-user img,.home-presentation,.loading,.loading-logo .dot,.loading.overlay,.machine-card-image,.tutorial .instruction-content,.user .user-image img{height:100%;width:100%}.app-wrapper{height:100vh;padding-top:48px;width:100vw}.login,.page,.signup{background-color:#fff;padding:50px;width:100vw}.page-header{grid-column:1/3;padding-bottom:25px;width:100%}.action-button,.button,.button-checkbox,.button-left-icon,.button-right-icon,.button-rounded,.canvas-input,.danger-button,.dashboard .machines .create-machines-button,.flex-center,.form .form-submit-button,.header .header-user .nav-link .user-icon,.header .nav-link .header-user .user-icon,.header .nav-link .icon,.loading,.loading-logo,.login,.machine-player .result,.signup,.success-button,.tutorial .instruction-image,.user .user-actions{align-items:center;display:flex;justify-content:center}.flex-column{display:flex;flex-direction:column}.actions,.editor .editor-actions,.flex-space-between,.header{align-items:center;display:flex;justify-content:space-between}.actions,.editor .editor-actions{width:100%}.rot-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*# sourceMappingURL=main.9e819948.css.map*/