@readdy/anim 0.0.21 → 0.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/animations/button/confetti-button/index.js +1 -1
- package/animations/button/confetti-button/react.tsx +5 -3
- package/animations/card/magic-ui-border-beam/index.js +26 -0
- package/animations/card/magic-ui-border-beam/react.tsx +8 -0
- package/animations/card/magic-ui-border-beam/style.css +1 -0
- package/animations/header/blur-to-sharp-rise/index.js +14 -0
- package/animations/header/blur-to-sharp-rise/react.tsx +6 -0
- package/animations/header/blur-to-sharp-rise/style.css +1 -0
- package/animations/header/gradient-text/index.js +36 -0
- package/animations/header/gradient-text/style.css +17 -5
- package/animations/header/shimmer-text/index.js +36 -0
- package/animations/header/shimmer-text/style.css +16 -5
- package/dist/button/3d-flip/react.js +3 -3
- package/dist/button/3d-flip.js +3 -3
- package/dist/button/blur-fade-in/react.js +1 -1
- package/dist/button/blur-fade-in.js +1 -1
- package/dist/button/border-beam/react.js +2 -2
- package/dist/button/border-beam.js +1 -1
- package/dist/button/bounce-elastic/react.js +1 -1
- package/dist/button/bounce-elastic.js +1 -1
- package/dist/button/bubble-button/react.js +2 -2
- package/dist/button/bubble-button.js +2 -2
- package/dist/button/confetti-button/react.js +6 -6
- package/dist/button/confetti-button.js +3 -3
- package/dist/button/glow-cta/react.js +3 -3
- package/dist/button/glow-cta.js +3 -3
- package/dist/button/magnetic-hover/react.js +3 -3
- package/dist/button/magnetic-hover.js +3 -3
- package/dist/button/pulse/react.js +1 -1
- package/dist/button/pulse.js +1 -1
- package/dist/button/rainbow-button/react.js +1 -1
- package/dist/button/rainbow-button.js +1 -1
- package/dist/button/shimmer-border/react.js +2 -2
- package/dist/button/shimmer-border.js +1 -1
- package/dist/button/sketch-button/react.js +2 -2
- package/dist/button/sketch-button.js +1 -1
- package/dist/card/blur-rise/react.js +1 -1
- package/dist/card/blur-rise.js +1 -1
- package/dist/card/bounce-in-bottom/react.js +1 -1
- package/dist/card/bounce-in-bottom.js +1 -1
- package/dist/card/card-fan-spread/react.js +2 -2
- package/dist/card/card-fan-spread.js +2 -2
- package/dist/card/float-idle/react.js +1 -1
- package/dist/card/float-idle.js +1 -1
- package/dist/card/image-magnifier/react.js +4 -4
- package/dist/card/image-magnifier.js +4 -4
- package/dist/card/image-zoom-rotate/react.js +3 -3
- package/dist/card/image-zoom-rotate.js +2 -2
- package/dist/card/pop-in-stack/react.js +2 -2
- package/dist/card/pop-in-stack.js +1 -1
- package/dist/card/reveal-from-top/react.js +1 -1
- package/dist/card/reveal-from-top.js +1 -1
- package/dist/card/rgb-split-glitch/react.js +2 -2
- package/dist/card/rgb-split-glitch.js +1 -1
- package/dist/card/tilted-card/react.js +3 -3
- package/dist/card/tilted-card.js +3 -3
- package/dist/chunks/{text-split-D02jltVh.js → text-split-6ct2SEme.js} +1 -1
- package/dist/chunks/{text-split-frOR4UpH.js → text-split-CdeSt_Fu.js} +1 -1
- package/dist/full.css +1 -1
- package/dist/full.js +383 -249
- package/dist/header/anime-splittext/react.js +2 -2
- package/dist/header/anime-splittext.js +1 -1
- package/dist/header/bounce-in-down/react.js +3 -3
- package/dist/header/bounce-in-down.js +3 -3
- package/dist/header/fly-in-chars/react.js +3 -3
- package/dist/header/fly-in-chars.js +3 -3
- package/dist/header/gradient-text/react.js +1 -1
- package/dist/header/gradient-text.js +37 -1
- package/dist/header/letter-bounce/react.js +3 -3
- package/dist/header/letter-bounce.js +2 -2
- package/dist/header/roll-in/react.js +3 -3
- package/dist/header/roll-in.js +3 -3
- package/dist/header/shimmer-text/react.js +2 -2
- package/dist/header/shimmer-text.js +37 -1
- package/dist/header/shuffle/react.js +3 -3
- package/dist/header/shuffle.js +3 -3
- package/dist/header/split-text/react.js +3 -3
- package/dist/header/split-text.js +3 -3
- package/dist/header/text-type/react.js +2 -2
- package/dist/header/text-type.js +2 -2
- package/dist/header/word-curtain-reveal/react.js +2 -2
- package/dist/header/word-curtain-reveal.js +2 -2
- package/dist/meta.json +2 -2
- package/dist/metadata.json +71 -107
- package/dist/react.css +1 -1
- package/dist/types/animations/button/confetti-button/react.d.ts +2 -1
- package/dist/types/animations/card/magic-ui-border-beam/index.d.ts +3 -0
- package/dist/types/animations/card/magic-ui-border-beam/react.d.ts +5 -0
- package/dist/types/animations/header/blur-to-sharp-rise/index.d.ts +3 -0
- package/dist/types/animations/header/blur-to-sharp-rise/react.d.ts +4 -0
- package/dist/types/react-barrel.d.ts +2 -0
- package/dist/types/scripts/bundle-all.d.ts +1 -172
- package/dist/types/stories/blur-to-sharp-rise-header.stories.d.ts +4 -4
- package/dist/types/stories/magic-ui-border-beam-card.stories.d.ts +4 -4
- package/package.json +7 -1
- package/react-barrel.js +2 -0
- /package/dist/chunks/{constants-EnH6-Pz4.js → constants-B4SUCot6.js} +0 -0
- /package/dist/chunks/{constants-ZTHic1pf.js → constants-Ckf5cPIt.js} +0 -0
- /package/dist/chunks/{pointer-follow-B3RFnn_q.js → pointer-follow-BM2eyAGD.js} +0 -0
- /package/dist/chunks/{pointer-follow-BETANySn.js → pointer-follow-p3-xoxQh.js} +0 -0
- /package/dist/chunks/{reduced-motion-BpQYuEzK.js → reduced-motion-Bay2Fxcs.js} +0 -0
- /package/dist/chunks/{reduced-motion-HX79Ac8G.js → reduced-motion-CZ_p2Mh_.js} +0 -0
- /package/dist/chunks/{resolve-card-media-Cj3V_oms.js → resolve-card-media-C0BoIACv.js} +0 -0
- /package/dist/chunks/{resolve-card-media-DBIU-duL.js → resolve-card-media-cXysS2d2.js} +0 -0
package/dist/react.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes readdy-anim-split-text-char{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.readdy-anim-split-text{white-space:normal}.readdy-anim-split-text .readdy-anim-split-text-char{display:inline-block;opacity:0}.readdy-anim-split-text.is-visible .readdy-anim-split-text-char{animation:readdy-anim-split-text-char .7s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-split-text .readdy-anim-split-text-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-roll-in-char{0%{opacity:0;transform:translateX(-1.1em) rotate(-110deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.readdy-anim-roll-in{white-space:normal}.readdy-anim-roll-in .readdy-anim-roll-in-char{animation:readdy-anim-roll-in-char .72s cubic-bezier(.22,1,.36,1) forwards;display:inline-block;opacity:0;transform-origin:50% 60%}@media (prefers-reduced-motion:reduce){.readdy-anim-roll-in .readdy-anim-roll-in-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-letter-wave{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--readdy-anim-letter-bounce-amplitude, 6px)*-1))}}.readdy-anim-letter-bounce{white-space:normal}.readdy-anim-letter-bounce .readdy-anim-letter-bounce-char{animation:readdy-anim-letter-wave var(--readdy-anim-letter-bounce-duration,.85s) ease-in-out infinite;display:inline-block;will-change:transform}@media (prefers-reduced-motion:reduce){.readdy-anim-letter-bounce .readdy-anim-letter-bounce-char{animation:none}}@keyframes readdy-anim-shimmer-text{to{background-position:200%}}.readdy-anim-shimmer-text{-webkit-text-fill-color:transparent;animation:readdy-anim-shimmer-text 2.2s linear infinite;background:linear-gradient(90deg,#334155,#64748b 34%,#fff 50%,#64748b 66%,#334155);-webkit-background-clip:text;background-clip:text;background-position:0;background-size:200% 100%;color:transparent}@media (prefers-reduced-motion:reduce){.readdy-anim-shimmer-text{animation:none}}@keyframes readdy-anim-gradient-flow{0%{background-position:0}to{background-position:100%}}.readdy-anim-gradient-text{-webkit-text-fill-color:transparent;animation:readdy-anim-gradient-flow 3s ease-in-out infinite alternate;background:linear-gradient(90deg,#22d3ee,#a78bfa 35%,#f472b6 50%,#a78bfa 65%,#22d3ee);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:transparent}@media (prefers-reduced-motion:reduce){.readdy-anim-gradient-text{animation:none;background-position:0 0}}@keyframes readdy-anim-fly-in-char{0%{opacity:0;transform:translate(var(--readdy-anim-fly-in-x,0),var(--readdy-anim-fly-in-y,8px)) rotate(var(--readdy-anim-fly-in-rotate,0deg))}to{opacity:1;transform:translate(0) rotate(0deg)}}.readdy-anim-fly-in-chars{white-space:normal}.readdy-anim-fly-in-chars .readdy-anim-fly-in-char{animation:readdy-anim-fly-in-char .85s cubic-bezier(.22,1,.36,1) forwards;display:inline-block;opacity:0}@media (prefers-reduced-motion:reduce){.readdy-anim-fly-in-chars .readdy-anim-fly-in-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-word-curtain-rise{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.readdy-anim-word-curtain-reveal{white-space:normal}.readdy-anim-word-curtain-reveal .readdy-anim-word-curtain-word{display:inline-block;overflow:hidden;vertical-align:bottom}.readdy-anim-word-curtain-reveal .readdy-anim-word-curtain-inner{animation:readdy-anim-word-curtain-rise var(--readdy-anim-word-curtain-duration,.55s) cubic-bezier(.16,1,.3,1) forwards;display:inline-block;opacity:0;transform:translateY(110%)}@media (prefers-reduced-motion:reduce){.readdy-anim-word-curtain-reveal .readdy-anim-word-curtain-inner{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-bounce-in-down-char{0%{opacity:0;transform:translateY(-1.4em)}60%{opacity:1;transform:translateY(.16em)}75%{transform:translateY(-.08em)}90%{transform:translateY(.04em)}to{opacity:1;transform:translateY(0)}}.readdy-anim-bounce-in-down{white-space:normal}.readdy-anim-bounce-in-down .readdy-anim-bounce-in-down-char{animation:readdy-anim-bounce-in-down-char .9s cubic-bezier(.215,.61,.355,1) forwards;display:inline-block;opacity:0}@media (prefers-reduced-motion:reduce){.readdy-anim-bounce-in-down .readdy-anim-bounce-in-down-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-anime-word-in{0%{opacity:0;transform:translateY(var(--readdy-anim-word-offset,110%))}to{opacity:1;transform:translateY(0)}}@keyframes readdy-anim-anime-word-loop{0%,to{transform:translateY(0)}25%{transform:translateY(calc(var(--readdy-anim-word-offset, 110%)*.12))}50%{transform:translateY(calc(var(--readdy-anim-word-offset, 110%)*-.08))}75%{transform:translateY(calc(var(--readdy-anim-word-offset, 110%)*.06))}}@keyframes readdy-anim-anime-char-wiggle{0%,to{transform:translateY(0)}35%{transform:translateY(-.12em)}65%{transform:translateY(.05em)}}.readdy-anim-anime-splittext{white-space:normal}.readdy-anim-anime-splittext .readdy-anim-anime-word{display:inline-block;overflow:hidden}.readdy-anim-anime-splittext .readdy-anim-anime-word-inner{animation:readdy-anim-anime-word-in var(--readdy-anim-anime-word-duration,.7s) cubic-bezier(.16,1,.3,1) forwards,readdy-anim-anime-word-loop 3.6s ease-in-out infinite;animation-delay:var(--readdy-anim-word-delay,0ms),var(--readdy-anim-word-loop-delay,.72s);display:inline-block;opacity:0}.readdy-anim-anime-splittext .readdy-anim-anime-char{animation:readdy-anim-anime-char-wiggle 1.25s ease-in-out infinite;animation-delay:var(--readdy-anim-char-delay,.42s);display:inline-block}@media (prefers-reduced-motion:reduce){.readdy-anim-anime-splittext .readdy-anim-anime-char,.readdy-anim-anime-splittext .readdy-anim-anime-word-inner{animation:none;opacity:1}}.readdy-anim-shuffle{white-space:normal}.readdy-anim-shuffle .readdy-anim-shuffle-char{display:inline-block;min-width:.7ch;opacity:var(--readdy-anim-shuffle-opacity,.45);transform:translateY(var(--readdy-anim-shuffle-translate-y,.08em)) scale(var(--readdy-anim-shuffle-scale,.98));transition:opacity var(--readdy-anim-shuffle-settle-duration,.18s) ease,transform var(--readdy-anim-shuffle-settle-duration,.18s) ease}.readdy-anim-shuffle .readdy-anim-shuffle-char.is-settled{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion:reduce){.readdy-anim-shuffle .readdy-anim-shuffle-char{opacity:1;transform:none}}.readdy-anim-magnetic-hover{transform:translate3d(var(--readdy-anim-magnetic-x,0),var(--readdy-anim-magnetic-y,0),0) scale(var(--readdy-anim-magnetic-scale,1));transition:transform .3s ease-out;will-change:transform}.readdy-anim-magnetic-hover:not(:hover){transition-duration:.6s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.readdy-anim-magnetic-hover{transform:none;transition:none}}@keyframes readdy-anim-caret-blink{50%{opacity:0}}.readdy-anim-text-type:not(.readdy-anim-text-type-rich){align-items:baseline;display:inline-flex;gap:var(--readdy-anim-text-type-gap,.08em);white-space:normal}.readdy-anim-text-type{position:relative}.readdy-anim-text-type.readdy-anim-text-type-rich{white-space:normal}.readdy-anim-text-type .readdy-anim-text-type-content{min-width:1ch}.readdy-anim-text-type .readdy-anim-text-type-cursor{animation:readdy-anim-caret-blink var(--readdy-anim-text-type-caret-blink-duration,.9s) step-end infinite;background:currentColor;min-height:1em;width:var(--readdy-anim-text-type-caret-width,.08em)}@media (prefers-reduced-motion:reduce){.readdy-anim-text-type .readdy-anim-text-type-cursor{animation:none}}.readdy-anim-shimmer-border{border:1px solid rgba(148,163,184,.28);box-shadow:0 4px 12px rgba(15,23,42,.08);isolation:isolate;overflow:hidden;position:relative}.readdy-anim-shimmer-border:before{background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(34,211,238,.24) 18%,#22d3ee 36%,#a78bfa 50%,#22d3ee 64%,rgba(34,211,238,.24) 82%,rgba(34,211,238,.12));background-position:0 0;background-size:200% 100%;border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:var(--readdy-anim-shimmer-border-opacity,.88);padding:var(--readdy-anim-shimmer-border-width,1.5px);pointer-events:none;position:absolute;transition:background-position var(--readdy-anim-shimmer-border-duration,.8s) ease,opacity .25s ease}.readdy-anim-shimmer-border:hover:before{background-position:100% 0;opacity:1}@media (prefers-reduced-motion:reduce){.readdy-anim-shimmer-border:before{transition:none}.readdy-anim-shimmer-border:hover:before{background-position:0 0}}@keyframes readdy-anim-rainbow{0%{background-position:0}to{background-position:200%}}.readdy-anim-rainbow-button{--readdy-anim-rainbow-line:linear-gradient(90deg,#fb7185,#f59e0b,#22c55e,#38bdf8,#a78bfa,#fb7185);border:1px solid rgba(148,163,184,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 16px 30px rgba(30,41,59,.14);isolation:isolate;overflow:hidden;position:relative}.readdy-anim-rainbow-button:before{filter:drop-shadow(0 0 12px rgba(96,165,250,.45));height:3px;inset:auto 6% -1px}.readdy-anim-rainbow-button:after,.readdy-anim-rainbow-button:before{animation:readdy-anim-rainbow 2.4s linear infinite;background:var(--readdy-anim-rainbow-line);background-size:200% 100%;border-radius:999px;content:"";position:absolute}.readdy-anim-rainbow-button:after{filter:blur(12px);height:22px;inset:auto 10% -14px;opacity:.38;z-index:-1}@media (prefers-reduced-motion:reduce){.readdy-anim-rainbow-button:after,.readdy-anim-rainbow-button:before{animation:none}}.readdy-anim-border-beam{isolation:isolate;position:relative}.readdy-anim-border-beam__layer{border-radius:var(--readdy-anim-border-beam-radius,inherit);box-sizing:border-box;display:block;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;overflow:clip;padding:var(--readdy-anim-border-beam-width,1.35px);pointer-events:none;position:absolute;z-index:2}.readdy-anim-border-beam__beam{aspect-ratio:1;background:linear-gradient(to left,var(--readdy-anim-border-beam-color-from,#ffaa40),var(--readdy-anim-border-beam-color-to,#9c40ff) 55%,transparent);border-radius:0;display:block;filter:drop-shadow(0 0 4px rgba(255,170,64,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*1.3))) drop-shadow(0 0 12px rgba(156,64,255,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*.65)));left:0;offset-rotate:0deg;pointer-events:none;position:absolute;top:0;width:var(--readdy-anim-border-beam-size,72px);will-change:offset-distance}.readdy-anim-border-beam__beam--warm{opacity:.95}.readdy-anim-border-beam__beam--cool{filter:drop-shadow(0 0 4px rgba(94,160,255,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*1.2))) drop-shadow(0 0 12px rgba(96,165,250,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*.6)));opacity:.88}@media (prefers-reduced-motion:reduce){.readdy-anim-border-beam__beam{display:none}}.readdy-anim-sketch-button{background:#fff;border:2px solid #0f172a;box-shadow:0 0 0 #0f172a;color:#0f172a;transition:transform .24s ease,box-shadow .24s ease}.readdy-anim-sketch-button:hover{box-shadow:4px 4px 0 #0f172a;transform:translate(-4px,-4px)}@media (prefers-reduced-motion:reduce){.readdy-anim-sketch-button{transition:none}.readdy-anim-sketch-button:hover{box-shadow:0 0 0 #0f172a;transform:none}}@keyframes readdy-anim-pulse{0%,to{box-shadow:0 0 0 0 rgba(79,107,255,.45);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(79,107,255,0);transform:scale(1.06)}}.readdy-anim-pulse{animation:readdy-anim-pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.readdy-anim-pulse{animation:none;box-shadow:none;transform:none}}.readdy-anim-glow-cta{isolation:isolate;overflow:hidden;position:relative;transition:transform .35s ease,padding-right .35s ease}.readdy-anim-glow-cta:before{background:radial-gradient(circle at var(--readdy-anim-glow-cta-x,50%) var(--readdy-anim-glow-cta-y,50%),rgba(251,146,60,.48) 0,rgba(251,146,60,.24) 24%,rgba(59,130,246,.16) 42%,transparent 72%);border-radius:inherit;content:"";inset:var(--readdy-anim-glow-cta-inset,-8px);opacity:var(--readdy-anim-glow-cta-idle-opacity,.2);position:absolute;transition:opacity .35s ease;z-index:-1}.readdy-anim-glow-cta:after{content:"→";font-size:.95em;line-height:1;opacity:0;position:absolute;right:1rem;top:50%;transform:translate(-10px,-50%);transition:transform .35s ease,opacity .35s ease}.readdy-anim-glow-cta:hover{padding-right:var(--readdy-anim-glow-cta-padding,calc(2rem + 1.2em));transform:scale(var(--readdy-anim-glow-cta-scale,1.05))}.readdy-anim-glow-cta.readdy-anim-glow-cta-active:before,.readdy-anim-glow-cta:hover:before{opacity:var(--readdy-anim-glow-cta-active-opacity,.6)}.readdy-anim-glow-cta:hover:after{opacity:1;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.readdy-anim-glow-cta,.readdy-anim-glow-cta:after,.readdy-anim-glow-cta:before{transition:none}.readdy-anim-glow-cta:hover{padding-right:inherit;transform:none}.readdy-anim-glow-cta:hover:before{opacity:.2}.readdy-anim-glow-cta:hover:after{opacity:0;transform:translate(-10px,-50%)}}@keyframes readdy-anim-confetti-burst{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--readdy-anim-confetti-x),var(--readdy-anim-confetti-y)) rotate(var(--readdy-anim-confetti-rotate)) scale(1)}}.readdy-anim-confetti-button{isolation:isolate;overflow:visible;position:relative}.readdy-anim-confetti-button .readdy-anim-confetti-layer{inset:0;pointer-events:none;position:absolute;z-index:2}.readdy-anim-confetti-button .readdy-anim-confetti-piece{animation:readdy-anim-confetti-burst .95s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--readdy-anim-confetti-delay,0ms);border-radius:999px;height:.8rem;left:50%;opacity:0;position:absolute;top:50%;transform-origin:center;width:.42rem}@media (prefers-reduced-motion:reduce){.readdy-anim-confetti-button .readdy-anim-confetti-piece{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-bounce-elastic{0%{opacity:0;transform:scale(.6) translateY(12px)}60%{opacity:1;transform:scale(1.08) translateY(-4px)}80%{transform:scale(.96) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.readdy-anim-bounce-elastic{animation:readdy-anim-bounce-elastic 1s cubic-bezier(.34,1.56,.64,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-bounce-elastic{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-blur-rise{0%{filter:blur(8px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.readdy-anim-blur-rise{animation:readdy-anim-blur-rise .7s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-blur-rise{animation:none;filter:none;opacity:1;transform:none}}@keyframes readdy-anim-blur-fade-in{0%{filter:blur(10px);opacity:0;transform:translateY(8px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.readdy-anim-blur-fade-in{animation:readdy-anim-blur-fade-in .7s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-blur-fade-in{animation:none;filter:none;opacity:1;transform:none}}@keyframes readdy-anim-bubble-top-left-1{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}50%{opacity:1;transform:translate(-25px,-25px) rotate(-45deg) scaleY(2)}58%{opacity:.95;transform:translate(-19px,-27px) rotate(-45deg) scale(.2)}to{opacity:0;transform:translate(-24px,-42px) rotate(-45deg) scale(0)}}@keyframes readdy-anim-bubble-top-left-2{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}50%{opacity:1;transform:translate(-25px,-25px) rotate(-45deg) scaleY(2)}58%{opacity:.95;transform:translate(-35px,-32px) rotate(-45deg) scaleY(.8)}to{opacity:0;transform:translate(-45px,-42px) rotate(-45deg) scale(.4)}}@keyframes readdy-anim-bubble-top-left-3{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}50%{opacity:1;transform:translate(-25px,-25px) rotate(-45deg) scaleY(2)}58%{opacity:.95;transform:translate(-40px,-19px) rotate(-45deg) scale(.2)}to{opacity:0;transform:translate(-55px,-14px) rotate(-45deg) scale(0)}}@keyframes readdy-anim-bubble-bottom-right-1{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}48%{opacity:1;transform:translate(30px,30px) rotate(45deg) scale(1)}56%{opacity:.95;transform:translate(24px,33px) rotate(45deg) scale(.2)}to{opacity:0;transform:translate(29px,48px) rotate(45deg) scale(0)}}@keyframes readdy-anim-bubble-bottom-right-2{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}48%{opacity:1;transform:translate(30px,30px) rotate(45deg) scale(1)}56%{opacity:.95;transform:translate(37px,33px) rotate(45deg) scale(.8)}to{opacity:0;transform:translate(44px,40px) rotate(45deg) scale(.4)}}@keyframes readdy-anim-bubble-bottom-right-3{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}48%{opacity:1;transform:translate(30px,30px) rotate(45deg) scale(1)}56%{opacity:.95;transform:translate(45px,24px) rotate(45deg) scale(.2)}to{opacity:0;transform:translate(60px,19px) rotate(45deg) scale(0)}}@keyframes readdy-anim-bubble-core{0%{opacity:1;transform:translateY(-50%) scaleY(1)}34%{opacity:1;transform:translateY(-50%) scaleY(1.1)}to{opacity:1;transform:translateY(-50%) scale(1)}}.readdy-anim-bubble-button-container{--readdy-anim-bubble-accent:#4f6bff;display:inline-block;isolation:isolate;position:relative;vertical-align:middle}.readdy-anim-bubble-button-container>.readdy-anim-bubble-button{position:relative;z-index:2}.readdy-anim-bubble-button-container>.readdy-anim-bubble-button-effect-container{display:block;height:400%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-150%;transition:opacity .12s ease,visibility .12s ease,transform .1s ease-out;visibility:hidden;width:200%;z-index:1}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-hover>.readdy-anim-bubble-button-effect-container{opacity:1;visibility:visible}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-hover:active>.readdy-anim-bubble-button-effect-container{transform:scale(.95)}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-effect-button{background:var(--readdy-anim-bubble-accent);position:absolute}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle{border-radius:15px;height:14px;opacity:0;width:14px}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-top-left-1,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-top-left-2,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-top-left-3{left:27%;top:40%}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-bottom-right-1,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-bottom-right-2,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-bottom-right-3{bottom:40%;right:27%}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-effect-button{border-radius:999px;height:25%;left:25%;opacity:1;top:50%;transform:translateY(-50%);width:50%;z-index:1}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-effect-button{animation:readdy-anim-bubble-core 1s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-top-left-1{animation:readdy-anim-bubble-top-left-1 1.2s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-top-left-2{animation:readdy-anim-bubble-top-left-2 1.2s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-top-left-3{animation:readdy-anim-bubble-top-left-3 1.2s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-bottom-right-1{animation:readdy-anim-bubble-bottom-right-1 1.1s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-bottom-right-2{animation:readdy-anim-bubble-bottom-right-2 1.1s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-bottom-right-3{animation:readdy-anim-bubble-bottom-right-3 1.1s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.readdy-anim-bubble-button-container>.readdy-anim-bubble-button-effect-container{display:none}}@keyframes readdy-anim-float-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.readdy-anim-float-idle{animation:readdy-anim-float-idle 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.readdy-anim-float-idle{animation:none;transform:none}}.readdy-anim-tilted-card{transform:perspective(var(--readdy-anim-card-tilt-perspective,900px)) rotateX(var(--readdy-anim-card-tilt-x,0deg)) rotateY(var(--readdy-anim-card-tilt-y,0deg)) scale(var(--readdy-anim-card-scale,1));transform-style:preserve-3d;transition:transform var(--readdy-anim-card-tilt-duration,.55s) cubic-bezier(.22,1,.36,1),box-shadow var(--readdy-anim-card-tilt-duration,.55s) ease;will-change:transform}.readdy-anim-tilted-card:hover{box-shadow:0 20px 40px rgba(15,23,42,.18)}@media (prefers-reduced-motion:reduce){.readdy-anim-tilted-card{transform:none;transition:none}.readdy-anim-tilted-card:hover{box-shadow:none}}.readdy-anim-image-zoom-rotate{overflow:hidden}.readdy-anim-image-zoom-rotate .readdy-anim-card-media{transform-origin:center;transition:transform var(--readdy-anim-image-zoom-duration,.5s) ease}.readdy-anim-image-zoom-rotate:hover .readdy-anim-card-media{transform:scale(var(--readdy-anim-image-zoom-scale,1.08)) rotate(var(--readdy-anim-image-zoom-rotate,2deg))}@media (prefers-reduced-motion:reduce){.readdy-anim-image-zoom-rotate:hover .readdy-anim-card-media{transform:none}}@keyframes readdy-anim-rgb-glitch{0%,to{filter:none;transform:translate(0)}20%{filter:drop-shadow(var(--readdy-anim-rgb-glitch-shadow,2px) 0 red) drop-shadow(calc(var(--readdy-anim-rgb-glitch-shadow, 2px)*-1) 0 cyan);transform:translate(calc(var(--readdy-anim-rgb-glitch-shift, 3px)*-1),calc(var(--readdy-anim-rgb-glitch-shift, 3px)*.3333))}40%{filter:drop-shadow(calc(var(--readdy-anim-rgb-glitch-shadow, 2px)*-1) 0 blue) drop-shadow(var(--readdy-anim-rgb-glitch-shadow,2px) 0 lime);transform:translate(var(--readdy-anim-rgb-glitch-shift,3px),calc(var(--readdy-anim-rgb-glitch-shift, 3px)*-.3333))}60%{filter:drop-shadow(var(--readdy-anim-rgb-glitch-shadow,2px) 0 red) drop-shadow(calc(var(--readdy-anim-rgb-glitch-shadow, 2px)*-1) 0 cyan);transform:translate(calc(var(--readdy-anim-rgb-glitch-shift, 3px)*-.6667),calc(var(--readdy-anim-rgb-glitch-shift, 3px)*.6667))}}.readdy-anim-rgb-split-glitch{animation:readdy-anim-rgb-glitch var(--readdy-anim-rgb-glitch-duration,1.1s) steps(2) infinite}@media (prefers-reduced-motion:reduce){.readdy-anim-rgb-split-glitch{animation:none}}@keyframes readdy-anim-bounce-in-bottom{0%{opacity:0;transform:translateY(28px)}65%{opacity:1;transform:translateY(-6px)}85%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.readdy-anim-bounce-in-bottom{animation:readdy-anim-bounce-in-bottom .85s cubic-bezier(.34,1.2,.64,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-bounce-in-bottom{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-stack-pop{0%{opacity:0;transform:translateY(var(--readdy-anim-pop-offset,18px)) scale(var(--readdy-anim-pop-scale-start,.88))}to{opacity:1;transform:translateY(0) scale(1)}}.readdy-anim-pop-in-stack{animation:readdy-anim-stack-pop var(--readdy-anim-pop-duration,.6s) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--readdy-anim-pop-delay,0ms);position:relative;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.readdy-anim-pop-in-stack{animation:none;opacity:1;transform:none}}.readdy-anim-card-fan-spread{cursor:pointer;isolation:isolate;overflow:visible;perspective:900px;position:relative;transform-style:preserve-3d}.readdy-anim-card-fan-spread:before{background:inherit;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.readdy-anim-card-fan-spread>:not(.readdy-anim-card-fan-stack){position:relative;z-index:3}.readdy-anim-card-fan-spread .readdy-anim-card-fan-stack{inset:0;pointer-events:none;position:absolute;z-index:1}.readdy-anim-card-fan-spread .readdy-anim-card-fan-item{inset:0;position:absolute;transform-origin:18% 85%;transition:transform var(--readdy-anim-card-fan-duration,.55s) cubic-bezier(.22,1,.36,1);will-change:transform}.readdy-anim-card-fan-spread .readdy-anim-card-fan-item:first-child{transform:rotate(-3deg) translate(-6px,8px) scale(.985)}.readdy-anim-card-fan-spread .readdy-anim-card-fan-item:nth-child(2){transform:rotate(3deg) translate(6px,8px) scale(.985)}.readdy-anim-card-fan-spread .readdy-anim-card-fan-surface{box-shadow:0 18px 28px rgba(15,23,42,.16);height:100%;opacity:.86;overflow:hidden;width:100%}.readdy-anim-card-fan-spread .readdy-anim-card-fan-surface>*{pointer-events:none!important}.readdy-anim-card-fan-spread .readdy-anim-card-fan-visual-text{filter:blur(.15px);opacity:.22!important;text-shadow:none!important}.readdy-anim-card-fan-spread.is-spread .readdy-anim-card-fan-item:first-child{transform:rotateY(var(--readdy-anim-card-fan-depth-rotate,18deg)) rotate(calc(var(--readdy-anim-card-fan-rotate, 24deg)*-1)) translate(calc(var(--readdy-anim-card-fan-distance, 72px)*-1),calc(var(--readdy-anim-card-fan-lift, 14px)*-.714))}.readdy-anim-card-fan-spread.is-spread .readdy-anim-card-fan-item:nth-child(2){transform:rotateY(calc(var(--readdy-anim-card-fan-depth-rotate, 18deg)*-1)) rotate(var(--readdy-anim-card-fan-rotate,24deg)) translate(var(--readdy-anim-card-fan-distance,72px),calc(var(--readdy-anim-card-fan-lift, 14px)*-.714))}@media (prefers-reduced-motion:reduce){.readdy-anim-card-fan-spread .readdy-anim-card-fan-item{transition:none}}@keyframes readdy-anim-reveal-from-top{0%{clip-path:inset(0 0 100% 0 round 20px);opacity:0;transform:translateY(-28px)}to{clip-path:inset(0 0 0 0 round 20px);opacity:1;transform:translateY(0)}}.readdy-anim-reveal-from-top{animation:readdy-anim-reveal-from-top .75s cubic-bezier(.22,1,.36,1) forwards;will-change:opacity,transform,clip-path}@media (prefers-reduced-motion:reduce){.readdy-anim-reveal-from-top{animation:none;clip-path:inset(0 0 0 0 round 20px);opacity:1;transform:none}}.readdy-anim-image-magnifier .readdy-anim-card-media,.readdy-anim-image-magnifier .readdy-anim-image-magnifier-media{background:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.85),transparent 38%),linear-gradient(135deg,rgba(34,211,238,.95),rgba(167,139,250,.84));overflow:hidden;position:relative}.readdy-anim-image-magnifier .readdy-anim-image-magnifier-lens{background-position:var(--readdy-anim-magnifier-x,50%) var(--readdy-anim-magnifier-y,50%);background-size:var(--readdy-anim-image-magnifier-zoom,320%) var(--readdy-anim-image-magnifier-zoom,320%);border:2px solid hsla(0,0%,100%,.86);border-radius:999px;box-shadow:0 16px 34px rgba(15,23,42,.22),inset 0 0 0 1px hsla(0,0%,100%,.28);box-sizing:border-box;height:var(--readdy-anim-image-magnifier-lens-size,104px);left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate3d(var(--readdy-anim-image-magnifier-lens-x,50%),var(--readdy-anim-image-magnifier-lens-y,50%),0) translate(-50%,-50%);transition:opacity var(--readdy-anim-image-magnifier-fade-duration,.16s) ease;width:var(--readdy-anim-image-magnifier-lens-size,104px);will-change:transform,opacity,background-position,background-size}@media (prefers-reduced-motion:reduce){.readdy-anim-image-magnifier .readdy-anim-image-magnifier-lens{opacity:0;transition:none}}.readdy-anim-3d-flip{transform:perspective(600px) translate3d(var(--readdy-anim-3d-translate-x,0),var(--readdy-anim-3d-translate-y,0),0) rotateX(var(--readdy-anim-3d-rotate-x,0deg)) rotateY(var(--readdy-anim-3d-rotate-y,0deg));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}@media (prefers-reduced-motion:reduce){.readdy-anim-3d-flip{transform:none;transition:none}}
|
|
1
|
+
@keyframes readdy-anim-letter-wave{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--readdy-anim-letter-bounce-amplitude, 6px)*-1))}}.readdy-anim-letter-bounce{white-space:normal}.readdy-anim-letter-bounce .readdy-anim-letter-bounce-char{animation:readdy-anim-letter-wave var(--readdy-anim-letter-bounce-duration,.85s) ease-in-out infinite;display:inline-block;will-change:transform}@media (prefers-reduced-motion:reduce){.readdy-anim-letter-bounce .readdy-anim-letter-bounce-char{animation:none}}@keyframes readdy-anim-shimmer-text{to{background-position:200%}}.readdy-anim-shimmer-text{color:inherit}.readdy-anim-shimmer-text-unit{animation:readdy-anim-shimmer-text 2.2s linear infinite;background:linear-gradient(90deg,#334155,#64748b 34%,#fff 50%,#64748b 66%,#334155);background-position:0;background-size:200% 100%;color:#334155;display:inline}@supports ((-webkit-background-clip:text) or (background-clip:text)){.readdy-anim-shimmer-text-unit{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}}@media (prefers-reduced-motion:reduce){.readdy-anim-shimmer-text-unit{animation:none}}@keyframes readdy-anim-caret-blink{50%{opacity:0}}.readdy-anim-text-type:not(.readdy-anim-text-type-rich){align-items:baseline;display:inline-flex;gap:var(--readdy-anim-text-type-gap,.08em);white-space:normal}.readdy-anim-text-type{position:relative}.readdy-anim-text-type.readdy-anim-text-type-rich{white-space:normal}.readdy-anim-text-type .readdy-anim-text-type-content{min-width:1ch}.readdy-anim-text-type .readdy-anim-text-type-cursor{animation:readdy-anim-caret-blink var(--readdy-anim-text-type-caret-blink-duration,.9s) step-end infinite;background:currentColor;min-height:1em;width:var(--readdy-anim-text-type-caret-width,.08em)}@media (prefers-reduced-motion:reduce){.readdy-anim-text-type .readdy-anim-text-type-cursor{animation:none}}@keyframes readdy-anim-fly-in-char{0%{opacity:0;transform:translate(var(--readdy-anim-fly-in-x,0),var(--readdy-anim-fly-in-y,8px)) rotate(var(--readdy-anim-fly-in-rotate,0deg))}to{opacity:1;transform:translate(0) rotate(0deg)}}.readdy-anim-fly-in-chars{white-space:normal}.readdy-anim-fly-in-chars .readdy-anim-fly-in-char{animation:readdy-anim-fly-in-char .85s cubic-bezier(.22,1,.36,1) forwards;display:inline-block;opacity:0}@media (prefers-reduced-motion:reduce){.readdy-anim-fly-in-chars .readdy-anim-fly-in-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-split-text-char{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.readdy-anim-split-text{white-space:normal}.readdy-anim-split-text .readdy-anim-split-text-char{display:inline-block;opacity:0}.readdy-anim-split-text.is-visible .readdy-anim-split-text-char{animation:readdy-anim-split-text-char .7s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-split-text .readdy-anim-split-text-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-roll-in-char{0%{opacity:0;transform:translateX(-1.1em) rotate(-110deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.readdy-anim-roll-in{white-space:normal}.readdy-anim-roll-in .readdy-anim-roll-in-char{animation:readdy-anim-roll-in-char .72s cubic-bezier(.22,1,.36,1) forwards;display:inline-block;opacity:0;transform-origin:50% 60%}@media (prefers-reduced-motion:reduce){.readdy-anim-roll-in .readdy-anim-roll-in-char{animation:none;opacity:1;transform:none}}.readdy-anim-magnetic-hover{transform:translate3d(var(--readdy-anim-magnetic-x,0),var(--readdy-anim-magnetic-y,0),0) scale(var(--readdy-anim-magnetic-scale,1));transition:transform .3s ease-out;will-change:transform}.readdy-anim-magnetic-hover:not(:hover){transition-duration:.6s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.readdy-anim-magnetic-hover{transform:none;transition:none}}@keyframes readdy-anim-gradient-flow{0%{background-position:0}to{background-position:100%}}.readdy-anim-gradient-text{color:inherit}.readdy-anim-gradient-text-unit{animation:readdy-anim-gradient-flow 3s ease-in-out infinite alternate;background:linear-gradient(90deg,#22d3ee,#a78bfa 35%,#f472b6 50%,#a78bfa 65%,#22d3ee);background-position:0;background-size:200% 100%;color:#0f172a;display:inline}@supports ((-webkit-background-clip:text) or (background-clip:text)){.readdy-anim-gradient-text-unit{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}}@media (prefers-reduced-motion:reduce){.readdy-anim-gradient-text-unit{animation:none;background-position:0 0}}.readdy-anim-shuffle{white-space:normal}.readdy-anim-shuffle .readdy-anim-shuffle-char{display:inline-block;min-width:.7ch;opacity:var(--readdy-anim-shuffle-opacity,.45);transform:translateY(var(--readdy-anim-shuffle-translate-y,.08em)) scale(var(--readdy-anim-shuffle-scale,.98));transition:opacity var(--readdy-anim-shuffle-settle-duration,.18s) ease,transform var(--readdy-anim-shuffle-settle-duration,.18s) ease}.readdy-anim-shuffle .readdy-anim-shuffle-char.is-settled{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion:reduce){.readdy-anim-shuffle .readdy-anim-shuffle-char{opacity:1;transform:none}}@keyframes readdy-anim-bounce-in-down-char{0%{opacity:0;transform:translateY(-1.4em)}60%{opacity:1;transform:translateY(.16em)}75%{transform:translateY(-.08em)}90%{transform:translateY(.04em)}to{opacity:1;transform:translateY(0)}}.readdy-anim-bounce-in-down{white-space:normal}.readdy-anim-bounce-in-down .readdy-anim-bounce-in-down-char{animation:readdy-anim-bounce-in-down-char .9s cubic-bezier(.215,.61,.355,1) forwards;display:inline-block;opacity:0}@media (prefers-reduced-motion:reduce){.readdy-anim-bounce-in-down .readdy-anim-bounce-in-down-char{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-rainbow{0%{background-position:0}to{background-position:200%}}.readdy-anim-rainbow-button{--readdy-anim-rainbow-line:linear-gradient(90deg,#fb7185,#f59e0b,#22c55e,#38bdf8,#a78bfa,#fb7185);border:1px solid rgba(148,163,184,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 16px 30px rgba(30,41,59,.14);isolation:isolate;overflow:hidden;position:relative}.readdy-anim-rainbow-button:before{filter:drop-shadow(0 0 12px rgba(96,165,250,.45));height:3px;inset:auto 6% -1px}.readdy-anim-rainbow-button:after,.readdy-anim-rainbow-button:before{animation:readdy-anim-rainbow 2.4s linear infinite;background:var(--readdy-anim-rainbow-line);background-size:200% 100%;border-radius:999px;content:"";position:absolute}.readdy-anim-rainbow-button:after{filter:blur(12px);height:22px;inset:auto 10% -14px;opacity:.38;z-index:-1}@media (prefers-reduced-motion:reduce){.readdy-anim-rainbow-button:after,.readdy-anim-rainbow-button:before{animation:none}}@keyframes readdy-anim-confetti-burst{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--readdy-anim-confetti-x),var(--readdy-anim-confetti-y)) rotate(var(--readdy-anim-confetti-rotate)) scale(1)}}.readdy-anim-confetti-button{isolation:isolate;overflow:visible;position:relative}.readdy-anim-confetti-button .readdy-anim-confetti-layer{inset:0;pointer-events:none;position:absolute;z-index:2}.readdy-anim-confetti-button .readdy-anim-confetti-piece{animation:readdy-anim-confetti-burst .95s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--readdy-anim-confetti-delay,0ms);border-radius:999px;height:.8rem;left:50%;opacity:0;position:absolute;top:50%;transform-origin:center;width:.42rem}@media (prefers-reduced-motion:reduce){.readdy-anim-confetti-button .readdy-anim-confetti-piece{animation:none;opacity:1;transform:none}}.readdy-anim-shimmer-border{border:1px solid rgba(148,163,184,.28);box-shadow:0 4px 12px rgba(15,23,42,.08);isolation:isolate;overflow:hidden;position:relative}.readdy-anim-shimmer-border:before{background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(34,211,238,.24) 18%,#22d3ee 36%,#a78bfa 50%,#22d3ee 64%,rgba(34,211,238,.24) 82%,rgba(34,211,238,.12));background-position:0 0;background-size:200% 100%;border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:var(--readdy-anim-shimmer-border-opacity,.88);padding:var(--readdy-anim-shimmer-border-width,1.5px);pointer-events:none;position:absolute;transition:background-position var(--readdy-anim-shimmer-border-duration,.8s) ease,opacity .25s ease}.readdy-anim-shimmer-border:hover:before{background-position:100% 0;opacity:1}@media (prefers-reduced-motion:reduce){.readdy-anim-shimmer-border:before{transition:none}.readdy-anim-shimmer-border:hover:before{background-position:0 0}}@keyframes readdy-anim-word-curtain-rise{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.readdy-anim-word-curtain-reveal{white-space:normal}.readdy-anim-word-curtain-reveal .readdy-anim-word-curtain-word{display:inline-block;overflow:hidden;vertical-align:bottom}.readdy-anim-word-curtain-reveal .readdy-anim-word-curtain-inner{animation:readdy-anim-word-curtain-rise var(--readdy-anim-word-curtain-duration,.55s) cubic-bezier(.16,1,.3,1) forwards;display:inline-block;opacity:0;transform:translateY(110%)}@media (prefers-reduced-motion:reduce){.readdy-anim-word-curtain-reveal .readdy-anim-word-curtain-inner{animation:none;opacity:1;transform:none}}.readdy-anim-border-beam{isolation:isolate;position:relative}.readdy-anim-border-beam__layer{border-radius:var(--readdy-anim-border-beam-radius,inherit);box-sizing:border-box;display:block;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;overflow:clip;padding:var(--readdy-anim-border-beam-width,1.35px);pointer-events:none;position:absolute;z-index:2}.readdy-anim-border-beam__beam{aspect-ratio:1;background:linear-gradient(to left,var(--readdy-anim-border-beam-color-from,#ffaa40),var(--readdy-anim-border-beam-color-to,#9c40ff) 55%,transparent);border-radius:0;display:block;filter:drop-shadow(0 0 4px rgba(255,170,64,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*1.3))) drop-shadow(0 0 12px rgba(156,64,255,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*.65)));left:0;offset-rotate:0deg;pointer-events:none;position:absolute;top:0;width:var(--readdy-anim-border-beam-size,72px);will-change:offset-distance}.readdy-anim-border-beam__beam--warm{opacity:.95}.readdy-anim-border-beam__beam--cool{filter:drop-shadow(0 0 4px rgba(94,160,255,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*1.2))) drop-shadow(0 0 12px rgba(96,165,250,calc(var(--readdy-anim-border-beam-glow-opacity, .28)*.6)));opacity:.88}@media (prefers-reduced-motion:reduce){.readdy-anim-border-beam__beam{display:none}}.readdy-anim-sketch-button{background:#fff;border:2px solid #0f172a;box-shadow:0 0 0 #0f172a;color:#0f172a;transition:transform .24s ease,box-shadow .24s ease}.readdy-anim-sketch-button:hover{box-shadow:4px 4px 0 #0f172a;transform:translate(-4px,-4px)}@media (prefers-reduced-motion:reduce){.readdy-anim-sketch-button{transition:none}.readdy-anim-sketch-button:hover{box-shadow:0 0 0 #0f172a;transform:none}}@keyframes readdy-anim-anime-word-in{0%{opacity:0;transform:translateY(var(--readdy-anim-word-offset,110%))}to{opacity:1;transform:translateY(0)}}@keyframes readdy-anim-anime-word-loop{0%,to{transform:translateY(0)}25%{transform:translateY(calc(var(--readdy-anim-word-offset, 110%)*.12))}50%{transform:translateY(calc(var(--readdy-anim-word-offset, 110%)*-.08))}75%{transform:translateY(calc(var(--readdy-anim-word-offset, 110%)*.06))}}@keyframes readdy-anim-anime-char-wiggle{0%,to{transform:translateY(0)}35%{transform:translateY(-.12em)}65%{transform:translateY(.05em)}}.readdy-anim-anime-splittext{white-space:normal}.readdy-anim-anime-splittext .readdy-anim-anime-word{display:inline-block;overflow:hidden}.readdy-anim-anime-splittext .readdy-anim-anime-word-inner{animation:readdy-anim-anime-word-in var(--readdy-anim-anime-word-duration,.7s) cubic-bezier(.16,1,.3,1) forwards,readdy-anim-anime-word-loop 3.6s ease-in-out infinite;animation-delay:var(--readdy-anim-word-delay,0ms),var(--readdy-anim-word-loop-delay,.72s);display:inline-block;opacity:0}.readdy-anim-anime-splittext .readdy-anim-anime-char{animation:readdy-anim-anime-char-wiggle 1.25s ease-in-out infinite;animation-delay:var(--readdy-anim-char-delay,.42s);display:inline-block}@media (prefers-reduced-motion:reduce){.readdy-anim-anime-splittext .readdy-anim-anime-char,.readdy-anim-anime-splittext .readdy-anim-anime-word-inner{animation:none;opacity:1}}@keyframes readdy-anim-pulse{0%,to{box-shadow:0 0 0 0 rgba(79,107,255,.45);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(79,107,255,0);transform:scale(1.06)}}.readdy-anim-pulse{animation:readdy-anim-pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.readdy-anim-pulse{animation:none;box-shadow:none;transform:none}}.readdy-anim-glow-cta{isolation:isolate;overflow:hidden;position:relative;transition:transform .35s ease,padding-right .35s ease}.readdy-anim-glow-cta:before{background:radial-gradient(circle at var(--readdy-anim-glow-cta-x,50%) var(--readdy-anim-glow-cta-y,50%),rgba(251,146,60,.48) 0,rgba(251,146,60,.24) 24%,rgba(59,130,246,.16) 42%,transparent 72%);border-radius:inherit;content:"";inset:var(--readdy-anim-glow-cta-inset,-8px);opacity:var(--readdy-anim-glow-cta-idle-opacity,.2);position:absolute;transition:opacity .35s ease;z-index:-1}.readdy-anim-glow-cta:after{content:"→";font-size:.95em;line-height:1;opacity:0;position:absolute;right:1rem;top:50%;transform:translate(-10px,-50%);transition:transform .35s ease,opacity .35s ease}.readdy-anim-glow-cta:hover{padding-right:var(--readdy-anim-glow-cta-padding,calc(2rem + 1.2em));transform:scale(var(--readdy-anim-glow-cta-scale,1.05))}.readdy-anim-glow-cta.readdy-anim-glow-cta-active:before,.readdy-anim-glow-cta:hover:before{opacity:var(--readdy-anim-glow-cta-active-opacity,.6)}.readdy-anim-glow-cta:hover:after{opacity:1;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.readdy-anim-glow-cta,.readdy-anim-glow-cta:after,.readdy-anim-glow-cta:before{transition:none}.readdy-anim-glow-cta:hover{padding-right:inherit;transform:none}.readdy-anim-glow-cta:hover:before{opacity:.2}.readdy-anim-glow-cta:hover:after{opacity:0;transform:translate(-10px,-50%)}}@keyframes readdy-anim-bubble-top-left-1{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}50%{opacity:1;transform:translate(-25px,-25px) rotate(-45deg) scaleY(2)}58%{opacity:.95;transform:translate(-19px,-27px) rotate(-45deg) scale(.2)}to{opacity:0;transform:translate(-24px,-42px) rotate(-45deg) scale(0)}}@keyframes readdy-anim-bubble-top-left-2{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}50%{opacity:1;transform:translate(-25px,-25px) rotate(-45deg) scaleY(2)}58%{opacity:.95;transform:translate(-35px,-32px) rotate(-45deg) scaleY(.8)}to{opacity:0;transform:translate(-45px,-42px) rotate(-45deg) scale(.4)}}@keyframes readdy-anim-bubble-top-left-3{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}50%{opacity:1;transform:translate(-25px,-25px) rotate(-45deg) scaleY(2)}58%{opacity:.95;transform:translate(-40px,-19px) rotate(-45deg) scale(.2)}to{opacity:0;transform:translate(-55px,-14px) rotate(-45deg) scale(0)}}@keyframes readdy-anim-bubble-bottom-right-1{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}48%{opacity:1;transform:translate(30px,30px) rotate(45deg) scale(1)}56%{opacity:.95;transform:translate(24px,33px) rotate(45deg) scale(.2)}to{opacity:0;transform:translate(29px,48px) rotate(45deg) scale(0)}}@keyframes readdy-anim-bubble-bottom-right-2{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}48%{opacity:1;transform:translate(30px,30px) rotate(45deg) scale(1)}56%{opacity:.95;transform:translate(37px,33px) rotate(45deg) scale(.8)}to{opacity:0;transform:translate(44px,40px) rotate(45deg) scale(.4)}}@keyframes readdy-anim-bubble-bottom-right-3{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}48%{opacity:1;transform:translate(30px,30px) rotate(45deg) scale(1)}56%{opacity:.95;transform:translate(45px,24px) rotate(45deg) scale(.2)}to{opacity:0;transform:translate(60px,19px) rotate(45deg) scale(0)}}@keyframes readdy-anim-bubble-core{0%{opacity:1;transform:translateY(-50%) scaleY(1)}34%{opacity:1;transform:translateY(-50%) scaleY(1.1)}to{opacity:1;transform:translateY(-50%) scale(1)}}.readdy-anim-bubble-button-container{--readdy-anim-bubble-accent:#4f6bff;display:inline-block;isolation:isolate;position:relative;vertical-align:middle}.readdy-anim-bubble-button-container>.readdy-anim-bubble-button{position:relative;z-index:2}.readdy-anim-bubble-button-container>.readdy-anim-bubble-button-effect-container{display:block;height:400%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-150%;transition:opacity .12s ease,visibility .12s ease,transform .1s ease-out;visibility:hidden;width:200%;z-index:1}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-hover>.readdy-anim-bubble-button-effect-container{opacity:1;visibility:visible}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-hover:active>.readdy-anim-bubble-button-effect-container{transform:scale(.95)}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-effect-button{background:var(--readdy-anim-bubble-accent);position:absolute}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle{border-radius:15px;height:14px;opacity:0;width:14px}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-top-left-1,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-top-left-2,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-top-left-3{left:27%;top:40%}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-bottom-right-1,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-bottom-right-2,.readdy-anim-bubble-button-container .readdy-anim-bubble-button-circle-bottom-right-3{bottom:40%;right:27%}.readdy-anim-bubble-button-container .readdy-anim-bubble-button-effect-button{border-radius:999px;height:25%;left:25%;opacity:1;top:50%;transform:translateY(-50%);width:50%;z-index:1}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-effect-button{animation:readdy-anim-bubble-core 1s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-top-left-1{animation:readdy-anim-bubble-top-left-1 1.2s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-top-left-2{animation:readdy-anim-bubble-top-left-2 1.2s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-top-left-3{animation:readdy-anim-bubble-top-left-3 1.2s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-bottom-right-1{animation:readdy-anim-bubble-bottom-right-1 1.1s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-bottom-right-2{animation:readdy-anim-bubble-bottom-right-2 1.1s cubic-bezier(.22,1,.36,1) both}.readdy-anim-bubble-button-container.readdy-anim-bubble-button-fallback.readdy-anim-bubble-button-active .readdy-anim-bubble-button-circle-bottom-right-3{animation:readdy-anim-bubble-bottom-right-3 1.1s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.readdy-anim-bubble-button-container>.readdy-anim-bubble-button-effect-container{display:none}}.readdy-anim-tilted-card{transform:perspective(var(--readdy-anim-card-tilt-perspective,900px)) rotateX(var(--readdy-anim-card-tilt-x,0deg)) rotateY(var(--readdy-anim-card-tilt-y,0deg)) scale(var(--readdy-anim-card-scale,1));transform-style:preserve-3d;transition:transform var(--readdy-anim-card-tilt-duration,.55s) cubic-bezier(.22,1,.36,1),box-shadow var(--readdy-anim-card-tilt-duration,.55s) ease;will-change:transform}.readdy-anim-tilted-card:hover{box-shadow:0 20px 40px rgba(15,23,42,.18)}@media (prefers-reduced-motion:reduce){.readdy-anim-tilted-card{transform:none;transition:none}.readdy-anim-tilted-card:hover{box-shadow:none}}@keyframes readdy-anim-bounce-elastic{0%{opacity:0;transform:scale(.6) translateY(12px)}60%{opacity:1;transform:scale(1.08) translateY(-4px)}80%{transform:scale(.96) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.readdy-anim-bounce-elastic{animation:readdy-anim-bounce-elastic 1s cubic-bezier(.34,1.56,.64,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-bounce-elastic{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-blur-rise{0%{filter:blur(8px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.readdy-anim-blur-rise{animation:readdy-anim-blur-rise .7s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-blur-rise{animation:none;filter:none;opacity:1;transform:none}}@keyframes readdy-anim-rgb-glitch{0%,to{filter:none;transform:translate(0)}20%{filter:drop-shadow(var(--readdy-anim-rgb-glitch-shadow,2px) 0 red) drop-shadow(calc(var(--readdy-anim-rgb-glitch-shadow, 2px)*-1) 0 cyan);transform:translate(calc(var(--readdy-anim-rgb-glitch-shift, 3px)*-1),calc(var(--readdy-anim-rgb-glitch-shift, 3px)*.3333))}40%{filter:drop-shadow(calc(var(--readdy-anim-rgb-glitch-shadow, 2px)*-1) 0 blue) drop-shadow(var(--readdy-anim-rgb-glitch-shadow,2px) 0 lime);transform:translate(var(--readdy-anim-rgb-glitch-shift,3px),calc(var(--readdy-anim-rgb-glitch-shift, 3px)*-.3333))}60%{filter:drop-shadow(var(--readdy-anim-rgb-glitch-shadow,2px) 0 red) drop-shadow(calc(var(--readdy-anim-rgb-glitch-shadow, 2px)*-1) 0 cyan);transform:translate(calc(var(--readdy-anim-rgb-glitch-shift, 3px)*-.6667),calc(var(--readdy-anim-rgb-glitch-shift, 3px)*.6667))}}.readdy-anim-rgb-split-glitch{animation:readdy-anim-rgb-glitch var(--readdy-anim-rgb-glitch-duration,1.1s) steps(2) infinite}@media (prefers-reduced-motion:reduce){.readdy-anim-rgb-split-glitch{animation:none}}.readdy-anim-image-zoom-rotate{overflow:hidden}.readdy-anim-image-zoom-rotate .readdy-anim-card-media{transform-origin:center;transition:transform var(--readdy-anim-image-zoom-duration,.5s) ease}.readdy-anim-image-zoom-rotate:hover .readdy-anim-card-media{transform:scale(var(--readdy-anim-image-zoom-scale,1.08)) rotate(var(--readdy-anim-image-zoom-rotate,2deg))}@media (prefers-reduced-motion:reduce){.readdy-anim-image-zoom-rotate:hover .readdy-anim-card-media{transform:none}}@keyframes readdy-anim-float-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.readdy-anim-float-idle{animation:readdy-anim-float-idle 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.readdy-anim-float-idle{animation:none;transform:none}}.readdy-anim-card-fan-spread{cursor:pointer;isolation:isolate;overflow:visible;perspective:900px;position:relative;transform-style:preserve-3d}.readdy-anim-card-fan-spread:before{background:inherit;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.readdy-anim-card-fan-spread>:not(.readdy-anim-card-fan-stack){position:relative;z-index:3}.readdy-anim-card-fan-spread .readdy-anim-card-fan-stack{inset:0;pointer-events:none;position:absolute;z-index:1}.readdy-anim-card-fan-spread .readdy-anim-card-fan-item{inset:0;position:absolute;transform-origin:18% 85%;transition:transform var(--readdy-anim-card-fan-duration,.55s) cubic-bezier(.22,1,.36,1);will-change:transform}.readdy-anim-card-fan-spread .readdy-anim-card-fan-item:first-child{transform:rotate(-3deg) translate(-6px,8px) scale(.985)}.readdy-anim-card-fan-spread .readdy-anim-card-fan-item:nth-child(2){transform:rotate(3deg) translate(6px,8px) scale(.985)}.readdy-anim-card-fan-spread .readdy-anim-card-fan-surface{box-shadow:0 18px 28px rgba(15,23,42,.16);height:100%;opacity:.86;overflow:hidden;width:100%}.readdy-anim-card-fan-spread .readdy-anim-card-fan-surface>*{pointer-events:none!important}.readdy-anim-card-fan-spread .readdy-anim-card-fan-visual-text{filter:blur(.15px);opacity:.22!important;text-shadow:none!important}.readdy-anim-card-fan-spread.is-spread .readdy-anim-card-fan-item:first-child{transform:rotateY(var(--readdy-anim-card-fan-depth-rotate,18deg)) rotate(calc(var(--readdy-anim-card-fan-rotate, 24deg)*-1)) translate(calc(var(--readdy-anim-card-fan-distance, 72px)*-1),calc(var(--readdy-anim-card-fan-lift, 14px)*-.714))}.readdy-anim-card-fan-spread.is-spread .readdy-anim-card-fan-item:nth-child(2){transform:rotateY(calc(var(--readdy-anim-card-fan-depth-rotate, 18deg)*-1)) rotate(var(--readdy-anim-card-fan-rotate,24deg)) translate(var(--readdy-anim-card-fan-distance,72px),calc(var(--readdy-anim-card-fan-lift, 14px)*-.714))}@media (prefers-reduced-motion:reduce){.readdy-anim-card-fan-spread .readdy-anim-card-fan-item{transition:none}}@keyframes readdy-anim-bounce-in-bottom{0%{opacity:0;transform:translateY(28px)}65%{opacity:1;transform:translateY(-6px)}85%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.readdy-anim-bounce-in-bottom{animation:readdy-anim-bounce-in-bottom .85s cubic-bezier(.34,1.2,.64,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-bounce-in-bottom{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-reveal-from-top{0%{clip-path:inset(0 0 100% 0 round 20px);opacity:0;transform:translateY(-28px)}to{clip-path:inset(0 0 0 0 round 20px);opacity:1;transform:translateY(0)}}.readdy-anim-reveal-from-top{animation:readdy-anim-reveal-from-top .75s cubic-bezier(.22,1,.36,1) forwards;will-change:opacity,transform,clip-path}@media (prefers-reduced-motion:reduce){.readdy-anim-reveal-from-top{animation:none;clip-path:inset(0 0 0 0 round 20px);opacity:1;transform:none}}@keyframes readdy-anim-stack-pop{0%{opacity:0;transform:translateY(var(--readdy-anim-pop-offset,18px)) scale(var(--readdy-anim-pop-scale-start,.88))}to{opacity:1;transform:translateY(0) scale(1)}}.readdy-anim-pop-in-stack{animation:readdy-anim-stack-pop var(--readdy-anim-pop-duration,.6s) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--readdy-anim-pop-delay,0ms);position:relative;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.readdy-anim-pop-in-stack{animation:none;opacity:1;transform:none}}@keyframes readdy-anim-blur-fade-in{0%{filter:blur(10px);opacity:0;transform:translateY(8px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.readdy-anim-blur-fade-in{animation:readdy-anim-blur-fade-in .7s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){.readdy-anim-blur-fade-in{animation:none;filter:none;opacity:1;transform:none}}.readdy-anim-image-magnifier .readdy-anim-card-media,.readdy-anim-image-magnifier .readdy-anim-image-magnifier-media{background:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.85),transparent 38%),linear-gradient(135deg,rgba(34,211,238,.95),rgba(167,139,250,.84));overflow:hidden;position:relative}.readdy-anim-image-magnifier .readdy-anim-image-magnifier-lens{background-position:var(--readdy-anim-magnifier-x,50%) var(--readdy-anim-magnifier-y,50%);background-size:var(--readdy-anim-image-magnifier-zoom,320%) var(--readdy-anim-image-magnifier-zoom,320%);border:2px solid hsla(0,0%,100%,.86);border-radius:999px;box-shadow:0 16px 34px rgba(15,23,42,.22),inset 0 0 0 1px hsla(0,0%,100%,.28);box-sizing:border-box;height:var(--readdy-anim-image-magnifier-lens-size,104px);left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate3d(var(--readdy-anim-image-magnifier-lens-x,50%),var(--readdy-anim-image-magnifier-lens-y,50%),0) translate(-50%,-50%);transition:opacity var(--readdy-anim-image-magnifier-fade-duration,.16s) ease;width:var(--readdy-anim-image-magnifier-lens-size,104px);will-change:transform,opacity,background-position,background-size}@media (prefers-reduced-motion:reduce){.readdy-anim-image-magnifier .readdy-anim-image-magnifier-lens{opacity:0;transition:none}}.readdy-anim-3d-flip{transform:perspective(600px) translate3d(var(--readdy-anim-3d-translate-x,0),var(--readdy-anim-3d-translate-y,0),0) rotateX(var(--readdy-anim-3d-rotate-x,0deg)) rotateY(var(--readdy-anim-3d-rotate-y,0deg));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}@media (prefers-reduced-motion:reduce){.readdy-anim-3d-flip{transform:none;transition:none}}
|
|
@@ -3,6 +3,7 @@ type AnimConfettiButtonProps = {
|
|
|
3
3
|
children: React.ReactElement;
|
|
4
4
|
pieces?: number;
|
|
5
5
|
colors?: string[];
|
|
6
|
+
respectReducedMotion?: boolean;
|
|
6
7
|
};
|
|
7
|
-
export declare function AnimConfettiButton({ children, pieces, colors, }: AnimConfettiButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
8
|
+
export declare function AnimConfettiButton({ children, pieces, colors, respectReducedMotion, }: AnimConfettiButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
8
9
|
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnimBorderBeam } from '../../button/border-beam/react';
|
|
3
|
+
type AnimMagicUIBorderBeamProps = React.ComponentProps<typeof AnimBorderBeam>;
|
|
4
|
+
export declare function AnimMagicUIBorderBeam(props: AnimMagicUIBorderBeamProps): React.JSX.Element;
|
|
5
|
+
export {};
|
|
@@ -4,6 +4,7 @@ export { AnimSplitText } from "./animations/header/split-text/react.tsx";
|
|
|
4
4
|
export { AnimGradientText } from "./animations/header/gradient-text/react.tsx";
|
|
5
5
|
export { AnimTextType } from "./animations/header/text-type/react.tsx";
|
|
6
6
|
export { AnimFlyInChars } from "./animations/header/fly-in-chars/react.tsx";
|
|
7
|
+
export { AnimBlurToSharpRise } from "./animations/header/blur-to-sharp-rise/react.tsx";
|
|
7
8
|
export { AnimShuffle } from "./animations/header/shuffle/react.tsx";
|
|
8
9
|
export { AnimWordCurtainReveal } from "./animations/header/word-curtain-reveal/react.tsx";
|
|
9
10
|
export { AnimRollIn } from "./animations/header/roll-in/react.tsx";
|
|
@@ -32,3 +33,4 @@ export { AnimImageMagnifier } from "./animations/card/image-magnifier/react.tsx"
|
|
|
32
33
|
export { AnimPopInStack } from "./animations/card/pop-in-stack/react.tsx";
|
|
33
34
|
export { AnimBounceInBottom } from "./animations/card/bounce-in-bottom/react.tsx";
|
|
34
35
|
export { AnimRevealFromTop } from "./animations/card/reveal-from-top/react.tsx";
|
|
36
|
+
export { AnimMagicUIBorderBeam } from "./animations/card/magic-ui-border-beam/react.tsx";
|
|
@@ -1,173 +1,2 @@
|
|
|
1
1
|
export default registry;
|
|
2
|
-
declare const registry: {
|
|
3
|
-
[letterBounce.ANIMATION_ID]: {
|
|
4
|
-
init: any;
|
|
5
|
-
destroy: any;
|
|
6
|
-
};
|
|
7
|
-
[shimmerText.ANIMATION_ID]: {
|
|
8
|
-
init: any;
|
|
9
|
-
destroy: any;
|
|
10
|
-
};
|
|
11
|
-
[textType.ANIMATION_ID]: {
|
|
12
|
-
init: any;
|
|
13
|
-
destroy: any;
|
|
14
|
-
};
|
|
15
|
-
[gradientText.ANIMATION_ID]: {
|
|
16
|
-
init: any;
|
|
17
|
-
destroy: any;
|
|
18
|
-
};
|
|
19
|
-
[flyInChars.ANIMATION_ID]: {
|
|
20
|
-
init: any;
|
|
21
|
-
destroy: any;
|
|
22
|
-
};
|
|
23
|
-
[blurRise.ANIMATION_ID]: {
|
|
24
|
-
init: any;
|
|
25
|
-
destroy: any;
|
|
26
|
-
};
|
|
27
|
-
[splitText.ANIMATION_ID]: {
|
|
28
|
-
init: any;
|
|
29
|
-
destroy: any;
|
|
30
|
-
};
|
|
31
|
-
[shuffle.ANIMATION_ID]: {
|
|
32
|
-
init: any;
|
|
33
|
-
destroy: any;
|
|
34
|
-
};
|
|
35
|
-
[rollIn.ANIMATION_ID]: {
|
|
36
|
-
init: any;
|
|
37
|
-
destroy: any;
|
|
38
|
-
};
|
|
39
|
-
[animeSplittext.ANIMATION_ID]: {
|
|
40
|
-
init: any;
|
|
41
|
-
destroy: any;
|
|
42
|
-
};
|
|
43
|
-
[wordCurtainReveal.ANIMATION_ID]: {
|
|
44
|
-
init: any;
|
|
45
|
-
destroy: any;
|
|
46
|
-
};
|
|
47
|
-
[bounceInDown.ANIMATION_ID]: {
|
|
48
|
-
init: any;
|
|
49
|
-
destroy: any;
|
|
50
|
-
};
|
|
51
|
-
[magneticHover.ANIMATION_ID]: {
|
|
52
|
-
init: any;
|
|
53
|
-
destroy: any;
|
|
54
|
-
};
|
|
55
|
-
[borderBeam.ANIMATION_ID]: {
|
|
56
|
-
init: any;
|
|
57
|
-
destroy: any;
|
|
58
|
-
};
|
|
59
|
-
[shimmerBorder.ANIMATION_ID]: {
|
|
60
|
-
init: any;
|
|
61
|
-
destroy: any;
|
|
62
|
-
};
|
|
63
|
-
[rainbowButton.ANIMATION_ID]: {
|
|
64
|
-
init: any;
|
|
65
|
-
destroy: any;
|
|
66
|
-
};
|
|
67
|
-
[sketchButton.ANIMATION_ID]: {
|
|
68
|
-
init: any;
|
|
69
|
-
destroy: any;
|
|
70
|
-
};
|
|
71
|
-
[confettiButton.ANIMATION_ID]: {
|
|
72
|
-
init: any;
|
|
73
|
-
destroy: any;
|
|
74
|
-
};
|
|
75
|
-
[glowCta.ANIMATION_ID]: {
|
|
76
|
-
init: any;
|
|
77
|
-
destroy: any;
|
|
78
|
-
};
|
|
79
|
-
[bubbleButton.ANIMATION_ID]: {
|
|
80
|
-
init: any;
|
|
81
|
-
destroy: any;
|
|
82
|
-
};
|
|
83
|
-
[bounceElastic.ANIMATION_ID]: {
|
|
84
|
-
init: any;
|
|
85
|
-
destroy: any;
|
|
86
|
-
};
|
|
87
|
-
[pulse.ANIMATION_ID]: {
|
|
88
|
-
init: any;
|
|
89
|
-
destroy: any;
|
|
90
|
-
};
|
|
91
|
-
[blurFadeIn.ANIMATION_ID]: {
|
|
92
|
-
init: any;
|
|
93
|
-
destroy: any;
|
|
94
|
-
};
|
|
95
|
-
[flip3d.ANIMATION_ID]: {
|
|
96
|
-
init: any;
|
|
97
|
-
destroy: any;
|
|
98
|
-
};
|
|
99
|
-
[floatIdle.ANIMATION_ID]: {
|
|
100
|
-
init: any;
|
|
101
|
-
destroy: any;
|
|
102
|
-
};
|
|
103
|
-
[tiltedCard.ANIMATION_ID]: {
|
|
104
|
-
init: any;
|
|
105
|
-
destroy: any;
|
|
106
|
-
};
|
|
107
|
-
[cardFlip.ANIMATION_ID]: {
|
|
108
|
-
init: any;
|
|
109
|
-
destroy: any;
|
|
110
|
-
};
|
|
111
|
-
[imageZoomRotate.ANIMATION_ID]: {
|
|
112
|
-
init: any;
|
|
113
|
-
destroy: any;
|
|
114
|
-
};
|
|
115
|
-
[rgbSplitGlitch.ANIMATION_ID]: {
|
|
116
|
-
init: any;
|
|
117
|
-
destroy: any;
|
|
118
|
-
};
|
|
119
|
-
[cardFanSpread.ANIMATION_ID]: {
|
|
120
|
-
init: any;
|
|
121
|
-
destroy: any;
|
|
122
|
-
};
|
|
123
|
-
[imageMagnifier.ANIMATION_ID]: {
|
|
124
|
-
init: any;
|
|
125
|
-
destroy: any;
|
|
126
|
-
};
|
|
127
|
-
[popInStack.ANIMATION_ID]: {
|
|
128
|
-
init: any;
|
|
129
|
-
destroy: any;
|
|
130
|
-
};
|
|
131
|
-
[bounceInBottom.ANIMATION_ID]: {
|
|
132
|
-
init: any;
|
|
133
|
-
destroy: any;
|
|
134
|
-
};
|
|
135
|
-
[revealFromTop.ANIMATION_ID]: {
|
|
136
|
-
init: any;
|
|
137
|
-
destroy: any;
|
|
138
|
-
};
|
|
139
|
-
};
|
|
140
|
-
import * as letterBounce from '../animations/header/letter-bounce/index.js';
|
|
141
|
-
import * as shimmerText from '../animations/header/shimmer-text/index.js';
|
|
142
|
-
import * as textType from '../animations/header/text-type/index.js';
|
|
143
|
-
import * as gradientText from '../animations/header/gradient-text/index.js';
|
|
144
|
-
import * as flyInChars from '../animations/header/fly-in-chars/index.js';
|
|
145
|
-
import * as blurRise from '../animations/card/blur-rise/index.js';
|
|
146
|
-
import * as splitText from '../animations/header/split-text/index.js';
|
|
147
|
-
import * as shuffle from '../animations/header/shuffle/index.js';
|
|
148
|
-
import * as rollIn from '../animations/header/roll-in/index.js';
|
|
149
|
-
import * as animeSplittext from '../animations/header/anime-splittext/index.js';
|
|
150
|
-
import * as wordCurtainReveal from '../animations/header/word-curtain-reveal/index.js';
|
|
151
|
-
import * as bounceInDown from '../animations/header/bounce-in-down/index.js';
|
|
152
|
-
import * as magneticHover from '../animations/button/magnetic-hover/index.js';
|
|
153
|
-
import * as borderBeam from '../animations/button/border-beam/index.js';
|
|
154
|
-
import * as shimmerBorder from '../animations/button/shimmer-border/index.js';
|
|
155
|
-
import * as rainbowButton from '../animations/button/rainbow-button/index.js';
|
|
156
|
-
import * as sketchButton from '../animations/button/sketch-button/index.js';
|
|
157
|
-
import * as confettiButton from '../animations/button/confetti-button/index.js';
|
|
158
|
-
import * as glowCta from '../animations/button/glow-cta/index.js';
|
|
159
|
-
import * as bubbleButton from '../animations/button/bubble-button/index.js';
|
|
160
|
-
import * as bounceElastic from '../animations/button/bounce-elastic/index.js';
|
|
161
|
-
import * as pulse from '../animations/button/pulse/index.js';
|
|
162
|
-
import * as blurFadeIn from '../animations/button/blur-fade-in/index.js';
|
|
163
|
-
import * as flip3d from '../animations/button/3d-flip/index.js';
|
|
164
|
-
import * as floatIdle from '../animations/card/float-idle/index.js';
|
|
165
|
-
import * as tiltedCard from '../animations/card/tilted-card/index.js';
|
|
166
|
-
import * as cardFlip from '../animations/card/card-flip/index.js';
|
|
167
|
-
import * as imageZoomRotate from '../animations/card/image-zoom-rotate/index.js';
|
|
168
|
-
import * as rgbSplitGlitch from '../animations/card/rgb-split-glitch/index.js';
|
|
169
|
-
import * as cardFanSpread from '../animations/card/card-fan-spread/index.js';
|
|
170
|
-
import * as imageMagnifier from '../animations/card/image-magnifier/index.js';
|
|
171
|
-
import * as popInStack from '../animations/card/pop-in-stack/index.js';
|
|
172
|
-
import * as bounceInBottom from '../animations/card/bounce-in-bottom/index.js';
|
|
173
|
-
import * as revealFromTop from '../animations/card/reveal-from-top/index.js';
|
|
2
|
+
declare const registry: {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
import '../animations/
|
|
4
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { AnimBlurToSharpRise } from '../animations/header/blur-to-sharp-rise/react';
|
|
3
|
+
import '../animations/header/blur-to-sharp-rise/style.css';
|
|
4
|
+
declare const meta: Meta<typeof AnimBlurToSharpRise>;
|
|
5
5
|
export default meta;
|
|
6
|
-
type Story = StoryObj<typeof
|
|
6
|
+
type Story = StoryObj<typeof AnimBlurToSharpRise>;
|
|
7
7
|
export declare const Default: Story;
|
|
8
8
|
export declare const ChineseRichText: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
import '../animations/
|
|
4
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { AnimMagicUIBorderBeam } from '../animations/card/magic-ui-border-beam/react';
|
|
3
|
+
import '../animations/card/magic-ui-border-beam/style.css';
|
|
4
|
+
declare const meta: Meta<typeof AnimMagicUIBorderBeam>;
|
|
5
5
|
export default meta;
|
|
6
|
-
type Story = StoryObj<typeof
|
|
6
|
+
type Story = StoryObj<typeof AnimMagicUIBorderBeam>;
|
|
7
7
|
export declare const Default: Story;
|
|
8
8
|
export declare const WithContent: Story;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@readdy/anim",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.26",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Readdy animation library — pure JS + CSS animations for the Readdy AI website editor",
|
|
6
6
|
"main": "dist/full.js",
|
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
"./header/fly-in-chars": "./animations/header/fly-in-chars/index.js",
|
|
29
29
|
"./header/fly-in-chars/style.css": "./animations/header/fly-in-chars/style.css",
|
|
30
30
|
"./header/fly-in-chars/react": "./animations/header/fly-in-chars/react.tsx",
|
|
31
|
+
"./header/blur-to-sharp-rise": "./animations/header/blur-to-sharp-rise/index.js",
|
|
32
|
+
"./header/blur-to-sharp-rise/style.css": "./animations/header/blur-to-sharp-rise/style.css",
|
|
33
|
+
"./header/blur-to-sharp-rise/react": "./animations/header/blur-to-sharp-rise/react.tsx",
|
|
31
34
|
"./header/shuffle": "./animations/header/shuffle/index.js",
|
|
32
35
|
"./header/shuffle/style.css": "./animations/header/shuffle/style.css",
|
|
33
36
|
"./header/shuffle/react": "./animations/header/shuffle/react.tsx",
|
|
@@ -112,6 +115,9 @@
|
|
|
112
115
|
"./card/reveal-from-top": "./animations/card/reveal-from-top/index.js",
|
|
113
116
|
"./card/reveal-from-top/style.css": "./animations/card/reveal-from-top/style.css",
|
|
114
117
|
"./card/reveal-from-top/react": "./animations/card/reveal-from-top/react.tsx",
|
|
118
|
+
"./card/magic-ui-border-beam": "./animations/card/magic-ui-border-beam/index.js",
|
|
119
|
+
"./card/magic-ui-border-beam/style.css": "./animations/card/magic-ui-border-beam/style.css",
|
|
120
|
+
"./card/magic-ui-border-beam/react": "./animations/card/magic-ui-border-beam/react.tsx",
|
|
115
121
|
"./shared/text-split": "./shared/text-split.js",
|
|
116
122
|
"./react": "./react-barrel.js"
|
|
117
123
|
},
|
package/react-barrel.js
CHANGED
|
@@ -10,6 +10,7 @@ export { AnimSplitText } from './animations/header/split-text/react.tsx'
|
|
|
10
10
|
export { AnimGradientText } from './animations/header/gradient-text/react.tsx'
|
|
11
11
|
export { AnimTextType } from './animations/header/text-type/react.tsx'
|
|
12
12
|
export { AnimFlyInChars } from './animations/header/fly-in-chars/react.tsx'
|
|
13
|
+
export { AnimBlurToSharpRise } from './animations/header/blur-to-sharp-rise/react.tsx'
|
|
13
14
|
export { AnimShuffle } from './animations/header/shuffle/react.tsx'
|
|
14
15
|
export { AnimWordCurtainReveal } from './animations/header/word-curtain-reveal/react.tsx'
|
|
15
16
|
export { AnimRollIn } from './animations/header/roll-in/react.tsx'
|
|
@@ -42,3 +43,4 @@ export { AnimImageMagnifier } from './animations/card/image-magnifier/react.tsx'
|
|
|
42
43
|
export { AnimPopInStack } from './animations/card/pop-in-stack/react.tsx'
|
|
43
44
|
export { AnimBounceInBottom } from './animations/card/bounce-in-bottom/react.tsx'
|
|
44
45
|
export { AnimRevealFromTop } from './animations/card/reveal-from-top/react.tsx'
|
|
46
|
+
export { AnimMagicUIBorderBeam } from './animations/card/magic-ui-border-beam/react.tsx'
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|