@media (prefers-reduced-motion:no-preference){html.vs-passaggio .vs-area .vs-capello-eroe__anello,html.vs-passaggio .vs-area .vs-casa-cuore__anello,html.vs-passaggio .vs-area .vs-sk-eroe__anello{view-transition-name:vs-capello-anello}html.vs-passaggio .vs-area .vs-capello-eroe__stato,html.vs-passaggio .vs-area .vs-casa-cuore:not(.vs-casa-cuore--benvenuta) .vs-casa-cuore__stato,html.vs-passaggio .vs-area .vs-sk-eroe__stato{view-transition-name:vs-capello-stato}html.vs-passaggio .vs-area .vs-casa-cuore:not(.vs-casa-cuore--benvenuta) .vs-casa-cuore__stato{align-self:flex-start}}html.vs-passaggio::view-transition-group(*){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html.vs-passaggio::view-transition-old(vs-capello-anello){animation-name:vs-passaggio-resta}html.vs-passaggio::view-transition-new(vs-capello-anello){animation-name:vs-passaggio-arriva}@keyframes vs-passaggio-resta{0%,60%{opacity:1}to{opacity:0}}@keyframes vs-passaggio-arriva{0%,60%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){html.vs-spinta::view-transition-old(root){animation:vs-spinta-via .28s cubic-bezier(.32,.72,0,1) both}html.vs-spinta::view-transition-new(root){animation:vs-spinta-arriva .28s cubic-bezier(.32,.72,0,1) both}html.vs-spinta-indietro::view-transition-old(root){animation:vs-spinta-torna-via .28s cubic-bezier(.32,.72,0,1) both}html.vs-spinta-indietro::view-transition-new(root){animation:vs-spinta-torna .28s cubic-bezier(.32,.72,0,1) both}}@keyframes vs-spinta-via{to{transform:translateX(-6%);opacity:.4}}@keyframes vs-spinta-arriva{0%{transform:translateX(12%);opacity:0}}@keyframes vs-spinta-torna-via{to{transform:translateX(12%);opacity:0}}@keyframes vs-spinta-torna{0%{transform:translateX(-6%);opacity:.4}}