/*
 * Copyright 2020 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.
 */
@font-face {
	font-family: noto-sans-fallback;
	size-adjust: 105.49%;
	src: local('Arial');
}

body {
	font: var(--type-sm-16-regular-font);
	letter-spacing: var(--type-sm-16-regular-letter-spacing);
	margin: 0;
	column-gap: var(--spacing-6x);
	color: var(--color-dark-gray);
	background-color: var(--background-color);
}

body:not(.appear) {
	display: none;
}

h1 {
	font: var(--type-5xl-45-light-font);
	letter-spacing: var(--type-5xl-45-light-letter-spacing);
}

h2 {
	font: var(--type-4xl-38-light-font);
	letter-spacing: var(--type-4xl-38-light-letter-spacing);
}

h3 {
	font: var(--type-3xl-32-light-font);
	letter-spacing: var(--type-3xl-32-light-letter-spacing);
}

h4 {
	font: var(--type-2xl-26-light-font);
	letter-spacing: var(--type-2xl-26-light-letter-spacing);
}

h5 {
	font: var(--type-xl-22-light-font);
	letter-spacing: var(--type-xl-22-light-letter-spacing);
}

header {
	height: calc(var(--nav-height) + var(--top-hat-height-mobile));
}

header:has(.header[data-block-status='loaded']),
header.top-hat-hidden,
body:has(.top-hat) header {
	height: var(--nav-height);
}

a:any-link {
	color: var(--color-evident-blue);
}

main .section {
	max-width: 1440px;
	margin: auto;
}

main .section > div {
	margin-left: var(--spacing-7x);
	margin-right: var(--spacing-7x);
}

main img {
	max-width: 100%;
	width: auto;
	height: auto;
}

main picture img {
	vertical-align: middle;
}

main hr {
	display: block;
	margin: 1px 0;
	border-top: 1px solid var(--color-extra-light-gray);
	border-bottom: none;
	border-left: none;
	border-right: none;
}

main > :last-child {
	padding-bottom: var(--spacing-12x);
}

main .section .default-content-wrapper {
	h1,
	h2,
	h3,
	h4,
	h5 {
		margin-block: var(--spacing-4x);
	}

	p,
	dl,
	ol,
	ul,
	pre {
		margin-block: var(--spacing-2x);
	}
}

p,
dl,
ol,
ul,
pre,
blockquote,
h1,
h2,
h3,
h4,
h5 {
	margin-block: 0 0;
}

code,
pre {
	font-family: var(--type-sm-16-fixed-font);
}

.sr-only:not(:focus, :active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	display: block;
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

body input[type='radio'] {
	opacity: 0;
	margin: 0;
	width: 0;
	height: 0;
}

body input[type='radio'] + label {
	display: flex;
	gap: var(--spacing-2x);
	align-items: center;
}

body input[type='radio'] + label::before {
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	background-image: url('/icons/radio-off.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

body input[type='radio']:checked + label::before {
	background-image: url('/icons/radio-on.svg');
}

body input[type='radio']:focus-visible + label {
	outline: 1px solid var(--color-button-outline);
}

main .breadcrumb-placeholder {
	min-height: var(--min-height-breadcrumb-mobile);
}

/* Tablet */
@media (width > 640px) {
	header {
		height: calc(var(--nav-height) + var(--top-hat-height));
	}

	main .section > div {
		margin-left: var(--spacing-10x);
		margin-right: var(--spacing-10x);
	}

	main .breadcrumb-placeholder {
		min-height: var(--min-height-breadcrumb-desktop);
	}
}

/* Desktop */
@media (width > 1024px) {
	main .section > div {
		margin-left: var(--spacing-20x);
		margin-right: var(--spacing-20x);
	}
}

/* Styles to polyfill HTML inert */
[inert] {
	pointer-events: none;
	cursor: default;
}

[inert],
[inert] * {
	user-select: none;
}