.shortcut{--shortcut-font-size:var(--size-overline);--shortcut-min-size:var(--space-20);--shortcut-padding-inline:var(--space-4);--shortcut-gap:var(--space-2);--shortcut-radius:var(--radius-4);--shortcut-content-color:var(--neutral-content-main-titles);--shortcut-surface-color:var(--neutral-surface-background);--shortcut-border-color:var(--neutral-border-components);--shortcut-border-width:var(--stroke-components);align-items:center;gap:var(--shortcut-gap);color:var(--shortcut-content-color);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex}.shortcut-keys{align-items:center;gap:var(--shortcut-gap);display:inline-flex}.shortcut-key{min-width:var(--shortcut-min-size);height:var(--shortcut-min-size);padding-inline:var(--shortcut-padding-inline);border-radius:var(--shortcut-radius);border:var(--shortcut-border-width) solid var(--shortcut-border-color);background-color:var(--shortcut-surface-color);color:var(--shortcut-content-color);font-family:var(--font-sans);font-size:var(--shortcut-font-size);font-weight:var(--weight-overline);white-space:nowrap;font-feature-settings:"case" 1;justify-content:center;align-items:center;gap:1px;line-height:1;display:inline-flex}.shortcut-glyph{justify-content:center;align-items:center;display:inline-flex}.shortcut-separator{color:var(--shortcut-content-color);font-family:var(--font-sans);font-size:var(--shortcut-font-size);opacity:.6;line-height:1}.shortcut-separator-then{--shortcut-gap:var(--space-4)}.shortcut-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shortcut-size-l{--shortcut-font-size:var(--size-label);--shortcut-min-size:var(--space-32);--shortcut-padding-inline:var(--space-8);--shortcut-radius:var(--radius-6)}.shortcut-size-m{--shortcut-font-size:var(--size-small);--shortcut-min-size:var(--space-24);--shortcut-padding-inline:var(--space-6)}.shortcut-size-s{--shortcut-font-size:var(--size-overline);--shortcut-min-size:var(--space-20);--shortcut-padding-inline:var(--space-4)}.shortcut-size-xs{--shortcut-font-size:var(--size-overline);--shortcut-min-size:var(--space-16);--shortcut-padding-inline:var(--space-4);--shortcut-gap:1px}.shortcut-tone-default{--shortcut-content-color:var(--neutral-content-main-titles);--shortcut-surface-color:var(--neutral-surface-background);--shortcut-border-color:var(--neutral-border-components)}.shortcut-tone-subtle{--shortcut-content-color:var(--neutral-content-support);--shortcut-surface-color:var(--neutral-surface-main);--shortcut-border-color:var(--neutral-border-components)}.shortcut-tone-reversed{--shortcut-content-color:var(--neutral-content-oncolor);--shortcut-surface-color:var(--opacity-white-light);--shortcut-border-color:var(--opacity-white-medium)}.shortcut-tone-inherit{--shortcut-content-color:currentColor;--shortcut-surface-color:color-mix(in srgb, currentColor 14%, transparent);--shortcut-border-color:color-mix(in srgb, currentColor 24%, transparent)}.shortcut-variant-outlined{--shortcut-border-width:var(--stroke-components)}.shortcut-variant-filled{--shortcut-border-width:0px}.shortcut-variant-filled.shortcut-tone-default{--shortcut-surface-color:var(--neutral-surface-tables)}.shortcut-variant-plain{--shortcut-border-width:0px;--shortcut-surface-color:transparent}.shortcut-variant-plain .shortcut-key{min-width:0;padding-inline:0}
.button{--button-surface:transparent;--button-content:var(--neutral-content-main-titles);--button-stroke:transparent;--button-state:var(--support-pressed);--button-fill:var(--support-hover);--button-fill-content:var(--button-content);--button-fill-duration:.35s;cursor:pointer;box-sizing:border-box;isolation:isolate;border:var(--stroke-components) solid var(--button-stroke);background-color:var(--button-surface);color:var(--button-content);box-shadow:var(--shadow-components);white-space:nowrap;transition:background-color var(--speed-medium) var(--ease-linear), border-color var(--speed-medium) var(--ease-linear), color var(--speed-medium) var(--ease-linear), outline-color var(--speed-medium) var(--ease-linear);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.button:after{content:"";inset:calc(var(--stroke-components,1px) * -1);z-index:-2;border-radius:inherit;background-color:var(--button-fill);pointer-events:none;clip-path:inset(100% 0 0);transition:clip-path var(--button-fill-duration) var(--ease-out);position:absolute}.button[data-fill=out]:after{clip-path:inset(0 0 100%)}.button:hover:not(:disabled):not([aria-disabled=true]):after,.button:focus-visible:not(:disabled):not([aria-disabled=true]):after{clip-path:inset(0)}.button:hover:not(:disabled):not([aria-disabled=true]),.button:focus-visible:not(:disabled):not([aria-disabled=true]){color:var(--button-fill-content)}.button:before{content:"";inset:calc(var(--stroke-components,1px) * -1);z-index:-1;border-radius:inherit;background-color:var(--button-state);opacity:0;pointer-events:none;transition:opacity var(--speed-medium) var(--ease-linear), background-color var(--speed-medium) var(--ease-linear);position:absolute}.button:active:not(:disabled):not([aria-disabled=true]):before{opacity:1}.button:focus-visible{outline:var(--stroke-focus,2px) solid var(--support-focus);outline-offset:0}.button-icon svg{transition:all var(--speed-medium) var(--ease-linear)}.button:not(.button-loading){transition-property:background-color,border-color,color,outline-color;transition-duration:var(--speed-medium), var(--speed-medium), calc(var(--button-fill-duration) * .5), var(--speed-medium)}@media (prefers-reduced-motion:reduce){.button{--button-fill-duration:0s}}.button-label{font-family:var(--font-mono);font-size:var(--size-overline-medium);font-weight:var(--weight-overline-medium);line-height:var(--line-overline-medium);letter-spacing:var(--spacing-overline-medium);text-transform:uppercase;align-items:center;display:inline-flex}.button-icon{width:var(--space-16);height:var(--space-16);color:currentColor;justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.button-icon--spinner{justify-content:center;overflow:visible}.button .button-icon--spinner .spinner{--spinner-arc-color:currentColor;--spinner-track-color:transparent}.button-icon-track{height:100%;transition:transform var(--speed-fast) var(--ease-custom);flex:none;align-items:center;display:flex;transform:translate(-50%)}.button:hover:not(:disabled) .button-icon-track{transform:translate(0)}@media (prefers-reduced-motion:reduce){.button-icon-track{transition:none}}.button-icon-copy{width:var(--space-16);height:var(--space-16);flex:none;justify-content:center;align-items:center;display:flex}.button-icon svg,.button-icon img{width:var(--space-16);height:var(--space-16)}.button-shortcut{margin-inline-start:var(--space-2)}.button-size-xxl{--button-padding-inline:var(--space-24);padding:var(--space-20);border-radius:var(--radius-20);gap:var(--space-8)}.button-size-xl{--button-padding-inline:var(--space-20);padding:var(--space-16);border-radius:var(--radius-16);gap:var(--space-6)}.button-size-l{--button-padding-inline:var(--space-16);padding:var(--space-12);border-radius:var(--radius-12);gap:var(--space-6)}.button-size-m{--button-padding-inline:var(--space-12);padding:var(--space-8);border-radius:var(--radius-8);gap:var(--space-4)}.button-size-s{--button-padding-inline:var(--space-8);padding:var(--space-6);border-radius:var(--radius-6);gap:var(--space-2)}.button-size-xs{--button-padding-inline:var(--space-6);padding:var(--space-4);border-radius:var(--radius-4);gap:var(--space-2)}.button-size-xxs{--button-padding-inline:var(--space-4);padding:var(--space-2);border-radius:var(--radius-2);gap:var(--space-2);padding-block:0}.button:has(>.button-label){padding-inline:var(--button-padding-inline)}.button-type-primary.button-style-filled{--button-surface:var(--color-surface-primary);--button-content:var(--color-content-secondary)}.button-type-secondary.button-style-filled{--button-surface:var(--color-surface-secondary);--button-content:var(--color-content-primary)}.button-type-neutral.button-style-filled{--button-surface:var(--neutral-surface-main);--button-content:var(--color-content-primary)}.button-type-destructive.button-style-filled{--button-surface:var(--color-surface-error);--button-content:var(--neutral-content-oncolor)}.button-type-reversed.button-style-filled{--button-surface:var(--neutral-surface-background);--button-content:var(--neutral-content-main-titles)}.button-type-primary.button-style-outline{--button-content:var(--color-content-primary);--button-stroke:var(--color-border-primary);--button-fill:var(--color-content-primary);--button-fill-content:var(--color-content-secondary)}.button-type-secondary.button-style-outline{--button-content:var(--color-content-secondary);--button-stroke:var(--color-border-secondary);--button-fill:var(--color-content-secondary);--button-fill-content:var(--color-content-primary)}.button-type-neutral.button-style-outline{--button-content:var(--neutral-content-oncolor);--button-stroke:var(--neutral-border-oncolor);--button-fill:var(--neutral-content-oncolor);--button-fill-content:var(--neutral-content-main-titles)}.button-type-destructive.button-style-outline{--button-content:var(--color-content-error);--button-stroke:var(--color-border-error);--button-fill:var(--color-surface-error);--button-fill-content:var(--neutral-content-oncolor)}.button-type-reversed.button-style-outline{--button-content:var(--neutral-content-main-titles);--button-stroke:var(--neutral-border-active);--button-fill:var(--neutral-content-main-titles);--button-fill-content:var(--neutral-surface-main)}.button.button-loading{cursor:wait;pointer-events:none}@keyframes button-spinner-enter{0%{opacity:0;transform:translate(-6px)scale(.75)}to{opacity:1;transform:translate(0)scale(1)}}.button-icon--spinner{animation:button-spinner-enter .25s var(--ease-custom) both}.button:disabled:not(.button-loading),.button[aria-disabled=true]:not(.button-loading){--button-content:var(--neutral-content-disabled);cursor:not-allowed}.button-style-filled:disabled:not(.button-loading),.button-style-filled[aria-disabled=true]:not(.button-loading){--button-surface:var(--neutral-surface-disabled);--button-stroke:transparent;box-shadow:none}.button-style-outline:disabled:not(.button-loading),.button-style-outline[aria-disabled=true]:not(.button-loading){--button-surface:transparent;--button-stroke:var(--neutral-border-disabled)}.button.button-pill{--pill-surface:var(--color-surface-secondary);--pill-content:var(--color-content-tertiary);--pill-icon-color:var(--neutral-surface-icons);--pill-stroke:transparent;--button-fill:var(--color-surface-primary);--button-fill-content:var(--pill-content);gap:var(--space-6);border-radius:var(--radius-full);border-color:var(--pill-stroke);background-color:var(--pill-surface);color:var(--pill-content);box-shadow:none}.button.button-pill:before{content:none}.button-pill.button-size-xl{padding:var(--space-16) var(--space-32)}.button-pill.button-size-l{padding:var(--space-12) var(--space-20)}.button-pill.button-size-m{padding:var(--space-8) var(--space-16)}.button-pill.button-size-s{padding:var(--space-4) var(--space-12)}.button-pill.button-type-secondary{--pill-surface:var(--color-surface-tertiary);--pill-content:var(--neutral-content-oncolor);--pill-icon-color:var(--neutral-surface-main)}.button.button-pill .button-pill-label{color:inherit;align-items:center;display:inline-flex}.button.button-pill .button-icon svg{stroke:var(--pill-icon-color)!important}.button.button-pill .button-icon{color:var(--pill-icon-color);transition:color var(--speed-medium) var(--ease-out)}.button.button-pill:disabled:not(.button-loading),.button.button-pill[aria-disabled=true]:not(.button-loading){opacity:.48;cursor:not-allowed;pointer-events:none}
