@import "https://fonts.googleapis.com/css?family=Jost:regular,600";._container_aavhs_1{flex-direction:column;justify-content:center;align-items:center;gap:30px;max-width:800px;margin:0 auto;padding:0 15px;display:flex}._header_rcoq6_1{background-color:var(--color-primary);padding:20px 0}._title_rcoq6_6{font-size:42px;font-weight:600}._item_10vfn_1{background-color:var(--color-inverse);color:var(--color-primary);box-shadow:var(--shadow);word-break:break-word;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:15px 30px;font-weight:600;display:flex}._checkbox_10vfn_15{justify-content:center;align-items:center;display:flex}._checkbox_10vfn_15 input{display:none}._checkbox_10vfn_15 span{border:2px solid var(--color-icon);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .2s;position:relative}._checkbox_10vfn_15 span:after{content:"";border:solid var(--color-icon);opacity:0;border-width:0 2px 2px 0;width:4px;height:8px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}._checkbox_10vfn_15:hover span,._checkbox_10vfn_15:hover span:after{border-color:var(--color-primary)}._checkbox_10vfn_15 input:checked+span:after{opacity:1}._delete_10vfn_60{background:0 0;justify-content:center;align-items:center;display:flex}._icon_10vfn_67{width:20px;height:20px;color:var(--color-icon)}._delete_10vfn_60:hover ._icon_10vfn_67{color:var(--color-primary)}._completed_10vfn_77{text-decoration:line-through}._todos_1dixd_1{flex-direction:column;gap:20px;width:100%;margin-bottom:50px;display:flex}._form_14i3l_1{justify-content:space-between;gap:10px;width:100%;padding:20px 0;display:flex}._input_14i3l_9{color:var(--color-text);border-bottom:1px solid var(--color-border);background-color:#0000;flex:1;padding:5px 10px}._input_14i3l_9::placeholder{color:var(--color-placeholder)}._button_14i3l_21{background-color:var(--color-primary);color:var(--color-inverse);box-shadow:var(--shadow);border-radius:15px;padding:10px 30px;transition:all .2s}._button_14i3l_21:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-hover)}._wrapper_6vpux_1{background-color:var(--color-secondary);flex-direction:column;gap:20px;min-height:100vh;display:flex}._empty_6vpux_9{color:var(--color-primary);font-size:20px}._error_6vpux_14{color:var(--color-error)}:root{--color-primary:#9395d3;--color-primary-hover:#8b8dd0;--color-secondary:#d6d7ef;--color-icon:#b3b7ee;--color-inverse:#fff;--color-border:#8b8787;--color-text:#6e6e6e;--color-placeholder:#a19d9d;--color-error:#ab0000;--shadow:0 4px 4px 0 #00000040;--shadow-hover:4px 0 4px 0 #00000040}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-inverse);font-family:Jost,sans-serif;font-size:18px}input,button{font-family:inherit;font-size:inherit;border:none}button{cursor:pointer}input:focus,button:focus{outline:none}