/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html{width:100%;min-width:319px;height:100%;font-weight:normal;font-size:16px;font-family:verdana,arial,sans-serif}body{display:flex;flex-direction:column;width:100%;min-height:100%;margin:0;padding:0;color:#616161;background:linear-gradient(225deg, rgb(245, 247, 231) 19%, rgb(160, 215, 217) 63%);text-rendering:optimizespeed}h1,h2,h3{color:#333;font-weight:normal;font-family:"arial black","britannic bold","impact"}h1{font-size:1.25rem;line-height:20px}h2{font-size:1.125rem;line-height:18px}h3{font-size:1rem;line-height:12px}img{height:auto}ul,ol{margin:0;padding:0;text-indent:0;list-style:none}a{color:#333;text-decoration:none}h1,h2,h3,p{margin:0}.visually-hidden:not(:focus,:active),input[type=checkbox].visually-hidden,input[type=radio].visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.js-focus-visible :focus:not(.focus-visible){outline:none}::-webkit-scrollbar-button{width:5px;height:0;background-repeat:no-repeat}::-webkit-scrollbar-track{background-color:#333}::-webkit-scrollbar-thumb{background-color:#e1e1e1;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:#c4c4c4}::-webkit-resizer{width:4px;height:0;background-repeat:no-repeat}::-webkit-scrollbar{width:8px}
.content{display:flex;flex-direction:column}.todo{display:flex;box-sizing:border-box;width:100%;max-width:1160px;min-height:100vh;margin:0 auto;padding:10px}@media(max-width: 612px){.todo{padding:0}}
.button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:10px;white-space:nowrap;background-color:#fafafa;border:1px solid #e1e1e1;cursor:pointer}.button:hover{background-color:#fff}.button:focus{outline:2px solid #333;outline-offset:5px}.button:disabled{opacity:.6}.button__submit{color:#333}.button__interface{color:#333}.button__context-menu{justify-content:flex-start;color:#333;background-color:#fff;border-top:0;border-right:0;border-left:0}.button__context-menu:hover{background-color:#fafafa}
.captcha{position:relative;display:grid;grid-template-rows:repeat(2, auto);grid-template-columns:auto 1fr;box-sizing:border-box;width:100%;max-width:300px}.captcha__reset-button{grid-row:1/2;grid-column:1/2;box-sizing:border-box;width:50px;height:50px;padding:5px;background-color:rgba(0,0,0,0);border:0;cursor:pointer}.captcha__reset-button_animation{animation:spin .5s linear 0s 1}.captcha__images{grid-row:1/2;grid-column:2/3;margin:auto;filter:blur(1px)}.captcha__reset-icon{width:100%}.captcha__input-wrapper{grid-row:2/3;grid-column:1/3}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.context-menu{position:fixed;top:50%;left:50%;z-index:-1;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 20px);max-width:200px;padding:10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);transform:translate(-50%, -50%);opacity:0;transition:all .2s linear}.context-menu_visible{z-index:1;opacity:1}
.editor{position:fixed;top:50%;left:50%;z-index:-1;display:flex;flex-direction:column;width:calc(100% - 20px);max-width:600px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);transform:translate(-50%, -50%);opacity:0;transition:all .2s linear}.editor_visible{z-index:1;opacity:1}.editor__header-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#333;cursor:move}.editor__header-text{margin-left:10px;color:#fff;font-size:16px}.editor__text{z-index:1010;display:flex;height:100%}.editor__textarea{box-sizing:border-box;width:100%;min-height:400px;padding:10px;border:1px solid #e1e1e1;border-radius:0;outline:none}.editor__bottom-wrapper{display:flex;justify-content:flex-end;background:#fff}.editor__button-header{z-index:1;padding:5px;background-color:#f56c30;border:0;cursor:pointer}.editor__button-header:hover{background-color:#f57c48}.editor__button-header:focus{outline:2px solid #333;outline-offset:5px}
.footer{position:relative;margin-top:auto}.footer__list{display:flex;flex-direction:row;margin-top:auto;padding-top:20px;color:#616161;border-top:1px solid #333;opacity:1;transition:all .2s linear}@media(max-width: 1099px){.footer__list{position:absolute;bottom:36px;left:1px;z-index:-1;flex-direction:column;padding:10px;background-color:#fff;border:0;box-shadow:0 0 10px rgba(0,0,0,.5);opacity:0}.footer__list :nth-child(n){margin-bottom:10px;margin-left:0}.footer__list :last-child{margin-bottom:0}}.footer__list_visible{z-index:1;opacity:1}.footer__informer{display:none;margin-top:10px;font-weight:800;font-size:20px;background-color:#fff;border:0;cursor:pointer}.footer__informer_active{color:#f57c48}@media(max-width: 1099px){.footer__informer{display:block;text-align:center;vertical-align:middle}}.footer :first-child{margin-left:0}.footer__text-total{color:#616161}.footer__item{margin-left:30px}.footer__number-total{margin-left:5px}
.loading{position:fixed;top:50%;left:50%;width:64px;height:64px;background-image:linear-gradient(#e1e1e1 16px, transparent 0),linear-gradient(#f56c30 16px, transparent 0),linear-gradient(#f56c30 16px, transparent 0),linear-gradient(#e1e1e1 16px, transparent 0);background-repeat:no-repeat;background-position:left top,left bottom,right top,right bottom;background-size:16px 16px;transform:translate(-50%, -50%);animation:rotate 1s linear infinite}@keyframes rotate{0%{width:64px;height:64px;transform:rotate(0deg)}50%{width:30px;height:30px;transform:rotate(180deg)}100%{width:64px;height:64px;transform:rotate(360deg)}}
.manager{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:calc(100vh - 23px);min-height:630px;padding:20px;background:#fff;border:1px solid #e1e1e1;border-radius:2px}@media(max-width: 612px){.manager{height:auto;padding:10px 5px}}.manager__title{margin-right:auto;margin-bottom:40px;margin-left:auto}
.menu button{margin-right:10px;margin-left:10px}.menu button:first-child{margin-left:0}.menu button:last-child{margin-right:0}.menu{position:relative}.menu__wrapper{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;opacity:1;transition:all .2s linear}@media(max-width: 1099px){.menu__wrapper{position:absolute;top:70px;left:0;z-index:-1;flex-direction:column;box-sizing:border-box;max-width:200px;padding:10px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);opacity:0}.menu__wrapper button{margin:0}}.menu__wrapper_active{z-index:1;opacity:1}
.menu-button{display:none;width:57px;background-color:rgba(0,0,0,0);border:0;cursor:pointer}@media(max-width: 1099px){.menu-button{display:block;margin-bottom:20px}}.menu-button__icon{filter:drop-shadow(0 0 1px #616161);transition:.3s ease-in-out;fill:#333}.menu-button__icon_active{filter:drop-shadow(0 0 1px #333);transition:.3s ease-in-out;fill:#f57c48}
.message-form{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;border-bottom:3px solid #b3ea70}.message-form__text{color:#616161}.message-form_error{border-bottom:3px solid #eae470}
.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding-top:40px;padding-bottom:20px}.placeholder__text{color:#e1e1e1;font-weight:bold;font-size:28px;text-align:center}.placeholder__icon{width:100%;max-width:260px;height:auto;margin-top:30px;fill:#e1e1e1}
.authorization{position:fixed;top:50px;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:300px;padding:10px;font-family:verdana,arial,sans-serif;background-color:#fff;border:1px solid #e1e1e1;box-shadow:0 0 25px rgba(0,0,0,.2);transform:translate(-50%)}.authorization__form{display:flex;flex-direction:column}.authorization__header-wrapper{margin-bottom:20px}.authorization__header{font-size:18px}.authorization__identification{display:flex;flex-direction:column;align-items:center;margin-right:0;margin-bottom:20px;margin-left:0;padding:0;border:0}.authorization__data-text{margin-bottom:20px;color:#616161}.authorization__name-wrapper,.authorization__password-wrapper{width:205px;margin-bottom:10px}.authorization__name,.authorization__password{box-sizing:border-box;width:100%;padding:5px;color:#616161;border:1px solid #e1e1e1}.authorization__name:focus,.authorization__password:focus{border:1px solid #333;outline:0;outline-offset:0}.authorization__name-error,.authorization__password-error{border:1px solid #7a1a1a}.authorization__submit-wrapper{display:flex;align-items:center;justify-content:center;width:205px;margin:0 auto}.authorization__registration-wrapper{width:100%;max-width:205px;margin-top:15px;margin-bottom:10px}
.registration{position:fixed;top:50px;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:300px;padding:10px;font-family:verdana,arial,sans-serif;background-color:#fff;border:1px solid #e1e1e1;box-shadow:0 0 25px rgba(0,0,0,.2);transform:translate(-50%)}.registration__header-wrapper{margin-bottom:20px}.registration__header{font-size:18px}.registration__identification{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:0}.registration__name-wrapper,.registration__password-wrapper,.registration__captcha-wrapper{margin-bottom:10px}.registration__submit-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.registration__submit-wrapper :nth-child(1){margin-bottom:15px}.registration__submit-wrapper :nth-child(2){margin-bottom:10px}
.tab-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;color:#616161;white-space:nowrap;background-color:#fafafa;border:1px solid #e1e1e1;cursor:pointer}.tab-button_current{color:#000;border:1px solid #616161;box-shadow:0 0 1px rgba(0,0,0,.5)}.tab-button:hover{background-color:#fff}.tab-button:focus{outline:2px solid #333;outline-offset:5px}
.content-item{display:none;height:calc(100vh - 265px);border:1px solid #e1e1e1}.content-item_current{display:block}
.tabs{display:flex;flex-direction:column}.tabs__navigation{display:flex;flex-direction:row}@media(max-width: 612px){.tabs__navigation{flex-direction:column}}.tabs__content{width:100%}
.text-field{position:relative;font-family:verdana,arial,sans-serif}.text-field__input{box-sizing:border-box;width:205px;padding:10px;color:#333;border:1px solid #e1e1e1}.text-field__input::-moz-placeholder{color:#616161;font-size:13px}.text-field__input::placeholder{color:#616161;font-size:13px}.text-field__input:focus{border:1px solid #333;outline:0;outline-offset:0}.text-field__input_error{border:1px solid #eae470}.text-field__message-wrapper{position:absolute;top:50px;left:50%;z-index:1;box-sizing:border-box;width:100%;padding:10px;background-color:#fcf9eb;border:1px solid #fcf9eb;box-shadow:0 1px 3px rgba(0,0,0,.26);transform:translate(-50%)}.text-field__message-wrapper::after{position:absolute;top:-20px;left:50%;border:10px solid rgba(0,0,0,0);border-bottom:10px solid #fcf9eb;transform:translate(-50%);content:""}.text-field__message{color:#000;font-size:13px}
.todo-item{display:flex;box-sizing:border-box;padding-top:15px;padding-right:5px;padding-bottom:15px}.todo-item__drag{display:flex;align-items:center;justify-content:center;padding-left:10px}.todo-item .button-dnd{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-left:5px;padding-right:5px;white-space:nowrap;background-color:#fafafa;border:1px solid #e1e1e1;cursor:pointer}.todo-item .dragging button{background-color:#f57c48}.todo-item:nth-child(2n){background-color:#fafafa}.todo-item__input-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding-right:20px;padding-left:20px;cursor:pointer}@media(max-width: 612px){.todo-item__input-wrapper{padding-right:10px;padding-left:10px}}.todo-item__text{display:-webkit-box;margin-left:10px;padding:0;overflow:hidden;color:#333;font-weight:normal;font-size:16px;font-family:verdana,arial,sans-serif;line-height:19px;text-align:left;background-color:rgba(0,0,0,0);border:0;outline:none;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width: 612px){.todo-item__text{-webkit-line-clamp:4}}.todo-item__text_no-decoration{text-decoration:none}.todo-item__text:hover{color:#1d5b5b}.todo-item__text:focus{color:#1d5b5b;outline:2px solid #333;outline-offset:5px}.todo-item__before{box-sizing:border-box;width:20px;height:20px;background:#fff;border:1px solid #333;border-radius:2px;cursor:pointer}.todo-item__before_border{box-shadow:0 0 0 2px #333}.todo-item__input{position:absolute;top:8px;left:7px;z-index:0;width:6px;height:1px;padding:0;border:0}.todo-item__input:focus{outline:2px solid #333;outline-offset:12px}.todo-item__input:checked+.todo-item__before{display:block;background-image:url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.46439 4.29245L5.70703 8.53509L4.29282 9.9493L0.0501771 5.70666L1.46439 4.29245Z%27 fill=%27url%28%23paint0_linear%29%27/%3E%3Cpath d=%27M8.53546 2.87823L9.94967 4.29245L4.29282 9.9493L2.8786 8.53509L8.53546 2.87823Z%27 fill=%27url%28%23paint1_linear%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear%27 x1=%277.82835%27 y1=%272.17112%27 x2=%272.1715%27 y2=%277.82798%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23BC9CFF%27/%3E%3Cstop offset=%271%27 stop-color=%27%238BA4F9%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear%27 x1=%277.82835%27 y1=%272.17112%27 x2=%272.1715%27 y2=%277.82798%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23BC9CFF%27/%3E%3Cstop offset=%271%27 stop-color=%27%238BA4F9%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:4px 3px;background-size:10px 10px;border-color:#616161}.todo-item__input:disabled+.todo-item__before{border-color:#333}.todo-item__input:checked:disabled+.todo-item__before{border-color:#333}
.todo-list{width:100%;height:100%;overflow:auto}
.wrong-page{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:calc(100vh - 23px);min-height:630px;padding:20px;background:#fff;border:1px solid #e1e1e1;border-radius:2px}@media(max-width: 612px){.wrong-page{height:auto;padding:10px 5px}}.wrong-page__header{margin-right:auto;margin-bottom:40px;margin-left:auto}.wrong-page__button-wrapper{width:100%;max-width:210px}.wrong-page__text{margin:0 auto;padding-top:30px;font-size:6.125rem}.wrong-page__icon-wrapper{display:flex;width:100%;height:100%;opacity:0;transition:all .5s linear}.wrong-page__icon-wrapper_visible{opacity:1}.wrong-page__icon{width:100%;max-width:300px;height:auto;margin:0 auto;fill:#dcdcdc}