@keyframes fly-left-out{0%{transform:translate(0);opacity:1}to{transform:translate(-100px);opacity:0}}@keyframes fly-left-in{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fly-right-out{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}@keyframes fly-right-in{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}::view-transition-old(forward){animation:.2s both fly-left-out}::view-transition-new(forward){animation:.2s both fly-left-in}::view-transition-old(backward){animation:.2s both fly-right-out}::view-transition-new(backward){animation:.2s both fly-right-in}.sidebar-view{background-color:var(--white);display:grid;grid-template-columns:240px calc(100% - 240px)}.sidebar-view.category-view{grid-template-columns:100% 0}.container{box-shadow:0 0 4px #0003;position:relative}.transition-container{position:relative;top:0;left:0;width:100%;height:100%}:global(main.navigating) .transition-container:not(.backward){view-transition-name:forward}:global(main.navigating) .transition-container.backward{view-transition-name:backward}@media screen and (max-width:960px){::view-transition-old(forward){width:100vw}::view-transition-new(forward){width:100vw}::view-transition-old(backward){width:100vw}::view-transition-new(backward){width:100vw}.sidebar-view{grid-template-columns:100%}}