/*!
 * 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-Typography {
	font-family: var(--spectrum-font-family);
	font-size: var(--spectrum-font-size);
	font-style: var(--spectrum-font-style);
}

.spectrum-Typography:lang(ar) {
	font-family: var(--spectrum-font-family-ar);
}

.spectrum-Typography:lang(he) {
	font-family: var(--spectrum-font-family-he);
}

.spectrum-Typography .spectrum-Heading {
	--spectrum-heading-margin-start: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-top-multiplier));
	--spectrum-heading-margin-end: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-bottom-multiplier));
}

.spectrum-Typography .spectrum-Body {
	--spectrum-body-margin-end: calc(var(--mod-body-font-size, var(--spectrum-body-font-size)) * var(--spectrum-body-margin-multiplier));
}

.spectrum-Typography .spectrum-Detail {
	--spectrum-detail-margin-start: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-top-multiplier));
	--spectrum-detail-margin-end: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-bottom-multiplier));
}

@media (forced-colors: active) {
	.spectrum-Heading {
		--highcontrast-heading-font-color: Text;
	}
	.spectrum-Body {
		--highcontrast-body-font-color: Text;
	}
	.spectrum-Detail {
		--highcontrast-detail-font-color: Text;
	}
	.spectrum-Code {
		--highcontrast-code-font-color: Text;
	}
}

.spectrum-Heading, .spectrum-Heading--sizeM {
	--spectrum-heading-font-size: var(--spectrum-heading-size-m);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
}

.spectrum-Heading--sizeXXS {
	--spectrum-heading-font-size: var(--spectrum-heading-size-xxs);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxs);
}

.spectrum-Heading--sizeXS {
	--spectrum-heading-font-size: var(--spectrum-heading-size-xs);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xs);
}

.spectrum-Heading--sizeS {
	--spectrum-heading-font-size: var(--spectrum-heading-size-s);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-s);
}

.spectrum-Heading--sizeL {
	--spectrum-heading-font-size: var(--spectrum-heading-size-l);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-l);
}

.spectrum-Heading--sizeXL {
	--spectrum-heading-font-size: var(--spectrum-heading-size-xl);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xl);
}

.spectrum-Heading--sizeXXL {
	--spectrum-heading-font-size: var(--spectrum-heading-size-xxl);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxl);
}

.spectrum-Heading--sizeXXXL {
	--spectrum-heading-font-size: var(--spectrum-heading-size-xxxl);
	--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxxl);
}

.spectrum-Heading {
	--spectrum-heading-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
	--spectrum-heading-serif-font-family: var(--spectrum-serif-font-family-stack);
	--spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family-stack);
	--spectrum-heading-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
	--spectrum-heading-font-color: var(--spectrum-heading-color);
	--spectrum-heading-margin-start: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-top-multiplier));
	--spectrum-heading-margin-end: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-bottom-multiplier));
	color: var(--highcontrast-heading-font-color, var(--mod-heading-font-color, var(--spectrum-heading-font-color)));
	font-family: var(--mod-heading-sans-serif-font-family, var(--spectrum-heading-sans-serif-font-family));
	font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
	font-style: var(--mod-heading-sans-serif-font-style, var(--spectrum-heading-sans-serif-font-style));
	font-weight: var(--mod-heading-sans-serif-font-weight, var(--spectrum-heading-sans-serif-font-weight));
	line-height: var(--mod-heading-line-height, var(--spectrum-heading-line-height));
	margin-block-end: 0;
	margin-block-end: var(--mod-heading-margin-end, var(--spectrum-heading-margin-end, 0));
	margin-block-start: 0;
	margin-block-start: var(--mod-heading-margin-start, var(--spectrum-heading-margin-start, 0));
}

.spectrum-Heading .spectrum-Heading-strong, .spectrum-Heading strong {
	font-style: var(--mod-heading-sans-serif-strong-font-style, var(--spectrum-heading-sans-serif-strong-font-style));
	font-weight: var(--mod-heading-sans-serif-strong-font-weight, var(--spectrum-heading-sans-serif-strong-font-weight));
}

.spectrum-Heading .spectrum-Heading-emphasized, .spectrum-Heading em {
	font-style: var(--mod-heading-sans-serif-emphasized-font-style, var(--spectrum-heading-sans-serif-emphasized-font-style));
	font-weight: var(--mod-heading-sans-serif-emphasized-font-weight, var(--spectrum-heading-sans-serif-emphasized-font-weight));
}

.spectrum-Heading .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading em strong, .spectrum-Heading strong em {
	font-style: var(--mod-heading-sans-serif-strong-emphasized-font-style, var(--spectrum-heading-sans-serif-strong-emphasized-font-style));
	font-weight: var(--mod-heading-sans-serif-strong-emphasized-font-weight, var(--spectrum-heading-sans-serif-strong-emphasized-font-weight));
}

.spectrum-Heading:lang(ja), .spectrum-Heading:lang(ko), .spectrum-Heading:lang(zh) {
	font-family: var(--mod-heading-cjk-font-family, var(--spectrum-heading-cjk-font-family));
	font-size: var(--mod-heading-cjk-font-size, var(--spectrum-heading-cjk-font-size));
	font-style: var(--mod-heading-cjk-font-style, var(--spectrum-heading-cjk-font-style));
	font-weight: var(--mod-heading-cjk-font-weight, var(--spectrum-heading-cjk-font-weight));
	letter-spacing: var(--mod-heading-cjk-letter-spacing, var(--spectrum-heading-cjk-letter-spacing));
	line-height: var(--mod-heading-cjk-line-height, var(--spectrum-heading-cjk-line-height));
}

.spectrum-Heading:lang(ja) .spectrum-Heading-emphasized, .spectrum-Heading:lang(ja) em, .spectrum-Heading:lang(ko) .spectrum-Heading-emphasized, .spectrum-Heading:lang(ko) em, .spectrum-Heading:lang(zh) .spectrum-Heading-emphasized, .spectrum-Heading:lang(zh) em {
	font-style: var(--mod-heading-cjk-emphasized-font-style, var(--spectrum-heading-cjk-emphasized-font-style));
	font-weight: var(--mod-heading-cjk-emphasized-font-weight, var(--spectrum-heading-cjk-emphasized-font-weight));
}

.spectrum-Heading:lang(ja) .spectrum-Heading-strong, .spectrum-Heading:lang(ja) strong, .spectrum-Heading:lang(ko) .spectrum-Heading-strong, .spectrum-Heading:lang(ko) strong, .spectrum-Heading:lang(zh) .spectrum-Heading-strong, .spectrum-Heading:lang(zh) strong {
	font-style: var(--mod-heading-cjk-strong-font-style, var(--spectrum-heading-cjk-strong-font-style));
	font-weight: var(--mod-heading-cjk-strong-font-weight, var(--spectrum-heading-cjk-strong-font-weight));
}

.spectrum-Heading:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading:lang(ja) em strong, .spectrum-Heading:lang(ja) strong em, .spectrum-Heading:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading:lang(ko) em strong, .spectrum-Heading:lang(ko) strong em, .spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading:lang(zh) em strong, .spectrum-Heading:lang(zh) strong em {
	font-style: var(--mod-heading-cjk-strong-emphasized-font-style, var(--spectrum-heading-cjk-strong-emphasized-font-style));
	font-weight: var(--mod-heading-cjk-strong-emphasized-font-weight, var(--spectrum-heading-cjk-strong-emphasized-font-weight));
}

.spectrum-Heading--heavy {
	font-style: var(--mod-heading-sans-serif-heavy-font-style, var(--spectrum-heading-sans-serif-heavy-font-style));
	font-weight: var(--mod-heading-sans-serif-heavy-font-weight, var(--spectrum-heading-sans-serif-heavy-font-weight));
}

.spectrum-Heading--heavy .spectrum-Heading-strong, .spectrum-Heading--heavy strong {
	font-style: var(--mod-heading-sans-serif-heavy-strong-font-style, var(--spectrum-heading-sans-serif-heavy-strong-font-style));
	font-weight: var(--mod-heading-sans-serif-heavy-strong-font-weight, var(--spectrum-heading-sans-serif-heavy-strong-font-weight));
}

.spectrum-Heading--heavy .spectrum-Heading-emphasized, .spectrum-Heading--heavy em {
	font-style: var(--mod-heading-sans-serif-heavy-emphasized-font-style, var(--spectrum-heading-sans-serif-heavy-emphasized-font-style));
	font-weight: var(--mod-heading-sans-serif-heavy-emphasized-font-weight, var(--spectrum-heading-sans-serif-heavy-emphasized-font-weight));
}

.spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--heavy em strong, .spectrum-Heading--heavy strong em {
	font-style: var(--mod-heading-sans-serif-heavy-strong-emphasized-font-style, var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style));
	font-weight: var(--mod-heading-sans-serif-heavy-strong-emphasized-font-weight, var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight));
}

.spectrum-Heading--heavy:lang(ja), .spectrum-Heading--heavy:lang(ko), .spectrum-Heading--heavy:lang(zh) {
	font-style: var(--mod-heading-cjk-heavy-font-style, var(--spectrum-heading-cjk-heavy-font-style));
	font-weight: var(--mod-heading-cjk-heavy-font-weight, var(--spectrum-heading-cjk-heavy-font-weight));
}

.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized, .spectrum-Heading--heavy:lang(ja) em, .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized, .spectrum-Heading--heavy:lang(ko) em, .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized, .spectrum-Heading--heavy:lang(zh) em {
	font-style: var(--mod-heading-cjk-heavy-emphasized-font-style, var(--spectrum-heading-cjk-heavy-emphasized-font-style));
	font-weight: var(--mod-heading-cjk-heavy-emphasized-font-weight, var(--spectrum-heading-cjk-heavy-emphasized-font-weight));
}

.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong, .spectrum-Heading--heavy:lang(ja) strong, .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong, .spectrum-Heading--heavy:lang(ko) strong, .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong, .spectrum-Heading--heavy:lang(zh) strong {
	font-style: var(--mod-heading-cjk-heavy-strong-font-style, var(--spectrum-heading-cjk-heavy-strong-font-style));
	font-weight: var(--mod-heading-cjk-heavy-strong-font-weight, var(--spectrum-heading-cjk-heavy-strong-font-weight));
}

.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--heavy:lang(ja) em strong, .spectrum-Heading--heavy:lang(ja) strong em, .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--heavy:lang(ko) em strong, .spectrum-Heading--heavy:lang(ko) strong em, .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--heavy:lang(zh) em strong, .spectrum-Heading--heavy:lang(zh) strong em {
	font-style: var(--mod-heading-cjk-heavy-strong-emphasized-font-style, var(--spectrum-heading-cjk-heavy-strong-emphasized-font-style));
	font-weight: var(--mod-heading-cjk-heavy-strong-emphasized-font-weight, var(--spectrum-heading-cjk-heavy-strong-emphasized-font-weight));
}

.spectrum-Heading--light {
	font-style: var(--mod-heading-sans-serif-light-font-style, var(--spectrum-heading-sans-serif-light-font-style));
	font-weight: var(--mod-heading-sans-serif-light-font-weight, var(--spectrum-heading-sans-serif-light-font-weight));
}

.spectrum-Heading--light .spectrum-Heading-emphasized, .spectrum-Heading--light em {
	font-style: var(--mod-heading-sans-serif-light-emphasized-font-style, var(--spectrum-heading-sans-serif-light-emphasized-font-style));
	font-weight: var(--mod-heading-sans-serif-light-emphasized-font-weight, var(--spectrum-heading-sans-serif-light-emphasized-font-weight));
}

.spectrum-Heading--light .spectrum-Heading-strong, .spectrum-Heading--light strong {
	font-style: var(--mod-heading-sans-serif-light-strong-font-style, var(--spectrum-heading-sans-serif-light-strong-font-style));
	font-weight: var(--mod-heading-sans-serif-light-strong-font-weight, var(--spectrum-heading-sans-serif-light-strong-font-weight));
}

.spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--light em strong, .spectrum-Heading--light strong em {
	font-style: var(--mod-heading-sans-serif-light-strong-emphasized-font-style, var(--spectrum-heading-sans-serif-light-strong-emphasized-font-style));
	font-weight: var(--mod-heading-sans-serif-light-strong-emphasized-font-weight, var(--spectrum-heading-sans-serif-light-strong-emphasized-font-weight));
}

.spectrum-Heading--light:lang(ja), .spectrum-Heading--light:lang(ko), .spectrum-Heading--light:lang(zh) {
	font-style: var(--mod-heading-cjk-light-font-style, var(--spectrum-heading-cjk-light-font-style));
	font-weight: var(--mod-heading-cjk-light-font-weight, var(--spectrum-heading-cjk-light-font-weight));
}

.spectrum-Heading--light:lang(ja) .spectrum-Heading-strong, .spectrum-Heading--light:lang(ja) strong, .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong, .spectrum-Heading--light:lang(ko) strong, .spectrum-Heading--light:lang(zh) .spectrum-Heading-strong, .spectrum-Heading--light:lang(zh) strong {
	font-style: var(--mod-heading-cjk-light-strong-font-style, var(--spectrum-heading-cjk-light-strong-font-style));
	font-weight: var(--mod-heading-cjk-light-strong-font-weight, var(--spectrum-heading-cjk-light-strong-font-weight));
}

.spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized, .spectrum-Heading--light:lang(ja) em, .spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized, .spectrum-Heading--light:lang(ko) em, .spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized, .spectrum-Heading--light:lang(zh) em {
	font-style: var(--mod-heading-cjk-light-emphasized-font-style, var(--spectrum-heading-cjk-light-emphasized-font-style));
	font-weight: var(--mod-heading-cjk-light-emphasized-font-weight, var(--spectrum-heading-cjk-light-emphasized-font-weight));
}

.spectrum-Heading--light:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--light:lang(ja) em strong, .spectrum-Heading--light:lang(ja) strong em, .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--light:lang(ko) em strong, .spectrum-Heading--light:lang(ko) strong em, .spectrum-Heading--light:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--light:lang(zh) em strong, .spectrum-Heading--light:lang(zh) strong em {
	font-style: var(--mod-heading-cjk-light-strong-emphasized-font-style, var(--spectrum-heading-cjk-light-strong-emphasized-font-style));
	font-weight: var(--mod-heading-cjk-light-strong-emphasized-font-weight, var(--spectrum-heading-cjk-light-strong-emphasized-font-weight));
}

.spectrum-Heading--serif {
	font-family: var(--mod-heading-serif-font-family, var(--spectrum-heading-serif-font-family));
	font-style: var(--mod-heading-serif-font-style, var(--spectrum-heading-serif-font-style));
	font-weight: var(--mod-heading-serif-font-weight, var(--spectrum-heading-serif-font-weight));
}

.spectrum-Heading--serif .spectrum-Heading-emphasized, .spectrum-Heading--serif em {
	font-style: var(--mod-heading-serif-emphasized-font-style, var(--spectrum-heading-serif-emphasized-font-style));
	font-weight: var(--mod-heading-serif-emphasized-font-weight, var(--spectrum-heading-serif-emphasized-font-weight));
}

.spectrum-Heading--serif .spectrum-Heading-strong, .spectrum-Heading--serif strong {
	font-style: var(--mod-heading-serif-strong-font-style, var(--spectrum-heading-serif-strong-font-style));
	font-weight: var(--mod-heading-serif-strong-font-weight, var(--spectrum-heading-serif-strong-font-weight));
}

.spectrum-Heading--serif .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--serif em strong, .spectrum-Heading--serif strong em {
	font-style: var(--mod-heading-serif-strong-emphasized-font-style, var(--spectrum-heading-serif-strong-emphasized-font-style));
	font-weight: var(--mod-heading-serif-strong-emphasized-font-weight, var(--spectrum-heading-serif-strong-emphasized-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--heavy {
	font-style: var(--mod-heading-serif-heavy-font-style, var(--spectrum-heading-serif-heavy-font-style));
	font-weight: var(--mod-heading-serif-heavy-font-weight, var(--spectrum-heading-serif-heavy-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong, .spectrum-Heading--serif.spectrum-Heading--heavy strong {
	font-style: var(--mod-heading-serif-heavy-strong-font-style, var(--spectrum-heading-serif-heavy-strong-font-style));
	font-weight: var(--mod-heading-serif-heavy-strong-font-weight, var(--spectrum-heading-serif-heavy-strong-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized, .spectrum-Heading--serif.spectrum-Heading--heavy em {
	font-style: var(--mod-heading-serif-heavy-emphasized-font-style, var(--spectrum-heading-serif-heavy-emphasized-font-style));
	font-weight: var(--mod-heading-serif-heavy-emphasized-font-weight, var(--spectrum-heading-serif-heavy-emphasized-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--serif.spectrum-Heading--heavy em strong, .spectrum-Heading--serif.spectrum-Heading--heavy strong em {
	font-style: var(--mod-heading-serif-heavy-strong-emphasized-font-style, var(--spectrum-heading-serif-heavy-strong-emphasized-font-style));
	font-weight: var(--mod-heading-serif-heavy-strong-emphasized-font-weight, var(--spectrum-heading-serif-heavy-strong-emphasized-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--light {
	font-style: var(--mod-heading-serif-light-font-style, var(--spectrum-heading-serif-light-font-style));
	font-weight: var(--mod-heading-serif-light-font-weight, var(--spectrum-heading-serif-light-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized, .spectrum-Heading--serif.spectrum-Heading--light em {
	font-style: var(--mod-heading-serif-light-emphasized-font-style, var(--spectrum-heading-serif-light-emphasized-font-style));
	font-weight: var(--mod-heading-serif-light-emphasized-font-weight, var(--spectrum-heading-serif-light-emphasized-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong, .spectrum-Heading--serif.spectrum-Heading--light strong {
	font-style: var(--mod-heading-serif-light-strong-font-style, var(--spectrum-heading-serif-light-strong-font-style));
	font-weight: var(--mod-heading-serif-light-strong-font-weight, var(--spectrum-heading-serif-light-strong-font-weight));
}

.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized, .spectrum-Heading--serif.spectrum-Heading--light em strong, .spectrum-Heading--serif.spectrum-Heading--light strong em {
	font-style: var(--mod-heading-serif-light-strong-emphasized-font-style, var(--spectrum-heading-serif-light-strong-emphasized-font-style));
	font-weight: var(--mod-heading-serif-light-strong-emphasized-font-weight, var(--spectrum-heading-serif-light-strong-emphasized-font-weight));
}

.spectrum-Body, .spectrum-Body--sizeM {
	--spectrum-body-font-size: var(--spectrum-body-size-m);
}

.spectrum-Body--sizeXS {
	--spectrum-body-font-size: var(--spectrum-body-size-xs);
}

.spectrum-Body--sizeS {
	--spectrum-body-font-size: var(--spectrum-body-size-s);
}

.spectrum-Body--sizeL {
	--spectrum-body-font-size: var(--spectrum-body-size-l);
}

.spectrum-Body--sizeXL {
	--spectrum-body-font-size: var(--spectrum-body-size-xl);
}

.spectrum-Body--sizeXXL {
	--spectrum-body-font-size: var(--spectrum-body-size-xxl);
}

.spectrum-Body--sizeXXXL {
	--spectrum-body-font-size: var(--spectrum-body-size-xxxl);
}

.spectrum-Body {
	--spectrum-body-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
	--spectrum-body-serif-font-family: var(--spectrum-serif-font-family-stack);
	--spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family-stack);
	--spectrum-body-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
	--spectrum-body-font-color: var(--spectrum-body-color);
	color: var(--highcontrast-body-font-color, var(--mod-body-font-color, var(--spectrum-body-font-color)));
	font-family: var(--mod-body-sans-serif-font-family, var(--spectrum-body-sans-serif-font-family));
	font-size: var(--mod-body-font-size, var(--spectrum-body-font-size));
	font-style: var(--mod-body-sans-serif-font-style, var(--spectrum-body-sans-serif-font-style));
	font-weight: var(--mod-body-sans-serif-font-weight, var(--spectrum-body-sans-serif-font-weight));
	line-height: var(--mod-body-line-height, var(--spectrum-body-line-height));
	margin-block-end: 0;
	margin-block-end: var(--mod-body-margin-end, var(--mod-body-margin, var(--spectrum-body-margin-end, 0)));
	margin-block-start: 0;
	margin-block-start: var(--mod-body-margin-start, var(--mod-body-margin, 0));
}

.spectrum-Body .spectrum-Body-strong, .spectrum-Body strong {
	font-style: var(--mod-body-sans-serif-strong-font-style, var(--spectrum-body-sans-serif-strong-font-style));
	font-weight: var(--mod-body-sans-serif-strong-font-weight, var(--spectrum-body-sans-serif-strong-font-weight));
}

.spectrum-Body .spectrum-Body-emphasized, .spectrum-Body em {
	font-style: var(--mod-body-sans-serif-emphasized-font-style, var(--spectrum-body-sans-serif-emphasized-font-style));
	font-weight: var(--mod-body-sans-serif-emphasized-font-weight, var(--spectrum-body-sans-serif-emphasized-font-weight));
}

.spectrum-Body .spectrum-Body-strong.spectrum-Body-emphasized, .spectrum-Body em strong, .spectrum-Body strong em {
	font-style: var(--mod-body-sans-serif-strong-emphasized-font-style, var(--spectrum-body-sans-serif-strong-emphasized-font-style));
	font-weight: var(--mod-body-sans-serif-strong-emphasized-font-weight, var(--spectrum-body-sans-serif-strong-emphasized-font-weight));
}

.spectrum-Body:lang(ja), .spectrum-Body:lang(ko), .spectrum-Body:lang(zh) {
	font-family: var(--mod-body-cjk-font-family, var(--spectrum-body-cjk-font-family));
	font-style: var(--mod-body-cjk-font-style, var(--spectrum-body-cjk-font-style));
	font-weight: var(--mod-body-cjk-font-weight, var(--spectrum-body-cjk-font-weight));
	letter-spacing: var(--mod-body-cjk-letter-spacing, var(--spectrum-body-cjk-letter-spacing));
	line-height: var(--mod-body-cjk-line-height, var(--spectrum-body-cjk-line-height));
}

.spectrum-Body:lang(ja) .spectrum-Body-strong, .spectrum-Body:lang(ja) strong, .spectrum-Body:lang(ko) .spectrum-Body-strong, .spectrum-Body:lang(ko) strong, .spectrum-Body:lang(zh) .spectrum-Body-strong, .spectrum-Body:lang(zh) strong {
	font-style: var(--mod-body-cjk-strong-font-style, var(--spectrum-body-cjk-strong-font-style));
	font-weight: var(--mod-body-cjk-strong-font-weight, var(--spectrum-body-cjk-strong-font-weight));
}

.spectrum-Body:lang(ja) .spectrum-Body-emphasized, .spectrum-Body:lang(ja) em, .spectrum-Body:lang(ko) .spectrum-Body-emphasized, .spectrum-Body:lang(ko) em, .spectrum-Body:lang(zh) .spectrum-Body-emphasized, .spectrum-Body:lang(zh) em {
	font-style: var(--mod-body-cjk-emphasized-font-style, var(--spectrum-body-cjk-emphasized-font-style));
	font-weight: var(--mod-body-cjk-emphasized-font-weight, var(--spectrum-body-cjk-emphasized-font-weight));
}

.spectrum-Body:lang(ja) .spectrum-Body-strong.spectrum-Body-emphasized, .spectrum-Body:lang(ja) em strong, .spectrum-Body:lang(ja) strong em, .spectrum-Body:lang(ko) .spectrum-Body-strong.spectrum-Body-emphasized, .spectrum-Body:lang(ko) em strong, .spectrum-Body:lang(ko) strong em, .spectrum-Body:lang(zh) .spectrum-Body-strong.spectrum-Body-emphasized, .spectrum-Body:lang(zh) em strong, .spectrum-Body:lang(zh) strong em {
	font-style: var(--mod-body-cjk-strong-emphasized-font-style, var(--spectrum-body-cjk-strong-emphasized-font-style));
	font-weight: var(--mod-body-cjk-strong-emphasized-font-weight, var(--spectrum-body-cjk-strong-emphasized-font-weight));
}

.spectrum-Body--serif {
	font-family: var(--mod-body-serif-font-family, var(--spectrum-body-serif-font-family));
	font-style: var(--mod-body-serif-font-style, var(--spectrum-body-serif-font-style));
	font-weight: var(--mod-body-serif-font-weight, var(--spectrum-body-serif-font-weight));
}

.spectrum-Body--serif .spectrum-Body-strong, .spectrum-Body--serif strong {
	font-style: var(--mod-body-serif-strong-font-style, var(--spectrum-body-serif-strong-font-style));
	font-weight: var(--mod-body-serif-strong-font-weight, var(--spectrum-body-serif-strong-font-weight));
}

.spectrum-Body--serif .spectrum-Body-emphasized, .spectrum-Body--serif em {
	font-style: var(--mod-body-serif-emphasized-font-style, var(--spectrum-body-serif-emphasized-font-style));
	font-weight: var(--mod-body-serif-emphasized-font-weight, var(--spectrum-body-serif-emphasized-font-weight));
}

.spectrum-Body--serif .spectrum-Body-strong.spectrum-Body-emphasized, .spectrum-Body--serif em strong, .spectrum-Body--serif strong em {
	font-style: var(--mod-body-serif-strong-emphasized-font-style, var(--spectrum-body-serif-strong-emphasized-font-style));
	font-weight: var(--mod-body-serif-strong-emphasized-font-weight, var(--spectrum-body-serif-strong-emphasized-font-weight));
}

.spectrum-Detail, .spectrum-Detail--sizeM {
	--spectrum-detail-font-size: var(--spectrum-detail-size-m);
}

.spectrum-Detail--sizeS {
	--spectrum-detail-font-size: var(--spectrum-detail-size-s);
}

.spectrum-Detail--sizeL {
	--spectrum-detail-font-size: var(--spectrum-detail-size-l);
}

.spectrum-Detail--sizeXL {
	--spectrum-detail-font-size: var(--spectrum-detail-size-xl);
}

.spectrum-Detail {
	--spectrum-detail-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
	--spectrum-detail-serif-font-family: var(--spectrum-serif-font-family-stack);
	--spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family-stack);
	--spectrum-detail-margin-start: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-top-multiplier));
	--spectrum-detail-margin-end: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-bottom-multiplier));
	--spectrum-detail-font-color: var(--spectrum-detail-color);
	color: var(--highcontrast-detail-font-color, var(--mod-detail-font-color, var(--spectrum-detail-font-color)));
	font-family: var(--mod-detail-sans-serif-font-family, var(--spectrum-detail-sans-serif-font-family));
	font-size: var(--mod-detail-font-size, var(--spectrum-detail-font-size));
	font-style: var(--mod-detail-sans-serif-font-style, var(--spectrum-detail-sans-serif-font-style));
	font-weight: var(--mod-detail-sans-serif-font-weight, var(--spectrum-detail-sans-serif-font-weight));
	letter-spacing: var(--mod-detail-letter-spacing, var(--spectrum-detail-letter-spacing));
	line-height: var(--mod-detail-line-height, var(--spectrum-detail-line-height));
	margin-block-end: 0;
	margin-block-end: var(--mod-detail-margin-end, var(--spectrum-detail-margin-end, 0));
	margin-block-start: 0;
	margin-block-start: var(--mod-detail-margin-start, var(--spectrum-detail-margin-start, 0));
	text-transform: uppercase;
}

.spectrum-Detail .spectrum-Detail-strong, .spectrum-Detail strong {
	font-style: var(--mod-detail-sans-serif-strong-font-style, var(--spectrum-detail-sans-serif-strong-font-style));
	font-weight: var(--mod-detail-sans-serif-strong-font-weight, var(--spectrum-detail-sans-serif-strong-font-weight));
}

.spectrum-Detail .spectrum-Detail-emphasized, .spectrum-Detail em {
	font-style: var(--mod-detail-sans-serif-emphasized-font-style, var(--spectrum-detail-sans-serif-emphasized-font-style));
	font-weight: var(--mod-detail-sans-serif-emphasized-font-weight, var(--spectrum-detail-sans-serif-emphasized-font-weight));
}

.spectrum-Detail .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail em strong, .spectrum-Detail strong em {
	font-style: var(--mod-detail-sans-serif-strong-emphasized-font-style, var(--spectrum-detail-sans-serif-strong-emphasized-font-style));
	font-weight: var(--mod-detail-sans-serif-strong-emphasized-font-weight, var(--spectrum-detail-sans-serif-strong-emphasized-font-weight));
}

.spectrum-Detail:lang(ja), .spectrum-Detail:lang(ko), .spectrum-Detail:lang(zh) {
	font-family: var(--mod-detail-cjk-font-family, var(--spectrum-detail-cjk-font-family));
	font-style: var(--mod-detail-cjk-font-style, var(--spectrum-detail-cjk-font-style));
	font-weight: var(--mod-detail-cjk-font-weight, var(--spectrum-detail-cjk-font-weight));
	line-height: var(--mod-detail-cjk-line-height, var(--spectrum-detail-cjk-line-height));
}

.spectrum-Detail:lang(ja) .spectrum-Detail-strong, .spectrum-Detail:lang(ja) strong, .spectrum-Detail:lang(ko) .spectrum-Detail-strong, .spectrum-Detail:lang(ko) strong, .spectrum-Detail:lang(zh) .spectrum-Detail-strong, .spectrum-Detail:lang(zh) strong {
	font-style: var(--mod-detail-cjk-strong-font-style, var(--spectrum-detail-cjk-strong-font-style));
	font-weight: var(--mod-detail-cjk-strong-font-weight, var(--spectrum-detail-cjk-strong-font-weight));
}

.spectrum-Detail:lang(ja) .spectrum-Detail-emphasized, .spectrum-Detail:lang(ja) em, .spectrum-Detail:lang(ko) .spectrum-Detail-emphasized, .spectrum-Detail:lang(ko) em, .spectrum-Detail:lang(zh) .spectrum-Detail-emphasized, .spectrum-Detail:lang(zh) em {
	font-style: var(--mod-detail-cjk-emphasized-font-style, var(--spectrum-detail-cjk-emphasized-font-style));
	font-weight: var(--mod-detail-cjk-emphasized-font-weight, var(--spectrum-detail-cjk-emphasized-font-weight));
}

.spectrum-Detail:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail:lang(ja) em strong, .spectrum-Detail:lang(ja) strong em, .spectrum-Detail:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail:lang(ko) em strong, .spectrum-Detail:lang(ko) strong em, .spectrum-Detail:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail:lang(zh) em strong, .spectrum-Detail:lang(zh) strong em {
	font-style: var(--mod-detail-cjk-strong-emphasized-font-style, var(--spectrum-detail-cjk-strong-emphasized-font-style));
	font-weight: var(--mod-detail-cjk-strong-emphasized-font-weight, var(--spectrum-detail-cjk-strong-emphasized-font-weight));
}

.spectrum-Detail--serif {
	font-family: var(--mod-detail-serif-font-family, var(--spectrum-detail-serif-font-family));
	font-style: var(--mod-detail-serif-font-style, var(--spectrum-detail-serif-font-style));
	font-weight: var(--mod-detail-serif-font-weight, var(--spectrum-detail-serif-font-weight));
}

.spectrum-Detail--serif .spectrum-Detail-strong, .spectrum-Detail--serif strong {
	font-style: var(--mod-detail-serif-strong-font-style, var(--spectrum-detail-serif-strong-font-style));
	font-weight: var(--mod-detail-serif-strong-font-weight, var(--spectrum-detail-serif-strong-font-weight));
}

.spectrum-Detail--serif .spectrum-Detail-emphasized, .spectrum-Detail--serif em {
	font-style: var(--mod-detail-serif-emphasized-font-style, var(--spectrum-detail-serif-emphasized-font-style));
	font-weight: var(--mod-detail-serif-emphasized-font-weight, var(--spectrum-detail-serif-emphasized-font-weight));
}

.spectrum-Detail--serif .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail--serif em strong, .spectrum-Detail--serif strong em {
	font-style: var(--mod-detail-serif-strong-emphasized-font-style, var(--spectrum-detail-serif-strong-emphasized-font-style));
	font-weight: var(--mod-detail-serif-strong-emphasized-font-weight, var(--spectrum-detail-serif-strong-emphasized-font-weight));
}

.spectrum-Detail--light {
	font-style: var(--mod-detail-sans-serif-light-font-style, var(--spectrum-detail-sans-serif-light-font-style));
	font-weight: var(--spectrum-detail-sans-serif-light-font-weight, var(--spectrum-detail-sans-serif-light-font-weight));
}

.spectrum-Detail--light .spectrum-Detail-strong, .spectrum-Detail--light strong {
	font-style: var(--mod-detail-sans-serif-light-strong-font-style, var(--spectrum-detail-sans-serif-light-strong-font-style));
	font-weight: var(--mod-detail-sans-serif-light-strong-font-weight, var(--spectrum-detail-sans-serif-light-strong-font-weight));
}

.spectrum-Detail--light .spectrum-Detail-emphasized, .spectrum-Detail--light em {
	font-style: var(--mod-detail-sans-serif-light-emphasized-font-style, var(--spectrum-detail-sans-serif-light-emphasized-font-style));
	font-weight: var(--mod-detail-sans-serif-light-emphasized-font-weight, var(--spectrum-detail-sans-serif-light-emphasized-font-weight));
}

.spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized, .spectrum-Detail--light em strong, .spectrum-Detail--light strong em {
	font-style: var(--mod-detail-sans-serif-light-strong-emphasized-font-style, var(--spectrum-detail-sans-serif-light-strong-emphasized-font-style));
	font-weight: var(--mod-detail-sans-serif-light-strong-emphasized-font-weight, var(--spectrum-detail-sans-serif-light-strong-emphasized-font-weight));
}

.spectrum-Detail--light:lang(ja), .spectrum-Detail--light:lang(ko), .spectrum-Detail--light:lang(zh) {
	font-style: var(--mod-detail-cjk-light-font-style, var(--spectrum-detail-cjk-light-font-style));
	font-weight: var(--mod-detail-cjk-light-font-weight, var(--spectrum-detail-cjk-light-font-weight));
}

.spectrum-Detail--light:lang(ja) .spectrum-Detail-strong, .spectrum-Detail--light:lang(ja) strong, .spectrum-Detail--light:lang(ko) .spectrum-Detail-strong, .spectrum-Detail--light:lang(ko) strong, .spectrum-Detail--light:lang(zh) .spectrum-Detail-strong, .spectrum-Detail--light:lang(zh) strong {
	font-style: var(--mod-detail-cjk-light-strong-font-style, var(--spectrum-detail-cjk-light-strong-font-style));
	font-weight: var(--mod-detail-cjk-light-strong-font-weight, var(--spectrum-detail-cjk-light-strong-font-weight));
}

.spectrum-Detail--light:lang(ja) .spectrum-Detail-emphasized, .spectrum-Detail--light:lang(ja) em, .spectrum-Detail--light:lang(ko) .spectrum-Detail-emphasized, .spectrum-Detail--light:lang(ko) em, .spectrum-Detail--light:lang(zh) .spectrum-Detail-emphasized, .spectrum-Detail--light:lang(zh) em {
	font-style: var(--mod-detail-cjk-light-emphasized-font-style, var(--spectrum-detail-cjk-light-emphasized-font-style));
	font-weight: var(--mod-detail-cjk-light-emphasized-font-weight, var(--spectrum-detail-cjk-light-emphasized-font-weight));
}

.spectrum-Detail--light:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail--light:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized, .spectrum-Detail--light:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized {
	font-style: var(--mod-detail-cjk-light-strong-emphasized-font-style, var(--spectrum-detail-cjk-light-strong-emphasized-font-style));
	font-weight: var(--mod-detail-cjk-light-strong-emphasized-font-weight, var(--spectrum-detail-cjk-light-strong-emphasized-font-weight));
}

.spectrum-Detail--serif.spectrum-Detail--light {
	font-style: var(--mod-detail-serif-light-font-style, var(--spectrum-detail-serif-light-font-style));
	font-weight: var(--mod-detail-serif-light-font-weight, var(--spectrum-detail-serif-light-font-weight));
}

.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong, .spectrum-Detail--serif.spectrum-Detail--light strong {
	font-style: var(--mod-detail-serif-light-strong-font-style, var(--spectrum-detail-serif-light-strong-font-style));
	font-weight: var(--mod-detail-serif-light-strong-font-weight, var(--spectrum-detail-serif-light-strong-font-weight));
}

.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-emphasized, .spectrum-Detail--serif.spectrum-Detail--light em {
	font-style: var(--mod-detail-serif-light-emphasized-font-style, var(--spectrum-detail-serif-light-emphasized-font-style));
	font-weight: var(--mod-detail-serif-light-emphasized-font-weight, var(--spectrum-detail-serif-light-emphasized-font-weight));
}

.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized, .spectrum-Detail--serif.spectrum-Detail--light em strong, .spectrum-Detail--serif.spectrum-Detail--light strong em {
	font-style: var(--mod-detail-serif-light-strong-emphasized-font-style, var(--spectrum-detail-serif-light-strong-emphasized-font-style));
	font-weight: var(--mod-detail-serif-light-strong-emphasized-font-weight, var(--spectrum-detail-serif-light-strong-emphasized-font-weight));
}

.spectrum-Code, .spectrum-Code--sizeM {
	--spectrum-code-font-size: var(--spectrum-code-size-m);
}

.spectrum-Code--sizeXS {
	--spectrum-code-font-size: var(--spectrum-code-size-xs);
}

.spectrum-Code--sizeS {
	--spectrum-code-font-size: var(--spectrum-code-size-s);
}

.spectrum-Code--sizeL {
	--spectrum-code-font-size: var(--spectrum-code-size-l);
}

.spectrum-Code--sizeXL {
	--spectrum-code-font-size: var(--spectrum-code-size-xl);
}

.spectrum-Code {
	--spectrum-code-font-family: var(--spectrum-code-font-family-stack);
	--spectrum-code-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
	--spectrum-code-font-color: var(--spectrum-code-color);
	color: var(--highcontrast-code-font-color, var(--mod-code-font-color, var(--spectrum-code-font-color)));
	font-family: var(--mod-code-font-family, var(--spectrum-code-font-family));
	font-size: var(--mod-code-font-size, var(--spectrum-code-font-size));
	font-style: var(--mod-code-font-style, var(--spectrum-code-font-style));
	font-weight: var(--mod-code-font-weight, var(--spectrum-code-font-weight));
	line-height: var(--mod-code-line-height, var(--spectrum-code-line-height));
	margin-block-end: 0;
	margin-block-end: var(--mod-code-margin-end, 0);
	margin-block-start: 0;
	margin-block-start: var(--mod-code-margin-start, 0);
}

.spectrum-Code .spectrum-Code-strong, .spectrum-Code strong {
	font-style: var(--mod-code-strong-font-style, var(--spectrum-code-strong-font-style));
	font-weight: var(--mod-code-strong-font-weight, var(--spectrum-code-strong-font-weight));
}

.spectrum-Code .spectrum-Code-emphasized, .spectrum-Code em {
	font-style: var(--mod-code-emphasized-font-style, var(--spectrum-code-emphasized-font-style));
	font-weight: var(--mod-code-emphasized-font-weight, var(--spectrum-code-emphasized-font-weight));
}

.spectrum-Code .spectrum-Code-strong.spectrum-Code-emphasized, .spectrum-Code em strong, .spectrum-Code strong em {
	font-style: var(--mod-code-strong-emphasized-font-style, var(--spectrum-code-strong-emphasized-font-style));
	font-weight: var(--mod-code-strong-emphasized-font-weight, var(--spectrum-code-strong-emphasized-font-weight));
}

.spectrum-Code:lang(ja), .spectrum-Code:lang(ko), .spectrum-Code:lang(zh) {
	font-family: var(--mod-code-cjk-font-family, var(--spectrum-code-cjk-font-family));
	font-style: var(--mod-code-cjk-font-style, var(--spectrum-code-cjk-font-style));
	font-weight: var(--mod-code-cjk-font-weight, var(--spectrum-code-cjk-font-weight));
	letter-spacing: var(--mod-code-cjk-letter-spacing, var(--spectrum-code-cjk-letter-spacing));
	line-height: var(--mod-code-cjk-line-height, var(--spectrum-code-cjk-line-height));
}

.spectrum-Code:lang(ja) .spectrum-Code-strong, .spectrum-Code:lang(ja) strong, .spectrum-Code:lang(ko) .spectrum-Code-strong, .spectrum-Code:lang(ko) strong, .spectrum-Code:lang(zh) .spectrum-Code-strong, .spectrum-Code:lang(zh) strong {
	font-style: var(--mod-code-cjk-strong-font-style, var(--spectrum-code-cjk-strong-font-style));
	font-weight: var(--mod-code-cjk-strong-font-weight, var(--spectrum-code-cjk-strong-font-weight));
}

.spectrum-Code:lang(ja) .spectrum-Code-emphasized, .spectrum-Code:lang(ja) em, .spectrum-Code:lang(ko) .spectrum-Code-emphasized, .spectrum-Code:lang(ko) em, .spectrum-Code:lang(zh) .spectrum-Code-emphasized, .spectrum-Code:lang(zh) em {
	font-style: var(--mod-code-cjk-emphasized-font-style, var(--spectrum-code-cjk-emphasized-font-style));
	font-weight: var(--mod-code-cjk-emphasized-font-weight, var(--spectrum-code-cjk-emphasized-font-weight));
}

.spectrum-Code:lang(ja) .spectrum-Code-strong.spectrum-Code-emphasized, .spectrum-Code:lang(ja) em strong, .spectrum-Code:lang(ja) strong em, .spectrum-Code:lang(ko) .spectrum-Code-strong.spectrum-Code-emphasized, .spectrum-Code:lang(ko) em strong, .spectrum-Code:lang(ko) strong em, .spectrum-Code:lang(zh) .spectrum-Code-strong.spectrum-Code-emphasized, .spectrum-Code:lang(zh) em strong, .spectrum-Code:lang(zh) strong em {
	font-style: var(--mod-code-cjk-strong-emphasized-font-style, var(--spectrum-code-cjk-strong-emphasized-font-style));
	font-weight: var(--mod-code-cjk-strong-emphasized-font-weight, var(--spectrum-code-cjk-strong-emphasized-font-weight));
}

/*!
 * 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-Card {
	--spectrum-card-border-color: var(--spectrum-gray-100);
	--spectrum-card-border-color-hover: var(--spectrum-gray-200);
	--spectrum-card-divider-color: var(--spectrum-gray-200);
	--spectrum-card-preview-background-color: var(--spectrum-gray-100);
	--spectrum-card-preview-background-color-hover: var(--spectrum-gray-200);
	--spectrum-card-background-color: var(--mod-card-background-color, var(--spectrum-background-layer-2-color));
	--spectrum-card-body-spacing: var(--mod-card-body-spacing, var(--spectrum-spacing-400));
	--spectrum-card-body-padding-block-start: var(--mod-card-body-padding-block-start, var(--spectrum-spacing-300));
	--spectrum-card-title-padding-right: var(--mod-card-title-padding-right, var(--spectrum-spacing-400));
	--spectrum-card-content-margin-top: var(--mod-card-content-margin-top, var(--spectrum-spacing-100));
	--spectrum-card-content-margin-bottom: var(--mod-card-content-margin-bottom, var(--spectrum-spacing-300));
	--spectrum-card-footer-padding-top: var(--mod-card-footer-padding-block-start, var(--spectrum-spacing-100));
	--spectrum-card-subtitle-padding-right: var(--mod-card-subtitle-padding-right, var(--spectrum-spacing-100));
	--spectrum-card-border-width: var(--mod-card-border-width, var(--spectrum-border-width-100));
	--spectrum-card-corner-radius: var(--mod-card-corner-radius, var(--spectrum-corner-radius-100));
	--spectrum-card-title-font-family: var(--mod-card-title-font-family, var(--spectrum-sans-font-family-stack));
	--spectrum-card-title-font-size: var(--mod-card-title-font-size, var(--spectrum-heading-size-xxs));
	--spectrum-card-title-font-weight: var(--mod-card-title-font-weight, var(--spectrum-heading-sans-serif-font-weight));
	--spectrum-card-title-font-style: var(--mod-card-title-font-style, var(--spectrum-heading-sans-serif-font-style));
	--spectrum-card-title-line-height: var(--mod-card-title-line-height, var(--spectrum-heading-line-height));
	--spectrum-card-title-font-color: var(--mod-card-title-font-color, var(--spectrum-heading-color));
	--spectrum-card-body-font-family: var(--mod-card-body-font-family, var(--spectrum-sans-font-family-stack));
	--spectrum-card-body-font-size: var(--mod-card-body-font-size, var(--spectrum-body-size-s));
	--spectrum-card-body-font-weight: var(--mod-card-body-font-weight, var(--spectrum-body-sans-serif-font-weight));
	--spectrum-card-body-font-style: var(--mod-card-body-font-style, var(--spectrum-body-sans-serif-font-style));
	--spectrum-card-body-line-height: var(--mod-card-body-line-height, var(--spectrum-body-line-height));
	--spectrum-card-body-font-color: var(--mod-card-body-font-color, var(--spectrum-body-color));
	--spectrum-card-actions-spacing: var(--mod-card-actions-spacing, var(--spectrum-spacing-300));
	--spectrum-card-actions-size: var(--mod-card-actions-size, var(--spectrum-card-selection-background-size));
	--spectrum-card-actions-border-radius: var(--mod-card-actions-border-radius, var(--spectrum-corner-radius-100));
	--spectrum-card-actions-background-color-rgb: var(--mod-card-actions-background-color-rgb, var(--spectrum-gray-100-rgb));
	--spectrum-card-actions-background-color-opacity: var(--mod-card-actions-background-color-opacity, var(--spectrum-card-selection-background-color-opacity));
	--spectrum-card-actions-drop-shadow-color: var(--mod-card-actions-drop-shadow-color, var(--spectrum-drop-shadow-color));
	--spectrum-card-actions-drop-shadow-x: var(--mod-card-actions-drop-shadow-x, var(--spectrum-drop-shadow-x));
	--spectrum-card-actions-drop-shadow-y: var(--mod-card-actions-drop-shadow-y, var(--spectrum-drop-shadow-y));
	--spectrum-card-actions-drop-shadow-blur: var(--mod-card-actions-drop-shadow-blur, var(--spectrum-drop-shadow-blur));
	--spectrum-card-focus-indicator-color: var(--mod-card-focus-indicator-color, var(--spectrum-focus-indicator-color));
	--spectrum-card-focus-indicator-width: var(--mod-card-focus-indicator-width, var(--spectrum-focus-indicator-thickness));
	--spectrum-card-selected-background-opacity: var(--mod-card-selected-background-opacity, 0.1);
	--spectrum-card-preview-border-width-selected: var(--mod-card-preview-border-width-selected, var(--spectrum-border-width-100));
	--spectrum-card-horizontal-body-padding: var(--mod-card-horizontal-body-padding, var(--spectrum-spacing-300));
	--spectrum-card-horizontal-preview-padding: var(--mod-card-horizontal-preview-padding, var(--spectrum-spacing-200));
}

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

.spectrum-Card.spectrum-Card--gallery {
	--spectrum-card-content-margin-top: var(--spectrum-spacing-100);
}

.spectrum-Card.is-drop-target, .spectrum-Card.is-selected {
	--spectrum-card-border-color: var(--mod-card-border-color-selected, var(--spectrum-blue-700));
}

.spectrum-Card {
	background-color: var(--spectrum-card-background-color);
	block-size: 100%;
	border: var(--spectrum-card-border-width) solid transparent;
	border-color: var(--mod-card-border-color, var(--spectrum-card-border-color));
	border-radius: var(--spectrum-card-corner-radius);
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: column;
	min-inline-size: var(--mod-card-minimum-width, var(--spectrum-card-minimum-width));
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
}

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

.spectrum-Card:after {
	border: 0 solid transparent;
	border-radius: var(--spectrum-card-corner-radius);
	inset-inline-end: 0;
	margin-block-start: calc(var(--spectrum-card-focus-indicator-width) * -1);
	margin-inline-start: calc(var(--spectrum-card-focus-indicator-width) * -1);
}

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

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

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

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

.spectrum-Card.is-drop-target {
	--mod-card-background-color: var(--spectrum-background-base-color);
	box-shadow: 0 0 0 1px var(--spectrum-card-border-color);
}

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

.spectrum-Card-quickActions {
	align-items: center;
	background-color: rgb(var(--spectrum-card-actions-background-color-rgb), var(--spectrum-card-actions-background-color-opacity));
	block-size: var(--spectrum-card-actions-size);
	border-radius: var(--spectrum-card-actions-border-radius);
	box-shadow: var(--spectrum-card-actions-drop-shadow-x) var(--spectrum-card-actions-drop-shadow-y) var(--spectrum-card-actions-drop-shadow-blur) var(--spectrum-card-actions-drop-shadow-color);
	box-sizing: border-box;
	display: inline-flex;
	inline-size: var(--spectrum-card-actions-size);
	inset-block-start: calc(var(--spectrum-card-actions-spacing) - var(--spectrum-card-border-width));
	inset-inline-start: calc(var(--spectrum-card-actions-spacing) - var(--spectrum-card-border-width));
	justify-content: center;
	pointer-events: auto;
	position: absolute;
	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));
	visibility: hidden;
}

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

.spectrum-Card-coverPhoto {
	align-items: center;
	background-color: var(--mod-card-preview-background-color, var(--spectrum-card-preview-background-color));
	background-position: 50%;
	background-size: cover;
	block-size: var(--mod-card-preview-minimum-height, var(--spectrum-card-preview-minimum-height));
	border-block-end-color: var(--mod-card-border-color, var(--spectrum-card-border-color));
	border-end-end-radius: 0;
	border-end-start-radius: 0;
	border-start-end-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
	border-start-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

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

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

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

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

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

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

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

.spectrum-Card-description {
	font-family: var(--spectrum-card-body-font-family);
	font-size: var(--spectrum-card-body-font-size);
	font-style: var(--spectrum-card-body-font-style);
	font-weight: var(--spectrum-card-body-font-weight);
}

.spectrum-Card-description, .spectrum-Card-footer {
	color: var(--spectrum-card-body-font-color);
	line-height: var(--spectrum-card-body-line-height);
}

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

.spectrum-Card-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.spectrum-Card-actionButton {
	z-index: 1;
}

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

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

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

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

.spectrum-Card--gallery, .spectrum-Card--quiet {
	--mod-card-border-color-hover: transparent;
	background-color: initial;
	border-color: transparent;
	border-radius: 0;
	border-width: 0;
	overflow: visible;
}

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

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

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

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

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

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

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

.spectrum-Card--gallery.is-selected .spectrum-Card-preview:before, .spectrum-Card--quiet.is-selected .spectrum-Card-preview:before {
	background-color: rgb(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--gallery .spectrum-Card-body, .spectrum-Card--quiet .spectrum-Card-body {
	margin-block-start: var(--spectrum-card-content-margin-top);
	padding: 0;
}

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

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

@media (hover: hover) {
	.spectrum-Card:hover {
		--mod-card-border-color: var(--mod-card-border-color-hover, var(--spectrum-card-border-color-hover));
	}
	.spectrum-Card:hover .spectrum-Card-actions, .spectrum-Card:hover .spectrum-Card-quickActions {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}
	.spectrum-Card--gallery:hover .spectrum-Card-preview, .spectrum-Card--quiet: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 {
		border-color: var(--mod-card-border-color-hover, var(--spectrum-card-border-color-hover));
	}
}

.spectrum-Card--horizontal .spectrum-Card-preview {
	align-items: center;
	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));
	border-end-end-radius: 0;
	border-end-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
	border-start-end-radius: 0;
	border-start-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	min-block-size: 0;
	padding: var(--spectrum-card-horizontal-preview-padding);
}

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

.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 {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: center;
	padding-block: 0;
	padding-inline: var(--spectrum-card-horizontal-body-padding);
}

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

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

:root {
  --color-male: var(--spectrum-green-900);
  --color-female: var(--spectrum-purple-900);
  --timeline-height: 47vh;
  --mod-heading-margin-start: 0px;
}

.timeline-card {
  border-color: var(--spectrum-blue-400);
  border-radius: 4px;
  border-style: solid;
  box-sizing: border-box;
  height: calc(var(--timeline-height) + 2em);
  margin: 1px 0;
  max-width: 100%;
  min-width: 1vw;
  width: auto;
  z-index: 1;
}

svg .color-male {
  color: var(--color-male);
  fill-opacity: 0;
  stroke: var(--color-male);
}

svg .color-female {
  color: var(--color-female);
  fill-opacity: 0;
  stroke: var(--color-female);
}

svg .family-node.junction {
  color: var(--spectrum-blue-400);
  fill-opacity: 0;
  stroke: var(--spectrum-blue-400);
}

div.basic-info {
  max-height: 10vh;
}

iconify-icon.color-female {
  color: var(--color-female);
}

iconify-icon.color-male {
  color: var(--color-male);
}

iconify-icon {
  box-sizing: border-box;
  display: block;
  height: 100%;
}

ul.bio {

  --mod-body-margin-end: 1px;
  padding-left: 2em;
}