.watercolor-react{--wc-bloom:0;--wc-shift:0px;--wc-grain:0.04;--wc-sat:1;--wc-wind:0px;position:relative;isolation:isolate}.watercolor-react:before{inset:-6%;background:radial-gradient(120% 120% at var(--wc-x,50%) var(--wc-y,50%),rgba(168,181,160,calc(.25 * var(--wc-bloom))) 0,rgba(168,181,160,calc(.12 * var(--wc-bloom))) 35%,rgba(255,255,255,0) 70%),radial-gradient(140% 140% at 50% 50%,rgba(255,250,240,calc(.15 * var(--wc-bloom))) 0,rgba(255,250,240,0) 70%);mix-blend-mode:soft-light;filter:blur(calc(26px * var(--wc-bloom))) saturate(var(--wc-sat));transform:translate(var(--wc-wind),calc(var(--wc-wind) * .6));transition:filter .15s ease,opacity .15s ease,transform .2s ease;opacity:1}.watercolor-react:after,.watercolor-react:before{content:"";position:absolute;pointer-events:none;z-index:-1}.watercolor-react:after{inset:0;background-image:radial-gradient(120% 120% at 20% 30%,rgba(0,0,0,.04),transparent 70%),radial-gradient(140% 140% at 80% 70%,rgba(0,0,0,.035),transparent 75%),repeating-linear-gradient(0deg,rgba(0,0,0,calc(var(--wc-grain) * .15)) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,calc(var(--wc-grain) * .12)) 4px,rgba(0,0,0,0) 6px);mix-blend-mode:multiply;opacity:calc(.65 * var(--wc-bloom));filter:blur(.8px) contrast(1.02);transition:opacity .15s ease}.watercolor-react:hover{--wc-bloom:1;--wc-sat:1.08;--wc-shift:1px}.watercolor-react>*{transform:translate3d(var(--wc-shift),calc(var(--wc-shift) * .6),0);transition:transform .18s ease;will-change:transform}@media (prefers-reduced-motion:reduce){.watercolor-react,.watercolor-react:after,.watercolor-react:before,.watercolor-react>*{transition:none}.watercolor-react>*{transform:none}}