.dv-steel,.dv-btn--steel:before{--dv-steel-lx:70%;--dv-steel-ly:-40%;--dv-steel-spec:.6;background-color:var(--dv-steel-bottom);background-image: linear-gradient(90deg, transparent calc(var(--dv-steel-lx) - 22px), color-mix(in srgb, var(--dv-steel-shine) calc(var(--dv-steel-spec) * 18%), transparent) calc(var(--dv-steel-lx) - 7px), color-mix(in srgb, var(--dv-steel-shine) calc(var(--dv-steel-spec) * 90%), transparent) calc(var(--dv-steel-lx) - 1.5px), color-mix(in srgb, var(--dv-steel-shine) calc(var(--dv-steel-spec) * 100%), transparent) var(--dv-steel-lx), color-mix(in srgb, var(--dv-steel-shine) calc(var(--dv-steel-spec) * 90%), transparent) calc(var(--dv-steel-lx) + 1.5px), color-mix(in srgb, var(--dv-steel-shine) calc(var(--dv-steel-spec) * 18%), transparent) calc(var(--dv-steel-lx) + 7px), transparent calc(var(--dv-steel-lx) + 22px)),  radial-gradient(circle 760px at var(--dv-steel-lx) var(--dv-steel-ly), color-mix(in srgb, var(--dv-steel-shine) 34%, transparent), transparent 55%, color-mix(in srgb, var(--dv-steel-shadow) 22%, transparent) 100%),  repeating-linear-gradient(180deg, color-mix(in srgb, var(--dv-steel-shine) 11%, transparent) 0 1px, transparent 1px 3px), repeating-linear-gradient(180deg, color-mix(in srgb, var(--dv-steel-shadow) 8%, transparent) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--dv-steel-top), var(--dv-steel-bottom))}.dv-steel-rhythm{pointer-events:none;position:absolute}.dv-btn--steel{isolation:isolate;min-height:calc(var(--dv-size-target-min) + var(--dv-space-sm));padding:0 var(--dv-space-xl);color:var(--dv-color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;text-decoration:none;transition:transform 90ms ease-out;position:relative}.dv-btn--steel.dv-btn--on-brand{color:var(--dv-color-text-on-brand)}.dv-btn--steel:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;transition:filter var(--dv-motion-duration) var(--dv-motion-ease);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dv-btn--steel:focus-visible{outline:2px solid var(--dv-color-focus-ring);outline-offset:3px}.dv-btn--steel.dv-btn--on-brand:focus-visible{outline-color:var(--dv-color-text-on-brand)}.dv-btn--steel.is-lit:before,.dv-btn--steel:focus-visible:before{filter:brightness(1.2)}.dv-steel__spot{z-index:-1;pointer-events:none;opacity:0;transition:opacity var(--dv-motion-duration) var(--dv-motion-ease);background:radial-gradient(circle 120px at var(--dv-steel-lx) var(--dv-steel-ly), color-mix(in srgb, var(--dv-steel-shine) 20%, transparent), transparent 70%);position:absolute;inset:2px}.dv-btn--steel.is-lit .dv-steel__spot{opacity:1}.dv-steel__label,.dv-steel__done{align-items:center;gap:var(--dv-space-sm);transition:transform .22s var(--dv-motion-ease), opacity .22s var(--dv-motion-ease);display:inline-flex}.dv-btn--steel.is-down{transform:scale(.965)}.dv-btn--steel.is-down .dv-steel__spot{opacity:1;background:radial-gradient(circle 90px at var(--dv-steel-lx) var(--dv-steel-ly), color-mix(in srgb, var(--dv-steel-shine) 36%, transparent), transparent 70%)}.dv-btn--steel.is-fired:before{filter:brightness(1.55)}.dv-steel__race{pointer-events:none;opacity:0;filter:drop-shadow(0 0 3px var(--dv-steel-shine)) drop-shadow(0 0 9px color-mix(in srgb, var(--dv-steel-shine) 75%, transparent));position:absolute;inset:-3px}.dv-steel__race i{border-radius:var(--dv-radius-control);background:conic-gradient(from var(--dv-steel-a,0deg), transparent 0deg, transparent 240deg, color-mix(in srgb, var(--dv-steel-shine) 55%, transparent) 320deg, var(--dv-steel-shine) 352deg, transparent 360deg);-webkit-mask-composite:xor;margin:-1px;padding:3px;position:absolute;inset:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dv-steel__ring{border:1px solid color-mix(in srgb, var(--dv-steel-shine) 90%, transparent);border-radius:var(--dv-radius-control);pointer-events:none;position:absolute;inset:0}.dv-steel__done{opacity:0;justify-content:center;position:absolute;inset:0;transform:translateY(8px)}.dv-steel__done svg{width:var(--dv-size-icon-md);height:var(--dv-size-icon-md)}.dv-btn--steel.is-done .dv-steel__label{opacity:0;transform:translateY(-8px)}.dv-btn--steel.is-done .dv-steel__done{opacity:1;transform:none}.dv-steel-glints{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.dv-steel-glint{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.dv-steel-glint b{background:radial-gradient(circle, var(--dv-steel-shine) 0 1.2px, color-mix(in srgb, var(--dv-steel-shine) 90%, transparent) 2px, color-mix(in srgb, var(--dv-steel-shine) 32%, transparent) 5px, transparent 13px), linear-gradient(90deg, transparent, color-mix(in srgb, var(--dv-steel-shine) 90%, transparent) 50%, transparent) center / 100% 1px no-repeat, linear-gradient(180deg, transparent, color-mix(in srgb, var(--dv-steel-shine) 90%, transparent) 50%, transparent) center / 1px 100% no-repeat;width:60px;height:60px;position:absolute;top:-30px;left:-30px}@media (prefers-reduced-motion:reduce){.dv-btn--steel,.dv-btn--steel *,.dv-btn--steel:before{transition:none!important}}