.button-control{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--padding-control-inline);border:1px solid transparent;border-radius:var(--radius-action);font:var(--type-button);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--duration-feedback) var(--ease-standard)}.button-control__label{position:relative;z-index:2}.button-control--compact{min-height:2.75rem}.button-control--primary,.button-control--secondary{--button-signal-size: 2.5rem;--button-label-offset: var(--space-4);--button-inner-radius: calc(var(--radius-action) - .125rem);--button-signal-cycle: calc( var(--duration-emphasis) + var(--duration-emphasis) + var(--duration-emphasis) );position:relative;isolation:isolate;overflow:hidden;padding-inline:calc(var(--button-signal-size) + var(--space-3));border-color:var(--button-border-color);background:var(--button-shell-color);color:var(--button-label-color);transition:border-color var(--duration-feedback) var(--ease-standard),transform var(--duration-feedback) var(--ease-standard)}.button-control--primary{--button-shell-color: var(--color-text);--button-border-color: var(--color-border-strong);--button-signal-color: var(--layer-surface);--button-signal-ink: var(--color-text);--button-label-color: var(--color-text-on-dark);--button-expanded-label-color: var(--color-text);--button-expanded-border-color: var(--color-text)}.button-control--secondary{--button-shell-color: var(--layer-surface);--button-border-color: var(--color-text);--button-signal-color: var(--color-text);--button-signal-ink: var(--color-text-on-dark);--button-label-color: var(--color-text);--button-expanded-label-color: var(--color-text-on-dark);--button-expanded-border-color: var(--color-text)}.button-control.button-control--compact:is(.button-control--primary,.button-control--secondary){--button-signal-size: 2rem;--button-label-offset: var(--space-3);min-height:2.75rem;padding-inline:var(--padding-control-inline-compact);border-width:0;border-color:transparent;background:transparent}.button-control--compact:is(.button-control--primary,.button-control--secondary):before{position:absolute;z-index:0;inset:var(--space-1) 0;border:1px solid var(--button-border-color);border-radius:var(--radius-action);background:var(--button-shell-color);content:"";pointer-events:none;transition:border-color var(--duration-feedback) var(--ease-standard)}.button-control--compact .button-control__signal{top:calc(var(--space-1) + .125rem);bottom:calc(var(--space-1) + .125rem)}.button-control--compact .button-control__signal--trailing{right:var(--space-3)}:is(.button-control--primary,.button-control--secondary) .button-control__label{transform:translate(var(--button-label-offset));transition:color var(--duration-interface) var(--ease-standard),transform var(--duration-interface) var(--ease-emphasized)}.button-control__signal{position:absolute;top:.125rem;bottom:.125rem;display:block;color:var(--button-signal-ink);pointer-events:none}.button-control__signal--leading{z-index:1;left:.125rem;inline-size:var(--button-signal-size);overflow:hidden;border-radius:var(--button-inner-radius);background:var(--button-signal-color);transition:inline-size var(--duration-emphasis) var(--ease-emphasized)}.button-control__signal--trailing{z-index:3;right:var(--space-4);inline-size:1.5rem;overflow:hidden;opacity:0;transition:opacity var(--duration-feedback) var(--ease-standard)}.button-control__signal:before,.button-control__signal:after{position:absolute;top:calc(50% - .4375rem);width:.125rem;height:.125rem;background:currentColor;box-shadow:.125rem .125rem 0 currentColor,.25rem .25rem 0 currentColor,.375rem .375rem 0 currentColor,.25rem .5rem 0 currentColor,.125rem .625rem 0 currentColor,0 .75rem 0 currentColor;content:"";opacity:1;animation:button-signal-arrow-loop var(--button-signal-cycle) steps(8,end) infinite;transition:opacity var(--duration-feedback) var(--ease-standard)}.button-control__signal:before{left:calc(50% - .625rem)}.button-control__signal:after{left:calc(50% - .125rem)}@keyframes button-signal-arrow-loop{0%{transform:translate(-1.625rem)}to{transform:translate(1.875rem)}}.button-control--text{min-height:2.75rem;padding:var(--space-2) 0;border-color:transparent;background:transparent;color:var(--color-text);text-decoration:none}.button-control--text .button-control__label{display:inline-flex;gap:var(--space-2);align-items:center}.button-control--text .button-control__label-text{position:relative}.button-control__arrow{width:.875rem;height:.875rem;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.button-control--text .button-control__label-text:after{position:absolute;right:0;bottom:-.3em;left:0;height:2px;background:var(--color-text);content:"";transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-interface) var(--ease-emphasized)}:is(.button-control--primary,.button-control--secondary):focus-visible,:is(.button-control--primary,.button-control--secondary):active{border-color:var(--button-expanded-border-color)}.button-control--compact:is(.button-control--primary,.button-control--secondary):focus-visible:before,.button-control--compact:is(.button-control--primary,.button-control--secondary):active:before{border-color:var(--button-expanded-border-color)}:is(.button-control--primary,.button-control--secondary):focus-visible .button-control__signal--leading,:is(.button-control--primary,.button-control--secondary):active .button-control__signal--leading{inline-size:calc(100% - .25rem)}:is(.button-control--primary,.button-control--secondary):focus-visible .button-control__label,:is(.button-control--primary,.button-control--secondary):active .button-control__label{color:var(--button-expanded-label-color);transform:translate(0)}:is(.button-control--primary,.button-control--secondary):focus-visible .button-control__signal--leading:before,:is(.button-control--primary,.button-control--secondary):focus-visible .button-control__signal--leading:after,:is(.button-control--primary,.button-control--secondary):active .button-control__signal--leading:before,:is(.button-control--primary,.button-control--secondary):active .button-control__signal--leading:after{opacity:0}:is(.button-control--primary,.button-control--secondary):focus-visible .button-control__signal--trailing,:is(.button-control--primary,.button-control--secondary):active .button-control__signal--trailing{opacity:1}.button-control--text:focus-visible .button-control__label-text:after,.button-control--text:active .button-control__label-text:after{transform:scaleX(1)}.button-control:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.button-control:disabled,.button-control[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}:is(.button-control--primary,.button-control--secondary):disabled .button-control__signal:before,:is(.button-control--primary,.button-control--secondary):disabled .button-control__signal:after,:is(.button-control--primary,.button-control--secondary)[aria-disabled=true] .button-control__signal:before,:is(.button-control--primary,.button-control--secondary)[aria-disabled=true] .button-control__signal:after{animation:none}@media(hover:hover)and (pointer:fine){:is(.button-control--primary,.button-control--secondary):hover{border-color:var(--button-expanded-border-color)}.button-control--compact:is(.button-control--primary,.button-control--secondary):hover:before{border-color:var(--button-expanded-border-color)}:is(.button-control--primary,.button-control--secondary):hover .button-control__signal--leading{inline-size:calc(100% - .25rem)}:is(.button-control--primary,.button-control--secondary):hover .button-control__label{color:var(--button-expanded-label-color);transform:translate(0)}:is(.button-control--primary,.button-control--secondary):hover .button-control__signal--leading:before,:is(.button-control--primary,.button-control--secondary):hover .button-control__signal--leading:after{opacity:0}:is(.button-control--primary,.button-control--secondary):hover .button-control__signal--trailing{opacity:1}.button-control--text:hover .button-control__label-text:after{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){:is(.button-control--primary,.button-control--secondary),.button-control--compact:is(.button-control--primary,.button-control--secondary):before,:is(.button-control--primary,.button-control--secondary) .button-control__label,.button-control__signal--leading,.button-control__signal--trailing,.button-control__signal:before,.button-control__signal:after,.button-control--text .button-control__label-text:after{transition:none}.button-control__signal:before,.button-control__signal:after{animation:none}}@media(width<48rem){.button-control--compact{min-height:2.75rem}}.button-control--primary{--button-roll-label-color: var(--color-text-on-dark);position:relative;isolation:isolate;overflow:hidden;padding-inline:var(--padding-control-inline);border-color:var(--color-text);background:var(--color-text);color:var(--color-text-on-dark)}:is(.button-control--primary,.button-control--secondary) .button-control__label--rolling{display:block;block-size:1.2em;overflow:hidden;color:var(--button-roll-label-color);transform:none}.button-control__label-track{display:flex;flex-direction:column;transform:translateY(0);transition:transform var(--duration-feedback) var(--ease-standard)}.button-control__label-copy{display:inline-flex;min-block-size:1.2em;align-items:center;justify-content:center;gap:var(--space-2);line-height:1.2}:is(.button-control--primary,.button-control--secondary):focus-visible .button-control__label-track{transform:translateY(-50%)}:is(.button-control--primary,.button-control--secondary):is(:hover,:focus-visible,:active) .button-control__label--rolling{color:var(--button-roll-label-color);transform:none}@media(hover:hover)and (pointer:fine){:is(.button-control--primary,.button-control--secondary):hover .button-control__label-track{transform:translateY(-50%)}}.button-control--secondary{--button-starfield-surface: var(--layer-surface);--button-starfield-color: var(--color-text);--button-starfield-edge-color: var(--color-text);--button-starfield-alpha: .72;--button-starfield-canvas-opacity: .82;--button-starfield-glow-opacity: .32;--button-starfield-outer-opacity: 0;--button-starfield-label-color: var(--color-text);position:relative;isolation:isolate;overflow:visible;padding-inline:var(--padding-control-inline);border-color:transparent;background:transparent;color:var(--color-text)}.button-control--secondary:before,.button-control--secondary:after,.button-control.button-control--compact.button-control--secondary:before{content:none}.button-control__starfield{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;background:var(--button-starfield-surface);box-shadow:inset 0 0 0 1px var(--color-border-strong);pointer-events:none}.button-control--secondary:after{content:"";position:absolute;z-index:-1;inset:var(--space-1);border-radius:inherit;box-shadow:0 0 var(--space-3) color-mix(in srgb,var(--button-starfield-edge-color) 16%,transparent);opacity:0;transition:opacity var(--duration-feedback) var(--ease-standard);pointer-events:none}.button-control--compact .button-control__starfield{inset:var(--space-1) 0}.button-control__starfield-canvas,.button-control__starfield-glow,.button-control__starfield-orbit{position:absolute;inset:0;inline-size:100%;block-size:100%}.button-control__starfield-canvas{opacity:0;transition:opacity var(--duration-feedback) var(--ease-standard)}.button-control__starfield-glow{inset:0;inline-size:auto;block-size:auto;border:1px solid color-mix(in srgb,var(--button-starfield-edge-color) 44%,transparent);border-radius:inherit;background:transparent;box-shadow:inset 0 0 var(--space-2) color-mix(in srgb,var(--button-starfield-edge-color) 14%,transparent);opacity:0;transition:opacity var(--duration-feedback) var(--ease-standard)}.button-control__starfield-orbit{z-index:1;inset:calc(var(--space-1) / 2);inline-size:auto;block-size:auto;padding:1px;border-radius:calc(var(--radius-action) - var(--space-1) / 2);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:border-box,content-box;-webkit-mask-composite:xor;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:border-box,content-box;mask-composite:exclude}.button-control__starfield-light{position:absolute;top:0;left:0;inline-size:3rem;block-size:3rem;margin:-1.5rem;border-radius:50%;background:radial-gradient(circle,var(--button-starfield-edge-color) 0%,color-mix(in srgb,var(--button-starfield-edge-color) 82%,transparent) 24%,transparent 72%);will-change:transform}.button-control--secondary .button-control__label{z-index:2;color:var(--button-starfield-label-color);transform:none}.button-control--secondary .button-control__signal{display:none}.button-control--secondary:is(:hover,:focus-visible,:active) .button-control__label{color:var(--button-starfield-label-color);transform:none}.button-control--secondary:focus-visible .button-control__starfield-canvas{opacity:var(--button-starfield-canvas-opacity)}.button-control--secondary:focus-visible .button-control__starfield-glow{opacity:var(--button-starfield-glow-opacity)}.button-control--secondary:focus-visible:after{opacity:var(--button-starfield-outer-opacity)}@media(hover:hover)and (pointer:fine){.button-control--secondary:hover .button-control__starfield-canvas{opacity:var(--button-starfield-canvas-opacity)}.button-control--secondary:hover .button-control__starfield-glow{opacity:var(--button-starfield-glow-opacity)}.button-control--secondary:hover:after{opacity:var(--button-starfield-outer-opacity)}}.button-control--secondary:is(:disabled,[aria-disabled=true]) .button-control__starfield-canvas{opacity:0}.button-control--secondary:is(:disabled,[aria-disabled=true]) .button-control__starfield-light{opacity:.35}.button-control--secondary:is(:disabled,[aria-disabled=true]):after{opacity:0}.button-control--secondary{--button-roll-label-color: var(--color-text);overflow:hidden;padding-inline:var(--padding-control-inline);border-color:var(--color-text);background:var(--layer-surface);color:var(--color-text)}.button-control.button-control--compact.button-control--secondary{padding-inline:var(--padding-control-inline-compact);border-width:0;border-color:transparent;background:transparent}.button-control.button-control--compact.button-control--secondary:before{content:""}@media(prefers-reduced-motion:reduce){.button-control__starfield-canvas,.button-control__starfield-glow{transition:none}.button-control__starfield-light{will-change:auto}:is(.button-control--primary,.button-control--secondary) .button-control__label-track,:is(.button-control--primary,.button-control--secondary):is(:hover,:focus-visible) .button-control__label-track{transform:none;transition:none}}