.uk-tracker{--uk-tracker-p:0;position:relative}.uk-tracker[data-look=ring]{width:var(--uk-tracker-size,64px);height:var(--uk-tracker-size,64px);background:var(--uk-tracker-coin,#00000073);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:50%;display:inline-flex}.uk-tracker[data-look=ring] svg{width:100%;height:100%;rotate:-90deg}.uk-tracker[data-look=ring] circle{fill:none;stroke-width:4px}.uk-tracker__track{stroke:var(--uk-tracker-color,color-mix(in srgb, currentColor 35%, transparent))}.uk-tracker__fill{stroke:var(--uk-tracker-accent,currentColor);stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--uk-tracker-p))}.uk-tracker[data-look=ruler]{background-image:linear-gradient(90deg, var(--uk-tracker-color,color-mix(in srgb, currentColor 35%, transparent)) 1px, transparent 1px), linear-gradient(90deg, var(--uk-tracker-color,color-mix(in srgb, currentColor 35%, transparent)) 1px, transparent 1px), linear-gradient(90deg, var(--uk-tracker-color,color-mix(in srgb, currentColor 35%, transparent)) 1px, transparent 1px);background-size:var(--uk-tracker-step,64px) 14px, var(--uk-tracker-step,64px) 10px, calc(var(--uk-tracker-step,64px) / 10) 5px;background-position:0 100%, calc(var(--uk-tracker-step,64px) / 2) 100%, 0 100%;background-repeat:repeat-x;height:20px}.uk-tracker__mark{bottom:0;background:var(--uk-tracker-accent,#5b8cff);width:2px;height:20px;margin-inline-start:-1px;position:absolute;inset-inline-start:calc(var(--uk-tracker-p) * 100%)}.uk-tracker[data-look=count]{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:color-mix(in srgb, currentColor 60%, transparent);direction:ltr;align-items:center;gap:.8rem;font-size:.75rem;display:flex}.uk-tracker__line{background:var(--uk-tracker-color,color-mix(in srgb, currentColor 35%, transparent));flex:1;height:1px;position:relative}.uk-tracker__line>i{background:var(--uk-tracker-accent,currentColor);transform-origin:0;scale:var(--uk-tracker-p) 1;position:absolute;inset:0}.uk-tracker[data-look=dots]{direction:ltr;align-items:center;height:12px;display:flex}.uk-tracker__line>b{--done:clamp(0, (var(--uk-tracker-p) - var(--at)) * 400, 1);top:50%;left:calc(var(--at) * 100%);border:1px solid var(--uk-tracker-color,color-mix(in srgb, currentColor 35%, transparent));background:color-mix(in srgb, var(--uk-tracker-accent,currentColor) calc(var(--done) * 100%), transparent);width:9px;height:9px;scale:calc(1 + var(--done) * .25);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.uk-tracker[data-look=dots][data-vertical]{flex-direction:column;justify-content:center;width:12px;height:100%}.uk-tracker[data-vertical] .uk-tracker__line{flex:1;width:1px;height:100%}.uk-tracker[data-vertical] .uk-tracker__line>i{transform-origin:top;scale:1 var(--uk-tracker-p)}.uk-tracker[data-vertical] .uk-tracker__line>b{top:calc(var(--at) * 100%);margin:-4.5px 0 0 -4.5px;left:50%}