/* Automatic interface rhythm. Progressive browser support; no visitor setting. */
:root{--bz-motion-ease:cubic-bezier(.2,.7,.2,1)}
#site-header{will-change:auto}
/* Effects run while the page is visible and adapt quietly to system preferences. */
html[data-bz-motion="on"] #site-header{transition:transform 240ms var(--bz-motion-ease)!important}
html[data-bz-motion="on"] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card){
 transition:translate 180ms var(--bz-motion-ease),box-shadow 180ms var(--bz-motion-ease),border-color 180ms ease!important;
 transform:none!important
}
@media(hover:hover) and (pointer:fine){
 html[data-bz-motion="on"] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card):hover{translate:0 -4px}
}
html[data-bz-motion="on"] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card):active{translate:0 -1px}
/* Local author trial: attention -> press -> return. No idle loop or library. */
html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]){
 transition:translate 200ms var(--bz-motion-ease),scale 200ms var(--bz-motion-ease),box-shadow 200ms var(--bz-motion-ease),filter 180ms ease,background-color 180ms ease!important;
 translate:0 0;scale:1
}
@media(hover:hover) and (pointer:fine){
 html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]):hover{
  translate:0 -3px;scale:1.015;box-shadow:0 8px 18px color-mix(in srgb,var(--ink,var(--bz-green,currentColor)) 24%,transparent)
 }
}
html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]):focus-visible{
 translate:0 -2px;box-shadow:0 6px 16px color-mix(in srgb,var(--ink,var(--bz-green,currentColor)) 20%,transparent)
}
html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]):active{
 transition-duration:80ms!important;translate:0 1px;scale:.975;box-shadow:0 1px 3px color-mix(in srgb,var(--ink,var(--bz-green,currentColor)) 18%,transparent)
}
html[data-bz-motion="off"] *,html[data-bz-motion="off"] *::before,html[data-bz-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-bz-motion="off"] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card){transform:none!important;translate:none!important}
html[data-bz-motion="off"] :is(.button,button,.r43-package-actions a):not([data-zoom]){translate:none!important;scale:none!important}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-bz-motion="on"] #site-header{transition-duration:120ms!important}
 html[data-bz-motion="on"] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card){transition-duration:120ms!important}
 html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]){transition-duration:120ms!important}
 html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]):focus-visible{translate:0 -1px;scale:1}
 html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]):active{translate:0 1px;scale:.99;transition-duration:80ms!important}
}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){
 html[data-bz-motion="on"] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card):hover{translate:0 -1px}
 html[data-bz-motion="on"] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]):hover{translate:0 -1px;scale:1}
}
:where(a[href],button,summary):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media print{
 *,*::before,*::after{animation:none!important;transition:none!important;translate:none!important}
 html[data-bz-motion] #site-header,
 html[data-bz-motion] :is(.world-card,.trial-product-card,.mozg-category-card,.capsule-card,.work,.pair-card),
 html[data-bz-motion] :is(.button,button,.r43-package-actions a):not(:disabled):not([aria-disabled="true"]):not([data-zoom]),
 html[data-bz-motion] :is(.button,button,.r43-package-actions a):not([data-zoom]){transition:none!important;translate:none!important;scale:none!important;box-shadow:none!important}
}