#main section.section-downloads .section-content .row .column:nth-of-type(3) .button {
	font-size: 16px;
	min-width: 80px;
}

.divider-bottom {
	padding-bottom: 4em;
}

.no-beta-banner {
	margin: 4em auto;
	padding: 4em;
	text-align: center;
}

ul.version {
	list-style-type: none;
	margin-top: 1em;
	margin-left: 0;
}
ul.version li {
	display: inline-block;
	margin-right: 2em;
	font-weight: 600;
	color: #666;
}
ul.version li span {
	display: block;
	font-weight: 400;
}

section .button {
	margin: 8px 0 1em;
}

a.anchor-button:hover {
	cursor: pointer;
}

ul.footnote li {
	max-width: unset;
}

aside ul.footnote {
	margin: -2em 0 0;
	padding: 0 0 1em;
	border-bottom: 1px solid #dadada;
}

.developer-router-links h5 {
	font-size: 17px;
}

@media only screen and (max-width: 1068px) {
	#main section.section-downloads .section-content .row .column:nth-of-type(3) .button {
		font-size: 14px;
	}
}

@media only screen and (max-width: 735px) {
	.no-beta-banner {
		margin: 2em auto;
		padding: 2em;
	}
	h4 {
		margin-top: 0.8em;
	}
}

/* ========== Tab Nav Slider ========== */
nav.tabnav {
	margin-top: -1.5em;
}
ul.bxslider {
	list-style-type: none;
	margin-left: 0;
}

ul.tabnav-items {
	margin-bottom: 1em;
}
ul.tabnav-items li.tabnav-item {
	list-style: none;
	outline: none;
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #d6d6d6;
}
ul.tabnav-items li.tabnav-item:not(:first-child) {
	padding-left: 80px;
}
ul.tabnav-items li:last-of-type {
	text-align: right;
}
ul.tabnav-items li:last-of-type a:after {
	content: "";
}
li.tabnav-item a {
	display: inline-block;
	position: relative;
	margin-top: 2px;
	margin-bottom: 8px;
	padding: 6px 0 0;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	text-align: left;
	text-decoration: none;
	z-index: 0;
}
li.tabnav-item a:hover {
	color: #000;
	text-decoration: none;
}
li.tabnav-item a:focus {
	outline: none;
}
li.tabnav-item a.active {
	pointer-events: none;
	color: #000;
	text-decoration: none;
	cursor: default;
	z-index: 10;
}
li.tabnav-item a.active:after {
	position: absolute;
	left: 0;
	bottom: -9px;
	width: 100%;
	border-bottom: 1px solid #000;
	content: "";
}

@media only screen and (max-width: 735px) {
	nav.tabnav {
		margin-bottom: 1em;
	}
	ul.tabnav-items li.tabnav-item:not(:first-child) {
		padding-left: 40px;
	}
	ul.bxslider li.app-links > .row:first-of-type {
		margin-top: 0;
	}
	ul.version > li:nth-of-type(1) {
		margin-bottom: 1em;
	}
}

/* ========== Expandable ========== */
.expandable h5.expandable-headline {
	margin-top: 1em;
	cursor: pointer;
	font-weight: 600;
}
.expandable h5.expandable-headline a {
	outline: none;
	text-decoration: none;
	font-weight: 600;
}
.expandable h5.expandable-headline.icon-downloadcircle::before {
	color: #0070c9;
}
.expandable.expanded h5.expandable-headline a {
	outline: none;
	text-decoration: none;
}
.expandable h5.expandable-headline a p {
	margin-top: 3px;
	color: #000;
	font-weight: 400;
}
.expandable h5.expandable-headline a span {
	float: right;
	color: #0070c9;
	font-weight: 400;
}
.expandable h5 a span.hide-all,
.expandable.expanded h5 a span.view-all {
	display: none;
}

.expandable h5 a span.view-all,
.expandable.expanded h5 a span.hide-all {
	display: inline-block;
}
.expandable .inner {
	opacity: 0.3;
	max-height: 0;
	margin-top: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.expandable .inner ul.ios-list li,
.inner-wrap ul.tvos-list li {
	list-style-type: disc;
	color: #999;
}
.expandable .inner ul.ios-list li a,
.inner-wrap ul.tvos-list li a {
	font-weight: 600;
}
.expandable .inner ul.ios-list li a:focus,
.inner-wrap ul.tvos-list li a:focus {
	outline: none;
}
.expandable .inner ul.ios-list li p,
.inner-wrap ul.tvos-list li p {
	display: block;
	padding: 2px 0 6px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
.expandable.expanded .inner {
	opacity: 1;
	max-height: 20000px;
	margin-top: 1.5em;
}
@media only screen and (max-width: 735px) {
	.expandable h5.expandable-headline,
	.expandable.expanded h5.expandable-headline,
	.expandable .inner,
	.expandable.expanded .inner,
	.inner-wrap {
		display: none;
	}
}

/* non-expanding list */
.inner-wrap h5 {
	margin-top: 1.5em;
	font-weight: 600;
}

.inner-wrap h5 + p {
	margin: 0.4em 0 0.8em;
}

/* ========== bx-slider with expanded section ========== */
#main .expandable.expanded .bx-viewport.bx-viewport {
	height: 2255px !important;
}
@media only screen and (max-width: 1068px) {
	#main .expandable.expanded .bx-viewport.bx-viewport {
		height: 2408px !important;
	}
}

/* ========== Images ========== */
.icon-nav {
	width: 48px;
	height: 48px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-nav-app {
	background-image: url("/download/images/icon-nav-applications.svg");
}
.icon-nav-os {
	background-image: url("/download/images/icon-nav-operating-systems.svg");
}

.icon-app {
	margin: 7px auto 0;
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-xcode {
	background-image: url("/assets/elements/icons/xcode-12/xcode-12-96x96_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-xcode {
		background-image: url("/assets/elements/icons/xcode/xcode-96x96_2x.png");
	}
}

.icon-xcode-12 {
	background-image: url("/assets/elements/icons/xcode-12/xcode-12-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-xcode-12 {
		background-image: url("/assets/elements/icons/xcode-12/xcode-12-96x96_2x.png");
	}
}

.icon-xcode-beta {
	background-image: url("/assets/elements/icons/xcode-beta/xcode-beta-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-xcode-beta {
		background-image: url("/assets/elements/icons/xcode-beta/xcode-beta-96x96_2x.png");
	}
}

.icon-reality-converter-mac {
	background-image: url("/assets/elements/icons/reality-converter-mac/reality-converter-macos-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-reality-converter-mac {
		background-image: url("/assets/elements/icons/reality-converter-mac/reality-converter-macos-96x96_2x.png");
	}
}

.icon-metal-developer-tools-for-windows-mac {
	background-image: url("/assets/elements/icons/metal/metal-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-metal-developer-tools-for-windows-mac {
		background-image: url("/assets/elements/icons/metal/metal-96x96_2x.png");
	}
}

.icon-Apple-Remote-Desktop {
	background-image: url("/assets/elements/icons/remote-desktop/remote-desktop-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-Apple-Remote-Desktop {
		background-image: url("/assets/elements/icons/remote-desktop/remote-desktop-96x96_2x.png");
	}
}

.icon-Apple-Configurator-iPhone {
	background-image: url("/assets/elements/icons/configurator-ios/configurator-ios-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-Apple-Configurator-iPhone {
		background-image: url("/assets/elements/icons/configurator-ios/configurator-ios-96x96_2x.png");
	}
}

.icon-swiftplaygrounds-mac{
	background-image: url("/assets/elements/icons/swift-playgrounds-mac/swift-playgrounds-mac-96x96.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-swiftplaygrounds-mac {
		background-image: url("/assets/elements/icons/swift-playgrounds-mac/swift-playgrounds-mac-96x96_2x.png");
	}
}


.icon-swiftplaygrounds-ipad{
	background-image: url("/assets/elements/icons/swift-playgrounds/swift-playgrounds-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-swiftplaygrounds-ipad {
		background-image: url("/assets/elements/icons/swift-playgrounds/swift-playgrounds-96x96_2x.png");
	}
}


.icon-shortcuts {
	background-image: url("/assets/elements/icons/shortcuts-app/shortcuts-app-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-shortcuts {
		background-image: url("/assets/elements/icons/shortcuts-app/shortcuts-app-96x96_2x.png");
	}
}
.icon-schoolwork {
	background-image: url("/assets/elements/icons/schoolwork/schoolwork-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-schoolwork {
		background-image: url("/assets/elements/icons/schoolwork/schoolwork-96x96_2x.png");
	}
}
.icon-server {
	background-image: url("/assets/elements/icons/os-x-server-4/os-x-server-4-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-server {
		background-image: url("/assets/elements/icons/os-x-server-4/os-x-server-4-96x96_2x.png");
	}
}
.icon-configurator {
	background-image: url("/assets/elements/icons/configurator/configurator-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-configurator {
		background-image: url("/assets/elements/icons/configurator/configurator-96x96_2x.png");
	}
}
.icon-configurator-beta {
	background-image: url("/assets/elements/icons/configurator/configurator-beta-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-configurator-beta {
		background-image: url("/assets/elements/icons/configurator/configurator-beta-96x96_2x.png");
	}
}

.icon-classroom-mac {
	background-image: url("/download/images/icon-classroom-mac.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-classroom-mac {
		background-image: url("/download/images/icon-classroom-mac_2x.png");
	}
}
.icon-testflight {
	background-image: url("/assets/elements/icons/testflight/testflight-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-testflight {
		background-image: url("/assets/elements/icons/testflight/testflight-96x96_2x.png");
	}
}

.icon-reality-composer {
	background-image: url("/assets/elements/icons/download-crop/download-crop-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-reality-composer {
		background-image: url("/assets/elements/icons/download-crop/download-crop-96x96_2x.png");
	}
}

.icon-SF-Symbols {
	background-image: url("/assets/elements/icons/sf-symbols/sf-symbols-256X256.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-SF-Symbols {
		background-image: url("/assets/elements/icons/sf-symbols/sf-symbols-256X256_2x.png");
	}
}

.icon-SF-Symbols2 {
	background-image: url("/assets/elements/icons/sf-symbols-2/sf-symbols-2-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-SF-Symbols {
		background-image: url("/assets/elements/icons/sf-symbols-2/sf-symbols-2-128x128_2x.png");
	}
}

.icon-asc {
	background-image: url("/assets/elements/icons/asc-outline/asc-outline-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-asc {
		background-image: url("/assets/elements/icons/asc-outline/asc-outline-96x96_2x.png");
	}
}

.icon-os {
	margin: -3px auto 0;
	width: 100px;
	height: 84px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-macos-14 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/macos-14-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos-14 {
		background-image: url("/download/images/macos-14-128x128_2x.png");
	}
}

.icon-ipados-17 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/ipados-17-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-17 {
		background-image: url("/download/images/ipados-17-128x128_2x.png");
	}
}

.icon-ios-17 {
	width: 96px;
	height: 96px;
	background-image: url("/download/images/ios-17-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-17-device {
		background-image: url("/download/images/ios-17-128x128_2x.png");
	}
}

.icon-macos-13 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/macos-13-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos-13 {
		background-image: url("/download/images/macos-13-128x128_2x.png");
	}
}

.icon-ipados-16 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/ipados-16-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-16 {
		background-image: url("/download/images/ipados-16-128x128_2x.png");
	}
}

.icon-ios-16 {
	width: 96px;
	height: 96px;
	background-image: url("/download/images/ios-16-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-16-device {
		background-image: url("/download/images/ios-16-128x128_2x.png");
	}
}

.icon-macos-10-16 {
	background-image: url("/download/images/icon-mac-10-16.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos-10-16 {
		background-image: url("/download/images/icon-mac-10-16_2x.png");
	}
}

.icon-macos-10-15 {
	background-image: url("/download/images/icon-mac-10-15.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos-10-15 {
		background-image: url("/download/images/icon-mac-10-15_2x.png");
	}
}

.icon-macos {
	background-image: url("/download/images/icon-imac-pro.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos {
		background-image: url("/download/images/icon-imac-pro_2x.png");
	}
}

.icon-macos-12 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/macos-12-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos-12 {
		background-image: url("/download/images/macos-12-128x128_2x.png");
	}
}

.icon-macos-13 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/macos-13-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-macos-13 {
		background-image: url("/download/images/macos-13-128x128_2x.png");
	}
}

.icon-shareplay {
	width: 100px;
	height: 100px;
	background-image: url("/assets/elements/icons/shareplay/shareplay-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-shareplay {
		background-image: url("/assets/elements/icons/shareplay/shareplay-128x128_2x.png");
	}
}

.icon-ios {
	background-image: url("/download/images/icon-iphone-ipad-lockup.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios {
		background-image: url("/download/images/icon-iphone-ipad-lockup_2x.png");
	}
}

.icon-ios-13 {
	background-image: url("/download/images/icon-ios-13.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-13 {
		background-image: url("/download/images/icon-ios-13_2x.png");
	}
}

.icon-ios-14 {
	background-image: url("/download/images/icon-iphone-14.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-14 {
		background-image: url("/download/images/icon-iphone-14_2x.png");
	}
}

.icon-ios-15-device {
	width: 96px;
	height: 96px;
	background-image: url("/assets/elements/icons/ios-15/ios-15-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-15-device {
		background-image: url("/assets/elements/icons/ios-15/ios-15-96x96_2x.png");
	}
}

.icon-ios-16-device {
	width: 96px;
	height: 96px;
	background-image: url("/assets/elements/icons/ios-16/ios-16-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-16-device {
		background-image: url("/assets/elements/icons/ios-16/ios-15-96x96_2x.png");
	}
}

.icon-ios-12 {
	width: 100px;
	height: 100px;
	background-image: url("/news/releases/images/ios-12-thumbnail-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-12 {
		background-image: url("/news/releases/images/ios-12-thumbnail-128x128_2x.png");
	}
}

.icon-ios-15 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/ios-15-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ios-15 {
		background-image: url("/download/images/ios-15-128x128_2x.png");
	}
}

.icon-ipados-13 {
	background-image: url("/download/images/icon-ipad-13.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-13 {
		background-image: url("/download/images/icon-ipad-13_2x.png");
	}
}

.icon-ipados-14 {
	background-image: url("/download/images/icon-ipad-14.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-14 {
		background-image: url("/download/images/icon-ipad-14_2x.png");
	}
}

.icon-ipados-15 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/ipados-15-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-15 {
		background-image: url("/download/images/ipados-15-128x128_2x.png");
	}
}

.icon-ipados-16 {
	width: 100px;
	height: 100px;
	background-image: url("/download/images/ipados-16-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-16 {
		background-image: url("/download/images/ipados-16-128x128_2x.png");
	}
}

.icon-ipados-13 {
	background-image: url("/download/images/icon-ipad-13.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-ipados-13 {
		background-image: url("/download/images/icon-ipad-13_2x.png");
	}
}

.icon-watchos {
	background-image: url("/download/images/icon-apple-watch.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-watchos {
		background-image: url("/download/images/icon-apple-watch_2x.png");
	}
}

.icon-watchos-7 {
	background-image: url("/download/images/icon-watch-7.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-watchos-7 {
		background-image: url("/download/images/icon-watch-7_2x.png");
	}
}

.icon-watchos-8 {
	background-image: url("/download/images/icon-watch-7.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-watchos-8 {
		background-image: url("/download/images/icon-watch-7_2x.png");
	}
}

.icon-watchos-6 {
	background-image: url("/download/images/icon-watch-6.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-watchos-6 {
		background-image: url("/download/images/icon-watch-6_2x.png");
	}
}

.icon-tvos {
	width: 100px;
	height: 100px;
	background-image: url("/news/releases/images/tvos-thumbnail-128x128_2x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-tvos {
		background-image: url("/news/releases/images/tvos-thumbnail-128x128_2x.png");
	}
}

@media only screen and (max-width: 735px) {
	.icon-app,
	.icon-os {
		margin: 0 0;
	}
	.icon-macos {
		margin-left: -10px;
	}
	.icon-ios {
		margin-left: -4px;
	}
	.icon-ios-15-device {
		margin-left: -4px;
	}
	.icon-ios-14 {
		margin-left: -30px;
	}
	.icon-ipados-14 {
		margin-left: -8px;
	}
	.icon-watchos {
		margin-left: -36px;
	}
	.icon-watchos-7 {
		margin-left: -28px;
	}
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero {
	padding-bottom: 0;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}
#main section .section-content .row > .column.divider-mid {
	margin-top: 2em;
	margin-left: 7.9em;
	border-top: 1px solid #ccc;
	padding-top: 2em;
}
#main section.section-downloads .section-content .row .column:nth-of-type(2) {
	padding-left: 4em;
}
#main section.section-downloads .section-content .row .column:nth-of-type(3) {
	padding-left: 1.5em;
}
.ribbon-content {
	width: 710px;
}
@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;
	}
	#main section.section-downloads .section-content .row .column:nth-of-type(2) {
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	#main section.section-downloads .section-content .row .column:nth-of-type(3) {
		padding-left: 0;
		margin-left: -8px;
	}
	.ribbon-content {
		width: 692px;
	}
}

@media only screen and (max-width: 735px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section.section-hero {
		padding-bottom: 0;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
	#main section.section-downloads .section-content .row .column:nth-of-type(1):not(.divider-mid) {
		padding-bottom: 0;
	}
	#main section .section-content .row > .column.divider-mid {
		margin: 1.5em 0 0 0;
		padding-top: 1.5em;
	}
	#main section.section-downloads .section-content .row .column:nth-of-type(2),
	#main section.section-downloads .section-content .row .column:nth-of-type(3) {
		padding-left: 0;
		margin-left: 0;
	}
	.divider-bottom {
		padding-bottom: 1em;
	}
	.ribbon-content {
		width: 87.5%;
	}
}

/* Hide download buttons from mobile */
body[data-browser-os="ios"] a.direct-download:not([data-download-type="mobileconfig"]),
body[data-browser-os="ios"] a.button.direct-download:not([data-download-type="mobileconfig"]),
body[data-browser-os="ios"] a.button[data-promo-id] {
	opacity: 0.35;
	pointer-events: none;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transform: translateZ(0);
}

/* === DARK MODE === */
body[data-color-scheme="dark"] aside ul.footnote {
	border-color: var(--fill-gray-tertiary);
}
body[data-color-scheme="dark"] .icon-nav {
	filter: invert(1);
}
body[data-color-scheme="dark"] ul.tabnav-items li.tabnav-item {
	border-color: var(--fill-gray-tertiary);
}
body[data-color-scheme="dark"] li.tabnav-item a {
	color: #ddd;
}
body[data-color-scheme="dark"] li.tabnav-item a.active {
	color: #fff;
}
body[data-color-scheme="dark"] li.tabnav-item a:hover {
	color: #fff;
}
body[data-color-scheme="dark"] li.tabnav-item a.active:after {
	border-color: #fff;
}