.header{align-items:baseline;background-color:var(--color_14);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;height:auto;padding:20px 0;top:0;width:100%}.header__logo{color:var(--color_35);font-family:Pragmatica Medium;font-size:clamp(32px,7vw,56px);font-weight:700;text-decoration:none}.header__release__version{color:#fff;flex-grow:1;font-family:Space Mono;font-size:14px}.header__divider{flex-grow:1}@media (max-width:500px){.header__release__version{display:none}}.header__auth{color:#fff;font-family:Pragmatica Medium;font-size:24px;text-decoration:none;transition:.3s ease-in-out}.header__auth:hover{font-weight:700;transition:.3s ease-in-out}.main{background-color:var(--color_14)}.main__content{align-items:center;background-color:#fff;display:flex;flex-direction:column;flex-grow:1;font-family:Pragmatica Medium;justify-content:center;min-height:calc(100dvh - 260px)}.main__content,.wrapper{border-radius:40px 40px 0 0}.white{background-color:#fff}.dark{background-color:var(--color_14)}.main__content__title{font-size:clamp(32px,8vw,64px);margin:20px auto;text-align:center}.main__content__description{font-size:clamp(16px,4vw,32px);margin:5px auto;text-align:center}.footer{--footer-min-height:160px;align-items:end;background-color:var(--color_14);border-radius:40px 40px 0 0;bottom:0;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:Pragmatica Medium;font-size:14px;font-weight:700;gap:10px;justify-content:space-between;margin:0 auto;min-height:80px;padding:40px 20px;width:90vw}.hiddenDescription{display:none!important;height:100%;justify-content:center}@media (max-width:600px){.footer{flex-wrap:wrap}.hiddenDescription{display:flex!important}}.footer a{color:#fff;text-decoration:none}.footer img{height:25px;width:25px}.footer__column{display:flex;flex-direction:column;gap:10px;margin:auto 0}.footer__column *{align-items:center;display:flex;gap:5px;min-height:25px}.green_text{color:var(--color_35)!important}.hello-container{align-items:center;background-color:#212624;color:#fff;display:flex;flex-direction:column;gap:30px;justify-content:center;margin:0;width:100vw}.hello-container h1{color:#53ed32;font-size:clamp(20px,10vw,5rem);margin:0}.hello-description{font-size:clamp(14px,5vw,26px);text-align:center}.yandex-oauth{background-color:initial;border:3px solid #fff;border-radius:10px;display:flex;height:50px;padding:5px;transition:.3s ease-in-out;width:clamp(150px,80vw,300px)}.yandex-oauth:hover{background-color:#fff;color:#212624;cursor:pointer;transition:.3s ease-in-out}.yandex-oauth .title{align-items:center;display:flex;font-size:clamp(12px,5vw,22px);justify-content:center;text-align:center;width:100%}.yandex-oauth img{border-radius:25px;height:50px;width:50px}.main-container{background-color:#fff;border-radius:50px 50px 0 0}@media (max-width:1300px){.main-container{border-radius:10px 10px 0 0}}.main-content{flex:1 1;margin:0 auto;max-width:95vw;min-height:calc(100vh - 260px);padding:10px;width:1200px}.newTaskButton{align-items:center;background-color:#212624;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:clamp(26px,2vw,40px);height:100px;justify-content:center;margin:10px 0;text-align:center;transition:.3s ease-in-out;width:100%}.newTaskButton:hover{background-color:#53ed32;color:#000;text-decoration:none;transition:.3s ease-in-out}.overlay{align-items:center;background-color:#000000b3;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}.newTaskContainer{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:10px;max-height:calc(100vh - 40px);max-width:90vw;overflow-y:auto;padding:20px;width:500px}.newTaskContainer h1{color:#000;font-size:26px;margin:10px 0;text-align:center;width:100%}.newTaskContainer h2{text-align:left;width:100%}.newTaskContainer .buttons{display:flex;flex-direction:row;flex-wrap:1;gap:20px;justify-content:center;margin-top:20px}.newTaskContainer .buttons button{background-color:#212624;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px;transition:.3s ease-in-out}.newTaskContainer .buttons button:hover{background-color:#53ed32;color:#000;transition:.3s ease-in-out}.newTaskContainer select{font-size:16px;height:40px;margin:0 auto;width:100%}.groupName{border:1px solid #000;font-size:clamp(16px,1vw,24px);height:26px;padding:10px 5px;width:calc(100% - 12px)}table button{background-color:initial;border:none}table button,table input{cursor:pointer}.tasksHistory{display:flex;flex-direction:column;gap:5px}.tasksHistory h2{font-size:clamp(20px,5vw,36px);text-align:center;width:100%}.taskGroupImages{display:flex;flex-direction:column;margin-left:clamp(20px,10vw,100px)}.taskItem{background-color:#f1f2f2;border:#f1f2f2;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:1;gap:10px;height:100px;margin:5px 0;width:100%}.taskGroup,.taskIcon{cursor:pointer}.taskIcon{border-radius:10px 0 0 10px;flex-shrink:0;height:clamp(50px,10vw,100px);margin:auto 0;max-height:100%;object-fit:cover;width:clamp(50px,10vw,100px)}.taskItem .taskTitle{align-items:center;display:flex;font-size:clamp(14px,2vw,24px);font-weight:700;min-width:0;word-break:break-word}.taskItem .taskDate,.taskItem .taskStatus{align-items:center;display:flex;font-size:clamp(14px,2vw,24px);justify-content:center}.taskItem .taskStatus{font-weight:700;width:clamp(100px,20vw,150px)}.taskDescription{flex:1 1;flex-direction:row}.taskDescription,.taskDescription .column{display:flex;justify-content:space-between}.taskDescription .column{align-items:flex-start;flex-direction:column;margin:10px 0}.column .downloadIcon{height:30px;width:30px}.downloadIcon{cursor:pointer;height:clamp(30px,5vw,40px);margin:30px 20px 0 10px;width:clamp(30px,5vw,40px)}.taskDescription .center{align-items:center}.imageUploadContainer{max-width:600px;width:100%}.addImage{background-color:#212624;border-radius:10px;color:#fff;height:40px;margin-bottom:10px;position:relative;width:100%}.addImageInput{cursor:pointer;opacity:0;z-index:2}.addImageInput,.addImageTitle{height:100%;position:absolute;width:100%}.addImageTitle{align-items:center;color:#fff;display:flex;font-size:20px;justify-content:center;z-index:1}.addedImages{display:flex;flex-direction:column;gap:10px}.addedImage{align-items:center;background-color:#f1f2f2;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;padding:6px 10px}.addedImageTitle{flex:1 1 60%;font-size:clamp(10px,4vw,16px);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}.fullscreenOverlay{align-items:center;background:#000000d9;display:flex;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.fullscreenImage{max-height:90%;max-width:90%;object-fit:contain}.dropZone{background-color:#d3d3d3;border:2px dashed gray;border-radius:10px;cursor:pointer;font-size:16px;padding:40px;text-align:center;transition:.2s}.dropZone.dragActive,.dropZone:hover{background:#a9a9a9;border-color:var(--color_14)}.sortBox{align-content:center;align-items:center;display:flex;flex-direction:row;font-size:clamp(12px,5vw,22px);gap:15px;justify-content:start;margin-bottom:10px}.sortBox div{align-items:end;border-bottom:1px solid #0000;display:flex;gap:5px;height:30px}.sortItem{cursor:pointer}.sortItem.active{border-bottom:1px solid #000;font-weight:700}.upload-container{margin:0 auto;max-width:500px;padding:20px}.upload-area{align-items:center;border:2px dashed #ccc;border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:40px;text-align:center;transition:border-color .3s}.upload-area:hover{border-color:#2196f3}.upload-area.dragover{background-color:#f0f8ff;border-color:#2196f3}.upload-placeholder p{color:#666;margin:10px 0}.upload-placeholder .small{color:#999;font-size:14px}.preview-container{width:100%}.preview{border-radius:5px;max-height:300px;max-width:100%}.submit-btn{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .3s;width:100%}.submit-btn:hover:not(:disabled){background-color:#1976d2}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.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)}}.authContainer{align-items:center;justify-content:center;margin:auto}.authContainer,.authForm{display:flex;flex-direction:column}.authForm{margin:50px 0;max-width:95vw;padding:0 20px;width:300px}.authContainerTitle{font-size:24px;font-weight:700;margin-bottom:30px}.authForm .row{display:flex;flex-direction:row;gap:20px;justify-content:center}.authFormItem{margin:5px 0;width:300px}.authFormItemTitle{margin:10px 0}.authFormItemValue{border:1px solid #00000080;border-radius:10px;box-sizing:border-box;height:40px;padding:0 10px;width:100%}.extraAuthOptions{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.extraAuthOptions span{color:#000;cursor:pointer;font-size:14px;text-decoration:underline}.authError{color:red;font-size:12px}.agreement{display:flex;flex-direction:row;gap:10px}.agreement span{font-size:14px}.authButtons{display:flex;flex-direction:row;gap:10px;margin:10px 0}.YandexOAUTH{border-radius:10px;cursor:pointer;height:30px;width:30px}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)}.container{margin:0 auto;max-width:1200px;width:80%}.dvhNoHF{min-height:calc(100dvh - 260px)}.blackButton{background-color:#212624;background-color:var(--color_14);border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:700;height:50px;padding:0 10px;width:auto}.blackButton,.blackIconButton{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}
/*# sourceMappingURL=main.2237b6c5.css.map*/