.ui-checks{width:340px;padding-bottom:8px}.ui-checks__head{align-items:center;height:48px;padding:0 16px;display:flex}.ui-checks__bar{background:var(--u-line);border-radius:2px;height:4px;margin:0 16px 8px;position:relative;overflow:hidden}.ui-checks__bar i{background:var(--u-accent);transform-origin:0;transform:scaleX(var(--k,0));transition:transform .5s var(--u-ease);border-radius:2px;position:absolute;inset:0}.ui-check{align-items:center;gap:12px;height:40px;padding:0 16px;font-size:13px;line-height:20px;display:flex}.ui-check__box{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--u-line-2);color:var(--u-bg);transition:background-color .24s var(--u-ease), box-shadow .24s var(--u-ease), transform .3s var(--u-spring);border-radius:50%;flex:none;place-items:center;display:grid}.ui-check__box svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.ui-check__box path{stroke-dasharray:12;stroke-dashoffset:12px;transition:stroke-dashoffset .3s var(--u-ease) 80ms}.ui-check__label{transition:color .3s var(--u-ease);position:relative}.ui-check__label:after{content:"";transform-origin:0;height:1px;transition:transform .36s var(--u-ease) .12s;background:currentColor;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.ui-check.is-done .ui-check__box{background:var(--u-ink);box-shadow:none}.ui-check.is-now .ui-check__box{background:var(--u-ink);color:var(--u-bg)}.ui-check.is-done .ui-check__box path{stroke-dashoffset:0}.ui-check.is-done .ui-check__label{color:var(--u-muted)}.ui-check.is-done .ui-check__label:after{transform:scaleX(1)}.ui-check.is-now .ui-check__box{transform:scale(1.12)}.ui-checks.is-reset *{transition-duration:.2s!important;transition-delay:0s!important}@media (width<=360px){.ui-checks{width:100%}}