/*!
 * Copyright 2024 Adobe. All rights reserved.
 *
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at <http://www.apache.org/licenses/LICENSE-2.0>
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary.spectrum-Button--outline {
	--spectrum-button-border-color-default: var(--spectrum-transparent-black-300);
	--spectrum-button-border-color-hover: var(--spectrum-transparent-black-400);
	--spectrum-button-border-color-down: var(--spectrum-transparent-black-400);
	--spectrum-button-border-color-focus: var(--spectrum-transparent-black-400);
	--spectrum-button-background-color-default: var(--spectrum-transparent-black-25);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-black-100);
	--spectrum-button-background-color-down: var(--spectrum-transparent-black-100);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-black-100);
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary {
	--spectrum-button-background-color-default: var(--spectrum-transparent-black-100);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-black-200);
	--spectrum-button-background-color-down: var(--spectrum-transparent-black-200);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-black-200);
	--spectrum-button-content-color-default: var(--spectrum-transparent-black-800);
	--spectrum-button-content-color-hover: var(--spectrum-transparent-black-900);
	--spectrum-button-content-color-down: var(--spectrum-transparent-black-900);
	--spectrum-button-content-color-focus: var(--spectrum-transparent-black-900);
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline {
	--spectrum-button-background-color-default: var(--spectrum-transparent-black-25);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-black-100);
	--spectrum-button-background-color-down: var(--spectrum-transparent-black-100);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-black-100);
	--spectrum-button-content-color-default: var(--spectrum-transparent-black-800);
	--spectrum-button-content-color-hover: var(--spectrum-transparent-black-900);
	--spectrum-button-content-color-down: var(--spectrum-transparent-black-900);
	--spectrum-button-content-color-focus: var(--spectrum-transparent-black-900);
	--spectrum-button-border-color-default: var(--spectrum-transparent-black-800);
	--spectrum-button-border-color-hover: var(--spectrum-transparent-black-900);
	--spectrum-button-border-color-down: var(--spectrum-transparent-black-900);
	--spectrum-button-border-color-focus: var(--spectrum-transparent-black-900);
}

.spectrum-Button.spectrum-Button--staticBlack {
	--spectrum-button-background-color-default: var(--spectrum-transparent-black-800);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-black-900);
	--spectrum-button-background-color-down: var(--spectrum-transparent-black-900);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-black-900);
	--spectrum-button-content-color-default: var(--spectrum-white);
	--spectrum-button-content-color-hover: var(--spectrum-white);
	--spectrum-button-content-color-down: var(--spectrum-white);
	--spectrum-button-content-color-focus: var(--spectrum-white);
}

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline {
	--spectrum-button-border-color-default: var(--spectrum-transparent-white-300);
	--spectrum-button-border-color-hover: var(--spectrum-transparent-white-400);
	--spectrum-button-border-color-down: var(--spectrum-transparent-white-400);
	--spectrum-button-border-color-focus: var(--spectrum-transparent-white-400);
	--spectrum-button-background-color-default: var(--spectrum-transparent-white-25);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-white-100);
	--spectrum-button-background-color-down: var(--spectrum-transparent-white-100);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-white-100);
}

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary {
	--spectrum-button-background-color-default: var(--spectrum-transparent-white-100);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-white-200);
	--spectrum-button-background-color-down: var(--spectrum-transparent-white-200);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-white-200);
	--spectrum-button-content-color-default: var(--spectrum-transparent-white-800);
	--spectrum-button-content-color-hover: var(--spectrum-transparent-white-900);
	--spectrum-button-content-color-down: var(--spectrum-transparent-white-900);
	--spectrum-button-content-color-focus: var(--spectrum-transparent-white-900);
}

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline {
	--spectrum-button-background-color-default: var(--spectrum-transparent-white-25);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-white-100);
	--spectrum-button-background-color-down: var(--spectrum-transparent-white-100);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-white-100);
	--spectrum-button-content-color-default: var(--spectrum-transparent-white-800);
	--spectrum-button-content-color-hover: var(--spectrum-transparent-white-900);
	--spectrum-button-content-color-down: var(--spectrum-transparent-white-900);
	--spectrum-button-content-color-focus: var(--spectrum-transparent-white-900);
	--spectrum-button-border-color-default: var(--spectrum-transparent-white-800);
	--spectrum-button-border-color-hover: var(--spectrum-transparent-white-900);
	--spectrum-button-border-color-down: var(--spectrum-transparent-white-900);
	--spectrum-button-border-color-focus: var(--spectrum-transparent-white-900);
}

.spectrum-Button.spectrum-Button--staticWhite {
	--spectrum-button-background-color-default: var(--spectrum-transparent-white-800);
	--spectrum-button-background-color-hover: var(--spectrum-transparent-white-900);
	--spectrum-button-background-color-down: var(--spectrum-transparent-white-900);
	--spectrum-button-background-color-focus: var(--spectrum-transparent-white-900);
	--spectrum-button-content-color-default: var(--spectrum-black);
	--spectrum-button-content-color-hover: var(--spectrum-black);
	--spectrum-button-content-color-down: var(--spectrum-black);
	--spectrum-button-content-color-focus: var(--spectrum-black);
}

.spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline {
	--spectrum-button-background-color-hover: var(--spectrum-gray-100);
	--spectrum-button-background-color-down: var(--spectrum-gray-100);
	--spectrum-button-background-color-focus: var(--spectrum-gray-100);
	--spectrum-button-border-color-down: var(--spectrum-gray-400);
}

.spectrum-Button.spectrum-Button--secondary {
	--spectrum-button-background-color-default: var(--spectrum-gray-100);
	--spectrum-button-background-color-hover: var(--spectrum-gray-200);
	--spectrum-button-background-color-down: var(--spectrum-gray-200);
	--spectrum-button-background-color-focus: var(--spectrum-gray-200);
}

.spectrum-Button.spectrum-Button--primary.spectrum-Button--outline {
	--spectrum-button-background-color-hover: var(--spectrum-gray-100);
	--spectrum-button-background-color-down: var(--spectrum-gray-100);
	--spectrum-button-background-color-focus: var(--spectrum-gray-100);
}

.spectrum-Button.spectrum-Button--primary {
	--spectrum-button-content-color-default: var(--spectrum-gray-25);
	--spectrum-button-content-color-hover: var(--spectrum-gray-25);
	--spectrum-button-content-color-down: var(--spectrum-gray-25);
	--spectrum-button-content-color-focus: var(--spectrum-gray-25);
}

.spectrum-Button.is-selected {
	--spectrum-button-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
	--spectrum-button-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover);
	--spectrum-button-background-color-down: var(--spectrum-neutral-subdued-background-color-down);
	--spectrum-button-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
}

.spectrum-Button {
	--spectrum-button-background-color-default: var(--spectrum-gray-50);
	--spectrum-button-background-color-hover: var(--spectrum-gray-100);
	--spectrum-button-background-color-down: var(--spectrum-gray-200);
	--spectrum-button-background-color-focus: var(--spectrum-gray-100);
	--spectrum-button-border-color-default: var(--spectrum-gray-400);
	--spectrum-button-border-color-hover: var(--spectrum-gray-500);
	--spectrum-button-border-color-down: var(--spectrum-gray-600);
	--spectrum-button-border-color-focus: var(--spectrum-gray-500);
	--spectrum-button-background-color-disabled: transparent;
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
	align-items: center;

	/* stylelint-disable-next-line property-no-vendor-prefix -- Correct the inability to style clickable types in iOS and Safari (normalize). */
	-webkit-appearance: button;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	font-family: var(--mod-button-font-family, var(--mod-sans-font-family-stack, var(--spectrum-sans-font-family-stack)));
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	justify-content: center;
	line-height: var(--mod-button-line-height, var(--mod-line-height-100, var(--spectrum-line-height-100)));
	margin: 0;
	overflow: visible;
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: none;
	transition:
		background var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
		border-color var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
		color var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
		box-shadow var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
	vertical-align: top;
}

.spectrum-Button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

.spectrum-Button:focus {
	outline: none;
}

.spectrum-Button.is-disabled, .spectrum-Button:disabled {
	cursor: default;
}

.spectrum-Button:after {
	display: block;
	inset-block-end: 0;
	inset-block-start: 0;
	inset-inline-end: 0;
	inset-inline-start: 0;
	margin: calc(var(--mod-button-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -1);
	transition:
		opacity var(--mod-button-animation-duration, var(--mod-button-animation-duration, var(--spectrum-animation-duration-100))) ease-out,
		margin var(--mod-button-animation-duration, var(--mod-button-animation-duration, var(--spectrum-animation-duration-100))) ease-out;
}

.spectrum-Button:focus-visible:after {
	margin: calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -2);
}

a.spectrum-Button {

	/* stylelint-disable-next-line property-no-vendor-prefix -- Remove appearance for clickable types in iOS and Safari. */
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

.spectrum-Button-label {
	align-self: center;
	justify-self: center;
	text-align: center;
}

.spectrum-Button-label:empty {
	display: none;
}

.spectrum-Button {
	--spectrum-button-sized-height: var(--spectrum-component-height-100);
	--spectrum-button-sized-font-size: var(--spectrum-font-size-100);
	--spectrum-button-sized-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));
	--spectrum-button-sized-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-100);
	--spectrum-button-sized-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));
	--spectrum-button-sized-padding-label-to-icon: var(--spectrum-text-to-visual-100);
	--spectrum-button-sized-top-to-text: var(--spectrum-button-top-to-text-medium);
	--spectrum-button-sized-bottom-to-text: var(--spectrum-button-bottom-to-text-medium);
	--spectrum-button-sized-top-to-icon: var(--spectrum-component-top-to-workflow-icon-100);
	--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-100);
}

.spectrum-Button--sizeS {
	--spectrum-button-sized-height: var(--spectrum-component-height-75);
	--spectrum-button-sized-font-size: var(--spectrum-font-size-75);
	--spectrum-button-sized-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));
	--spectrum-button-sized-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-75);
	--spectrum-button-sized-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));
	--spectrum-button-sized-padding-label-to-icon: var(--spectrum-text-to-visual-75);
	--spectrum-button-sized-top-to-text: var(--spectrum-button-top-to-text-small);
	--spectrum-button-sized-bottom-to-text: var(--spectrum-button-bottom-to-text-small);
	--spectrum-button-sized-top-to-icon: var(--spectrum-component-top-to-workflow-icon-75);
	--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-75);
}

.spectrum-Button--sizeL {
	--spectrum-button-sized-height: var(--spectrum-component-height-200);
	--spectrum-button-sized-font-size: var(--spectrum-font-size-200);
	--spectrum-button-sized-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));
	--spectrum-button-sized-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-200);
	--spectrum-button-sized-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));
	--spectrum-button-sized-padding-label-to-icon: var(--spectrum-text-to-visual-200);
	--spectrum-button-sized-top-to-text: var(--spectrum-button-top-to-text-large);
	--spectrum-button-sized-bottom-to-text: var(--spectrum-button-bottom-to-text-large);
	--spectrum-button-sized-top-to-icon: var(--spectrum-component-top-to-workflow-icon-200);
	--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-200);
}

.spectrum-Button--sizeXL {
	--spectrum-button-sized-height: var(--spectrum-component-height-300);
	--spectrum-button-sized-font-size: var(--spectrum-font-size-300);
	--spectrum-button-sized-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));
	--spectrum-button-sized-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-300);
	--spectrum-button-sized-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));
	--spectrum-button-sized-padding-label-to-icon: var(--spectrum-text-to-visual-300);
	--spectrum-button-sized-top-to-text: var(--spectrum-button-top-to-text-extra-large);
	--spectrum-button-sized-bottom-to-text: var(--spectrum-button-bottom-to-text-extra-large);
	--spectrum-button-sized-top-to-icon: var(--spectrum-component-top-to-workflow-icon-300);
	--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-300);
}

.spectrum-Button {
	--spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
	--spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
	--spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
	--spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.is-selected {
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-content-color-default: var(--spectrum-white);
	--spectrum-button-content-color-hover: var(--spectrum-white);
	--spectrum-button-content-color-down: var(--spectrum-white);
	--spectrum-button-content-color-focus: var(--spectrum-white);
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
	--spectrum-button-border-color-disabled: transparent;
}

.spectrum-Button.is-selected.spectrum-Button--emphasized, .spectrum-Button.spectrum-Button--accent {
	--spectrum-button-background-color-default: var(--spectrum-accent-background-color-default);
	--spectrum-button-background-color-hover: var(--spectrum-accent-background-color-hover);
	--spectrum-button-background-color-down: var(--spectrum-accent-background-color-down);
	--spectrum-button-background-color-focus: var(--spectrum-accent-background-color-key-focus);
}

.spectrum-Button.spectrum-Button--accent {
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-border-color-disabled: transparent;
	--spectrum-button-content-color-default: var(--spectrum-white);
	--spectrum-button-content-color-hover: var(--spectrum-white);
	--spectrum-button-content-color-down: var(--spectrum-white);
	--spectrum-button-content-color-focus: var(--spectrum-white);
}

.spectrum-Button.spectrum-Button--accent.spectrum-Button--outline {
	--spectrum-button-background-color-hover: var(--spectrum-accent-color-200);
	--spectrum-button-background-color-down: var(--spectrum-accent-color-300);
	--spectrum-button-background-color-focus: var(--spectrum-accent-color-200);
	--spectrum-button-border-color-default: var(--spectrum-accent-color-900);
	--spectrum-button-border-color-hover: var(--spectrum-accent-color-1000);
	--spectrum-button-border-color-down: var(--spectrum-accent-color-1100);
	--spectrum-button-border-color-focus: var(--spectrum-accent-color-1000);
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
	--spectrum-button-content-color-default: var(--spectrum-accent-content-color-default);
	--spectrum-button-content-color-hover: var(--spectrum-accent-content-color-hover);
	--spectrum-button-content-color-down: var(--spectrum-accent-content-color-down);
	--spectrum-button-content-color-focus: var(--spectrum-accent-content-color-key-focus);
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.spectrum-Button--negative {
	--spectrum-button-background-color-default: var(--spectrum-negative-background-color-default);
	--spectrum-button-background-color-hover: var(--spectrum-negative-background-color-hover);
	--spectrum-button-background-color-down: var(--spectrum-negative-background-color-down);
	--spectrum-button-background-color-focus: var(--spectrum-negative-background-color-key-focus);
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-content-color-default: var(--spectrum-white);
	--spectrum-button-content-color-hover: var(--spectrum-white);
	--spectrum-button-content-color-down: var(--spectrum-white);
	--spectrum-button-content-color-focus: var(--spectrum-white);
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
	--spectrum-button-border-color-disabled: transparent;
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.spectrum-Button--negative.spectrum-Button--outline {
	--spectrum-button-background-color-hover: var(--spectrum-negative-color-200);
	--spectrum-button-background-color-down: var(--spectrum-negative-color-300);
	--spectrum-button-background-color-focus: var(--spectrum-negative-color-200);
	--spectrum-button-border-color-default: var(--spectrum-negative-color-900);
	--spectrum-button-border-color-hover: var(--spectrum-negative-color-1000);
	--spectrum-button-border-color-down: var(--spectrum-negative-color-1100);
	--spectrum-button-border-color-focus: var(--spectrum-negative-color-1000);
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
	--spectrum-button-content-color-default: var(--spectrum-negative-content-color-default);
	--spectrum-button-content-color-hover: var(--spectrum-negative-content-color-hover);
	--spectrum-button-content-color-down: var(--spectrum-negative-content-color-down);
	--spectrum-button-content-color-focus: var(--spectrum-negative-content-color-key-focus);
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.spectrum-Button--primary {
	--spectrum-button-background-color-default: var(--spectrum-neutral-background-color-default);
	--spectrum-button-background-color-hover: var(--spectrum-neutral-background-color-hover);
	--spectrum-button-background-color-down: var(--spectrum-neutral-background-color-down);
	--spectrum-button-background-color-focus: var(--spectrum-neutral-background-color-key-focus);
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-border-color-disabled: transparent;
}

.spectrum-Button.spectrum-Button--primary.spectrum-Button--outline {
	--spectrum-button-border-color-default: var(--spectrum-gray-800);
	--spectrum-button-border-color-hover: var(--spectrum-gray-900);
	--spectrum-button-border-color-down: var(--spectrum-gray-900);
	--spectrum-button-border-color-focus: var(--spectrum-gray-900);
	--spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
	--spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
	--spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
	--spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.spectrum-Button--secondary {
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-border-color-disabled: transparent;
	--spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
	--spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
	--spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
	--spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline {
	--spectrum-button-background-color-down: var(--spectrum-gray-400);
	--spectrum-button-border-color-default: var(--spectrum-gray-300);
	--spectrum-button-border-color-hover: var(--spectrum-gray-400);
	--spectrum-button-border-color-focus: var(--spectrum-gray-400);
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
	--spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
	--spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
	--spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
	--spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
}

.spectrum-Button.spectrum-Button--quiet {
	--spectrum-button-background-color-hover: var(--spectrum-gray-200);
	--spectrum-button-background-color-down: var(--spectrum-gray-300);
	--spectrum-button-background-color-focus: var(--spectrum-gray-200);
}

.spectrum-Button.spectrum-Button--quiet, .spectrum-Button.spectrum-Button--staticBlack, .spectrum-Button.spectrum-Button--staticWhite {
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-border-color-disabled: transparent;
}

.spectrum-Button.spectrum-Button--staticBlack.is-selected, .spectrum-Button.spectrum-Button--staticWhite.is-selected {
	--mod-button-content-color-default: var(--mod-button-static-content-color);
	--mod-button-content-color-hover: var(--mod-button-static-content-color);
	--mod-button-content-color-down: var(--mod-button-static-content-color);
	--mod-button-content-color-focus: var(--mod-button-static-content-color);
	--spectrum-button-border-color-disabled: transparent;
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary, .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary {
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-border-color-disabled: transparent;
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary.spectrum-Button--outline, .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline {
	--spectrum-button-background-color-disabled: transparent;
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--quiet, .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--quiet {
	--spectrum-button-border-color-default: transparent;
	--spectrum-button-border-color-hover: transparent;
	--spectrum-button-border-color-down: transparent;
	--spectrum-button-border-color-focus: transparent;
	--spectrum-button-border-color-disabled: transparent;
}

.spectrum-Button.spectrum-Button--staticWhite {
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
	--spectrum-button-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
}

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline {
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-static-white-border-color);
}

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary {
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
}

.spectrum-Button.spectrum-Button--staticBlack {
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
	--spectrum-button-focus-indicator-color: var(--mod-static-black-focus-indicator-color, var(--spectrum-static-black-focus-indicator-color));
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline {
	--spectrum-button-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
	--spectrum-button-border-color-disabled: var(--spectrum-disabled-static-black-border-color);
}

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary {
	--spectrum-button-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
}

.spectrum-Button.spectrum-Button--outline, .spectrum-Button.spectrum-Button--quiet {
	--spectrum-button-background-color-default: transparent;
	--spectrum-button-background-color-disabled: transparent;
}

.spectrum-Button {
	--spectrum-button-height: var(--mod-button-height, var(--spectrum-button-sized-height));
	--spectrum-button-min-width: var(--mod-button-min-width, calc(var(--spectrum-button-height) * var(--spectrum-button-minimum-width-multiplier)));
	--spectrum-button-line-height: var(--mod-button-line-height, 1.2);
	--spectrum-button-font-size: var(--mod-button-font-size, var(--spectrum-button-sized-font-size));
	--spectrum-button-padding-label-to-icon: var(--mod-button-padding-label-to-icon, var(--spectrum-button-sized-padding-label-to-icon));
	--spectrum-button-edge-to-visual: var(--mod-button-edge-to-visual, var(--spectrum-button-sized-edge-to-visual));
	--spectrum-button-edge-to-visual-only: var(--mod-button-edge-to-visual-only, var(--spectrum-button-sized-edge-to-visual-only));
	--spectrum-button-edge-to-text: var(--mod-button-edge-to-text, var(--spectrum-button-sized-edge-to-text));
	--spectrum-button-top-to-text: var(--mod-button-top-to-text, var(--spectrum-button-sized-top-to-text));
	--spectrum-button-bottom-to-text: var(--mod-button-bottom-to-text, var(--spectrum-button-sized-bottom-to-text));
	--spectrum-button-top-to-icon: var(--mod-button-top-to-icon, var(--spectrum-button-sized-top-to-icon));
	--spectrum-button-focus-ring-thickness: var(--mod-button-focus-ring-thickness, var(--spectrum-focus-indicator-thickness));
	--spectrum-button-focus-indicator-color: var(--mod-button-focus-ring-color, var(--spectrum-focus-indicator-color));
	--spectrum-button-animation-duration: var(--mod-button-animation-duration, var(--spectrum-animation-duration-100));
	--spectrum-button-border-width: var(--mod-button-border-width, var(--spectrum-border-width-200));
	--spectrum-button-focus-ring-gap: var(--mod-focus-indicator-gap, var(--mod-button-focus-ring-gap, var(--spectrum-focus-indicator-gap)));
	--spectrum-button-border-radius: var(--mod-button-border-radius, calc(var(--spectrum-button-height) / 2));
	--mod-progress-circle-position: absolute;
	background-color: var(--highcontrast-button-background-color-default, var(--mod-button-background-color-default, var(--spectrum-button-background-color-default)));
	border-color: var(--highcontrast-button-border-color-default, var(--mod-button-border-color-default, var(--spectrum-button-border-color-default)));
	border-radius: var(--spectrum-button-border-radius);
	border-style: solid;
	border-width: var(--spectrum-button-border-width);
	color: var(--highcontrast-button-content-color-default, var(--mod-button-content-color-default, var(--spectrum-button-content-color-default, inherit)));
	font-size: var(--spectrum-button-font-size);
	font-weight: var(--mod-bold-font-weight, var(--spectrum-bold-font-weight));
	gap: var(--spectrum-button-padding-label-to-icon);
	margin-block: var(--mod-button-margin-block);
	margin-inline-end: var(--mod-button-margin-right);
	margin-inline-start: var(--mod-button-margin-left);
	max-inline-size: var(--mod-button-max-inline-size, none);
	min-block-size: var(--spectrum-button-height);
	min-inline-size: var(--spectrum-button-min-width);
	padding-block: 0;
	padding-inline: var(--spectrum-button-edge-to-text);
	position: relative;
	transition:
		border var(--spectrum-button-animation-duration, 0.13s) linear,
		color var(--spectrum-button-animation-duration, 0.13s) linear,
		background-color var(--spectrum-button-animation-duration, 0.13s) linear;
}

.spectrum-Button.spectrum-Button--outline {
	background-color: initial;
}

.spectrum-Button:after {
	border-radius: calc(var(--spectrum-button-border-radius) + var(--spectrum-focus-indicator-gap));
	content: "";
	inset: 0;
	margin: var(--mod-button-focus-ring-border-radius, calc((var(--spectrum-button-focus-ring-gap) + var(--spectrum-button-border-width)) * -1));
	pointer-events: none;
	position: absolute;
	transition: box-shadow var(--spectrum-button-animation-duration) ease-in-out;
}

.spectrum-Button:focus-visible {
	background-color: var(--highcontrast-button-background-color-focus, var(--mod-button-background-color-focus, var(--spectrum-button-background-color-focus)));
	border-color: var(--highcontrast-button-border-color-focus, var(--mod-button-border-color-focus, var(--spectrum-button-border-color-focus)));
	box-shadow: none;
	color: var(--highcontrast-button-content-color-focus, var(--mod-button-content-color-focus, var(--spectrum-button-content-color-focus)));
	outline: none;
}

.spectrum-Button.is-focused:after, .spectrum-Button:focus-visible:after {
	box-shadow: 0 0 0 var(--spectrum-button-focus-ring-thickness) var(--spectrum-button-focus-indicator-color);
}

.spectrum-Button:active {
	background-color: var(--highcontrast-button-background-color-down, var(--mod-button-background-color-down, var(--spectrum-button-background-color-down)));
	border-color: var(--highcontrast-button-border-color-down, var(--mod-button-border-color-down, var(--spectrum-button-border-color-down)));
	box-shadow: none;
	color: var(--highcontrast-button-content-color-down, var(--mod-button-content-color-down, var(--spectrum-button-content-color-down)));
}

@media (hover: hover) {
	.spectrum-Button:hover {
		background-color: var(--highcontrast-button-background-color-hover, var(--mod-button-background-color-hover, var(--spectrum-button-background-color-hover)));
		border-color: var(--highcontrast-button-border-color-hover, var(--mod-button-border-color-hover, var(--spectrum-button-border-color-hover)));
		box-shadow: none;
		color: var(--highcontrast-button-content-color-hover, var(--mod-button-content-color-hover, var(--spectrum-button-content-color-hover)));
	}
}

.spectrum-Button.is-disabled, .spectrum-Button.is-pending, .spectrum-Button:disabled, .spectrum-Button[pending] {
	background-color: var(--highcontrast-button-background-color-disabled, var(--mod-button-background-color-disabled, var(--spectrum-button-background-color-disabled)));
	border-color: var(--highcontrast-button-border-color-disabled, var(--mod-button-border-color-disabled, var(--spectrum-button-border-color-disabled)));
	color: var(--highcontrast-button-content-color-disabled, var(--mod-button-content-color-disabled, var(--spectrum-button-content-color-disabled)));
}

.spectrum-Button .spectrum-Icon {
	--_icon-size-difference: max(0px, var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size, var(--spectrum-button-intended-icon-size)));
	margin-block-start: var(--mod-button-icon-margin-block-start, max(0px, var(--mod-button-top-to-icon, var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width, var(--spectrum-button-border-width)) + (var(--_icon-size-difference, 0px) / 2)));
	margin-inline-start: calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)));
}

.spectrum-Button.spectrum-Button--iconOnly {
	padding: calc(var(--mod-button-edge-to-visual-only, var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));
}

.spectrum-Button .spectrum-Button-label, .spectrum-Button .spectrum-Icon {
	opacity: 1;
	transition: opacity var(--spectrum-button-animation-duration, 0.13s) ease-in-out;
	visibility: visible;
}

.spectrum-Button .spectrum-ProgressCircle {
	opacity: 0;
	transition:
		opacity var(--spectrum-button-animation-duration, 0.13s) ease-in-out,
		visibility 0s linear var(--spectrum-button-animation-duration, 0.13s);
	visibility: hidden;
}

.spectrum-Button.is-pending, .spectrum-Button[pending] {
	cursor: default;
}

.spectrum-Button.is-pending .spectrum-Button-label, .spectrum-Button.is-pending .spectrum-Icon, .spectrum-Button[pending] .spectrum-Button-label, .spectrum-Button[pending] .spectrum-Icon {
	opacity: 0;
	transition:
		opacity var(--spectrum-button-animation-duration, 0.13s) ease-in-out,
		visibility 0s linear var(--spectrum-button-animation-duration, 0.13s);
	visibility: hidden;
}

.spectrum-Button.is-pending .spectrum-ProgressCircle, .spectrum-Button[pending] .spectrum-ProgressCircle {
	opacity: 1;
	transition: opacity var(--spectrum-button-animation-duration, 0.13s) ease-in-out;
	visibility: visible;
}

.spectrum-Button .spectrum-Icon {
	--_icon-size-difference: max(0px, calc(var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size, var(--spectrum-button-intended-icon-size))));
	align-self: flex-start;
	color: inherit;
	flex-shrink: 0;
	margin-block-start: var(--mod-button-icon-margin-block-start, max(0px, calc(var(--spectrum-button-top-to-icon) - var(--spectrum-button-border-width) + var(--_icon-size-difference, 0px) / 2)));
	margin-inline-start: calc(var(--spectrum-button-edge-to-visual) - var(--spectrum-button-edge-to-text));
}

.spectrum-Button.spectrum-Button--iconOnly {
	border-radius: 50%;
	min-inline-size: unset;
	padding: calc(var(--spectrum-button-edge-to-visual-only) - var(--spectrum-button-border-width));
}

.spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon {
	align-self: center;
	margin-block-start: 0;
	margin-inline-start: 0;
}

.spectrum-Button.spectrum-Button--iconOnly:after {
	border-radius: 50%;
}

.spectrum-Button .spectrum-Icon + .spectrum-Button-label {
	text-align: var(--mod-button-text-align-with-icon, start);
}

.spectrum-Button-label {
	align-self: start;
	line-height: var(--spectrum-button-line-height);
	padding-block-end: calc(var(--spectrum-button-bottom-to-text) - var(--spectrum-button-border-width));
	padding-block-start: calc(var(--spectrum-button-top-to-text) - var(--spectrum-button-border-width));
	text-align: var(--mod-button-text-align, center);
}

.spectrum-Button--noWrap .spectrum-Button-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (forced-colors: active) {
	.spectrum-Button {
		--highcontrast-button-content-color-default: ButtonText;
		--highcontrast-button-content-color-hover: ButtonText;
		--highcontrast-button-content-color-focus: ButtonText;
		--highcontrast-button-content-color-down: ButtonText;
		--highcontrast-button-content-color-disabled: GrayText;
		--highcontrast-button-border-color-default: ButtonBorder;
		--highcontrast-button-border-color-hover: ButtonBorder;
		--highcontrast-button-border-color-focus: ButtonBorder;
		--highcontrast-button-border-color-down: ButtonBorder;
		--highcontrast-button-border-color-disabled: GrayText;
		--highcontrast-button-background-color-default: ButtonFace;
		--highcontrast-button-background-color-hover: ButtonFace;
		--highcontrast-button-background-color-down: ButtonFace;
		--highcontrast-button-background-color-focus: ButtonFace;
		--highcontrast-button-background-color-disabled: ButtonFace;
		--mod-progress-circle-track-border-color: ButtonText;
		--mod-progress-circle-track-border-color-over-background: ButtonText;
		--mod-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
		--spectrum-button-animation-duration: 0s;
	}
	.spectrum-Button .spectrum-Button-label {
		forced-color-adjust: none;
	}
	.spectrum-Button:focus-visible:after {
		box-shadow: 0 0 0 var(--spectrum-button-focus-ring-thickness) ButtonText;
		forced-color-adjust: none;
	}
	.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill {
		--highcontrast-button-background-color-default: ButtonText;
		--highcontrast-button-background-color-hover: Highlight;
		--highcontrast-button-background-color-down: Highlight;
		--highcontrast-button-background-color-focus: Highlight;
		--highcontrast-button-background-color-disabled: ButtonFace;
		--highcontrast-button-content-color-default: ButtonFace;
		--highcontrast-button-content-color-hover: HighlightText;
		--highcontrast-button-content-color-down: HighlightText;
		--highcontrast-button-content-color-focus: HighlightText;
		--highcontrast-button-border-color-default: ButtonText;
		--highcontrast-button-border-color-hover: Highlight;
		--highcontrast-button-border-color-focus: Highlight;
		--highcontrast-button-border-color-down: Highlight;
	}
	.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--accent {
		--highcontrast-button-content-color-disabled: GrayText;
	}
}

/*!
 * Copyright 2024 Adobe. All rights reserved.
 *
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at <http://www.apache.org/licenses/LICENSE-2.0>
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

.spectrum-ButtonGroup {
	--spectrum-buttongroup-spacing: var(--mod-buttongroup-spacing, var(--mod-buttongroup-spacing-horizontal, var(--spectrum-spacing-300)));
	--spectrum-buttongroup-display: flex;
	--spectrum-buttongroup-flex-direction: row;
	--spectrum-buttongroup-justify-content: var(--mod-buttongroup-justify-content, normal);
}

.spectrum-ButtonGroup.spectrum-ButtonGroup--sizeS {
	--spectrum-buttongroup-spacing: var(--mod-buttongroup-spacing, var(--mod-buttongroup-spacing-horizontal, var(--spectrum-spacing-200)));
}

.spectrum-ButtonGroup.spectrum-ButtonGroup--vertical {
	--mod-buttongroup-spacing: var(--mod-buttongroup-spacing-vertical);
	--spectrum-buttongroup-display: inline-flex;
	--spectrum-buttongroup-flex-direction: column;
}

.spectrum-ButtonGroup {
	display: var(--spectrum-buttongroup-display);
	flex-direction: var(--spectrum-buttongroup-flex-direction);
	flex-wrap: wrap;
	gap: var(--spectrum-buttongroup-spacing);
	justify-content: var(--spectrum-buttongroup-justify-content);
}

.spectrum-ButtonGroup-item {
	flex-shrink: 0;
}

/*!
 * Copyright 2024 Adobe. All rights reserved.
 *
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at <http://www.apache.org/licenses/LICENSE-2.0>
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

.spectrum-Divider {
	--spectrum-divider-background-color: var(--spectrum-gray-200);
	--spectrum-divider-background-color-static-white: var(--spectrum-transparent-white-200);
	--spectrum-divider-background-color-static-black: var(--spectrum-transparent-black-200);
}

@media (forced-colors: active) {
	.spectrum-Divider {
		--highcontrast-divider-background-color: CanvasText;
	}
}

.spectrum-Divider {
	--spectrum-divider-thickness: var(--spectrum-divider-thickness-medium);
}

.spectrum-Divider--sizeS {
	--spectrum-divider-thickness: var(--spectrum-divider-thickness-small);
}

.spectrum-Divider--sizeL {
	--spectrum-divider-thickness: var(--spectrum-divider-thickness-large);
	--spectrum-divider-background-color: var(--spectrum-gray-800);
}

.spectrum-Divider--staticWhite {
	--mod-divider-background-color: var(--mod-divider-background-color-medium-static-white, var(--spectrum-divider-background-color-static-white));
}

.spectrum-Divider--staticWhite.spectrum-Divider--sizeS {
	--mod-divider-background-color: var(--mod-divider-background-color-small-static-white, var(--spectrum-divider-background-color-static-white));
}

.spectrum-Divider--staticWhite.spectrum-Divider--sizeL {
	--mod-divider-background-color: var(--mod-divider-background-color-large-static-white, var(--spectrum-transparent-white-800));
}

.spectrum-Divider--staticBlack {
	--mod-divider-background-color: var(--mod-divider-background-color-medium-static-black, var(--spectrum-divider-background-color-static-black));
}

.spectrum-Divider--staticBlack.spectrum-Divider--sizeS {
	--mod-divider-background-color: var(--mod-divider-background-color-small-static-black, var(--spectrum-divider-background-color-static-black));
}

.spectrum-Divider--staticBlack.spectrum-Divider--sizeL {
	--mod-divider-background-color: var(--mod-divider-background-color-large-static-black, var(--spectrum-transparent-black-800));
}

.spectrum-Divider {
	background-color: var(--highcontrast-divider-background-color, var(--mod-divider-background-color, var(--spectrum-divider-background-color)));
	block-size: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
	border: none;
	border-radius: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
	border-width: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
	inline-size: 100%;
	overflow: visible;
}

.spectrum-Divider--vertical {
	align-self: var(--mod-divider-vertical-align);
	block-size: 100%;
	block-size: var(--mod-divider-vertical-height, 100%);
	inline-size: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
	margin-block: var(--mod-divider-vertical-margin);
}