*{font-family:Barlow,sans-serif;margin:0}body{background-color:#e4e4e4}h1{font-family:Josefin Sans,sans-serif}a,a:visited{text-decoration:none}@font-face{font-family:Noto Sans;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFlY9aA5Wl6PQ.ttf)}@font-face{font-family:"Noto Serif TC";src:url(https://fonts.gstatic.com/s/notoseriftc/v23/XLY9IZb5bJNDGYxLBibeHZ0BvtssbX9GTsoOAX4.otf)}@font-face{font-family:Josefin Sans;src:url(https://fonts.gstatic.com/s/josefinsans/v25/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQXMFrLgTsQV0.ttf)}@font-face{font-family:Lobster;src:url(https://fonts.gstatic.com/s/lobster/v28/neILzCirqoswsqX9_oWsMqEzSJQ.ttf)}@font-face{font-family:Roboto;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5WZLCzYlKw.ttf)}@font-face{font-family:Open Sans;src:url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf)}@font-face{font-family:Lato;src:url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHvxk6XweuBCY.ttf)}@font-face{font-family:Oswald;src:url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUFoZAaRliE.ttf)}@font-face{font-family:Nunito Sans;src:url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cfe6Kdpickwp.ttf)}@font-face{font-family:Merriweather;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5OeyxNV-bnrw.ttf)}@font-face{font-family:Barlow;src:url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7EPC8E46HsxnA.ttf)}@font-face{font-family:Anton;src:url(https://fonts.gstatic.com/s/anton/v23/1Ptgg87LROyAm0K08i4gS7lu.ttf)}@font-face{font-family:Dancing Script;src:url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTeB9ptDqpw.ttf)}@font-face{font-family:Bebas Neue;src:url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXooxW5rygbi49c.ttf)}@font-face{font-family:Caveat;src:url(https://fonts.gstatic.com/s/caveat/v17/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9SIKjYBxPigs.ttf)}@font-face{font-family:Satisfy;src:url(https://fonts.gstatic.com/s/satisfy/v17/rP2Hp2yn6lkG50LoOZSCHBeHFl0.ttf)}@font-face{font-family:Fredoka One;src:url(https://fonts.gstatic.com/s/fredokaone/v13/k3kUo8kEI-tA1RRcTZGmTmHBA6aF8Bf_.ttf)}@font-face{font-family:Kalam;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9dr0Wd4kDdMuhWMibDszkB.ttf)}@font-face{font-family:Francois One;src:url(https://fonts.gstatic.com/s/francoisone/v20/_Xmr-H4zszafZw3A-KPSZutNxgKQu_avAg.ttf)}@font-face{font-family:Cookie;src:url(https://fonts.gstatic.com/s/cookie/v17/syky-y18lb0tSbfNlQCT9tPdpw.ttf)}@font-face{font-family:Luckiest Guy;src:url(https://fonts.gstatic.com/s/luckiestguy/v18/_gP_1RrxsjcxVyin9l9n_j2RStR3qDpraA.ttf)}@font-face{font-family:Poiret One;src:url(https://fonts.gstatic.com/s/poiretone/v14/UqyVK80NJXN4zfRgbdfbk5lWVscxdKE.ttf)}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v108/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format("woff2")}.material-icons,.material-icons-outlined{word-wrap:normal;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.material-icons-outlined{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons Outlined}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v107/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")}.material-icons-round{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons Round}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconssharp/v108/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvR.woff2) format("woff2")}.material-icons-round,.material-icons-sharp{word-wrap:normal;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.material-icons-sharp{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons Sharp}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconstwotone/v111/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0.woff2) format("woff2")}body{--google-font-color-materialiconstwotone:none}.material-icons-two-tone{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons Two Tone;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.dashboard-header-top{align-items:center;background-color:#b2b2b2;display:flex;flex-direction:row;height:70px;justify-content:space-between;overflow-x:hidden;position:fixed;top:0;width:100%;z-index:10}.dashboard-logo-cont{align-items:center;display:flex;margin-left:15px;text-decoration:none}.dashboard-logo{height:50px}.dashboard-prontomock{align-items:baseline;display:flex;margin-left:10px;margin-top:9px}.dashboard-mock,.dashboard-pronto{color:#fff;font-family:Josefin Sans,sans-serif}.dashboard-pronto{font-size:50px;font-weight:300}.dashboard-mock{font-size:30px;font-weight:700}.dashboard-account-cont{cursor:pointer;display:flex}.dashboard-account-icon{align-items:center;background-color:#77a7ba;border:2.5px solid #525252;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:600;height:46.5px;justify-content:center;line-height:32px;width:46.5px}.dashboard-account-expand{margin:0 .7rem 0 .5rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.dashboard-account-cont:hover>.dashboard-account-expand{-webkit-transform:translateY(4px);transform:translateY(4px)}.dashboard-header-bottom{margin-top:70px}.dashboard-project-cont{margin-left:25px;padding-top:10px}.dashboard-project-cont,.dashboard-project-title{align-items:center;display:flex}.dashboard-project-project{font-size:25px;font-weight:700}.dashboard-project-name{font-size:25px;font-weight:400;margin-left:6px}.dashboard-project-expand{margin:0 12px 0 6px;position:relative;transition:top .3s}.dashboard-project-title:hover{cursor:pointer}.dashboard-project-title:hover>.dashboard-project-expand{top:3px}.dashboard-project-icon{cursor:pointer;height:30px;margin-right:8px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.dashboard-project-icon:hover{-webkit-transform:rotate(25deg);transform:rotate(25deg)}.dashboard-body{display:flex;flex-wrap:wrap;margin-bottom:30px;max-width:100vw;padding:0 15px}.dashboard-draft{display:flex;margin-right:30px;margin-top:1rem}.dashboard-draft-cont{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.dashboard-draft-cont:hover .dashboard-draft-info{opacity:1}.dashboard-draft-img{border-radius:15px;height:35vh;margin-top:1rem;max-width:100%}.dashboard-draft-info{align-items:center;background-color:hsla(0,0%,89%,.7);border-radius:15px;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.dashboard-draft-info h3{font-size:1.4rem;font-weight:700;max-width:95%;text-align:center}.dashboard-draft-settings{align-items:flex-end;display:flex;flex-direction:column}.dashboard-draft-more{cursor:pointer;position:absolute;right:10px;top:20px}.dashboard-draft-star{left:10px;position:absolute;top:20px;width:32px}.dashboard-button{align-items:center;background-color:#004e68;border:2px solid transparent;border-radius:2rem;bottom:30px;box-shadow:4px 4px transparent;cursor:pointer;display:flex;padding:8px 15px;position:fixed;right:30px;transition:background-color,box-shadow .3s;z-index:1000000}.dashboard-button:hover{box-shadow:2px 3.5px gray}.dashboard-button-text{color:#fff;font-size:1.2rem;font-weight:600;margin-right:8px}.dashboard-empty{align-items:center;display:flex;flex-direction:column;margin-top:20vh;width:100vw}@media (max-width:960px){.dashboard-body{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-draft-img{height:25vh;max-width:100%;width:auto}.dashboard-button{display:none}}@media (max-width:480px){.dashboard-pronto{font-size:40px;font-weight:300}.dashboard-mock{font-size:22px;font-weight:700}.dashboard-body{grid-template-columns:minmax(0,1fr)}.dashboard-draft-img{height:25vh;width:auto}}.projectdrop{background-color:#676767;border-radius:5px;color:#fff;display:flex;flex-direction:column;margin-left:25px;margin-top:5px;opacity:1;padding:8px;position:absolute;z-index:2}.projectdrop-line{align-self:center;background-color:#d3d3d3;border:1=0.5px solid #d3d3d3;margin:6px 0;width:calc(100% - 15px)}.projectdrop-list{align-items:center;border-radius:7px;cursor:pointer;display:flex;flex-direction:row;padding:0 5px;transition:background-color .2s}.projectdrop-list:hover{background-color:#a2a2a2}.projectdrop-box{height:1.7rem;margin-right:.3rem}.projectdrop-lid{height:1.7rem;position:absolute;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.projectdrop-list:hover>.projectdrop-lid{-webkit-transform:rotate(-12deg) translate3d(.08rem,-.1rem,0);transform:rotate(-12deg) translate3d(.08rem,-.1rem,0)}.projectdrop-plus{margin-left:.2rem;position:absolute;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.projectdrop-list:hover>.projectdrop-plus{-webkit-transform:scale(1.7);transform:scale(1.7)}.projectdrop h3{font-size:1.5rem;font-weight:400;margin-bottom:5px;margin-right:15px}.draftdrop{position:absolute;right:10px;top:55px}.draftdrop h3{font-size:1.2rem;margin:0 0 .2rem}.draftdrop-iconbase{height:1.4rem;margin-right:.4rem}.draftdrop-iconmove{height:1.4rem;position:absolute}.draftdrop-delete,.draftdrop-duplicate,.draftdrop-moveto,.draftdrop-rename,.draftdrop-star{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.projectdrop-list:hover>.draftdrop-star{-webkit-transform:rotate(15deg);transform:rotate(15deg)}.projectdrop-list:hover>.draftdrop-moveto,.projectdrop-list:hover>.draftdrop-rename{-webkit-transform:translateX(.3rem);transform:translateX(.3rem)}.projectdrop-list:hover>.draftdrop-duplicate{-webkit-transform:translate3d(-.1rem,-.1rem,0);transform:translate3d(-.1rem,-.1rem,0)}.projectdrop-list:hover>.draftdrop-delete{-webkit-transform:translateY(-.15rem);transform:translateY(-.15rem)}.accountdrop{margin:0;position:fixed;right:5px;top:65px;z-index:11;z-index:12}.accountdrop h3{font-size:1.2rem}.accountdrop-logout,.accountdrop-settings{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.accountdrop-settings{height:.6rem;margin-left:.7rem;margin-top:.4rem}.projectdrop-list:hover>.accountdrop-settings{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.projectdrop-list:hover>.accountdrop-logout{-webkit-transform:translateX(.3rem);transform:translateX(.3rem)}.popupform-positioner{align-items:center;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:2}.popupform{align-items:center;background-color:#fff;border:.5px solid silver;border-radius:10px;box-shadow:0 0 7px #676767;display:flex;flex-direction:column;padding:20px;pointer-events:auto;position:relative}.popupform h4{font-size:1.2rem;font-weight:600;margin-bottom:16px}.popupform-form{align-items:center;display:flex;flex-direction:column}.popupform-input{align-items:center;display:flex;margin-bottom:8px}.popupform-notice{align-self:baseline;margin-top:-4px;padding-left:85px}.popupform-input label{border-bottom:2px solid transparent;color:#8e8e8e;font-size:1rem;margin-right:5px;width:80px}.popupform-input input,.popupform-input select{border:none;border-bottom:2px solid transparent;border-radius:5px;font-size:1rem;padding:2px 4px;transition:border-bottom .3s;width:180px}.popupform-input select{width:188px}.popupform-input input:hover,.popupform-input select:hover,.popupform-input-border{border-bottom:2px solid gray!important}.popupform-input input:focus,.popupform-input select:focus,.popupform-input-border:focus{border-bottom:2px solid #3688a3!important;outline:none}.popupform-input option{cursor:pointer;outline:none}.popupform-buttoncont{align-items:center;display:flex;justify-content:center;margin-top:8px}.popupform-button{align-items:center;border:none;border-radius:1rem;box-shadow:2px 3.5px transparent;cursor:pointer;display:flex;font-size:1rem;font-weight:400;margin-right:10px;padding:4px 15px;transition:box-shadow .2s}.popupform-button-ininput{font-size:.8rem;margin-bottom:2px;padding:3px 8px;position:absolute;right:10px}.popupform-button img{height:1.1rem;margin-right:8px}.popupform-button:hover{box-shadow:2px 3.5px gray}.popupform-button-ininput:hover{box-shadow:2px 3.5px transparent}.popupform-button-right{margin-right:0}.popupform-button-blue{background-color:#004e68;color:#fff}.popupform-button-red{background-color:maroon;color:#fff}.popupform-button-gray{background-color:#acacac;color:#fff}.popupform-teamcont{align-items:center;align-self:baseline;display:flex;margin-bottom:10px;margin-left:89px}.popupform-teamcont p{font-weight:600;margin-right:10px}.selectright{position:fixed}.selectright h3{font-size:1.2rem;margin-right:5px}.selectright p{font-size:.7rem}.selectright-copy,.selectright-cut,.selectright-delete,.selectright-download,.selectright-duplicate,.selectright-paste,.selectright-undo{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.selectright-download{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.projectdrop-list:hover .selectright-copy{-webkit-transform:translate3d(-1px,1px,0);transform:translate3d(-1px,1px,0)}.projectdrop-list:hover .selectright-cut{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.projectdrop-list:hover .selectright-duplicate{-webkit-transform:translate3d(-1px,-1px,0);transform:translate3d(-1px,-1px,0)}.projectdrop-list:hover .selectright-delete{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.projectdrop-list:hover .selectright-download{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}.projectdrop-list:hover .selectright-paste{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.projectdrop-list:hover .selectright-undo{-webkit-transform:rotate(-40deg) translate3d(-2px,2px,0);transform:rotate(-40deg) translate3d(-2px,2px,0)}.iconadder-cont,.imageuploader-cont{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:160px}.imageuploader{background-color:#efefef;border:1.5px solid #add8e6;border-radius:15px;color:gray;cursor:pointer;font-weight:600;height:160px;line-height:150px;text-align:center;width:160px}.iconadder-cont button,.imageuploader-cont button{background-color:#004e68;border:none;border-radius:1rem;box-shadow:2px 3.5px transparent;color:#fff;cursor:pointer;font-size:.9rem;font-weight:400;margin:6px 0 2px;padding:4px 10px;transition:box-shadow .2s}.iconadder-cont button:nth-child(2),.imageuploader-cont button:nth-child(2){background-color:#868686;margin-left:5px}.iconadder-cont button:hover,.imageuploader-cont button:hover{box-shadow:2px 3.5px #b2b2b2}.iconadder-cont select{font-weight:700;margin:3px 0 5px 5px}.iconadder-cont select,.iconadder-search{border:1px solid transparent;border-radius:5px;font-size:.8rem}.iconadder-search{margin-top:3px;outline:none}.iconadder-cont select:hover,.iconadder-search:hover{border-color:#d3d3d3}.iconadder-cont select:focus,.iconadder-search:focus{border-color:#22b1e0}@-webkit-keyframes background{0%{background-color:#e6e6e6}10%{background-color:#e6e6e6}25%{background-color:#e6e6e6}35%{background-color:#fff}50%{background-color:#fff}60%{background-color:#c9f1ff}75%{background-color:#c9f1ff}85%{background-color:#69d8ff}to{background-color:#69d8ff}}@keyframes background{0%{background-color:#e6e6e6}10%{background-color:#e6e6e6}25%{background-color:#e6e6e6}35%{background-color:#fff}50%{background-color:#fff}60%{background-color:#c9f1ff}75%{background-color:#c9f1ff}85%{background-color:#69d8ff}to{background-color:#69d8ff}}@-webkit-keyframes scene1{0%{opacity:0}10%{opacity:1}25%{opacity:1}30%{opacity:0}}@keyframes scene1{0%{opacity:0}10%{opacity:1}25%{opacity:1}30%{opacity:0}}.scene1{-webkit-animation:scene1 6s;animation:scene1 6s}@-webkit-keyframes scene2{0%{opacity:0}30%{opacity:0}35%{opacity:1}50%{opacity:1}55%{opacity:0}}@keyframes scene2{0%{opacity:0}30%{opacity:0}35%{opacity:1}50%{opacity:1}55%{opacity:0}}.scene2{-webkit-animation:scene2 6s;animation:scene2 6s}@-webkit-keyframes scene3{0%{opacity:0}55%{opacity:0}60%{opacity:1}75%{opacity:1}80%{opacity:0}}@keyframes scene3{0%{opacity:0}55%{opacity:0}60%{opacity:1}75%{opacity:1}80%{opacity:0}}.scene3{-webkit-animation:scene3 6s;animation:scene3 6s}@-webkit-keyframes scene4{0%{opacity:0}80%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes scene4{0%{opacity:0}80%{opacity:0}90%{opacity:1}to{opacity:1}}.scene4{-webkit-animation:scene4 6s;animation:scene4 6s}@-webkit-keyframes scene1img{0%{opacity:0}10%{opacity:1}30%{opacity:1}35%{opacity:0}}@keyframes scene1img{0%{opacity:0}10%{opacity:1}30%{opacity:1}35%{opacity:0}}.scene1img{-webkit-animation:scene1img 6s;animation:scene1img 6s}@-webkit-keyframes scene2img{0%{opacity:0}30%{opacity:0}35%{opacity:1}55%{opacity:1}60%{opacity:0}}@keyframes scene2img{0%{opacity:0}30%{opacity:0}35%{opacity:1}55%{opacity:1}60%{opacity:0}}.scene2img{-webkit-animation:scene2img 6s;animation:scene2img 6s}@-webkit-keyframes scene3img{0%{opacity:0}55%{opacity:0}60%{opacity:1}80%{opacity:1}85%{opacity:0}}@keyframes scene3img{0%{opacity:0}55%{opacity:0}60%{opacity:1}80%{opacity:1}85%{opacity:0}}.scene3img{-webkit-animation:scene3img 6s;animation:scene3img 6s}@-webkit-keyframes scene4img{0%{opacity:0}80%{opacity:0}85%{opacity:1}to{opacity:1}}@keyframes scene4img{0%{opacity:0}80%{opacity:0}85%{opacity:1}to{opacity:1}}.scene4img{-webkit-animation:scene4img 6s;animation:scene4img 6s}.Home-container{-webkit-animation:background 6s;animation:background 6s;background-color:#69d8ff;height:100vh;overflow-x:hidden;overflow-y:hidden;width:100vw}.Home-scene{bottom:-1%;left:-1vw;max-height:60vh;position:fixed;width:102vw}.Home-logo{height:8rem;margin-right:20px}.Home-title{align-items:baseline;display:flex;flex-direction:row}.Home-title h6{background-color:#323232;border-radius:8px;color:#fff;font-size:1.3rem;padding:2px 8px;position:absolute;right:0;top:-4}.Home-adj{font-size:6rem;font-weight:300}.Home-adj,.Home-v{font-family:Josefin Sans,sans-serif}.Home-v{font-size:3.2rem;font-weight:700}.Home-infocont{align-items:center;display:flex;height:8rem;justify-content:center;position:fixed;top:calc(20vh - 2rem);width:100vw}.home-buttoncont{margin-left:24px}.home-button-left,.home-button-right{font-size:1.4rem;font-weight:600}.home-button-right{border-radius:2rem;padding-bottom:.4rem}.Home-disappear{opacity:0}@-webkit-keyframes ipadmove{0%{left:2vw}to{left:-98vw}}@keyframes ipadmove{0%{left:2vw}to{left:-98vw}}@media (max-width:960px){.Home-scene{left:-98vw;width:200vw}.scene1img{-webkit-animation:scene1img 6s,ipadmove 6s;animation:scene1img 6s,ipadmove 6s}.scene2img{-webkit-animation:scene2img 6s,ipadmove 6s;animation:scene2img 6s,ipadmove 6s}.scene3img{-webkit-animation:scene3img 6s,ipadmove 6s;animation:scene3img 6s,ipadmove 6s}.scene4img{-webkit-animation:scene4img 6s,ipadmove 6s;animation:scene4img 6s,ipadmove 6s}.Home-title{flex-direction:column}.Home-button{align-self:baseline;margin-left:0;margin-top:20px}.Home-logo{height:12rem;margin-right:50px}.Home-infocont{top:25vh}.Home-title h6{right:30px;top:95px}}@-webkit-keyframes iphonemove{0%{left:2vw}to{left:-200vw}}@keyframes iphonemove{0%{left:2vw}to{left:-200vw}}@media (max-width:480px){.Home-scene{left:-200vw;width:300vw}.scene1img{-webkit-animation:scene1img 6s,iphonemove 6s;animation:scene1img 6s,iphonemove 6s}.scene2img{-webkit-animation:scene2img 6s,iphonemove 6s;animation:scene2img 6s,iphonemove 6s}.scene3img{-webkit-animation:scene3img 6s,iphonemove 6s;animation:scene3img 6s,iphonemove 6s}.scene4img{-webkit-animation:scene4img 6s,iphonemove 6s;animation:scene4img 6s,iphonemove 6s}.Home-infocont{align-items:center;flex-direction:column;top:20vh}.Home-logo{height:8rem;margin:0 0 25px}.Home-adj{font-size:5rem}.Home-v{font-size:2.7rem}.Home-button{align-self:center;font-size:1.5rem;margin-top:36px}.home-buttoncont{margin-left:0;margin-top:24px}.Home-title h6{right:10px;top:80px}}.transition{-webkit-animation:fade 3s ease-in-out;animation:fade 3s ease-in-out;background-color:#b8b8b8;height:100vh;position:fixed;top:0;width:100vw;z-index:2147483647}.transition-cont{align-items:center;display:flex;height:85vh;justify-content:center;width:100vw}.transition-cont>img{position:absolute}.transition-square{width:130px}.transition-left{-webkit-animation:left .5s ease-in-out;animation:left .5s ease-in-out;height:152.55px;-webkit-transform:translateX(-38.14px);transform:translateX(-38.14px)}.transition-bottom{-webkit-animation:bottom 1s ease-in-out;animation:bottom 1s ease-in-out;-webkit-transform:translateY(38.14px);transform:translateY(38.14px);width:152.55px}.transition-right{-webkit-animation:right 1.5s ease-in-out;animation:right 1.5s ease-in-out;height:152.55px;-webkit-transform:translateX(38.14px);transform:translateX(38.14px)}.transition-top{-webkit-animation:top 2s ease-in-out;animation:top 2s ease-in-out;-webkit-transform:translateY(-38.14px);transform:translateY(-38.14px);width:152.55px}.transition-pm{-webkit-animation:pm 2.5s ease-in-out;animation:pm 2.5s ease-in-out;width:110px}.transition-cont>div{border-radius:7px;height:0;position:absolute;top:330px;-webkit-transform:translateY(100px);transform:translateY(100px);width:120px}.transition-line{background-color:gray;border:7px solid gray}.transition-progress{-webkit-animation:progress 6s ease-in-out;animation:progress 6s ease-in-out;background-color:#545454;border:7px solid #545454}.loading-line{background-color:#9e9e9e;border:5px solid #9e9e9e;border-radius:10px;margin-top:8px;width:150px}.loading-progress{-webkit-animation:loading 8s linear;animation:loading 8s linear;background-color:#545454;border:5px solid #545454;border-radius:10px;bottom:10px;position:relative;width:150px}@-webkit-keyframes loading{0%{width:0}to{width:calc(100% - 10px)}}@keyframes loading{0%{width:0}to{width:calc(100% - 10px)}}@-webkit-keyframes progress{0%{-webkit-transform:translate3d(-60px,100px,0);transform:translate3d(-60px,100px,0);width:0}to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:120px}}@keyframes progress{0%{-webkit-transform:translate3d(-60px,100px,0);transform:translate3d(-60px,100px,0);width:0}to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:120px}}@-webkit-keyframes left{0%{opacity:0;-webkit-transform:translateX(-48.14px);transform:translateX(-48.14px)}to{opacity:1;-webkit-transform:translateX(-38.14px);transform:translateX(-38.14px)}}@keyframes left{0%{opacity:0;-webkit-transform:translateX(-48.14px);transform:translateX(-48.14px)}to{opacity:1;-webkit-transform:translateX(-38.14px);transform:translateX(-38.14px)}}@-webkit-keyframes right{0%{opacity:0;-webkit-transform:translateX(48.14px);transform:translateX(48.14px)}66.67%{opacity:0;-webkit-transform:translateX(48.14px);transform:translateX(48.14px)}to{opacity:1;-webkit-transform:translateX(38.14px);transform:translateX(38.14px)}}@keyframes right{0%{opacity:0;-webkit-transform:translateX(48.14px);transform:translateX(48.14px)}66.67%{opacity:0;-webkit-transform:translateX(48.14px);transform:translateX(48.14px)}to{opacity:1;-webkit-transform:translateX(38.14px);transform:translateX(38.14px)}}@-webkit-keyframes bottom{0%{opacity:0;-webkit-transform:translateY(48.14px);transform:translateY(48.14px)}50%{opacity:0;-webkit-transform:translateY(48.14px);transform:translateY(48.14px)}to{opacity:1;-webkit-transform:translateY(38.14px);transform:translateY(38.14px)}}@keyframes bottom{0%{opacity:0;-webkit-transform:translateY(48.14px);transform:translateY(48.14px)}50%{opacity:0;-webkit-transform:translateY(48.14px);transform:translateY(48.14px)}to{opacity:1;-webkit-transform:translateY(38.14px);transform:translateY(38.14px)}}@-webkit-keyframes top{0%{opacity:0;-webkit-transform:translateY(-48.14px);transform:translateY(-48.14px)}75%{opacity:0;-webkit-transform:translateY(-48.14px);transform:translateY(-48.14px)}to{opacity:1;-webkit-transform:translateY(-38.14px);transform:translateY(-38.14px)}}@keyframes top{0%{opacity:0;-webkit-transform:translateY(-48.14px);transform:translateY(-48.14px)}75%{opacity:0;-webkit-transform:translateY(-48.14px);transform:translateY(-48.14px)}to{opacity:1;-webkit-transform:translateY(-38.14px);transform:translateY(-38.14px)}}@-webkit-keyframes pm{0%{opacity:0}80%{opacity:0}95%{opacity:1}to{opacity:1}}@keyframes pm{0%{opacity:0}80%{opacity:0}95%{opacity:1}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:1}90%{opacity:1}to{opacity:0}}.editor-header-bottom{align-items:center;background-color:#e4e4e4;border-radius:2rem;cursor:default;display:flex;margin-left:15px;margin-top:80px;padding:0 10px 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.editor-header-bottom>h3{font-size:25px}.editor-header-bottom>h3:nth-child(2){font-weight:400;margin-left:5px}.editor-header-bottom>h4{font-size:14px;font-weight:600;margin-left:8px;margin-top:5.5px}.elements{background-color:#fff;border:.5px solid silver;border-radius:2rem;display:flex;flex-direction:column;left:25px;padding:.7rem .3rem;position:fixed;top:140px}.elements-function{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .1s}.elements-function:hover{background-color:#c6c6c6}.elements-icon{height:2.2rem}.elements-add-circle{-webkit-transform:translate3d(-.6rem,-.6rem,0);transform:translate3d(-.6rem,-.6rem,0);width:.9rem}.elements-add-circle,.elements-description{opacity:0;position:absolute;transition:opacity .1s}.elements-description{background-color:#575757;border-radius:4px;color:#fff;font-size:.8rem;left:60px;padding:0 3px 2px}.elements-function:hover>.elements-add-circle,.elements-function:hover>.elements-description{opacity:1}.elements-control{left:30px;top:460px}.elements-control-icon{height:24px;width:24px}.elements-control>p{cursor:default;font-size:.9rem;margin:5px 0;text-align:center}.canvas{background-color:#e4e4e4;height:calc(100vh - 180px);left:0;max-width:calc(100vw - 290px);overflow-x:visible;overflow-y:scroll;padding:60px 0 50px;position:fixed;top:70px;z-index:-10000000}.draft-cont{display:flex;justify-content:center;min-width:calc(100vw - 300px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.draft{position:relative;z-index:1}.canvas-buffer{background-color:#e4e4e4;height:1px;min-width:100px}.margin{border:.3mm solid #9ecdd8;outline:.3mm solid #fff;position:absolute;z-index:-1000000}textarea:focus{outline:none}.control{background-color:#fff;border-left:.5px solid #e8e8e8;display:flex;flex-direction:column;height:calc(100vh - 80px);overflow-x:hidden;overflow-y:visible;padding:10px 0 0 10px;position:fixed;right:0;top:70px;width:280px}.control-title{cursor:default;margin-bottom:16px}.control-group{display:grid;grid-template-columns:auto auto}.control-group button{background-color:#004e68;border:none;border-radius:1rem;box-shadow:2px 3.5px transparent;color:#fff;cursor:pointer;font-size:.9rem;font-weight:400;margin-top:8px;padding:4px 15px;transition:box-shadow .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.control-group button:hover{box-shadow:2px 3.5px #b2b2b2}.control-divider{border-color:#e3e3e3;border-width:.5px;margin-bottom:10px;outline:none;width:270px}.control-form,.control-form-check,.control-form-color,.control-form-color-pick,.control-form-long,.control-form-slider{align-items:center;color:#8e8e8e;display:flex;font-size:.9rem;margin-top:5px}.control-form-color-pick{margin-top:8px}.control-form-color,.control-form-color-pick,.control-form-long,.control-form-slider-cont{grid-column:1/span 2}.control-form-slider-cont{background-color:#e9e9e9;border-radius:5px;margin-top:5px;padding:3px 10px 5px;width:240px}.control-form-check{grid-column:1/span 2;margin:0}.control-form label,.control-form-color label,.control-form-long label,.control-form-slider label{width:3.5rem}.control-form input,.control-form select,.control-form-check input,.control-form-color input,.control-form-long input,.control-form-long select,.control-form-slider-input,.elements-control input{border:1px solid transparent;border-radius:4px;font-size:.9rem;margin-left:5px;outline:none;padding:0 0 0 4px;width:4rem}.control-form-color div,.control-form-color-pick div{background:linear-gradient(#0f0,#0f0),url(/static/media/transparent.dfba8fa4ec8e63b8aed1.svg);border:1px solid gray;border-radius:2px;cursor:pointer;height:.9rem;margin:0 5px;width:.9rem}.control-form-color-pick div{background:none;margin:0 4px 0 0}.control-form-long input{width:2.5rem}.control-form-slider-input{background-color:#e9e9e9;width:2rem}.control-form-check input{margin:1px 3px 0 0;width:15.2px}.elements-control input{margin:0;padding:0;text-align:center;width:1.5rem}.control-form-long select{padding:0;width:6rem}.control-form-check label{font-size:.8rem;font-style:italic}.control-form input:hover,.control-form select:hover,.control-form-color input:hover,.control-form-input:hover input,.control-form-long input:hover,.control-form-long select:hover,.control-form-slider-input:hover,.elements-control input:hover{border:1px solid #bababa}.control-form input:focus,.control-form select:focus,.control-form-color input:focus,.control-form-long input:focus,.control-form-long select:focus,.control-form-slider-input:focus,.elements-control input:focus{border:1px solid #009abc}.control-group-title{font-weight:600}.control-form-long img{border:1px solid transparent;border-radius:3px;margin-right:5px;margin-top:5px;padding:1px}.control-form img{border-radius:3px;padding:2px}.control-form img:hover,.control-form-long img:hover{background-color:#cfcfcf;cursor:pointer}.control-form-slider-slider{-webkit-appearance:none;border:none;border-radius:1rem;cursor:pointer;width:140px}.control-form-slider-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#7e7e7e;border:2px solid #dadada;border-radius:50%;cursor:pointer;height:1rem;width:1rem}@-webkit-keyframes loadingspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.control-loading-circle{-webkit-animation:loadingspin 1s linear infinite none;animation:loadingspin 1s linear infinite none;border-color:#99250b #f57b66 #007298 #004e68;border-radius:50%;border-style:solid;border-width:5px;height:.6rem;margin-left:8px;margin-top:8px;width:.6rem}@media (max-width:960px){.control,.elements{display:none}.canvas{max-width:100vw;width:100vw}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-corner{background:transparent}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.64b8ec76.css.map*/