/* Transições suaves para as trocas de conteúdo no mesmo documento. */

.eren-header,.ec-top{view-transition-name:eren-navigation-header}
.eren-sidebar{view-transition-name:eren-navigation-sidebar}
.eren-mobile-nav,.ec-mobile-nav{view-transition-name:eren-navigation-dock}
#erenContent,#ecMain{view-transition-name:eren-navigation-content}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(eren-navigation-header),::view-transition-group(eren-navigation-sidebar),::view-transition-group(eren-navigation-dock){animation-duration:0s}
::view-transition-old(eren-navigation-content){animation:eren-navigation-out .12s ease-out both}
::view-transition-new(eren-navigation-content){animation:eren-navigation-in .16s ease-out both}
@keyframes eren-navigation-out{to{opacity:0}}
@keyframes eren-navigation-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.eren-navigation-pending:after{content:'';position:fixed;z-index:9999;top:0;left:0;width:35%;height:2px;background:#db007b;transform-origin:left;animation:eren-navigation-progress 1s ease-in-out infinite;pointer-events:none}
@keyframes eren-navigation-progress{from{transform:translateX(-100%)}to{transform:translateX(385%)}}
.eren-navigation-pending a[aria-busy=true]{cursor:progress}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .eren-navigation-pending:after{animation:none;width:100%;opacity:.6}
}

#erenContent[tabindex="-1"]:focus{outline:none}.eren-community-shell #ecMain{view-transition-name:none}