.button-pill {
	font-size: 17px;
	line-height: 1.17649;
	font-weight: 400;
	letter-spacing: -0.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	border-radius: 18px;
	padding: 7px 17px;
}

.bg-gradient {
	background: linear-gradient(to bottom, #ffffff -15%, #d5e4f3 100%);
}

.apple-arcade-logo {
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/arcade/arcade-128x128_2x.png");
	margin-bottom: 1em;
}

.callout + .callout {
	margin-top: 4em;
}

.callout {
	border: 1px solid #fff;
}
.callout h2 {
	margin-top: 1em;
}

.callout-everyone {
	margin-top: -5px;
	border-radius: 0;
}

.callout-everyone-image {
	border-radius: 18px 18px 0 0;
}

.platform-icons {
	margin: 0 -8% 0 -10%;
}
.platform-icon {
	display: inline-block;
	margin: 0;
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.platform-icon-macos {
	margin-right: 10px;
	background-image: url("/assets/elements/icons/platforms/icon-macos.svg");
}
.platform-icon-ios {
	margin-right: -20px;
	margin-left: -10px;
	background-image: url("/assets/elements/icons/platforms/icon-ios.svg");
}
.platform-icon-ipados {
	background-image: url("/assets/elements/icons/platforms/icon-ipados.svg");
}
.platform-icon-tvos {
	background-image: url("/assets/elements/icons/platforms/icon-tvos.svg");
}
.platform-icon-visionos {
	background-image: url("/assets/elements/icons/platforms/icon-visionos.svg");
}


@media only screen and (max-width: 734px) {
	.callout + .callout {
		margin-top: 3em;
	}
}

@media only screen and (max-width: 580px) {
	.platform-icon {
		width: 80px;
		height: 80px;
	}
}


@media only screen and (max-width: 470px) {
	.platform-icon {
		width: 72px;
		height: 72px;
	}
}

@media only screen and (max-width: 420px) {
	.platform-icon {
		width: 64px;
		height: 64px;
	}
}

@media only screen and (max-width: 414px) {
	.callout h2 {
		margin-top: 0.8em;
	}
}

@media only screen and (max-width: 378px) {
	.platform-icon {
		width: 56px;
		height: 56px;
	}
}

@media only screen and (max-width: 330px) {
	.platform-icon {
		width: 48px;
		height: 48px;
	}
}


/* ===== Grid ===== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero,
#main section.section.section-arcade {
	padding-bottom: 0em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

/* === DARK MODE === */
body[data-color-scheme="dark"] .platform-icon-macos {
	background-image: url("/assets/elements/icons/platforms/icon-macos-i.svg");
}
body[data-color-scheme="dark"] .platform-icon-ios {
	background-image: url("/assets/elements/icons/platforms/icon-ios-i.svg");
}
body[data-color-scheme="dark"] .platform-icon-ipados {
	background-image: url("/assets/elements/icons/platforms/icon-ipados-i.svg");
}
body[data-color-scheme="dark"] .platform-icon-tvos {
	background-image: url("/assets/elements/icons/platforms/icon-tvos-i.svg");
}
body[data-color-scheme="dark"] .platform-icon-visionos {
	background-image: url("/assets/elements/icons/platforms/icon-visionos-i.svg");
}
body[data-color-scheme="dark"] .icon-skatecity {
	border: 1px solid var(--fill-gray-quaternary);
}
body[data-color-scheme="dark"] .callout {
	border-color: var(--fill-gray-quaternary);
}