@readdy/anim 0.0.21

package/dist/chunks/text-split-D02jltVh.js

@@ -0,0 +1,191 @@
+import { a as buildAnimClass } from './constants-ZTHic1pf.js';
+
+/**
+ * @readdy/anim/shared/text-split.js
+ *
+ * 文本拆字工具 —— 将元素内的文字拆分为带 stagger delay 的 span，
+ * 用于 text-split 类动效（letter-bounce、split-text、fly-in-chars 等）。
+ *
+ * init(el) 调用此工具，destroy(el) 恢复 el.dataset.originalText。
+ *
+ * 规则：
+ * - 只拆 textNode，保留元素节点（<em>、<strong>、<span class="icon"> 等）不动
+ * - 空白字符不拆，保留为原样
+ * - 超过 maxChars 字符时自动降级为按词拆分（splitTextIntoWords）
+ * - 拆字前保存原始 innerHTML 到 el.dataset.originalText（只在内部保存一次）
+ */
+
+
+// ─────────────────────────────────────────────────────────
+// 公开 API
+// ─────────────────────────────────────────────────────────
+
+/**
+ * 将元素内的文本拆分为逐字 span，每个 span 带有 animation-delay。
+ *
+ * @param el       目标元素
+ * @param options  配置项
+ * @param options.stagger    每个字符的延迟增量（ms），默认 60
+ * @param options.charClass  span 的 class 名，默认 'readdy-anim-char'
+ * @param options.maxChars   超长文本降级阈值，默认 200
+ */
+function splitTextIntoChars(el, options = {}) {
+  const {
+    stagger = 60,
+    charClass = buildAnimClass('char'),
+    maxChars = 200,
+  } = options;
+
+  // 保存原始内容，供 destroy 恢复（只在内部保存，各动效 init 不重复保存）
+  if (!el.dataset.originalText) {
+    el.dataset.originalText = el.innerHTML;
+  }
+
+  const textLength = el.textContent.trim().length;
+
+  // 超长文本降级为按词拆分
+  if (textLength > maxChars) {
+    splitTextIntoWords(el, { stagger: stagger * 2, wordClass: charClass });
+    return
+  }
+
+  let charIndex = 0;
+  walkAndSplit(el, charClass, stagger, () => charIndex++);
+}
+
+/**
+ * 将元素内的文本按词拆分，每个词包在一个 span 中。
+ *
+ * @param el       目标元素
+ * @param options  配置项
+ * @param options.stagger    每个词的延迟增量（ms），默认 120
+ * @param options.wordClass  span 的 class 名，默认 'readdy-anim-word'
+ */
+function splitTextIntoWords(el, options = {}) {
+  const {
+    stagger = 120,
+    wordClass = buildAnimClass('word'),
+  } = options;
+
+  // 保存原始内容，供 destroy 恢复
+  if (!el.dataset.originalText) {
+    el.dataset.originalText = el.innerHTML;
+  }
+
+  let wordIndex = 0;
+  walkAndSplitByWord(el, wordClass, stagger, () => wordIndex++);
+}
+
+// ─────────────────────────────────────────────────────────
+// 内部实现
+// ─────────────────────────────────────────────────────────
+
+/**
+ * 不应该拆分的子元素标签 —— 这些标签内的文本保持原样
+ */
+const PRESERVE_TAGS = new Set([
+  'SVG', 'IMG', 'VIDEO', 'IFRAME', 'CANVAS', 'SCRIPT', 'STYLE',
+]);
+
+/**
+ * 判断是否为空白字符（不拆）
+ */
+function isWhitespace(char) {
+  return char === ' ' || char === '\n' || char === '\t' || char === ' '
+}
+
+/**
+ * 递归遍历 DOM 树，将所有 textNode 拆成逐字 span。
+ *
+ * @param node          当前遍历的节点
+ * @param charClass     span 的 class 名
+ * @param stagger       每个字符的延迟增量（ms）
+ * @param nextIndex     返回当前字符索引的函数（每次 +1）
+ */
+function walkAndSplit(node, charClass, stagger, nextIndex) {
+  // 要遍历的子节点列表（先快照，因为遍历过程中会修改 DOM）
+  const children = Array.from(node.childNodes);
+
+  for (const child of children) {
+    if (child.nodeType === Node.ELEMENT_NODE) {
+      // 元素节点：保留标签，递归进入
+      if (PRESERVE_TAGS.has(child.tagName.toUpperCase())) {
+        continue // svg/img 等不拆
+      }
+      walkAndSplit(child, charClass, stagger, nextIndex);
+
+    } else if (child.nodeType === Node.TEXT_NODE) {
+      // 文本节点：拆字
+      const text = child.textContent;
+      if (!text) continue
+
+      const fragment = document.createDocumentFragment();
+
+      for (let i = 0; i < text.length; i++) {
+        const char = text[i];
+
+        if (isWhitespace(char)) {
+          // 空白字符保留为文本节点，不拆
+          fragment.appendChild(document.createTextNode(char));
+        } else {
+          // 非空白字符 → 包在 span 里
+          const span = document.createElement('span');
+          span.className = charClass;
+          span.style.animationDelay = `${nextIndex() * stagger}ms`;
+          span.textContent = char;
+          fragment.appendChild(span);
+        }
+      }
+
+      // 替换原始文本节点
+      child.parentNode.replaceChild(fragment, child);
+    }
+  }
+}
+
+/**
+ * 递归遍历 DOM 树，将所有 textNode 按词拆分。
+ *
+ * @param node          当前遍历的节点
+ * @param wordClass     span 的 class 名
+ * @param stagger       每个词的延迟增量（ms）
+ * @param nextIndex     返回当前词索引的函数（每次 +1）
+ */
+function walkAndSplitByWord(node, wordClass, stagger, nextIndex) {
+  const children = Array.from(node.childNodes);
+
+  for (const child of children) {
+    if (child.nodeType === Node.ELEMENT_NODE) {
+      if (PRESERVE_TAGS.has(child.tagName.toUpperCase())) {
+        continue
+      }
+      walkAndSplitByWord(child, wordClass, stagger, nextIndex);
+
+    } else if (child.nodeType === Node.TEXT_NODE) {
+      const text = child.textContent;
+      if (!text) continue
+
+      // 按空白分词，保留原始空白
+      const words = text.split(/(\s+)/);
+      const fragment = document.createDocumentFragment();
+
+      for (const part of words) {
+        if (/^\s*$/.test(part)) {
+          // 纯空白，保留为文本节点
+          fragment.appendChild(document.createTextNode(part));
+        } else {
+          // 非空白词 → 包在 span 里
+          const span = document.createElement('span');
+          span.className = wordClass;
+          span.style.animationDelay = `${nextIndex() * stagger}ms`;
+          span.textContent = part;
+          fragment.appendChild(span);
+        }
+      }
+
+      child.parentNode.replaceChild(fragment, child);
+    }
+  }
+}
+
+export { splitTextIntoChars as s };

package/dist/chunks/text-split-frOR4UpH.js

@@ -0,0 +1,191 @@
+import { a as buildAnimClass } from './constants-EnH6-Pz4.js';
+
+/**
+ * @readdy/anim/shared/text-split.js
+ *
+ * 文本拆字工具 —— 将元素内的文字拆分为带 stagger delay 的 span，
+ * 用于 text-split 类动效（letter-bounce、split-text、fly-in-chars 等）。
+ *
+ * init(el) 调用此工具，destroy(el) 恢复 el.dataset.originalText。
+ *
+ * 规则：
+ * - 只拆 textNode，保留元素节点（<em>、<strong>、<span class="icon"> 等）不动
+ * - 空白字符不拆，保留为原样
+ * - 超过 maxChars 字符时自动降级为按词拆分（splitTextIntoWords）
+ * - 拆字前保存原始 innerHTML 到 el.dataset.originalText（只在内部保存一次）
+ */
+
+
+// ─────────────────────────────────────────────────────────
+// 公开 API
+// ─────────────────────────────────────────────────────────
+
+/**
+ * 将元素内的文本拆分为逐字 span，每个 span 带有 animation-delay。
+ *
+ * @param el       目标元素
+ * @param options  配置项
+ * @param options.stagger    每个字符的延迟增量（ms），默认 60
+ * @param options.charClass  span 的 class 名，默认 'readdy-anim-char'
+ * @param options.maxChars   超长文本降级阈值，默认 200
+ */
+function splitTextIntoChars(el, options = {}) {
+  const {
+    stagger = 60,
+    charClass = buildAnimClass('char'),
+    maxChars = 200,
+  } = options;
+
+  // 保存原始内容，供 destroy 恢复（只在内部保存，各动效 init 不重复保存）
+  if (!el.dataset.originalText) {
+    el.dataset.originalText = el.innerHTML;
+  }
+
+  const textLength = el.textContent.trim().length;
+
+  // 超长文本降级为按词拆分
+  if (textLength > maxChars) {
+    splitTextIntoWords(el, { stagger: stagger * 2, wordClass: charClass });
+    return
+  }
+
+  let charIndex = 0;
+  walkAndSplit(el, charClass, stagger, () => charIndex++);
+}
+
+/**
+ * 将元素内的文本按词拆分，每个词包在一个 span 中。
+ *
+ * @param el       目标元素
+ * @param options  配置项
+ * @param options.stagger    每个词的延迟增量（ms），默认 120
+ * @param options.wordClass  span 的 class 名，默认 'readdy-anim-word'
+ */
+function splitTextIntoWords(el, options = {}) {
+  const {
+    stagger = 120,
+    wordClass = buildAnimClass('word'),
+  } = options;
+
+  // 保存原始内容，供 destroy 恢复
+  if (!el.dataset.originalText) {
+    el.dataset.originalText = el.innerHTML;
+  }
+
+  let wordIndex = 0;
+  walkAndSplitByWord(el, wordClass, stagger, () => wordIndex++);
+}
+
+// ─────────────────────────────────────────────────────────
+// 内部实现
+// ─────────────────────────────────────────────────────────
+
+/**
+ * 不应该拆分的子元素标签 —— 这些标签内的文本保持原样
+ */
+const PRESERVE_TAGS = new Set([
+  'SVG', 'IMG', 'VIDEO', 'IFRAME', 'CANVAS', 'SCRIPT', 'STYLE',
+]);
+
+/**
+ * 判断是否为空白字符（不拆）
+ */
+function isWhitespace(char) {
+  return char === ' ' || char === '\n' || char === '\t' || char === ' '
+}
+
+/**
+ * 递归遍历 DOM 树，将所有 textNode 拆成逐字 span。
+ *
+ * @param node          当前遍历的节点
+ * @param charClass     span 的 class 名
+ * @param stagger       每个字符的延迟增量（ms）
+ * @param nextIndex     返回当前字符索引的函数（每次 +1）
+ */
+function walkAndSplit(node, charClass, stagger, nextIndex) {
+  // 要遍历的子节点列表（先快照，因为遍历过程中会修改 DOM）
+  const children = Array.from(node.childNodes);
+
+  for (const child of children) {
+    if (child.nodeType === Node.ELEMENT_NODE) {
+      // 元素节点：保留标签，递归进入
+      if (PRESERVE_TAGS.has(child.tagName.toUpperCase())) {
+        continue // svg/img 等不拆
+      }
+      walkAndSplit(child, charClass, stagger, nextIndex);
+
+    } else if (child.nodeType === Node.TEXT_NODE) {
+      // 文本节点：拆字
+      const text = child.textContent;
+      if (!text) continue
+
+      const fragment = document.createDocumentFragment();
+
+      for (let i = 0; i < text.length; i++) {
+        const char = text[i];
+
+        if (isWhitespace(char)) {
+          // 空白字符保留为文本节点，不拆
+          fragment.appendChild(document.createTextNode(char));
+        } else {
+          // 非空白字符 → 包在 span 里
+          const span = document.createElement('span');
+          span.className = charClass;
+          span.style.animationDelay = `${nextIndex() * stagger}ms`;
+          span.textContent = char;
+          fragment.appendChild(span);
+        }
+      }
+
+      // 替换原始文本节点
+      child.parentNode.replaceChild(fragment, child);
+    }
+  }
+}
+
+/**
+ * 递归遍历 DOM 树，将所有 textNode 按词拆分。
+ *
+ * @param node          当前遍历的节点
+ * @param wordClass     span 的 class 名
+ * @param stagger       每个词的延迟增量（ms）
+ * @param nextIndex     返回当前词索引的函数（每次 +1）
+ */
+function walkAndSplitByWord(node, wordClass, stagger, nextIndex) {
+  const children = Array.from(node.childNodes);
+
+  for (const child of children) {
+    if (child.nodeType === Node.ELEMENT_NODE) {
+      if (PRESERVE_TAGS.has(child.tagName.toUpperCase())) {
+        continue
+      }
+      walkAndSplitByWord(child, wordClass, stagger, nextIndex);
+
+    } else if (child.nodeType === Node.TEXT_NODE) {
+      const text = child.textContent;
+      if (!text) continue
+
+      // 按空白分词，保留原始空白
+      const words = text.split(/(\s+)/);
+      const fragment = document.createDocumentFragment();
+
+      for (const part of words) {
+        if (/^\s*$/.test(part)) {
+          // 纯空白，保留为文本节点
+          fragment.appendChild(document.createTextNode(part));
+        } else {
+          // 非空白词 → 包在 span 里
+          const span = document.createElement('span');
+          span.className = wordClass;
+          span.style.animationDelay = `${nextIndex() * stagger}ms`;
+          span.textContent = part;
+          fragment.appendChild(span);
+        }
+      }
+
+      child.parentNode.replaceChild(fragment, child);
+    }
+  }
+}
+
+export { splitTextIntoChars as s };

package/dist/full.css

@@ -0,0 +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{-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-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-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-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-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}}.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-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-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-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}}.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}}.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-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-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-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-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-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-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}}.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}}@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-card-flip{display:block;perspective:var(--readdy-anim-card-flip-perspective,2000px);position:relative;transform-style:preserve-3d}.readdy-anim-card-flip .readdy-anim-card-flip-inner,.readdy-anim-card-flip .readdy-anim-card-flip-scene{height:100%;min-height:inherit;position:relative;width:100%}.readdy-anim-card-flip .readdy-anim-card-flip-inner{transform-style:preserve-3d;transition:transform var(--readdy-anim-card-flip-duration,.5s) cubic-bezier(.77,0,.175,1);will-change:transform}.readdy-anim-card-flip:focus-within .readdy-anim-card-flip-inner,.readdy-anim-card-flip:hover .readdy-anim-card-flip-inner{transform:rotateY(180deg)}.readdy-anim-card-flip .readdy-anim-card-flip-face{backface-visibility:hidden;border-radius:inherit;box-sizing:border-box;display:block;height:100%;inset:0;overflow:hidden;position:absolute;transform-style:preserve-3d;width:100%}.readdy-anim-card-flip .readdy-anim-card-flip-front{z-index:2}.readdy-anim-card-flip .readdy-anim-card-flip-back{filter:saturate(.92) brightness(.95);transform:rotateY(180deg)}.readdy-anim-card-flip .readdy-anim-card-flip-back:after{background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.1)),radial-gradient(circle at top right,hsla(0,0%,100%,.22),transparent 42%);content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.readdy-anim-card-flip .readdy-anim-card-flip-back>*{pointer-events:none!important}@media (prefers-reduced-motion:reduce){.readdy-anim-card-flip .readdy-anim-card-flip-inner{transition: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}}.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-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}}@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-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}}