/* General helpers */
body {
	--section-color-primary: #ffffff;
	--section-color-secondary: #f5f5f7;
}

/* Products tabnav */

.select-gallery-container .tabnav .tabnav-button {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.select-gallery-container .tabnav .tabnav-button .chapternav-icon.button-icon {
	pointer-events: none;
	background-position-y: center;
}

.select-gallery-container .tabnav {
	margin-bottom: 60px;
	margin-top: 60px;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.select-gallery-container .tabnav {
		margin-top: 35px;
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container .tabnav {
		margin-bottom: 40px;
		margin-top: 0px;
	}
}

.select-gallery-container .tabnav-container {
	display: flex;
	justify-content: center;
	background-color: var(--section-color-primary);
}

.select-gallery-container .tabnav {
	margin-left: 0px;
}

.select-gallery-container .tabnav .tabnav-paddle-right {
	background: linear-gradient(
		270deg,
		var(--section-color-secondary) 70%,
		transparent
	);
}
.select-gallery-container .tabnav .tabnav-paddle-left {
	background: linear-gradient(
		90deg,
		var(--section-color-secondary) 70%,
		transparent
	);
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.select-gallery-container .tabnav .tabnav-items {
		border-radius: 32px;
		max-width: 87.5vw;
	}
}

/* tabnav button */
.select-gallery-container .tabnav .tabnav-button .chapternav-icon.button-icon {
	width: 65px;
	height: 74px;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.select-gallery-container
		.tabnav
		.tabnav-button
		.chapternav-icon.button-icon {
		height: 68px;
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button
		.chapternav-icon.button-icon {
		height: 54px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.select-gallery-container .tabnav .tabnav-button {
		line-height: 1.176;
	}
}

/* TV button */

.select-gallery-container
	.toggle-gallery-wrapper
	li
	.tabnav-button[data-product-toggle="TV"] {
	padding: 10px 24px;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.select-gallery-container
		.toggle-gallery-wrapper
		li
		.tabnav-button[data-product-toggle="TV"] {
		padding: 8px 15px 10px;
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.toggle-gallery-wrapper
		li
		.tabnav-button[data-product-toggle="TV"] {
		padding: 6px 14px 6px;
	}
}

/* Mac button */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="Mac"]:not(.active)
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconmac__gln9y3rkfzyy_large.png);
	background-size: 64px 36px;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Mac"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconmac__gln9y3rkfzyy_large_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Mac"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconmac__gln9y3rkfzyy_small.png);
		background-size: 58px 33px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Mac"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconmac__gln9y3rkfzyy_small_2x.png);
	}
}

/* Mac button active */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="Mac"].active
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconmac_white__gln9y3rkfzyy_large.png);
	background-size: 64px 36px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Mac"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconmac_white__gln9y3rkfzyy_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Mac"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconmac_white__gln9y3rkfzyy_small.png);
		background-size: 58px 33px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Mac"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconmac_white__gln9y3rkfzyy_small_2x.png);
	}
}

/* iPad button */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="iPad"]:not(.active)
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconpad__equ5us7cr1si_large_2x.png);
	background-size: 38px 51px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPad"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconpad__equ5us7cr1si_large_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPad"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconpad__equ5us7cr1si_small.png);
		background-size: 32px 44px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPad"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconpad__equ5us7cr1si_small_2x.png);
	}
}

/* iPad button active */

.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="iPad"].active
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconpad_white__equ5us7cr1si_large.png);
	background-size: 38px 51px;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPad"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconpad_white__equ5us7cr1si_large_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPad"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconpad_white__equ5us7cr1si_small.png);
		background-size: 32px 44px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPad"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconpad_white__equ5us7cr1si_small_2x.png);
	}
}

/* iPhone button */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="iPhone"]:not(.active)
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconphone__cg0u4uav1eaa_large.png);
	background-size: 28px 47px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPhone"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconphone__cg0u4uav1eaa_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPhone"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconphone__cg0u4uav1eaa_small.png);
		background-size: 25px 42px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPhone"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconphone__cg0u4uav1eaa_small_2x.png);
	}
}

/* iPhone button active */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="iPhone"].active
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconphone_white__cg0u4uav1eaa_large.png);
	background-size: 28px 47px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPhone"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconphone_white__cg0u4uav1eaa_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPhone"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconphone_white__cg0u4uav1eaa_small.png);
		background-size: 25px 42px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="iPhone"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconphone_white__cg0u4uav1eaa_small_2x.png);
	}
}

/* watch button */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="Watch"]:not(.active)
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconwatch__btscyx7j2she_large.png);
	background-size: 31px 46px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Watch"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconwatch__btscyx7j2she_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Watch"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconwatch__btscyx7j2she_small.png);
		background-size: 28px 42px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Watch"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconwatch__btscyx7j2she_small_2x.png);
	}
}

/* watch button active */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="Watch"].active
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconwatch_white__btscyx7j2she_large.png);
	background-size: 31px 46px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Watch"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconwatch_white__btscyx7j2she_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Watch"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconwatch_white__btscyx7j2she_small.png);
		background-size: 28px 42px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="Watch"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconwatch_white__btscyx7j2she_small_2x.png);
	}
}

/* AirPods button */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="AirPods"]:not(.active)
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconairpods__druucp3mbnue_large.png);
	background-size: 60px 40px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="AirPods"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconairpods__druucp3mbnue_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="AirPods"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconairpods__druucp3mbnue_small.png);
		background-size: 54px 36px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="AirPods"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconairpods__druucp3mbnue_small_2x.png);
	}
}

/* AirPods button active */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="AirPods"].active
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/menu_iconairpods_white__druucp3mbnue_large.png);
	background-size: 60px 40px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="AirPods"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconairpods_white__druucp3mbnue_large_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="AirPods"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconairpods_white__druucp3mbnue_small.png);
		background-size: 54px 36px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="AirPods"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/menu_iconairpods_white__druucp3mbnue_small_2x.png);
	}
}

/* TV button */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="TV"]:not(.active)
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/logo_appletv__lff141hnzhei_large.png);
	background-size: 36px 36px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="TV"]:not(.active)
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/logo_appletv__lff141hnzhei_large_2x.png);
	}
}

/* TV button active */
.select-gallery-container
	.tabnav
	.tabnav-button[data-product-toggle="TV"].active
	.chapternav-icon.button-icon {
	background-image: url(/co/buy/images/chapternav/logo_appletv_white__lff141hnzhei_large.png);
	background-size: 36px 36px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.select-gallery-container
		.tabnav
		.tabnav-button[data-product-toggle="TV"].active
		.chapternav-icon.button-icon {
		background-image: url(/co/buy/images/chapternav/logo_appletv_white__lff141hnzhei_large_2x.png);
	}
}

/* Gallery */

/* Gallery container */

.section-select {
	background-color: var(--section-color-secondary);
}
.select-gallery-container .galleries-container {
	background-color: var(--section-color-secondary);
}

.select-gallery-container .galleries-container .gallery {
	padding-top: 120px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.select-gallery-container .galleries-container .gallery {
		padding-top: 135px;
	}
}

@media only screen and (max-width: 734px) {
	.select-gallery-container .galleries-container .gallery {
		padding-top: 100px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-select {
		padding-top: 0px;
		padding-bottom: 120px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-select {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-select {
		padding-top: 0px;
		padding-bottom: 96px;
	}
}

/* gallery container opacity */

.section-select:not(.staggered-start, .staggered-end)
	.select-gallery-container
	.tabnav,
.section-select:not(.staggered-start, .staggered-end)
	.select-gallery-container
	.gallery {
	opacity: 0;
}

.section-select:not(.staggered-start, .staggered-end),
.section-select:not(.staggered-start, .staggered-end) {
	background-color: var(--section-color-primary);
}

/* gallery paddlenav */

.select-gallery-container .paddlenav .scrim {
	background: linear-gradient(
		0deg,
		var(--section-color-secondary),
		var(--section-color-secondary) 50%,
		transparent
	);
}

/* Mac Gallery tile header */
@media only screen and (min-width: 1069px) {
	.section-select #product-gallery-1 .product-tile-header {
		--image-link-row: minmax(
			calc(310px + var(--image-link-margin)),
			max-content
		);
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-select #product-gallery-1 .product-tile-header {
		--image-link-row: minmax(
			calc(286px + var(--image-link-margin)),
			max-content
		);
	}
}

@media only screen and (max-width: 480px) {
	.section-select #product-gallery-1 .product-tile {
		--product-tile-width: 280px;
	}
}

/* iPhone gallery tile header */

.section-select #product-gallery-3 .product-tile-header {
	--image-link-row: minmax(
		calc(234px + var(--image-link-margin)),
		max-content
	);
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-select #product-gallery-3 .product-tile-header {
		--image-link-row: minmax(
			calc(215px + var(--image-link-margin)),
			max-content
		);
	}
}
@media only screen and (max-width: 734px) {
	.section-select #product-gallery-3 .product-tile-header {
		--image-link-row: minmax(
			calc(180px + var(--image-link-margin)),
			max-content
		);
	}
}
/* AirPods gallery tile header */

.section-select #product-gallery-5 .product-tile-header {
	--image-link-row: minmax(
		calc(242px + var(--image-link-margin)),
		max-content
	);
}

/* Gallery badge */

.section-select .badge {
	color: rgb(182, 68, 0);
	border: none;
	text-transform: none;
}
@media only screen and (max-width: 734px) {
	.section-select .badge {
		justify-self: left;
		padding-left: 0px;
	}
}

/* Gallery HL */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-select .section-header .section-header-headline {
		max-width: 85%;
	}
}

/* mac color swatches */
[data-products-gallery="mac"] .finish-dual-tone-green {
	background: linear-gradient(
		90deg,
		var(--finish-mac-green) 50%,
		var(--finish-mac-green-light) 0
	);
}
[data-products-gallery="mac"] .finish-dual-tone-yellow {
	background: linear-gradient(
		90deg,
		var(--finish-mac-yellow) 50%,
		var(--finish-mac-yellow-light) 0
	);
}
[data-products-gallery="mac"] .finish-dual-tone-orange {
	background: linear-gradient(
		90deg,
		var(--finish-mac-orange) 50%,
		var(--finish-mac-orange-light) 0
	);
}
[data-products-gallery="mac"] .finish-dual-tone-pink {
	background: linear-gradient(
		90deg,
		var(--finish-mac-pink) 50%,
		var(--finish-mac-pink-light) 0
	);
}
[data-products-gallery="mac"] .finish-dual-tone-purple {
	background: linear-gradient(
		90deg,
		var(--finish-mac-purple) 50%,
		var(--finish-mac-purple-light) 0
	);
}
[data-products-gallery="mac"] .finish-dual-tone-imac-silver {
	background: linear-gradient(
		90deg,
		var(--finish-mac-imac-silver) 50%,
		var(--finish-mac-imac-silver-light) 0
	);
}
[data-products-gallery="mac"] .finish-dual-tone-blue {
	background: linear-gradient(
		90deg,
		var(--finish-mac-blue) 50%,
		var(--finish-mac-blue-light) 0
	);
}
[data-products-gallery="mac"] .finish-midnight {
	background-color: var(--finish-mac-midnight);
}
[data-products-gallery="mac"] .finish-silver {
	background-color: var(--finish-mac-silver);
}
[data-products-gallery="mac"] .finish-sky-blue {
	background-color: var(--finish-mac-sky-blue);
}
[data-products-gallery="mac"] .finish-space-gray {
	background-color: var(--finish-mac-space-gray);
}
[data-products-gallery="mac"] .finish-starlight {
	background-color: var(--finish-mac-starlight);
}
[data-products-gallery="mac"] .finish-space-black {
	background-color: var(--finish-mac-space-black);
}
[data-products-gallery="mac"] .finish-rose-gold {
	background-color: var(--finish-mac-rose-gold);
}
[data-products-gallery="mac"] .finish-green {
	background-color: var(--finish-mac-green);
}
[data-products-gallery="mac"] .finish-green-light {
	background-color: var(--finish-mac-green-light);
}
[data-products-gallery="mac"] .finish-yellow {
	background-color: var(--finish-mac-yellow);
}
[data-products-gallery="mac"] .finish-yellow-light {
	background-color: var(--finish-mac-yellow-light);
}
[data-products-gallery="mac"] .finish-orange {
	background-color: var(--finish-mac-orange);
}
[data-products-gallery="mac"] .finish-orange-light {
	background-color: var(--finish-mac-orange-light);
}
[data-products-gallery="mac"] .finish-pink {
	background-color: var(--finish-mac-pink);
}
[data-products-gallery="mac"] .finish-pink-light {
	background-color: var(--finish-mac-pink-light);
}
[data-products-gallery="mac"] .finish-purple {
	background-color: var(--finish-mac-purple);
}
[data-products-gallery="mac"] .finish-purple-light {
	background-color: var(--finish-mac-purple-light);
}
[data-products-gallery="mac"] .finish-blue {
	background-color: var(--finish-mac-blue);
}
[data-products-gallery="mac"] .finish-blue-light {
	background-color: var(--finish-mac-blue-light);
}
[data-products-gallery="mac"] .finish-imac-silver {
	background-color: var(--finish-mac-imac-silver);
}
[data-products-gallery="mac"] .finish-imac-silver-light {
	background-color: var(--finish-mac-imac-silver-light);
}
:root {
	--finish-mac-midnight: #2e3642;
	--finish-mac-silver: #e3e4e5;
	--finish-mac-sky-blue: #c8d8e0;
	--finish-mac-space-gray: #7d7e80;
	--finish-mac-starlight: #f0e4d3;
	--finish-mac-space-black: #2e2c2e;
	--finish-mac-rose-gold: #f9d4c2;
	--finish-mac-green: #10505b;
	--finish-mac-green-light: #a4beb2;
	--finish-mac-yellow: #d48207;
	--finish-mac-yellow-light: #eaca96;
	--finish-mac-orange: #e36942;
	--finish-mac-orange-light: #e9aa95;
	--finish-mac-pink: #b72c31;
	--finish-mac-pink-light: #eeb8b0;
	--finish-mac-purple: #353a71;
	--finish-mac-purple-light: #abacca;
	--finish-mac-blue: #25476d;
	--finish-mac-blue-light: #a8bed2;
	--finish-mac-imac-silver: #c7c8ca;
	--finish-mac-imac-silver-light: #d9dadb;
}

/* ipad color swatches */

[data-products-gallery="ipad"] .finish-pink {
	background-color: var(--finish-ipad-pink);
}
[data-products-gallery="ipad"] .finish-yellow {
	background-color: var(--finish-ipad-yellow);
}
[data-products-gallery="ipad"] .finish-magenta {
	background-color: var(--finish-ipad-magenta);
}
[data-products-gallery="ipad"] .finish-starlight {
	background-color: var(--finish-ipad-starlight);
}
[data-products-gallery="ipad"] .finish-silver {
	background-color: var(--finish-ipad-silver);
}
[data-products-gallery="ipad"] .finish-space-gray {
	background-color: var(--finish-ipad-space-gray);
}
[data-products-gallery="ipad"] .finish-space-black {
	background-color: var(--finish-ipad-space-black);
}
[data-products-gallery="ipad"] .finish-blue {
	background-color: var(--finish-ipad-blue);
}
[data-products-gallery="ipad"] .finish-purple {
	background-color: var(--finish-ipad-purple);
}
[data-products-gallery="ipad"] .finish-ipad-10-9-blue {
	background-color: var(--finish-ipad-10-9-blue);
}
[data-products-gallery="ipad"] .finish-ipad-mini-purple {
	background-color: var(--finish-ipad-mini-purple);
}
[data-products-gallery="ipad"] .finish-ipad-mini-starlight {
	background-color: var(--finish-ipad-mini-starlight);
}
:root {
	--finish-ipad-pink: #e8d1cf;
	--finish-ipad-yellow: #f0d95b;
	--finish-ipad-magenta: #de6274;
	--finish-ipad-starlight: #e5e0d8;
	--finish-ipad-silver: #e3e4e5;
	--finish-ipad-space-gray: #6b696e;
	--finish-ipad-space-black: #2e2c2e;
	--finish-ipad-blue: #d7e5e6;
	--finish-ipad-purple: #e3dee9;
	--finish-ipad-10-9-blue: #6480a3;
	--finish-ipad-mini-purple: #b9b8d1;
	--finish-ipad-mini-starlight: #e3dcd1;
}

/* watch color swatches */
[data-products-gallery="watch"] .finish-series-jet-black {
	background-color: var(--finish-series-jet-black);
}
[data-products-gallery="watch"] .finish-series-rose-gold {
	background-color: var(--finish-series-rose-gold);
}
[data-products-gallery="watch"] .finish-series-silver {
	background-color: var(--finish-series-silver);
}
[data-products-gallery="watch"] .finish-series-slate {
	background-color: var(--finish-series-slate);
}
[data-products-gallery="watch"] .finish-series-gold {
	background-color: var(--finish-series-gold);
}
[data-products-gallery="watch"] .finish-series-natural {
	background-color: var(--finish-series-natural);
}
[data-products-gallery="watch"] .finish-se-midnight {
	background-color: var(--finish-se-midnight);
}
[data-products-gallery="watch"] .finish-se-starlight {
	background-color: var(--finish-se-starlight);
}
[data-products-gallery="watch"] .finish-se-silver {
	background-color: var(--finish-se-silver);
}
[data-products-gallery="watch"] .finish-ultra-black {
	background-color: var(--finish-ultra-black);
}
[data-products-gallery="watch"] .finish-ultra-natural {
	background-color: var(--finish-ultra-natural);
}

:root {
	--finish-series-jet-black: #102030;
	--finish-series-rose-gold: #f6d9cd;
	--finish-series-silver: #f0eff1;
	--finish-series-slate: #47423d;
	--finish-series-gold: #f4dec8;
	--finish-series-natural: #e3ddd7;
	--finish-se-midnight: #1a2530;
	--finish-se-starlight: #d3d6d1;
	--finish-se-silver: #ccc4bc;
	--finish-ultra-black: #0f0e0e;
	--finish-ultra-natural: #ccc4bc;
	--finish-iphone-16-pro-white-titanium: #f7f6f2;
}

/* Avail Callout */

.callout.avail-message {
	font-size: 14px;
	color: #6e6e73;
	padding: 0;
}

@media only screen and (max-width: 734px) {
	.callout.avail-message {
		font-size: 12px;
		padding-inline-start: 0;
	}
}

@media only screen and (max-width: 480px) {
	.callout.avail-message {
		max-width: 180px;
	}
}