/* B · Vidro responsivo — shared motion for the mobile functional layer. */
html:root body #globalBnav.hub-glass-nav .hub-nav-destinations{position:relative;isolation:isolate;overflow:hidden;--nav-active-index:0;--nav-active-offset:0%}
html:root body #globalBnav.hub-glass-nav .hub-nav-indicator{position:absolute;z-index:0;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/var(--nav-visible-count,4));border-radius:22px;background:var(--hub-glass-selected);box-shadow:inset 0 1px 0 var(--hub-glass-highlight);pointer-events:none;transform:translateX(var(--nav-active-offset));transition:transform 260ms cubic-bezier(.2,1.2,.3,1);will-change:transform}
html:root body #globalBnav.hub-glass-nav .nb:not(.nb-ctr){z-index:1;background:transparent!important;transition:color 180ms ease,transform 180ms cubic-bezier(.2,1.2,.3,1)}
html:root body #globalBnav.hub-glass-nav .nb svg{transition:transform 220ms cubic-bezier(.2,1.25,.35,1),opacity 140ms ease;will-change:transform}
html:root body #globalBnav.hub-glass-nav .nb.nav-icon-swapping svg{animation:hub-nav-symbol-swap 260ms cubic-bezier(.2,1.15,.3,1) both}
html:root body #globalBnav.hub-glass-nav .nb.active svg{transform:translateY(-1px) scale(1.06)}
html body #globalBnav.hub-glass-nav.mobile-nav-large-text .hub-nav-indicator{display:none}
html body #globalBnav.hub-glass-nav.mobile-nav-large-text .nb.active{background:var(--hub-glass-selected)!important}
@keyframes hub-nav-symbol-swap{0%{opacity:.25;transform:scale(.82) rotate(-8deg)}55%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1.06) rotate(0)}}
html:root body #globalBnav.hub-glass-nav .nb-ctr{transition:transform 260ms cubic-bezier(.2,1.2,.3,1),filter 140ms ease,background 180ms ease}
html body #globalBnav.create-fan-open .nb-ctr{transform:none;color:var(--hub-nav-accent)!important}
html body #globalBnav .nb-ctr svg{transition:transform 260ms cubic-bezier(.2,1.2,.3,1)}
html body #globalBnav.create-fan-open .nb-ctr svg{transform:rotate(45deg)}
html body #globalBnav.create-fan-open .hub-nav-destinations{opacity:.72;transition:opacity 240ms ease}
html body #globalBnav:not(.create-fan-open) .hub-nav-destinations{opacity:1;transition:opacity 240ms ease}

html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action{animation:none!important;transition:opacity 220ms ease,transform 260ms cubic-bezier(.2,1.25,.34,1)}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action{opacity:0;transform:translate(0,18px) scale(.72)}
html body #mobileCreateOverlayM.mobile-create-fan #mobileCreateChecklistM{opacity:0;transform:translate(16px,144px) scale(.55)}
html body #mobileCreateOverlayM.mobile-create-fan #mobileCreateOrderM{opacity:0;transform:translate(115px,55px) scale(.55)}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-open #mobileCreateChecklistM,html body #mobileCreateOverlayM.mobile-create-fan.create-fan-open #mobileCreateOrderM{opacity:1;transform:none}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(1){transition-delay:0ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(2){transition-delay:28ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(3){transition-delay:56ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(4){transition-delay:84ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(5){transition-delay:112ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(6){transition-delay:140ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(7){transition-delay:168ms}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:nth-child(8){transition-delay:196ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-open .mobile-create-action{opacity:1;transform:none}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-closing .mobile-create-action{opacity:0}
html body #mobileCreateOverlayM.mobile-create-fan #mobileCreateCloseM svg{animation:none!important;transform:rotate(0);transition:transform 240ms cubic-bezier(.2,1.2,.3,1)}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-open #mobileCreateCloseM svg{transform:rotate(45deg)}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-orb{transition:background 180ms ease,box-shadow 180ms ease,transform 180ms cubic-bezier(.2,1.25,.34,1)}
html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-action:active .mobile-create-orb{transform:scale(.92)}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action{transform:translateY(16px);opacity:0;animation:none!important}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked.create-fan-open .mobile-create-action{transform:none;opacity:1}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(1){transition-delay:0ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(2){transition-delay:28ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(3){transition-delay:56ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(4){transition-delay:84ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(5){transition-delay:112ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(6){transition-delay:140ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(7){transition-delay:168ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-stacked .mobile-create-action:nth-child(8){transition-delay:196ms}
html body #mobileCreateOverlayM.mobile-create-fan.create-fan-closing .mobile-create-action{transition-delay:0ms}

html body #globalBnav.hub-glass-nav .hub-nav-indicator,html body #globalBnav.hub-glass-nav .nb,html body #globalBnav.hub-glass-nav .nb svg,html body #mobileCreateOverlayM.mobile-create-fan *{animation-duration:260ms}
@media(prefers-reduced-motion:reduce){html body #globalBnav.hub-glass-nav .hub-nav-indicator,html body #globalBnav.hub-glass-nav .nb,html body #globalBnav.hub-glass-nav .nb svg,html body #mobileCreateOverlayM.mobile-create-fan *{transition:none!important;animation:none!important}html body #globalBnav.create-fan-open .nb-ctr{transform:none}html body #globalBnav.create-fan-open .nb-ctr svg{transform:none}}
@media(prefers-reduced-transparency:reduce){html:root body #globalBnav.hub-glass-nav .hub-nav-indicator{box-shadow:none}html body #mobileCreateOverlayM.mobile-create-fan .mobile-create-orb,html body #mobileCreateOverlayM.mobile-create-fan #mobileCreateCloseM{backdrop-filter:none;-webkit-backdrop-filter:none}}
