@media (hover:hover) and (pointer:fine){.cr-bg-fx-grayscale,.cr-bg-fx-pan,.cr-bg-fx-zoom{overflow:hidden;isolation:isolate}.cr-bg-fx-grayscale::after,.cr-bg-fx-pan::after,.cr-bg-fx-zoom::after{content:"";position:absolute;z-index:-1;top:calc(0px - var(--border-top-width,0px));left:calc(0px - var(--border-left-width,0px));width:max(100% + var(--border-left-width,0px) + var(--border-right-width,0px),100%);height:max(100% + var(--border-top-width,0px) + var(--border-bottom-width,0px),100%);background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:inherit;border-radius:inherit;pointer-events:none;transition:transform var(--cr-bg-fx-duration,.6s) ease,filter var(--cr-bg-fx-duration,.6s) ease}.cr-bg-fx-zoom:hover::after{transform:scale(calc(1 + var(--cr-bg-fx-amount,8)/ 100))}.cr-bg-fx-grayscale::after{filter:grayscale(calc(var(--cr-bg-fx-grayscale, 100) * 1%))}.cr-bg-fx-grayscale:hover::after{filter:grayscale(0)}.cr-bg-fx-pan::after{transform:scale(calc(1 + var(--cr-bg-fx-amount,8)/ 50))}.cr-bg-fx-pan:hover::after{transform:scale(calc(1 + var(--cr-bg-fx-amount,8)/ 50)) translateX(calc(var(--cr-bg-fx-amount,8) * -.5%))}@media (prefers-reduced-motion:reduce){.cr-bg-fx-grayscale::after,.cr-bg-fx-pan::after,.cr-bg-fx-zoom::after{transition:none}.cr-bg-fx-zoom:hover::after{transform:none}.cr-bg-fx-pan:hover::after{transform:scale(calc(1 + var(--cr-bg-fx-amount,8)/ 50))}}}