.nn-metal{--metal-w:2px;--metal-flow:var(--tempo-slow);--metal-sweep:360deg;--metal-surge:var(--dur-max);--chrome-trough:color-mix(in oklab, var(--color-paper) 6%, var(--color-ink));--chrome-low:color-mix(in oklab, var(--color-paper) 34%, var(--color-ink));--chrome-mid:color-mix(in oklab, var(--color-paper) 58%, var(--color-ink));--chrome-silver:color-mix(in oklab, var(--color-paper) 78%, var(--color-ink));--chrome-bright:color-mix(in oklab, var(--color-paper) 92%, var(--color-ink));--chrome-white:color-mix(in oklab, var(--color-paper), #fff 60%);--chrome-edge-a:var(--chrome-mid);--chrome-edge-b:var(--chrome-low);isolation:isolate;position:relative}.nn-metal-ring{inset:calc(-1 * var(--metal-edge,0px));z-index:1;border-radius:inherit;padding:var(--metal-w);pointer-events:none;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.nn-metal-surge{aspect-ratio:1;width:130%;transform:rotate(var(--metal-sweep));margin-top:-65%;margin-left:-65%;position:absolute;top:50%;left:50%}.nn-metal-flow{background:repeating-conic-gradient(from 20deg, var(--chrome-trough) 0deg, var(--chrome-low) 8deg, var(--chrome-edge-b) 16deg, var(--chrome-white) 26deg, var(--chrome-white) 30deg, var(--chrome-edge-a) 38deg, var(--chrome-silver) 46deg, var(--chrome-bright) 58deg, var(--chrome-mid) 72deg, var(--chrome-trough) 86deg, var(--chrome-trough) 94deg, var(--chrome-mid) 106deg, var(--chrome-silver) 122deg, var(--chrome-edge-b) 132deg, var(--chrome-white) 139deg, var(--chrome-edge-a) 146deg, var(--chrome-silver) 154deg, var(--chrome-silver) 164deg, var(--chrome-low) 174deg, var(--chrome-trough) 180deg);animation:nn-metal-flow var(--metal-flow) linear infinite paused;border-radius:50%;position:absolute;inset:0}@keyframes nn-metal-flow{to{transform:rotate(360deg)}}.nn-metal-face{inset:calc(var(--metal-w) - var(--metal-edge,0px));z-index:1;border-radius:max(0px, calc(var(--metal-r,999px) - var(--metal-w)));pointer-events:none;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-paper) 22%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--color-paper) 7%, transparent), inset 0 -1px 0 color-mix(in oklab, var(--color-ink) 70%, transparent);background:linear-gradient(to bottom, color-mix(in oklab, var(--color-paper) 11%, transparent), transparent 70%);position:absolute}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nn-metal:hover .nn-metal-flow{animation-play-state:running}.nn-metal-surge{transition:transform var(--metal-surge) var(--ease-out)}.nn-metal:active .nn-metal-surge{transition-duration:0s;transform:rotate(0)}html[data-modality=keyboard] .nn-metal-surge{transition:none}}@media (prefers-reduced-motion:reduce){.nn-metal-flow{animation:none}}