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






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




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





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