body{display:flex;flex-direction:column;min-height:100vh}html{scroll-behavior:smooth}::view-transition-new(slider-dates),::view-transition-old(slider-dates){animation-duration:.8s;animation-timing-function:ease-in-out}.view-slide-left::view-transition-old(slider-dates){animation-name:slide-out-left}.view-slide-left::view-transition-new(slider-dates){animation-name:slide-in-left}.view-slide-right::view-transition-old(slider-dates){animation-name:slide-out-right}.view-slide-right::view-transition-new(slider-dates){animation-name:slide-in-right}@keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(calc(-1 * var(--translate-distance)));opacity:0}}@keyframes slide-in-left{0%{transform:translateX(var(--translate-distance));opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(var(--translate-distance));opacity:0}}@keyframes slide-in-right{0%{transform:translateX(calc(-1 * var(--translate-distance)));opacity:0}to{transform:translateX(0);opacity:1}}