._throbber_1821z_1{--throbber-size: 1.25em;--throbber-color: currentColor;display:inline-block;overflow:hidden}._svg_1821z_9{width:var(--throbber-size);animation:1.4s linear infinite _throbber-animation_1821z_1}._circle_1821z_14{fill:transparent;stroke:var(--throbber-color);transform-origin:center;&._track_1821z_19{opacity:.1}&._indicator_1821z_23{stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;animation:2s ease-in-out infinite both _circle-animation_1821z_1}}@keyframes _throbber-animation_1821z_1{to{transform:rotate(360deg)}}@keyframes _circle-animation_1821z_1{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}to{stroke-dashoffset:280;transform:rotate(360deg)}}._button-group_1m1z1_1{display:flex;align-items:center}._button_1m1z1_1{--button-gap: unset;--button-background-color: var(--button-background-color-default);--button-border-width: unset;--button-border-color: unset;--button-border-radius: unset;--button-padding-block: unset;--button-padding-inline: unset;--button-opacity: unset;--button-font-size: unset;--button-font-weight: unset;--button-letter-spacing: unset;--button-line-height: unset;--button-min-height: unset;--button-min-width: unset;--button-label-color: unset;--button-icon-color: unset;--button-icon-size: unset;--button-icon-order: unset;--button-loading-opacity: unset;--button-loading-visibility: unset;display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:max-content;transition-property:background-color,color,border-color;transition-duration:.15s;transition-timing-function:ease-in-out;gap:var(--button-gap);background-color:var(--button-background-color);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);border-radius:var(--button-border-radius);min-width:var(--button-min-width);min-height:var(--button-min-height);opacity:var(--button-opacity);font-family:var(--ds-font-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);letter-spacing:var(--button-letter-spacing);line-height:var(--button-line-height);&[data-full-width=true]{width:100%}&[data-focus-visible=true]{outline:var(--ds-action-button-stroke-width-container-focused) solid var(--ds-action-button-color-stroke-focused-outline-container);outline-offset:.0625rem}&:hover{--button-background-color: var(--button-background-color-hovered)}&:active,&[data-active]{--button-background-color: var(--button-background-color-pressed)}&[data-size=small]{--button-gap: var(--ds-action-button-spacing-container-sm-gap);--button-border-radius: var(--ds-action-button-radius-container-sm);--button-border-width: var(--ds-action-button-stroke-width-container-sm);--button-padding-block: var(--ds-action-button-spacing-container-sm-block);--button-padding-inline: var(--ds-action-button-spacing-container-sm-inline);--button-min-height: var(--ds-action-button-size-container-sm);--button-font-size: var(--ds-screen-text-font-size-label-sm);--button-font-weight: var(--ds-screen-text-font-weight-medium);--button-letter-spacing: var(--ds-screen-text-letter-spacing-label-sm);--button-line-height: var(--ds-screen-text-line-height-label-sm);--button-icon-size: var(--ds-action-button-size-icon-sm);&[data-icon-only=true]{--button-padding-inline: var(--ds-action-button-spacing-container-sm-block);--button-min-width: var(--ds-action-button-size-container-sm)}}&[data-size=medium]{--button-gap: var(--ds-action-button-spacing-container-md-gap);--button-border-radius: var(--ds-action-button-radius-container-md);--button-border-width: var(--ds-action-button-stroke-width-container-md);--button-padding-block: var(--ds-action-button-spacing-container-md-block);--button-padding-inline: var(--ds-action-button-spacing-container-md-inline);--button-min-height: var(--ds-action-button-size-container-md);--button-font-size: var(--ds-screen-text-font-size-label-md);--button-font-weight: var(--ds-screen-text-font-weight-medium);--button-letter-spacing: var(--ds-screen-text-letter-spacing-label-md);--button-line-height: var(--ds-screen-text-line-height-label-md);--button-icon-size: var(--ds-action-button-size-icon-md);&[data-icon-only=true]{--button-padding-inline: var(--ds-action-button-spacing-container-md-block);--button-min-width: var(--ds-action-button-size-container-md)}}&[data-size=large]{--button-gap: var(--ds-action-button-spacing-container-lg-gap);--button-border-radius: var(--ds-action-button-radius-container-lg);--button-border-width: var(--ds-action-button-stroke-width-container-lg);--button-padding-block: var(--ds-action-button-spacing-container-lg-block);--button-padding-inline: var(--ds-action-button-spacing-container-lg-inline);--button-min-height: var(--ds-action-button-size-container-lg);--button-font-size: var(--ds-screen-text-font-size-label-lg);--button-font-weight: var(--ds-screen-text-font-weight-medium);--button-letter-spacing: var(--ds-screen-text-letter-spacing-label-lg);--button-line-height: var(--ds-screen-text-line-height-label-lg);--button-icon-size: var(--ds-action-button-size-icon-lg);&[data-icon-only=true]{--button-padding-inline: var(--ds-action-button-spacing-container-lg-block);--button-min-width: var(--ds-action-button-size-container-lg)}}&[data-variant=outline]{border:var(--button-border-width) solid var(--button-border-color);padding-block:calc(var(--button-padding-block) - var(--button-border-width));padding-inline:calc(var(--button-padding-inline) - var(--button-border-width))}&[data-scheme=primary]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-primary-solid-label);--button-icon-color: var(--ds-action-button-color-content-primary-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-primary-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-primary-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-primary-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-primary-outline-label);--button-icon-color: var(--ds-action-button-color-content-primary-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-primary-outline-container);--button-background-color-hovered: var(--ds-action-button-color-surface-primary-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-primary-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-primary-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-primary-ghost-label);--button-icon-color: var(--ds-action-button-color-content-primary-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-primary-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-primary-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-primary-ghost-container-pressed)}}&[data-scheme=accent]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-accent-solid-label);--button-icon-color: var(--ds-action-button-color-content-accent-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-accent-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-accent-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-accent-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-accent-outline-label);--button-icon-color: var(--ds-action-button-color-content-accent-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-accent-outline-container);--button-background-color-hovered: var(--ds-action-button-color-surface-accent-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-accent-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-accent-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-accent-ghost-label);--button-icon-color: var(--ds-action-button-color-content-accent-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-accent-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-accent-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-accent-ghost-container-pressed)}}&[data-scheme=negative]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-negative-solid-label);--button-icon-color: var(--ds-action-button-color-content-negative-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-negative-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-negative-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-negative-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-negative-outline-label);--button-icon-color: var(--ds-action-button-color-content-negative-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-negative-outline-container);--button-background-color-hovered: var(--ds-action-button-color-surface-negative-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-negative-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-negative-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-negative-ghost-label);--button-icon-color: var(--ds-action-button-color-content-negative-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-negative-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-negative-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-negative-ghost-container-pressed)}}&[data-scheme=neutral]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-neutral-solid-label);--button-icon-color: var(--ds-action-button-color-content-neutral-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-neutral-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-neutral-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-neutral-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-neutral-outline-label);--button-icon-color: var(--ds-action-button-color-content-neutral-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-neutral-outline-container);--button-background-color-hovered: var(--ds-action-button-color-surface-neutral-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-neutral-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-neutral-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-neutral-ghost-label);--button-icon-color: var(--ds-action-button-color-content-neutral-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-neutral-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-neutral-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-neutral-ghost-container-pressed)}}&[data-scheme=inverse]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-inverse-solid-label);--button-icon-color: var(--ds-action-button-color-content-inverse-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-inverse-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-inverse-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-inverse-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-inverse-outline-label);--button-icon-color: var(--ds-action-button-color-content-inverse-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-inverse-outline-container-enabled);--button-background-color-hovered: var(--ds-action-button-color-surface-inverse-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-inverse-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-inverse-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-inverse-ghost-label);--button-icon-color: var(--ds-action-button-color-content-inverse-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-inverse-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-inverse-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-inverse-ghost-container-pressed)}}&[data-scheme=static-dark]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-dark-solid-label);--button-icon-color: var(--ds-action-button-color-content-dark-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-dark-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-dark-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-dark-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-dark-outline-label);--button-icon-color: var(--ds-action-button-color-content-dark-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-dark-outline-container);--button-background-color-hovered: var(--ds-action-button-color-surface-dark-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-dark-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-dark-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-dark-ghost-label);--button-icon-color: var(--ds-action-button-color-content-dark-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-dark-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-dark-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-dark-ghost-container-pressed)}}&[data-scheme=static-light]{&[data-variant=solid]{--button-label-color: var(--ds-action-button-color-content-light-solid-label);--button-icon-color: var(--ds-action-button-color-content-light-solid-icon);--button-background-color-default: var(--ds-action-button-color-surface-light-solid-container);--button-background-color-hovered: var(--ds-action-button-color-surface-light-solid-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-light-solid-container-pressed)}&[data-variant=outline]{--button-label-color: var(--ds-action-button-color-content-light-outline-label);--button-icon-color: var(--ds-action-button-color-content-light-outline-icon);--button-background-color-default: var(--ds-action-button-color-surface-light-outline-container);--button-background-color-hovered: var(--ds-action-button-color-surface-light-outline-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-light-outline-container-pressed);--button-border-color: var(--ds-action-button-color-stroke-light-outline-container)}&[data-variant=ghost]{--button-label-color: var(--ds-action-button-color-content-light-ghost-label);--button-icon-color: var(--ds-action-button-color-content-light-ghost-icon);--button-background-color-default: var(--ds-action-button-color-surface-light-ghost-container);--button-background-color-hovered: var(--ds-action-button-color-surface-light-ghost-container-hovered);--button-background-color-pressed: var(--ds-action-button-color-surface-light-ghost-container-pressed)}}&[data-loading=true]{--button-loading-opacity: 0;--button-loading-visibility: hidden}&[aria-disabled]{--button-opacity: var(--ds-action-button-opacity-container-disabled)}}._icon_1m1z1_330,._content_1m1z1_331{opacity:var(--button-loading-opacity);visibility:var(--button-loading-visibility)}._icon_1m1z1_330{display:flex;align-items:center;justify-content:center;color:var(--button-icon-color);font-size:var(--button-icon-size);order:var(--button-icon-order)}._content_1m1z1_331{display:inline-block;white-space:nowrap;color:var(--button-label-color)}._throbber_1m1z1_351{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--button-label-color)}
