@readdy/anim 0.0.25 → 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/header/gradient-text/index.js +36 -0
- package/animations/header/gradient-text/style.css +8 -2
- package/animations/header/shimmer-text/index.js +36 -0
- package/animations/header/shimmer-text/style.css +7 -2
- 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 +2 -2
- package/dist/button/confetti-button.js +2 -2
- 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-Bmp_5COC.js → text-split-6ct2SEme.js} +1 -1
- package/dist/chunks/{text-split-C_eLSddh.js → text-split-CdeSt_Fu.js} +1 -1
- package/dist/full.css +1 -1
- package/dist/full.js +72 -0
- 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 +37 -37
- package/dist/react.css +1 -1
- package/package.json +1 -1
- /package/dist/chunks/{constants-BupFX_Dk.js → constants-B4SUCot6.js} +0 -0
- /package/dist/chunks/{constants-CVRGZ96T.js → constants-Ckf5cPIt.js} +0 -0
- /package/dist/chunks/{pointer-follow-Buww6tad.js → pointer-follow-BM2eyAGD.js} +0 -0
- /package/dist/chunks/{pointer-follow-DfG8HmLQ.js → pointer-follow-p3-xoxQh.js} +0 -0
- /package/dist/chunks/{reduced-motion-B30dZ881.js → reduced-motion-Bay2Fxcs.js} +0 -0
- /package/dist/chunks/{reduced-motion-BzMJn11e.js → reduced-motion-CZ_p2Mh_.js} +0 -0
- /package/dist/chunks/{resolve-card-media-BtaUKaDe.js → resolve-card-media-C0BoIACv.js} +0 -0
- /package/dist/chunks/{resolve-card-media-v4wxjviw.js → resolve-card-media-cXysS2d2.js} +0 -0
package/dist/metadata.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
|
-
"libraryVersion": "0.0.
|
|
3
|
+
"libraryVersion": "0.0.26",
|
|
4
4
|
"animations": [
|
|
5
5
|
{
|
|
6
6
|
"id": "anim-readdy-header-letter-bounce",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"conflictsWith": [],
|
|
36
36
|
"previewVariant": "text-wave",
|
|
37
37
|
"previewImage": "https://static.readdy.ai/anim/previews/header/letter-bounce.gif",
|
|
38
|
-
"prompt": "Apply Letter Bounce animation from @readdy/anim@0.0.
|
|
38
|
+
"prompt": "Apply Letter Bounce animation from @readdy/anim@0.0.26\n\nImport: import { AnimLetterBounce } from '@readdy/anim/header/letter-bounce/react';\nUsage: Replace the target text element with <AnimLetterBounce text=\"...\" tag=\"h1\" stagger={60} duration={700} />. Use the original element tag for the tag prop. Preserve dynamic expressions such as i18n calls when possible.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without character animation.",
|
|
39
39
|
"sortOrder": 101
|
|
40
40
|
},
|
|
41
41
|
{
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"conflictsWith": [],
|
|
62
62
|
"previewVariant": "bounce-in-down",
|
|
63
63
|
"previewImage": "https://static.readdy.ai/anim/previews/header/bounce-in-down.gif",
|
|
64
|
-
"prompt": "Apply Bounce In Down animation from @readdy/anim@0.0.
|
|
64
|
+
"prompt": "Apply Bounce In Down animation from @readdy/anim@0.0.26\n\nImport: import { AnimBounceInDown } from '@readdy/anim/header/bounce-in-down/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimBounceInDown duration={800}>...</AnimBounceInDown>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the text visible without bounce motion.",
|
|
65
65
|
"sortOrder": 102
|
|
66
66
|
},
|
|
67
67
|
{
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"conflictsWith": [],
|
|
77
77
|
"previewVariant": "text-shimmer",
|
|
78
78
|
"previewImage": "https://static.readdy.ai/anim/previews/header/shimmer-text.gif",
|
|
79
|
-
"prompt": "Apply Shimmer Text animation from @readdy/anim@0.0.
|
|
79
|
+
"prompt": "Apply Shimmer Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimShimmerText } from '@readdy/anim/header/shimmer-text/react';\nUsage: Replace the target text element with <AnimShimmerText text=\"...\" tag=\"h1\" stagger={45} duration={900} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without shimmer motion.",
|
|
80
80
|
"sortOrder": 102
|
|
81
81
|
},
|
|
82
82
|
{
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"conflictsWith": [],
|
|
123
123
|
"previewVariant": "text-type",
|
|
124
124
|
"previewImage": "https://static.readdy.ai/anim/previews/header/text-type.gif",
|
|
125
|
-
"prompt": "Apply Text Type animation from @readdy/anim@0.0.
|
|
125
|
+
"prompt": "Apply Text Type animation from @readdy/anim@0.0.26\n\nImport: import { AnimTextType } from '@readdy/anim/header/text-type/react';\nUsage: Replace the target text element with <AnimTextType text=\"...\" tag=\"h1\" stagger={35} duration={500} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the full text immediately.",
|
|
126
126
|
"sortOrder": 103
|
|
127
127
|
},
|
|
128
128
|
{
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
"conflictsWith": [],
|
|
138
138
|
"previewVariant": "text-gradient",
|
|
139
139
|
"previewImage": "https://static.readdy.ai/anim/previews/header/gradient-text.gif",
|
|
140
|
-
"prompt": "Apply Gradient Text animation from @readdy/anim@0.0.
|
|
140
|
+
"prompt": "Apply Gradient Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimGradientText } from '@readdy/anim/header/gradient-text/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimGradientText duration={2400}>...</AnimGradientText>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the gradient static.",
|
|
141
141
|
"sortOrder": 104
|
|
142
142
|
},
|
|
143
143
|
{
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
"conflictsWith": [],
|
|
164
164
|
"previewVariant": "text-split",
|
|
165
165
|
"previewImage": "https://static.readdy.ai/anim/previews/header/fly-in-chars.gif",
|
|
166
|
-
"prompt": "Apply Fly In Chars animation from @readdy/anim@0.0.
|
|
166
|
+
"prompt": "Apply Fly In Chars animation from @readdy/anim@0.0.26\n\nImport: import { AnimFlyInChars } from '@readdy/anim/header/fly-in-chars/react';\nUsage: Replace the target text element with <AnimFlyInChars text=\"...\" tag=\"h1\" stagger={45} duration={750} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without fly-in motion.",
|
|
167
167
|
"sortOrder": 105
|
|
168
168
|
},
|
|
169
169
|
{
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
"conflictsWith": [],
|
|
181
181
|
"previewVariant": "box-blur-rise",
|
|
182
182
|
"previewImage": "https://static.readdy.ai/anim/previews/header/blur-to-sharp-rise.gif",
|
|
183
|
-
"prompt": "Apply Blur-to-sharp Rise animation from @readdy/anim@0.0.
|
|
183
|
+
"prompt": "Apply Blur-to-sharp Rise animation from @readdy/anim@0.0.26\n\nImport: import { AnimBlurToSharpRise } from '@readdy/anim/header/blur-to-sharp-rise/react';\nUsage: Wrap the target heading or text container without adding an extra wrapper: <AnimBlurToSharpRise>...</AnimBlurToSharpRise>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the text immediately without blur or rise motion.",
|
|
184
184
|
"sortOrder": 106
|
|
185
185
|
},
|
|
186
186
|
{
|
|
@@ -206,7 +206,7 @@
|
|
|
206
206
|
"conflictsWith": [],
|
|
207
207
|
"previewVariant": "roll-in",
|
|
208
208
|
"previewImage": "https://static.readdy.ai/anim/previews/header/roll-in.gif",
|
|
209
|
-
"prompt": "Apply Roll In animation from @readdy/anim@0.0.
|
|
209
|
+
"prompt": "Apply Roll In animation from @readdy/anim@0.0.26\n\nImport: import { AnimRollIn } from '@readdy/anim/header/roll-in/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimRollIn duration={700}>...</AnimRollIn>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the text visible without entrance motion.",
|
|
210
210
|
"sortOrder": 106
|
|
211
211
|
},
|
|
212
212
|
{
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
"conflictsWith": [],
|
|
243
243
|
"previewVariant": "text-split",
|
|
244
244
|
"previewImage": "https://static.readdy.ai/anim/previews/header/split-text.gif",
|
|
245
|
-
"prompt": "Apply Split Text animation from @readdy/anim@0.0.
|
|
245
|
+
"prompt": "Apply Split Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimSplitText } from '@readdy/anim/header/split-text/react';\nUsage: Replace the target text element with <AnimSplitText text=\"...\" tag=\"h1\" stagger={50} duration={650} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without split animation.",
|
|
246
246
|
"sortOrder": 107
|
|
247
247
|
},
|
|
248
248
|
{
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
"conflictsWith": [],
|
|
299
299
|
"previewVariant": "text-shuffle",
|
|
300
300
|
"previewImage": "https://static.readdy.ai/anim/previews/header/shuffle.gif",
|
|
301
|
-
"prompt": "Apply Shuffle animation from @readdy/anim@0.0.
|
|
301
|
+
"prompt": "Apply Shuffle animation from @readdy/anim@0.0.26\n\nImport: import { AnimShuffle } from '@readdy/anim/header/shuffle/react';\nUsage: Replace the target text element with <AnimShuffle text=\"...\" tag=\"h1\" stagger={30} duration={800} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the final text without shuffle motion.",
|
|
302
302
|
"sortOrder": 108
|
|
303
303
|
},
|
|
304
304
|
{
|
|
@@ -324,7 +324,7 @@
|
|
|
324
324
|
"conflictsWith": [],
|
|
325
325
|
"previewVariant": "text-wave",
|
|
326
326
|
"previewImage": "https://static.readdy.ai/anim/previews/header/anime-splittext.gif",
|
|
327
|
-
"prompt": "Apply Anime Split Text animation from @readdy/anim@0.0.
|
|
327
|
+
"prompt": "Apply Anime Split Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimAnimeSplittext } from '@readdy/anim/header/anime-splittext/react';\nUsage: Replace the target text element with <AnimAnimeSplittext text=\"...\" tag=\"h1\" stagger={55} duration={720} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without split text motion.",
|
|
328
328
|
"sortOrder": 110
|
|
329
329
|
},
|
|
330
330
|
{
|
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
"conflictsWith": [],
|
|
351
351
|
"previewVariant": "text-word-curtain",
|
|
352
352
|
"previewImage": "https://static.readdy.ai/anim/previews/header/word-curtain-reveal.gif",
|
|
353
|
-
"prompt": "Apply Word Curtain Reveal animation from @readdy/anim@0.0.
|
|
353
|
+
"prompt": "Apply Word Curtain Reveal animation from @readdy/anim@0.0.26\n\nImport: import { AnimWordCurtainReveal } from '@readdy/anim/header/word-curtain-reveal/react';\nUsage: Replace the target text element with <AnimWordCurtainReveal text=\"...\" tag=\"h1\" stagger={90} duration={850} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the text without masked reveal motion.",
|
|
354
354
|
"sortOrder": 111
|
|
355
355
|
},
|
|
356
356
|
{
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
"conflictsWith": [],
|
|
377
377
|
"previewVariant": "3d-flip",
|
|
378
378
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/3d-flip.gif",
|
|
379
|
-
"prompt": "Apply 3D Flip animation from @readdy/anim@0.0.
|
|
379
|
+
"prompt": "Apply 3D Flip animation from @readdy/anim@0.0.26\n\nImport: import { Anim3DFlip } from '@readdy/anim/button/3d-flip/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <Anim3DFlip maxTilt={15} duration={450}>...</Anim3DFlip>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach 3D transform behavior.",
|
|
380
380
|
"sortOrder": 201
|
|
381
381
|
},
|
|
382
382
|
{
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
"conflictsWith": [],
|
|
404
404
|
"previewVariant": "btn-scale",
|
|
405
405
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/magnetic-hover.gif",
|
|
406
|
-
"prompt": "Apply Magnetic Hover animation from @readdy/anim@0.0.
|
|
406
|
+
"prompt": "Apply Magnetic Hover animation from @readdy/anim@0.0.26\n\nImport: import { AnimMagneticHover } from '@readdy/anim/button/magnetic-hover/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimMagneticHover strength={0.08} duration={300}>...</AnimMagneticHover>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-driven transform behavior.",
|
|
407
407
|
"sortOrder": 201
|
|
408
408
|
},
|
|
409
409
|
{
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
"conflictsWith": [],
|
|
470
470
|
"previewVariant": "border-beam",
|
|
471
471
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/border-beam.gif",
|
|
472
|
-
"prompt": "Apply Border Beam animation from @readdy/anim@0.0.
|
|
472
|
+
"prompt": "Apply Border Beam animation from @readdy/anim@0.0.26\n\nImport: import { AnimBorderBeam } from '@readdy/anim/button/border-beam/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBorderBeam duration={1800}>...</AnimBorderBeam>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the border treatment static.",
|
|
473
473
|
"sortOrder": 203
|
|
474
474
|
},
|
|
475
475
|
{
|
|
@@ -484,7 +484,7 @@
|
|
|
484
484
|
"conflictsWith": [],
|
|
485
485
|
"previewVariant": "bounce-elastic",
|
|
486
486
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/bounce-elastic.gif",
|
|
487
|
-
"prompt": "Apply Bounce Elastic animation from @readdy/anim@0.0.
|
|
487
|
+
"prompt": "Apply Bounce Elastic animation from @readdy/anim@0.0.26\n\nImport: import { AnimBounceElastic } from '@readdy/anim/button/bounce-elastic/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBounceElastic duration={650}>...</AnimBounceElastic>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the button static.",
|
|
488
488
|
"sortOrder": 204
|
|
489
489
|
},
|
|
490
490
|
{
|
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
"conflictsWith": [],
|
|
500
500
|
"previewVariant": "btn-rainbow",
|
|
501
501
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/rainbow-button.gif",
|
|
502
|
-
"prompt": "Apply Rainbow Button animation from @readdy/anim@0.0.
|
|
502
|
+
"prompt": "Apply Rainbow Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimRainbowButton } from '@readdy/anim/button/rainbow-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimRainbowButton duration={2200}>...</AnimRainbowButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the gradient static.",
|
|
503
503
|
"sortOrder": 204
|
|
504
504
|
},
|
|
505
505
|
{
|
|
@@ -514,7 +514,7 @@
|
|
|
514
514
|
"conflictsWith": [],
|
|
515
515
|
"previewVariant": "btn-sketch",
|
|
516
516
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/sketch-button.gif",
|
|
517
|
-
"prompt": "Apply Sketch Button animation from @readdy/anim@0.0.
|
|
517
|
+
"prompt": "Apply Sketch Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimSketchButton } from '@readdy/anim/button/sketch-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimSketchButton jitter={2} duration={450}>...</AnimSketchButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the button static.",
|
|
518
518
|
"sortOrder": 205
|
|
519
519
|
},
|
|
520
520
|
{
|
|
@@ -535,7 +535,7 @@
|
|
|
535
535
|
"conflictsWith": [],
|
|
536
536
|
"previewVariant": "btn-confetti",
|
|
537
537
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/confetti-button.gif",
|
|
538
|
-
"prompt": "Apply Confetti Button animation from @readdy/anim@0.0.
|
|
538
|
+
"prompt": "Apply Confetti Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimConfettiButton } from '@readdy/anim/button/confetti-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimConfettiButton particleCount={18} spread={60}>...</AnimConfettiButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not emit confetti particles.",
|
|
539
539
|
"sortOrder": 206
|
|
540
540
|
},
|
|
541
541
|
{
|
|
@@ -571,7 +571,7 @@
|
|
|
571
571
|
"conflictsWith": [],
|
|
572
572
|
"previewVariant": "btn-glow",
|
|
573
573
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/glow-cta.gif",
|
|
574
|
-
"prompt": "Apply Glow CTA animation from @readdy/anim@0.0.
|
|
574
|
+
"prompt": "Apply Glow CTA animation from @readdy/anim@0.0.26\n\nImport: import { AnimGlowCta } from '@readdy/anim/button/glow-cta/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimGlowCta duration={1800}>...</AnimGlowCta>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the glow static or remove pulsing.",
|
|
575
575
|
"sortOrder": 207
|
|
576
576
|
},
|
|
577
577
|
{
|
|
@@ -586,7 +586,7 @@
|
|
|
586
586
|
"conflictsWith": [],
|
|
587
587
|
"previewVariant": "btn-bubble",
|
|
588
588
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/bubble-button.gif",
|
|
589
|
-
"prompt": "Apply Bubble Button animation from @readdy/anim@0.0.
|
|
589
|
+
"prompt": "Apply Bubble Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimBubbleButton } from '@readdy/anim/button/bubble-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBubbleButton intensity={1} duration={500}>...</AnimBubbleButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach bubble motion.",
|
|
590
590
|
"sortOrder": 208
|
|
591
591
|
},
|
|
592
592
|
{
|
|
@@ -601,7 +601,7 @@
|
|
|
601
601
|
"conflictsWith": [],
|
|
602
602
|
"previewVariant": "pulse",
|
|
603
603
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/pulse.gif",
|
|
604
|
-
"prompt": "Apply Pulse animation from @readdy/anim@0.0.
|
|
604
|
+
"prompt": "Apply Pulse animation from @readdy/anim@0.0.26\n\nImport: import { AnimPulse } from '@readdy/anim/button/pulse/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimPulse duration={1400}>...</AnimPulse>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, disable pulsing.",
|
|
605
605
|
"sortOrder": 209
|
|
606
606
|
},
|
|
607
607
|
{
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
"conflictsWith": [],
|
|
617
617
|
"previewVariant": "btn-blur-fade-in",
|
|
618
618
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/blur-fade-in.gif",
|
|
619
|
-
"prompt": "Apply Blur Fade In animation from @readdy/anim@0.0.
|
|
619
|
+
"prompt": "Apply Blur Fade In animation from @readdy/anim@0.0.26\n\nImport: import { AnimBlurFadeIn } from '@readdy/anim/button/blur-fade-in/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBlurFadeIn duration={650}>...</AnimBlurFadeIn>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
|
|
620
620
|
"sortOrder": 211
|
|
621
621
|
},
|
|
622
622
|
{
|
|
@@ -647,7 +647,7 @@
|
|
|
647
647
|
"conflictsWith": [],
|
|
648
648
|
"previewVariant": "shimmer-border",
|
|
649
649
|
"previewImage": "https://static.readdy.ai/anim/previews/buttons/shimmer-border.gif",
|
|
650
|
-
"prompt": "Apply Shimmer Border animation from @readdy/anim@0.0.
|
|
650
|
+
"prompt": "Apply Shimmer Border animation from @readdy/anim@0.0.26\n\nImport: import { AnimShimmerBorder } from '@readdy/anim/button/shimmer-border/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimShimmerBorder duration={1600}>...</AnimShimmerBorder>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the border treatment static.",
|
|
651
651
|
"sortOrder": 211
|
|
652
652
|
},
|
|
653
653
|
{
|
|
@@ -662,7 +662,7 @@
|
|
|
662
662
|
"conflictsWith": [],
|
|
663
663
|
"previewVariant": "blur-rise",
|
|
664
664
|
"previewImage": "https://static.readdy.ai/anim/previews/card/blur-rise.gif",
|
|
665
|
-
"prompt": "Apply Blur Rise animation from @readdy/anim@0.0.
|
|
665
|
+
"prompt": "Apply Blur Rise animation from @readdy/anim@0.0.26\n\nImport: import { AnimBlurRise } from '@readdy/anim/card/blur-rise/react';\nUsage: Wrap the target container without adding an extra wrapper: <AnimBlurRise duration={700}>...</AnimBlurRise>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
|
|
666
666
|
"sortOrder": 301
|
|
667
667
|
},
|
|
668
668
|
{
|
|
@@ -677,7 +677,7 @@
|
|
|
677
677
|
"conflictsWith": [],
|
|
678
678
|
"previewVariant": "bounce-in-bottom",
|
|
679
679
|
"previewImage": "https://static.readdy.ai/anim/previews/card/bounce-in-bottom.gif",
|
|
680
|
-
"prompt": "Apply Bounce In Bottom animation from @readdy/anim@0.0.
|
|
680
|
+
"prompt": "Apply Bounce In Bottom animation from @readdy/anim@0.0.26\n\nImport: import { AnimBounceInBottom } from '@readdy/anim/card/bounce-in-bottom/react';\nUsage: Wrap the target card without adding an extra wrapper: <AnimBounceInBottom duration={800}>...</AnimBounceInBottom>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
|
|
681
681
|
"sortOrder": 302
|
|
682
682
|
},
|
|
683
683
|
{
|
|
@@ -714,7 +714,7 @@
|
|
|
714
714
|
"conflictsWith": [],
|
|
715
715
|
"previewVariant": "card-tilt",
|
|
716
716
|
"previewImage": "https://static.readdy.ai/anim/previews/card/tilted-card.gif",
|
|
717
|
-
"prompt": "Apply Tilted Card animation from @readdy/anim@0.0.
|
|
717
|
+
"prompt": "Apply Tilted Card animation from @readdy/anim@0.0.26\n\nImport: import { AnimTiltedCard } from '@readdy/anim/card/tilted-card/react';\nUsage: Wrap the target card without adding an extra wrapper: <AnimTiltedCard maxTilt={12} strength={0.08}>...</AnimTiltedCard>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-driven tilt behavior.",
|
|
718
718
|
"sortOrder": 303
|
|
719
719
|
},
|
|
720
720
|
{
|
|
@@ -740,7 +740,7 @@
|
|
|
740
740
|
"conflictsWith": [],
|
|
741
741
|
"previewVariant": "card-flip",
|
|
742
742
|
"previewImage": "https://static.readdy.ai/anim/previews/card/card-flip.gif",
|
|
743
|
-
"prompt": "Apply Card Flip animation from @readdy/anim@0.0.
|
|
743
|
+
"prompt": "Apply Card Flip animation from @readdy/anim@0.0.26\n\nImport: import { AnimCardFlip } from '@readdy/anim/card/card-flip/react';\nUsage: Wrap the target card element with <AnimCardFlip duration={500} perspective={2000}>...</AnimCardFlip>. Preserve the original content, attributes, event handlers, responsive classes, and layout semantics.\nProps: duration: number (default: 500), perspective: number (default: 2000)\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the original element without the animation behavior.",
|
|
744
744
|
"sortOrder": 304
|
|
745
745
|
},
|
|
746
746
|
{
|
|
@@ -755,7 +755,7 @@
|
|
|
755
755
|
"conflictsWith": [],
|
|
756
756
|
"previewVariant": "float-idle",
|
|
757
757
|
"previewImage": "https://static.readdy.ai/anim/previews/card/float-idle.gif",
|
|
758
|
-
"prompt": "Apply Float Idle animation from @readdy/anim@0.0.
|
|
758
|
+
"prompt": "Apply Float Idle animation from @readdy/anim@0.0.26\n\nImport: import { AnimFloatIdle } from '@readdy/anim/card/float-idle/react';\nUsage: Wrap the target container without adding an extra wrapper: <AnimFloatIdle duration={3000}>...</AnimFloatIdle>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, disable continuous floating.",
|
|
759
759
|
"sortOrder": 305
|
|
760
760
|
},
|
|
761
761
|
{
|
|
@@ -786,7 +786,7 @@
|
|
|
786
786
|
"conflictsWith": [],
|
|
787
787
|
"previewVariant": "card-glitch",
|
|
788
788
|
"previewImage": "https://static.readdy.ai/anim/previews/card/rgb-split-glitch.gif",
|
|
789
|
-
"prompt": "Apply RGB Split Glitch animation from @readdy/anim@0.0.
|
|
789
|
+
"prompt": "Apply RGB Split Glitch animation from @readdy/anim@0.0.26\n\nImport: import { AnimRgbSplitGlitch } from '@readdy/anim/card/rgb-split-glitch/react';\nUsage: Wrap the target card or media element without adding an extra wrapper: <AnimRgbSplitGlitch duration={1200}>...</AnimRgbSplitGlitch>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, avoid glitch motion.",
|
|
790
790
|
"sortOrder": 306
|
|
791
791
|
},
|
|
792
792
|
{
|
|
@@ -827,7 +827,7 @@
|
|
|
827
827
|
"conflictsWith": [],
|
|
828
828
|
"previewVariant": "card-fan",
|
|
829
829
|
"previewImage": "https://static.readdy.ai/anim/previews/card/card-fan-spread.gif",
|
|
830
|
-
"prompt": "Apply Card Fan Spread animation from @readdy/anim@0.0.
|
|
830
|
+
"prompt": "Apply Card Fan Spread animation from @readdy/anim@0.0.26\n\nImport: import { AnimCardFanSpread } from '@readdy/anim/card/card-fan-spread/react';\nUsage: Wrap the target card stack or container without adding an extra wrapper: <AnimCardFanSpread spread={16} rotation={6}>...</AnimCardFanSpread>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep cards in their resting layout.",
|
|
831
831
|
"sortOrder": 307
|
|
832
832
|
},
|
|
833
833
|
{
|
|
@@ -858,7 +858,7 @@
|
|
|
858
858
|
"conflictsWith": [],
|
|
859
859
|
"previewVariant": "image-zoom-rotate",
|
|
860
860
|
"previewImage": "https://static.readdy.ai/anim/previews/card/image-zoom-rotate.gif",
|
|
861
|
-
"prompt": "Apply Image Zoom Rotate animation from @readdy/anim@0.0.
|
|
861
|
+
"prompt": "Apply Image Zoom Rotate animation from @readdy/anim@0.0.26\n\nImport: import { AnimImageZoomRotate } from '@readdy/anim/card/image-zoom-rotate/react';\nUsage: Wrap the target image or media card without adding an extra wrapper: <AnimImageZoomRotate zoom={1.08} rotate={2}>...</AnimImageZoomRotate>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, avoid transform-driven zoom and rotation.",
|
|
862
862
|
"sortOrder": 307
|
|
863
863
|
},
|
|
864
864
|
{
|
|
@@ -889,7 +889,7 @@
|
|
|
889
889
|
"conflictsWith": [],
|
|
890
890
|
"previewVariant": "card-magnifier",
|
|
891
891
|
"previewImage": "https://static.readdy.ai/anim/previews/card/image-magnifier.gif",
|
|
892
|
-
"prompt": "Apply Image Magnifier animation from @readdy/anim@0.0.
|
|
892
|
+
"prompt": "Apply Image Magnifier animation from @readdy/anim@0.0.26\n\nImport: import { AnimImageMagnifier } from '@readdy/anim/card/image-magnifier/react';\nUsage: Wrap the target image or media element without adding an extra wrapper: <AnimImageMagnifier zoom={2} size={120}>...</AnimImageMagnifier>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-following magnifier behavior.",
|
|
893
893
|
"sortOrder": 308
|
|
894
894
|
},
|
|
895
895
|
{
|
|
@@ -925,7 +925,7 @@
|
|
|
925
925
|
"conflictsWith": [],
|
|
926
926
|
"previewVariant": "pop-in-stack",
|
|
927
927
|
"previewImage": "https://static.readdy.ai/anim/previews/card/pop-in-stack.gif",
|
|
928
|
-
"prompt": "Apply Pop In Stack animation from @readdy/anim@0.0.
|
|
928
|
+
"prompt": "Apply Pop In Stack animation from @readdy/anim@0.0.26\n\nImport: import { AnimPopInStack } from '@readdy/anim/card/pop-in-stack/react';\nUsage: Wrap the target card or card stack without adding an extra wrapper: <AnimPopInStack distance={12} duration={600}>...</AnimPopInStack>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the stack immediately.",
|
|
929
929
|
"sortOrder": 308
|
|
930
930
|
},
|
|
931
931
|
{
|
|
@@ -940,7 +940,7 @@
|
|
|
940
940
|
"conflictsWith": [],
|
|
941
941
|
"previewVariant": "reveal-from-top",
|
|
942
942
|
"previewImage": "https://static.readdy.ai/anim/previews/card/reveal-from-top.gif",
|
|
943
|
-
"prompt": "Apply Reveal From Top animation from @readdy/anim@0.0.
|
|
943
|
+
"prompt": "Apply Reveal From Top animation from @readdy/anim@0.0.26\n\nImport: import { AnimRevealFromTop } from '@readdy/anim/card/reveal-from-top/react';\nUsage: Wrap the target card or section without adding an extra wrapper: <AnimRevealFromTop duration={700}>...</AnimRevealFromTop>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
|
|
944
944
|
"sortOrder": 309
|
|
945
945
|
},
|
|
946
946
|
{
|
|
@@ -1008,7 +1008,7 @@
|
|
|
1008
1008
|
"conflictsWith": [],
|
|
1009
1009
|
"previewVariant": "card-border-beam",
|
|
1010
1010
|
"previewImage": "https://static.readdy.ai/anim/previews/card/magic-ui-border-beam.gif",
|
|
1011
|
-
"prompt": "Apply Magic UI Border Beam animation from @readdy/anim@0.0.
|
|
1011
|
+
"prompt": "Apply Magic UI Border Beam animation from @readdy/anim@0.0.26\n\nImport: import { AnimMagicUIBorderBeam } from '@readdy/anim/card/magic-ui-border-beam/react';\nUsage: Wrap the target card or section without adding an extra wrapper: <AnimMagicUIBorderBeam duration={3000} borderWidth={1.35} glowOpacity={0.28}>...</AnimMagicUIBorderBeam>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the card border static without the moving beam.",
|
|
1012
1012
|
"sortOrder": 312
|
|
1013
1013
|
}
|
|
1014
1014
|
]
|
package/dist/react.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes readdy-anim-gradient-flow{0%{background-position:0}to{background-position:100%}}.readdy-anim-gradient-text{animation:readdy-anim-gradient-flow 3s ease-in-out infinite alternate;background:linear-gradient(90deg,#22d3ee,#a78bfa 35%,#f472b6 50%,#a78bfa 65%,#22d3ee);background-size:200% 100%;color:#0f172a}@supports ((-webkit-background-clip:text) or (background-clip:text)){.readdy-anim-gradient-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}}@media (prefers-reduced-motion:reduce){.readdy-anim-gradient-text{animation:none;background-position:0 0}}@keyframes readdy-anim-shimmer-text{to{background-position:200%}}.readdy-anim-shimmer-text{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}@supports ((-webkit-background-clip:text) or (background-clip:text)){.readdy-anim-shimmer-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}}@media (prefers-reduced-motion:reduce){.readdy-anim-shimmer-text{animation:none}}.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-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-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-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-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-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}}.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-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-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-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-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}}@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-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-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}}@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-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}}.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-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}}.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-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-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-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-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-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-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}}.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-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-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-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}}.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}}
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|