/* Only decorative vector layers move; content, icons and controls stay still. */
.blind-directory-header{position:relative;isolation:isolate;overflow:hidden}.blind-directory-header .drop-directory-intro{position:relative;z-index:1}.pattern-blind{opacity:.28;transform-origin:85% 32%}.light-palette .pattern-blind{opacity:.23}.commerce-header-pattern{transform-origin:82% 44%;will-change:auto}.commerce-header-pattern,.commerce-header-pattern *{animation-play-state:paused!important}.commerce-header-pattern[data-motion-visible=true]{will-change:transform}.commerce-header-pattern[data-motion-visible=true],.commerce-header-pattern[data-motion-visible=true] *{animation-play-state:running!important}
@keyframes headerBlindOrbit{0%,100%{transform:rotate(-3deg) scale(1.015)}50%{transform:rotate(4deg) scale(1.045)}}
@keyframes headerWeaveFlow{0%,100%{transform:translate3d(-5px,2px,0) scale(1.025)}50%{transform:translate3d(7px,-6px,0) scale(1.055)}}
@keyframes headerOrderDrift{0%,100%{transform:translate3d(1px,5px,0) rotate(-1deg)}50%{transform:translate3d(-6px,-4px,0) rotate(1deg)}}
@keyframes headerOrbitScan{0%,100%{transform:rotate(-4deg) scale(1.02)}50%{transform:rotate(4deg) scale(1.045)}}
@keyframes headerPartnerWeave{0%,100%{transform:translate3d(-7px,2px,0) rotate(-1deg) scale(1.02)}50%{transform:translate3d(7px,-5px,0) rotate(1deg) scale(1.045)}}
@keyframes headerInviteDrift{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(-5px,-4px,0)}}
@keyframes headerNodeBreathe{0%,100%{opacity:.42}50%{opacity:1}}
@keyframes headerFlowLine{from{stroke-dashoffset:0}to{stroke-dashoffset:-90}}
@keyframes headerOrderTrace{from{stroke-dashoffset:0}to{stroke-dashoffset:-95}}
@keyframes headerWalletWave{0%,100%{transform:translate3d(-6px,6px,0) scale(1.025)}50%{transform:translate3d(5px,-7px,0) scale(1.06)}}
@keyframes headerMapPan{0%,100%{transform:translate3d(-6px,-3px,0) scale(1.02)}50%{transform:translate3d(6px,4px,0) scale(1.045)}}
@media(prefers-reduced-motion:no-preference){
.pattern-blind{animation:headerBlindOrbit 30s ease-in-out infinite}.pattern-blind .header-orbit-points circle{animation:headerNodeBreathe 7s ease-in-out infinite}.pattern-blind .header-orbit-points circle:nth-child(2){animation-delay:-2s}.pattern-blind .header-orbit-points circle:nth-child(3){animation-delay:-4s}
.fixed-directory-header .commerce-header-pattern{animation:headerWeaveFlow 24s ease-in-out infinite}
.orders-directory-header .commerce-header-pattern{animation:headerOrderDrift 26s ease-in-out infinite}.orders-directory-header .commerce-header-pattern>g{stroke-dasharray:90 5;animation:headerOrderTrace 18s linear infinite}
.pattern-profile{animation:headerOrbitScan 32s ease-in-out infinite}.pattern-profile circle{animation:headerNodeBreathe 8s ease-in-out -2s infinite}
.pattern-partner{animation:headerPartnerWeave 28s ease-in-out infinite}
.pattern-invite{animation:headerInviteDrift 22s ease-in-out infinite}.pattern-invite circle{animation:headerNodeBreathe 6s ease-in-out infinite}.pattern-invite circle:nth-of-type(3n){animation-delay:-2s}.pattern-invite circle:nth-of-type(3n + 1){animation-delay:-4s}.pattern-invite path[stroke-dasharray]{animation:headerFlowLine 16s linear infinite}
.pattern-wallet{animation:headerWalletWave 18s ease-in-out infinite}
.pattern-addresses{animation:headerMapPan 26s ease-in-out infinite}.pattern-addresses circle{animation:headerNodeBreathe 7s ease-in-out -1s infinite}
}
.page[hidden] .commerce-header-pattern,.page[hidden] .commerce-header-pattern *,html.has-open-dialog .commerce-header-pattern,html.has-open-dialog .commerce-header-pattern *,html[data-header-motion-suspended=true] .commerce-header-pattern,html[data-header-motion-suspended=true] .commerce-header-pattern *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.commerce-header-pattern,.commerce-header-pattern *{animation:none!important;will-change:auto}.commerce-header-pattern{transform:none!important}}
