/* 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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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(/kw/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: 100%;
  }
}

/* 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-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);
}
[data-products-gallery="mac"] .finish-sky-blue {
  background-color: var(--finish-mac-sky-blue);
}
:root {
  --finish-mac-midnight: #2e3642;
  --finish-mac-silver: #e3e4e5;
  --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;
    --finish-mac-sky-blue: #c8d8e0;
}

/* 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-aluminum-graphite {
  background-color: var(--finish-aluminum-graphite);
}
[data-products-gallery="watch"] .finish-aluminum-midnight {
  background-color: var(--finish-aluminum-midnight);
}
[data-products-gallery="watch"] .finish-aluminum-pink {
  background-color: var(--finish-aluminum-pink);
}
[data-products-gallery="watch"] .finish-aluminum-red {
  background-color: var(--finish-aluminum-red);
}
[data-products-gallery="watch"] .finish-aluminum-silver {
  background-color: var(--finish-aluminum-silver);
}
[data-products-gallery="watch"] .finish-aluminum-starlight {
  background-color: var(--finish-aluminum-starlight);
}
[data-products-gallery="watch"] .finish-stainless-gold {
  background-color: var(--finish-stainless-gold);
}
[data-products-gallery="watch"] .finish-stainless-silver {
  background-color: var(--finish-stainless-silver);
}
[data-products-gallery="watch"] .finish-titanium-silver {
  background-color: var(--finish-titanium-silver);
}
:root {
  --finish-aluminum-graphite: #3e3a36;
  --finish-aluminum-midnight: #1a2530;
  --finish-aluminum-pink: #fadcde;
  --finish-aluminum-red: #d61139;
  --finish-aluminum-silver: #e0e0e0;
  --finish-aluminum-starlight: #ded6d1;
  --finish-stainless-gold: #d4bda1;
  --finish-stainless-silver: #e6e6e7;
  --finish-titanium-silver: #ccc4bc;
}
#product-gallery-4 .product-tile .product-tile-headline-group,
#product-gallery-5 .product-tile .product-tile-headline-group {
  display: block;
}

.product-tile-headline-group .product-tile-subheading {
  position: relative;
  font-size: 14px;
  top: 0;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 735px) {
  #product-gallery-4 .product-tile-badge,
  #product-gallery-5 .product-tile-badge {
    display: inline-block;
    text-align: right;
  }
}