.catalog-navigation-surface{background:var(--color-bg-default);min-height:100dvh}::view-transition{pointer-events:none}:root:active-view-transition-type(catalog-menu)::view-transition-group(*){animation:none}:root:active-view-transition-type(catalog-menu)::view-transition-new(*){animation:none}:root:active-view-transition-type(catalog-menu)::view-transition-old(*){animation:none;display:none}::view-transition-group(academy-navigation){animation-duration:var(--motion-duration-slow);animation-timing-function:ease-out}::view-transition-old(.catalog-crossfade){animation:catalog-navigation-out var(--motion-duration-standard) ease-out both;mix-blend-mode:normal}::view-transition-old(.catalog-forward){animation:catalog-navigation-out var(--motion-duration-standard) ease-out both;mix-blend-mode:normal}::view-transition-old(.catalog-back){animation:catalog-navigation-out var(--motion-duration-standard) ease-out both;mix-blend-mode:normal}::view-transition-new(.catalog-crossfade){animation:catalog-navigation-in var(--motion-duration-slow) ease-out both;mix-blend-mode:normal}::view-transition-new(.catalog-forward){animation:catalog-navigation-in var(--motion-duration-slow) ease-out both;mix-blend-mode:normal}::view-transition-new(.catalog-back){animation:catalog-navigation-in var(--motion-duration-slow) ease-out both;mix-blend-mode:normal}::view-transition-new(.catalog-forward){animation-name:catalog-navigation-forward}::view-transition-new(.catalog-back){animation-name:catalog-navigation-back}@keyframes catalog-navigation-out{to{opacity:0}}@keyframes catalog-navigation-in{0%{opacity:0}}@keyframes catalog-navigation-forward{0%{opacity:0;translate:var(--spacing-3) 0}to{opacity:1;translate:0}}@keyframes catalog-navigation-back{0%{opacity:0;translate:calc(-1 * var(--spacing-3)) 0}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(academy-navigation){animation:none}::view-transition-old(academy-navigation){animation:none}::view-transition-new(academy-navigation){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}