/*!
 * 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);
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
	overflow: visible;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	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;
	line-height: var(--mod-button-line-height, var(--mod-line-height-100, var(--spectrum-line-height-100)));
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: none;
	vertical-align: top;

	/* stylelint-disable-next-line property-no-vendor-prefix -- Correct the inability to style clickable types in iOS and Safari (normalize). */
	-webkit-appearance: button;
	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;
}
.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 {
	display: flex;
	box-sizing: border-box;
	max-inline-size: 100%;
	min-inline-size: calc(var(--spectrum-picker-minimum-width-multiplier) * var(--mod-picker-block-size, var(--spectrum-picker-block-size)));
	inline-size: var(--mod-picker-inline-size, var(--spectrum-picker-inline-size));
	block-size: var(--mod-picker-block-size, var(--spectrum-picker-block-size));
	padding-block: 0;
	margin-block-start: var(--mod-picker-spacing-label-to-picker, var(--spectrum-picker-spacing-label-to-picker));
	padding-inline-start: var(--mod-picker-spacing-edge-to-text, var(--spectrum-picker-spacing-edge-to-text));
	padding-inline-end: var(--mod-picker-spacing-edge-to-disclosure-icon, var(--spectrum-picker-spacing-edge-to-disclosure-icon));
	border-width: var(--mod-picker-border-width, var(--spectrum-picker-border-width));
	border-style: solid;
	border-radius: var(--mod-picker-border-radius, var(--spectrum-picker-border-radius));
	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;
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
	background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-default, var(--spectrum-picker-background-color-default)));
	border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-default, var(--spectrum-picker-border-color-default)));
}
.spectrum-Picker:after {
	pointer-events: none;
	content: "";
	position: absolute;
	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);
	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);
	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);
	inset-inline: 0;
	inset-block: 0;
	border-style: solid;
	border-width: var(--mod-picker-focus-indicator-thickness, var(--spectrum-picker-focus-indicator-thickness));
	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)));
}
.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 {
	outline: none;
	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)));
}
.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) {
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default-open, var(--spectrum-picker-font-color-default-open)));
	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)));
}
.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;
	white-space: nowrap;
	overflow: hidden;
	font-size: var(--mod-picker-font-size, var(--spectrum-picker-font-size));
	line-height: var(--mod-picker-line-height, var(--spectrum-picker-line-height));
	font-weight: var(--mod-picker-font-weight, var(--spectrum-picker-font-weight));
	text-overflow: ellipsis;
	text-align: start;
	padding-block-start: var(--mod-picker-spacing-top-to-text, var(--spectrum-picker-spacing-top-to-text));
	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)));
}
.spectrum-Picker-label.is-placeholder {
	font-weight: var(--mod-picker-placeholder-font-weight, var(--spectrum-picker-font-weight));
	font-style: var(--mod-picker-placeholder-font-style, var(--spectrum-picker-placeholder-font-style));
	transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-in-out;
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
}
.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 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-out;
	flex-shrink: 0;
	margin-inline-start: var(--mod-picker-spacing-icon-to-disclosure-icon, var(--spectrum-picker-spacing-icon-to-disclosure-icon));
	margin-block: var(--mod-picker-spacing-top-to-disclosure-icon, var(--spectrum-picker-spacing-top-to-disclosure-icon));
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-default, var(--spectrum-picker-icon-color-default)));
}
.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-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)));
	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)));
}
.spectrum-Picker .spectrum-ProgressCircle {
	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)));
	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)));
}
.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 {
	inline-size: auto;
	min-inline-size: 0;
	border: none;
	border-radius: 0;
	padding-inline: var(--mod-picker-spacing-edge-to-text-quiet, var(--spectrum-picker-spacing-edge-to-text-quiet));
	margin-block-start: calc(var(--mod-picker-spacing-label-to-picker-quiet, var(--spectrum-picker-spacing-label-to-picker-quiet)) + 1px);
	color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
	background-color: var(--highcontrast-picker-background-color, transparent);
}
.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 {
	border: none;
	block-size: auto;
	inline-size: auto;
}
@media (hover: hover) {
	.spectrum-Picker:hover {
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-hover, var(--spectrum-picker-font-color-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)));
	}
	.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 {
		color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-hover-open, var(--spectrum-picker-font-color-hover-open)));
		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)));
	}
	.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: var(--highcontrast-picker-background-color, transparent);
	}
}
.spectrum-Picker--quiet.is-keyboardFocused,
.spectrum-Picker--quiet:focus-visible {
	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: var(--highcontrast-picker-background-color, transparent);
}
.spectrum-Picker--sideLabel {
	display: inline-flex;
	vertical-align: top;
}
.spectrum-Picker.is-disabled,
.spectrum-Picker:disabled {
	cursor: default;
	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)));
}
.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)));
}