/*!
 * 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-Form {
	--spectrum-form-item-block-spacing: var(--spectrum-spacing-300);
	--spectrum-form-item-block-spacing-labels-above: var(--spectrum-spacing-200);

	--spectrum-form-grid-template-columns: auto auto;
	--spectrum-form-grid-template-columns-labels-above: auto;

	--spectrum-form-item-disabled-content-color: var(--spectrum-disabled-content-color);
	display: grid;
	grid-template-columns: var(--mod-form-grid-template-columns, var(--spectrum-form-grid-template-columns));
	inline-size: var(--mod-form-inline-size, -moz-fit-content);
	inline-size: var(--mod-form-inline-size, fit-content);
	justify-content: start;

	margin: 0;
	row-gap: var(--mod-form-item-block-spacing, var(--spectrum-form-item-block-spacing));
}

/* Row */

.spectrum-Form-item {
	display: contents;
}

@supports (grid-template-columns: subgrid) {
	.spectrum-Form-item {
		display: grid;
		grid-column: span 2;
		grid-template-columns: subgrid;
	}
}

.spectrum-Form-itemLabel, .spectrum-Form-itemField {
	display: block;
}

/* Fix extra space after inline-flex elements such as stepper. */

.spectrum-Form-itemField > * {
	vertical-align: top;
}

/* Rows with stacked alignment */

.spectrum-Form--labelsAbove {
	--mod-form-item-block-spacing: var(--mod-form-item-block-spacing-labels-above, var(--spectrum-form-item-block-spacing-labels-above));
	--mod-form-grid-template-columns: var(--mod-form-grid-template-columns-labels-above, var(--spectrum-form-grid-template-columns-labels-above));
}

.spectrum-Form--labelsAbove .spectrum-Form-item {
		display: block;
	}

/********* Disabled state *********/

.spectrum-Form-itemLabel.is-disabled {
		color: var(--highcontrast-form-item-disabled-content-color, var(--mod-disabled-content-color, var(--spectrum-form-item-disabled-content-color)));
	}

.spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
			color: var(--highcontrast-form-item-disabled-content-color, var(--mod-disabled-content-color, var(--spectrum-form-item-disabled-content-color)));
		}

/********* WHCM *********/

@media (forced-colors: active) {
	.spectrum-Form {
		--highcontrast-form-item-disabled-content-color: 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.
 */

/* @todo align modifiers to use field-label or fieldlabel but not both */

.spectrum-FieldLabel, .spectrum-FieldLabel--sizeM {
	--spectrum-field-label-min-height: var(--spectrum-component-height-75);
	--spectrum-field-label-top-to-text: var(--spectrum-component-top-to-text-75);
	--spectrum-field-label-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
	--spectrum-field-label-font-size: var(--spectrum-font-size-75);

	--spectrum-field-label-side-margin-block-start: var(--spectrum-field-label-top-margin-medium);
	--spectrum-field-label-side-padding-right: var(--spectrum-spacing-200);

	--spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-medium);
}

.spectrum-FieldLabel--sizeS {
	--spectrum-field-label-min-height: var(--spectrum-component-height-75);
	--spectrum-field-label-top-to-text: var(--spectrum-component-top-to-text-75);
	--spectrum-field-label-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
	--spectrum-field-label-font-size: var(--spectrum-font-size-75);

	--spectrum-field-label-side-margin-block-start: var(--spectrum-field-label-top-margin-small);
	--spectrum-field-label-side-padding-right: var(--spectrum-spacing-100);

	--spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-small);
}

.spectrum-FieldLabel--sizeL {
	--spectrum-field-label-min-height: var(--spectrum-component-height-100);
	--spectrum-field-label-top-to-text: var(--spectrum-component-top-to-text-100);
	--spectrum-field-label-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
	--spectrum-field-label-font-size: var(--spectrum-font-size-100);

	--spectrum-field-label-side-margin-block-start: var(--spectrum-field-label-top-margin-large);
	--spectrum-field-label-side-padding-right: var(--spectrum-spacing-200);

	--spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-large);
}

.spectrum-FieldLabel--sizeXL {
	--spectrum-field-label-min-height: var(--spectrum-component-height-200);
	--spectrum-field-label-top-to-text: var(--spectrum-component-top-to-text-200);
	--spectrum-field-label-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
	--spectrum-field-label-font-size: var(--spectrum-font-size-200);

	--spectrum-field-label-side-margin-block-start: var(--spectrum-field-label-top-margin-extra-large);
	--spectrum-field-label-side-padding-right: var(--spectrum-spacing-200);

	--spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-extra-large);
}

.spectrum-FieldLabel {
	box-sizing: border-box;

	color: var(--highcontrast-field-label-content-color, var(--mod-fieldlabel-color, var(--spectrum-neutral-subdued-content-color-default)));
	display: block;

	font-size: var(--mod-fieldlabel-font-size, var(--spectrum-field-label-font-size));

	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: var(--mod-fieldlabel-font-weight, var(--spectrum-regular-font-weight));

	line-height: var(--mod-fieldlabel-line-height, var(--spectrum-line-height-100));
	margin-block: var(--mod-fieldlabel-margin-block, var(--mod-fieldlabel-margin-block-start, 0) var(--mod-fieldlabel-margin-block-end, 0));
	margin-inline: var(--mod-fieldlabel-margin-inline, var(--mod-fieldlabel-margin-inline-start, 0) var(--mod-fieldlabel-margin-inline-end, 0));
	min-block-size: var(--mod-fieldlabel-min-height, var(--spectrum-field-label-min-height));

	padding-block: var(--mod-fieldlabel-padding-block, var(--mod-field-label-top-to-text, var(--spectrum-field-label-top-to-text)) var(--mod-field-label-bottom-to-text, var(--spectrum-field-label-bottom-to-text)));
	padding-inline: var(--mod-fieldlabel-padding-inline, 0);
}

.spectrum-FieldLabel:lang(ja),.spectrum-FieldLabel:lang(zh),.spectrum-FieldLabel:lang(ko) {
		--mod-fieldlabel-line-height: var(--mod-fieldlabel-line-height-cjk, var(--spectrum-cjk-line-height-100));
	}

/********* Disabled state *********/

.spectrum-FieldLabel.is-disabled {
		--mod-fieldlabel-color: var(--mod-disabled-content-color, var(--spectrum-disabled-content-color));
	}

.spectrum-FieldLabel-requiredIcon {
	color: inherit;
	margin-block: 0;
	margin-inline: var(--mod-field-label-text-to-asterisk, var(--spectrum-field-label-text-to-asterisk)) 0;
	vertical-align: var(--mod-field-label-asterisk-vertical-align, baseline);
}

.spectrum-FieldLabel--left, .spectrum-FieldLabel--right {
	display: inline-block;
	margin-block-end: 0;

	margin-block-start: var(--mod-fieldlabel-side-margin-block-start, var(--spectrum-field-label-side-margin-block-start));
	margin-inline-end: var(--mod-fieldlabel-side-padding-right, var(--spectrum-field-label-side-padding-right));

	vertical-align: top;
}

.spectrum-FieldLabel--right {
	text-align: end;
}

/********* WHCM *********/

@media (forced-colors: active) {
	.spectrum-FieldLabel.is-disabled {
		--highcontrast-field-label-content-color: 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.
 */

/* field group */

.spectrum-FieldGroup {
	display: flex;
	flex-flow: column wrap;
}

/* field group label top aligned */

.spectrum-FieldGroup--toplabel {
	flex-direction: column;
}

/* field group label side aligned */

.spectrum-FieldGroup--sidelabel {
	flex-direction: row;
}

/* input fields layout */

.spectrum-FieldGroupInputLayout {
	display: flex;
	flex-flow: column wrap;
}

.spectrum-FieldGroup--vertical .spectrum-FieldGroupInputLayout {
		flex-direction: column;
	}

/* input fields aligned horizontally */

.spectrum-FieldGroup--horizontal .spectrum-FieldGroupInputLayout {
		flex-direction: row;
	}

:is(.spectrum-FieldGroup--horizontal .spectrum-FieldGroupInputLayout) .spectrum-FieldGroup-item:not(:last-child) {
			margin-inline-end: var(--spectrum-spacing-300);
		}

/* move help text down to new row */

:is(.spectrum-FieldGroup--horizontal .spectrum-FieldGroupInputLayout) .spectrum-HelpText {
			flex-basis: 100%;
		}

/*!
 * 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-Picker {
	--spectrum-picker-background-color-default: var(--spectrum-gray-100);
	--spectrum-picker-background-color-default-open: var(--spectrum-gray-200);
	--spectrum-picker-background-color-hover: var(--spectrum-gray-200);
	--spectrum-picker-background-color-hover-open: var(--spectrum-gray-200);
	--spectrum-picker-background-color-active: var(--spectrum-gray-200);
	--spectrum-picker-background-color-key-focus: var(--spectrum-gray-200);
	--spectrum-picker-border-color-default: var(--spectrum-gray-500);
	--spectrum-picker-border-color-default-open: var(--spectrum-gray-800);
	--spectrum-picker-border-color-hover: var(--spectrum-gray-600);
	--spectrum-picker-border-color-hover-open: var(--spectrum-gray-900);
	--spectrum-picker-border-color-active: var(--spectrum-gray-700);
	--spectrum-picker-border-color-key-focus: var(--spectrum-gray-900);
	--spectrum-picker-border-color-disabled: var(--spectrum-gray-300);
	--spectrum-picker-border-width: var(--spectrum-border-width-100);
	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;
	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;
	position: relative;
	-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-Picker::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

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

.spectrum-Picker {
	--spectrum-picker-font-size: var(--spectrum-font-size-100);
	--spectrum-picker-font-weight: var(--spectrum-regular-font-weight);
	--spectrum-picker-placeholder-font-style: var(--spectrum-default-font-style);
	--spectrum-picker-line-height: var(--spectrum-line-height-100);
	--spectrum-picker-block-size: var(--spectrum-component-height-100);
	--spectrum-picker-inline-size: var(--spectrum-field-width);
	--spectrum-picker-border-radius: var(--spectrum-corner-radius-100);
	--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-100);
	--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
	--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-100);
	--spectrum-picker-spacing-edge-to-text-quiet: var(--spectrum-field-edge-to-text-quiet);
	--spectrum-picker-spacing-label-to-picker: var(--spectrum-field-label-to-component);
	--spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-100);
	--spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-medium);
	--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-medium);
	--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-medium);
	--spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-medium);
	--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-medium);
	--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-100);
	--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-100);
	--spectrum-picker-spacing-edge-to-disclosure-icon-quiet: var(--spectrum-picker-end-edge-to-disclousure-icon-quiet);
	--spectrum-picker-animation-duration: var(--spectrum-animation-duration-100);
	--spectrum-picker-font-color-default: var(--spectrum-neutral-content-color-default);
	--spectrum-picker-font-color-default-open: var(--spectrum-neutral-content-color-focus);
	--spectrum-picker-font-color-hover: var(--spectrum-neutral-content-color-hover);
	--spectrum-picker-font-color-hover-open: var(--spectrum-neutral-content-color-focus-hover);
	--spectrum-picker-font-color-active: var(--spectrum-neutral-content-color-down);
	--spectrum-picker-font-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
	--spectrum-picker-icon-color-default: var(--spectrum-neutral-content-color-default);
	--spectrum-picker-icon-color-default-open: var(--spectrum-neutral-content-color-focus);
	--spectrum-picker-icon-color-hover: var(--spectrum-neutral-content-color-hover);
	--spectrum-picker-icon-color-hover-open: var(--spectrum-neutral-content-color-focus-hover);
	--spectrum-picker-icon-color-active: var(--spectrum-neutral-content-color-down);
	--spectrum-picker-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
	--spectrum-picker-border-color-error-default: var(--spectrum-negative-border-color-default);
	--spectrum-picker-border-color-error-default-open: var(--spectrum-negative-border-color-focus);
	--spectrum-picker-border-color-error-hover: var(--spectrum-negative-border-color-hover);
	--spectrum-picker-border-color-error-hover-open: var(--spectrum-negative-border-color-focus-hover);
	--spectrum-picker-border-color-error-active: var(--spectrum-negative-border-color-down);
	--spectrum-picker-border-color-error-key-focus: var(--spectrum-negative-border-color-key-focus);
	--spectrum-picker-icon-color-error: var(--spectrum-negative-visual-color);
	--spectrum-picker-background-color-disabled: var(--spectrum-disabled-background-color);
	--spectrum-picker-font-color-disabled: var(--spectrum-disabled-content-color);
	--spectrum-picker-icon-color-disabled: var(--spectrum-disabled-content-color);
	--spectrum-picker-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
	--spectrum-picker-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
	--spectrum-picker-focus-indicator-color: var(--spectrum-focus-indicator-color);
}

.spectrum-Picker + .spectrum-Popover--bottom.is-open {
	--spectrum-picker-spacing-picker-to-popover: var(--spectrum-component-to-menu-medium);
}

.spectrum-Picker--sizeS {
	--spectrum-picker-font-size: var(--spectrum-font-size-75);
	--spectrum-picker-block-size: var(--spectrum-component-height-75);
	--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-75);
	--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
	--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-75);
	--spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-75);
	--spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-small);
	--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-small);
	--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-small);
	--spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-small);
	--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-small);
	--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-75);
	--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-75);
}

.spectrum-Picker--sizeS + .spectrum-Popover--bottom.is-open {
	--spectrum-picker-spacing-picker-to-popover: var(--spectrum-component-to-menu-small);
}

.spectrum-Picker--sizeL {
	--spectrum-picker-font-size: var(--spectrum-font-size-200);
	--spectrum-picker-block-size: var(--spectrum-component-height-200);
	--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-200);
	--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
	--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-200);
	--spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-200);
	--spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-large);
	--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-large);
	--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-large);
	--spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-large);
	--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-large);
	--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-200);
	--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-200);
}

.spectrum-Picker--sizeL + .spectrum-Popover--bottom.is-open {
	--spectrum-picker-spacing-picker-to-popover: var(--spectrum-component-to-menu-large);
}

.spectrum-Picker--sizeXL {
	--spectrum-picker-font-size: var(--spectrum-font-size-300);
	--spectrum-picker-block-size: var(--spectrum-component-height-300);
	--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-300);
	--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
	--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-300);
	--spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-300);
	--spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-extra-large);
	--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-extra-large);
	--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-extra-large);
	--spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-extra-large);
	--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-extra-large);
	--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-300);
	--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-300);
}

.spectrum-Picker--sizeXL + .spectrum-Popover--bottom.is-open {
	--spectrum-picker-spacing-picker-to-popover: var(--spectrum-component-to-menu-extra-large);
}

@media (forced-colors: active) {
	.spectrum-Picker {
		--highcontrast-picker-focus-indicator-color: Highlight;
		--highcontrast-picker-border-color-default: ButtonBorder;
		--highcontrast-picker-border-color-hover: Highlight;
		--highcontrast-picker-border-color-disabled: GrayText;
		--highcontrast-picker-content-color-default: ButtonText;
		--highcontrast-picker-content-color-disabled: GrayText;
		--highcontrast-picker-background-color: ButtonFace;
	}
	.spectrum-Picker.is-keyboardFocused, .spectrum-Picker:focus-visible {
		--highcontrast-picker-border-color-hover: ButtonText;
	}
	.spectrum-Picker .spectrum-Picker-label, .spectrum-Picker:after {
		forced-color-adjust: none;
	}
}

.spectrum-Picker {
	background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-default, var(--spectrum-picker-background-color-default)));
	block-size: var(--mod-picker-block-size, var(--spectrum-picker-block-size));
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-default, var(--spectrum-picker-border-color-default)));
	border-radius: var(--mod-picker-border-radius, var(--spectrum-picker-border-radius));
	border-style: solid;
	border-width: var(--mod-picker-border-width, var(--spectrum-picker-border-width));
	box-sizing: border-box;
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
	display: flex;
	inline-size: var(--mod-picker-inline-size, var(--spectrum-picker-inline-size));
	margin-block-start: var(--mod-picker-spacing-label-to-picker, var(--spectrum-picker-spacing-label-to-picker));
	max-inline-size: 100%;
	min-inline-size: calc(var(--spectrum-picker-minimum-width-multiplier) * var(--mod-picker-block-size, var(--spectrum-picker-block-size)));
	padding-block: 0;
	padding-inline-end: var(--mod-picker-spacing-edge-to-disclosure-icon, var(--spectrum-picker-spacing-edge-to-disclosure-icon));
	padding-inline-start: var(--mod-picker-spacing-edge-to-text, var(--spectrum-picker-spacing-edge-to-text));
	transition:
		background-color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)),
		box-shadow var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)),
		border-color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-in-out;
}

.spectrum-Picker:after {
	block-size: calc(100% + var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) * 2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) * 2);
	border-color: transparent;
	border-radius: calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
	border-style: solid;
	border-width: var(--mod-picker-focus-indicator-thickness, var(--spectrum-picker-focus-indicator-thickness));
	content: "";
	inline-size: calc(100% + var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) * 2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) * 2);
	inset-block: 0;
	inset-inline: 0;
	margin-block-start: calc((var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-focus-indicator-thickness, var(--spectrum-picker-focus-indicator-thickness)) + var(--mod-picker-border-width, var(--spectrum-picker-border-width))) * -1);
	margin-inline-start: calc((var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-focus-indicator-thickness, var(--spectrum-picker-focus-indicator-thickness)) + var(--mod-picker-border-width, var(--spectrum-picker-border-width))) * -1);
	pointer-events: none;
	position: absolute;
}

.spectrum-Picker:active {
	background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-active, var(--spectrum-picker-background-color-active)));
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-active, var(--spectrum-picker-border-color-active)));
}

.spectrum-Picker:active:after {
	border-color: transparent;
}

.spectrum-Picker.is-placeholder:active .spectrum-Picker-label {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-active, var(--spectrum-picker-font-color-active)));
}

.spectrum-Picker.is-keyboardFocused, .spectrum-Picker:focus-visible {
	background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-key-focus, var(--spectrum-picker-background-color-key-focus)));
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-key-focus, var(--spectrum-picker-border-color-key-focus)));
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-key-focus, var(--spectrum-picker-font-color-key-focus)));
	outline: none;
}

.spectrum-Picker.is-keyboardFocused:after, .spectrum-Picker:focus-visible:after {
	border-color: var(--highcontrast-picker-focus-indicator-color, var(--mod-picker-focus-indicator-color, var(--spectrum-picker-focus-indicator-color)));
}

.spectrum-Picker.is-keyboardFocused .spectrum-Picker-label.is-placeholder, .spectrum-Picker:focus-visible .spectrum-Picker-label.is-placeholder {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-key-focus, var(--spectrum-picker-font-color-key-focus)));
}

.spectrum-Picker.is-keyboardFocused .spectrum-Picker-menuIcon, .spectrum-Picker:focus-visible .spectrum-Picker-menuIcon {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-key-focus, var(--spectrum-picker-icon-color-key-focus)));
}

.spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled) {
	background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-default-open, var(--spectrum-picker-background-color-default-open)));
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-default-open, var(--spectrum-picker-border-color-default-open)));
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default-open, var(--spectrum-picker-font-color-default-open)));
}

.spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled) .spectrum-Picker-menuIcon {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-default-open, var(--spectrum-picker-icon-color-default-open)));
}

.spectrum-Picker.is-invalid:not(:disabled, .is-disabled) {
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-error-default, var(--spectrum-picker-border-color-error-default)));
}

.spectrum-Picker.is-invalid:not(:disabled, .is-disabled) .spectrum-Picker-validationIcon {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-error, var(--spectrum-picker-icon-color-error)));
}

.spectrum-Picker.is-invalid:not(:disabled, .is-disabled):active {
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-error-active, var(--spectrum-picker-border-color-error-active)));
}

.spectrum-Picker.is-invalid.is-open:not(:disabled, .is-disabled) {
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-error-default-open, var(--spectrum-picker-border-color-error-default-open)));
}

.spectrum-Picker.is-invalid.is-keyboardFocused:not(:disabled, .is-disabled), .spectrum-Picker.is-invalid:not(:disabled, .is-disabled):focus-visible {
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-error-key-focus, var(--spectrum-picker-border-color-error-key-focus)));
}

.spectrum-Picker.is-loading .spectrum-Picker-menuIcon {
	color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-icon-color-disabled, var(--spectrum-picker-icon-color-disabled)));
}

.spectrum-Picker.is-invalid .spectrum-Picker-label, .spectrum-Picker.is-loading .spectrum-Picker-label {
	margin-inline-end: var(--mod-picker-spacing-text-to-icon-inline-end, var(--mod-picker-spacing-text-to-alert-icon-inline-start, var(--spectrum-picker-spacing-text-to-icon-inline-end)));
}

.spectrum-Picker .spectrum-Picker-icon {
	flex-shrink: 0;
	margin-inline-end: var(--mod-picker-spacing-text-to-icon, var(--spectrum-picker-spacing-text-to-icon));
}

.spectrum-Picker-label {
	flex: 1 1 auto;
	font-size: var(--mod-picker-font-size, var(--spectrum-picker-font-size));
	font-weight: var(--mod-picker-font-weight, var(--spectrum-picker-font-weight));
	line-height: var(--mod-picker-line-height, var(--spectrum-picker-line-height));
	overflow: hidden;
	padding-block-end: calc(var(--mod-picker-spacing-bottom-to-text, var(--spectrum-picker-spacing-bottom-to-text)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
	padding-block-start: var(--mod-picker-spacing-top-to-text, var(--spectrum-picker-spacing-top-to-text));
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spectrum-Picker-label.is-placeholder {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
	font-style: var(--mod-picker-placeholder-font-style, var(--spectrum-picker-placeholder-font-style));
	font-weight: var(--mod-picker-placeholder-font-weight, var(--spectrum-picker-font-weight));
	transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-in-out;
}

.spectrum-Picker-label.is-placeholder:active {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-active, var(--spectrum-picker-font-color-active)));
}

.spectrum-Picker-menuIcon {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-default, var(--spectrum-picker-icon-color-default)));
	display: inline-block;
	flex-shrink: 0;
	margin-block: var(--mod-picker-spacing-top-to-disclosure-icon, var(--spectrum-picker-spacing-top-to-disclosure-icon));
	margin-inline-start: var(--mod-picker-spacing-icon-to-disclosure-icon, var(--spectrum-picker-spacing-icon-to-disclosure-icon));
	position: relative;
	transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-out;
	vertical-align: top;
}

.spectrum-Picker-menuIcon:active {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-active, var(--spectrum-picker-icon-color-active)));
}

.spectrum-Picker-validationIcon {
	flex-shrink: 0;
	margin-block-end: calc(var(--mod-picker-spacing-top-to-alert-icon, var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
	margin-block-start: calc(var(--mod-picker-spacing-top-to-alert-icon, var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
}

.spectrum-Picker .spectrum-ProgressCircle {
	margin-block-end: calc(var(--mod-picker-spacing-top-to-progress-circle, var(--spectrum-picker-spacing-top-to-progress-circle)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
	margin-block-start: calc(var(--mod-picker-spacing-top-to-progress-circle, var(--spectrum-picker-spacing-top-to-progress-circle)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
}

.spectrum-Picker-label ~ .spectrum-Picker-menuIcon {
	margin-inline-start: var(--mod-picker-spacing-text-to-icon, var(--spectrum-picker-spacing-text-to-icon));
}

.spectrum-Picker + .spectrum-Popover--bottom.is-open {
	transform: translateY(var(--mod-picker-spacing-picker-to-popover, var(--spectrum-picker-spacing-picker-to-popover)));
}

.spectrum-Picker--quiet {
	background-color: initial;
	background-color: var(--highcontrast-picker-background-color, transparent);
	border: none;
	border-radius: 0;
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
	inline-size: auto;
	margin-block-start: calc(var(--mod-picker-spacing-label-to-picker-quiet, var(--spectrum-picker-spacing-label-to-picker-quiet)) + 1px);
	min-inline-size: 0;
	padding-inline: var(--mod-picker-spacing-edge-to-text-quiet, var(--spectrum-picker-spacing-edge-to-text-quiet));
}

.spectrum-Picker--quiet.spectrum-Picker--sideLabel {
	margin-block-start: 0;
}

.spectrum-Picker--quiet .spectrum-Picker-menuIcon {
	margin-inline-end: var(--mod-picker-spacing-edge-to-disclosure-icon-quiet, var(--spectrum-picker-spacing-edge-to-disclosure-icon-quiet));
}

.spectrum-Picker--quiet:after {
	block-size: auto;
	border: none;
	inline-size: auto;
}

@media (hover: hover) {
	.spectrum-Picker:hover {
		background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-hover, var(--spectrum-picker-background-color-hover)));
		border-color: var(--highcontrast-picker-border-color-hover, var(--mod-picker-border-color-hover, var(--spectrum-picker-border-color-hover)));
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-hover, var(--spectrum-picker-font-color-hover)));
	}
	.spectrum-Picker:hover .spectrum-Picker-menuIcon {
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-hover, var(--spectrum-picker-icon-color-hover)));
	}
	.spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled):hover {
		background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-hover-open, var(--spectrum-picker-background-color-hover-open)));
		border-color: var(--highcontrast-picker-border-color-hover, var(--mod-picker-border-color-hover-open, var(--spectrum-picker-border-color-hover-open)));
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-hover-open, var(--spectrum-picker-font-color-hover-open)));
	}
	.spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled):hover .spectrum-Picker-menuIcon {
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-hover-open, var(--spectrum-picker-icon-color-hover-open)));
	}
	.spectrum-Picker.is-invalid:not(:disabled, .is-disabled):hover {
		border-color: var(--highcontrast-picker-border-color-hover, var(--mod-picker-border-color-error-hover, var(--spectrum-picker-border-color-error-hover)));
	}
	.spectrum-Picker.is-invalid.is-open:not(:disabled, .is-disabled):hover {
		border-color: var(--highcontrast-picker-border-color-hover, var(--mod-picker-border-color-error-hover-open, var(--spectrum-picker-border-color-error-hover-open)));
	}
	.spectrum-Picker-label.is-placeholder:hover {
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-hover, var(--spectrum-picker-font-color-hover)));
	}
	.spectrum-Picker--quiet:hover {
		background-color: initial;
		background-color: var(--highcontrast-picker-background-color, transparent);
	}
}

.spectrum-Picker--quiet.is-keyboardFocused, .spectrum-Picker--quiet:focus-visible {
	background-color: initial;
	background-color: var(--highcontrast-picker-background-color, transparent);
}

.spectrum-Picker--quiet.is-keyboardFocused:after, .spectrum-Picker--quiet:focus-visible:after {
	border: none;
	border-radius: 0;
	box-shadow: 0 var(--mod-picker-focus-indicator-thickness, var(--spectrum-picker-focus-indicator-thickness)) 0 0 var(--highcontrast-picker-focus-indicator-color, var(--mod-picker-focus-indicator-color, var(--spectrum-picker-focus-indicator-color)));
	margin: calc((var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-border-width, var(--spectrum-picker-border-width))) * -1) 0;
}

.spectrum-Picker--quiet.is-open, .spectrum-Picker--quiet.spectrum-Picker.is-disabled, .spectrum-Picker--quiet.spectrum-Picker:disabled, .spectrum-Picker--quiet:active {
	background-color: initial;
	background-color: var(--highcontrast-picker-background-color, transparent);
}

.spectrum-Picker--sideLabel {
	display: inline-flex;
	vertical-align: top;
}

.spectrum-Picker.is-disabled, .spectrum-Picker:disabled {
	background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-disabled, var(--spectrum-picker-background-color-disabled)));
	border-color: var(--highcontrast-picker-border-color-disabled, var(--spectrum-picker-border-color-disabled));
	color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-font-color-disabled, var(--spectrum-picker-font-color-disabled)));
	cursor: default;
}

.spectrum-Picker.is-disabled .spectrum-Picker-icon, .spectrum-Picker.is-disabled .spectrum-Picker-menuIcon, .spectrum-Picker.is-disabled .spectrum-Picker-validationIcon, .spectrum-Picker:disabled .spectrum-Picker-icon, .spectrum-Picker:disabled .spectrum-Picker-menuIcon, .spectrum-Picker:disabled .spectrum-Picker-validationIcon {
	color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-icon-color-disabled, var(--spectrum-picker-icon-color-disabled)));
}

.spectrum-Picker.is-disabled .spectrum-Picker-label.is-placeholder, .spectrum-Picker:disabled .spectrum-Picker-label.is-placeholder {
	color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-font-color-disabled, var(--spectrum-picker-font-color-disabled)));
}

/*!
 * 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;
	}
}