@charset "UTF-8";@font-face{font-family:JetBrainsVar;src:url(../fonts/JetBrainsMono-VariableFont_wght.ttf) format("truetype-variations");font-weight:400 700 900;font-stretch:75% 100%;font-style:normal;font-display:swap}body,html{height:100%}blockquote,body,dd,dl,figure,ol,p,pre,ul{margin:0}h1,h2,h3,h4,h5,h6{font:inherit;margin:0}ol,ul{padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0;table-layout:fixed}td,th{padding:0;text-align:left;font-weight:400}a{text-decoration:none}a:active,a:hover{outline:0}audio,canvas,iframe,img,svg,video{max-width:100%;height:auto;vertical-align:middle}fieldset,iframe{border:none}fieldset{margin:0;padding:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;vertical-align:middle}textarea{resize:vertical}a,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}body,button,input,select,textarea{-webkit-font-smoothing:antialiased}*,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:none}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%}body{background-color:#fff;color:#fff;font-family:JetBrainsVar,Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{color:#1a1a1a;border:0;outline:0;background-color:transparent}.no-scroll{overflow:hidden;width:100%}._container{max-width:1400px;margin:0 auto;padding:0 40px;z-index:0}.btn{background-color:#ffdd6f;width:100%;border-radius:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:70px;color:#000;font-size:20px;cursor:pointer}.btn:hover{background-color:#ffc300}.main{position:relative}.main,.preloader{width:100%;height:100%}.preloader{display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.preloader-logo{color:#000;font-weight:600;font-size:20px;margin-right:25px;margin-top:-2px;position:relative}.preloader-progress{width:0;height:4px;border-radius:4px;background:linear-gradient(90deg,#189ccb,#0664b1);animation:a 3s ease-in-out forwards}.plug{display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#161e35;z-index:9999;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.plug-title{font-size:14px;line-height:135%;padding:0 40px;text-align:center}@keyframes a{0%{width:0}to{width:50%}}.main-wrapper{width:100%;height:100%;position:relative;background-color:#5a72e3;z-index:1;overflow:hidden}#canvas-basic{position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:-1}.author{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;font-family:JetBrainsVar,Arial,Helvetica,sans-serif;font-weight:100;font-size:13px;color:#fff}.author:hover{color:#000}@media (max-width:690px){.author{left:-65px;bottom:80px;transform:rotate(-90deg)}}@media (max-width:480px){.author{visibility:hidden}}.settings-icon{position:absolute;right:12px;top:12px;font-family:JetBrainsVar,Arial,Helvetica,sans-serif;font-weight:700;word-spacing:-7px;color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;row-gap:2px;cursor:default;border-radius:10px;width:38px;height:38px;font-size:0;background-image:url(../img/settings-icon.svg);background-repeat:no-repeat;background-size:cover;z-index:10;cursor:pointer}@media (max-width:480px){.settings-icon{right:6px}}.settings-container{position:absolute;right:0;top:0;width:0;height:0;font-size:0;transition:all .1s;overflow:hidden;border-radius:12px;padding:0;cursor:default;box-shadow:0 4px 4px rgba(0,0,0,.1)}@media (max-width:480px){.settings-container{right:1px;top:-3px;border-radius:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}}@media (min-width:480px){.settings-icon:hover .settings-container{font-size:15px;width:160px;height:150px;padding:18px 20px 15px}}@media (min-width:480px) and (max-width:480px){.settings-icon:hover .settings-container{width:320px;height:44px;padding:12px 10px 12px 15px}}.settings-container_opened.settings-container{font-size:15px;width:160px;height:150px;padding:18px 20px 15px}@media (max-width:480px){.settings-container_opened.settings-container{width:320px;height:44px;padding:12px 10px 12px 15px}}.settings-icon:hover .close-settings-icon{display:block}.date-box{margin-bottom:2px}.tasks-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-radius:40px;min-width:320px;width:80%;max-width:600px;min-height:87%;max-height:95%;background-color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.015);overflow:hidden;z-index:5}.tasks-body:before{content:"To Do List";position:absolute;top:-34px;left:508px;transform:translateX(-50%);width:150px;height:-moz-fit-content;height:fit-content;font-size:22px;font-weight:600;color:#fff}@media (max-width:690px){.tasks-body{top:calc(50% + 23px);width:82%;min-height:calc(90% - 20px)}}@media (max-width:480px){.tasks-body{width:96%;border-radius:20px;min-height:calc(89% - 10px)}}@media (max-height:550px){.tasks-body{min-height:calc(89% - 20px)}}@media (max-height:350px){.tasks-body{min-height:calc(89% - 30px)}}.tasks-body_empty:after{content:"Your list is empty for now"}.tasks-body_empty-rus:after,.tasks-body_empty:after{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:#aaa}.tasks-body_empty-rus:after{content:"Здесь пока пусто"}.add-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:23px;height:auto;width:92%;border-bottom:1px solid #999;padding-bottom:15px;white-space:nowrap;position:relative}@media (max-width:480px){.add-block{margin-top:17px}}.add-task-btn{-ms-flex-item-align:end;align-self:flex-end;width:55px;height:55px;background-color:#025da8;border-radius:50%;cursor:pointer;transition-duration:.05s;position:relative;overflow:hidden}.add-task-btn:hover{transform:scale(1.0005);box-shadow:4px 4px 14px rgba(0,0,0,.15)}.add-task-btn:active{transform:translateY(.5px)}.add-task-btn:after{content:"";font-family:JetBrainsVar,Arial,Helvetica,sans-serif;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-image:url(../img/add-icon.svg);background-size:cover;background-repeat:no-repeat;width:50px;height:50px;font-size:60px;font-weight:50}.add-task-btn:hover .flare{position:absolute;top:0;height:100%;width:25px;transform:skewX(-35deg);animation:b;left:-150%;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.35));animation:b .25s linear forwards}@keyframes b{0%{left:-150%}to{left:150%}}.add-block-input{width:85%;height:40px;font-size:25px;font-weight:600;color:#000;margin-top:2px}.add-block-input:focus-visible{outline:none;border:none}.add-block-input::-webkit-input-placeholder{color:#999}.add-block-input::-moz-placeholder{color:#999}.add-block-input:-ms-input-placeholder,.add-block-input::-ms-input-placeholder{color:#999}.add-block-input::placeholder{color:#999}@media (max-width:580px){.add-block-input{margin-right:10px}}@media (max-width:480px){.add-block-input::-webkit-input-placeholder{font-size:23px}.add-block-input::-moz-placeholder{font-size:23px}.add-block-input:-ms-input-placeholder,.add-block-input::-ms-input-placeholder{font-size:23px}.add-block-input::placeholder{font-size:23px}}.alert-max-length{border-bottom:1px solid #c00202}.alert-max-length:after{content:"The maximum text length is 75 characters";position:absolute;color:#c00202;font-size:12px;top:50px;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.alert-max-length_rus{border-bottom:1px solid #c00202}.alert-max-length_rus:after{content:"Максимальная длина 75 символов";position:absolute;color:#c00202;font-size:12px;top:50px;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.alert-min-length{border-bottom:1px solid #c00202}.alert-min-length:after{content:"You have to enter at least one character";position:absolute;color:#c00202;font-size:12px;top:50px;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.alert-min-length_rus{border-bottom:1px solid #c00202}.alert-min-length_rus:after{content:"Введите хотя бы один символ";position:absolute;color:#c00202;font-size:12px;top:50px;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.tasks-container{margin-top:20px;width:94%;margin-left:6px;height:auto;max-height:470px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;overflow-y:scroll;scrollbar-color:#00457d #fff;scrollbar-width:thin;padding-right:5px}.tasks-container::-webkit-scrollbar{width:5px}.tasks-container::-webkit-scrollbar-track{background:transparent}.tasks-container::-webkit-scrollbar-thumb{background-color:#00457d}.task{width:100%;max-height:60px;padding-top:10px;padding-bottom:14px;padding-right:45px;border-bottom:1px solid #c6c6c6;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;position:relative}.task_dots:after{content:"...";position:absolute;top:50%;transform:translateY(-50%);right:55px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-size:14px;color:#000}.tasks-body input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.custom-checkbox .checkmark{position:relative;display:inline-block;width:22px;height:22px;border:1px solid #ccc}.custom-checkbox input[type=checkbox]:checked+.checkmark:before{content:"";position:absolute;top:10%;left:37%;transform:translate(-50%,-50%);width:6px;height:14px;border:solid green;border-width:0 3px 3px 0;transform:rotate(41deg)}.custom-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;margin-right:12px;cursor:pointer}.task-delete-btn{position:absolute;width:22px;height:27px;right:3px;top:50%;transform:translateY(-50%);background-image:url(../img/delete-icon.svg);background-size:cover;background-repeat:no-repeat;transition-duration:.07s;cursor:pointer}.task-delete-btn:hover{transform:translateY(-50%) scale(1.05)}.task-delete-btn svg path{fill:red}.task-edit-btn{position:absolute;width:30px;height:30px;right:24px;top:50%;transform:translateY(-50%);background-image:url(../img/edit-icon.svg);background-size:cover;background-repeat:no-repeat;transition-duration:.1s;cursor:pointer}.task-edit-btn:hover{transform:translateY(-50%) scale(1.05)}.task-confirm-btn{position:absolute;width:30px;height:30px;right:24px;top:50%;transform:translateY(-50%);background-image:url(../img/confirm-icon.svg);background-size:cover;background-repeat:no-repeat;transition-duration:.1s;cursor:pointer;z-index:1}.task-confirm-btn:hover{transform:translateY(-50%) scale(1.05)}.task-text{display:block;width:-moz-fit-content;width:fit-content;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:18px;font-weight:800;color:#333;white-space:nowrap}@media (max-width:745px){.task-text{font-size:17px}}@media (max-width:690px){.task-text{font-size:16px}}@media (max-width:470px){.task-text{font-size:15px}}.task-text-wrapper{width:calc(100% - 70px);height:24px;overflow:hidden;position:relative}.edit-input{width:calc(100% - 115px);font-weight:600;color:#000;padding-left:5px;position:absolute;top:calc(50% - 2px);transform:translateY(-50%);left:34px;font-size:18px;height:24px;font-weight:800;resize:none;color:#333;overflow:hidden;padding:0;background-color:#faebd7}.edit-input:focus-visible{outline:none;border:none}.edit-input::-webkit-input-placeholder{color:#999}.edit-input::-moz-placeholder{color:#999}.edit-input:-ms-input-placeholder,.edit-input::-ms-input-placeholder{color:#999}.edit-input::placeholder{color:#999}@media (max-width:745px){.edit-input{font-size:17px}}@media (max-width:690px){.edit-input{font-size:16px;top:calc(50% - 1px)}}@media (max-width:470px){.edit-input{font-size:15px}}#countdown-timer{color:#000}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-radius:30px;width:310px;height:230px;max-height:95%;background-color:#fff;box-shadow:1px 1px 10px 3px rgba(0,0,0,.17);overflow:hidden;padding:25px 20px 20px}.modal_confirm-btn{margin-bottom:45px;background-color:#00457d;border-radius:14px;padding:10px 40px;color:#fff;font-size:15px;cursor:pointer}.modal_confirm-btn:hover{filter:brightness(125%)}.modal_confirm-btn:active{transform:translateY(1px)}.modal_skip-btn{color:#00457d;opacity:.8;cursor:pointer;padding:10px 20px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;word-spacing:-2px;font-size:15px}.modal_skip-btn:hover{opacity:1}.modal_skip-btn:active{transform:translateX(-50%) translateY(1px)}#date-time-picker{width:100%;min-height:45px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:10px;outline:none;transition:border-color .3s ease}#date-time-picker:focus,#date-time-picker:focus-visible{border:1px solid #00457d}.date-time-input-wrapper{margin-bottom:30px}.modal-header{color:#222;text-align:center;font-size:15px;margin-bottom:15px}.date-time-input-wrapper{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.date-input-alert:after{content:"Select the date and time"}.date-input-alert:after,.date-input-alert_rus:after{position:absolute;color:#c00202;left:50%;transform:translateX(-50%);bottom:-19px;width:100%;height:-moz-fit-content;height:fit-content;font-size:11px}.date-input-alert_rus:after{content:"Выберите дату и время"}.date-input-alert #date-time-picker{border:1px solid #c00202;position:relative}.countdown{color:#00457d;width:-moz-fit-content;width:fit-content;font-size:11px;position:absolute;bottom:1px;left:35px;cursor:default}.red-bg{background-color:#ffe1e1}.red-color{color:#c00202}.settings-container_bottom input[type=checkbox]{position:static;opacity:1;cursor:pointer;border-radius:50%}.label-container{margin-top:6px}.label-container>label:first-child{margin-right:4px}.settings-container_bottom label{cursor:pointer}@media (max-width:480px){.settings-container_bottom label:first-child{margin-right:4px}}@media (max-width:480px){.settings-container_bottom{margin-left:7px}}@media (max-width:480px){.label-container,.settings-container_bottom{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.label-container{margin-top:0}}.choose-lang-header{font-size:15px}@media (max-width:480px){.choose-lang-header{margin-right:5px;font-size:13px}}.label-radio{width:0;height:0;opacity:0;position:absolute;z-index:-1}.custom-radio{display:inline-block;width:16px;height:16px;border:2px solid grey;border-radius:50%;background-color:#fff;margin-right:5px;position:relative}.custom-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#7a9aff;border-radius:50%;opacity:0}.label-radio:checked+.custom-radio:after{opacity:1}:root{--hue:223;--bg:hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--primary:hsl(var(--hue),90%,50%);--trans-dur:0.3s;--trans-timing:cubic-bezier(0.76,0.05,0.24,0.95);--trans-timing-in:cubic-bezier(0.76,0.05,0.86,0.06);--trans-timing-out:cubic-bezier(0.05,0.76,0.06,0.86);font-size:calc(40px + 40 * (100vw - 320px) / 2240)}.switch{position:relative;width:-moz-fit-content;width:fit-content;cursor:pointer}.switch,.switch__icon,.switch__input{display:block}.switch__icon{position:absolute;top:.375em;right:.375em;width:.75em;height:.75em;transition:opacity calc(var(--trans-dur) / 2),transform calc(var(--trans-dur) / 2)}.switch__icon polyline{transition:stroke-dashoffset calc(var(--trans-dur) / 2)}.switch__icon--light,.switch__icon--light polyline{transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__icon--dark{opacity:0;transform:translateX(-.75em) rotate(30deg) scale(.75);transition-timing-function:var(--trans-timing-in)}.switch__input{background-color:#6eb2f7;border-radius:.75em;outline:transparent;position:relative;width:3em;height:1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--trans-dur) var(--trans-timing);cursor:pointer}.switch__input:focus-visible{box-shadow:0 0 0 .125em hsl(var(--hue),90%,50%),.125em .125em .25em hsla(var(--hue),90%,10%,.2)}.switch__input:after,.switch__input:before{content:"";display:block;position:absolute}.switch__input:before{background-color:#f2cc0d;border-radius:inherit;mask-image:linear-gradient(120deg,#000 20%,transparent 80%);-webkit-mask-image:linear-gradient(120deg,#000 20%,transparent 80%);inset:0;transition:background-color var(--trans-dur) var(--trans-timing)}.switch__input:after{background-color:#fff;border-radius:50%;box-shadow:.05em .05em .05em hsla(var(--hue),90%,10%,.1);top:.125em;left:.125em;width:1.25em;height:1.25em;transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing);z-index:1}.switch__input:checked{background-color:#a30ac2}.switch__input:checked:before{background-color:#0a47c2}.switch__input:checked:after{background-color:#000;transform:translateX(1.5em)}.switch__input:checked~.switch__icon--light,.switch__input:checked~.switch__icon--light polyline{transition-delay:0s;transition-timing-function:var(--trans-timing-in)}.switch__input:checked~.switch__icon--light{opacity:0;transform:translateX(-.75em) rotate(-30deg) scale(.75)}.switch__input:checked~.switch__icon--light polyline{stroke-dashoffset:1.5}.switch__input:checked~.switch__icon--dark{opacity:1;transform:translateX(-1.5em);transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.settings-container_top{margin-bottom:15px}@media (max-width:480px){.settings-container_top{display:-ms-flexbox;display:flex;width:-moz-fit-content;width:fit-content;margin-top:1px}}.theme-header{margin-bottom:6px;display:block;font-size:15px}@media (max-width:480px){.theme-header{margin-right:5px;font-size:13px;line-height:145%}}.switch__input:checked:after{background-color:#e5e5e5}.switch__input:checked:before{background-color:hsl(224.7,37%,24.9%)}.switch__input:before{background-color:#8a6cd4}.switch__input:checked{background-color:#2948a5}.label-container>label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width:-moz-fit-content;width:fit-content;font-size:14px;font-weight:500;word-spacing:-4px}.label-container>label>input{width:16px;height:16px;margin-right:5px;cursor:pointer}.switch__input:after{width:1.2em;height:1.2em;top:.15em}.switch__sr{position:absolute;left:47px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content;word-spacing:-4px;white-space:nowrap;pointer-events:none}@media (max-width:480px){.switch__sr{display:none}}.settings-container{background-color:#fff}.darth-bg{position:absolute;bottom:-70px;right:-60px;opacity:0;width:240px;height:300px;background-image:url(../img/darth.png);background-size:cover;background-repeat:no-repeat;transform:rotate(50deg)}.dark-theme #canvas-basic{display:none}.dark-theme .main-wrapper{background-color:#161e35}.dark-theme .add-task-btn,.dark-theme .modal_confirm-btn{background-color:#1a233c}.dark-theme .add-block-input,.dark-theme .settings-container,.dark-theme .tasks-body{background-color:#e5e5e5}.dark-theme .add-block-input::-webkit-input-placeholder{color:#4a4747}.dark-theme .add-block-input::-moz-placeholder{color:#4a4747}.dark-theme .add-block-input:-ms-input-placeholder,.dark-theme .add-block-input::-ms-input-placeholder{color:#4a4747}.dark-theme .add-block-input::placeholder{color:#4a4747}.dark-theme .modal_skip-btn{color:#1a233c}.dark-theme .tasks-container{scrollbar-color:#1a233c #e5e5e5}.dark-theme .tasks-container::-webkit-scrollbar-thumb{background-color:#1a233c}.dark-theme .custom-radio:after{background-color:#304072}.dark-theme .darth-bg{opacity:.1}.dark-theme .author:hover{color:#5a72e3}@media (min-width:340px){.plug{display:none}}