/*! Fiesta 1.2.0 | MPL-2.0 | https://fiesta.rastrillo.org */ @media (max-width: 799.98px) and (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } ::view-transition-group(root) { animation-duration: 0.32s; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); } html:active-view-transition-type(forward)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-start; } html:active-view-transition-type(forward)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-end; } html:active-view-transition-type(back)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-end; z-index: 1; } html:active-view-transition-type(back)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-start; } html[dir="rtl"]:active-view-transition-type(forward)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-start-rtl; } html[dir="rtl"]:active-view-transition-type(forward)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-end-rtl; } html[dir="rtl"]:active-view-transition-type(back)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-end-rtl; z-index: 1; } html[dir="rtl"]:active-view-transition-type(back)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-start-rtl; } .rst-shell-console > .rst-shell__bar, [rst-shell-console] > [rst-shell-bar] { view-transition-name: rst-shell-bar; } } @keyframes rst-shell-in-end { from { transform: translateX(100%); } } @keyframes rst-shell-out-start { to { opacity: 0.7; transform: translateX(-25%); } } @keyframes rst-shell-in-start { from { opacity: 0.7; transform: translateX(-25%); } } @keyframes rst-shell-out-end { to { transform: translateX(100%); } } @keyframes rst-shell-in-end-rtl { from { transform: translateX(-100%); } } @keyframes rst-shell-out-start-rtl { to { opacity: 0.7; transform: translateX(25%); } } @keyframes rst-shell-in-start-rtl { from { opacity: 0.7; transform: translateX(25%); } } @keyframes rst-shell-out-end-rtl { to { transform: translateX(-100%); } } @media (prefers-reduced-motion: reduce) { html:active-view-transition-type(forward)::view-transition-old(root) { animation: none; } html:active-view-transition-type(forward)::view-transition-new(root) { animation: none; } html:active-view-transition-type(back)::view-transition-old(root) { animation: none; } html:active-view-transition-type(back)::view-transition-new(root) { animation: none; } html[dir="rtl"]:active-view-transition-type(forward)::view-transition-old(root) { animation: none; } html[dir="rtl"]:active-view-transition-type(forward)::view-transition-new(root) { animation: none; } html[dir="rtl"]:active-view-transition-type(back)::view-transition-old(root) { animation: none; } html[dir="rtl"]:active-view-transition-type(back)::view-transition-new(root) { animation: none; } }