.task-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;position:relative}.task-row__title{font-family:Fira Sans,Arial,serif;font-size:12px;font-weight:400;line-height:16px;color:#303133;width:25%;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.task-row__title:focus,.task-row__title:hover{color:#8f99a6}.task-row__status{display:inline-block;position:relative}.task-row__status-text{margin-left:14px;display:inline-block}.task-row__status-indicator{width:10px;height:10px;margin:0 7px 0 0;display:inline-block;border-radius:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.task-row__value{font-family:Fira Sans,Arial,serif;font-size:12px;font-weight:400;line-height:16px;color:#303133;width:10%}.task-row__value--date{width:10ch}.task-row__value--red{color:red;font-size:200%}.task-row__column-key{font-family:Fira Sans,Arial,serif;font-size:12px;font-weight:400;line-height:16px;color:#8f99a6;position:absolute;top:-33px}.task-row__deadline{background-color:rgba(245,110,110,.5);outline:5px solid rgba(245,110,110,.5)}.task-row__details-icon{stroke:#8f99a6}.task-row__important{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;text-align:center;width:3%}.task-row__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:230px;margin:0 0 0 auto;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}.task-row__arrow-btn{margin-left:auto}@media screen and (min-width:1640px){.task-row__controls{width:270px}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s;transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (min-width:1640px){.task-row{-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}.task-row__value{width:155px}.task-row__value--date{width:10ch}.task-row__value--status{width:130px}.task-row__column-key,.task-row__title,.task-row__value{font-size:16px}}