.qds-action-button{--qds-component-action-button-gap:var(--qds-spacing-scale-md);--qds-component-action-button-label-font-family:var(--qds-font-family-dm-sans);--qds-component-action-button-label-font-weight:var(--qds-font-weight-medium);--qds-component-action-button-label-default:var(--qds-color-neutral-900);--qds-component-action-button-label-dark:var(--qds-color-base-white);--qds-component-action-button-label-disabled-default:var(--qds-color-neutral-500);--qds-component-action-button-label-disabled-dark:var(--qds-color-neutral-400);--qds-component-action-button-size-large-control-size:var(--qds-size-scale-48);--qds-component-action-button-size-large-radius:var(--qds-radius-scale-md);--qds-component-action-button-size-large-icon-size:var(--qds-size-scale-20);--qds-component-action-button-size-large-font-size:var(--qds-font-size-14);--qds-component-action-button-size-large-line-height:var(--qds-font-line-height-20);--qds-component-action-button-size-medium-control-size:var(--qds-size-scale-40);--qds-component-action-button-size-medium-outline-dark-default-control-size:var(--qds-size-scale-44);--qds-component-action-button-size-medium-radius:var(--qds-radius-scale-md);--qds-component-action-button-size-medium-icon-size:var(--qds-size-scale-20);--qds-component-action-button-size-medium-font-size:var(--qds-font-size-14);--qds-component-action-button-size-medium-line-height:var(--qds-font-line-height-20);--qds-component-action-button-size-small-control-size:var(--qds-size-scale-32);--qds-component-action-button-size-small-radius:var(--qds-radius-scale-sm);--qds-component-action-button-size-small-icon-size:var(--qds-size-scale-16);--qds-component-action-button-size-small-status-container-size:var(--qds-size-scale-20);--qds-component-action-button-size-small-status-icon-size:var(--qds-size-scale-16);--qds-component-action-button-size-small-font-size:var(--qds-font-size-12);--qds-component-action-button-size-small-line-height:var(--qds-font-line-height-16);--qds-component-action-button-border-width:var(--qds-border-width-medium);--qds-component-action-button-primary-default-background:var(--qds-color-neutral-900);--qds-component-action-button-primary-default-background-hover:var(--qds-color-neutral-800);--qds-component-action-button-primary-default-background-pressed:var(--qds-color-neutral-700);--qds-component-action-button-primary-default-color:var(--qds-color-base-white);--qds-component-action-button-primary-dark-background:var(--qds-color-neutral-50);--qds-component-action-button-primary-dark-background-hover:var(--qds-color-neutral-100);--qds-component-action-button-primary-dark-background-pressed:var(--qds-color-neutral-200);--qds-component-action-button-primary-dark-color:var(--qds-color-neutral-900);--qds-component-action-button-secondary-default-background:var(--qds-color-neutral-100);--qds-component-action-button-secondary-default-color:var(--qds-color-neutral-900);--qds-component-action-button-secondary-default-border-hover:var(--qds-color-neutral-400);--qds-component-action-button-secondary-default-border-pressed:var(--qds-color-neutral-600);--qds-component-action-button-secondary-dark-background:var(--qds-color-neutral-800);--qds-component-action-button-secondary-dark-color:var(--qds-color-base-white);--qds-component-action-button-secondary-dark-border-hover:var(--qds-color-neutral-600);--qds-component-action-button-secondary-dark-border-pressed:var(--qds-color-neutral-400);--qds-component-action-button-secondary-dark-border-loading:var(--qds-color-neutral-300);--qds-component-action-button-outline-default-color:var(--qds-color-neutral-900);--qds-component-action-button-outline-default-border:var(--qds-color-neutral-200);--qds-component-action-button-outline-default-background-hover:var(--qds-color-neutral-100);--qds-component-action-button-outline-default-border-hover:var(--qds-color-neutral-300);--qds-component-action-button-outline-default-border-pressed:var(--qds-color-neutral-400);--qds-component-action-button-outline-dark-color:var(--qds-color-base-white);--qds-component-action-button-outline-dark-border:var(--qds-color-neutral-700);--qds-component-action-button-outline-dark-background-hover:var(--qds-color-neutral-800);--qds-component-action-button-outline-dark-border-hover:var(--qds-color-neutral-600);--qds-component-action-button-outline-dark-border-pressed:var(--qds-color-neutral-500);--qds-component-action-button-destructive-default-background:var(--qds-color-red-100);--qds-component-action-button-destructive-default-color:var(--qds-color-red-600);--qds-component-action-button-destructive-default-border-hover:var(--qds-color-red-400);--qds-component-action-button-destructive-default-border-pressed:var(--qds-color-red-600);--qds-component-action-button-destructive-dark-background:var(--qds-color-red-800);--qds-component-action-button-destructive-dark-color:var(--qds-color-base-white);--qds-component-action-button-destructive-dark-border-hover:var(--qds-color-red-600);--qds-component-action-button-destructive-dark-border-pressed:var(--qds-color-red-400);--qds-component-action-button-disabled-default-background:var(--qds-color-neutral-100);--qds-component-action-button-disabled-default-color:var(--qds-color-neutral-500);--qds-component-action-button-disabled-default-outline-border:var(--qds-color-neutral-200);--qds-component-action-button-disabled-dark-background:var(--qds-color-neutral-800);--qds-component-action-button-disabled-dark-color:var(--qds-color-neutral-400);--qds-component-action-button-disabled-dark-outline-border:var(--qds-color-neutral-800);--qds-component-action-button-feedback-default-success-background:var(--qds-color-green-700);--qds-component-action-button-feedback-default-success-icon:var(--qds-color-green-50);--qds-component-action-button-feedback-default-error-background:var(--qds-color-red-700);--qds-component-action-button-feedback-default-error-icon:var(--qds-color-red-50);--qds-component-action-button-feedback-dark-success-background:var(--qds-color-green-400);--qds-component-action-button-feedback-dark-success-icon:var(--qds-color-green-900);--qds-component-action-button-feedback-dark-error-background:var(--qds-color-red-400);--qds-component-action-button-feedback-dark-error-icon:var(--qds-color-red-900);--qds-component-action-button-focus-color:var(--qds-color-neutral-700);--qds-component-action-button-focus-width:var(--qds-border-width-medium);--qds-component-action-button-focus-offset:var(--qds-spacing-scale-2xs);--qds-component-action-button-spinner-stroke-width:var(--qds-border-width-regular);--qds-component-action-button-spinner-duration:var(--qds-motion-duration-deliberate);--qds-component-action-button-spinner-easing:var(--qds-motion-easing-linear);--qds-component-action-button-transition-duration:var(--qds-motion-duration-fast);--qds-component-action-button-transition-easing:var(--qds-motion-easing-standard);box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:var(--qds-component-action-button-gap);margin:0;padding:0;border:0;color:var(--qds-component-action-button-label-default);background:transparent;font-family:var(--qds-component-action-button-label-font-family);font-size:var(--qds-component-action-button-size-medium-font-size);font-weight:var(--qds-component-action-button-label-font-weight);line-height:var(--qds-component-action-button-size-medium-line-height);text-align:center;cursor:pointer}.qds-action-button[data-mode=dark]{color:var(--qds-component-action-button-label-dark)}.qds-action-button__control{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--qds-component-action-button-size-medium-control-size);height:var(--qds-component-action-button-size-medium-control-size);border-radius:var(--qds-component-action-button-size-medium-radius);transition-property:background-color,box-shadow,color;transition-duration:var(--qds-component-action-button-transition-duration);transition-timing-function:var(--qds-component-action-button-transition-easing)}.qds-action-button[data-size=large]{font-size:var(--qds-component-action-button-size-large-font-size);line-height:var(--qds-component-action-button-size-large-line-height)}.qds-action-button[data-size=large] .qds-action-button__control{width:var(--qds-component-action-button-size-large-control-size);height:var(--qds-component-action-button-size-large-control-size);border-radius:var(--qds-component-action-button-size-large-radius)}.qds-action-button[data-size=small]{font-size:var(--qds-component-action-button-size-small-font-size);line-height:var(--qds-component-action-button-size-small-line-height)}.qds-action-button[data-size=small] .qds-action-button__control{width:var(--qds-component-action-button-size-small-control-size);height:var(--qds-component-action-button-size-small-control-size);border-radius:var(--qds-component-action-button-size-small-radius)}.qds-action-button[data-variant=outline][data-size=medium][data-mode=dark][data-state=default] .qds-action-button__control{width:var(--qds-component-action-button-size-medium-outline-dark-default-control-size);height:var(--qds-component-action-button-size-medium-outline-dark-default-control-size)}.qds-action-button[data-variant=primary] .qds-action-button__control{color:var(--qds-component-action-button-primary-default-color);background:var(--qds-component-action-button-primary-default-background)}.qds-action-button[data-variant=primary]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=primary][data-state=hover] .qds-action-button__control{background:var(--qds-component-action-button-primary-default-background-hover)}.qds-action-button[data-variant=primary]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=primary][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=primary][data-state=pressed] .qds-action-button__control{background:var(--qds-component-action-button-primary-default-background-pressed)}.qds-action-button[data-variant=primary][data-mode=dark] .qds-action-button__control{color:var(--qds-component-action-button-primary-dark-color);background:var(--qds-component-action-button-primary-dark-background)}.qds-action-button[data-variant=primary][data-mode=dark]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=primary][data-mode=dark][data-state=hover] .qds-action-button__control{background:var(--qds-component-action-button-primary-dark-background-hover)}.qds-action-button[data-variant=primary][data-mode=dark]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=primary][data-mode=dark][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=primary][data-mode=dark][data-state=pressed] .qds-action-button__control{background:var(--qds-component-action-button-primary-dark-background-pressed)}.qds-action-button[data-variant=secondary] .qds-action-button__control{color:var(--qds-component-action-button-secondary-default-color);background:var(--qds-component-action-button-secondary-default-background)}.qds-action-button[data-variant=secondary]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=secondary][data-state=hover] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-secondary-default-border-hover)}.qds-action-button[data-variant=secondary]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=secondary][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=secondary][data-state=pressed] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-secondary-default-border-pressed)}.qds-action-button[data-variant=secondary][data-mode=dark] .qds-action-button__control{color:var(--qds-component-action-button-secondary-dark-color);background:var(--qds-component-action-button-secondary-dark-background)}.qds-action-button[data-variant=secondary][data-mode=dark]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=secondary][data-mode=dark][data-state=hover] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-secondary-dark-border-hover)}.qds-action-button[data-variant=secondary][data-mode=dark]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=secondary][data-mode=dark][data-state=pressed] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-secondary-dark-border-pressed)}.qds-action-button[data-variant=secondary][data-mode=dark][data-state=loading] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-secondary-dark-border-loading)}.qds-action-button[data-variant=outline] .qds-action-button__control{color:var(--qds-component-action-button-outline-default-color);background:transparent;box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-outline-default-border)}.qds-action-button[data-variant=outline]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=outline][data-state=hover] .qds-action-button__control{background:var(--qds-component-action-button-outline-default-background-hover);box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-outline-default-border-hover)}.qds-action-button[data-variant=outline]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=outline][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=outline][data-state=pressed] .qds-action-button__control{background:var(--qds-component-action-button-outline-default-background-hover);box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-outline-default-border-pressed)}.qds-action-button[data-variant=outline][data-mode=dark] .qds-action-button__control{color:var(--qds-component-action-button-outline-dark-color);background:transparent;box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-outline-dark-border)}.qds-action-button[data-variant=outline][data-mode=dark]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=outline][data-mode=dark][data-state=hover] .qds-action-button__control{background:var(--qds-component-action-button-outline-dark-background-hover);box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-outline-dark-border-hover)}.qds-action-button[data-variant=outline][data-mode=dark]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=outline][data-mode=dark][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=outline][data-mode=dark][data-state=pressed] .qds-action-button__control{background:var(--qds-component-action-button-outline-dark-background-hover);box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-outline-dark-border-pressed)}.qds-action-button[data-variant=destructive] .qds-action-button__control{color:var(--qds-component-action-button-destructive-default-color);background:var(--qds-component-action-button-destructive-default-background)}.qds-action-button[data-variant=destructive]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=destructive][data-state=hover] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-destructive-default-border-hover)}.qds-action-button[data-variant=destructive]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=destructive][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=destructive][data-state=pressed] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-destructive-default-border-pressed)}.qds-action-button[data-variant=destructive][data-mode=dark] .qds-action-button__control{color:var(--qds-component-action-button-destructive-dark-color);background:var(--qds-component-action-button-destructive-dark-background)}.qds-action-button[data-variant=destructive][data-mode=dark]:hover:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=destructive][data-mode=dark][data-state=hover] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-destructive-dark-border-hover)}.qds-action-button[data-variant=destructive][data-mode=dark]:active:not(:disabled) .qds-action-button__control,.qds-action-button[data-variant=destructive][data-mode=dark][data-state=loading] .qds-action-button__control,.qds-action-button[data-variant=destructive][data-mode=dark][data-state=pressed] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-destructive-dark-border-pressed)}.qds-action-button[data-state=disabled]{color:var(--qds-component-action-button-label-disabled-default);cursor:not-allowed}.qds-action-button[data-state=disabled] .qds-action-button__control{color:var(--qds-component-action-button-disabled-default-color);background:var(--qds-component-action-button-disabled-default-background);box-shadow:none}.qds-action-button[data-mode=dark][data-state=disabled]{color:var(--qds-component-action-button-label-disabled-dark)}.qds-action-button[data-mode=dark][data-state=disabled] .qds-action-button__control{color:var(--qds-component-action-button-disabled-dark-color);background:var(--qds-component-action-button-disabled-dark-background)}.qds-action-button[data-variant=outline][data-state=disabled] .qds-action-button__control{background:transparent;box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-disabled-default-outline-border)}.qds-action-button[data-variant=outline][data-mode=dark][data-state=disabled] .qds-action-button__control{box-shadow:inset 0 0 0 var(--qds-component-action-button-border-width) var(--qds-component-action-button-disabled-dark-outline-border)}.qds-action-button[data-state=success] .qds-action-button__control{color:var(--qds-component-action-button-feedback-default-success-icon);background:var(--qds-component-action-button-feedback-default-success-background);box-shadow:none}.qds-action-button[data-mode=dark][data-state=success] .qds-action-button__control{color:var(--qds-component-action-button-feedback-dark-success-icon);background:var(--qds-component-action-button-feedback-dark-success-background)}.qds-action-button[data-state=error] .qds-action-button__control{color:var(--qds-component-action-button-feedback-default-error-icon);background:var(--qds-component-action-button-feedback-default-error-background);box-shadow:none}.qds-action-button[data-mode=dark][data-state=error] .qds-action-button__control{color:var(--qds-component-action-button-feedback-dark-error-icon);background:var(--qds-component-action-button-feedback-dark-error-background)}.qds-action-button[data-state=loading]{cursor:progress}.qds-action-button:focus-visible{outline:0}.qds-action-button:focus-visible .qds-action-button__control{outline-width:var(--qds-component-action-button-focus-width);outline-style:solid;outline-color:var(--qds-component-action-button-focus-color);outline-offset:var(--qds-component-action-button-focus-offset)}.qds-action-button__icon,.qds-action-button__spinner,.qds-action-button__status-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--qds-component-action-button-size-medium-icon-size);height:var(--qds-component-action-button-size-medium-icon-size)}.qds-action-button[data-size=large] .qds-action-button__icon,.qds-action-button[data-size=large] .qds-action-button__spinner{width:var(--qds-component-action-button-size-large-icon-size);height:var(--qds-component-action-button-size-large-icon-size)}.qds-action-button[data-size=small] .qds-action-button__icon,.qds-action-button[data-size=small] .qds-action-button__spinner{width:var(--qds-component-action-button-size-small-icon-size);height:var(--qds-component-action-button-size-small-icon-size)}.qds-action-button[data-size=small] .qds-action-button__status-icon{width:var(--qds-component-action-button-size-small-status-container-size);height:var(--qds-component-action-button-size-small-status-container-size)}.qds-action-button__icon>svg,.qds-action-button__status-icon>svg{width:100%;height:100%}.qds-action-button[data-size=small] .qds-action-button__status-icon>svg{width:var(--qds-component-action-button-size-small-status-icon-size);height:var(--qds-component-action-button-size-small-status-icon-size)}.qds-action-button__status-icon{fill:currentColor}.qds-action-button__spinner{fill:none;stroke:currentColor;stroke-width:var(--qds-component-action-button-spinner-stroke-width);stroke-linecap:round;stroke-dasharray:18 8;animation:qds-action-button-spin var(--qds-component-action-button-spinner-duration) var(--qds-component-action-button-spinner-easing) infinite}@keyframes qds-action-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.qds-action-button__control{transition:none}.qds-action-button__spinner{animation:none}}@media (forced-colors:active){.qds-action-button__control{border:var(--qds-component-action-button-border-width) solid ButtonText}}