body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--color-primary:#6c009e}.App{padding-top:4rem}h2{text-align:center}.NavBar_navbarContainer__3KVaK{position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;height:60px;width:100%;background-color:#000;z-index:8000;-webkit-animation:NavBar_move-down__2Wt-y .5s forwards;animation:NavBar_move-down__2Wt-y .5s forwards}@-webkit-keyframes NavBar_move-down__2Wt-y{0%{top:-60px}to{top:0}}@keyframes NavBar_move-down__2Wt-y{0%{top:-60px}to{top:0}}.NavBar_title__WfaGA{color:#fff;margin-left:15px;font-weight:200;margin-top:0;margin-bottom:0;font-size:2.2rem;text-decoration:none}.NavBar_navOption__28fyr{height:100%;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s ease-out}.NavBar_navOptionText__2nFXF{color:#fff;font-size:1.4rem;text-decoration:none;padding:0 1rem;margin:0}.NavBar_navOption__28fyr:hover{background-color:hsla(0,0%,100%,.2)}.NavBar_navOptionsContainer__2JUyP{height:100%;display:flex;align-items:center;position:relative}.Welcome_welcomeContainer__1xRT1{display:flex;justify-content:center;align-items:center;height:100vh}.Welcome_first__2u75s,.Welcome_second__3Pv4u{text-align:center;transform:translateY(-4rem)}.Welcome_first__2u75s{-webkit-animation:Welcome_fade-in__32ImK 3s forwards;animation:Welcome_fade-in__32ImK 3s forwards}.Welcome_second__3Pv4u{-webkit-animation:Welcome_fade-in__32ImK 3s 3s forwards;animation:Welcome_fade-in__32ImK 3s 3s forwards;opacity:0}@-webkit-keyframes Welcome_fade-in__32ImK{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes Welcome_fade-in__32ImK{0%{opacity:0}50%{opacity:1}to{opacity:0}}.SideMenu_toggler__RqEsF{position:fixed;top:.5rem;left:14rem;width:3rem;height:3rem;border-radius:50%;cursor:pointer;z-index:9000;opacity:0;transition:opacity .2s}.SideMenu_hamburger__1dvjG{position:absolute;width:50%;height:1px;background-color:#ccc;transform:translate(-50%,-50%);top:50%;left:50%}.SideMenu_hamburger__1dvjG:after,.SideMenu_hamburger__1dvjG:before{content:"";position:absolute;background-color:#ccc;width:100%;height:1px;left:0}.SideMenu_hamburger__1dvjG:before{top:-6px}.SideMenu_hamburger__1dvjG:after{top:6px}.SideMenu_SideMenu__2Ta5v{position:fixed;top:5.5rem;width:12rem;margin:0;padding:0;background-color:#000;list-style:none;z-index:8000;transition:transform .5s ease;-webkit-animation:SideMenu_move-right__16OYd 1s forwards;animation:SideMenu_move-right__16OYd 1s forwards}@-webkit-keyframes SideMenu_move-right__16OYd{0%{transform:translateX(-110%)}to{transform:translateX(1rem)}}@keyframes SideMenu_move-right__16OYd{0%{transform:translateX(-110%)}to{transform:translateX(1rem)}}@-webkit-keyframes SideMenu_move-left__uXnkQ{0%{transform:translateX(1rem)}to{transform:translateX(-110%)}}@keyframes SideMenu_move-left__uXnkQ{0%{transform:translateX(1rem)}to{transform:translateX(-110%)}}.SideMenu_SideMenuItem__Lx24J{position:relative;font-weight:700;font-size:1.25rem;height:4rem;width:100%;cursor:pointer}.SideMenu_SideMenuItem__Lx24J:after{content:"";opacity:0;position:absolute;top:0;width:100%;height:100%;background-color:var(--color-primary);transition:opacity .2s;z-index:-1}.SideMenu_SideMenuItem__Lx24J:focus:after,.SideMenu_SideMenuItem__Lx24J:hover:after{opacity:1}.SideMenu_SideMenuItemLink__1EhIu{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;text-decoration:none;text-transform:uppercase}.SideMenu_right__33HX7{-webkit-animation:SideMenu_move-right__16OYd 1s forwards!important;animation:SideMenu_move-right__16OYd 1s forwards!important}@media (max-width:1143px){.SideMenu_SideMenu__2Ta5v{-webkit-animation:SideMenu_move-left__uXnkQ 1s forwards;animation:SideMenu_move-left__uXnkQ 1s forwards}.SideMenu_toggler__RqEsF{opacity:1}}.FlexBox_flexBoxContainer__1ThiR{position:absolute;left:0;width:100%;display:flex;flex-direction:column;justify-content:flex-start}.FlexBox_firstSubheading__3UE4v{margin-top:0}.FlexBox_block__39dTs{background-color:#000;color:#fff;text-align:center;font-size:2.8rem;margin:.5rem;border-radius:5px;padding-bottom:2px}h3{padding-left:.5rem}.FlexBox_blockControlsContainer__JVmXT{display:flex;width:100%}.FlexBox_playboxControlsContainer__1wQ21{flex:7 1}.FlexBox_top__2iJi5{display:flex}.Controls_rowsContainer__1gDPl{display:flex;flex-direction:column;flex-basis:50%}.Controls_row__2os6S{display:flex}.Controls_propertyControlsContainer__2YDlL{display:flex;flex-wrap:wrap;position:relative}.Controls_propertyControl__2aKjw,.Controls_propertyTitle__3mHmy{margin-bottom:.8rem}.Controls_propertyTitle__3mHmy{margin-top:0;white-space:nowrap;font-weight:400;font-size:18px;padding:5px 1.5rem .5rem}.Controls_propertyControl__2aKjw{background-color:var(--color-primary);color:#fff;margin-left:.5rem;padding:.5rem 1.25rem;border:none;cursor:pointer;white-space:nowrap;font-weight:600;font-size:16px;text-transform:capitalize;transition:all .25s}.Controls_animatePropertyControl__1CzDK{opacity:0;-webkit-animation:Controls_pop-in__2460k .2s ease forwards;animation:Controls_pop-in__2460k .2s ease forwards}@-webkit-keyframes Controls_pop-in__2460k{0%{opacity:0}50%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes Controls_pop-in__2460k{0%{opacity:0}50%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.Controls_propertyControl__2aKjw:focus,.Controls_propertyControl__2aKjw:hover{opacity:.85;outline:none}.Controls_nonSelectedBtnColor__15cHO{background-color:var(--color-primary)}.Controls_selectedBtnColor__2NG3d{background-color:#000}@media (max-width:983px){.Controls_propertyTitle__3mHmy{margin-bottom:.25rem}.Controls_propertyControl__2aKjw{transition:all .25s;margin-bottom:.25rem;padding:.5rem .75rem;font-size:14px;font-weight:400}}.PlayBox_playboxContainer__1whzQ{display:flex;flex-direction:column;align-items:flex-end;overflow:hidden;width:100%;min-width:100px;height:40rem;min-height:100px;margin-top:1rem;margin-bottom:4rem;resize:both;position:relative}.PlayBox_playbox__2K1Z5{height:100%;width:100%;min-height:150px;background-color:var(--color-primary);overflow:hidden;transition:width 0ms,height 0ms;position:relative}.PlayBox_resetBtn__1mCF0{padding:.25rem .5rem;background-color:transparent;border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.5);cursor:pointer}.PlayBox_resetBtn__1mCF0:hover{color:#000}.PlayBox_resetBtn__1mCF0:focus{outline:1px solid rgba(31,31,31,.5)}.PlayBox_heightForce__1IUGD{height:50rem}.PageTitle_pageTitle__2TFFL{font-size:2rem;font-weight:400;text-align:center;text-transform:uppercase}.Tips_tipsContainer__WhJEb{box-sizing:border-box;vertical-align:top;margin-bottom:1rem;background-color:#313131;color:#fff;border-radius:3px;overflow-y:scroll;transition:flex .7s,padding .4s 0ms,margin .2s 0ms;padding-top:1rem;padding-bottom:1rem}.Tips_show__2hD8o{-webkit-animation:Tips_add-height__3BFmE .5s forwards;animation:Tips_add-height__3BFmE .5s forwards;flex:2 1;padding-left:1rem;padding-right:1rem;border:3px solid #000;margin-left:1rem}.Tips_hide__1kmoX{-webkit-animation:Tips_remove-height__1YTJC .5s forwards;animation:Tips_remove-height__1YTJC .5s forwards;flex:0 1;padding-left:0;padding-right:0;border:none;margin-left:0}@-webkit-keyframes Tips_add-height__3BFmE{0%{height:0}to{height:300px}}@keyframes Tips_add-height__3BFmE{0%{height:0}to{height:300px}}@-webkit-keyframes Tips_remove-height__1YTJC{0%{height:300px}to{height:0}}@keyframes Tips_remove-height__1YTJC{0%{height:300px}to{height:0}}.Tips_showTipsContainer__2-x0l{margin:1rem}.Tips_tipsContainer__WhJEb::-webkit-scrollbar{width:4px}.Tips_tipsContainer__WhJEb::-webkit-scrollbar-track{background-color:#666}.Tips_tipsContainer__WhJEb::-webkit-scrollbar-thumb{background-color:#ccc}.Tips_tipsContainer__WhJEb h4,.Tips_tipsContainer__WhJEb p{display:inline}.Tips_tip__1Ywqh{display:block;margin-bottom:1rem}.Visibility_visibilityContainer__24fq4{display:flex;flex-direction:column;width:100%}.Visibility_block__1ZFLd,.Visibility_compareBlock__9Z-iU{text-align:center;background-color:#000;color:#fff;font-size:2.8rem;margin-left:.5rem;margin-top:.5rem;border-radius:5px;display:inline-block;vertical-align:top}.Visibility_block__1ZFLd{height:6rem}.Visibility_compareBlock__9Z-iU{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;height:4rem}.Visibility_controlTitle__4wgIY{font-size:2rem;font-weight:400;text-align:center;text-transform:uppercase}.Visibility_top__37Mqx{display:flex;margin-top:2rem}.Visibility_controlsContainer__2xO08{display:flex;justify-content:space-evenly;flex:7 1}.Animation_animationContainer__1JteI{width:100%}.Animation_controlTitle__3ddTW{font-size:2rem;font-weight:400;text-align:center;text-transform:uppercase}.Animation_block__MKEvE{background-color:#000;width:4rem;height:4rem;border-radius:5px;position:absolute;padding-top:20px;left:0;margin-top:2rem;color:#fff;display:flex;justify-content:center;align-items:center}.Animation_top__1FODy{display:flex}.Animation_additionalControlsContainer__3oPe6{display:flex;flex-wrap:wrap}.Animation_keyframeSliderLine__3yNxK{width:2px;background-color:#000;height:100%;position:relative}.Animation_animationDurationInput__pQnvd{padding:.5rem 1.25rem;font-size:1rem;width:10ch}.Animation_animDurationLabel__1wIsj{padding:.5rem 1rem;font-size:18px}.Animation_keyframesControlsContainer__1yrSG{width:100%;height:400px;background-color:#dadada;display:flex;justify-content:flex-end;margin-top:80px;margin-bottom:40px;position:relative;flex:7 1}.Animation_cssKeySelector__30Gw4{padding:.5rem 1rem;align-self:flex-end;background-color:#000;color:#fff;font-size:1rem;text-transform:capitalize}.Animation_masterValueSlider__2EYd8{position:relative;flex-basis:40px;display:flex;justify-content:center;margin-top:80px;margin-bottom:40px}.Animation_masterValueSliderValue__iE643{position:absolute;-webkit-clip-path:circle(40%);clip-path:circle(40%);height:1rem;width:1rem;top:-10px;background-color:var(--color-primary)}.Animation_masterValueSliderLabel__HpyJe{position:absolute;transform:translateX(10px) rotate(90deg)}@media (max-width:800px){.Animation_keyframesControlsContainer__1yrSG{height:40vw}}.ResetButton_resetButton__1TbDi{background-color:#fff;color:#000;margin-left:1rem;padding:.75rem 1.5rem;border:1px solid #000;border-radius:5px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:14px;transition:background-color .2s,color .2s}.ResetButton_resetButton__1TbDi:hover{background-color:#000;color:#fff;border:1px solid #fff}.PrimaryButton_primaryButton__1EbA9{background-color:var(--color-primary);color:#fff;margin-left:1rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:5px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:14px;transition:background-color .2s}.PrimaryButton_primaryButton__1EbA9:hover{background-color:#c80064}.PrimaryButton_primaryButton__1EbA9:focus{outline:1px solid #333}.PrimaryButton_primaryButton__1EbA9:disabled{background-color:#aaa}.KeyframeData_keyframeDataContainer__1rHwR{margin:0;display:flex;align-items:center;flex-wrap:wrap}.KeyframeData_keyframeListContainer__2NPHW{width:20%;min-width:19ch}.KeyframeData_keyframeList__h2o2_{list-style:none;padding-left:1rem}.KeyframeData_keyframeList__h2o2_ li{white-space:nowrap}.KeyframeSlider_keyframeSlider__1Y6ip{position:absolute;display:flex;flex-direction:column;align-items:center;top:-85px;left:0;width:0;height:calc(100% + 85px);overflow:visible}.KeyframeSlider_keyframeSlider__1Y6ip p{text-align:center}.KeyframeSlider_keyframeSliderCircle__1vOnR{position:relative;-webkit-clip-path:circle(40%);clip-path:circle(40%);height:2rem;width:2rem;margin-bottom:5px;background-color:var(--color-primary);cursor:pointer}.KeyframeSlider_keyframeSliderCircle__1vOnR:active{cursor:-webkit-grabbing;cursor:grabbing}.KeyframeSlider_keyframeSliderCircle__1vOnR:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:100%;background-color:#fff;-webkit-clip-path:circle(40%);clip-path:circle(40%);height:1.75rem;width:1.75rem}.KeyframeSlider_keyframeSliderLine__3Uvym{width:2px;background-color:#000;height:100%;position:relative}.KeyframeSlider_keyframeSliderValue__3EwEt{position:absolute;top:-9px;-webkit-clip-path:circle(40%);clip-path:circle(40%);height:1rem;width:1rem;background-color:var(--color-primary);left:-7px}.KeyframeSlider_deleteBtn___DvHk{position:absolute;bottom:-30px;border:none;background-color:red;color:#fff;border-radius:50%;height:1rem;width:1rem}.KeyframeSlider_deleteBtn___DvHk:after,.KeyframeSlider_deleteBtn___DvHk:before{content:"";background-color:#fff;position:absolute;top:50%;left:0;transform:translateY(-52%);width:100%;height:1px}.KeyframeSlider_deleteBtn___DvHk:before{transform:rotate(45deg)}.KeyframeSlider_deleteBtn___DvHk:after{transform:rotate(-45deg)}.Transition_transitionContainer__Edcc7{width:100%}.Transition_controlTitle__3vmjK{font-size:2rem;font-weight:400;text-align:center}.Transition_block__BIwux{position:absolute;background-color:#000;color:#fff;text-align:center;font-size:1.8rem;word-wrap:break-word;padding:1rem;margin:.5rem;border-radius:5px;box-sizing:border-box}.Transition_resetBtn__yhv1n,.Transition_startBtn__3Jj2-{margin-left:.1rem;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:.9rem}.Transition_startBtn__3Jj2-{background-color:var(--color-primary);color:#fff;border:1px solid transparent}.Transition_resetBtn__yhv1n{background-color:#fff;color:#000;border:1px solid #000;transition:background-color .2s,color .2s}.Transition_resetBtn__yhv1n:hover{background-color:#000;color:#fff;border:1px solid #fff}.Transition_startBtn__3Jj2-:focus,.Transition_startBtn__3Jj2-:hover{background-color:#c80000}.Transition_startBtn__3Jj2-:disabled{background-color:#aaa}.Transition_startStopContainer__22cTS{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:1rem}.Transition_startInputContainer__hZ9NQ,.Transition_stopInputContainer__2wwaq{display:flex;flex-direction:column;font-size:.7rem;margin-right:.25rem}.Transition_unitSelectContainer__3tRoe{padding-left:1.5rem}.Transition_unitSelect__2VIoR{border:2px solid #000;padding:.5rem 1.25rem;font-size:1rem;border-radius:1.25rem;margin:0 3px}.Transition_unitSelect__2VIoR:focus{outline:none;background-color:#eee}.Transition_valueInput__1xXHM{padding:.5rem 1.25rem;font-size:1rem;width:80%}.Transition_controlsContainer__1NoeY{flex:7 1}.Transition_top__12d38{display:flex}.Transition_buttonsContainer__v50oE{padding-left:.8rem}.Transition_inputsContainer__1dKbn{display:flex;margin-bottom:.5rem}.Playground_bodyContainer__2K43N{transition:margin-left .5s ease;margin-left:15rem;margin-right:5rem;padding:0 1rem 1rem;position:relative}.Playground_showTipsSwitch__nP5Us{position:absolute;right:1rem;top:1.5rem;width:60px;height:34px;z-index:7900}.Playground_showTipsSwitch__nP5Us input:checked+.Playground_slider__9YVKY{background-color:purple}.Playground_showTipsSwitch__nP5Us input:checked+.Playground_slider__9YVKY:before{transform:translateX(26px)}.Playground_showTipsText__T0EcK{position:absolute;top:2rem;right:5.5rem}.Playground_showTipsSwitch__nP5Us input{opacity:0;width:0;height:0}.Playground_slider__9YVKY{position:absolute;cursor:pointer;top:0;left:0;bottom:0;right:0;background-color:#ccc;transition:background-color .15s ease-in,box-shadow .15s ease-in;border-radius:34px}.Playground_slider__9YVKY:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;border-radius:50%;background-color:#f3f3f3;transition:transform .15s ease-in}@media (max-width:1143px){.Playground_bodyContainer__2K43N{transition:margin-left .5s ease;margin-left:5%;margin-right:5%}}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}.About_aboutContainer__8kDiy{height:100%}.About_aboutSection__1ik9q{padding:3% 20%}.About_aboutSectionHeading__2Omhz{text-align:left;padding:1.25rem 0;margin:0}.About_aboutSectionText__yOxVK{margin:0;padding-bottom:1.25rem}.Contact_contactContainer__243b4{width:100%}.Contact_contactContainer__243b4 h2{padding-left:20%;padding-top:3%;padding-bottom:3%;text-align:left}.Contact_contactItemsContainer__3rBUM{list-style:none;padding:0;margin:2rem 0 0}.Contact_contactItem__3Je-x{padding-left:20%;padding-top:2%;padding-bottom:2%;color:#000;font-size:1.1rem}.Contact_contactItem__3Je-x a{text-decoration:none;color:#000}.Contact_contactItem__3Je-x a:hover{text-decoration:underline;color:var(--color-primary)}
/*# sourceMappingURL=main.716570bb.chunk.css.map */