@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{background-color:#f8f9fa;margin:0}main{display:flex;flex-direction:row;align-items:flex-start;align-content:flex-start;flex-wrap:nowrap;justify-content:center;padding:12px 4px 0 12px;width:fit-content;min-width:100%;box-sizing:border-box;height:100%}*{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.page-nav{width:100%;height:64px;background-color:#fff;border-bottom:1px solid #dadce0;margin:0;padding:0}.tasks{background-color:#fff;border:1px solid #f1f3f4;border-radius:16px;flex-shrink:1;flex-grow:1;margin:4px;max-width:680px;min-width:300px;min-height:336px;overflow:clip;position:relative;text-align:center}.tasks__list{list-style:none;padding:0;margin:0}.tasks h1{font-family:Product Sans Light Regular;font-size:18px;font-weight:100;margin:15px 17px;text-align:left}.tasks:hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.tasks:hover:before{content:"";position:absolute;background-color:#e0e0e0;width:35px;height:4px;left:50%;transform:translate(-50%);top:3px;border-radius:5px}.tasks__add-btn{background-color:transparent;border:none;font-family:Product Sans Light Regular;font-weight:800;font-size:14px;letter-spacing:1px;color:#1a73e8;padding:10px;width:80%;height:33px;border-radius:20px}.tasks__add-btn:hover{color:#174ea6;background-color:#e3eefc;cursor:pointer}.tasks__task{position:relative;width:100%;height:30px;text-align:left;margin:20px 0}.tasks__task-checkbox{margin:0 20px;position:absolute!important}.tasks__task-edit-btn{position:absolute;right:55px}.tasks__task-delete-btn{position:absolute;right:23px;width:30px;top:-2px;padding:0}._round_275ft_1{position:relative}._round_275ft_1 label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:28px;left:0;position:absolute;top:0;width:28px}._round_275ft_1 label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:7px;opacity:0;position:absolute;top:8px;transform:rotate(-45deg);width:12px}._round_275ft_1 input[type=checkbox]{visibility:hidden}._round_275ft_1 input[type=checkbox]:checked+label{background-color:#66bb6a;border-color:#66bb6a}._round_275ft_1 input[type=checkbox]:checked+label:after{opacity:1}._edit-button_16aip_1{background-color:transparent;border:none}._edit-button_16aip_1:hover{cursor:pointer;background-color:#eeeff0;border-radius:8px}.tasks__task-counter{font-family:Product Sans Light Regular;font-size:20px;position:absolute;right:100px;top:2px}.tasks__task-input{font-family:Product Sans Light Regular;height:100%;line-height:31px;position:absolute;left:63px;height:30px;font-size:18px;border:none;width:55%}.tasks__task:nth-child(2n)>.tasks__task-input{top:-1px}.tasks__task-title{font-family:Product Sans Light Regular;height:100%;line-height:31px;position:absolute;left:65px;font-size:18px;cursor:pointer;display:block;width:55%}.testing{width:200px;display:block}@font-face{font-family:Product Sans Light Regular;font-style:normal;font-weight:400;src:local("Product Sans Light Regular"),url(/fonts/ProductSans-Light.woff) format("woff")}