.main {
	overflow: initial;
	position: relative;
}

@media only screen and (max-width: 735px) {
	.main {
		overflow: hidden;
	}
}

h3:not(:first-of-type) {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #dadada;
}

.callout-copy {
	border-top: 1px solid #dadada;
	margin-top: 3em;
	padding-top: 1.5em;
	display: inline-block;
}

img.asr-nr {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 5px 0;
}
body[data-color-scheme="dark"] img.asr-nr {
	filter: invert(1);
}

.sticky-container {
	position: sticky;
	top: 56px;
}

@media only screen and (max-width: 735px) {
	.Sidenav_container {
		margin: 0 0 2em !important;
	}
}

#toc .no-bullet {
	margin-top: 0;
}
#toc .no-bullet li {
	margin-bottom: 0;
}
#toc p a {
	font-weight: bold;
}

#documentation {
	margin-left: 1.11111em;
}
#documentation p {
	margin-bottom: 0;
}
#documentation .links.small {
	margin-top: 0;
}

#guidelines > section > ul > li {
	padding-top: 3em;
}
#guidelines > section > p {
	margin-left: 1.11111em;
}

/* Notarization JS Styles */

.form-label {
	padding: 0;
	border-radius: 4px;
	color: #111;
	font-size: 12px;
	font-weight: 600;
	/* opacity: 0.6; */
}

.form-checkbox-indicator {
	top: 6px;
}

@media only screen and (max-width: 1068px) {
	.form-checkbox-indicator {
		top: -2px;
	}
}

html[lang="zh-CN"] .form-checkbox-indicator,
html[lang="ko-KR"] .form-checkbox-indicator {
	top: 0px;
}

.checkbox-flex-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 1em;
	padding-left: 0 !important;
}

.checkbox-flex-content .custom-tooltip-icon {
	margin-left: 20px;
}

@media only screen and (max-width: 735px) {
	.checkbox-flex-content {
		justify-content: flex-start;
	}

	.checkbox-flex-content .custom-tooltip-icon {
		margin-left: 20px;
	}
}

.checkbox-span {
	padding-right: 5px;
}

body[data-color-scheme="light"] .form-label {
	color: #111;
}

body[data-color-scheme="dark"] .form-label {
	color: #f5f5f7;
}

@media only screen and (max-width: 735px) {
	.form-checkbox .form-label {
		padding-left: 0;
	}
}

body[data-color-scheme="light"] {
	--tooltip-bg-color: #e8e8ed;
	--tooltip-font-color: #000;
	--font-color-default: rgb(29, 29, 31);
	--font-color-lighter: rgba(29, 29, 31, 0.3);
}

body[data-color-scheme="dark"] {
	--tooltip-bg-color: #333336;
	--tooltip-font-color: #fff;
	--font-color-default: #f5f5f7;
	--font-color-lighter: rgba(245, 245, 247, 0.3);
}

.lighter-2 {
	color: var(--font-color-lighter);
}

.lighter-override,
.lighter-2 .lighter-override {
	color: var(--font-color-default) !important;
}

.document.lighter-2 {
	opacity: 0.3;
}

.document.lighter-2 a {
	opacity: 1;
}

.lighter-override a,
.lighter-2 .lighter-override a {
	opacity: 1;
}

.lighter-2 .link-lighter-override,
.lighter-2 .lighter-override a.link-lighter-override {
	opacity: 0.3 !important;
}

[data-nr],
[data-nr] .lighter-2 a {
	opacity: 1;
}

.lighter-2 a,
[data-nr] .lighter-2 a {
	opacity: 0.3;
}

.custom-tooltip-icon {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.custom-tooltip-icon::after {
	content: "Applies to Notarization of\A iOS apps in the EU";
	visibility: hidden;
	text-align: center;
	position: absolute;
	z-index: 1;
	bottom: 115%;
	left: 50%;
	transform: translateX(-50%);
	white-space: pre;
	/* white-space: nowrap; */
	font-size: 14px;
	line-height: 1.28577;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	width: 14.11765rem;
	height: auto;
	border-radius: 12px;
	border-width: 0;
	border-style: solid;
	box-sizing: border-box;
	padding: 0.70588rem 1rem 0.76471rem;
	background-color: var(--tooltip-bg-color);
	color: var(--tooltip-font-color);
	overflow: hidden;
}

html[lang="ko-KR"] .custom-tooltip-icon::after {
	content: "EU 내 iOS 앱의 공증에 적용됨";
}
html[lang="zh-CN"] .custom-tooltip-icon::after {
	content: "适用于欧盟 iOS App 的公证";
}
html[lang="ja-JP"] .custom-tooltip-icon::after {
	content: "EUにおけるiOSアプリ向けの公証に適用されます。";
}

.custom-tooltip-icon:hover::after {
	visibility: visible;
}

.custom-tooltip-icon::before {
	content: "";
	visibility: hidden;
	position: absolute;
	bottom: 104%;
	left: 25%;
	width: 0.88235rem;
	height: 0.88235rem;
	border-bottom-right-radius: 2px;
	transform: rotate(45deg);
	background-color: var(--tooltip-bg-color);
	z-index: 2;
}

.custom-tooltip-icon:hover::before {
	visibility: visible;
}

/* ----- Grid and Layout ----- */
.section {
	padding-top: 2em;
}
.section-content .row > .column.sidebar {
	padding-left: 0;
}
.section.section-hero {
	margin-bottom: 0;
	padding-bottom: 3em;
}

section.section.section-hero .section-content {
	overflow-x: visible;
}

.section-autorenew {
	padding-top: 4em;
}
.section-autorenew .section-content .row > .column {
	padding-bottom: 0;
}

.section.section-related {
	padding-bottom: 2em;
}

/* medium viewport */
@media only screen and (max-width: 1068px) {
	.section-content .row > .column.sidebar {
		padding-left: 1em;
	}
}

/* small viewport */
@media only screen and (max-width: 735px) {
	.section {
		padding-top: 1em;
	}
	.section-content {
		max-width: 500px;
	}
	.section-content .row > .column.sidebar {
		padding-left: 0;
	}
	.section.section-hero {
		padding-bottom: 2em;
	}
	.section-autorenew {
		padding-top: 2em;
	}
	.section-autorenew .section-content .row > .column.sidebar {
		padding-bottom: 1em;
	}
	.section-autorenew .column p:last-of-type {
		margin-bottom: 18px;
	}
	.section-related .section-content .row > .column {
		padding: 0;
	}
}

/* ----- sidenav ----- */
.column-sidenav {
	height: 100%;
}

.headline-divider {
	margin-top: 3em;
	padding-top: 2em;
	border-top: 1px solid #e3e3e3;
}

.sn-container-wrap {
	padding-bottom: 1.5em;
}

/* ----- Utilities ----- */
.badge {
	margin-left: 0;
	margin-bottom: 0.5em;
}

.small-show {
	display: none;
}

.row-flex {
	display: flex;
}

.column-flex-center {
	align-self: center;
}

.compound-item-list li > ul li {
	margin-bottom: 0;
}

.padding-top-alt {
	padding-top: 1em;
}

figcaption.caption {
	color: #666;
	font-size: 14px;
}

.links.small li {
	list-style-type: none;
}

.disc li {
	list-style-image: none;
	list-style-type: disc;
	margin-bottom: 0;
}

.no-bullet {
	margin-bottom: 1em;
}

.no-bullet li {
	margin-bottom: 0.7em;
	position: relative;
}

.top-level.disc li {
	margin-bottom: 0.7em;
}

.margin-top-small {
	margin-top: 1em !important;
}

/* small viewport */
@media only screen and (max-width: 1068px) {
	.row-flex {
		display: block;
	}
}

@media only screen and (max-width: 735px) {
	.small-show {
		display: block;
	}
	.row-flex {
		display: block;
	}
	.row-flex + p {
		margin-top: 0.8em;
	}
}