/*------------------------------------*\
   START RIBBON CSS
\*------------------------------------*/
/* LOCAL FIXES */
.main {
  --chapternav-height: 132px;
}


/*------------------------------------*\
  END RIBBON CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS PRO  2ND GEN CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */



/*------------------------------------*\
  END AIRPODS PRO  2ND GEN CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS 3RD GEN CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END AIRPODS 3RD GEN CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS 2ND GEN CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END AIRPODS 2ND GEN CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS MAX CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END AIRPODS MAX CSS
\*------------------------------------*/

/*------------------------------------*\
   CONNECTION CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
.tile-content {
	grid-template-rows: auto 86px;
}
@media only screen and (max-width: 1068px) {
	.tile-content {
		grid-template-rows: auto 83px;
	}
}
@media only screen and (max-width: 734px) {
	.tile-content {
		grid-template-rows: auto 63px;
	}
}


.tile.tile-siri .tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content {
   overflow: scroll;
}
.tile.tile-siri .tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content::-webkit-scrollbar {
      width: 8px;
}
.tile.tile-siri .tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content::-webkit-scrollbar-thumb {
      background-color: #7D7D7D;
      border-radius: 20px;
}

@media only screen and (max-width: 734px) {
	.tile.tile-magical-experience .tile-content .tile-card-image-container.image-center-center {
		top: 53%;
	}
}

/*------------------------------------*\
   END CONNECTION CSS
\*------------------------------------*/

/*------------------------------------*\
   COMPARE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END COMPARE CSS
\*------------------------------------*/


/*------------------------------------*\
   CONSIDER CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

.tile .tile-content .tile-gradient-card-container {
    inset: 29px;
}
@media only screen and (max-width: 734px) {
	.tile .tile-content .tile-gradient-card-container {
		inset: 25px;
	}
}

.tile-overlay-copy .feature-availability {
    margin-top: 32px;
    color: #6e6e73;
}

@media only screen and (max-width: 1068px) {
    .tile-overlay-copy .feature-availability {
        margin-top: 20px;
    }
}

.tile-overlay-copy .feature-availability > span {
    display: inline-block;
}

.tile-overlay-copy .feature-availability a {
    color: inherit;
}

.typography-overlay-subcopy {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: -0.014em;
    font-family:SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width: 734px) {
    .typography-overlay-subcopy {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 600;
        letter-spacing: -0.016em;
        font-family:SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

/*------------------------------------*\
   END CONSIDER CSS
\*------------------------------------*/