.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.authLayout{display:flex;flex-direction:column;min-height:100dvh}.authLayout .mainContent{align-items:center;display:flex;flex-grow:1;flex:1 1;gap:50px;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:0 20px}.authForm{display:flex;flex-direction:column;gap:35px;max-width:500px}.authForm .fields{width:300px}.authContainerTitle{font-size:22px}.authContainerTitle,.authFormItemValue{font-family:Pragmatica Book;font-weight:700}.authFormItemValue{border:none;border-bottom:1px solid #e6e6e6;height:30px;margin:5px 0;width:100%}.authFormItemValue:active,.authFormItemValue:focus{border:none;border-bottom:1px solid #000;box-shadow:none;outline:none}.authFormItem .link{color:#9b9b9b;cursor:pointer;display:flex;font-family:Pragmatica Book;font-size:12px;justify-content:end}.authButtons,.authForm .argeements{display:flex;flex-direction:column;gap:5px}.authForm .agreement{align-items:start;color:#7f7f7f;display:flex;font-family:Pragmatica Book;font-size:13px}.authForm .agreement a{text-decoration:underline}.authError{color:red;font-family:Pragmatica Book;font-size:12px}.cookiesContainer{align-content:center;background:#fff;border-top:1px solid #000;bottom:0;font-family:Pragmatica Book;font-size:clamp(10px,2.5vw,12px);height:auto;min-height:80px;position:fixed;width:100vw;z-index:99999}.cookiesContent{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:20px;justify-content:center;margin:0 auto;max-width:100vw;padding:10px;width:1320px}.cookiesContainer .borderedButton{background:#0000;border:1px solid #000;cursor:pointer;font-size:clamp(12px,2.5vw,16px);height:auto;padding:5px 10px}footer{align-items:center;border-top:1px solid #e6e6e6;box-sizing:border-box;color:#9b9b9b;display:flex;flex-wrap:wrap;font-family:Pragmatica Book;font-size:clamp(12px,3vw,16px);gap:10px;justify-content:space-between;min-height:60px;padding:20px var(--base-left-padding)}@media (max-width:768px){footer{padding:20px}}footer .policies{display:flex;flex-wrap:wrap;gap:100px}footer a{cursor:pointer}footer .outro a{text-decoration:underline}header{align-items:center;border-bottom:1px solid #e6e6e6;box-sizing:border-box;display:flex;height:75px;justify-content:space-between;padding:20px var(--base-left-padding)}@media (max-width:1000px){header{padding:20px}}@media (max-width:400px){header .buttons{gap:10px!important}}.logoContainer{align-items:center;cursor:pointer;display:flex;gap:10px}.logoContainer .title{font-family:Pragmatica Book;font-size:20px;font-weight:700}header .buttons{display:flex;flex-direction:row;gap:30px}.collapsedButtons{cursor:pointer;display:flex;position:relative}.collapsedButtons img{z-index:1000}.blurAroundMenu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.456);inset:0;position:fixed;z-index:999}.mobileNavBarWrapper{background:#fff;border:1px solid #000;left:50vw;padding:20px 0;position:fixed;top:70px;transform:translateX(-50%);width:90vw;z-index:1000}.mobileNavBarWrapper,.mobileNavBarWrapper .buttons{align-items:center;display:flex;flex-direction:column;justify-content:center}.mobileNavBarWrapper .buttons{gap:15px;width:100%}.mobileNavBarWrapper .buttons a,.mobileNavBarWrapper .buttons button{text-align:center;width:-webkit-fit-content;width:fit-content}.taskItem{background-color:initial;border-bottom:1px solid #e6e6e6;box-sizing:border-box;display:flex;flex-direction:row;font-family:Pragmatica Book;gap:clamp(10px,3vw,50px);height:90px;margin-bottom:30px;width:100%}.taskItem.sub{--subItemIndent:clamp(45px,10vw,90px);margin-left:var(--subItemIndent);width:calc(100% - var(--subItemIndent))}.avatarImages{aspect-ratio:1/1;display:flex;position:relative}.avatarImages,.taskIcon{box-sizing:border-box;cursor:pointer;height:100%;transition:.3s ease-in-out}.taskIcon{border:1px solid #9b9b9b;object-fit:cover;position:absolute;width:100%}.taskIcon.double{width:50%}.taskIcon.double.right{right:0}.avatarImages .showPreview{background:#00000080;opacity:0;padding:25px;z-index:10}.avatarImages:hover .showPreview{opacity:1;transition:.3s ease-in-out}.taskIcon.broken{object-fit:contain}.taskIcon.group{padding:10px}.taskItem .taskDescription{align-items:start;display:flex;flex:1 1;flex-direction:column;height:inherit;justify-content:space-between}.taskItem .taskTitle{align-items:center;font-family:Pragmatica Book;font-size:clamp(12px,2vw,24px);font-weight:700;gap:30px;min-width:0;word-break:break-word;word-break:break-all}.taskItem .taskTitle span{overflow-wrap:break-word}.taskItem .taskDate{align-items:center;box-sizing:border-box;color:#9b9b9b;display:flex;font-family:Pragmatica Book;font-size:clamp(12px,2vw,20px);justify-content:center;padding-bottom:5px}.taskItem .taskStatus{box-sizing:border-box;font-size:clamp(14px,2vw,24px);font-weight:700}.state{align-items:end;box-sizing:border-box;display:flex;flex-direction:row;gap:10px;height:inherit;justify-content:space-between;padding-bottom:5px}@media (max-width:768px){.taskItem{height:60px}.taskTitle{gap:5px!important}.state{flex-direction:column-reverse;gap:0;justify-content:space-between;width:auto}.stateTitle,.taskItem .arrowButton{font-size:16px!important}.taskItem .arrowButton{height:25px!important}.arrowButton img{margin-bottom:10px!important}}@media (max-width:330px){.taskItem{gap:10px}}.stateTitle{color:#9b9b9b;font-size:20px;white-space:nowrap}.imageUploadContainer{max-width:600px;width:100%}.dropZone{background-color:initial;border:1px solid #000;color:#7f7f7f;cursor:pointer;font-family:Pragmatica Book;font-size:14px;margin:10px 0;padding:15px;transition:.2s}.dropZone.dragActive,.dropZone:hover{background:#7f7f7f;color:#fff}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.helpWrapper{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100dvw;z-index:999}.tooltip-wrapper:hover .tooltip-box{opacity:1;visibility:visible}.tooltip-box{background:#fff;border:1px solid #000;color:#000;font-family:Pragmatica Book;font-size:14px;height:auto;left:50vw;min-width:100px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50vw) translateY(6px);transition:.15s ease;visibility:hidden;width:300px}.modalTooltipBox,.tooltip-box{white-space:"pre-line";z-index:9999}.modalTooltipBox{background:#000;border-radius:6px;color:#fff;font-size:12px;margin:0 auto;padding:10px;width:90vw}.newTaskContainer{-webkit-overflow-scrolling:touch;background-color:initial;border-radius:10px;max-height:calc(100vh - 40px);max-width:90vw;overflow-y:auto;padding:20px;width:500px}.newTaskContainer .newTaskTitle{font-family:Pragmatica Book;font-size:20px}.newTaskContainer form{background:#fff;border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;gap:25px;margin:5px;padding:15px}.groupName{border:none;font-size:clamp(16px,1vw,24px);height:16px;padding:5px 0;width:100%}.addedImage,.groupName{border-bottom:1px solid #e6e6e6}.addedImage{align-items:center;background-color:initial;display:flex;flex-wrap:wrap;justify-content:center;padding:6px 0}.addedImageTitle{flex:1 1 60%;font-family:Pragmatica Book;font-size:clamp(10px,4vw,14px);overflow-wrap:anywhere;word-break:break-all}.addedImageOptions{align-items:center;display:flex;flex:0 0 auto;gap:10px;margin-left:10px}.addedImageDeleteButton{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;padding:0}.addedImageDeleteButton img{height:16px;opacity:.5;width:16px}.tasksHistory{display:flex;flex-direction:column}.tasksHistory h2{font-size:clamp(20px,5vw,36px);text-align:center;width:100%}.scaler{display:flex;flex-direction:column;min-height:100dvh}.scaler .mainContent{display:flex;flex-grow:1;flex:1 1;flex-direction:column;gap:50px;overflow-x:hidden;padding:80px var(--base-left-padding) 0 var(--base-left-padding)}@media (max-width:1000px){.scaler .mainContent{padding:80px 20px 0}}.scaler .mainContent .title{color:#000;font-family:Pragmatica Book;font-size:28px;line-height:28px}.scaler .mainContent .description{color:#9b9b9b;font-family:Pragmatica Book;font-size:20px;line-height:28px}.overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff9;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;margin:auto 0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.scalerMainContentHeader{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.fullscreenOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;height:100svh;left:0;margin:0 auto;position:fixed;top:0;width:100vw;z-index:9999}.fullscreenContent{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto;padding:150px;width:100%}.fullscreenOverlay .images{align-items:center;display:flex;flex-wrap:wrap;gap:100px;justify-content:space-between;width:100%}.fullscreenImage{background:#fff;border:2px solid #8b8b8b;flex:1 1;height:500px;min-width:500px;object-fit:contain}@media (max-width:1500px){.fullscreenImage{width:95vw!important}}@media (max-width:768px){.fullscreenContent{padding:150px 0}.fullscreenImage{height:auto;margin:0 20px;min-width:300px}}@media (max-width:500px){.fullscreenImage{min-width:200px}}.home{display:flex;flex-direction:column;min-height:100dvh}.home .mainContent{display:flex;flex-grow:1;gap:50px;min-height:calc(100svh - 135px);overflow-x:hidden;padding-left:var(--base-left-padding)}.home .mainContent .left{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto 0;max-width:calc(100svw - 40px);padding:50px 0;width:55%}.home .mainContent .left .chapter{color:#9b9b9b;font-family:Pragmatica Book;font-size:clamp(10px,4vw,20px)}.home .mainContent .left .title{color:#000;font-family:Pragmatica Book;font-size:clamp(26px,5vw,64px);line-height:clamp(35px,5vw,70px)}.home .mainContent .left .title.gray{color:#9b9b9b}.home .mainContent .left .description{color:#9b9b9b;font-family:Pragmatica Book;font-size:clamp(12px,4vw,24px);margin:20px auto 20px 0}.home .mainContent .right{width:45%}.home .mainContent .right img{height:100%;height:calc(100svh - 200px)}@media (max-width:1280px){.home .mainContent{height:auto;min-height:0;padding:20px}.home .mainContent .right{display:none}.home .mainContent .left{padding:0;width:100%}.home{--base-left-padding:20px}.description hr{display:none}footer .policies{gap:10px!important}.home .mainContent .left .chapter{margin-bottom:20px}}@media (max-width:450px){.home .arrowButton{height:clamp(40px,2vw,70px)!important}}body,html{font-family:Arial,sans-serif;font-family:Roboto Regular;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100dvh}:root{--color_12:#f1f2f2;--color_14:#212624;--color_25:#fff;--color_35:#53ed32;--font-24:clamp(16px,1vw,24px);--base-left-padding:140px}a{color:inherit;text-decoration:none}.dvhNoHF{min-height:calc(100dvh - 260px)}.borderedButton,.transparentButton{background:#fff;border:none;color:#000;cursor:pointer;font-family:Pragmatica Book;font-size:18px;transition:.3s ease-in-out}.borderedButton{border:1px solid #000;height:40px;padding:5px 30px}.borderedButton:hover{background:#000;color:#fff;transition:.3s ease-in-out}.transparentButton:hover{text-decoration:underline;transition:.3s ease-in-out}.arrowButton{align-items:end;background:#0000;border:none;border-bottom:1px solid #e6e6e6;color:#000;cursor:pointer;display:flex;font-family:Pragmatica Book;font-size:clamp(16px,5vw,26px);gap:5px;height:70px;padding:0;transition:.3s ease-in-out;width:100%}.arrowButton:hover{border-color:#000!important;transition:.3s ease-in-out}.arrowButton img{height:clamp(15px,3vw,25px);margin-bottom:20px;width:clamp(15px,3vw,25px)}.logo{align-content:center;background:#000;color:#fff;font-family:Pragmatica Book;font-size:24px;height:50px;text-align:center;width:50px}@font-face{font-family:Pragmatica Medium;src:url(/static/media/PragmaticaCond-Medium.9ee8c0ddc9608a1797d5.ttf)}@font-face{font-family:Pragmatica Book;src:url(/static/media/Pragmatica-Book.3d736a325e2d3fcdb3df.ttf)}@font-face{font-family:Pragmatica Extra Light;src:url(/static/media/Pragmatica%20ExtraLight.33e39def0aa106ef1641.ttf)}