@property --u028-p{syntax:"<number>";inherits:true;initial-value:0}.u028-ta{transition:height .25s var(--ux-ease),border-color .15s ease,box-shadow .15s ease,background-color .15s ease}@layer components{.ux.u028{--u028-mau:var(--ux-accent);width:30px;height:30px;transition:transform .45s var(--ux-spring),--u028-p .3s var(--ux-ease);flex:none;place-items:center;display:inline-grid;position:relative}.u028-ring{background:conic-gradient(var(--u028-mau) calc(var(--u028-p) * 360deg),var(--ux-surface-3) 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.u028-left{font-variant-numeric:tabular-nums;color:var(--ux-ink-2);opacity:0;font-size:10.5px;font-weight:800;transition:opacity .2s;position:relative}.u028.is-near{transform:scale(1.25)}.u028.is-near .u028-left{opacity:1}.u028.is-over{--u028-mau:var(--ux-danger)}.u028.is-over .u028-left{color:var(--ux-danger)}.u028-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}