/*!
Copyright 2023 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-Card{
	--spectrum-card-background-color:var(--spectrum-background-layer-2-color);
	--spectrum-card-body-spacing:var(--spectrum-spacing-400);
	--spectrum-card-title-padding-top:var(--spectrum-spacing-300);
	--spectrum-card-title-padding-right:var(--spectrum-spacing-400);
	--spectrum-card-content-margin-top:var(--spectrum-spacing-100);
	--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);
	--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);
	--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);

	--spectrum-card-border-width:var(--spectrum-border-width-100);
	--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);
	--spectrum-card-border-color:var(--spectrum-gray-200);
	--spectrum-card-border-color-hover:var(--spectrum-gray-300);
	--spectrum-card-border-color-selected:var(--spectrum-blue-700);

	--spectrum-card-divider-color:var(--spectrum-gray-300);
	--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);
	--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);
	--spectrum-card-title-font-weight:var(
		--spectrum-heading-sans-serif-font-weight
	);
	--spectrum-card-title-font-style:var(
		--spectrum-heading-sans-serif-font-style
	);
	--spectrum-card-title-line-height:var(--spectrum-heading-line-height);
	--spectrum-card-title-font-color:var(--spectrum-heading-color);

	--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);
	--spectrum-card-body-font-size:var(--spectrum-body-size-s);
	--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);
	--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);
	--spectrum-card-body-line-height:var(--spectrum-body-line-height);
	--spectrum-card-body-font-color:var(--spectrum-body-color);
	--spectrum-card-actions-spacing:var(--spectrum-spacing-300);
	--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);
	--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);
	--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);
	--spectrum-card-actions-background-color-opacity:var(
		--spectrum-card-selection-background-color-opacity
	);
	--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);
	--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);
	--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);
	--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);
	--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);
	--spectrum-card-focus-indicator-width:var(
		--spectrum-focus-indicator-thickness
	);
	--spectrum-card-selected-background-opacity:0.1;

	--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);
	--spectrum-card-preview-background-color:var(--spectrum-background-base-color);
	--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);
	--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);
	--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);
}

.spectrum--light .spectrum-Card, .spectrum--lightest .spectrum-Card{
		--spectrum-card-selected-background-color-rgb:var(--spectrum-blue-900-rgb);
	}

.spectrum--dark .spectrum-Card{
		--spectrum-card-selected-background-color-rgb:var(--spectrum-blue-500-rgb);
	}

.spectrum--darkest .spectrum-Card{
		--spectrum-card-selected-background-color-rgb:var(--spectrum-blue-600-rgb);
	}

.spectrum-Card--quiet, .spectrum-Card--gallery{
	--mod-card-content-margin-top:var(
		--mod-card-content-margin-top-quiet,
		var(--spectrum-spacing-100)
	);
	--mod-card-minimum-width:var(
		--mod-card-minimum-width-quiet,
		var(--spectrum-card-minimum-width)
	);
}

.spectrum-Card{
	position:relative;
	display:inline-flex;
	flex-direction:column;
	box-sizing:border-box;
	-webkit-text-decoration:none;
	text-decoration:none;

	min-inline-size:var(
		--mod-card-minimum-width,
		var(--spectrum-card-minimum-width)
	);

	border:var(--mod-card-border-width, var(--spectrum-card-border-width)) solid transparent;
	border-radius:var(
		--mod-card-corner-radius,
		var(--spectrum-card-corner-radius)
	);
	border-color:var(
		--highcontrast-card-border-color,
		var(--mod-card-border-color, var(--spectrum-card-border-color))
	);
	background-color:var(
		--highcontrast-card-background-color,
		var(
			--mod-card-background-color,
			var(
				--mod-spectrum-card-background-color,
				var(--spectrum-card-background-color)
			)
		)
	);
}

.spectrum-Card::before{
		content:"";
		block-size:100%;
		inline-size:100%;
		position:absolute;
		inset-inline-start:0;
		inset-block-start:0;
	}

.spectrum-Card::after{
		content:"";
		block-size:100%;
		inline-size:100%;
		position:absolute;
		inset-inline-start:0;
		inset-inline-end:0;
		inset-block-start:0;
		border-style:solid;
		border-color:transparent;
		border-width:0;
		border-radius:var(
			--mod-card-corner-radius,
			var(--spectrum-card-corner-radius)
		);
		margin-block-start:calc(
			-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width))
		);
		margin-inline-start:calc(
			-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width))
		);
	}

.spectrum-Card:focus-visible,
.spectrum-Card.is-focus-visible{
		outline:none;
	}

.spectrum-Card:focus-visible::after,
.spectrum-Card.is-focus-visible::after{
			border-width:var(
				--mod-card-focus-indicator-width,
				var(--spectrum-card-focus-indicator-width)
			);
			border-color:var(
				--mod-card-focus-indicator-color,
				var(--spectrum-card-focus-indicator-color)
			);
		}

.spectrum-Card:focus-visible .spectrum-Card-coverPhoto,
.spectrum-Card.is-focus-visible .spectrum-Card-coverPhoto{
			border-start-start-radius:calc(
				var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) -
					var(
						--mod-card-focus-indicator-width,
						var(--spectrum-card-focus-indicator-width)
					)
			);
			border-start-end-radius:calc(
				var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) -
					var(
						--mod-card-focus-indicator-width,
						var(--spectrum-card-focus-indicator-width)
					)
			);
		}

.spectrum-Card:focus-visible .spectrum-Card-preview,
.spectrum-Card.is-focus-visible .spectrum-Card-preview{
			border-start-start-radius:calc(
				var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) -
					var(
						--mod-card-focus-indicator-width,
						var(--spectrum-card-focus-indicator-width)
					)
			);
			border-start-end-radius:calc(
				var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) -
					var(
						--mod-card-focus-indicator-width,
						var(--spectrum-card-focus-indicator-width)
					)
			);
		}

.spectrum-Card.is-selected{
		border-color:var(
			--highcontrast-card-border-color-selected,
			var(
				--mod-card-border-color-selected,
				var(--spectrum-card-border-color-selected)
			)
		);
	}

.spectrum-Card.is-selected::before{
			background-color:rgba(
				var(
					--mod-card-selected-background-color-rgb,
					var(--spectrum-card-selected-background-color-rgb)
				),
				var(
					--mod-card-selected-background-opacity,
					var(--spectrum-card-selected-background-opacity)
				)
			);
		}

.spectrum-Card.is-drop-target{
		--mod-card-background-color:var(
			--spectrum-card-background-color-quiet,
			var(--spectrum-background-base-color)
		);

		border-color:var(
			--highcontrast-card-border-color-selected,
			var(
				--mod-card-border-color-selected,
				var(--spectrum-card-border-color-selected)
			)
		);
		box-shadow:0 0 0 1px var(
				--highcontrast-card-border-color-selected,
				var(
					--mod-card-border-color-selected,
					var(--spectrum-card-border-color-selected)
				)
			);
		background-color:var(
			--mod-card-background-color,
			var(--spectrum-card-background-color)
		);
	}

.spectrum-Card.is-focused .spectrum-Card-quickActions, .spectrum-Card.is-selected .spectrum-Card-quickActions, .spectrum-Card:focus .spectrum-Card-quickActions, .spectrum-Card.is-focused .spectrum-Card-actions, .spectrum-Card.is-selected .spectrum-Card-actions, .spectrum-Card:focus .spectrum-Card-actions{
      visibility:visible;
      opacity:1;
      pointer-events:all;
    }

.spectrum-Card-quickActions{
	position:absolute;
	visibility:hidden;
	box-shadow:var(
			--mod-card-actions-drop-shadow-x,
			var(--spectrum-card-actions-drop-shadow-x)
		) var(
			--mod-card-actions-drop-shadow-y,
			var(--spectrum-card-actions-drop-shadow-y)
		) var(
			--mod-card-actions-drop-shadow-blur,
			var(--spectrum-card-actions-drop-shadow-blur)
		) var(
			--mod-card-actions-drop-shadow-color,
			var(--spectrum-card-actions-drop-shadow-color)
		);

	inline-size:var(--mod-card-actions-size, var(--spectrum-card-actions-size));
	block-size:var(--mod-card-actions-size, var(--spectrum-card-actions-size));
	border-radius:var(
		--mod-card-actions-border-radius,
		var(--spectrum-card-actions-border-radius)
	);
	background-color:rgba(
		var(
			--mod-card-actions-background-color-rgb,
			var(--spectrum-card-actions-background-color-rgb)
		),
		var(
			--mod-card-actions-background-color-opacity,
			var(--spectrum-card-actions-background-color-opacity)
		)
	);

	inset-inline-start:calc(
		var(--mod-card-actions-spacing, var(--spectrum-card-actions-spacing)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
	);
	inset-block-start:calc(
		var(--mod-card-actions-spacing, var(--spectrum-card-actions-spacing)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
	);
}

.spectrum-Card-actions{
	inset-block-start:var(
		--mod-card-actions-spacing,
		var(--spectrum-card-actions-spacing)
	);
	inset-inline-end:var(
		--mod-card-actions-spacing,
		var(--spectrum-card-actions-spacing)
	);
}

.spectrum-Card-coverPhoto{
	position:relative;
	block-size:var(
		--mod-card-preview-minimum-height,
		var(--spectrum-card-preview-minimum-height)
	);
	box-sizing:border-box;
	overflow:hidden;

	display:flex;
	align-items:center;
	justify-content:center;

	border-start-start-radius:calc(
		var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
	);
	border-start-end-radius:calc(
		var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
	);
	border-end-end-radius:0;
	border-end-start-radius:0;

	background-size:cover;
	background-position:center center;
	background-color:var(
		--mod-card-background-color,
		var(--spectrum-card-background-color)
	);
	border-block-end-color:var(
		--mod-card-border-color,
		var(--spectrum-card-border-color)
	);
}

.spectrum-Card .spectrum-Divider{
	margin:0;
}

.spectrum-Card-content{
	display:flex;
	align-items:center;
	margin-block-start:var(
		--mod-card-content-margin-top,
		var(--spectrum-card-content-margin-top)
	);
}

.spectrum-Card-body{
	padding-block-start:var(
		--mod-card-body-padding-block-start,
		var(
			--mod-card-title-padding-top,
			var(--spectrum-card-title-padding-top)
		)
	);
	padding-inline-end:var(
		--mod-card-body-padding-inline-end,
		calc(
			var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
		)
	);
	padding-inline-start:var(
		--mod-card-body-padding-inline-start,
		calc(
			var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
		)
	);
	padding-block-end:var(
		--mod-card-body-padding-block-end,
		calc(
			var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
		)
	);
}

.spectrum-Card-preview{
	overflow:hidden;
	border-start-start-radius:var(
		--mod-card-corner-radius,
		var(--spectrum-card-corner-radius)
	);
	border-start-end-radius:var(
		--mod-card-corner-radius,
		var(--spectrum-card-corner-radius)
	);
	border-end-end-radius:0;
	border-end-start-radius:0;
	display:flex;
	align-items:center;
	color:var(
		--highcontrast-card-body-font-color,
		var(--mod-card-body-font-color, var(--spectrum-card-body-font-color))
	);
}

.spectrum-Card-title{
	padding-inline-end:var(
		--mod-card-title-padding-right,
		var(--spectrum-card-title-padding-right)
	);
	font-family:var(
		--mod-card-title-font-family,
		var(--spectrum-card-title-font-family)
	);
	font-size:var(
		--mod-card-title-font-size,
		var(--spectrum-card-title-font-size)
	);
	font-weight:var(
		--mod-card-title-font-weight,
		var(--spectrum-card-title-font-weight)
	);
	font-style:var(
		--mod-card-title-font-style,
		var(--spectrum-card-title-font-style)
	);
	line-height:var(
		--mod-card-title-line-height,
		var(--spectrum-card-title-line-height)
	);
	color:var(
		--highcontrast-card-title-font-color,
		var(--mod-card-title-font-color, var(--spectrum-card-title-font-color))
	);
}

.spectrum-Card-subtitle{
	padding-inline-end:var(
		--mod-card-subtitle-padding-right,
		var(--spectrum-card-subtitle-padding-right)
	);
	color:var(
		--highcontrast-card-title-font-color,
		var(--mod-card-title-font-color, var(--spectrum-card-title-font-color))
	);
	text-transform:none;
}

.spectrum-Card-subtitle + .spectrum-Card-description::before{
	content:"•";
	padding-inline-end:var(
		--mod-card-subtitle-padding-right,
		var(--spectrum-card-subtitle-padding-right)
	);
}

.spectrum-Card-description{
	font-family:var(
		--mod-card-body-font-family,
		var(--spectrum-card-body-font-family)
	);
	font-size:var(
		--mod-card-body-font-size,
		var(--spectrum-card-body-font-size)
	);
	font-weight:var(
		--mod-card-body-font-weight,
		var(--spectrum-card-body-font-weight)
	);
	font-style:var(
		--mod-card-body-font-style,
		var(--spectrum-card-body-font-style)
	);
	line-height:var(
		--mod-card-body-line-height,
		var(--spectrum-card-body-line-height)
	);
	color:var(
		--highcontrast-card-body-font-color,
		var(--mod-card-body-font-color, var(--spectrum-card-body-font-color))
	);
}

.spectrum-Card-footer{
	margin-block-start:var(
		--mod-card-footer-margin-block-start,
		calc(
			-1 * (var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) -
						var(
							--mod-card-content-margin-bottom,
							var(--spectrum-card-content-margin-bottom)
						))
		)
	);
	margin-inline-start:var(
		--mod-card-footer-margin-inline-start,
		var(
			--mod-card-body-spacing,
			var(--spectrum-card-body-spacing)
		)
	);
	margin-inline-end:var(
		--mod-card-footer-margin-inline-end,
		var(
			--mod-card-body-spacing,
			var(--spectrum-card-body-spacing)
		)
	);
	padding-block-end:var(
		--mod-card-footer-padding-block-end,
		calc(
			var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) -
			var(--mod-card-border-width, var(--spectrum-card-border-width))
		)
	);
	padding-block-start:var(
		--mod-card-footer-padding-block-start,
		var(
			--mod-card-footer-margin-top,
			var(--spectrum-card-footer-padding-top)
		)
	);

	color:var(
		--highcontrast-card-body-font-color,
		var(--mod-card-body-font-color, var(--spectrum-card-body-font-color))
	);
	line-height:var(
		--mod-card-body-line-height,
		var(--spectrum-card-body-line-height)
	);
	border-block-start:var(
			--mod-card-border-width,
			var(--spectrum-card-border-width)
		) solid var(--mod-card-divider-color, var(--spectrum-card-divider-color));
}

.spectrum-Card-header{
	display:flex;
	align-items:center;
}

.spectrum-Card-actionButton{
	flex:1;
	align-self:center;
	display:flex;
	justify-content:flex-end;
	z-index:1;
}

.spectrum-Card--quiet .spectrum-Card-preview{
		border:var(
				--mod-card-focus-indicator-width,
				var(--spectrum-card-focus-indicator-width)
			) solid transparent;
	}

.spectrum-Card--quiet:focus::after, .spectrum-Card--quiet.is-focused::after{
			border-width:0;
		}

.spectrum-Card--quiet:focus .spectrum-Card-preview::after, .spectrum-Card--quiet.is-focused .spectrum-Card-preview::after{
			border-color:var(
				--mod-card-focus-indicator-color,
				var(--spectrum-card-focus-indicator-color)
			);
		}

.spectrum-Card--quiet.is-selected .spectrum-Card-preview{
			border:var(
					--mod-card-preview-border-width-selected,
					var(
						--mod-card-preview-border-width,
						var(--spectrum-card-preview-border-width-selected)
					)
				) solid;
			border-color:var(
				--highcontrast-card-border-color-selected,
				var(
					--mod-card-border-color-selected,
					var(--spectrum-card-border-color-selected)
				)
			);
		}

.spectrum-Card--quiet, .spectrum-Card--gallery{
	block-size:100%;
	min-inline-size:var(
		--mod-card-minimum-width,
		var(--spectrum-card-minimum-width)
	);
	border-width:0;
	border-radius:0;
	overflow:visible;
	border-color:transparent;
	background-color:transparent;
}

.spectrum-Card--quiet::before, .spectrum-Card--gallery::before{
		display:none;
	}

.spectrum-Card--quiet .spectrum-Card-preview, .spectrum-Card--gallery .spectrum-Card-preview{
		border-radius:var(
			--mod-card-corner-radius,
			var(--spectrum-card-corner-radius)
		);
		background-color:var(
			--mod-card-preview-background-color,
			var(
				--mod-card-background-color,
				var(--spectrum-card-preview-background-color)
			)
		);
		min-block-size:var(
			--mod-card-preview-minimum-height,
			var(--spectrum-card-preview-minimum-height)
		);
		inline-size:100%;
		flex:1;
		margin:0 auto;
		box-sizing:border-box;
		position:relative;
		transition:background-color var(--mod-card-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)));
		overflow:visible;
	}

.spectrum-Card--quiet .spectrum-Card-preview::before, .spectrum-Card--gallery .spectrum-Card-preview::before{
			content:"";
			block-size:100%;
			inline-size:100%;
			position:absolute;
			inset-inline-start:0;
			inset-block-start:0;
		}

.spectrum-Card--quiet .spectrum-Card-preview::after, .spectrum-Card--gallery .spectrum-Card-preview::after{
			content:"";
			block-size:100%;
			inline-size:100%;
			position:absolute;
			inset-inline-start:0;
			inset-inline-end:0;
			inset-block-start:0;
			border-style:solid;
			border-color:transparent;
			border-width:0;
			border-radius:calc(
				var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) +
					var(
						--mod-card-focus-indicator-width,
						var(--spectrum-card-focus-indicator-width)
					)
			);
			margin-block-start:calc(
				-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width))
			);
			margin-inline-start:calc(
				-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width))
			);
		}

.spectrum-Card--quiet.is-drop-target, .spectrum-Card--gallery.is-drop-target{
		border-color:transparent;
		background-color:transparent;
		box-shadow:none;
	}

.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview, .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview{
			transition:none;
			background-color:var(
				--mod-card-preview-background-color,
				var(
					--mod-card-background-color,
					var(--spectrum-card-preview-background-color)
				)
			);
		}

.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview::before, .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview::before{
			border-color:var(
				--mod-card-focus-indicator-color,
				var(--spectrum-card-focus-indicator-color)
			);
			box-shadow:0 0 0 1px var(
					--mod-card-focus-indicator-color,
					var(--spectrum-card-focus-indicator-color)
				);
		}

.spectrum-Card--quiet.is-selected .spectrum-Card-preview::before, .spectrum-Card--gallery.is-selected .spectrum-Card-preview::before{
			background-color:rgba(
				var(
					--mod-card-selected-background-color-rgb,
					var(--spectrum-card-selected-background-color-rgb)
				),
				var(
					--mod-card-selected-background-opacity,
					var(--spectrum-card-selected-background-opacity)
				)
			);
		}

.spectrum-Card--quiet .spectrum-Card-body, .spectrum-Card--gallery .spectrum-Card-body{
		margin-block-start:var(
			--mod-card-content-margin-top,
			var(--spectrum-card-content-margin-top)
		);
	}

.spectrum-Card--quiet .spectrum-Card-body, .spectrum-Card--gallery .spectrum-Card-body{
		padding:0;
	}

.spectrum-Card--quiet .spectrum-Card-footer, .spectrum-Card--gallery .spectrum-Card-footer{
		margin-inline-end:0;
		margin-inline-start:0;
	}

.spectrum-Card--horizontal{
	flex-direction:row;
}

@media (hover: hover){

.spectrum-Card:hover,
.spectrum-Card.is-hover{
		border-color:var(
			--highcontrast-card-border-color-hover,
			var(
				--mod-card-border-color-hover,
				var(--spectrum-card-border-color-hover)
			)
		);
	}

.spectrum-Card:hover .spectrum-Card-quickActions, .spectrum-Card:hover .spectrum-Card-actions,
.spectrum-Card.is-hover .spectrum-Card-quickActions,
.spectrum-Card.is-hover .spectrum-Card-actions{
      visibility:visible;
      opacity:1;
      pointer-events:all;
    }

.spectrum-Card--quiet:hover, .spectrum-Card--gallery:hover,
.spectrum-Card--quiet.is-hover,
.spectrum-Card--gallery.is-hover{
		border-color:transparent;
	}

.spectrum-Card--quiet:hover .spectrum-Card-preview, .spectrum-Card--gallery:hover .spectrum-Card-preview,
.spectrum-Card--quiet.is-hover .spectrum-Card-preview,
.spectrum-Card--gallery.is-hover .spectrum-Card-preview{
			background-color:var(
				--mod-card-preview-background-color-hover,
				var(
					--mod-card-background-color-hover,
					var(--spectrum-card-preview-background-color-hover)
				)
			);
		}

.spectrum-Card--horizontal:hover .spectrum-Card-preview,
.spectrum-Card--horizontal.is-hover .spectrum-Card-preview{
			border-color:var(
				--mod-card-border-color-hover,
				var(--spectrum-card-border-color-hover)
			);
		}
}

.spectrum-Card--horizontal .spectrum-Card-preview{
		flex-shrink:0;
		min-block-size:0;
		display:flex;
		align-items:center;
		justify-content:center;

		border-start-start-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
		border-start-end-radius:0;
		border-end-start-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
		border-end-end-radius:0;

		padding:var(
			--mod-card-horizontal-preview-padding,
			var(--spectrum-card-horizontal-preview-padding)
		);
		background-color:var(
			--mod-card-preview-background-color,
			var(--spectrum-card-preview-background-color)
		);
		border-color:var(
			--mod-card-border-color,
			var(--spectrum-card-border-color)
		);
	}

.spectrum-Card--horizontal .spectrum-Card-header, .spectrum-Card--horizontal .spectrum-Card-content{
		margin-block-start:0;
		block-size:auto;
	}

.spectrum-Card--horizontal .spectrum-Card-content{
		margin-block-end:0;
	}

.spectrum-Card--horizontal .spectrum-Card-title{
		padding-inline-end:0;
	}

.spectrum-Card--horizontal .spectrum-Card-body{
		flex-shrink:0;
		display:flex;
		justify-content:center;
		flex-direction:column;
		padding-block:0;
		padding-inline:var(
			--mod-card-horizontal-body-padding,
			var(--spectrum-card-horizontal-body-padding)
		);
	}

.spectrum-Card--gallery{
  min-inline-size:0;
}

.spectrum-Card--gallery .spectrum-Card-preview{
    padding:0;
    border-radius:0;
  }
