.the-app-header[data-v-15dbfe67]{position:absolute;top:0;left:0;height:3rem;z-index:9999;display:flex;align-items:center}@media screen and (max-width: 600px){.the-app-header[data-v-15dbfe67]{width:100%}}.the-app-header__inner-container[data-v-15dbfe67]{display:flex;align-items:center;padding:0 1.25rem}@media only screen and (max-width: 600px){.the-app-header__inner-container[data-v-15dbfe67]{width:90%;margin:0 auto;padding:0}}.the-app-header__menu-btn[data-v-15dbfe67]{display:inline-flex;padding:0;margin-right:.25rem}.the-app-header__menu-icon[data-v-15dbfe67]{color:var(--color-text-headline);width:1.5rem;height:1.5rem}.the-app-header__title[data-v-15dbfe67]{font-weight:800;font-size:1.2rem;padding:0 .5rem}.the-app-header__title[data-v-15dbfe67]:link,.the-app-header__title[data-v-15dbfe67]:visited,.the-app-header__title[data-v-15dbfe67]:hover,.the-app-header__title[data-v-15dbfe67]:active{text-decoration:none;color:var(--color-text-headline)}.nav-link[data-v-b308a4e3]{display:flex;padding:.625rem .375rem;border-radius:.375rem;transition:all .15s ease-in-out;color:var(--color-button-text);border:3px solid var(--color-stroke);background-color:var(--color-button-background)}.nav-link[data-v-b308a4e3]:link,.nav-link[data-v-b308a4e3]:visited,.nav-link[data-v-b308a4e3]:hover,.nav-link[data-v-b308a4e3]:active{text-decoration:none}.nav-link[data-v-b308a4e3]:hover{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundHovered)}.nav-link[data-v-b308a4e3]:active{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundActive)}.nav-link__container[data-v-b308a4e3]{display:flex;align-items:center;gap:.5rem}.nav-link__label[data-v-b308a4e3]{font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.1875rem}.nav-link__count[data-v-b308a4e3]{font-size:.75rem;letter-spacing:.025em}.nav-link-icon[data-v-b308a4e3-s]{width:1.375rem;height:1.375rem;padding:0 .5rem}.router-link-active[data-v-b308a4e3]{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundActive)!important}.the-nav[data-v-00028df9]{display:flex;flex-direction:column;gap:.25rem}.date-selector[data-v-33b9e064]{display:inline-flex;position:relative;border-radius:3px;padding:.25rem;cursor:pointer;transition:all .15s ease-in-out}.date-selector[data-v-33b9e064]:hover{background-color:var(--color-button-backgroundHoveredDefault)}.date-selector__close-btn[data-v-33b9e064]{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;z-index:10;color:var(--color-button-text)}.date-selector__close-icon[data-v-33b9e064]{width:.8rem;height:.8rem}.date-selector__icon[data-v-33b9e064]{width:1rem;height:1rem}.date-selector__btn[data-v-33b9e064]{font-size:1rem;display:flex;align-items:center;gap:.5rem;color:var(--color-button-text);font-weight:600}.date-selector input[type=date][data-v-33b9e064]{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;margin:0;padding:0;display:inline-flex;border:none}.date-selector input[type=date][data-v-33b9e064]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;height:100%;width:100%;cursor:pointer;position:absolute;left:0;top:0}.task-form[data-v-dfc82c2f]{display:flex;flex-direction:column;gap:1rem}.task-form__content-input[data-v-dfc82c2f]{width:100%;border:none;outline:none;font-size:1.625rem;color:var(--color-input-text);background-color:transparent}.task-form__content-input[data-v-dfc82c2f]::placeholder{transition:all .15s ease-in-out}.task-form__content-input--error[data-v-dfc82c2f]::placeholder{color:red}.task-form__error-msg[data-v-dfc82c2f]{margin-top:.5rem;color:red;font-size:.875rem;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.375rem);transition:all .15s ease-in-out}.task-form__error-msg--visible[data-v-dfc82c2f]{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.modal[data-v-bf0d8efc]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:grid;place-items:center;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:all .15s ease-in-out}.modal--visible[data-v-bf0d8efc]{opacity:1;visibility:visible;pointer-events:all}.modal__overlay[data-v-bf0d8efc]{width:100%;height:100%;background-color:#ffffffb3;z-index:800}.modal__container[data-v-bf0d8efc]{position:absolute;top:auto;left:auto;width:35%;z-index:900;background-color:var(--color-modal-background);border-radius:.375rem;padding:.75rem;border:3px solid var(--color-stroke);box-shadow:0 0 20px #0003;transition:all .15s ease-in-out;opacity:0;scale:0;visibility:hidden}.modal__container--visible[data-v-bf0d8efc]{opacity:1;scale:1;visibility:visible}@media only screen and (max-width: 600px){.modal__container[data-v-bf0d8efc]{width:85%}}@media only screen and (min-width: 601px) and (max-width: 1024px){.modal__container[data-v-bf0d8efc]{width:60%}}@media only screen and (min-width: 1025px){.modal__container[data-v-bf0d8efc]{width:35%}}.modal__header[data-v-bf0d8efc]{display:flex;align-items:center;justify-content:flex-end}.modal__body[data-v-bf0d8efc]{padding:1rem 0}.modal__footer[data-v-bf0d8efc]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.5rem}@media only screen and (max-width: 600px){.modal__footer[data-v-bf0d8efc]{flex-direction:column}}@media only screen and (max-width: 600px){.modal__footer-btn[data-v-bf0d8efc]{width:100%;justify-content:center}}.close-btn[data-v-bf0d8efc]{display:inline-flex;padding:.25rem;border-radius:.1875rem;color:var(--color-button-text);transition:all .15s ease-in-out}.close-btn[data-v-bf0d8efc]:hover{background-color:var(--color-button-backgroundHoveredDefault)}.cancel-btn[data-v-bf0d8efc]{padding:.25rem .5rem;border-radius:3px;border:3px solid transparent;font-weight:600;color:var(--color-button-text);transition:all .15s ease-in-out}.cancel-btn[data-v-bf0d8efc]:hover{background-color:var(--color-button-backgroundHoveredDefault)}.create-task-btn[data-v-bf0d8efc]{font-family:Noto Sans KR,sans-serif;color:var(--color-button-text);border:3px solid var(--color-stroke);background-color:var(--color-button-background);padding:.25rem .5rem;border-radius:.188rem;font-weight:600;transition:all .15s ease-in-out}.create-task-btn[data-v-bf0d8efc]:hover{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundHovered)}.create-task-btn[data-v-bf0d8efc]:active{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundActive)}.theme-selector[data-v-ef51d557]{padding:1rem 1.25rem}.theme-selector__btn[data-v-ef51d557]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:3px solid var(--color-stroke);background-color:var(--color-ground-background);margin-left:-.75rem;transition:all .15s ease-in-out}.theme-selector__btn--selected[data-v-ef51d557]{transform:translateY(-.5rem)}.theme-selector__btn span[data-v-ef51d557]{display:none;visibility:hidden}.theme-selector__btn[data-v-ef51d557]:hover{transform:translateY(-.5rem)}.theme-selector__icon[data-v-ef51d557]{color:var(--color-icon);display:inline-flex;width:1rem;height:1rem;flex-shrink:0}.theme-selector__btn.lavender[data-v-ef51d557]{--color-icon: #6246ea;--color-ground-background: #d1d1e9}.theme-selector__btn.amber[data-v-ef51d557]{--color-icon: #ff8e3c;--color-ground-background: #eff0f3}.theme-selector__btn.skyline[data-v-ef51d557]{--color-icon: #3da9fc;--color-ground-background: #d8eefe}.theme-selector__btn.midnight-rose[data-v-ef51d557]{--color-icon: #fe86b1;--color-ground-background: #232946}.theme-selector__btn.teal[data-v-ef51d557]{--color-icon: #26a69a;--color-ground-background: #43555a}.the-sidebar[data-v-6b6647ed]{display:flex;flex-direction:column;background-color:var(--color-sidebar-background);box-shadow:inset -3px 0 0 0 var(--color-stroke)}.the-sidebar__section[data-v-6b6647ed]{padding:1rem 1.25rem}.the-sidebar__gap[data-v-6b6647ed]{flex:1}.add-task-btn[data-v-6b6647ed]{font-family:Noto Sans KR,sans-serif;display:block;width:100%;padding:.5rem;border:3px solid var(--color-stroke);background-color:var(--color-button-background);border-radius:.375rem;font-weight:800;color:var(--color-button-text);transition:all .15s ease-in-out}.add-task-btn[data-v-6b6647ed]:hover{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundHovered)}.add-task-btn[data-v-6b6647ed]:active{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundActive)}.the-main[data-v-dc9ac8f7]{height:100vh;overflow:auto}.the-main__container[data-v-dc9ac8f7]{width:60%;margin:0 auto}@media only screen and (max-width: 600px){.the-main__container[data-v-dc9ac8f7]{width:90%}}@media only screen and (min-width: 601px) and (max-width: 1024px){.the-main__container[data-v-dc9ac8f7]{width:80%}}@media only screen and (min-width: 1025px){.the-main__container[data-v-dc9ac8f7]{width:60%}}.the-wrapper[data-v-4f499fb9]{background-color:var(--color-ground-background);position:relative}.the-wrapper__container[data-v-4f499fb9]{display:flex;min-height:100vh}.drawer[data-v-4f499fb9]{width:0rem;overflow:hidden;transition:all .15s ease-in-out;flex-shrink:0}.drawer--open[data-v-4f499fb9]{display:block;width:20rem}.drawer__overlay[data-v-4f499fb9]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease-in-out}.the-sidebar[data-v-4f499fb9]{position:relative;width:20rem;height:calc(100% - 3rem);padding-top:3rem;z-index:999}.the-main[data-v-4f499fb9]{flex-grow:1}@media only screen and (max-width: 600px){.the-sidebar[data-v-4f499fb9],.drawer--open[data-v-4f499fb9]{width:14rem}.drawer[data-v-4f499fb9]{position:fixed;height:100dvh;z-index:999;top:0}.drawer--open .drawer__overlay[data-v-4f499fb9]{opacity:1;visibility:visible;pointer-events:all}}@media only screen and (min-width: 601px) and (max-width: 1024px){.the-sidebar[data-v-4f499fb9],.drawer--open[data-v-4f499fb9]{width:16rem}}@media only screen and (min-width: 1025px){.the-sidebar[data-v-4f499fb9],.drawer--open[data-v-4f499fb9]{width:20rem}}.the-header__title[data-v-ad5782a9]{font-size:1.5rem;font-weight:800;color:var(--color-text-headline);display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.the-header__description[data-v-ad5782a9]{line-height:1.6;font-weight:400;color:var(--color-text-paragraph)}.base-layout[data-v-f7a331b4]{padding:2rem 0}@media only screen and (max-width: 600px){.base-layout[data-v-f7a331b4]{padding:4rem 0 2rem}}@media only screen and (min-width: 601px) and (max-width: 1024px){.base-layout[data-v-f7a331b4]{padding:3rem 0}}@media only screen and (min-width: 1025px){.base-layout[data-v-f7a331b4]{padding:2rem 0}}.the-header[data-v-f7a331b4]{margin-bottom:3rem}.circle-checkbox[data-v-1091520a]{cursor:pointer;display:inline-block;position:relative}.circle-checkbox__input[data-v-1091520a]{display:none}.circle-checkbox__indicator[data-v-1091520a]{display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;width:1em;height:1em;border:3px solid var(--color-stroke);border-radius:50%;transition:all .15s ease-in-out}.circle-checkbox__indicator[data-v-1091520a]:after{border:.1em solid #fff;border-top:none;border-right:none;content:"";left:8px;top:9px;width:12px;height:6px;position:absolute;transform:rotate(-45deg);opacity:0;visibility:visible;pointer-events:all;transition:all .15s ease-in-out}.circle-checkbox:hover .circle-checkbox__indicator[data-v-1091520a]{background-color:var(--color-button-backgroundHovered)}.circle-checkbox:hover .circle-checkbox__indicator[data-v-1091520a]:after{opacity:.8;visibility:visible}.circle-checkbox:active .circle-checkbox__indicator[data-v-1091520a]{background-color:var(--color-primary)}.circle-checkbox:active .circle-checkbox__indicator[data-v-1091520a]:after{opacity:1;visibility:visible}.circle-checkbox__input:checked~.circle-checkbox__indicator[data-v-1091520a]{background-color:var(--color-primary)}.circle-checkbox__input:checked~.circle-checkbox__indicator[data-v-1091520a]:after{opacity:1;visibility:visible;pointer-events:all}.todo-item[data-v-e9edf07d]{color:var(--color-todoItem-text);margin:.5rem 0;display:flex;align-items:flex-start;background-color:var(--color-todoItem-background);padding:1rem;border-radius:.5rem;border:3px solid var(--color-stroke);transform:translate(50px);transition:all .2s ease-in-out,transform .15s ease-out}.todo-item--mounted[data-v-e9edf07d]{transform:translate(0)}.todo-item--completed[data-v-e9edf07d]{color:var(--color-todoItem-textCompleted);background-color:var(--color-todoItem-backgroundCompleted)}.todo-item--fadeOut[data-v-e9edf07d]{opacity:0}.todo-item[data-v-e9edf07d]:hover{box-shadow:0 0 .75rem #0003}.todo-item__content[data-v-e9edf07d]{padding:0 1rem;transform:translateY(-6px)}.todo-item__divider[data-v-e9edf07d]{flex-grow:1}.todo-item__dueDate[data-v-e9edf07d]{display:inline-flex;font-size:.75rem;color:var(--color-chip-text);line-height:1.2;height:1rem;padding:.25px .5rem;background-color:var(--color-chip-background);border-radius:6px}.todo-item__dueDate--today[data-v-e9edf07d]{background-color:var(--color-chip-backgroundToday)}.todo-item__task-title[data-v-e9edf07d]{word-break:break-all;font-weight:600;font-size:1.125rem;line-height:1.4}.todo-item__controls[data-v-e9edf07d]{display:flex;gap:.1875rem}.control-btn[data-v-e9edf07d]{display:inline-flex;padding:.25rem;border-radius:.188rem;transition:all .15s ease-in-out}.control-btn[data-v-e9edf07d]:hover{background-color:var(--color-button-backgroundHoveredDefault)}.sort-option-btn[data-v-37152109]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem;gap:.5rem;border-radius:.188rem;cursor:pointer;color:var(--color-button-text);font-size:.75rem;font-weight:400;transition:all .15s ease-in-out}.sort-option-btn[data-v-37152109]:hover,.sort-option-btn--selected[data-v-37152109]{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundActive)}.sort-option-btn__icon{width:.75rem;height:.75rem}.sort-controller[data-v-15fece79]{position:relative}.sort-controller__options[data-v-15fece79]{display:flex;flex-direction:column;gap:.125rem}.sorting-btn[data-v-15fece79]{display:inline-flex;padding:.25rem;border-radius:.188rem;color:var(--color-text-paragraph);transition:all .15s ease-in-out}.sorting-btn[data-v-15fece79]:hover{background-color:var(--color-button-backgroundActive);color:var(--color-button-textHovered)}.sorting-btn__icon[data-v-15fece79]{width:1.5rem;height:1.5rem}.sorting-btn--active[data-v-15fece79]{background-color:var(--color-button-backgroundActive);color:var(--color-button-textHovered)}.overlay-panel[data-v-15fece79]{position:absolute;top:2.25rem;right:0;z-index:99;min-width:max-content;padding:.25rem;border:3px solid var(--color-stroke);border-radius:.375rem;background-color:var(--color-overlayPanel-background);box-shadow:0 0 .25rem #00000080;overflow:hidden}.sort-option[data-v-2ead90c3]{display:flex;align-items:center;gap:.5rem;font-weight:600}.sort-option__label[data-v-2ead90c3]{font-size:.875rem}.sort-option__icon[data-v-2ead90c3]{width:.75rem;height:.75rem}.control-panel[data-v-9c255167]{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1rem}section[data-v-cc7453fd]:not(:last-of-type){margin-bottom:5rem}section h2[data-v-cc7453fd]{color:var(--color-text-headline);font-size:1.5rem;font-weight:600;margin-bottom:1.25rem}.empty-card[data-v-4dcea75c]{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-card__img[data-v-4dcea75c]{width:14rem}.empty-card__message[data-v-4dcea75c]{color:var(--color-text-paragraph);font-size:1rem;font-weight:600;line-height:1.6}.test[data-v-eb072cd3]{margin:0 auto;margin-top:1rem;display:block;border-radius:6px;border:3px solid var(--color-stroke);padding:.5rem 2.5rem;justify-content:center}.test[data-v-eb072cd3]:hover{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundHovered)}.test[data-v-eb072cd3]:active{color:var(--color-button-textHovered);background-color:var(--color-button-backgroundActive)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{--color-primary: #6246ea;--color-ground-background: #fffffe;--color-sidebar-background: #d1d1e9;--color-modal-background: #fffffe;--color-overlayPanel-background: #fffffe;--color-input-text: #2b2c34;--color-text-headline: #2b2c34;--color-text-paragraph: #2b2c34;--color-button-text: #2b2c34;--color-button-textHovered: #fffffe;--color-button-background: #fffffe;--color-button-backgroundActive: #6246ea;--color-button-backgroundHovered: hsl(250, 80%, 70%);--color-button-backgroundHoveredDefault: rgba(0,0,0,.1);--color-stroke: #2b2c34;--color-chip-text: #fffffe;--color-chip-background: #999999;--color-chip-backgroundToday: #e45858;--color-todoItem-text: #2b2c34;--color-todoItem-textCompleted: #2b2c34;--color-todoItem-background: #fffffe;--color-todoItem-backgroundCompleted: #d1d1e9;--color-illustration-primary: #6246ea;--color-illustration-line: #2b2c34}html[theme=skyline]{--color-primary: #3da9fc;--color-ground-background: #fffffe;--color-sidebar-background: #d8eefe;--color-modal-background: #fffffe;--color-overlayPanel-background: #fffffe;--color-input-text: #094067;--color-text-headline: #094067;--color-text-paragraph: #5f6c7b;--color-button-text: #094067;--color-button-textHovered: #fffffe;--color-button-background: #fffffe;--color-button-backgroundActive: #3da9fc;--color-button-backgroundHovered: hsl(206, 97%, 75%);--color-button-backgroundHoveredDefault: rgba(0,0,0,.1);--color-stroke: #094067;--color-chip-text: #fffffe;--color-chip-background: #90b4ce;--color-chip-backgroundToday: #3da9fc;--color-todoItem-text: #094067;--color-todoItem-textCompleted: #094067;--color-todoItem-background: #fffffe;--color-todoItem-backgroundCompleted: #d8eefe;--color-illustration-primary: #3da9fc;--color-illustration-line: #0d0d0d}html[theme=amber]{--color-primary: #ff8e3c;--color-ground-background: #fffffe;--color-sidebar-background: #eff0f3;--color-modal-background: #fffffe;--color-overlayPanel-background: #fffffe;--color-input-text: #0d0d0d;--color-text-headline: #0d0d0d;--color-text-paragraph: #2a2a2a;--color-button-text: #0d0d0d;--color-button-textHovered: #0d0d0d;--color-button-background: #fffffe;--color-button-backgroundActive: #ff8e3c;--color-button-backgroundHovered: hsl(25, 100%, 75%);--color-button-backgroundHoveredDefault: rgba(0,0,0,.1);--color-stroke: #0d0d0d;--color-chip-text: #fffffe;--color-chip-background: #915c37;--color-chip-backgroundToday: #ff8e3c;--color-todoItem-text: #2a2a2a;--color-todoItem-textCompleted: #2a2a2a;--color-todoItem-background: #fffffe;--color-todoItem-backgroundCompleted: #eff0f3;--color-illustration-primary: #ff8e3c;--color-illustration-line: #0d0d0d}html[theme=midnight-rose]{--color-primary: #fe86b1;--color-ground-background: #232946;--color-sidebar-background: #1d2134;--color-modal-background: #fffffe;--color-overlayPanel-background: #fffffe;--color-input-text: #0d0d0d;--color-text-headline: #fffffe;--color-text-paragraph: #b8c1ec;--color-button-text: #0d0d0d;--color-button-textHovered: #0d0d0d;--color-button-background: #fffffe;--color-button-backgroundActive: #fe86b1;--color-button-backgroundHovered: hsl(339, 98%, 85%);--color-button-backgroundHoveredDefault: rgba(0,0,0,.1);--color-stroke: #121629;--color-chip-text: #fffffe;--color-chip-background: #db5887;--color-chip-backgroundToday: #1d2134;--color-todoItem-text: #0d0d0d;--color-todoItem-textCompleted: #fffffe;--color-todoItem-background: #fffffe;--color-todoItem-backgroundCompleted: #fe86b1;--color-illustration-primary: #fe86b1;--color-illustration-line: #b8c1ec}html[theme=teal]{--color-primary: #647a83;--color-ground-background: #43555a;--color-sidebar-background: #27393c;--color-modal-background: #27393c;--color-overlayPanel-background: #43555a;--color-input-text: #d1e2e5;--color-text-headline: #ffffff;--color-text-paragraph: #d1e2e5;--color-button-text: #d1e2e5;--color-button-textHovered: #ffffff;--color-button-background: #2e4a51;--color-button-backgroundActive: #26a69a;--color-button-backgroundHovered: #3b6b73;--color-button-backgroundHoveredDefault: rgba(38, 166, 154, .1);--color-stroke: #1e282c;--color-chip-text: #ffffff;--color-chip-background: #407671;--color-chip-backgroundToday: #35586C;--color-todoItem-text: #d1e2e5;--color-todoItem-textCompleted: #2e4a51;--color-todoItem-background: #43555a;--color-todoItem-backgroundCompleted: #26a69a;--color-illustration-primary: #26a69a;--color-illustration-line: #ffffff}html{font-family:Noto Sans KR,sans-serif;color:var(--color-text-paragraph);background-color:var(--color-background)}.btn{display:inline-flex;background:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}