body,html{font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;border:0;height:100%;width:100%;background-color:#fff;font-size:14px;line-height:normal}body,html,ul{margin:0;padding:0}ul{list-style:none}button{outline:none}a{text-decoration:none}#root,#root *{box-sizing:border-box}.tracker{text-align:center;padding:90px}.tracker__link{font-size:44px;line-height:normal;color:#000;font-weight:700;margin-bottom:1.7772em;display:inline-block}.tracker__content{width:100%;max-width:40em;height:28em;margin:0 auto;display:flex;flex-direction:column}.form{margin-bottom:1.7857em}.form__row{position:relative}.form__input{width:100%;font-size:17px;padding:.7058em 3.2em .7058em 1.1176em;border-radius:1.3529em;border:1px solid #7f7f7f;outline:none}.form__input:focus{border-color:#000}.form__submit{position:absolute;top:50%;right:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:40px;border-radius:50%;padding:0;border:none;display:flex;align-items:center;justify-content:center;background-color:#3faf6c;color:#fff;cursor:pointer;-webkit-transition:.3s;transition:.3s}.form__submit:hover{background-color:#389c60}.form__submit:before{content:"";height:0;width:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:7px 0 7px 7px;position:relative;left:2px}.list{flex-grow:1;overflow-y:auto}.list__item{display:flex;align-items:center;padding:1.125em .4375em 1.125em 1.3125em;font-size:1.1428em;font-weight:600;border-top:1px solid #e5e5e5}.list__item:last-child{border-bottom:1px solid #e5e5e5}.list__item.active{background-color:#fdfdf6;color:#3faf6c}.list__title{flex-grow:1;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__time{margin-left:2.0714em}.list__buttons{margin-left:2.0714em}.list__btn,.list__buttons{display:flex;align-items:center}.list__btn{height:1.7857em;width:1.7857em;border:3px solid #000;color:#000;border-radius:50%;padding:0;margin-right:15px;cursor:pointer;-webkit-transition:.3s;transition:.3s;font-size:14px;position:relative;justify-content:center;background-color:transparent}.list__btn:last-child{margin-right:0}.list__btn:hover{color:#333;border-color:#333}.list__btn.play:before{content:"";height:0;width:0;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:5px 0 5px 5px;position:relative;left:1px}.list__btn.pause:after,.list__btn.pause:before{content:"";width:3px;height:11px;background-color:currentColor;display:inline-block}.list__btn.pause:before{margin-right:2px}.list__btn.delete{border-color:#d2697a;color:#d2697a}.list__btn.delete:before{content:"";width:13px;height:3px;background-color:currentColor;display:block}.list__btn.delete:hover{color:#c64257;border-color:#c64257}@media (max-width:767px){.tracker__link{font-size:38px}.tracker{padding:70px 0}.tracker__content{height:auto}.form{padding:0 15px}}@media (max-width:479px){body,html{font-size:12px}.tracker__link{margin-bottom:1.4em}}
/*# sourceMappingURL=main.d157117e.chunk.css.map */