@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap";@import"https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap";body{margin:0;width:100%;height:100%}.new-task{position:relative;display:flex;margin:0 auto 5rem;height:2rem}.new-task__inputs{display:flex;gap:.75rem}.add-button{top:10%;height:3.25rem}.new-task--input{width:25rem;margin-right:1rem;height:3rem;font-family:Oxygen,sans-serif}@media only screen and (max-width: 600px){.new-task{display:flex;flex-direction:column;justify-content:center;margin:3rem 0 4rem;gap:0;align-items:center}.new-task--input{width:13.25rem;text-align:center}.new-task-tag--input{width:9rem}}@media only screen and (min-width: 601px) and (max-width: 800px){.new-task{display:flex;flex-direction:column;justify-content:center;margin:3rem 0 4rem;gap:0;align-items:center}.new-task--input{width:17rem;text-align:center}.new-task-tag--input{width:12rem}}.task-bar{display:flex;flex-direction:row;justify-content:center;align-items:space-around center;width:60%;height:3.5rem}.task-bar--item{padding:0;display:flex;align-items:center;background-color:#fff;font-size:.9rem}.done{width:10%;justify-content:center;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem;border-right:1px dotted rgb(151,187,255)}.text{width:50%;padding-left:2rem;border:none;box-sizing:border-box;color:#424242;font-size:1rem;border-right:1px dotted rgb(151,187,255)}.text:focus{color:#576cbc;outline:none}.text:hover{color:#576cbc;cursor:pointer}.done-task{position:relative;text-decoration:line-through}.date-container{width:15%}.date{width:100%;justify-content:center;height:3.5rem;border:none;color:#424242;font-size:1rem;border-right:1px dotted rgb(151,187,255)}.date:hover{color:#576cbc;cursor:pointer}.tag{width:15%;padding:.25rem .6rem;text-align:center;font-size:.9rem;border:none;padding:0;box-sizing:border-box;font-size:1rem;border-right:1px dotted rgb(151,187,255);color:#424242}.tag:focus{color:#576cbc;outline:none}.tag:hover{color:#576cbc;cursor:pointer}.empty{font-size:.9rem;color:#707070}.remove{justify-content:center;width:10%;border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.past-date{color:#b50000}@media only screen and (max-width: 600px){.task-bar{width:95%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:2rem 1.5rem;background-color:#fff;border-radius:.75rem}.task-bar--item{box-shadow:none}.done{width:100%;grid-column:1 / span 1;grid-row:1 / span 2}.remove{width:100%;grid-column:8 / span 1;grid-row:1 / span 2}.date-container{width:100%;grid-column:2 / span 3;font-size:.7rem;grid-row:2 / span 1}.date{font-size:.8rem;height:100%;border-right:none}.tag{width:100%;grid-column:5 / span 3;font-size:.8rem;grid-row:2 / span 1;border-right:none}.tag-empty{font-size:.8rem}.text{width:100%;grid-column:2 / span 6;grid-row:1 / span 1;color:#576cbc;padding:.5rem .75rem 0;border-right:none}}@media only screen and (min-width: 1000px) and (max-width: 1200px){.task-bar{width:75%}.text{width:40%}.tag{width:20%}.done,.remove{width:10%}.date-container{width:20%}.date{width:100%}}@media only screen and (min-width: 601px){.task-bar{width:95%}.task-bar--item{min-height:3rem}}@media only screen and (min-width: 950px){.task-bar{width:80%}}@media only screen and (min-width: 1200px){.task-bar{width:70%}}@media only screen and (min-width: 1400px){.task-bar{width:65%}.text{width:38%}.done,.remove{width:7%}}@media only screen and (min-width: 1700px){.task-bar{width:60%}}.tasks-list{display:flex;flex-direction:column;align-items:center;width:100%;gap:3px;align-items:space-around center;margin-bottom:5rem}.empty{font-size:.9rem;color:#292929}.labels{display:flex;flex-direction:row;width:60%;justify-content:center;align-items:space-around center;color:#1c1c1c}.label{margin:0;text-align:center;box-sizing:border-box;font-size:.8rem;display:flex;flex-direction:row;justify-content:center}.sort{color:#f1f1f1}.label-done{width:10%}.label-done.filter-button{margin:0}.label-text{width:50%}.label-date,.label-tag{width:15%}.label-remove{width:10%}.tasks-list-empty{color:#f1f1f1;font-size:1.1rem}@media only screen and (max-width: 1000px){.tasks-list{display:flex;justify-content:center;width:100%;gap:5px;margin-bottom:3rem}.tasks-list-empty{text-align:center}.labels{display:none}.label-done,.label-remove{width:3.5rem}.label-text{width:18rem}.label-date,.label-tag{display:none}}@media only screen and (min-width: 1001px){.tasks-filter{display:none}}@media only screen and (min-width: 1400px){.label-text{width:38%}.label-done,.label-remove{width:7%}}.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:#fff;opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}body,html{background-color:#f8f8f8;font-family:Open Sans,sans-serif}.app{display:flex;flex-direction:column;align-items:center}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto,sans-serif;margin:4rem 0}.home-link{display:flex;width:2rem}.link:hover{color:#0288d1}.header__nav{display:flex;flex-direction:row;align-items:center;gap:2rem;height:3rem}.header h2{margin:0;font-size:1.5rem}@media only screen and (max-width: 600px){.header{margin:2rem 0 0}}.error-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3rem}.error-message{display:flex;flex-direction:column;align-items:center}.error-message>h1{font-size:4rem;color:#700;margin:.5rem}.error-message>p{font-size:1.5rem;margin:0}.error-link{text-decoration:none;font-size:1.75rem;color:#0074b2}.error-link:hover{color:#003c5c}.new-list-mainpage{text-align:center;width:100%;display:flex;flex-direction:row;justify-content:center}.new-list-mainpage__input{width:30rem;color:#e5e5e5}@media only screen and (max-width: 600px){.new-list-mainpage__input{width:23rem}}.single-list-mainpage{width:40%;display:flex;flex-direction:row;height:3.5rem}.single-list-mainpage>div{background-color:#fff}.bar-element__name{display:flex;align-items:center;width:80%;padding-left:1rem;font-size:1.05rem;text-decoration:none;color:#424242;border-right:1px dotted rgb(151,187,255)}.bar-element__name:hover{color:#5367b6}.done,.remove{display:flex;justify-content:center}.bar-element__remove,.bar-element__edit{display:flex;justify-content:center;width:10%}.bar-element__remove{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bar-element__edit{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem;border-right:1px dotted rgb(151,187,255)}.MuiOutlinedInput-notchedOutline{border-color:#f1f1f1!important}@media only screen and (max-width: 800px){.single-list-mainpage{width:100%}.bar-element__name{width:74%}.bar-element__remove,.bar-element__edit{display:flex;justify-content:center;width:13%}}@media only screen and (min-width: 801px) and (max-width: 1000px){.single-list-mainpage{width:80%}}@media only screen and (min-width: 1001px) and (max-width: 1400px){.single-list-mainpage{width:60%}}@media only screen and (min-width: 1401px){.single-list-mainpage{width:40%}}.lists-mainpage{display:flex;justify-content:center;margin:auto;width:100%}.lists-mainpage>ul{display:flex;width:100%;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.list-element-mainpage{display:flex;justify-content:center}.lists-empty{color:#f1f1f1;font-size:1.1rem}@media only screen and (max-width: 600px){.lists-mainpage>ul{display:flex;flex-direction:column;width:95%}}@media only screen and (min-width: 601px) and (max-width: 900px){.lists-mainpage>ul{display:flex;flex-direction:column;width:90%}}@media only screen and (min-width: 901px) and (max-width: 1000px){.lists-mainpage>ul{display:flex;flex-direction:column;width:100%}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:20;background-color:#000000bf}.list-edit-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:25rem;height:5rem;background-color:#fff;padding:3rem;border-radius:14px;box-shadow:0 2px 8px #00000040;z-index:30;animation:slide-down .3s ease-out forwards}.list-edit-modal--input{width:80%;margin-bottom:2rem}.list-edit-modal--buttons{display:flex;flex-direction:row;gap:3rem}@media only screen and (max-width: 900px){.list-edit-modal{width:70%}}body,html{background-image:linear-gradient(140deg,#576cbc,#e7e7e7);width:100%;height:100%}.header{display:flex;flex-direction:row;align-items:center;gap:2rem;width:100%;margin:3rem 0 2rem}.mainpage-content{width:100%;display:flex;flex-direction:column;gap:3rem}.title{font-size:4.5rem;color:#fff;font-family:Raleway,sans-serif}@media only screen and (max-width: 900px){.title{font-size:2.8rem;text-align:center}}