.todo-container{flex-direction:column;display:flex}:is(.todo-container .header-container) .hide-small{display:none}@media (min-width:640px){:is(.todo-container .header-container) .hide-small{display:flex}}:is(.todo-container .header-container) .hide-medium{display:flex}@media (min-width:640px){:is(.todo-container .header-container) .hide-medium{display:none}}:is(.todo-container .header-container) .link{text-decoration:none}:is(.todo-container .header-container) .header-button-row{height:var(--nav-menu-height);border-bottom:1px solid var(--border_gray);align-items:center;padding-right:12px}.todo-container .todo-list-header{border-bottom:1px solid var(--border_gray)}.todo-container .menu-container .menu-row{border-bottom:0}.todo-container .todo-container{flex:1}:is(.todo-container .todo-content-container) .left-content-container{width:100%;display:flex}@media (min-width:640px){:is(.todo-container .todo-content-container) .left-content-container{width:calc(100% - var(--md-menu-width));border-right:1px solid var(--border_gray);display:flex}}@media (min-width:1024px){:is(.todo-container .todo-content-container) .left-content-container{width:calc(100% - (2/3*var(--md-menu-width)))}}:is(:is(.todo-container .todo-content-container) .left-content-container) .tags-container{height:calc(100vh - 4*var(--nav-menu-height))}@media (min-width:640px){:is(:is(.todo-container .todo-content-container) .left-content-container) .menu-container{width:100%}}:is(:is(:is(.todo-container .todo-content-container) .left-content-container) .menu-container) .menu-row{justify-content:flex-start;padding-right:0}:is(:is(:is(:is(.todo-container .todo-content-container) .left-content-container) .menu-container) .menu-row) .menu-link{margin-right:16px;font-size:16px}@media (min-width:640px){:is(:is(:is(:is(.todo-container .todo-content-container) .left-content-container) .menu-container) .menu-row) .menu-link{font-size:18px}}:is(.todo-container .todo-content-container) .sort-container{height:var(--nav-menu-height);cursor:pointer;justify-content:flex-end;align-items:center;width:200px;padding:0 16px 0 0;position:relative}@media (min-width:640px){:is(.todo-container .todo-content-container) .sort-container{height:var(--md-nav-menu-height)}}:is(:is(.todo-container .todo-content-container) .sort-container) svg{color:var(--color-main);margin-left:8px}:is(:is(.todo-container .todo-content-container) .sort-container) .todo-select-element{margin-top:-4px}@media (min-width:640px){:is(:is(.todo-container .todo-content-container) .sort-container) .todo-select-element{margin-top:0}}:is(:is(.todo-container .todo-content-container) .sort-container) .sort-options{z-index:10;background-color:var(--background);border:1px solid var(--border_gray);width:120px;margin:16px;position:absolute;top:20px;right:-16px}@media (min-width:640px){:is(:is(.todo-container .todo-content-container) .sort-container) .sort-options{border-right:0;top:28px}}:is(:is(:is(.todo-container .todo-content-container) .sort-container) .sort-options) .option{border-bottom:1px solid var(--border_gray);height:30px;padding-left:12px;line-height:30px}:is(:is(:is(:is(.todo-container .todo-content-container) .sort-container) .sort-options) .option):hover{background-color:var(--gray_background)}:is(.todo-container .todo-content-container) .item-list{height:calc(100vh - 4*var(--nav-menu-height));background-color:var(--gray_background);padding:16px;overflow-y:auto}@media (min-width:640px){:is(.todo-container .todo-content-container) .item-list{height:calc(100vh - 3*var(--md-nav-menu-height))}}:is(:is(.todo-container .todo-content-container) .item-list) .month-label{font-size:16px;font-weight:500}:is(:is(.todo-container .todo-content-container) .item-list) .item-list-item{background-color:var(--background);cursor:pointer;margin-bottom:16px;padding:16px;position:relative}:is(:is(:is(.todo-container .todo-content-container) .item-list) .item-list-item) .red-dot{background-color:var(--red);border-radius:6px;width:12px;height:12px;margin-right:8px;display:inline-block}:is(:is(:is(.todo-container .todo-content-container) .item-list) .item-list-item) .edit-controls{border:1px solid var(--border_gray);background-color:var(--background);z-index:20;box-shadow:var(--right_bottom_shadow);padding:16px;position:absolute;right:16px}:is(.todo-container .todo-content-container) .add-edit-item-form{padding:12px}@media (min-width:640px){:is(.todo-container .todo-content-container) .add-edit-item-form{padding:16px}}:is(:is(.todo-container .todo-content-container) .add-edit-item-form) .tiptap{border:0;border-radius:8px;min-height:100px;padding:8px}:is(:is(.todo-container .todo-content-container) .add-edit-item-form) label{width:120px}:is(:is(.todo-container .todo-content-container) .add-edit-item-form) .due-date-container{position:relative}:is(:is(.todo-container .todo-content-container) .add-edit-item-form) .calendar-container{z-index:20;position:absolute;top:24px;left:0}:is(.todo-container .todo-content-container) .right-content-container{display:none}@media (min-width:640px){:is(.todo-container .todo-content-container) .right-content-container{width:var(--md-menu-width);height:calc(100vh - 2*var(--md-nav-menu-height));display:flex;overflow-y:auto}:is(:is(.todo-container .todo-content-container) .right-content-container) .tag-page-container{height:calc(100vh - 2*var(--md-nav-menu-height) - 364px)}}@media (min-width:1024px){:is(.todo-container .todo-content-container) .right-content-container{width:calc(2/3*var(--md-menu-width))}}.todo-container .calendar{padding:12px}@media (min-width:1024px){.todo-container .calendar{padding:16px}}:is(:is(.todo-container .calendar) .calendar-header) .move-year{cursor:pointer}:is(:is(.todo-container .calendar) .calendar-header) svg{color:var(--color-main)}.todo-container .link{text-decoration:none}:is(.todo-month-calendar .year-grid-item) .circle-text{margin-top:10px;font-size:20px;line-height:20px}