body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.task-app{padding:32px}*{margin:0;padding:0;box-sizing:border-box}.task-page-container{display:flex;flex-direction:column;align-items:center;padding:32px;border:2px solid rgb(42,42,42);max-width:800px;margin:auto;border-radius:6px;min-width:320px;min-height:435px}.header{font-size:32px;width:736px;height:39px;text-align:center;margin-bottom:15px}input{color:#000;font-size:16px}button{font-size:16px;cursor:pointer;border:1px solid #C4C4C4;border-radius:2px;background-color:#c4c4c4}.button-text{font-weight:500;font-size:16px;color:#000}.create-button--active{background-color:#00a3ff;border:1px solid #00A3FF}.create-button--active .button-text{color:#fff}.task-input-container{max-width:736px;width:100%;height:auto;display:flex;gap:16px;margin-bottom:26px;flex-wrap:wrap;justify-content:center}.input-box{flex-grow:1;padding:9px;height:32px}.input-box::placeholder{color:#8d8d8d;font-weight:400;font-size:16px}.create-button{flex-grow:0;width:81px;height:32px}.delete-button{background:none;border:none;padding:0;cursor:pointer;outline:none;display:flex}.delete-icon{height:16px}.delete-button:hover{background-color:transparent}.task-container{border-bottom:1px solid #D3D3D3;display:flex;gap:4px;min-height:32px;height:auto;align-items:center}input[type=checkbox]{width:20px;height:20px}label{flex-grow:1;font-size:20px}.empty-tasks-container{display:flex;flex-direction:column;align-items:center}.empty-tasks-graphic{width:400px;height:230px;padding:25px}.empty-tasks-text{text-align:center;font-size:20px;font-weight:400;width:124px}.task-list-container{min-width:auto;max-width:736px;width:100%}.task-list{list-style-type:none;display:flex;flex-direction:column;gap:11px}