/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/






/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/ 




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

@media (max-width: 734px) {
    #overview-highlights-highlights-heart-rate-1{
        padding-top: 30px;
    }
}

.section-battery .stats .stat {
    --sk-stat-caption-lines-bottom: 3;
}

@media only screen and (max-width: 1068px) {
	.section-battery .stats .stat {
    	--sk-stat-caption-lines-bottom: 5;
	}
}

@media only screen and (max-width: 734px) {
	.section-battery .stats .stat {
    	--sk-stat-caption-lines-bottom: 3;
	}
}

#overview-hearing-health-hearing-health-hearing-protection-1 {
	visibility: visible;
}

#overview-hearing-health-hearing-health-hearing-protection-1 {
	visibility: visible;
}

.typography-marquee-headline-base {
    font-size: 48px;
}

@media (max-width: 1068px) {
    .typography-marquee-headline-base {
        font-size: 48px;
    }
}

@media (max-width: 734px) {
    .typography-marquee-headline-base {
        font-size: 32px;
    }
}


.section-welcome .viewport-content {
    column-gap: 25px;
}



@media (max-width:1068px) {
    .media-gallery-item-hearing-aid .media-block {
        margin-top: 20px;
    }
}
@media (max-width:734px) {
    .media-gallery-item-hearing-aid .media-block {
        margin-top: 0;
    }
}


.section-magical .magical-experience-siri .media-block {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 25px;
    padding: 32px;
    background-image: none
}

@media (max-width: 480px) {
    .section-magical .magical-experience-siri .media-block {
        border-radius: 0;
        background-image: none
    }
}

.section-magical .magical-experience-siri .media-block::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    inset: 38px;
    box-shadow: 0 0 32px 40px #fff;
    background: #fff
}

.section-magical .magical-experience-siri .media-block p {
    position: relative;
    text-align: center;
    max-width: 615px
}

@media (max-width: 1068px) {
    .section-magical .magical-experience-siri .media-block p {
        max-width: 480px
    }
}

@media (max-width: 734px) {
    .section-magical .magical-experience-siri .media-block p {
        max-width: 300px
    }
}

html.text-zoom .section-magical .magical-experience-siri .media-block p {
    max-width: 1000px
}

@media (max-width: 734px) {
    .section-magical .magical-experience-siri .media-block p span.mobile-headline-gradient {
        display: block
    }
}

.section-magical .magical-experience-siri .media-block p .headline-gradient {
    --progress-color-one-default: 0;
    --progress-color-two-default: 40;
    --progress-color-three-default: 67;
    --progress-color-four-default: 100;
    --progress-color-one: var(--progress-color-one-default);
    --progress-color-two: var(--progress-color-two-default);
    --progress-color-three: var(--progress-color-three-default);
    --progress-color-four: var(--progress-color-four-default);
    background-image: linear-gradient(60deg, #0894ff calc(var(--progress-color-one) * 1%), #c959dd calc(var(--progress-color-two) * 1%), #ff2e54 calc(var(--progress-color-three) * 1%), #ff9003 calc(var(--progress-color-four) * 1%));
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    margin-top: 8px
}

.section-magical .magical-experience-siri.current .media-block {
    background-image: conic-gradient(from 45deg, #bb64ff, #f28, #ff8b00 28%, #f2416b, #e750de 60%, #0096ff, #bb64ff)
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/