[data-guida-attesa]{visibility:hidden}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){@view-transition{navigation:auto}[data-passaggio=menu]{view-transition-name:sito-menu}[data-passaggio=telefono]{view-transition-name:esempio-telefono}[data-passaggio=testo]{view-transition-name:esempio-testo}html:has([data-passaggio=testo]) [data-passaggio=piede]{view-transition-name:sito-piede}::view-transition-group(*){animation-duration:var(--transizione-durata);animation-timing-function:var(--transizione-curva)}::view-transition-old(sito-menu){opacity:0;animation:none}::view-transition-new(sito-menu){animation:none}::view-transition-old(esempio-telefono){opacity:0;animation:none}::view-transition-new(esempio-telefono){animation:none}html:has([data-passaggio=testo])::view-transition-old(root){animation:esempio-home-via var(--transizione-durata) var(--transizione-curva) both}html:has([data-passaggio=testo])::view-transition-new(root){animation:none}::view-transition-new(sito-piede){animation:esempio-compare var(--transizione-durata) var(--transizione-curva) both}html:has([data-passaggio=testo])::view-transition-new(esempio-testo){animation:esempio-compare var(--durata-150) var(--transizione-curva) var(--transizione-durata) both}html:active-view-transition-type(da-sotto):not(:has([data-passaggio=testo])){view-transition-name:esempio-home}::view-transition-group(esempio-home){z-index:1}::view-transition-old(esempio-home){animation:esempio-home-via var(--transizione-durata) var(--transizione-curva) both}html:active-view-transition-type(da-sotto):not(:has([data-passaggio=testo])) :is([data-passaggio=telefono],[data-passaggio=menu]){view-transition-name:none}html:active-view-transition-type(da-sotto):has([data-passaggio=testo]) [data-passaggio=telefono]{view-transition-name:esempio-telefono-via}::view-transition-new(esempio-telefono):only-child{animation:esempio-compare var(--transizione-durata) var(--transizione-curva) both}::view-transition-old(esempio-telefono-via){animation:esempio-scompare var(--transizione-durata) var(--transizione-curva) both}::view-transition-old(esempio-testo){opacity:0;animation:none}html:not(:has([data-passaggio=testo])):not([data-transizione])::view-transition-new(root){animation:esempio-home-torna var(--transizione-durata) var(--transizione-curva) both}html:not(:has([data-passaggio=testo])):not([data-transizione])::view-transition-old(root){opacity:0;animation:none}::view-transition-old(sito-piede){animation:esempio-scompare var(--transizione-durata) var(--transizione-curva) both}}@keyframes esempio-home-via{to{opacity:0;transform:translate(-25%)}}@keyframes esempio-home-torna{0%{opacity:0;transform:translate(-25%)}}@keyframes esempio-compare{0%{opacity:0}}@keyframes esempio-scompare{to{opacity:0}}