/*!
 * 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-Popover {
	--spectrum-popover-border-width: var(--spectrum-border-width-100);
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition:
		transform var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 0.13s)) ease-in-out,
		opacity var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 0.13s)) ease-in-out,
		visibility 0s linear var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 0.13s));
}
.spectrum-Popover.is-open {
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	transition-delay: var(--mod-overlay-animation-duration-opened, var(--spectrum-animation-duration-0, 0s));
}
.spectrum-Popover {
	--spectrum-popover-animation-distance: var(--spectrum-spacing-100);
	--spectrum-popover-background-color: var(--spectrum-background-layer-2-color);
	--spectrum-popover-border-color: var(--spectrum-gray-400);
	--spectrum-popover-content-area-spacing-vertical: var(--spectrum-popover-top-to-content-area);
	--spectrum-popover-shadow-horizontal: var(--spectrum-drop-shadow-x);
	--spectrum-popover-shadow-vertical: var(--spectrum-drop-shadow-y);
	--spectrum-popover-shadow-blur: var(--spectrum-drop-shadow-blur);
	--spectrum-popover-shadow-color: var(--spectrum-drop-shadow-color);
	--spectrum-popover-corner-radius: var(--spectrum-corner-radius-100);
	--spectrum-popover-pointer-width: var(--spectrum-popover-tip-width);
	--spectrum-popover-pointer-height: var(--spectrum-popover-tip-height);
	--spectrum-popover-pointer-edge-offset: calc(var(--spectrum-corner-radius-100) + var(--spectrum-popover-tip-width) / 2);
	--spectrum-popover-pointer-edge-spacing: calc(var(--spectrum-popover-pointer-edge-offset) - var(--spectrum-popover-tip-width) / 2);
}
@media (forced-colors: active) {
	.spectrum-Popover {
		--highcontrast-popover-border-color: CanvasText;
	}
}
.spectrum-Popover {
	--spectrum-popover-filter: drop-shadow(var(--mod-popover-shadow-horizontal, var(--spectrum-popover-shadow-horizontal)) var(--mod-popover-shadow-vertical, var(--spectrum-popover-shadow-vertical)) var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) var(--mod-popover-shadow-color, var(--spectrum-popover-shadow-color)));
	box-sizing: border-box;
	position: absolute;
	outline: none;
	padding: var(--mod-popover-content-area-spacing-vertical, var(--spectrum-popover-content-area-spacing-vertical)) 0;
	display: inline-flex;
	flex-direction: column;
	border-style: solid;
	border-radius: var(--mod-popover-corner-radius, var(--spectrum-popover-corner-radius));
	border-color: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
	border-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
	background-color: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
	filter: var(--mod-popover-filter, var(--spectrum-popover-filter));
}
.spectrum-Popover.spectrum-Popover--withTip {
	overflow: visible;
}
.spectrum-Popover.spectrum-Popover--withTip .spectrum-Popover-tip .spectrum-Popover-tip-triangle {
	stroke-linecap: square;
	stroke-linejoin: miter;
	fill: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
	stroke: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
	stroke-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
}
.spectrum-Popover * {
	--mod-popover-filter: none;
}
.spectrum-Popover--top-end.spectrum-Popover--withTip,
.spectrum-Popover--top-left.spectrum-Popover--withTip,
.spectrum-Popover--top-right.spectrum-Popover--withTip,
.spectrum-Popover--top-start.spectrum-Popover--withTip,
.spectrum-Popover--top.spectrum-Popover--withTip {
	margin-block-end: calc(var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
.spectrum-Popover--top-end.is-open,
.spectrum-Popover--top-left.is-open,
.spectrum-Popover--top-right.is-open,
.spectrum-Popover--top-start.is-open,
.spectrum-Popover--top.is-open {
	transform: translateY(calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) * -1)) translateZ(0);
}
.spectrum-Popover--bottom-end.spectrum-Popover--withTip,
.spectrum-Popover--bottom-left.spectrum-Popover--withTip,
.spectrum-Popover--bottom-right.spectrum-Popover--withTip,
.spectrum-Popover--bottom-start.spectrum-Popover--withTip,
.spectrum-Popover--bottom.spectrum-Popover--withTip {
	margin-block-start: calc(var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
.spectrum-Popover--bottom-end.is-open,
.spectrum-Popover--bottom-left.is-open,
.spectrum-Popover--bottom-right.is-open,
.spectrum-Popover--bottom-start.is-open,
.spectrum-Popover--bottom.is-open {
	transform: translateY(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance))) translateZ(0);
}
.spectrum-Popover--right-bottom.spectrum-Popover--withTip,
.spectrum-Popover--right-top.spectrum-Popover--withTip,
.spectrum-Popover--right.spectrum-Popover--withTip {
	/* stylelint-disable-next-line csstools/use-logical -- intentional, right stays on the same side even for RTL */
	margin-left: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
.spectrum-Popover--right-bottom.is-open,
.spectrum-Popover--right-top.is-open,
.spectrum-Popover--right.is-open {
	transform: translateX(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance))) translateZ(0);
}
.spectrum-Popover--left-bottom.spectrum-Popover--withTip,
.spectrum-Popover--left-top.spectrum-Popover--withTip,
.spectrum-Popover--left.spectrum-Popover--withTip {
	/* stylelint-disable-next-line csstools/use-logical -- intentional, left stays on the same side even for RTL */
	margin-right: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
.spectrum-Popover--left-bottom.is-open,
.spectrum-Popover--left-top.is-open,
.spectrum-Popover--left.is-open {
	transform: translateX(calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) * -1)) translateZ(0);
}
.spectrum-Popover--start-bottom.spectrum-Popover--withTip,
.spectrum-Popover--start-top.spectrum-Popover--withTip,
.spectrum-Popover--start.spectrum-Popover--withTip {
	margin-inline-end: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
.spectrum-Popover--start-bottom.is-open,
.spectrum-Popover--start-top.is-open,
.spectrum-Popover--start.is-open {
	transform: translateX(calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) * -1)) translateZ(0);
}
.spectrum-Popover--start-bottom.is-open:dir(rtl),
.spectrum-Popover--start-top.is-open:dir(rtl),
.spectrum-Popover--start.is-open:dir(rtl),
[dir="rtl"] .spectrum-Popover--start-bottom.is-open,
[dir="rtl"] .spectrum-Popover--start-top.is-open,
[dir="rtl"] .spectrum-Popover--start.is-open {
	transform: translateX(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance))) translateZ(0);
}
.spectrum-Popover--end-bottom.spectrum-Popover--withTip,
.spectrum-Popover--end-top.spectrum-Popover--withTip,
.spectrum-Popover--end.spectrum-Popover--withTip {
	margin-inline-start: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
.spectrum-Popover--end-bottom.is-open,
.spectrum-Popover--end-top.is-open,
.spectrum-Popover--end.is-open {
	transform: translateX(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance))) translateZ(0);
}
.spectrum-Popover--end-bottom.is-open:dir(rtl),
.spectrum-Popover--end-top.is-open:dir(rtl),
.spectrum-Popover--end.is-open:dir(rtl),
[dir="rtl"] .spectrum-Popover--end-bottom.is-open,
[dir="rtl"] .spectrum-Popover--end-top.is-open,
[dir="rtl"] .spectrum-Popover--end.is-open {
	transform: translateX(calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) * -1)) translateZ(0);
}
.spectrum-Popover--withTip.spectrum-Popover .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-end .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-left .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-right .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-start .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--top-end .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--top-left .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--top-right .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--top-start .spectrum-Popover-tip {
	inline-size: var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width));
	block-size: var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height));
	position: absolute;
	inset-block-start: 100%;
	inset-inline: 0;
	margin: auto;
	transform: translate(0);
}
.spectrum-Popover--withTip.spectrum-Popover--top-left .spectrum-Popover-tip {
	inset-inline: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing)) auto;
}
.spectrum-Popover--withTip.spectrum-Popover--top-right .spectrum-Popover-tip {
	inset-inline: auto var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--top-start .spectrum-Popover-tip {
	margin-inline-start: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--top-end .spectrum-Popover-tip {
	margin-inline-end: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-end .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-left .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-right .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--bottom-start .spectrum-Popover-tip {
	inset-block: auto 100%;
	transform: scaleY(-1);
}
.spectrum-Popover--withTip.spectrum-Popover--bottom-left .spectrum-Popover-tip {
	inset-inline: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing)) auto;
}
.spectrum-Popover--withTip.spectrum-Popover--bottom-right .spectrum-Popover-tip {
	inset-inline: auto var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--bottom-start .spectrum-Popover-tip {
	margin-inline-start: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--bottom-end .spectrum-Popover-tip {
	margin-inline-end: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--end .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--end-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--end-top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left-top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right-top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start-top .spectrum-Popover-tip {
	inline-size: var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height));
	block-size: var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width));
	inset-block: 0;
}
.spectrum-Popover--withTip.spectrum-Popover--left .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left-top .spectrum-Popover-tip {
	/* stylelint-disable-next-line csstools/use-logical -- intentional, left stays on the same side even for RTL */
	left: 100%;
	right: auto;
}
.spectrum-Popover--withTip.spectrum-Popover--right .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right-top .spectrum-Popover-tip {
	/* stylelint-disable-next-line csstools/use-logical -- intentional, right stays on the same side even for RTL */
	right: 100%;
	left: auto;
	transform: scaleX(-1);
}
.spectrum-Popover--withTip.spectrum-Popover--end-top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left-top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right-top .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start-top .spectrum-Popover-tip {
	inset-block: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing)) auto;
}
.spectrum-Popover--withTip.spectrum-Popover--end-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--left-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--right-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start-bottom .spectrum-Popover-tip {
	inset-block: auto var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
}
.spectrum-Popover--withTip.spectrum-Popover--start .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--start-top .spectrum-Popover-tip {
	margin-inline-start: 100%;
}
.spectrum-Popover--withTip.spectrum-Popover--start .spectrum-Popover-tip:dir(rtl),
.spectrum-Popover--withTip.spectrum-Popover--start-bottom .spectrum-Popover-tip:dir(rtl),
.spectrum-Popover--withTip.spectrum-Popover--start-top .spectrum-Popover-tip:dir(rtl),
[dir="rtl"] .spectrum-Popover--withTip.spectrum-Popover--start .spectrum-Popover-tip,
[dir="rtl"] .spectrum-Popover--withTip.spectrum-Popover--start-bottom .spectrum-Popover-tip,
[dir="rtl"] .spectrum-Popover--withTip.spectrum-Popover--start-top .spectrum-Popover-tip {
	transform: none;
	transform: scaleX(-1);
}
.spectrum-Popover--withTip.spectrum-Popover--end .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--end-bottom .spectrum-Popover-tip,
.spectrum-Popover--withTip.spectrum-Popover--end-top .spectrum-Popover-tip {
	margin-inline-end: 100%;
	transform: scaleX(-1);
}
.spectrum-Popover--withTip.spectrum-Popover--end .spectrum-Popover-tip:dir(rtl),
.spectrum-Popover--withTip.spectrum-Popover--end-bottom .spectrum-Popover-tip:dir(rtl),
.spectrum-Popover--withTip.spectrum-Popover--end-top .spectrum-Popover-tip:dir(rtl),
[dir="rtl"] .spectrum-Popover--withTip.spectrum-Popover--end .spectrum-Popover-tip,
[dir="rtl"] .spectrum-Popover--withTip.spectrum-Popover--end-bottom .spectrum-Popover-tip,
[dir="rtl"] .spectrum-Popover--withTip.spectrum-Popover--end-top .spectrum-Popover-tip {
	transform: scaleX(1);
}