/*------------------------------------*\
   GENERIC CSS
\*------------------------------------*/

.main {
  --chapternav-height: 132px
}


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


/* SCREENS */
/* LOCAL FIXES */



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

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


/* SCREENS */
/* LOCAL FIXES */

.tile .tile-content .tile-gradient-card-container {
	inset: auto;
	background: none;
	position: relative;
}

/*------------------------------------*\
   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;
}


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

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


/* SCREENS */
/* LOCAL FIXES */


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


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


/* SCREENS */
/* LOCAL FIXES */

.tile-overlay-copy .feature-availability {
    margin-top: 32px;
    color: #6e6e73
}
@media(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
}

.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
\*------------------------------------*/