.tip-progress-ring:not(#\#):not(#\#){--tip-progress-ring-tone-color:var(--tip-color-brand-brown);--tip-progress-ring-fill-color:var(--tip-progress-ring-tone-color);--tip-progress-ring-track-color:var(--tip-color-semantic-surface-sunken);--tip-progress-ring-size:var(--tip-space-40);--tip-progress-ring-stroke:max(var(--tip-space-0_5), calc(var(--tip-progress-ring-size) * .075));--tip-progress-ring-path:1;width:var(--tip-progress-ring-size);height:var(--tip-progress-ring-size);font-family:var(--tip-font-display);color:var(--tip-progress-ring-fill-color);align-items:center;justify-items:center;display:inline-grid;position:relative}.tip-progress-ring[data-tone=success]:not(#\#):not(#\#){--tip-progress-ring-tone-color:var(--tip-color-success-600)}.tip-progress-ring[data-tone=warning]:not(#\#):not(#\#){--tip-progress-ring-tone-color:var(--tip-color-warning-700)}.tip-progress-ring[data-tone=error]:not(#\#):not(#\#){--tip-progress-ring-tone-color:var(--tip-color-error-600)}.tip-progress-ring[data-tone=neutral]:not(#\#):not(#\#){--tip-progress-ring-tone-color:var(--tip-color-semantic-ink-muted)}.tip-progress-ring[data-size=xs]:not(#\#):not(#\#){--tip-progress-ring-size:var(--tip-space-6)}.tip-progress-ring[data-size=sm]:not(#\#):not(#\#){--tip-progress-ring-size:var(--tip-space-16)}.tip-progress-ring[data-size=md]:not(#\#):not(#\#){--tip-progress-ring-size:var(--tip-space-24)}.tip-progress-ring[data-size=lg]:not(#\#):not(#\#){--tip-progress-ring-size:var(--tip-space-40)}.tip-progress-ring[data-size=xl]:not(#\#):not(#\#){--tip-progress-ring-size:calc(var(--tip-space-40) + var(--tip-space-8))}.tip-progress-ring[data-thickness=thin]:not(#\#):not(#\#){--tip-progress-ring-stroke:max(var(--tip-space-0_5), calc(var(--tip-progress-ring-size) * .05))}.tip-progress-ring[data-thickness=regular]:not(#\#):not(#\#){--tip-progress-ring-stroke:max(var(--tip-space-0_5), calc(var(--tip-progress-ring-size) * .075))}.tip-progress-ring[data-thickness=bold]:not(#\#):not(#\#){--tip-progress-ring-stroke:max(var(--tip-space-1), calc(var(--tip-progress-ring-size) * .1))}.tip-progress-ring-svg:not(#\#):not(#\#){transform-box:fill-box;transform-origin:50%;width:100%;height:100%;overflow:visible}.tip-progress-ring-dial:not(#\#):not(#\#){transform:rotate(var(--tip-progress-ring-rotation,-90deg));transform-box:fill-box;transform-origin:50%}.tip-progress-ring-track:not(#\#):not(#\#),.tip-progress-ring-fill:not(#\#):not(#\#),.tip-progress-ring-mask:not(#\#):not(#\#),.tip-progress-ring-check:not(#\#):not(#\#){stroke-linecap:round;stroke-width:var(--tip-progress-ring-stroke)}.tip-progress-ring[data-linecap=butt]:not(#\#):not(#\#) .tip-progress-ring-track,.tip-progress-ring[data-linecap=butt]:not(#\#):not(#\#) .tip-progress-ring-fill{stroke-linecap:butt}.tip-progress-ring-track:not(#\#):not(#\#){stroke:var(--tip-progress-ring-track-color);stroke-dasharray:var(--tip-progress-ring-track-dash)}.tip-progress-ring-fill:not(#\#):not(#\#){stroke:var(--tip-progress-ring-fill-color);stroke-dasharray:var(--tip-progress-ring-track-dash);filter:var(--tip-progress-ring-glow,none)}.tip-progress-ring-mask:not(#\#):not(#\#){stroke-width:calc(var(--tip-progress-ring-stroke) * 2);stroke-dasharray:var(--tip-progress-ring-visible) var(--tip-progress-ring-path);stroke-dashoffset:var(--tip-progress-ring-offset);transition:stroke-dashoffset var(--tip-progress-ring-duration,var(--tip-duration-expansive)) var(--tip-progress-ring-easing,var(--tip-easing-expressive))}@starting-style{.tip-progress-ring-mask:not(#\#):not(#\#){stroke-dashoffset:var(--tip-progress-ring-visible)}}.tip-progress-ring[data-indeterminate]:not(#\#):not(#\#) .tip-progress-ring-fill{stroke-dasharray:var(--tip-progress-ring-indeterminate-dash);-webkit-mask:none;mask:none}.tip-progress-ring[data-loading=spin]:not(#\#):not(#\#) .tip-progress-ring-fill,.tip-progress-ring[data-loading=chase]:not(#\#):not(#\#) .tip-progress-ring-fill{animation:tip-progress-ring-breathe calc(var(--tip-duration-slow) * 4) var(--tip-easing-in-out) infinite}.tip-progress-ring[data-loading=pulse]:not(#\#):not(#\#) .tip-progress-ring-fill{animation:tip-progress-ring-glow calc(var(--tip-duration-slow) * 3) var(--tip-easing-in-out) infinite}.tip-progress-ring[data-loading=spin]:not(#\#):not(#\#) .tip-progress-ring-dial,.tip-progress-ring[data-loading=chase]:not(#\#):not(#\#) .tip-progress-ring-dial,.tip-progress-ring[data-loading=dots]:not(#\#):not(#\#) .tip-progress-ring-dial{animation:tip-progress-ring-spin calc(var(--tip-duration-slow) * 4) linear infinite}.tip-progress-ring[data-loading=chase]:not(#\#):not(#\#) .tip-progress-ring-dial{animation-duration:calc(var(--tip-duration-slow) * 2.5)}.tip-progress-ring[data-loading=dots]:not(#\#):not(#\#) .tip-progress-ring-dial{animation-duration:calc(var(--tip-duration-slow) * 6)}.tip-progress-ring-center:not(#\#):not(#\#){top:var(--tip-progress-ring-stroke);right:var(--tip-progress-ring-stroke);bottom:var(--tip-progress-ring-stroke);left:var(--tip-progress-ring-stroke);pointer-events:none;border-radius:var(--tip-radius-full);background-color:var(--tip-color-semantic-surface);align-items:center;justify-items:center;display:grid;position:absolute}.tip-progress-ring-reading:not(#\#):not(#\#){font-size:var(--tip-text-5xl);letter-spacing:var(--tip-tracking-tighter);font-weight:400;line-height:var(--tip-leading-none);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:opacity var(--tip-duration-fast) var(--tip-easing-exit)}.tip-progress-ring[data-size=xs]:not(#\#):not(#\#) .tip-progress-ring-reading{font-size:var(--tip-text-xs)}.tip-progress-ring[data-size=sm]:not(#\#):not(#\#) .tip-progress-ring-reading{font-size:var(--tip-text-sm)}.tip-progress-ring[data-size=md]:not(#\#):not(#\#) .tip-progress-ring-reading{font-size:var(--tip-text-2xl)}.tip-progress-ring[data-size=xl]:not(#\#):not(#\#) .tip-progress-ring-reading{font-size:var(--tip-text-6xl)}.tip-progress-ring-check:not(#\#):not(#\#){stroke:var(--tip-progress-ring-fill-color);stroke-dasharray:var(--tip-progress-ring-check-length);stroke-dashoffset:var(--tip-progress-ring-check-length);opacity:0;visibility:hidden;transition:stroke-dashoffset var(--tip-duration-expansive) var(--tip-easing-expressive), opacity var(--tip-duration-fast) var(--tip-easing-standard), visibility var(--tip-duration-fast) var(--tip-easing-standard)}.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-reading,.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-custom{opacity:0}.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-center{background-color:transparent}.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-check{opacity:1;visibility:visible;stroke-dashoffset:0}.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-svg{animation:tip-progress-ring-pulse var(--tip-duration-expansive) var(--tip-easing-expressive) 1}.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-complete-icon{align-items:center;justify-items:center;display:grid;position:absolute}.tip-progress-ring[data-complete-icon]:not(#\#):not(#\#) .tip-progress-ring-check{display:none}@media (prefers-reduced-motion:reduce){.tip-progress-ring-mask:not(#\#):not(#\#),.tip-progress-ring-reading:not(#\#):not(#\#),.tip-progress-ring-check:not(#\#):not(#\#){transition:none}.tip-progress-ring[data-indeterminate]:not(#\#):not(#\#) .tip-progress-ring-dial,.tip-progress-ring[data-indeterminate]:not(#\#):not(#\#) .tip-progress-ring-fill,.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-svg{animation:none}.tip-progress-ring[data-complete]:not(#\#):not(#\#) .tip-progress-ring-check{stroke-dashoffset:0}}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring-mask,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring-reading,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring-check{transition:none}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring[data-indeterminate] .tip-progress-ring-dial,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring[data-indeterminate] .tip-progress-ring-fill,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring[data-complete] .tip-progress-ring-svg{animation:none}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-progress-ring[data-complete] .tip-progress-ring-check{stroke-dashoffset:0}@media (forced-colors:active){.tip-progress-ring-track:not(#\#):not(#\#){stroke:graytext}.tip-progress-ring-fill:not(#\#):not(#\#),.tip-progress-ring-check:not(#\#):not(#\#),.tip-progress-ring:not(#\#):not(#\#){color:canvastext;stroke:canvastext;filter:none}.tip-progress-ring-center:not(#\#):not(#\#){background-color:canvas}}@keyframes tip-progress-ring-spin{0%{transform:rotate(var(--tip-progress-ring-rotation,-90deg))}to{transform:rotate(calc(var(--tip-progress-ring-rotation,-90deg) + 360deg))}}@keyframes tip-progress-ring-breathe{50%{stroke-dasharray:var(--tip-progress-ring-breathe-dash,.38) var(--tip-progress-ring-path)}}@keyframes tip-progress-ring-glow{50%{opacity:.35}}@keyframes tip-progress-ring-pulse{50%{transform:scale(1.04)}}