@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.homePage{height:100vh}.homePage .top{animation-name:fadeInTop;animation-duration:1s;animation-timing-function:ease;transition-delay:.5;animation-delay:.5;margin-bottom:100px;padding-top:100px;text-align:center}@-webkit-keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.homePage .top p{margin-top:10px;font-size:1.3em;font-style:italic;color:#7f8c8d}.homePage .tools{width:100%;text-align:center}.homePage .tools .tool{animation-name:fadeInDown;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;display:inline-block;vertical-align:top;cursor:pointer;opacity:0;color:inherit;text-align:center;text-decoration:none}.homePage .tools .tool:nth-child(1){transition-delay:1s;animation-delay:1s}.homePage .tools .tool:nth-child(2){transition-delay:1.5s;animation-delay:1.5s}.homePage .tools .tool:nth-child(3){transition-delay:2s;animation-delay:2s}.homePage .tools .tool:nth-child(4){transition-delay:2.5s;animation-delay:2.5s}.homePage .tools .tool:nth-child(5){transition-delay:3s;animation-delay:3s}.homePage .tools .tool:nth-child(6){transition-delay:3.5s;animation-delay:3.5s}.homePage .tools .tool:nth-child(7){transition-delay:4s;animation-delay:4s}.homePage .tools .tool:nth-child(8){transition-delay:4.5s;animation-delay:4.5s}.homePage .tools .tool:nth-child(9){transition-delay:5s;animation-delay:5s}.homePage .tools .tool:nth-child(10){transition-delay:5.5s;animation-delay:5.5s}.homePage .tools .tool:nth-child(11){transition-delay:6s;animation-delay:6s}.homePage .tools .tool:nth-child(12){transition-delay:6.5s;animation-delay:6.5s}.homePage .tools .tool:nth-child(13){transition-delay:7s;animation-delay:7s}.homePage .tools .tool:nth-child(14){transition-delay:7.5s;animation-delay:7.5s}.homePage .tools .tool:nth-child(15){transition-delay:8s;animation-delay:8s}.homePage .tools .tool:nth-child(16){transition-delay:8.5s;animation-delay:8.5s}.homePage .tools .tool:nth-child(17){transition-delay:9s;animation-delay:9s}.homePage .tools .tool:nth-child(18){transition-delay:9.5s;animation-delay:9.5s}.homePage .tools .tool:nth-child(19){transition-delay:10s;animation-delay:10s}.homePage .tools .tool:nth-child(20){transition-delay:10.5s;animation-delay:10.5s}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.homePage .tools .tool+.tool{border-left:1px solid #666}.homePage .tools .tool .badges svg{width:110px;transform:translateY(-8px)}.homePage .tools .tool .content{transition:all .5s ease;position:relative;width:320px;padding:35px}.homePage .tools .tool .content path,.homePage .tools .tool .content line,.homePage .tools .tool .content polyline,.homePage .tools .tool .content circle,.homePage .tools .tool .content rect,.homePage .tools .tool .content polygon{animation-name:sketch;animation-duration:4s;animation-timing-function:ease;stroke-dasharray:360px;stroke-dashoffset:0px;stroke:var(--p-clr);stroke-width:.5px;fill:var(--p-clr)}@keyframes sketch{0%{stroke-dashoffset:360px;fill:transparent}50%{stroke-dashoffset:360px;fill:transparent}80%{stroke-dashoffset:0px;fill:transparent}to{stroke-dashoffset:0px;fill:var(--p-clr)}}.homePage .tools .tool .content:hover svg,.homePage .tools .tool .content:hover h2{transform:scale(1.3)}.homePage .tools .tool .content h2{transition:all .5s ease;font-family:CodeBold;font-size:2em}.homePage .tools .tool .content p{max-width:300px;margin:20px auto;line-height:1.5em;color:inherit}.homePage .tools .tool .content svg{transition:all .5s ease;height:9em;margin-bottom:.8em}.homePage .tools .tool .content:hover{background-color:#16a08533}.homePage .tools .tool.beta{overflow:hidden;cursor:initial}.homePage .tools .tool.beta .content:after{transition:all .25s ease;transform:rotate(45deg);content:"beta!";position:absolute;display:block;top:-12px;right:-46px;width:36%;padding-top:27px;padding-bottom:15px;background-color:#7f8c8d80;font-size:1em;font-weight:800;text-align:center;text-transform:uppercase}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.authForm{width:100%;margin:0 auto}.authForm .field{display:block;position:relative;height:fit-content;margin:20px 0;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;line-height:1.1em}.authForm .field input{width:100%;padding:10px;font-size:1.2em;color:#333}.authForm .field .control{position:absolute;display:grid;place-items:center;right:0;bottom:0;height:calc(100% - 1lh);width:40px;translate:100%;text-align:center;font-size:15px}.authForm .field .userExists{position:absolute;display:grid;place-items:center;right:-50px;bottom:0;height:calc(100% - 1lh);width:fit-content;translate:100%}.authForm .field.password .control{cursor:pointer}.authForm button.action{transition:opacity .25s ease;padding:10px 20px;cursor:pointer;opacity:.8;font-size:.8em;font-weight:800;color:#000;text-transform:uppercase;border:none;outline:none}.authForm button.action:hover{opacity:1}.authForm button.action:disabled{cursor:not-allowed;opacity:.3;background-color:#ddd}.authForm button.action.login{background-color:#2980b9}.authForm button.action.signup,.authForm button.action.rename{background-color:#27ae60}.authForm button.action i{margin-right:10px;font-size:1.5em}.authForm .errors{margin-bottom:20px;color:#c0392b}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.loginPage{text-align:center;padding-top:30px}.loginPage .content{width:400px;margin:0 auto;padding:50px 20px 20px}.loginPage .content .switchView{width:100%}.loginPage .content .switchView>div{transition:background-color .25s ease;display:inline-block;width:50%;padding:10px;cursor:pointer;background-color:transparent;font-size:.8em;font-weight:800;text-transform:uppercase}.loginPage .content .switchView>div i{vertical-align:middle;font-size:2em}.loginPage .content .switchView .login:hover{background-color:#3498db80}.loginPage .content .switchView .login.selected{background-color:#3498db}.loginPage .content .switchView .signup:hover{background-color:#2ecc7180}.loginPage .content .switchView .signup.selected{background-color:#2ecc71}.loginPage .content button.google{cursor:pointer;width:191px;height:46px;border:none;outline:none;background-color:unset;background-image:url(/assets/btn_google_signin_light_normal_web-CKKylNVF.png);background-size:contain}.loginPage .content button.google:hover{background-image:url(/assets/btn_google_signin_light_hover_web-DOuhTT6T.png)}.loginPage .content button.google:focus{background-image:url(/assets/btn_google_signin_light_pressed_web-GsMH7H1U.png)}.loginPage+.accountButton.login{display:none}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.naturalcrit>.badges{--bg-clr: white;--p-clr: black;position:relative;height:100%;background:var(--bg-clr, white);color:var(--p-clr, black)}.naturalcrit>.badges .mainContent{height:100%;width:800px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.naturalcrit>.badges.theme-dark{--bg-clr: #333;--p-clr: #eee}.naturalcrit>.badges h1{margin:0 0 10px;padding-top:30px;font-family:Calluna;font-size:2.5em;font-weight:800;text-align:center}.naturalcrit>.badges p{color:inherit}.naturalcrit>.badges>p{margin-bottom:20px;font-size:.8em;text-align:center}.naturalcrit>.badges .content{display:flex;padding-top:50px;justify-content:space-around;gap:50px;padding-inline:25px}.naturalcrit>.badges .credit{width:fit-content;margin-inline:auto;display:block;margin-top:50px;font-family:Calluna;font-size:.8em;text-align:center;line-height:1.2em;color:var(--p-clr);opacity:80%}.naturalcrit>.badges button{border:none;font-family:CodeBold;letter-spacing:1px;padding:12px 20px;margin:10px;background-color:var(--p-clr);color:var(--bg-clr);text-transform:uppercase;text-align:center}.naturalcrit>.badges button:hover{background-color:var(--p-clr);color:var(--bg-clr);filter:contrast(.7)}.naturalcrit>.badges button:enabled{cursor:pointer}.naturalcrit>.badges button:disabled{background-color:#444;cursor:not-allowed}.naturalcrit>.badges button:is(.red,.green,.orange):disabled{filter:saturate(40%)}.naturalcrit>.badges button.red{background-color:#c0392b}.naturalcrit>.badges button.green{background-color:#27ae60}.naturalcrit>.badges button.orange{background-color:#d35400}.naturalcrit>.badges .logo{position:fixed;top:10px;left:10px;font-size:2em;color:var(--p-clr);text-decoration:none}.naturalcrit>.badges .logo svg{height:.9em;margin-right:.2em;cursor:pointer;fill:currentColor}.naturalcrit>.badges .logo .name{font-family:CodeLight}.naturalcrit>.badges .logo .name .crit{font-family:CodeBold}.naturalcrit>.badges .theme{position:fixed;top:0;right:0}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}@font-face{font-family:Calluna;font-style:normal;font-weight:400;src:url(/assets/calluna-Ca_L0Dy2.woff2) format("woff2"),url(/assets/calluna-BI1GRfFM.woff) format("woff")}.badgeRender{text-align:center}.badgeRender canvas{border:1px solid #999}.badgeRender button{transition:background-color .25s ease;margin:10px auto;padding:5px 20px;cursor:pointer;background-color:#27ae60;font-size:.8em;color:#fff;border:none;highlight:none}.badgeRender button i{vertical-align:middle;margin-right:8px;font-size:2em}.badgeRender button:hover{background-color:#1e8449}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}.controls{width:500px}.controls .field{display:flex;margin-bottom:10px}.controls .field label{vertical-align:top;width:70px;font-size:.8em;font-weight:800}.controls .field .value,.controls .field .slider-picker{flex-grow:1}.controls .field textarea.value,.controls .field input.value{padding:4px;font-family:Open Sans;font-size:1em;max-width:420px;max-height:270px}.controls .field.svg .dropZone{margin-left:-1px;padding:20px 10px;font-size:.8em;font-weight:800;text-align:center;border:1px #999 dashed;border-width:8px}.controls .field.svg .dropZone i{font-size:3em;color:#999}.controls .field.svg .dropZone.hover{background-color:#ddd}.controls .field.svg .value>p{margin-top:10px;font-size:.7em}.controls .field.svg input{margin-top:10px}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}.accountPage{width:100%;height:100%}.accountPage .details{margin-inline:auto;width:50%;padding-top:10vh;font-size:15pt;text-align:center}.accountPage .details h1{font-size:40pt;margin-bottom:50px;font-family:CodeBold}.accountPage .details .authForm{max-width:350px}.accountPage+.accountButton{display:none}.accountPage .logo{position:fixed;top:10px;left:10px;font-size:2em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}html,body{position:relative;height:100%;min-height:100%;font-family:Lato,sans-serif}.container{position:relative;max-width:1000px;margin:0 auto;padding-right:20px;padding-left:20px}h1{margin-top:10px;margin-bottom:15px;font-size:2em}h2{margin-top:10px;margin-bottom:15px;font-size:1.5em;font-weight:900}h3{margin-top:5px;margin-bottom:7px;font-size:1em;font-weight:900}p{margin-bottom:1em;font-size:16px;color:#333;line-height:1.5em}b,strong{font-weight:700}small{font-size:12px;font-style:italic}code{background-color:#f8f8f8;font-family:Courier,mono;color:#000;white-space:pre}a{color:inherit;cursor:pointer}button{transition:background-color .25s ease;display:inline-block;padding:.6em 1.2em;cursor:pointer;background-color:#27ae60;font-family:Lato,Helvetica,Arial,sans-serif;font-size:15px;color:#fff;text-decoration:none;border:none;outline:none}button:hover{background-color:#295}button:active{background-color:#1e8449}button:disabled{background-color:#bdc3c7!important}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{transition:all .25s ease;position:absolute;opacity:0;z-index:1000000;pointer-events:none}[data-tooltip]:before{content:"";background:transparent;border:6px solid transparent;z-index:1000001}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;background:#383838;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;visibility:hidden}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1}[data-tooltip]:before{margin-top:-12px;border-bottom-color:#383838}[data-tooltip]:after{margin-left:-18px}[data-tooltip]:before,[data-tooltip]:after{top:100%;left:50%}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before{transform:translateY(8px)}[data-tooltip-top]{position:relative}[data-tooltip-top]:before,[data-tooltip-top]:after{transition:all .25s ease;position:absolute;opacity:0;z-index:1000000;pointer-events:none}[data-tooltip-top]:before{content:"";background:transparent;border:6px solid transparent;z-index:1000001}[data-tooltip-top]:after{content:attr(data-tooltip-top);color:#fff;background:#383838;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;visibility:hidden}[data-tooltip-top]:hover:before,[data-tooltip-top]:hover:after{visibility:visible;opacity:1}[data-tooltip-top]:before{margin-bottom:-12px;border-top-color:#383838}[data-tooltip-top]:after{margin-left:-18px}[data-tooltip-top]:before,[data-tooltip-top]:after{bottom:100%;left:50%}[data-tooltip-top]:hover:after,[data-tooltip-top]:hover:before,[data-tooltip-top]:focus:after,[data-tooltip-top]:focus:before{transform:translateY(-8px)}[data-tooltip-bottom]{position:relative}[data-tooltip-bottom]:before,[data-tooltip-bottom]:after{transition:all .25s ease;position:absolute;opacity:0;z-index:1000000;pointer-events:none}[data-tooltip-bottom]:before{content:"";background:transparent;border:6px solid transparent;z-index:1000001}[data-tooltip-bottom]:after{content:attr(data-tooltip-bottom);color:#fff;background:#383838;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;visibility:hidden}[data-tooltip-bottom]:hover:before,[data-tooltip-bottom]:hover:after{visibility:visible;opacity:1}[data-tooltip-bottom]:before{margin-top:-12px;border-bottom-color:#383838}[data-tooltip-bottom]:after{margin-left:-18px}[data-tooltip-bottom]:before,[data-tooltip-bottom]:after{top:100%;left:50%}[data-tooltip-bottom]:hover:after,[data-tooltip-bottom]:hover:before,[data-tooltip-bottom]:focus:after,[data-tooltip-bottom]:focus:before{transform:translateY(8px)}[data-tooltip-left]{position:relative}[data-tooltip-left]:before,[data-tooltip-left]:after{transition:all .25s ease;position:absolute;opacity:0;z-index:1000000;pointer-events:none}[data-tooltip-left]:before{content:"";background:transparent;border:6px solid transparent;z-index:1000001}[data-tooltip-left]:after{content:attr(data-tooltip-left);color:#fff;background:#383838;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;visibility:hidden}[data-tooltip-left]:hover:before,[data-tooltip-left]:hover:after{visibility:visible;opacity:1}[data-tooltip-left]:before{margin-right:-12px;margin-bottom:-6px;border-left-color:#383838}[data-tooltip-left]:after{margin-bottom:-14px}[data-tooltip-left]:before,[data-tooltip-left]:after{right:100%;bottom:50%}[data-tooltip-left]:hover:after,[data-tooltip-left]:hover:before,[data-tooltip-left]:focus:after,[data-tooltip-left]:focus:before{transform:translate(-8px)}[data-tooltip-right]{position:relative}[data-tooltip-right]:before,[data-tooltip-right]:after{transition:all .25s ease;position:absolute;opacity:0;z-index:1000000;pointer-events:none}[data-tooltip-right]:before{content:"";background:transparent;border:6px solid transparent;z-index:1000001}[data-tooltip-right]:after{content:attr(data-tooltip-right);color:#fff;background:#383838;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;visibility:hidden}[data-tooltip-right]:hover:before,[data-tooltip-right]:hover:after{visibility:visible;opacity:1}[data-tooltip-right]:before{margin-left:-12px;margin-bottom:-6px;border-right-color:#383838}[data-tooltip-right]:after{margin-bottom:-14px}[data-tooltip-right]:before,[data-tooltip-right]:after{left:100%;bottom:50%}[data-tooltip-right]:hover:after,[data-tooltip-right]:hover:before,[data-tooltip-right]:focus:after,[data-tooltip-right]:focus:before{transform:translate(8px)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}html,body,#reactContainer{min-height:100vh;height:100vh;margin:0;font-family:Open Sans,sans-serif}.naturalcrit{--bg-clr: white;--p-clr: black;height:100vh;background-color:var(--bg-clr, white);color:var(--p-clr, black);transition:all .5s ease-in-out}.naturalcrit.theme-dark{--bg-clr: #333;--p-clr: #eee}p{color:inherit}.logo{font-size:4em;color:var(--p-clr);text-decoration:none}.logo svg{height:.9em;margin-right:.2em;fill:currentColor}.logo .name{font-family:CodeLight}.logo .name .crit{font-family:CodeBold}.fa.red{color:#c0392b}.fa.green{color:#27ae60}button{border:none;font-family:CodeBold;letter-spacing:1px;padding:12px 20px;margin:10px;background-color:var(--p-clr);color:var(--bg-clr);text-transform:uppercase;text-align:center}button:hover{background-color:var(--p-clr);color:var(--bg-clr);filter:contrast(.7)}button:enabled{cursor:pointer}button:disabled{background-color:#444;cursor:not-allowed}button:is(.red,.green,.orange):disabled{filter:saturate(40%)}button.red{background-color:#c0392b}button.green{background-color:#27ae60}button.orange{background-color:#d35400}.accountButton{font-family:CodeBold;letter-spacing:2px;position:fixed;top:10px;right:10px;background-color:var(--p-clr);color:var(--bg-clr);text-transform:uppercase;text-align:center}.accountButton:hover{filter:contrast(.7)}.accountButton a{display:block;padding:15px 30px;text-decoration:none;color:currentColor}.theme{position:fixed;bottom:0;right:0}.environment{font-family:CodeBold;letter-spacing:2px;position:fixed;bottom:10px;left:10px;background-color:#840000;padding:12px 20px;color:#fff;text-transform:uppercase;text-align:center}