@xpert-ai/plugin-motion 0.1.0

package/assets/upstream/app/video/export.js

@@ -0,0 +1,105 @@
+/* motion-anything · video export (in-browser, no server, no watermark)
+ * Renders a VideoComp frame-by-frame to a canvas, encodes with WebCodecs VideoEncoder,
+ * and muxes to mp4 with the vendored mp4-muxer (MIT). Returns a Blob.
+ *
+ * Loaded as an ES module: import { exportMp4, canExport } from './export.js'
+ */
+import { Muxer, ArrayBufferTarget } from './vendor/mp4-muxer.js';
+
+/* feature-detect: WebCodecs present? */
+export function canExport() {
+  return typeof window !== 'undefined' && 'VideoEncoder' in window && 'VideoFrame' in window;
+}
+
+/* pick the first H.264 codec string the platform can actually encode at this size/fps */
+async function pickCodec(width, height, fps, bitrate) {
+  var candidates = ['avc1.640028', 'avc1.4D0028', 'avc1.42E01E', 'avc1.42001f'];
+  for (var i = 0; i < candidates.length; i++) {
+    try {
+      var res = await VideoEncoder.isConfigSupported({
+        codec: candidates[i], width: width, height: height, bitrate: bitrate, framerate: fps
+      });
+      if (res && res.supported) return candidates[i];
+    } catch (e) { /* try next */ }
+  }
+  return null;
+}
+
+/* exportMp4(comp, { fps, bitrate, scale }, onProgress) -> Promise<Blob>
+ *   onProgress(p) — p in 0..1 */
+export async function exportMp4(comp, opts, onProgress) {
+  opts = opts || {};
+  if (!canExport()) throw new Error('这个浏览器不支持 WebCodecs（请用较新的 Chrome/Edge）。');
+
+  var fps = opts.fps || comp.fps || 30;
+  var W = Math.round((comp.w || 1280) * (opts.scale || 1));
+  var H = Math.round((comp.h || 720) * (opts.scale || 1));
+  // even dimensions required by H.264
+  if (W % 2) W++; if (H % 2) H++;
+  var bitrate = opts.bitrate || Math.min(24e6, Math.max(2e6, Math.round(W * H * fps * 0.2)));
+
+  var codec = await pickCodec(W, H, fps, bitrate);
+  if (!codec) throw new Error('这个设备无法用 WebCodecs 编码 H.264。');
+
+  var dur = comp.duration();
+  var totalFrames = Math.max(1, Math.round(dur * fps));
+
+  // offscreen render target at export resolution (don't disturb the live preview canvas)
+  var canvas = document.createElement('canvas');
+  canvas.width = W; canvas.height = H;
+  var ctx = canvas.getContext('2d', { alpha: false });
+  var sx = W / (comp.w || W), sy = H / (comp.h || H);
+
+  var muxer = new Muxer({
+    target: new ArrayBufferTarget(),
+    video: { codec: 'avc', width: W, height: H, frameRate: fps },
+    fastStart: 'in-memory'
+  });
+
+  var encoder = new VideoEncoder({
+    output: function (chunk, meta) { muxer.addVideoChunk(chunk, meta); },
+    error: function (e) { throw e; }
+  });
+  encoder.configure({ codec: codec, width: W, height: H, bitrate: bitrate, framerate: fps });
+
+  var frameDurUs = Math.round(1e6 / fps);
+  for (var i = 0; i < totalFrames; i++) {
+    var t = i / fps;
+    // seek any video layers to this frame's media time first (await the decoded frame)
+    if (comp.seekMedia) { try { await comp.seekMedia(Math.min(t, dur)); } catch (e) {} }
+    // render at comp space, scaled to export size
+    ctx.save();
+    if (sx !== 1 || sy !== 1) ctx.scale(sx, sy);
+    comp.renderFrame(ctx, Math.min(t, dur));
+    ctx.restore();
+
+    var frame = new VideoFrame(canvas, { timestamp: i * frameDurUs, duration: frameDurUs });
+    encoder.encode(frame, { keyFrame: i % (fps * 2) === 0 });
+    frame.close();
+
+    if (onProgress) onProgress(i / totalFrames);
+    // throttle so the encoder queue doesn't balloon memory
+    if (encoder.encodeQueueSize > 8) {
+      await new Promise(function (r) { setTimeout(r, 0); });
+      while (encoder.encodeQueueSize > 4) { await new Promise(function (r) { setTimeout(r, 4); }); }
+    }
+  }
+
+  await encoder.flush();
+  muxer.finalize();
+  if (onProgress) onProgress(1);
+
+  var buf = muxer.target.buffer;
+  return new Blob([buf], { type: 'video/mp4' });
+}
+
+/* convenience: export + trigger a browser download */
+export async function exportAndDownload(comp, opts, onProgress, filename) {
+  var blob = await exportMp4(comp, opts, onProgress);
+  var url = URL.createObjectURL(blob);
+  var a = document.createElement('a');
+  a.href = url; a.download = filename || 'launch.mp4';
+  document.body.appendChild(a); a.click(); a.remove();
+  setTimeout(function () { URL.revokeObjectURL(url); }, 4000);
+  return blob;
+}

package/assets/upstream/app/video/html-capture.js

@@ -0,0 +1,124 @@
+/* motion-anything · HTML → video capture (in-browser, no server, no watermark)
+ *
+ * The HTML line ("component-level motion on a real page") can export its artifact to mp4.
+ * How it works — the "freezable timeline" convention + a frame grabber:
+ *   1. Every artifact ships window.__maTimeline (injected by MA_RUNTIME): seek(Tms) positions and
+ *      PAUSES every entrance animation at global time T; duration() is the last animation's end.
+ *   2. For each frame we seek the timeline, rasterize the live DOM to an <img> via the dependency-free
+ *      SVG <foreignObject> trick, and hand it to the existing WebCodecs exporter (export.js) as a
+ *      VideoComp-shaped adapter (w/h/fps/duration/seekMedia/renderFrame).
+ *
+ * Honest limitations (documented for the user): the foreignObject rasterizer captures CSS/DOM/SVG and
+ * same-origin images, but NOT live <canvas>/WebGL/<video> backing stores or cross-origin images.
+ * For WebGL / gaussian-splatting / video-heavy pages, use the canvas compositor (video line) or the
+ * per-canvas captureStream path — see captureCanvasElement() below.
+ */
+import { exportMp4 } from './export.js';
+
+/* Serialize a document's <body> (+ all its <style> rules) into an SVG data-URL that renders the DOM. */
+function docToSvgUrl(doc, W, H) {
+  var styleText = '';
+  var styles = doc.querySelectorAll('style');
+  for (var i = 0; i < styles.length; i++) styleText += styles[i].textContent + '\n';
+  var body = doc.body.cloneNode(true);
+  // scripts don't render and can break XML parsing; drop them
+  var scr = body.querySelectorAll('script'); for (var j = 0; j < scr.length; j++) scr[j].remove();
+  var bg = (doc.body && doc.defaultView) ? doc.defaultView.getComputedStyle(doc.body).backgroundColor : '';
+  var bodyXml = new XMLSerializer().serializeToString(body);
+  var wrap = '<div xmlns="http://www.w3.org/1999/xhtml" style="width:' + W + 'px;height:' + H + 'px;overflow:hidden;'
+    + (bg && bg !== 'rgba(0, 0, 0, 0)' ? 'background:' + bg + ';' : '') + '">'
+    + '<style>' + styleText.replace(/<\/style>/gi, '<\\/style>') + '</style>'
+    + bodyXml + '</div>';
+  var svg = '<svg xmlns="http://www.w3.org/2000/svg" width="' + W + '" height="' + H + '">'
+    + '<foreignObject x="0" y="0" width="100%" height="100%">' + wrap + '</foreignObject></svg>';
+  return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg);
+}
+
+function loadImage(url) {
+  return new Promise(function (res, rej) {
+    var img = new Image();
+    img.onload = function () { res(img); };
+    img.onerror = function () { rej(new Error('rasterize failed (cross-origin asset or invalid markup)')); };
+    img.src = url;
+  });
+}
+
+/* Build a VideoComp-shaped adapter over a live artifact document. */
+export function HtmlComp(doc, opts) {
+  opts = opts || {};
+  var win = doc.defaultView || window;
+  this.doc = doc;
+  this.w = opts.w || (doc.documentElement && doc.documentElement.clientWidth) || win.innerWidth || 1280;
+  this.h = opts.h || (doc.documentElement && doc.documentElement.clientHeight) || win.innerHeight || 720;
+  this.fps = opts.fps || 30;
+  var tl = win.__maTimeline;
+  this._durMs = (tl && tl.duration && tl.duration()) || (opts.durationMs || 4000);
+  this._pad = opts.padMs != null ? opts.padMs : 700;   // hold the final frame a beat
+  this._img = null;
+}
+HtmlComp.prototype.duration = function () { return (this._durMs + this._pad) / 1000; };
+HtmlComp.prototype.seekMedia = function (t) {
+  var self = this, win = this.doc.defaultView || window;
+  var Tms = Math.min(t * 1000, this._durMs);
+  try { if (win.__maTimeline) win.__maTimeline.seek(Tms); } catch (e) {}
+  return loadImage(docToSvgUrl(this.doc, this.w, this.h)).then(function (img) { self._img = img; })
+    .catch(function () { /* keep the previous frame on a rasterize error */ });
+};
+HtmlComp.prototype.renderFrame = function (ctx, t) {
+  ctx.save();
+  ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, this.w, this.h);
+  if (this._img) { try { ctx.drawImage(this._img, 0, 0, this.w, this.h); } catch (e) {} }
+  ctx.restore();
+};
+
+/* Public: export an artifact document to an mp4 Blob (reusing the WebCodecs pipeline). */
+export async function captureHtmlToMp4(doc, opts, onProgress) {
+  var comp = new HtmlComp(doc, opts);
+  return exportMp4(comp, { fps: comp.fps, scale: (opts && opts.scale) || 1 }, onProgress);
+}
+
+/* Public: export an artifact document to an animated GIF Blob.
+ * Same freezable-timeline frame grab as mp4; encoding via the vendored gifenc (MIT).
+ * GIFs are palette media — default to 12fps and <=640px wide to keep files sane. */
+export async function captureHtmlToGif(doc, opts, onProgress) {
+  opts = opts || {};
+  var mod = await import('./vendor/gifenc.js');
+  var comp = new HtmlComp(doc, Object.assign({}, opts, { fps: opts.fps || 12 }));
+  var fps = comp.fps;
+  var scale = opts.scale || Math.min(1, 640 / comp.w);
+  var W = Math.max(2, Math.round(comp.w * scale)), H = Math.max(2, Math.round(comp.h * scale));
+  var canvas = document.createElement('canvas'); canvas.width = W; canvas.height = H;
+  var ctx = canvas.getContext('2d', { willReadFrequently: true });
+  var gif = mod.GIFEncoder();
+  var total = Math.max(1, Math.ceil(comp.duration() * fps));
+  for (var i = 0; i < total; i++) {
+    var t = i / fps;
+    await comp.seekMedia(t);
+    ctx.save(); ctx.scale(scale, scale); comp.renderFrame(ctx, t); ctx.restore();
+    var data = ctx.getImageData(0, 0, W, H).data;
+    var palette = mod.quantize(data, 256);
+    var index = mod.applyPalette(data, palette);
+    gif.writeFrame(index, W, H, { palette: palette, delay: Math.round(1000 / fps) });
+    if (onProgress) onProgress((i + 1) / total);
+  }
+  gif.finish();
+  return new Blob([gif.bytes()], { type: 'image/gif' });
+}
+
+/* WebGL / animated-canvas path: a live <canvas> (incl. WebGL) CAN be captured via captureStream.
+ * Returns a webm Blob. Use for gaussian-splatting / shader pages where the foreignObject grabber
+ * cannot see the GL backing store. Records in real time for `seconds`. */
+export function captureCanvasElement(canvas, seconds, mime) {
+  return new Promise(function (res, rej) {
+    if (!canvas.captureStream) { rej(new Error('canvas.captureStream unsupported')); return; }
+    var type = mime || (MediaRecorder.isTypeSupported && MediaRecorder.isTypeSupported('video/webm;codecs=vp9') ? 'video/webm;codecs=vp9' : 'video/webm');
+    var stream = canvas.captureStream(30);
+    var chunks = [];
+    var rec = new MediaRecorder(stream, { mimeType: type, videoBitsPerSecond: 12e6 });
+    rec.ondataavailable = function (e) { if (e.data && e.data.size) chunks.push(e.data); };
+    rec.onstop = function () { res(new Blob(chunks, { type: type })); };
+    rec.onerror = function (e) { rej(e.error || e); };
+    rec.start();
+    setTimeout(function () { try { rec.stop(); } catch (e) { rej(e); } }, Math.max(500, (seconds || 5) * 1000));
+  });
+}

package/assets/upstream/recipes/animxyz/_runtime/animxyz.css

@@ -0,0 +1,2 @@
+@-webkit-keyframes xyz-in-keyframes{0%{opacity:var(--xyz-in-opacity,var(--xyz-opacity,1));transform:var(--xyz-in-transform,var(--xyz-transform,perspective(var(--xyz-in-perspective,var(--xyz-perspective,var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x,var(--xyz-translate-x,0)),var(--xyz-in-translate-y,var(--xyz-translate-y,0)),var(--xyz-in-translate-z,var(--xyz-translate-z,0))) rotateX(var(--xyz-in-rotate-x,var(--xyz-rotate-x,0))) rotateY(var(--xyz-in-rotate-y,var(--xyz-rotate-y,0))) rotateZ(var(--xyz-in-rotate-z,var(--xyz-rotate-z,0))) scale3d(var(--xyz-in-scale-x,var(--xyz-scale-x,1)),var(--xyz-in-scale-y,var(--xyz-scale-y,1)),var(--xyz-in-scale-z,var(--xyz-scale-z,1))) skew(var(--xyz-in-skew-x,var(--xyz-skew-x,0)),var(--xyz-in-skew-y,var(--xyz-skew-y,0)))))}}@keyframes xyz-in-keyframes{0%{opacity:var(--xyz-in-opacity,var(--xyz-opacity,1));transform:var(--xyz-in-transform,var(--xyz-transform,perspective(var(--xyz-in-perspective,var(--xyz-perspective,var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x,var(--xyz-translate-x,0)),var(--xyz-in-translate-y,var(--xyz-translate-y,0)),var(--xyz-in-translate-z,var(--xyz-translate-z,0))) rotateX(var(--xyz-in-rotate-x,var(--xyz-rotate-x,0))) rotateY(var(--xyz-in-rotate-y,var(--xyz-rotate-y,0))) rotateZ(var(--xyz-in-rotate-z,var(--xyz-rotate-z,0))) scale3d(var(--xyz-in-scale-x,var(--xyz-scale-x,1)),var(--xyz-in-scale-y,var(--xyz-scale-y,1)),var(--xyz-in-scale-z,var(--xyz-scale-z,1))) skew(var(--xyz-in-skew-x,var(--xyz-skew-x,0)),var(--xyz-in-skew-y,var(--xyz-skew-y,0)))))}}@-webkit-keyframes xyz-out-keyframes{0%{opacity:var(--xyz-out-opacity,var(--xyz-opacity,1));transform:var(--xyz-out-transform,var(--xyz-transform,perspective(var(--xyz-out-perspective,var(--xyz-perspective,var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x,var(--xyz-translate-x,0)),var(--xyz-out-translate-y,var(--xyz-translate-y,0)),var(--xyz-out-translate-z,var(--xyz-translate-z,0))) rotateX(var(--xyz-out-rotate-x,var(--xyz-rotate-x,0))) rotateY(var(--xyz-out-rotate-y,var(--xyz-rotate-y,0))) rotateZ(var(--xyz-out-rotate-z,var(--xyz-rotate-z,0))) scale3d(var(--xyz-out-scale-x,var(--xyz-scale-x,1)),var(--xyz-out-scale-y,var(--xyz-scale-y,1)),var(--xyz-out-scale-z,var(--xyz-scale-z,1))) skew(var(--xyz-out-skew-x,var(--xyz-skew-x,0)),var(--xyz-out-skew-y,var(--xyz-skew-y,0)))))}}@keyframes xyz-out-keyframes{0%{opacity:var(--xyz-out-opacity,var(--xyz-opacity,1));transform:var(--xyz-out-transform,var(--xyz-transform,perspective(var(--xyz-out-perspective,var(--xyz-perspective,var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x,var(--xyz-translate-x,0)),var(--xyz-out-translate-y,var(--xyz-translate-y,0)),var(--xyz-out-translate-z,var(--xyz-translate-z,0))) rotateX(var(--xyz-out-rotate-x,var(--xyz-rotate-x,0))) rotateY(var(--xyz-out-rotate-y,var(--xyz-rotate-y,0))) rotateZ(var(--xyz-out-rotate-z,var(--xyz-rotate-z,0))) scale3d(var(--xyz-out-scale-x,var(--xyz-scale-x,1)),var(--xyz-out-scale-y,var(--xyz-scale-y,1)),var(--xyz-out-scale-z,var(--xyz-scale-z,1))) skew(var(--xyz-out-skew-x,var(--xyz-skew-x,0)),var(--xyz-out-skew-y,var(--xyz-skew-y,0)))))}}@-webkit-keyframes xyz-appear-keyframes{0%{opacity:var(--xyz-appear-opacity,var(--xyz-opacity,1));transform:var(--xyz-appear-transform,var(--xyz-transform,perspective(var(--xyz-appear-perspective,var(--xyz-perspective,var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x,var(--xyz-translate-x,0)),var(--xyz-appear-translate-y,var(--xyz-translate-y,0)),var(--xyz-appear-translate-z,var(--xyz-translate-z,0))) rotateX(var(--xyz-appear-rotate-x,var(--xyz-rotate-x,0))) rotateY(var(--xyz-appear-rotate-y,var(--xyz-rotate-y,0))) rotateZ(var(--xyz-appear-rotate-z,var(--xyz-rotate-z,0))) scale3d(var(--xyz-appear-scale-x,var(--xyz-scale-x,1)),var(--xyz-appear-scale-y,var(--xyz-scale-y,1)),var(--xyz-appear-scale-z,var(--xyz-scale-z,1))) skew(var(--xyz-appear-skew-x,var(--xyz-skew-x,0)),var(--xyz-appear-skew-y,var(--xyz-skew-y,0)))))}}@keyframes xyz-appear-keyframes{0%{opacity:var(--xyz-appear-opacity,var(--xyz-opacity,1));transform:var(--xyz-appear-transform,var(--xyz-transform,perspective(var(--xyz-appear-perspective,var(--xyz-perspective,var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x,var(--xyz-translate-x,0)),var(--xyz-appear-translate-y,var(--xyz-translate-y,0)),var(--xyz-appear-translate-z,var(--xyz-translate-z,0))) rotateX(var(--xyz-appear-rotate-x,var(--xyz-rotate-x,0))) rotateY(var(--xyz-appear-rotate-y,var(--xyz-rotate-y,0))) rotateZ(var(--xyz-appear-rotate-z,var(--xyz-rotate-z,0))) scale3d(var(--xyz-appear-scale-x,var(--xyz-scale-x,1)),var(--xyz-appear-scale-y,var(--xyz-scale-y,1)),var(--xyz-appear-scale-z,var(--xyz-scale-z,1))) skew(var(--xyz-appear-skew-x,var(--xyz-skew-x,0)),var(--xyz-appear-skew-y,var(--xyz-skew-y,0)))))}}:root{--xyz-perspective-none:0;--xyz-keyframes-default:none;--xyz-ease-default:ease;--xyz-duration-default:0.5s;--xyz-delay-default:0s;--xyz-stagger-default:0.25s;--xyz-iterate-default:1;--xyz-direction-default:normal;--xyz-out-direction-default:reverse;--xyz-origin-default:center;--xyz-opacity-default:1;--xyz-perspective-default:var(--xyz-perspective-none);--xyz-translate-default:25%;--xyz-translate-z-default:300px;--xyz-rotate-default:0.25turn;--xyz-scale-default:0.5;--xyz-skew-default:30deg}@supports (transform:perspective(none)){:root{--xyz-perspective-none:none}}.xyz-appear-nested:first-child,.xyz-appear:first-child,.xyz-in-nested:first-child,.xyz-in:first-child,.xyz-nested:first-child,.xyz-out-nested:first-child,.xyz-out:first-child{--xyz-index:0}.xyz-appear-nested:last-child,.xyz-appear:last-child,.xyz-in-nested:last-child,.xyz-in:last-child,.xyz-nested:last-child,.xyz-out-nested:last-child,.xyz-out:last-child{--xyz-index-rev:0}.xyz-appear-nested:nth-child(2),.xyz-appear:nth-child(2),.xyz-in-nested:nth-child(2),.xyz-in:nth-child(2),.xyz-nested:nth-child(2),.xyz-out-nested:nth-child(2),.xyz-out:nth-child(2){--xyz-index:1}.xyz-appear-nested:nth-last-child(2),.xyz-appear:nth-last-child(2),.xyz-in-nested:nth-last-child(2),.xyz-in:nth-last-child(2),.xyz-nested:nth-last-child(2),.xyz-out-nested:nth-last-child(2),.xyz-out:nth-last-child(2){--xyz-index-rev:1}.xyz-appear-nested:nth-child(3),.xyz-appear:nth-child(3),.xyz-in-nested:nth-child(3),.xyz-in:nth-child(3),.xyz-nested:nth-child(3),.xyz-out-nested:nth-child(3),.xyz-out:nth-child(3){--xyz-index:2}.xyz-appear-nested:nth-last-child(3),.xyz-appear:nth-last-child(3),.xyz-in-nested:nth-last-child(3),.xyz-in:nth-last-child(3),.xyz-nested:nth-last-child(3),.xyz-out-nested:nth-last-child(3),.xyz-out:nth-last-child(3){--xyz-index-rev:2}.xyz-appear-nested:nth-child(4),.xyz-appear:nth-child(4),.xyz-in-nested:nth-child(4),.xyz-in:nth-child(4),.xyz-nested:nth-child(4),.xyz-out-nested:nth-child(4),.xyz-out:nth-child(4){--xyz-index:3}.xyz-appear-nested:nth-last-child(4),.xyz-appear:nth-last-child(4),.xyz-in-nested:nth-last-child(4),.xyz-in:nth-last-child(4),.xyz-nested:nth-last-child(4),.xyz-out-nested:nth-last-child(4),.xyz-out:nth-last-child(4){--xyz-index-rev:3}.xyz-appear-nested:nth-child(5),.xyz-appear:nth-child(5),.xyz-in-nested:nth-child(5),.xyz-in:nth-child(5),.xyz-nested:nth-child(5),.xyz-out-nested:nth-child(5),.xyz-out:nth-child(5){--xyz-index:4}.xyz-appear-nested:nth-last-child(5),.xyz-appear:nth-last-child(5),.xyz-in-nested:nth-last-child(5),.xyz-in:nth-last-child(5),.xyz-nested:nth-last-child(5),.xyz-out-nested:nth-last-child(5),.xyz-out:nth-last-child(5){--xyz-index-rev:4}.xyz-appear-nested:nth-child(6),.xyz-appear:nth-child(6),.xyz-in-nested:nth-child(6),.xyz-in:nth-child(6),.xyz-nested:nth-child(6),.xyz-out-nested:nth-child(6),.xyz-out:nth-child(6){--xyz-index:5}.xyz-appear-nested:nth-last-child(6),.xyz-appear:nth-last-child(6),.xyz-in-nested:nth-last-child(6),.xyz-in:nth-last-child(6),.xyz-nested:nth-last-child(6),.xyz-out-nested:nth-last-child(6),.xyz-out:nth-last-child(6){--xyz-index-rev:5}.xyz-appear-nested:nth-child(7),.xyz-appear:nth-child(7),.xyz-in-nested:nth-child(7),.xyz-in:nth-child(7),.xyz-nested:nth-child(7),.xyz-out-nested:nth-child(7),.xyz-out:nth-child(7){--xyz-index:6}.xyz-appear-nested:nth-last-child(7),.xyz-appear:nth-last-child(7),.xyz-in-nested:nth-last-child(7),.xyz-in:nth-last-child(7),.xyz-nested:nth-last-child(7),.xyz-out-nested:nth-last-child(7),.xyz-out:nth-last-child(7){--xyz-index-rev:6}.xyz-appear-nested:nth-child(8),.xyz-appear:nth-child(8),.xyz-in-nested:nth-child(8),.xyz-in:nth-child(8),.xyz-nested:nth-child(8),.xyz-out-nested:nth-child(8),.xyz-out:nth-child(8){--xyz-index:7}.xyz-appear-nested:nth-last-child(8),.xyz-appear:nth-last-child(8),.xyz-in-nested:nth-last-child(8),.xyz-in:nth-last-child(8),.xyz-nested:nth-last-child(8),.xyz-out-nested:nth-last-child(8),.xyz-out:nth-last-child(8){--xyz-index-rev:7}.xyz-appear-nested:nth-child(9),.xyz-appear:nth-child(9),.xyz-in-nested:nth-child(9),.xyz-in:nth-child(9),.xyz-nested:nth-child(9),.xyz-out-nested:nth-child(9),.xyz-out:nth-child(9){--xyz-index:8}.xyz-appear-nested:nth-last-child(9),.xyz-appear:nth-last-child(9),.xyz-in-nested:nth-last-child(9),.xyz-in:nth-last-child(9),.xyz-nested:nth-last-child(9),.xyz-out-nested:nth-last-child(9),.xyz-out:nth-last-child(9){--xyz-index-rev:8}.xyz-appear-nested:nth-child(10),.xyz-appear:nth-child(10),.xyz-in-nested:nth-child(10),.xyz-in:nth-child(10),.xyz-nested:nth-child(10),.xyz-out-nested:nth-child(10),.xyz-out:nth-child(10){--xyz-index:9}.xyz-appear-nested:nth-last-child(10),.xyz-appear:nth-last-child(10),.xyz-in-nested:nth-last-child(10),.xyz-in:nth-last-child(10),.xyz-nested:nth-last-child(10),.xyz-out-nested:nth-last-child(10),.xyz-out:nth-last-child(10){--xyz-index-rev:9}.xyz-appear-nested:nth-child(11),.xyz-appear:nth-child(11),.xyz-in-nested:nth-child(11),.xyz-in:nth-child(11),.xyz-nested:nth-child(11),.xyz-out-nested:nth-child(11),.xyz-out:nth-child(11){--xyz-index:10}.xyz-appear-nested:nth-last-child(11),.xyz-appear:nth-last-child(11),.xyz-in-nested:nth-last-child(11),.xyz-in:nth-last-child(11),.xyz-nested:nth-last-child(11),.xyz-out-nested:nth-last-child(11),.xyz-out:nth-last-child(11){--xyz-index-rev:10}.xyz-appear-nested:nth-child(12),.xyz-appear:nth-child(12),.xyz-in-nested:nth-child(12),.xyz-in:nth-child(12),.xyz-nested:nth-child(12),.xyz-out-nested:nth-child(12),.xyz-out:nth-child(12){--xyz-index:11}.xyz-appear-nested:nth-last-child(12),.xyz-appear:nth-last-child(12),.xyz-in-nested:nth-last-child(12),.xyz-in:nth-last-child(12),.xyz-nested:nth-last-child(12),.xyz-out-nested:nth-last-child(12),.xyz-out:nth-last-child(12){--xyz-index-rev:11}.xyz-appear-nested:nth-child(13),.xyz-appear:nth-child(13),.xyz-in-nested:nth-child(13),.xyz-in:nth-child(13),.xyz-nested:nth-child(13),.xyz-out-nested:nth-child(13),.xyz-out:nth-child(13){--xyz-index:12}.xyz-appear-nested:nth-last-child(13),.xyz-appear:nth-last-child(13),.xyz-in-nested:nth-last-child(13),.xyz-in:nth-last-child(13),.xyz-nested:nth-last-child(13),.xyz-out-nested:nth-last-child(13),.xyz-out:nth-last-child(13){--xyz-index-rev:12}.xyz-appear-nested:nth-child(14),.xyz-appear:nth-child(14),.xyz-in-nested:nth-child(14),.xyz-in:nth-child(14),.xyz-nested:nth-child(14),.xyz-out-nested:nth-child(14),.xyz-out:nth-child(14){--xyz-index:13}.xyz-appear-nested:nth-last-child(14),.xyz-appear:nth-last-child(14),.xyz-in-nested:nth-last-child(14),.xyz-in:nth-last-child(14),.xyz-nested:nth-last-child(14),.xyz-out-nested:nth-last-child(14),.xyz-out:nth-last-child(14){--xyz-index-rev:13}.xyz-appear-nested:nth-child(15),.xyz-appear:nth-child(15),.xyz-in-nested:nth-child(15),.xyz-in:nth-child(15),.xyz-nested:nth-child(15),.xyz-out-nested:nth-child(15),.xyz-out:nth-child(15){--xyz-index:14}.xyz-appear-nested:nth-last-child(15),.xyz-appear:nth-last-child(15),.xyz-in-nested:nth-last-child(15),.xyz-in:nth-last-child(15),.xyz-nested:nth-last-child(15),.xyz-out-nested:nth-last-child(15),.xyz-out:nth-last-child(15){--xyz-index-rev:14}.xyz-appear-nested:nth-child(16),.xyz-appear:nth-child(16),.xyz-in-nested:nth-child(16),.xyz-in:nth-child(16),.xyz-nested:nth-child(16),.xyz-out-nested:nth-child(16),.xyz-out:nth-child(16){--xyz-index:15}.xyz-appear-nested:nth-last-child(16),.xyz-appear:nth-last-child(16),.xyz-in-nested:nth-last-child(16),.xyz-in:nth-last-child(16),.xyz-nested:nth-last-child(16),.xyz-out-nested:nth-last-child(16),.xyz-out:nth-last-child(16){--xyz-index-rev:15}.xyz-appear-nested:nth-child(17),.xyz-appear:nth-child(17),.xyz-in-nested:nth-child(17),.xyz-in:nth-child(17),.xyz-nested:nth-child(17),.xyz-out-nested:nth-child(17),.xyz-out:nth-child(17){--xyz-index:16}.xyz-appear-nested:nth-last-child(17),.xyz-appear:nth-last-child(17),.xyz-in-nested:nth-last-child(17),.xyz-in:nth-last-child(17),.xyz-nested:nth-last-child(17),.xyz-out-nested:nth-last-child(17),.xyz-out:nth-last-child(17){--xyz-index-rev:16}.xyz-appear-nested:nth-child(18),.xyz-appear:nth-child(18),.xyz-in-nested:nth-child(18),.xyz-in:nth-child(18),.xyz-nested:nth-child(18),.xyz-out-nested:nth-child(18),.xyz-out:nth-child(18){--xyz-index:17}.xyz-appear-nested:nth-last-child(18),.xyz-appear:nth-last-child(18),.xyz-in-nested:nth-last-child(18),.xyz-in:nth-last-child(18),.xyz-nested:nth-last-child(18),.xyz-out-nested:nth-last-child(18),.xyz-out:nth-last-child(18){--xyz-index-rev:17}.xyz-appear-nested:nth-child(19),.xyz-appear:nth-child(19),.xyz-in-nested:nth-child(19),.xyz-in:nth-child(19),.xyz-nested:nth-child(19),.xyz-out-nested:nth-child(19),.xyz-out:nth-child(19){--xyz-index:18}.xyz-appear-nested:nth-last-child(19),.xyz-appear:nth-last-child(19),.xyz-in-nested:nth-last-child(19),.xyz-in:nth-last-child(19),.xyz-nested:nth-last-child(19),.xyz-out-nested:nth-last-child(19),.xyz-out:nth-last-child(19){--xyz-index-rev:18}.xyz-appear-nested:nth-child(20),.xyz-appear:nth-child(20),.xyz-in-nested:nth-child(20),.xyz-in:nth-child(20),.xyz-nested:nth-child(20),.xyz-out-nested:nth-child(20),.xyz-out:nth-child(20){--xyz-index:19}.xyz-appear-nested:nth-last-child(20),.xyz-appear:nth-last-child(20),.xyz-in-nested:nth-last-child(20),.xyz-in:nth-last-child(20),.xyz-nested:nth-last-child(20),.xyz-out-nested:nth-last-child(20),.xyz-out:nth-last-child(20){--xyz-index-rev:19}.xyz-appear,.xyz-in,.xyz-out{--xyz-root-stagger-delay:var(--xyz-stagger-delay,0s);--xyz-nested-stagger-delay:initial;--xyz-start-offset:initial}.xyz-appear-nested,.xyz-in-nested,.xyz-nested,.xyz-out-nested{--xyz-nested-stagger-delay:var(--xyz-root-stagger-delay,0s)}.xyz-in,.xyz-in .xyz-in-nested,.xyz-in .xyz-nested{--xyz-stagger-delay-calc:var(--xyz-nested-stagger-delay,0s) + var(--xyz-in-stagger,var(--xyz-stagger,0s)) * var(--xyz-index,0) + var(--xyz-in-stagger-rev,var(--xyz-stagger-rev,0s)) * var(--xyz-index-rev,0);--xyz-total-delay-calc:var(--xyz-stagger-delay,0s) + var(--xyz-in-delay,var(--xyz-delay,var(--xyz-in-delay-default,var(--xyz-delay-default))));--xyz-stagger-delay:calc(var(--xyz-stagger-delay-calc));--xyz-total-delay:calc(var(--xyz-total-delay-calc));--xyz-delay-calc:var(--xyz-total-delay,0s) + var(--xyz-start-offset,0) * (var(--xyz-total-delay,0s) + var(--xyz-in-duration,var(--xyz-duration,var(--xyz-in-duration-default,var(--xyz-duration-default))))) * -1;-webkit-animation:var(--xyz-in-duration,var(--xyz-duration,var(--xyz-in-duration-default,var(--xyz-duration-default)))) var(--xyz-in-ease,var(--xyz-ease,var(--xyz-in-ease-default,var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate,var(--xyz-iterate,var(--xyz-in-iterate-default,var(--xyz-iterate-default)))) var(--xyz-in-direction,var(--xyz-direction,var(--xyz-in-direction-default,var(--xyz-direction-default)))) both;animation:var(--xyz-in-duration,var(--xyz-duration,var(--xyz-in-duration-default,var(--xyz-duration-default)))) var(--xyz-in-ease,var(--xyz-ease,var(--xyz-in-ease-default,var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate,var(--xyz-iterate,var(--xyz-in-iterate-default,var(--xyz-iterate-default)))) var(--xyz-in-direction,var(--xyz-direction,var(--xyz-in-direction-default,var(--xyz-direction-default)))) both;-webkit-animation-name:xyz-in-keyframes,var(--xyz-in-keyframes,var(--xyz-keyframes,var(--xyz-in-keyframes-default,var(--xyz-keyframes-default))));animation-name:xyz-in-keyframes,var(--xyz-in-keyframes,var(--xyz-keyframes,var(--xyz-in-keyframes-default,var(--xyz-keyframes-default))));-webkit-backface-visibility:visible;backface-visibility:visible;transform-origin:var(--xyz-in-origin,var(--xyz-origin,var(--xyz-in-origin-default,var(--xyz-origin-default))))}.xyz-out,.xyz-out .xyz-nested,.xyz-out .xyz-out-nested{--xyz-stagger-delay-calc:var(--xyz-nested-stagger-delay,0s) + var(--xyz-out-stagger,var(--xyz-stagger,0s)) * var(--xyz-index,0) + var(--xyz-out-stagger-rev,var(--xyz-stagger-rev,0s)) * var(--xyz-index-rev,0);--xyz-total-delay-calc:var(--xyz-stagger-delay,0s) + var(--xyz-out-delay,var(--xyz-delay,var(--xyz-out-delay-default,var(--xyz-delay-default))));--xyz-stagger-delay:calc(var(--xyz-stagger-delay-calc));--xyz-total-delay:calc(var(--xyz-total-delay-calc));--xyz-delay-calc:var(--xyz-total-delay,0s) + var(--xyz-start-offset,0) * (var(--xyz-total-delay,0s) + var(--xyz-out-duration,var(--xyz-duration,var(--xyz-out-duration-default,var(--xyz-duration-default))))) * -1;-webkit-animation:var(--xyz-out-duration,var(--xyz-duration,var(--xyz-out-duration-default,var(--xyz-duration-default)))) var(--xyz-out-ease,var(--xyz-ease,var(--xyz-out-ease-default,var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate,var(--xyz-iterate,var(--xyz-out-iterate-default,var(--xyz-iterate-default)))) var(--xyz-out-direction,var(--xyz-direction,var(--xyz-out-direction-default,var(--xyz-direction-default)))) both;animation:var(--xyz-out-duration,var(--xyz-duration,var(--xyz-out-duration-default,var(--xyz-duration-default)))) var(--xyz-out-ease,var(--xyz-ease,var(--xyz-out-ease-default,var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate,var(--xyz-iterate,var(--xyz-out-iterate-default,var(--xyz-iterate-default)))) var(--xyz-out-direction,var(--xyz-direction,var(--xyz-out-direction-default,var(--xyz-direction-default)))) both;-webkit-animation-name:xyz-out-keyframes,var(--xyz-out-keyframes,var(--xyz-keyframes,var(--xyz-out-keyframes-default,var(--xyz-keyframes-default))));animation-name:xyz-out-keyframes,var(--xyz-out-keyframes,var(--xyz-keyframes,var(--xyz-out-keyframes-default,var(--xyz-keyframes-default))));-webkit-backface-visibility:visible;backface-visibility:visible;transform-origin:var(--xyz-out-origin,var(--xyz-origin,var(--xyz-out-origin-default,var(--xyz-origin-default))))}.xyz-appear,.xyz-appear .xyz-appear-nested,.xyz-appear .xyz-nested{--xyz-stagger-delay-calc:var(--xyz-nested-stagger-delay,0s) + var(--xyz-appear-stagger,var(--xyz-stagger,0s)) * var(--xyz-index,0) + var(--xyz-appear-stagger-rev,var(--xyz-stagger-rev,0s)) * var(--xyz-index-rev,0);--xyz-total-delay-calc:var(--xyz-stagger-delay,0s) + var(--xyz-appear-delay,var(--xyz-delay,var(--xyz-appear-delay-default,var(--xyz-delay-default))));--xyz-stagger-delay:calc(var(--xyz-stagger-delay-calc));--xyz-total-delay:calc(var(--xyz-total-delay-calc));--xyz-delay-calc:var(--xyz-total-delay,0s) + var(--xyz-start-offset,0) * (var(--xyz-total-delay,0s) + var(--xyz-appear-duration,var(--xyz-duration,var(--xyz-appear-duration-default,var(--xyz-duration-default))))) * -1;-webkit-animation:var(--xyz-appear-duration,var(--xyz-duration,var(--xyz-appear-duration-default,var(--xyz-duration-default)))) var(--xyz-appear-ease,var(--xyz-ease,var(--xyz-appear-ease-default,var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate,var(--xyz-iterate,var(--xyz-appear-iterate-default,var(--xyz-iterate-default)))) var(--xyz-appear-direction,var(--xyz-direction,var(--xyz-appear-direction-default,var(--xyz-direction-default)))) both;animation:var(--xyz-appear-duration,var(--xyz-duration,var(--xyz-appear-duration-default,var(--xyz-duration-default)))) var(--xyz-appear-ease,var(--xyz-ease,var(--xyz-appear-ease-default,var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate,var(--xyz-iterate,var(--xyz-appear-iterate-default,var(--xyz-iterate-default)))) var(--xyz-appear-direction,var(--xyz-direction,var(--xyz-appear-direction-default,var(--xyz-direction-default)))) both;-webkit-animation-name:xyz-appear-keyframes,var(--xyz-appear-keyframes,var(--xyz-keyframes,var(--xyz-appear-keyframes-default,var(--xyz-keyframes-default))));animation-name:xyz-appear-keyframes,var(--xyz-appear-keyframes,var(--xyz-keyframes,var(--xyz-appear-keyframes-default,var(--xyz-keyframes-default))));-webkit-backface-visibility:visible;backface-visibility:visible;transform-origin:var(--xyz-appear-origin,var(--xyz-origin,var(--xyz-appear-origin-default,var(--xyz-origin-default))))}.xyz-absolute.xyz-appear,.xyz-absolute.xyz-in,.xyz-absolute.xyz-out,.xyz-appear-absolute.xyz-appear,.xyz-appear .xyz-absolute.xyz-appear-nested,.xyz-appear .xyz-absolute.xyz-nested,.xyz-appear .xyz-appear-absolute.xyz-appear-nested,.xyz-appear .xyz-appear-absolute.xyz-nested,.xyz-in-absolute.xyz-in,.xyz-in .xyz-absolute.xyz-in-nested,.xyz-in .xyz-absolute.xyz-nested,.xyz-in .xyz-in-absolute.xyz-in-nested,.xyz-in .xyz-in-absolute.xyz-nested,.xyz-out-absolute.xyz-out,.xyz-out .xyz-absolute.xyz-nested,.xyz-out .xyz-absolute.xyz-out-nested,.xyz-out .xyz-out-absolute.xyz-nested,.xyz-out .xyz-out-absolute.xyz-out-nested{position:absolute!important}.xyz-appear-paused.xyz-appear,.xyz-appear.xyz-appear-paused-all,.xyz-appear.xyz-appear-paused-all .xyz-appear-nested,.xyz-appear.xyz-appear-paused-all .xyz-nested,.xyz-appear .xyz-appear-paused.xyz-appear-nested,.xyz-appear .xyz-appear-paused.xyz-nested,.xyz-appear.xyz-paused-all,.xyz-appear.xyz-paused-all .xyz-appear-nested,.xyz-appear.xyz-paused-all .xyz-nested,.xyz-appear .xyz-paused.xyz-appear-nested,.xyz-appear .xyz-paused.xyz-nested,.xyz-in-paused.xyz-in,.xyz-in.xyz-in-paused-all,.xyz-in.xyz-in-paused-all .xyz-in-nested,.xyz-in.xyz-in-paused-all .xyz-nested,.xyz-in .xyz-in-paused.xyz-in-nested,.xyz-in .xyz-in-paused.xyz-nested,.xyz-in.xyz-paused-all,.xyz-in.xyz-paused-all .xyz-in-nested,.xyz-in.xyz-paused-all .xyz-nested,.xyz-in .xyz-paused.xyz-in-nested,.xyz-in .xyz-paused.xyz-nested,.xyz-out-paused.xyz-out,.xyz-out.xyz-out-paused-all,.xyz-out.xyz-out-paused-all .xyz-nested,.xyz-out.xyz-out-paused-all .xyz-out-nested,.xyz-out .xyz-out-paused.xyz-nested,.xyz-out .xyz-out-paused.xyz-out-nested,.xyz-out.xyz-paused-all,.xyz-out.xyz-paused-all .xyz-nested,.xyz-out.xyz-paused-all .xyz-out-nested,.xyz-out .xyz-paused.xyz-nested,.xyz-out .xyz-paused.xyz-out-nested,.xyz-paused.xyz-appear,.xyz-paused.xyz-in,.xyz-paused.xyz-out{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.xyz-appear-none.xyz-appear,.xyz-appear.xyz-appear-none-all,.xyz-appear.xyz-appear-none-all .xyz-appear-nested,.xyz-appear.xyz-appear-none-all .xyz-nested,.xyz-appear .xyz-appear-none.xyz-appear-nested,.xyz-appear .xyz-appear-none.xyz-nested,.xyz-appear.xyz-none-all,.xyz-appear.xyz-none-all .xyz-appear-nested,.xyz-appear.xyz-none-all .xyz-nested,.xyz-appear .xyz-none.xyz-appear-nested,.xyz-appear .xyz-none.xyz-nested,.xyz-in-none.xyz-in,.xyz-in.xyz-in-none-all,.xyz-in.xyz-in-none-all .xyz-in-nested,.xyz-in.xyz-in-none-all .xyz-nested,.xyz-in .xyz-in-none.xyz-in-nested,.xyz-in .xyz-in-none.xyz-nested,.xyz-in.xyz-none-all,.xyz-in.xyz-none-all .xyz-in-nested,.xyz-in.xyz-none-all .xyz-nested,.xyz-in .xyz-none.xyz-in-nested,.xyz-in .xyz-none.xyz-nested,.xyz-none.xyz-appear,.xyz-none.xyz-in,.xyz-none.xyz-out,.xyz-out-none.xyz-out,.xyz-out.xyz-none-all,.xyz-out.xyz-none-all .xyz-nested,.xyz-out.xyz-none-all .xyz-out-nested,.xyz-out .xyz-none.xyz-nested,.xyz-out .xyz-none.xyz-out-nested,.xyz-out.xyz-out-none-all,.xyz-out.xyz-out-none-all .xyz-nested,.xyz-out.xyz-out-none-all .xyz-out-nested,.xyz-out .xyz-out-none.xyz-nested,.xyz-out .xyz-out-none.xyz-out-nested{-webkit-animation:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.xyz-appear,.xyz-appear .xyz-appear-nested,.xyz-appear .xyz-nested,.xyz-in,.xyz-in .xyz-in-nested,.xyz-in .xyz-nested,.xyz-out,.xyz-out .xyz-nested,.xyz-out .xyz-out-nested{-webkit-animation:none;animation:none}}[xyz]{--xyz-keyframes:initial;--xyz-in-keyframes:initial;--xyz-out-keyframes:initial;--xyz-appear-keyframes:initial;--xyz-ease:initial;--xyz-in-ease:initial;--xyz-out-ease:initial;--xyz-appear-ease:initial;--xyz-duration:initial;--xyz-in-duration:initial;--xyz-out-duration:initial;--xyz-appear-duration:initial;--xyz-delay:initial;--xyz-in-delay:initial;--xyz-out-delay:initial;--xyz-appear-delay:initial;--xyz-stagger:initial;--xyz-in-stagger:initial;--xyz-out-stagger:initial;--xyz-appear-stagger:initial;--xyz-stagger-rev:initial;--xyz-in-stagger-rev:initial;--xyz-out-stagger-rev:initial;--xyz-appear-stagger-rev:initial;--xyz-iterate:initial;--xyz-in-iterate:initial;--xyz-out-iterate:initial;--xyz-appear-iterate:initial;--xyz-direction:initial;--xyz-in-direction:initial;--xyz-out-direction:initial;--xyz-appear-direction:initial;--xyz-origin:initial;--xyz-in-origin:initial;--xyz-out-origin:initial;--xyz-appear-origin:initial;--xyz-opacity:initial;--xyz-in-opacity:initial;--xyz-out-opacity:initial;--xyz-appear-opacity:initial;--xyz-transform:initial;--xyz-in-transform:initial;--xyz-out-transform:initial;--xyz-appear-transform:initial;--xyz-perspective:initial;--xyz-in-perspective:initial;--xyz-out-perspective:initial;--xyz-appear-perspective:initial;--xyz-translate-x:initial;--xyz-in-translate-x:initial;--xyz-out-translate-x:initial;--xyz-appear-translate-x:initial;--xyz-translate-y:initial;--xyz-in-translate-y:initial;--xyz-out-translate-y:initial;--xyz-appear-translate-y:initial;--xyz-translate-z:initial;--xyz-in-translate-z:initial;--xyz-out-translate-z:initial;--xyz-appear-translate-z:initial;--xyz-rotate-x:initial;--xyz-in-rotate-x:initial;--xyz-out-rotate-x:initial;--xyz-appear-rotate-x:initial;--xyz-rotate-y:initial;--xyz-in-rotate-y:initial;--xyz-out-rotate-y:initial;--xyz-appear-rotate-y:initial;--xyz-rotate-z:initial;--xyz-in-rotate-z:initial;--xyz-out-rotate-z:initial;--xyz-appear-rotate-z:initial;--xyz-scale-x:initial;--xyz-in-scale-x:initial;--xyz-out-scale-x:initial;--xyz-appear-scale-x:initial;--xyz-scale-y:initial;--xyz-in-scale-y:initial;--xyz-out-scale-y:initial;--xyz-appear-scale-y:initial;--xyz-scale-z:initial;--xyz-in-scale-z:initial;--xyz-out-scale-z:initial;--xyz-appear-scale-z:initial;--xyz-skew-x:initial;--xyz-in-skew-x:initial;--xyz-out-skew-x:initial;--xyz-appear-skew-x:initial;--xyz-skew-y:initial;--xyz-in-skew-y:initial;--xyz-out-skew-y:initial;--xyz-appear-skew-y:initial}[xyz~=inherit]{--xyz-keyframes:inherit;--xyz-in-keyframes:inherit;--xyz-out-keyframes:inherit;--xyz-appear-keyframes:inherit;--xyz-ease:inherit;--xyz-in-ease:inherit;--xyz-out-ease:inherit;--xyz-appear-ease:inherit;--xyz-duration:inherit;--xyz-in-duration:inherit;--xyz-out-duration:inherit;--xyz-appear-duration:inherit;--xyz-delay:inherit;--xyz-in-delay:inherit;--xyz-out-delay:inherit;--xyz-appear-delay:inherit;--xyz-stagger:inherit;--xyz-in-stagger:inherit;--xyz-out-stagger:inherit;--xyz-appear-stagger:inherit;--xyz-stagger-rev:inherit;--xyz-in-stagger-rev:inherit;--xyz-out-stagger-rev:inherit;--xyz-appear-stagger-rev:inherit;--xyz-iterate:inherit;--xyz-in-iterate:inherit;--xyz-out-iterate:inherit;--xyz-appear-iterate:inherit;--xyz-direction:inherit;--xyz-in-direction:inherit;--xyz-out-direction:inherit;--xyz-appear-direction:inherit;--xyz-origin:inherit;--xyz-in-origin:inherit;--xyz-out-origin:inherit;--xyz-appear-origin:inherit;--xyz-opacity:inherit;--xyz-in-opacity:inherit;--xyz-out-opacity:inherit;--xyz-appear-opacity:inherit;--xyz-transform:inherit;--xyz-in-transform:inherit;--xyz-out-transform:inherit;--xyz-appear-transform:inherit;--xyz-perspective:inherit;--xyz-in-perspective:inherit;--xyz-out-perspective:inherit;--xyz-appear-perspective:inherit;--xyz-translate-x:inherit;--xyz-in-translate-x:inherit;--xyz-out-translate-x:inherit;--xyz-appear-translate-x:inherit;--xyz-translate-y:inherit;--xyz-in-translate-y:inherit;--xyz-out-translate-y:inherit;--xyz-appear-translate-y:inherit;--xyz-translate-z:inherit;--xyz-in-translate-z:inherit;--xyz-out-translate-z:inherit;--xyz-appear-translate-z:inherit;--xyz-rotate-x:inherit;--xyz-in-rotate-x:inherit;--xyz-out-rotate-x:inherit;--xyz-appear-rotate-x:inherit;--xyz-rotate-y:inherit;--xyz-in-rotate-y:inherit;--xyz-out-rotate-y:inherit;--xyz-appear-rotate-y:inherit;--xyz-rotate-z:inherit;--xyz-in-rotate-z:inherit;--xyz-out-rotate-z:inherit;--xyz-appear-rotate-z:inherit;--xyz-scale-x:inherit;--xyz-in-scale-x:inherit;--xyz-out-scale-x:inherit;--xyz-appear-scale-x:inherit;--xyz-scale-y:inherit;--xyz-in-scale-y:inherit;--xyz-out-scale-y:inherit;--xyz-appear-scale-y:inherit;--xyz-scale-z:inherit;--xyz-in-scale-z:inherit;--xyz-out-scale-z:inherit;--xyz-appear-scale-z:inherit;--xyz-skew-x:inherit;--xyz-in-skew-x:inherit;--xyz-out-skew-x:inherit;--xyz-appear-skew-x:inherit;--xyz-skew-y:inherit;--xyz-in-skew-y:inherit;--xyz-out-skew-y:inherit;--xyz-appear-skew-y:inherit}[xyz~=ease]{--xyz-ease:var(--xyz-ease-default)}[xyz~=ease-ease]{--xyz-ease:ease}[xyz~=ease-linear]{--xyz-ease:linear}[xyz~=ease-in]{--xyz-ease:ease-in}[xyz~=ease-in-back]{--xyz-ease:cubic-bezier(0.6,-0.28,0.735,0.045)}[xyz~=ease-out]{--xyz-ease:ease-out}[xyz~=ease-out-back]{--xyz-ease:cubic-bezier(0.175,0.885,0.32,1.275)}[xyz~=ease-in-out]{--xyz-ease:ease-in-out}[xyz~=ease-in-out-back]{--xyz-ease:cubic-bezier(0.68,-0.55,0.265,1.55)}[xyz~=in-ease]{--xyz-in-ease:var(--xyz-ease-default)}[xyz~=in-ease-ease]{--xyz-in-ease:ease}[xyz~=in-ease-linear]{--xyz-in-ease:linear}[xyz~=in-ease-in]{--xyz-in-ease:ease-in}[xyz~=in-ease-in-back]{--xyz-in-ease:cubic-bezier(0.6,-0.28,0.735,0.045)}[xyz~=in-ease-out]{--xyz-in-ease:ease-out}[xyz~=in-ease-out-back]{--xyz-in-ease:cubic-bezier(0.175,0.885,0.32,1.275)}[xyz~=in-ease-in-out]{--xyz-in-ease:ease-in-out}[xyz~=in-ease-in-out-back]{--xyz-in-ease:cubic-bezier(0.68,-0.55,0.265,1.55)}[xyz~=out-ease]{--xyz-out-ease:var(--xyz-ease-default)}[xyz~=out-ease-ease]{--xyz-out-ease:ease}[xyz~=out-ease-linear]{--xyz-out-ease:linear}[xyz~=out-ease-in]{--xyz-out-ease:ease-in}[xyz~=out-ease-in-back]{--xyz-out-ease:cubic-bezier(0.6,-0.28,0.735,0.045)}[xyz~=out-ease-out]{--xyz-out-ease:ease-out}[xyz~=out-ease-out-back]{--xyz-out-ease:cubic-bezier(0.175,0.885,0.32,1.275)}[xyz~=out-ease-in-out]{--xyz-out-ease:ease-in-out}[xyz~=out-ease-in-out-back]{--xyz-out-ease:cubic-bezier(0.68,-0.55,0.265,1.55)}[xyz~=appear-ease]{--xyz-appear-ease:var(--xyz-ease-default)}[xyz~=appear-ease-ease]{--xyz-appear-ease:ease}[xyz~=appear-ease-linear]{--xyz-appear-ease:linear}[xyz~=appear-ease-in]{--xyz-appear-ease:ease-in}[xyz~=appear-ease-in-back]{--xyz-appear-ease:cubic-bezier(0.6,-0.28,0.735,0.045)}[xyz~=appear-ease-out]{--xyz-appear-ease:ease-out}[xyz~=appear-ease-out-back]{--xyz-appear-ease:cubic-bezier(0.175,0.885,0.32,1.275)}[xyz~=appear-ease-in-out]{--xyz-appear-ease:ease-in-out}[xyz~=appear-ease-in-out-back]{--xyz-appear-ease:cubic-bezier(0.68,-0.55,0.265,1.55)}[xyz~=duration]{--xyz-duration:var(--xyz-duration-default)}[xyz~=duration-0]{--xyz-duration:0s}[xyz~="duration-0.5"]{--xyz-duration:0.05s}[xyz~=duration-1]{--xyz-duration:0.1s}[xyz~="duration-1.5"]{--xyz-duration:0.15s}[xyz~=duration-2]{--xyz-duration:0.2s}[xyz~="duration-2.5"]{--xyz-duration:0.25s}[xyz~=duration-3]{--xyz-duration:0.3s}[xyz~=duration-4]{--xyz-duration:0.4s}[xyz~=duration-5]{--xyz-duration:0.5s}[xyz~=duration-6]{--xyz-duration:0.6s}[xyz~=duration-7]{--xyz-duration:0.7s}[xyz~=duration-8]{--xyz-duration:0.8s}[xyz~=duration-9]{--xyz-duration:0.9s}[xyz~=duration-10]{--xyz-duration:1s}[xyz~=duration-15]{--xyz-duration:1.5s}[xyz~=duration-20]{--xyz-duration:2s}[xyz~=duration-25]{--xyz-duration:2.5s}[xyz~=duration-30]{--xyz-duration:3s}[xyz~=in-duration]{--xyz-in-duration:var(--xyz-duration-default)}[xyz~=in-duration-0]{--xyz-in-duration:0s}[xyz~="in-duration-0.5"]{--xyz-in-duration:0.05s}[xyz~=in-duration-1]{--xyz-in-duration:0.1s}[xyz~="in-duration-1.5"]{--xyz-in-duration:0.15s}[xyz~=in-duration-2]{--xyz-in-duration:0.2s}[xyz~="in-duration-2.5"]{--xyz-in-duration:0.25s}[xyz~=in-duration-3]{--xyz-in-duration:0.3s}[xyz~=in-duration-4]{--xyz-in-duration:0.4s}[xyz~=in-duration-5]{--xyz-in-duration:0.5s}[xyz~=in-duration-6]{--xyz-in-duration:0.6s}[xyz~=in-duration-7]{--xyz-in-duration:0.7s}[xyz~=in-duration-8]{--xyz-in-duration:0.8s}[xyz~=in-duration-9]{--xyz-in-duration:0.9s}[xyz~=in-duration-10]{--xyz-in-duration:1s}[xyz~=in-duration-15]{--xyz-in-duration:1.5s}[xyz~=in-duration-20]{--xyz-in-duration:2s}[xyz~=in-duration-25]{--xyz-in-duration:2.5s}[xyz~=in-duration-30]{--xyz-in-duration:3s}[xyz~=out-duration]{--xyz-out-duration:var(--xyz-duration-default)}[xyz~=out-duration-0]{--xyz-out-duration:0s}[xyz~="out-duration-0.5"]{--xyz-out-duration:0.05s}[xyz~=out-duration-1]{--xyz-out-duration:0.1s}[xyz~="out-duration-1.5"]{--xyz-out-duration:0.15s}[xyz~=out-duration-2]{--xyz-out-duration:0.2s}[xyz~="out-duration-2.5"]{--xyz-out-duration:0.25s}[xyz~=out-duration-3]{--xyz-out-duration:0.3s}[xyz~=out-duration-4]{--xyz-out-duration:0.4s}[xyz~=out-duration-5]{--xyz-out-duration:0.5s}[xyz~=out-duration-6]{--xyz-out-duration:0.6s}[xyz~=out-duration-7]{--xyz-out-duration:0.7s}[xyz~=out-duration-8]{--xyz-out-duration:0.8s}[xyz~=out-duration-9]{--xyz-out-duration:0.9s}[xyz~=out-duration-10]{--xyz-out-duration:1s}[xyz~=out-duration-15]{--xyz-out-duration:1.5s}[xyz~=out-duration-20]{--xyz-out-duration:2s}[xyz~=out-duration-25]{--xyz-out-duration:2.5s}[xyz~=out-duration-30]{--xyz-out-duration:3s}[xyz~=appear-duration]{--xyz-appear-duration:var(--xyz-duration-default)}[xyz~=appear-duration-0]{--xyz-appear-duration:0s}[xyz~="appear-duration-0.5"]{--xyz-appear-duration:0.05s}[xyz~=appear-duration-1]{--xyz-appear-duration:0.1s}[xyz~="appear-duration-1.5"]{--xyz-appear-duration:0.15s}[xyz~=appear-duration-2]{--xyz-appear-duration:0.2s}[xyz~="appear-duration-2.5"]{--xyz-appear-duration:0.25s}[xyz~=appear-duration-3]{--xyz-appear-duration:0.3s}[xyz~=appear-duration-4]{--xyz-appear-duration:0.4s}[xyz~=appear-duration-5]{--xyz-appear-duration:0.5s}[xyz~=appear-duration-6]{--xyz-appear-duration:0.6s}[xyz~=appear-duration-7]{--xyz-appear-duration:0.7s}[xyz~=appear-duration-8]{--xyz-appear-duration:0.8s}[xyz~=appear-duration-9]{--xyz-appear-duration:0.9s}[xyz~=appear-duration-10]{--xyz-appear-duration:1s}[xyz~=appear-duration-15]{--xyz-appear-duration:1.5s}[xyz~=appear-duration-20]{--xyz-appear-duration:2s}[xyz~=appear-duration-25]{--xyz-appear-duration:2.5s}[xyz~=appear-duration-30]{--xyz-appear-duration:3s}[xyz~=delay]{--xyz-delay:var(--xyz-delay-default)}[xyz~=delay-0]{--xyz-delay:0s}[xyz~="delay-0.5"]{--xyz-delay:0.05s}[xyz~=delay-1]{--xyz-delay:0.1s}[xyz~="delay-1.5"]{--xyz-delay:0.15s}[xyz~=delay-2]{--xyz-delay:0.2s}[xyz~="delay-2.5"]{--xyz-delay:0.25s}[xyz~=delay-3]{--xyz-delay:0.3s}[xyz~=delay-4]{--xyz-delay:0.4s}[xyz~=delay-5]{--xyz-delay:0.5s}[xyz~=delay-6]{--xyz-delay:0.6s}[xyz~=delay-7]{--xyz-delay:0.7s}[xyz~=delay-8]{--xyz-delay:0.8s}[xyz~=delay-9]{--xyz-delay:0.9s}[xyz~=delay-10]{--xyz-delay:1s}[xyz~=delay-15]{--xyz-delay:1.5s}[xyz~=delay-20]{--xyz-delay:2s}[xyz~=delay-25]{--xyz-delay:2.5s}[xyz~=delay-30]{--xyz-delay:3s}[xyz~=in-delay]{--xyz-in-delay:var(--xyz-delay-default)}[xyz~=in-delay-0]{--xyz-in-delay:0s}[xyz~="in-delay-0.5"]{--xyz-in-delay:0.05s}[xyz~=in-delay-1]{--xyz-in-delay:0.1s}[xyz~="in-delay-1.5"]{--xyz-in-delay:0.15s}[xyz~=in-delay-2]{--xyz-in-delay:0.2s}[xyz~="in-delay-2.5"]{--xyz-in-delay:0.25s}[xyz~=in-delay-3]{--xyz-in-delay:0.3s}[xyz~=in-delay-4]{--xyz-in-delay:0.4s}[xyz~=in-delay-5]{--xyz-in-delay:0.5s}[xyz~=in-delay-6]{--xyz-in-delay:0.6s}[xyz~=in-delay-7]{--xyz-in-delay:0.7s}[xyz~=in-delay-8]{--xyz-in-delay:0.8s}[xyz~=in-delay-9]{--xyz-in-delay:0.9s}[xyz~=in-delay-10]{--xyz-in-delay:1s}[xyz~=in-delay-15]{--xyz-in-delay:1.5s}[xyz~=in-delay-20]{--xyz-in-delay:2s}[xyz~=in-delay-25]{--xyz-in-delay:2.5s}[xyz~=in-delay-30]{--xyz-in-delay:3s}[xyz~=out-delay]{--xyz-out-delay:var(--xyz-delay-default)}[xyz~=out-delay-0]{--xyz-out-delay:0s}[xyz~="out-delay-0.5"]{--xyz-out-delay:0.05s}[xyz~=out-delay-1]{--xyz-out-delay:0.1s}[xyz~="out-delay-1.5"]{--xyz-out-delay:0.15s}[xyz~=out-delay-2]{--xyz-out-delay:0.2s}[xyz~="out-delay-2.5"]{--xyz-out-delay:0.25s}[xyz~=out-delay-3]{--xyz-out-delay:0.3s}[xyz~=out-delay-4]{--xyz-out-delay:0.4s}[xyz~=out-delay-5]{--xyz-out-delay:0.5s}[xyz~=out-delay-6]{--xyz-out-delay:0.6s}[xyz~=out-delay-7]{--xyz-out-delay:0.7s}[xyz~=out-delay-8]{--xyz-out-delay:0.8s}[xyz~=out-delay-9]{--xyz-out-delay:0.9s}[xyz~=out-delay-10]{--xyz-out-delay:1s}[xyz~=out-delay-15]{--xyz-out-delay:1.5s}[xyz~=out-delay-20]{--xyz-out-delay:2s}[xyz~=out-delay-25]{--xyz-out-delay:2.5s}[xyz~=out-delay-30]{--xyz-out-delay:3s}[xyz~=appear-delay]{--xyz-appear-delay:var(--xyz-delay-default)}[xyz~=appear-delay-0]{--xyz-appear-delay:0s}[xyz~="appear-delay-0.5"]{--xyz-appear-delay:0.05s}[xyz~=appear-delay-1]{--xyz-appear-delay:0.1s}[xyz~="appear-delay-1.5"]{--xyz-appear-delay:0.15s}[xyz~=appear-delay-2]{--xyz-appear-delay:0.2s}[xyz~="appear-delay-2.5"]{--xyz-appear-delay:0.25s}[xyz~=appear-delay-3]{--xyz-appear-delay:0.3s}[xyz~=appear-delay-4]{--xyz-appear-delay:0.4s}[xyz~=appear-delay-5]{--xyz-appear-delay:0.5s}[xyz~=appear-delay-6]{--xyz-appear-delay:0.6s}[xyz~=appear-delay-7]{--xyz-appear-delay:0.7s}[xyz~=appear-delay-8]{--xyz-appear-delay:0.8s}[xyz~=appear-delay-9]{--xyz-appear-delay:0.9s}[xyz~=appear-delay-10]{--xyz-appear-delay:1s}[xyz~=appear-delay-15]{--xyz-appear-delay:1.5s}[xyz~=appear-delay-20]{--xyz-appear-delay:2s}[xyz~=appear-delay-25]{--xyz-appear-delay:2.5s}[xyz~=appear-delay-30]{--xyz-appear-delay:3s}[xyz~=stagger]{--xyz-stagger:var(--xyz-stagger-default)}[xyz~=stagger-0]{--xyz-stagger:0s}[xyz~="stagger-0.5"]{--xyz-stagger:0.05s}[xyz~=stagger-1]{--xyz-stagger:0.1s}[xyz~="stagger-1.5"]{--xyz-stagger:0.15s}[xyz~=stagger-2]{--xyz-stagger:0.2s}[xyz~="stagger-2.5"]{--xyz-stagger:0.25s}[xyz~=stagger-3]{--xyz-stagger:0.3s}[xyz~=stagger-4]{--xyz-stagger:0.4s}[xyz~=stagger-5]{--xyz-stagger:0.5s}[xyz~=stagger-6]{--xyz-stagger:0.6s}[xyz~=stagger-7]{--xyz-stagger:0.7s}[xyz~=stagger-8]{--xyz-stagger:0.8s}[xyz~=stagger-9]{--xyz-stagger:0.9s}[xyz~=stagger-10]{--xyz-stagger:1s}[xyz~=stagger-15]{--xyz-stagger:1.5s}[xyz~=stagger-20]{--xyz-stagger:2s}[xyz~=stagger-25]{--xyz-stagger:2.5s}[xyz~=stagger-30]{--xyz-stagger:3s}[xyz~=in-stagger]{--xyz-in-stagger:var(--xyz-stagger-default)}[xyz~=in-stagger-0]{--xyz-in-stagger:0s}[xyz~="in-stagger-0.5"]{--xyz-in-stagger:0.05s}[xyz~=in-stagger-1]{--xyz-in-stagger:0.1s}[xyz~="in-stagger-1.5"]{--xyz-in-stagger:0.15s}[xyz~=in-stagger-2]{--xyz-in-stagger:0.2s}[xyz~="in-stagger-2.5"]{--xyz-in-stagger:0.25s}[xyz~=in-stagger-3]{--xyz-in-stagger:0.3s}[xyz~=in-stagger-4]{--xyz-in-stagger:0.4s}[xyz~=in-stagger-5]{--xyz-in-stagger:0.5s}[xyz~=in-stagger-6]{--xyz-in-stagger:0.6s}[xyz~=in-stagger-7]{--xyz-in-stagger:0.7s}[xyz~=in-stagger-8]{--xyz-in-stagger:0.8s}[xyz~=in-stagger-9]{--xyz-in-stagger:0.9s}[xyz~=in-stagger-10]{--xyz-in-stagger:1s}[xyz~=in-stagger-15]{--xyz-in-stagger:1.5s}[xyz~=in-stagger-20]{--xyz-in-stagger:2s}[xyz~=in-stagger-25]{--xyz-in-stagger:2.5s}[xyz~=in-stagger-30]{--xyz-in-stagger:3s}[xyz~=out-stagger]{--xyz-out-stagger:var(--xyz-stagger-default)}[xyz~=out-stagger-0]{--xyz-out-stagger:0s}[xyz~="out-stagger-0.5"]{--xyz-out-stagger:0.05s}[xyz~=out-stagger-1]{--xyz-out-stagger:0.1s}[xyz~="out-stagger-1.5"]{--xyz-out-stagger:0.15s}[xyz~=out-stagger-2]{--xyz-out-stagger:0.2s}[xyz~="out-stagger-2.5"]{--xyz-out-stagger:0.25s}[xyz~=out-stagger-3]{--xyz-out-stagger:0.3s}[xyz~=out-stagger-4]{--xyz-out-stagger:0.4s}[xyz~=out-stagger-5]{--xyz-out-stagger:0.5s}[xyz~=out-stagger-6]{--xyz-out-stagger:0.6s}[xyz~=out-stagger-7]{--xyz-out-stagger:0.7s}[xyz~=out-stagger-8]{--xyz-out-stagger:0.8s}[xyz~=out-stagger-9]{--xyz-out-stagger:0.9s}[xyz~=out-stagger-10]{--xyz-out-stagger:1s}[xyz~=out-stagger-15]{--xyz-out-stagger:1.5s}[xyz~=out-stagger-20]{--xyz-out-stagger:2s}[xyz~=out-stagger-25]{--xyz-out-stagger:2.5s}[xyz~=out-stagger-30]{--xyz-out-stagger:3s}[xyz~=appear-stagger]{--xyz-appear-stagger:var(--xyz-stagger-default)}[xyz~=appear-stagger-0]{--xyz-appear-stagger:0s}[xyz~="appear-stagger-0.5"]{--xyz-appear-stagger:0.05s}[xyz~=appear-stagger-1]{--xyz-appear-stagger:0.1s}[xyz~="appear-stagger-1.5"]{--xyz-appear-stagger:0.15s}[xyz~=appear-stagger-2]{--xyz-appear-stagger:0.2s}[xyz~="appear-stagger-2.5"]{--xyz-appear-stagger:0.25s}[xyz~=appear-stagger-3]{--xyz-appear-stagger:0.3s}[xyz~=appear-stagger-4]{--xyz-appear-stagger:0.4s}[xyz~=appear-stagger-5]{--xyz-appear-stagger:0.5s}[xyz~=appear-stagger-6]{--xyz-appear-stagger:0.6s}[xyz~=appear-stagger-7]{--xyz-appear-stagger:0.7s}[xyz~=appear-stagger-8]{--xyz-appear-stagger:0.8s}[xyz~=appear-stagger-9]{--xyz-appear-stagger:0.9s}[xyz~=appear-stagger-10]{--xyz-appear-stagger:1s}[xyz~=appear-stagger-15]{--xyz-appear-stagger:1.5s}[xyz~=appear-stagger-20]{--xyz-appear-stagger:2s}[xyz~=appear-stagger-25]{--xyz-appear-stagger:2.5s}[xyz~=appear-stagger-30]{--xyz-appear-stagger:3s}[xyz~=stagger-rev]{--xyz-stagger-rev:var(--xyz-stagger-default)}[xyz~=stagger-rev-0]{--xyz-stagger-rev:0s}[xyz~="stagger-rev-0.5"]{--xyz-stagger-rev:0.05s}[xyz~=stagger-rev-1]{--xyz-stagger-rev:0.1s}[xyz~="stagger-rev-1.5"]{--xyz-stagger-rev:0.15s}[xyz~=stagger-rev-2]{--xyz-stagger-rev:0.2s}[xyz~="stagger-rev-2.5"]{--xyz-stagger-rev:0.25s}[xyz~=stagger-rev-3]{--xyz-stagger-rev:0.3s}[xyz~=stagger-rev-4]{--xyz-stagger-rev:0.4s}[xyz~=stagger-rev-5]{--xyz-stagger-rev:0.5s}[xyz~=stagger-rev-6]{--xyz-stagger-rev:0.6s}[xyz~=stagger-rev-7]{--xyz-stagger-rev:0.7s}[xyz~=stagger-rev-8]{--xyz-stagger-rev:0.8s}[xyz~=stagger-rev-9]{--xyz-stagger-rev:0.9s}[xyz~=stagger-rev-10]{--xyz-stagger-rev:1s}[xyz~=stagger-rev-15]{--xyz-stagger-rev:1.5s}[xyz~=stagger-rev-20]{--xyz-stagger-rev:2s}[xyz~=stagger-rev-25]{--xyz-stagger-rev:2.5s}[xyz~=stagger-rev-30]{--xyz-stagger-rev:3s}[xyz~=in-stagger-rev]{--xyz-in-stagger-rev:var(--xyz-stagger-default)}[xyz~=in-stagger-rev-0]{--xyz-in-stagger-rev:0s}[xyz~="in-stagger-rev-0.5"]{--xyz-in-stagger-rev:0.05s}[xyz~=in-stagger-rev-1]{--xyz-in-stagger-rev:0.1s}[xyz~="in-stagger-rev-1.5"]{--xyz-in-stagger-rev:0.15s}[xyz~=in-stagger-rev-2]{--xyz-in-stagger-rev:0.2s}[xyz~="in-stagger-rev-2.5"]{--xyz-in-stagger-rev:0.25s}[xyz~=in-stagger-rev-3]{--xyz-in-stagger-rev:0.3s}[xyz~=in-stagger-rev-4]{--xyz-in-stagger-rev:0.4s}[xyz~=in-stagger-rev-5]{--xyz-in-stagger-rev:0.5s}[xyz~=in-stagger-rev-6]{--xyz-in-stagger-rev:0.6s}[xyz~=in-stagger-rev-7]{--xyz-in-stagger-rev:0.7s}[xyz~=in-stagger-rev-8]{--xyz-in-stagger-rev:0.8s}[xyz~=in-stagger-rev-9]{--xyz-in-stagger-rev:0.9s}[xyz~=in-stagger-rev-10]{--xyz-in-stagger-rev:1s}[xyz~=in-stagger-rev-15]{--xyz-in-stagger-rev:1.5s}[xyz~=in-stagger-rev-20]{--xyz-in-stagger-rev:2s}[xyz~=in-stagger-rev-25]{--xyz-in-stagger-rev:2.5s}[xyz~=in-stagger-rev-30]{--xyz-in-stagger-rev:3s}[xyz~=out-stagger-rev]{--xyz-out-stagger-rev:var(--xyz-stagger-default)}[xyz~=out-stagger-rev-0]{--xyz-out-stagger-rev:0s}[xyz~="out-stagger-rev-0.5"]{--xyz-out-stagger-rev:0.05s}[xyz~=out-stagger-rev-1]{--xyz-out-stagger-rev:0.1s}[xyz~="out-stagger-rev-1.5"]{--xyz-out-stagger-rev:0.15s}[xyz~=out-stagger-rev-2]{--xyz-out-stagger-rev:0.2s}[xyz~="out-stagger-rev-2.5"]{--xyz-out-stagger-rev:0.25s}[xyz~=out-stagger-rev-3]{--xyz-out-stagger-rev:0.3s}[xyz~=out-stagger-rev-4]{--xyz-out-stagger-rev:0.4s}[xyz~=out-stagger-rev-5]{--xyz-out-stagger-rev:0.5s}[xyz~=out-stagger-rev-6]{--xyz-out-stagger-rev:0.6s}[xyz~=out-stagger-rev-7]{--xyz-out-stagger-rev:0.7s}[xyz~=out-stagger-rev-8]{--xyz-out-stagger-rev:0.8s}[xyz~=out-stagger-rev-9]{--xyz-out-stagger-rev:0.9s}[xyz~=out-stagger-rev-10]{--xyz-out-stagger-rev:1s}[xyz~=out-stagger-rev-15]{--xyz-out-stagger-rev:1.5s}[xyz~=out-stagger-rev-20]{--xyz-out-stagger-rev:2s}[xyz~=out-stagger-rev-25]{--xyz-out-stagger-rev:2.5s}[xyz~=out-stagger-rev-30]{--xyz-out-stagger-rev:3s}[xyz~=appear-stagger-rev]{--xyz-appear-stagger-rev:var(--xyz-stagger-default)}[xyz~=appear-stagger-rev-0]{--xyz-appear-stagger-rev:0s}[xyz~="appear-stagger-rev-0.5"]{--xyz-appear-stagger-rev:0.05s}[xyz~=appear-stagger-rev-1]{--xyz-appear-stagger-rev:0.1s}[xyz~="appear-stagger-rev-1.5"]{--xyz-appear-stagger-rev:0.15s}[xyz~=appear-stagger-rev-2]{--xyz-appear-stagger-rev:0.2s}[xyz~="appear-stagger-rev-2.5"]{--xyz-appear-stagger-rev:0.25s}[xyz~=appear-stagger-rev-3]{--xyz-appear-stagger-rev:0.3s}[xyz~=appear-stagger-rev-4]{--xyz-appear-stagger-rev:0.4s}[xyz~=appear-stagger-rev-5]{--xyz-appear-stagger-rev:0.5s}[xyz~=appear-stagger-rev-6]{--xyz-appear-stagger-rev:0.6s}[xyz~=appear-stagger-rev-7]{--xyz-appear-stagger-rev:0.7s}[xyz~=appear-stagger-rev-8]{--xyz-appear-stagger-rev:0.8s}[xyz~=appear-stagger-rev-9]{--xyz-appear-stagger-rev:0.9s}[xyz~=appear-stagger-rev-10]{--xyz-appear-stagger-rev:1s}[xyz~=appear-stagger-rev-15]{--xyz-appear-stagger-rev:1.5s}[xyz~=appear-stagger-rev-20]{--xyz-appear-stagger-rev:2s}[xyz~=appear-stagger-rev-25]{--xyz-appear-stagger-rev:2.5s}[xyz~=appear-stagger-rev-30]{--xyz-appear-stagger-rev:3s}[xyz~=iterate]{--xyz-iterate:var(--xyz-iterate-default)}[xyz~=iterate-1]{--xyz-iterate:1}[xyz~=iterate-2]{--xyz-iterate:2}[xyz~=iterate-3]{--xyz-iterate:3}[xyz~=iterate-4]{--xyz-iterate:4}[xyz~=iterate-5]{--xyz-iterate:5}[xyz~=iterate-infinite]{--xyz-iterate:infinite}[xyz~=in-iterate]{--xyz-in-iterate:var(--xyz-iterate-default)}[xyz~=in-iterate-1]{--xyz-in-iterate:1}[xyz~=in-iterate-2]{--xyz-in-iterate:2}[xyz~=in-iterate-3]{--xyz-in-iterate:3}[xyz~=in-iterate-4]{--xyz-in-iterate:4}[xyz~=in-iterate-5]{--xyz-in-iterate:5}[xyz~=in-iterate-infinite]{--xyz-in-iterate:infinite}[xyz~=out-iterate]{--xyz-out-iterate:var(--xyz-iterate-default)}[xyz~=out-iterate-1]{--xyz-out-iterate:1}[xyz~=out-iterate-2]{--xyz-out-iterate:2}[xyz~=out-iterate-3]{--xyz-out-iterate:3}[xyz~=out-iterate-4]{--xyz-out-iterate:4}[xyz~=out-iterate-5]{--xyz-out-iterate:5}[xyz~=out-iterate-infinite]{--xyz-out-iterate:infinite}[xyz~=appear-iterate]{--xyz-appear-iterate:var(--xyz-iterate-default)}[xyz~=appear-iterate-1]{--xyz-appear-iterate:1}[xyz~=appear-iterate-2]{--xyz-appear-iterate:2}[xyz~=appear-iterate-3]{--xyz-appear-iterate:3}[xyz~=appear-iterate-4]{--xyz-appear-iterate:4}[xyz~=appear-iterate-5]{--xyz-appear-iterate:5}[xyz~=appear-iterate-infinite]{--xyz-appear-iterate:infinite}[xyz~=direction]{--xyz-direction:var(--xyz-direction-default)}[xyz~=direction-normal]{--xyz-direction:normal}[xyz~=direction-reverse]{--xyz-direction:reverse}[xyz~=direction-alternate]{--xyz-direction:alternate}[xyz~=direction-alternate-reverse]{--xyz-direction:alternate-reverse}[xyz~=in-direction]{--xyz-in-direction:var(--xyz-direction-default)}[xyz~=in-direction-normal]{--xyz-in-direction:normal}[xyz~=in-direction-reverse]{--xyz-in-direction:reverse}[xyz~=in-direction-alternate]{--xyz-in-direction:alternate}[xyz~=in-direction-alternate-reverse]{--xyz-in-direction:alternate-reverse}[xyz~=out-direction]{--xyz-out-direction:var(--xyz-direction-default)}[xyz~=out-direction-normal]{--xyz-out-direction:normal}[xyz~=out-direction-reverse]{--xyz-out-direction:reverse}[xyz~=out-direction-alternate]{--xyz-out-direction:alternate}[xyz~=out-direction-alternate-reverse]{--xyz-out-direction:alternate-reverse}[xyz~=appear-direction]{--xyz-appear-direction:var(--xyz-direction-default)}[xyz~=appear-direction-normal]{--xyz-appear-direction:normal}[xyz~=appear-direction-reverse]{--xyz-appear-direction:reverse}[xyz~=appear-direction-alternate]{--xyz-appear-direction:alternate}[xyz~=appear-direction-alternate-reverse]{--xyz-appear-direction:alternate-reverse}[xyz~=origin]{--xyz-origin:var(--xyz-origin-default)}[xyz~=origin-center]{--xyz-origin:center}[xyz~=origin-top]{--xyz-origin:top}[xyz~=origin-bottom]{--xyz-origin:bottom}[xyz~=origin-left]{--xyz-origin:left}[xyz~=origin-right]{--xyz-origin:right}[xyz~=origin-top-left]{--xyz-origin:top left}[xyz~=origin-top-right]{--xyz-origin:top right}[xyz~=origin-bottom-left]{--xyz-origin:bottom left}[xyz~=origin-bottom-right]{--xyz-origin:bottom right}[xyz~=in-origin]{--xyz-in-origin:var(--xyz-origin-default)}[xyz~=in-origin-center]{--xyz-in-origin:center}[xyz~=in-origin-top]{--xyz-in-origin:top}[xyz~=in-origin-bottom]{--xyz-in-origin:bottom}[xyz~=in-origin-left]{--xyz-in-origin:left}[xyz~=in-origin-right]{--xyz-in-origin:right}[xyz~=in-origin-top-left]{--xyz-in-origin:top left}[xyz~=in-origin-top-right]{--xyz-in-origin:top right}[xyz~=in-origin-bottom-left]{--xyz-in-origin:bottom left}[xyz~=in-origin-bottom-right]{--xyz-in-origin:bottom right}[xyz~=out-origin]{--xyz-out-origin:var(--xyz-origin-default)}[xyz~=out-origin-center]{--xyz-out-origin:center}[xyz~=out-origin-top]{--xyz-out-origin:top}[xyz~=out-origin-bottom]{--xyz-out-origin:bottom}[xyz~=out-origin-left]{--xyz-out-origin:left}[xyz~=out-origin-right]{--xyz-out-origin:right}[xyz~=out-origin-top-left]{--xyz-out-origin:top left}[xyz~=out-origin-top-right]{--xyz-out-origin:top right}[xyz~=out-origin-bottom-left]{--xyz-out-origin:bottom left}[xyz~=out-origin-bottom-right]{--xyz-out-origin:bottom right}[xyz~=appear-origin]{--xyz-appear-origin:var(--xyz-origin-default)}[xyz~=appear-origin-center]{--xyz-appear-origin:center}[xyz~=appear-origin-top]{--xyz-appear-origin:top}[xyz~=appear-origin-bottom]{--xyz-appear-origin:bottom}[xyz~=appear-origin-left]{--xyz-appear-origin:left}[xyz~=appear-origin-right]{--xyz-appear-origin:right}[xyz~=appear-origin-top-left]{--xyz-appear-origin:top left}[xyz~=appear-origin-top-right]{--xyz-appear-origin:top right}[xyz~=appear-origin-bottom-left]{--xyz-appear-origin:bottom left}[xyz~=appear-origin-bottom-right]{--xyz-appear-origin:bottom right}[xyz~=perspective]{--xyz-perspective:var(--xyz-perspective-default)}[xyz~=perspective-0]{--xyz-perspective:var(--xyz-perspective-none)}[xyz~=perspective-1]{--xyz-perspective:500px}[xyz~=perspective-2]{--xyz-perspective:1000px}[xyz~=perspective-3]{--xyz-perspective:1500px}[xyz~=perspective-4]{--xyz-perspective:2000px}[xyz~=perspective-5]{--xyz-perspective:2500px}[xyz~=in-perspective]{--xyz-in-perspective:var(--xyz-perspective-default)}[xyz~=in-perspective-0]{--xyz-in-perspective:var(--xyz-perspective-none)}[xyz~=in-perspective-1]{--xyz-in-perspective:500px}[xyz~=in-perspective-2]{--xyz-in-perspective:1000px}[xyz~=in-perspective-3]{--xyz-in-perspective:1500px}[xyz~=in-perspective-4]{--xyz-in-perspective:2000px}[xyz~=in-perspective-5]{--xyz-in-perspective:2500px}[xyz~=out-perspective]{--xyz-out-perspective:var(--xyz-perspective-default)}[xyz~=out-perspective-0]{--xyz-out-perspective:var(--xyz-perspective-none)}[xyz~=out-perspective-1]{--xyz-out-perspective:500px}[xyz~=out-perspective-2]{--xyz-out-perspective:1000px}[xyz~=out-perspective-3]{--xyz-out-perspective:1500px}[xyz~=out-perspective-4]{--xyz-out-perspective:2000px}[xyz~=out-perspective-5]{--xyz-out-perspective:2500px}[xyz~=appear-perspective]{--xyz-appear-perspective:var(--xyz-perspective-default)}[xyz~=appear-perspective-0]{--xyz-appear-perspective:var(--xyz-perspective-none)}[xyz~=appear-perspective-1]{--xyz-appear-perspective:500px}[xyz~=appear-perspective-2]{--xyz-appear-perspective:1000px}[xyz~=appear-perspective-3]{--xyz-appear-perspective:1500px}[xyz~=appear-perspective-4]{--xyz-appear-perspective:2000px}[xyz~=appear-perspective-5]{--xyz-appear-perspective:2500px}[xyz~=fade]{--xyz-opacity:calc(1 - var(--xyz-opacity-default))}[xyz~=fade-0]{--xyz-opacity:1}[xyz~="fade-25%"]{--xyz-opacity:0.75}[xyz~="fade-50%"]{--xyz-opacity:0.5}[xyz~="fade-75%"]{--xyz-opacity:0.25}[xyz~="fade-100%"]{--xyz-opacity:0}[xyz~=in-fade]{--xyz-in-opacity:calc(1 - var(--xyz-opacity-default))}[xyz~=in-fade-0]{--xyz-in-opacity:1}[xyz~="in-fade-25%"]{--xyz-in-opacity:0.75}[xyz~="in-fade-50%"]{--xyz-in-opacity:0.5}[xyz~="in-fade-75%"]{--xyz-in-opacity:0.25}[xyz~="in-fade-100%"]{--xyz-in-opacity:0}[xyz~=out-fade]{--xyz-out-opacity:calc(1 - var(--xyz-opacity-default))}[xyz~=out-fade-0]{--xyz-out-opacity:1}[xyz~="out-fade-25%"]{--xyz-out-opacity:0.75}[xyz~="out-fade-50%"]{--xyz-out-opacity:0.5}[xyz~="out-fade-75%"]{--xyz-out-opacity:0.25}[xyz~="out-fade-100%"]{--xyz-out-opacity:0}[xyz~=appear-fade]{--xyz-appear-opacity:calc(1 - var(--xyz-opacity-default))}[xyz~=appear-fade-0]{--xyz-appear-opacity:1}[xyz~="appear-fade-25%"]{--xyz-appear-opacity:0.75}[xyz~="appear-fade-50%"]{--xyz-appear-opacity:0.5}[xyz~="appear-fade-75%"]{--xyz-appear-opacity:0.25}[xyz~="appear-fade-100%"]{--xyz-appear-opacity:0}[xyz~=right]{--xyz-translate-x:var(--xyz-translate-default)}[xyz~=right-0]{--xyz-translate-x:0px}[xyz~=right-1]{--xyz-translate-x:10px}[xyz~=right-2]{--xyz-translate-x:20px}[xyz~=right-3]{--xyz-translate-x:30px}[xyz~=right-4]{--xyz-translate-x:40px}[xyz~=right-5]{--xyz-translate-x:50px}[xyz~="right-25%"]{--xyz-translate-x:25%}[xyz~="right-50%"]{--xyz-translate-x:50%}[xyz~="right-75%"]{--xyz-translate-x:75%}[xyz~="right-100%"]{--xyz-translate-x:100%}[xyz~=in-right]{--xyz-in-translate-x:var(--xyz-translate-default)}[xyz~=in-right-0]{--xyz-in-translate-x:0px}[xyz~=in-right-1]{--xyz-in-translate-x:10px}[xyz~=in-right-2]{--xyz-in-translate-x:20px}[xyz~=in-right-3]{--xyz-in-translate-x:30px}[xyz~=in-right-4]{--xyz-in-translate-x:40px}[xyz~=in-right-5]{--xyz-in-translate-x:50px}[xyz~="in-right-25%"]{--xyz-in-translate-x:25%}[xyz~="in-right-50%"]{--xyz-in-translate-x:50%}[xyz~="in-right-75%"]{--xyz-in-translate-x:75%}[xyz~="in-right-100%"]{--xyz-in-translate-x:100%}[xyz~=out-right]{--xyz-out-translate-x:var(--xyz-translate-default)}[xyz~=out-right-0]{--xyz-out-translate-x:0px}[xyz~=out-right-1]{--xyz-out-translate-x:10px}[xyz~=out-right-2]{--xyz-out-translate-x:20px}[xyz~=out-right-3]{--xyz-out-translate-x:30px}[xyz~=out-right-4]{--xyz-out-translate-x:40px}[xyz~=out-right-5]{--xyz-out-translate-x:50px}[xyz~="out-right-25%"]{--xyz-out-translate-x:25%}[xyz~="out-right-50%"]{--xyz-out-translate-x:50%}[xyz~="out-right-75%"]{--xyz-out-translate-x:75%}[xyz~="out-right-100%"]{--xyz-out-translate-x:100%}[xyz~=appear-right]{--xyz-appear-translate-x:var(--xyz-translate-default)}[xyz~=appear-right-0]{--xyz-appear-translate-x:0px}[xyz~=appear-right-1]{--xyz-appear-translate-x:10px}[xyz~=appear-right-2]{--xyz-appear-translate-x:20px}[xyz~=appear-right-3]{--xyz-appear-translate-x:30px}[xyz~=appear-right-4]{--xyz-appear-translate-x:40px}[xyz~=appear-right-5]{--xyz-appear-translate-x:50px}[xyz~="appear-right-25%"]{--xyz-appear-translate-x:25%}[xyz~="appear-right-50%"]{--xyz-appear-translate-x:50%}[xyz~="appear-right-75%"]{--xyz-appear-translate-x:75%}[xyz~="appear-right-100%"]{--xyz-appear-translate-x:100%}[xyz~=left]{--xyz-translate-x:calc(var(--xyz-translate-default)*-1)}[xyz~=left-0]{--xyz-translate-x:0px}[xyz~=left-1]{--xyz-translate-x:-10px}[xyz~=left-2]{--xyz-translate-x:-20px}[xyz~=left-3]{--xyz-translate-x:-30px}[xyz~=left-4]{--xyz-translate-x:-40px}[xyz~=left-5]{--xyz-translate-x:-50px}[xyz~="left-25%"]{--xyz-translate-x:-25%}[xyz~="left-50%"]{--xyz-translate-x:-50%}[xyz~="left-75%"]{--xyz-translate-x:-75%}[xyz~="left-100%"]{--xyz-translate-x:-100%}[xyz~=in-left]{--xyz-in-translate-x:calc(var(--xyz-translate-default)*-1)}[xyz~=in-left-0]{--xyz-in-translate-x:0px}[xyz~=in-left-1]{--xyz-in-translate-x:-10px}[xyz~=in-left-2]{--xyz-in-translate-x:-20px}[xyz~=in-left-3]{--xyz-in-translate-x:-30px}[xyz~=in-left-4]{--xyz-in-translate-x:-40px}[xyz~=in-left-5]{--xyz-in-translate-x:-50px}[xyz~="in-left-25%"]{--xyz-in-translate-x:-25%}[xyz~="in-left-50%"]{--xyz-in-translate-x:-50%}[xyz~="in-left-75%"]{--xyz-in-translate-x:-75%}[xyz~="in-left-100%"]{--xyz-in-translate-x:-100%}[xyz~=out-left]{--xyz-out-translate-x:calc(var(--xyz-translate-default)*-1)}[xyz~=out-left-0]{--xyz-out-translate-x:0px}[xyz~=out-left-1]{--xyz-out-translate-x:-10px}[xyz~=out-left-2]{--xyz-out-translate-x:-20px}[xyz~=out-left-3]{--xyz-out-translate-x:-30px}[xyz~=out-left-4]{--xyz-out-translate-x:-40px}[xyz~=out-left-5]{--xyz-out-translate-x:-50px}[xyz~="out-left-25%"]{--xyz-out-translate-x:-25%}[xyz~="out-left-50%"]{--xyz-out-translate-x:-50%}[xyz~="out-left-75%"]{--xyz-out-translate-x:-75%}[xyz~="out-left-100%"]{--xyz-out-translate-x:-100%}[xyz~=appear-left]{--xyz-appear-translate-x:calc(var(--xyz-translate-default)*-1)}[xyz~=appear-left-0]{--xyz-appear-translate-x:0px}[xyz~=appear-left-1]{--xyz-appear-translate-x:-10px}[xyz~=appear-left-2]{--xyz-appear-translate-x:-20px}[xyz~=appear-left-3]{--xyz-appear-translate-x:-30px}[xyz~=appear-left-4]{--xyz-appear-translate-x:-40px}[xyz~=appear-left-5]{--xyz-appear-translate-x:-50px}[xyz~="appear-left-25%"]{--xyz-appear-translate-x:-25%}[xyz~="appear-left-50%"]{--xyz-appear-translate-x:-50%}[xyz~="appear-left-75%"]{--xyz-appear-translate-x:-75%}[xyz~="appear-left-100%"]{--xyz-appear-translate-x:-100%}[xyz~=down]{--xyz-translate-y:var(--xyz-translate-default)}[xyz~=down-0]{--xyz-translate-y:0px}[xyz~=down-1]{--xyz-translate-y:10px}[xyz~=down-2]{--xyz-translate-y:20px}[xyz~=down-3]{--xyz-translate-y:30px}[xyz~=down-4]{--xyz-translate-y:40px}[xyz~=down-5]{--xyz-translate-y:50px}[xyz~="down-25%"]{--xyz-translate-y:25%}[xyz~="down-50%"]{--xyz-translate-y:50%}[xyz~="down-75%"]{--xyz-translate-y:75%}[xyz~="down-100%"]{--xyz-translate-y:100%}[xyz~=in-down]{--xyz-in-translate-y:var(--xyz-translate-default)}[xyz~=in-down-0]{--xyz-in-translate-y:0px}[xyz~=in-down-1]{--xyz-in-translate-y:10px}[xyz~=in-down-2]{--xyz-in-translate-y:20px}[xyz~=in-down-3]{--xyz-in-translate-y:30px}[xyz~=in-down-4]{--xyz-in-translate-y:40px}[xyz~=in-down-5]{--xyz-in-translate-y:50px}[xyz~="in-down-25%"]{--xyz-in-translate-y:25%}[xyz~="in-down-50%"]{--xyz-in-translate-y:50%}[xyz~="in-down-75%"]{--xyz-in-translate-y:75%}[xyz~="in-down-100%"]{--xyz-in-translate-y:100%}[xyz~=out-down]{--xyz-out-translate-y:var(--xyz-translate-default)}[xyz~=out-down-0]{--xyz-out-translate-y:0px}[xyz~=out-down-1]{--xyz-out-translate-y:10px}[xyz~=out-down-2]{--xyz-out-translate-y:20px}[xyz~=out-down-3]{--xyz-out-translate-y:30px}[xyz~=out-down-4]{--xyz-out-translate-y:40px}[xyz~=out-down-5]{--xyz-out-translate-y:50px}[xyz~="out-down-25%"]{--xyz-out-translate-y:25%}[xyz~="out-down-50%"]{--xyz-out-translate-y:50%}[xyz~="out-down-75%"]{--xyz-out-translate-y:75%}[xyz~="out-down-100%"]{--xyz-out-translate-y:100%}[xyz~=appear-down]{--xyz-appear-translate-y:var(--xyz-translate-default)}[xyz~=appear-down-0]{--xyz-appear-translate-y:0px}[xyz~=appear-down-1]{--xyz-appear-translate-y:10px}[xyz~=appear-down-2]{--xyz-appear-translate-y:20px}[xyz~=appear-down-3]{--xyz-appear-translate-y:30px}[xyz~=appear-down-4]{--xyz-appear-translate-y:40px}[xyz~=appear-down-5]{--xyz-appear-translate-y:50px}[xyz~="appear-down-25%"]{--xyz-appear-translate-y:25%}[xyz~="appear-down-50%"]{--xyz-appear-translate-y:50%}[xyz~="appear-down-75%"]{--xyz-appear-translate-y:75%}[xyz~="appear-down-100%"]{--xyz-appear-translate-y:100%}[xyz~=up]{--xyz-translate-y:calc(var(--xyz-translate-default)*-1)}[xyz~=up-0]{--xyz-translate-y:0px}[xyz~=up-1]{--xyz-translate-y:-10px}[xyz~=up-2]{--xyz-translate-y:-20px}[xyz~=up-3]{--xyz-translate-y:-30px}[xyz~=up-4]{--xyz-translate-y:-40px}[xyz~=up-5]{--xyz-translate-y:-50px}[xyz~="up-25%"]{--xyz-translate-y:-25%}[xyz~="up-50%"]{--xyz-translate-y:-50%}[xyz~="up-75%"]{--xyz-translate-y:-75%}[xyz~="up-100%"]{--xyz-translate-y:-100%}[xyz~=in-up]{--xyz-in-translate-y:calc(var(--xyz-translate-default)*-1)}[xyz~=in-up-0]{--xyz-in-translate-y:0px}[xyz~=in-up-1]{--xyz-in-translate-y:-10px}[xyz~=in-up-2]{--xyz-in-translate-y:-20px}[xyz~=in-up-3]{--xyz-in-translate-y:-30px}[xyz~=in-up-4]{--xyz-in-translate-y:-40px}[xyz~=in-up-5]{--xyz-in-translate-y:-50px}[xyz~="in-up-25%"]{--xyz-in-translate-y:-25%}[xyz~="in-up-50%"]{--xyz-in-translate-y:-50%}[xyz~="in-up-75%"]{--xyz-in-translate-y:-75%}[xyz~="in-up-100%"]{--xyz-in-translate-y:-100%}[xyz~=out-up]{--xyz-out-translate-y:calc(var(--xyz-translate-default)*-1)}[xyz~=out-up-0]{--xyz-out-translate-y:0px}[xyz~=out-up-1]{--xyz-out-translate-y:-10px}[xyz~=out-up-2]{--xyz-out-translate-y:-20px}[xyz~=out-up-3]{--xyz-out-translate-y:-30px}[xyz~=out-up-4]{--xyz-out-translate-y:-40px}[xyz~=out-up-5]{--xyz-out-translate-y:-50px}[xyz~="out-up-25%"]{--xyz-out-translate-y:-25%}[xyz~="out-up-50%"]{--xyz-out-translate-y:-50%}[xyz~="out-up-75%"]{--xyz-out-translate-y:-75%}[xyz~="out-up-100%"]{--xyz-out-translate-y:-100%}[xyz~=appear-up]{--xyz-appear-translate-y:calc(var(--xyz-translate-default)*-1)}[xyz~=appear-up-0]{--xyz-appear-translate-y:0px}[xyz~=appear-up-1]{--xyz-appear-translate-y:-10px}[xyz~=appear-up-2]{--xyz-appear-translate-y:-20px}[xyz~=appear-up-3]{--xyz-appear-translate-y:-30px}[xyz~=appear-up-4]{--xyz-appear-translate-y:-40px}[xyz~=appear-up-5]{--xyz-appear-translate-y:-50px}[xyz~="appear-up-25%"]{--xyz-appear-translate-y:-25%}[xyz~="appear-up-50%"]{--xyz-appear-translate-y:-50%}[xyz~="appear-up-75%"]{--xyz-appear-translate-y:-75%}[xyz~="appear-up-100%"]{--xyz-appear-translate-y:-100%}[xyz~=front]{--xyz-translate-z:var(--xyz-translate-z-default)}[xyz~=front-0]{--xyz-translate-z:0px}[xyz~=front-1]{--xyz-translate-z:100px}[xyz~=front-2]{--xyz-translate-z:200px}[xyz~=front-3]{--xyz-translate-z:300px}[xyz~=front-4]{--xyz-translate-z:400px}[xyz~=front-5]{--xyz-translate-z:500px}[xyz~=in-front]{--xyz-in-translate-z:var(--xyz-translate-z-default)}[xyz~=in-front-0]{--xyz-in-translate-z:0px}[xyz~=in-front-1]{--xyz-in-translate-z:100px}[xyz~=in-front-2]{--xyz-in-translate-z:200px}[xyz~=in-front-3]{--xyz-in-translate-z:300px}[xyz~=in-front-4]{--xyz-in-translate-z:400px}[xyz~=in-front-5]{--xyz-in-translate-z:500px}[xyz~=out-front]{--xyz-out-translate-z:var(--xyz-translate-z-default)}[xyz~=out-front-0]{--xyz-out-translate-z:0px}[xyz~=out-front-1]{--xyz-out-translate-z:100px}[xyz~=out-front-2]{--xyz-out-translate-z:200px}[xyz~=out-front-3]{--xyz-out-translate-z:300px}[xyz~=out-front-4]{--xyz-out-translate-z:400px}[xyz~=out-front-5]{--xyz-out-translate-z:500px}[xyz~=appear-front]{--xyz-appear-translate-z:var(--xyz-translate-z-default)}[xyz~=appear-front-0]{--xyz-appear-translate-z:0px}[xyz~=appear-front-1]{--xyz-appear-translate-z:100px}[xyz~=appear-front-2]{--xyz-appear-translate-z:200px}[xyz~=appear-front-3]{--xyz-appear-translate-z:300px}[xyz~=appear-front-4]{--xyz-appear-translate-z:400px}[xyz~=appear-front-5]{--xyz-appear-translate-z:500px}[xyz~=back]{--xyz-translate-z:calc(var(--xyz-translate-z-default)*-1)}[xyz~=back-0]{--xyz-translate-z:0px}[xyz~=back-1]{--xyz-translate-z:-100px}[xyz~=back-2]{--xyz-translate-z:-200px}[xyz~=back-3]{--xyz-translate-z:-300px}[xyz~=back-4]{--xyz-translate-z:-400px}[xyz~=back-5]{--xyz-translate-z:-500px}[xyz~=in-back]{--xyz-in-translate-z:calc(var(--xyz-translate-z-default)*-1)}[xyz~=in-back-0]{--xyz-in-translate-z:0px}[xyz~=in-back-1]{--xyz-in-translate-z:-100px}[xyz~=in-back-2]{--xyz-in-translate-z:-200px}[xyz~=in-back-3]{--xyz-in-translate-z:-300px}[xyz~=in-back-4]{--xyz-in-translate-z:-400px}[xyz~=in-back-5]{--xyz-in-translate-z:-500px}[xyz~=out-back]{--xyz-out-translate-z:calc(var(--xyz-translate-z-default)*-1)}[xyz~=out-back-0]{--xyz-out-translate-z:0px}[xyz~=out-back-1]{--xyz-out-translate-z:-100px}[xyz~=out-back-2]{--xyz-out-translate-z:-200px}[xyz~=out-back-3]{--xyz-out-translate-z:-300px}[xyz~=out-back-4]{--xyz-out-translate-z:-400px}[xyz~=out-back-5]{--xyz-out-translate-z:-500px}[xyz~=appear-back]{--xyz-appear-translate-z:calc(var(--xyz-translate-z-default)*-1)}[xyz~=appear-back-0]{--xyz-appear-translate-z:0px}[xyz~=appear-back-1]{--xyz-appear-translate-z:-100px}[xyz~=appear-back-2]{--xyz-appear-translate-z:-200px}[xyz~=appear-back-3]{--xyz-appear-translate-z:-300px}[xyz~=appear-back-4]{--xyz-appear-translate-z:-400px}[xyz~=appear-back-5]{--xyz-appear-translate-z:-500px}[xyz~=flip-up]{--xyz-rotate-x:var(--xyz-rotate-default)}[xyz~=flip-up-0]{--xyz-rotate-x:0deg}[xyz~=flip-up-1]{--xyz-rotate-x:10deg}[xyz~=flip-up-2]{--xyz-rotate-x:20deg}[xyz~=flip-up-3]{--xyz-rotate-x:30deg}[xyz~=flip-up-4]{--xyz-rotate-x:40deg}[xyz~=flip-up-5]{--xyz-rotate-x:50deg}[xyz~="flip-up-25%"]{--xyz-rotate-x:0.25turn}[xyz~="flip-up-50%"]{--xyz-rotate-x:0.5turn}[xyz~="flip-up-75%"]{--xyz-rotate-x:0.75turn}[xyz~="flip-up-100%"]{--xyz-rotate-x:1turn}[xyz~=in-flip-up]{--xyz-in-rotate-x:var(--xyz-rotate-default)}[xyz~=in-flip-up-0]{--xyz-in-rotate-x:0deg}[xyz~=in-flip-up-1]{--xyz-in-rotate-x:10deg}[xyz~=in-flip-up-2]{--xyz-in-rotate-x:20deg}[xyz~=in-flip-up-3]{--xyz-in-rotate-x:30deg}[xyz~=in-flip-up-4]{--xyz-in-rotate-x:40deg}[xyz~=in-flip-up-5]{--xyz-in-rotate-x:50deg}[xyz~="in-flip-up-25%"]{--xyz-in-rotate-x:0.25turn}[xyz~="in-flip-up-50%"]{--xyz-in-rotate-x:0.5turn}[xyz~="in-flip-up-75%"]{--xyz-in-rotate-x:0.75turn}[xyz~="in-flip-up-100%"]{--xyz-in-rotate-x:1turn}[xyz~=out-flip-up]{--xyz-out-rotate-x:var(--xyz-rotate-default)}[xyz~=out-flip-up-0]{--xyz-out-rotate-x:0deg}[xyz~=out-flip-up-1]{--xyz-out-rotate-x:10deg}[xyz~=out-flip-up-2]{--xyz-out-rotate-x:20deg}[xyz~=out-flip-up-3]{--xyz-out-rotate-x:30deg}[xyz~=out-flip-up-4]{--xyz-out-rotate-x:40deg}[xyz~=out-flip-up-5]{--xyz-out-rotate-x:50deg}[xyz~="out-flip-up-25%"]{--xyz-out-rotate-x:0.25turn}[xyz~="out-flip-up-50%"]{--xyz-out-rotate-x:0.5turn}[xyz~="out-flip-up-75%"]{--xyz-out-rotate-x:0.75turn}[xyz~="out-flip-up-100%"]{--xyz-out-rotate-x:1turn}[xyz~=appear-flip-up]{--xyz-appear-rotate-x:var(--xyz-rotate-default)}[xyz~=appear-flip-up-0]{--xyz-appear-rotate-x:0deg}[xyz~=appear-flip-up-1]{--xyz-appear-rotate-x:10deg}[xyz~=appear-flip-up-2]{--xyz-appear-rotate-x:20deg}[xyz~=appear-flip-up-3]{--xyz-appear-rotate-x:30deg}[xyz~=appear-flip-up-4]{--xyz-appear-rotate-x:40deg}[xyz~=appear-flip-up-5]{--xyz-appear-rotate-x:50deg}[xyz~="appear-flip-up-25%"]{--xyz-appear-rotate-x:0.25turn}[xyz~="appear-flip-up-50%"]{--xyz-appear-rotate-x:0.5turn}[xyz~="appear-flip-up-75%"]{--xyz-appear-rotate-x:0.75turn}[xyz~="appear-flip-up-100%"]{--xyz-appear-rotate-x:1turn}[xyz~=flip-down]{--xyz-rotate-x:calc(var(--xyz-rotate-default)*-1)}[xyz~=flip-down-0]{--xyz-rotate-x:0deg}[xyz~=flip-down-1]{--xyz-rotate-x:-10deg}[xyz~=flip-down-2]{--xyz-rotate-x:-20deg}[xyz~=flip-down-3]{--xyz-rotate-x:-30deg}[xyz~=flip-down-4]{--xyz-rotate-x:-40deg}[xyz~=flip-down-5]{--xyz-rotate-x:-50deg}[xyz~="flip-down-25%"]{--xyz-rotate-x:-0.25turn}[xyz~="flip-down-50%"]{--xyz-rotate-x:-0.5turn}[xyz~="flip-down-75%"]{--xyz-rotate-x:-0.75turn}[xyz~="flip-down-100%"]{--xyz-rotate-x:-1turn}[xyz~=in-flip-down]{--xyz-in-rotate-x:calc(var(--xyz-rotate-default)*-1)}[xyz~=in-flip-down-0]{--xyz-in-rotate-x:0deg}[xyz~=in-flip-down-1]{--xyz-in-rotate-x:-10deg}[xyz~=in-flip-down-2]{--xyz-in-rotate-x:-20deg}[xyz~=in-flip-down-3]{--xyz-in-rotate-x:-30deg}[xyz~=in-flip-down-4]{--xyz-in-rotate-x:-40deg}[xyz~=in-flip-down-5]{--xyz-in-rotate-x:-50deg}[xyz~="in-flip-down-25%"]{--xyz-in-rotate-x:-0.25turn}[xyz~="in-flip-down-50%"]{--xyz-in-rotate-x:-0.5turn}[xyz~="in-flip-down-75%"]{--xyz-in-rotate-x:-0.75turn}[xyz~="in-flip-down-100%"]{--xyz-in-rotate-x:-1turn}[xyz~=out-flip-down]{--xyz-out-rotate-x:calc(var(--xyz-rotate-default)*-1)}[xyz~=out-flip-down-0]{--xyz-out-rotate-x:0deg}[xyz~=out-flip-down-1]{--xyz-out-rotate-x:-10deg}[xyz~=out-flip-down-2]{--xyz-out-rotate-x:-20deg}[xyz~=out-flip-down-3]{--xyz-out-rotate-x:-30deg}[xyz~=out-flip-down-4]{--xyz-out-rotate-x:-40deg}[xyz~=out-flip-down-5]{--xyz-out-rotate-x:-50deg}[xyz~="out-flip-down-25%"]{--xyz-out-rotate-x:-0.25turn}[xyz~="out-flip-down-50%"]{--xyz-out-rotate-x:-0.5turn}[xyz~="out-flip-down-75%"]{--xyz-out-rotate-x:-0.75turn}[xyz~="out-flip-down-100%"]{--xyz-out-rotate-x:-1turn}[xyz~=appear-flip-down]{--xyz-appear-rotate-x:calc(var(--xyz-rotate-default)*-1)}[xyz~=appear-flip-down-0]{--xyz-appear-rotate-x:0deg}[xyz~=appear-flip-down-1]{--xyz-appear-rotate-x:-10deg}[xyz~=appear-flip-down-2]{--xyz-appear-rotate-x:-20deg}[xyz~=appear-flip-down-3]{--xyz-appear-rotate-x:-30deg}[xyz~=appear-flip-down-4]{--xyz-appear-rotate-x:-40deg}[xyz~=appear-flip-down-5]{--xyz-appear-rotate-x:-50deg}[xyz~="appear-flip-down-25%"]{--xyz-appear-rotate-x:-0.25turn}[xyz~="appear-flip-down-50%"]{--xyz-appear-rotate-x:-0.5turn}[xyz~="appear-flip-down-75%"]{--xyz-appear-rotate-x:-0.75turn}[xyz~="appear-flip-down-100%"]{--xyz-appear-rotate-x:-1turn}[xyz~=flip-right]{--xyz-rotate-y:var(--xyz-rotate-default)}[xyz~=flip-right-0]{--xyz-rotate-y:0deg}[xyz~=flip-right-1]{--xyz-rotate-y:10deg}[xyz~=flip-right-2]{--xyz-rotate-y:20deg}[xyz~=flip-right-3]{--xyz-rotate-y:30deg}[xyz~=flip-right-4]{--xyz-rotate-y:40deg}[xyz~=flip-right-5]{--xyz-rotate-y:50deg}[xyz~="flip-right-25%"]{--xyz-rotate-y:0.25turn}[xyz~="flip-right-50%"]{--xyz-rotate-y:0.5turn}[xyz~="flip-right-75%"]{--xyz-rotate-y:0.75turn}[xyz~="flip-right-100%"]{--xyz-rotate-y:1turn}[xyz~=in-flip-right]{--xyz-in-rotate-y:var(--xyz-rotate-default)}[xyz~=in-flip-right-0]{--xyz-in-rotate-y:0deg}[xyz~=in-flip-right-1]{--xyz-in-rotate-y:10deg}[xyz~=in-flip-right-2]{--xyz-in-rotate-y:20deg}[xyz~=in-flip-right-3]{--xyz-in-rotate-y:30deg}[xyz~=in-flip-right-4]{--xyz-in-rotate-y:40deg}[xyz~=in-flip-right-5]{--xyz-in-rotate-y:50deg}[xyz~="in-flip-right-25%"]{--xyz-in-rotate-y:0.25turn}[xyz~="in-flip-right-50%"]{--xyz-in-rotate-y:0.5turn}[xyz~="in-flip-right-75%"]{--xyz-in-rotate-y:0.75turn}[xyz~="in-flip-right-100%"]{--xyz-in-rotate-y:1turn}[xyz~=out-flip-right]{--xyz-out-rotate-y:var(--xyz-rotate-default)}[xyz~=out-flip-right-0]{--xyz-out-rotate-y:0deg}[xyz~=out-flip-right-1]{--xyz-out-rotate-y:10deg}[xyz~=out-flip-right-2]{--xyz-out-rotate-y:20deg}[xyz~=out-flip-right-3]{--xyz-out-rotate-y:30deg}[xyz~=out-flip-right-4]{--xyz-out-rotate-y:40deg}[xyz~=out-flip-right-5]{--xyz-out-rotate-y:50deg}[xyz~="out-flip-right-25%"]{--xyz-out-rotate-y:0.25turn}[xyz~="out-flip-right-50%"]{--xyz-out-rotate-y:0.5turn}[xyz~="out-flip-right-75%"]{--xyz-out-rotate-y:0.75turn}[xyz~="out-flip-right-100%"]{--xyz-out-rotate-y:1turn}[xyz~=appear-flip-right]{--xyz-appear-rotate-y:var(--xyz-rotate-default)}[xyz~=appear-flip-right-0]{--xyz-appear-rotate-y:0deg}[xyz~=appear-flip-right-1]{--xyz-appear-rotate-y:10deg}[xyz~=appear-flip-right-2]{--xyz-appear-rotate-y:20deg}[xyz~=appear-flip-right-3]{--xyz-appear-rotate-y:30deg}[xyz~=appear-flip-right-4]{--xyz-appear-rotate-y:40deg}[xyz~=appear-flip-right-5]{--xyz-appear-rotate-y:50deg}[xyz~="appear-flip-right-25%"]{--xyz-appear-rotate-y:0.25turn}[xyz~="appear-flip-right-50%"]{--xyz-appear-rotate-y:0.5turn}[xyz~="appear-flip-right-75%"]{--xyz-appear-rotate-y:0.75turn}[xyz~="appear-flip-right-100%"]{--xyz-appear-rotate-y:1turn}[xyz~=flip-left]{--xyz-rotate-y:calc(var(--xyz-rotate-default)*-1)}[xyz~=flip-left-0]{--xyz-rotate-y:0deg}[xyz~=flip-left-1]{--xyz-rotate-y:-10deg}[xyz~=flip-left-2]{--xyz-rotate-y:-20deg}[xyz~=flip-left-3]{--xyz-rotate-y:-30deg}[xyz~=flip-left-4]{--xyz-rotate-y:-40deg}[xyz~=flip-left-5]{--xyz-rotate-y:-50deg}[xyz~="flip-left-25%"]{--xyz-rotate-y:-0.25turn}[xyz~="flip-left-50%"]{--xyz-rotate-y:-0.5turn}[xyz~="flip-left-75%"]{--xyz-rotate-y:-0.75turn}[xyz~="flip-left-100%"]{--xyz-rotate-y:-1turn}[xyz~=in-flip-left]{--xyz-in-rotate-y:calc(var(--xyz-rotate-default)*-1)}[xyz~=in-flip-left-0]{--xyz-in-rotate-y:0deg}[xyz~=in-flip-left-1]{--xyz-in-rotate-y:-10deg}[xyz~=in-flip-left-2]{--xyz-in-rotate-y:-20deg}[xyz~=in-flip-left-3]{--xyz-in-rotate-y:-30deg}[xyz~=in-flip-left-4]{--xyz-in-rotate-y:-40deg}[xyz~=in-flip-left-5]{--xyz-in-rotate-y:-50deg}[xyz~="in-flip-left-25%"]{--xyz-in-rotate-y:-0.25turn}[xyz~="in-flip-left-50%"]{--xyz-in-rotate-y:-0.5turn}[xyz~="in-flip-left-75%"]{--xyz-in-rotate-y:-0.75turn}[xyz~="in-flip-left-100%"]{--xyz-in-rotate-y:-1turn}[xyz~=out-flip-left]{--xyz-out-rotate-y:calc(var(--xyz-rotate-default)*-1)}[xyz~=out-flip-left-0]{--xyz-out-rotate-y:0deg}[xyz~=out-flip-left-1]{--xyz-out-rotate-y:-10deg}[xyz~=out-flip-left-2]{--xyz-out-rotate-y:-20deg}[xyz~=out-flip-left-3]{--xyz-out-rotate-y:-30deg}[xyz~=out-flip-left-4]{--xyz-out-rotate-y:-40deg}[xyz~=out-flip-left-5]{--xyz-out-rotate-y:-50deg}[xyz~="out-flip-left-25%"]{--xyz-out-rotate-y:-0.25turn}[xyz~="out-flip-left-50%"]{--xyz-out-rotate-y:-0.5turn}[xyz~="out-flip-left-75%"]{--xyz-out-rotate-y:-0.75turn}[xyz~="out-flip-left-100%"]{--xyz-out-rotate-y:-1turn}[xyz~=appear-flip-left]{--xyz-appear-rotate-y:calc(var(--xyz-rotate-default)*-1)}[xyz~=appear-flip-left-0]{--xyz-appear-rotate-y:0deg}[xyz~=appear-flip-left-1]{--xyz-appear-rotate-y:-10deg}[xyz~=appear-flip-left-2]{--xyz-appear-rotate-y:-20deg}[xyz~=appear-flip-left-3]{--xyz-appear-rotate-y:-30deg}[xyz~=appear-flip-left-4]{--xyz-appear-rotate-y:-40deg}[xyz~=appear-flip-left-5]{--xyz-appear-rotate-y:-50deg}[xyz~="appear-flip-left-25%"]{--xyz-appear-rotate-y:-0.25turn}[xyz~="appear-flip-left-50%"]{--xyz-appear-rotate-y:-0.5turn}[xyz~="appear-flip-left-75%"]{--xyz-appear-rotate-y:-0.75turn}[xyz~="appear-flip-left-100%"]{--xyz-appear-rotate-y:-1turn}[xyz~=rotate-right]{--xyz-rotate-z:var(--xyz-rotate-default)}[xyz~=rotate-right-0]{--xyz-rotate-z:0deg}[xyz~=rotate-right-1]{--xyz-rotate-z:10deg}[xyz~=rotate-right-2]{--xyz-rotate-z:20deg}[xyz~=rotate-right-3]{--xyz-rotate-z:30deg}[xyz~=rotate-right-4]{--xyz-rotate-z:40deg}[xyz~=rotate-right-5]{--xyz-rotate-z:50deg}[xyz~="rotate-right-25%"]{--xyz-rotate-z:0.25turn}[xyz~="rotate-right-50%"]{--xyz-rotate-z:0.5turn}[xyz~="rotate-right-75%"]{--xyz-rotate-z:0.75turn}[xyz~="rotate-right-100%"]{--xyz-rotate-z:1turn}[xyz~=in-rotate-right]{--xyz-in-rotate-z:var(--xyz-rotate-default)}[xyz~=in-rotate-right-0]{--xyz-in-rotate-z:0deg}[xyz~=in-rotate-right-1]{--xyz-in-rotate-z:10deg}[xyz~=in-rotate-right-2]{--xyz-in-rotate-z:20deg}[xyz~=in-rotate-right-3]{--xyz-in-rotate-z:30deg}[xyz~=in-rotate-right-4]{--xyz-in-rotate-z:40deg}[xyz~=in-rotate-right-5]{--xyz-in-rotate-z:50deg}[xyz~="in-rotate-right-25%"]{--xyz-in-rotate-z:0.25turn}[xyz~="in-rotate-right-50%"]{--xyz-in-rotate-z:0.5turn}[xyz~="in-rotate-right-75%"]{--xyz-in-rotate-z:0.75turn}[xyz~="in-rotate-right-100%"]{--xyz-in-rotate-z:1turn}[xyz~=out-rotate-right]{--xyz-out-rotate-z:var(--xyz-rotate-default)}[xyz~=out-rotate-right-0]{--xyz-out-rotate-z:0deg}[xyz~=out-rotate-right-1]{--xyz-out-rotate-z:10deg}[xyz~=out-rotate-right-2]{--xyz-out-rotate-z:20deg}[xyz~=out-rotate-right-3]{--xyz-out-rotate-z:30deg}[xyz~=out-rotate-right-4]{--xyz-out-rotate-z:40deg}[xyz~=out-rotate-right-5]{--xyz-out-rotate-z:50deg}[xyz~="out-rotate-right-25%"]{--xyz-out-rotate-z:0.25turn}[xyz~="out-rotate-right-50%"]{--xyz-out-rotate-z:0.5turn}[xyz~="out-rotate-right-75%"]{--xyz-out-rotate-z:0.75turn}[xyz~="out-rotate-right-100%"]{--xyz-out-rotate-z:1turn}[xyz~=appear-rotate-right]{--xyz-appear-rotate-z:var(--xyz-rotate-default)}[xyz~=appear-rotate-right-0]{--xyz-appear-rotate-z:0deg}[xyz~=appear-rotate-right-1]{--xyz-appear-rotate-z:10deg}[xyz~=appear-rotate-right-2]{--xyz-appear-rotate-z:20deg}[xyz~=appear-rotate-right-3]{--xyz-appear-rotate-z:30deg}[xyz~=appear-rotate-right-4]{--xyz-appear-rotate-z:40deg}[xyz~=appear-rotate-right-5]{--xyz-appear-rotate-z:50deg}[xyz~="appear-rotate-right-25%"]{--xyz-appear-rotate-z:0.25turn}[xyz~="appear-rotate-right-50%"]{--xyz-appear-rotate-z:0.5turn}[xyz~="appear-rotate-right-75%"]{--xyz-appear-rotate-z:0.75turn}[xyz~="appear-rotate-right-100%"]{--xyz-appear-rotate-z:1turn}[xyz~=rotate-left]{--xyz-rotate-z:calc(var(--xyz-rotate-default)*-1)}[xyz~=rotate-left-0]{--xyz-rotate-z:0deg}[xyz~=rotate-left-1]{--xyz-rotate-z:-10deg}[xyz~=rotate-left-2]{--xyz-rotate-z:-20deg}[xyz~=rotate-left-3]{--xyz-rotate-z:-30deg}[xyz~=rotate-left-4]{--xyz-rotate-z:-40deg}[xyz~=rotate-left-5]{--xyz-rotate-z:-50deg}[xyz~="rotate-left-25%"]{--xyz-rotate-z:-0.25turn}[xyz~="rotate-left-50%"]{--xyz-rotate-z:-0.5turn}[xyz~="rotate-left-75%"]{--xyz-rotate-z:-0.75turn}[xyz~="rotate-left-100%"]{--xyz-rotate-z:-1turn}[xyz~=in-rotate-left]{--xyz-in-rotate-z:calc(var(--xyz-rotate-default)*-1)}[xyz~=in-rotate-left-0]{--xyz-in-rotate-z:0deg}[xyz~=in-rotate-left-1]{--xyz-in-rotate-z:-10deg}[xyz~=in-rotate-left-2]{--xyz-in-rotate-z:-20deg}[xyz~=in-rotate-left-3]{--xyz-in-rotate-z:-30deg}[xyz~=in-rotate-left-4]{--xyz-in-rotate-z:-40deg}[xyz~=in-rotate-left-5]{--xyz-in-rotate-z:-50deg}[xyz~="in-rotate-left-25%"]{--xyz-in-rotate-z:-0.25turn}[xyz~="in-rotate-left-50%"]{--xyz-in-rotate-z:-0.5turn}[xyz~="in-rotate-left-75%"]{--xyz-in-rotate-z:-0.75turn}[xyz~="in-rotate-left-100%"]{--xyz-in-rotate-z:-1turn}[xyz~=out-rotate-left]{--xyz-out-rotate-z:calc(var(--xyz-rotate-default)*-1)}[xyz~=out-rotate-left-0]{--xyz-out-rotate-z:0deg}[xyz~=out-rotate-left-1]{--xyz-out-rotate-z:-10deg}[xyz~=out-rotate-left-2]{--xyz-out-rotate-z:-20deg}[xyz~=out-rotate-left-3]{--xyz-out-rotate-z:-30deg}[xyz~=out-rotate-left-4]{--xyz-out-rotate-z:-40deg}[xyz~=out-rotate-left-5]{--xyz-out-rotate-z:-50deg}[xyz~="out-rotate-left-25%"]{--xyz-out-rotate-z:-0.25turn}[xyz~="out-rotate-left-50%"]{--xyz-out-rotate-z:-0.5turn}[xyz~="out-rotate-left-75%"]{--xyz-out-rotate-z:-0.75turn}[xyz~="out-rotate-left-100%"]{--xyz-out-rotate-z:-1turn}[xyz~=appear-rotate-left]{--xyz-appear-rotate-z:calc(var(--xyz-rotate-default)*-1)}[xyz~=appear-rotate-left-0]{--xyz-appear-rotate-z:0deg}[xyz~=appear-rotate-left-1]{--xyz-appear-rotate-z:-10deg}[xyz~=appear-rotate-left-2]{--xyz-appear-rotate-z:-20deg}[xyz~=appear-rotate-left-3]{--xyz-appear-rotate-z:-30deg}[xyz~=appear-rotate-left-4]{--xyz-appear-rotate-z:-40deg}[xyz~=appear-rotate-left-5]{--xyz-appear-rotate-z:-50deg}[xyz~="appear-rotate-left-25%"]{--xyz-appear-rotate-z:-0.25turn}[xyz~="appear-rotate-left-50%"]{--xyz-appear-rotate-z:-0.5turn}[xyz~="appear-rotate-left-75%"]{--xyz-appear-rotate-z:-0.75turn}[xyz~="appear-rotate-left-100%"]{--xyz-appear-rotate-z:-1turn}[xyz~=small]{--xyz-scale-x:calc(1 - var(--xyz-scale-default));--xyz-scale-y:calc(1 - var(--xyz-scale-default));--xyz-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=small-0]{--xyz-scale-x:1;--xyz-scale-y:1;--xyz-scale-z:1}[xyz~=small-1]{--xyz-scale-x:0.975;--xyz-scale-y:0.975;--xyz-scale-z:0.975}[xyz~=small-2]{--xyz-scale-x:0.95;--xyz-scale-y:0.95;--xyz-scale-z:0.95}[xyz~=small-3]{--xyz-scale-x:0.925;--xyz-scale-y:0.925;--xyz-scale-z:0.925}[xyz~=small-4]{--xyz-scale-x:0.9;--xyz-scale-y:0.9;--xyz-scale-z:0.9}[xyz~=small-5]{--xyz-scale-x:0.875;--xyz-scale-y:0.875;--xyz-scale-z:0.875}[xyz~="small-25%"]{--xyz-scale-x:0.75;--xyz-scale-y:0.75;--xyz-scale-z:0.75}[xyz~="small-50%"]{--xyz-scale-x:0.5;--xyz-scale-y:0.5;--xyz-scale-z:0.5}[xyz~="small-75%"]{--xyz-scale-x:0.25;--xyz-scale-y:0.25;--xyz-scale-z:0.25}[xyz~="small-100%"]{--xyz-scale-x:0;--xyz-scale-y:0;--xyz-scale-z:0}[xyz~=in-small]{--xyz-in-scale-x:calc(1 - var(--xyz-scale-default));--xyz-in-scale-y:calc(1 - var(--xyz-scale-default));--xyz-in-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=in-small-0]{--xyz-in-scale-x:1;--xyz-in-scale-y:1;--xyz-in-scale-z:1}[xyz~=in-small-1]{--xyz-in-scale-x:0.975;--xyz-in-scale-y:0.975;--xyz-in-scale-z:0.975}[xyz~=in-small-2]{--xyz-in-scale-x:0.95;--xyz-in-scale-y:0.95;--xyz-in-scale-z:0.95}[xyz~=in-small-3]{--xyz-in-scale-x:0.925;--xyz-in-scale-y:0.925;--xyz-in-scale-z:0.925}[xyz~=in-small-4]{--xyz-in-scale-x:0.9;--xyz-in-scale-y:0.9;--xyz-in-scale-z:0.9}[xyz~=in-small-5]{--xyz-in-scale-x:0.875;--xyz-in-scale-y:0.875;--xyz-in-scale-z:0.875}[xyz~="in-small-25%"]{--xyz-in-scale-x:0.75;--xyz-in-scale-y:0.75;--xyz-in-scale-z:0.75}[xyz~="in-small-50%"]{--xyz-in-scale-x:0.5;--xyz-in-scale-y:0.5;--xyz-in-scale-z:0.5}[xyz~="in-small-75%"]{--xyz-in-scale-x:0.25;--xyz-in-scale-y:0.25;--xyz-in-scale-z:0.25}[xyz~="in-small-100%"]{--xyz-in-scale-x:0;--xyz-in-scale-y:0;--xyz-in-scale-z:0}[xyz~=out-small]{--xyz-out-scale-x:calc(1 - var(--xyz-scale-default));--xyz-out-scale-y:calc(1 - var(--xyz-scale-default));--xyz-out-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=out-small-0]{--xyz-out-scale-x:1;--xyz-out-scale-y:1;--xyz-out-scale-z:1}[xyz~=out-small-1]{--xyz-out-scale-x:0.975;--xyz-out-scale-y:0.975;--xyz-out-scale-z:0.975}[xyz~=out-small-2]{--xyz-out-scale-x:0.95;--xyz-out-scale-y:0.95;--xyz-out-scale-z:0.95}[xyz~=out-small-3]{--xyz-out-scale-x:0.925;--xyz-out-scale-y:0.925;--xyz-out-scale-z:0.925}[xyz~=out-small-4]{--xyz-out-scale-x:0.9;--xyz-out-scale-y:0.9;--xyz-out-scale-z:0.9}[xyz~=out-small-5]{--xyz-out-scale-x:0.875;--xyz-out-scale-y:0.875;--xyz-out-scale-z:0.875}[xyz~="out-small-25%"]{--xyz-out-scale-x:0.75;--xyz-out-scale-y:0.75;--xyz-out-scale-z:0.75}[xyz~="out-small-50%"]{--xyz-out-scale-x:0.5;--xyz-out-scale-y:0.5;--xyz-out-scale-z:0.5}[xyz~="out-small-75%"]{--xyz-out-scale-x:0.25;--xyz-out-scale-y:0.25;--xyz-out-scale-z:0.25}[xyz~="out-small-100%"]{--xyz-out-scale-x:0;--xyz-out-scale-y:0;--xyz-out-scale-z:0}[xyz~=appear-small]{--xyz-appear-scale-x:calc(1 - var(--xyz-scale-default));--xyz-appear-scale-y:calc(1 - var(--xyz-scale-default));--xyz-appear-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=appear-small-0]{--xyz-appear-scale-x:1;--xyz-appear-scale-y:1;--xyz-appear-scale-z:1}[xyz~=appear-small-1]{--xyz-appear-scale-x:0.975;--xyz-appear-scale-y:0.975;--xyz-appear-scale-z:0.975}[xyz~=appear-small-2]{--xyz-appear-scale-x:0.95;--xyz-appear-scale-y:0.95;--xyz-appear-scale-z:0.95}[xyz~=appear-small-3]{--xyz-appear-scale-x:0.925;--xyz-appear-scale-y:0.925;--xyz-appear-scale-z:0.925}[xyz~=appear-small-4]{--xyz-appear-scale-x:0.9;--xyz-appear-scale-y:0.9;--xyz-appear-scale-z:0.9}[xyz~=appear-small-5]{--xyz-appear-scale-x:0.875;--xyz-appear-scale-y:0.875;--xyz-appear-scale-z:0.875}[xyz~="appear-small-25%"]{--xyz-appear-scale-x:0.75;--xyz-appear-scale-y:0.75;--xyz-appear-scale-z:0.75}[xyz~="appear-small-50%"]{--xyz-appear-scale-x:0.5;--xyz-appear-scale-y:0.5;--xyz-appear-scale-z:0.5}[xyz~="appear-small-75%"]{--xyz-appear-scale-x:0.25;--xyz-appear-scale-y:0.25;--xyz-appear-scale-z:0.25}[xyz~="appear-small-100%"]{--xyz-appear-scale-x:0;--xyz-appear-scale-y:0;--xyz-appear-scale-z:0}[xyz~=big]{--xyz-scale-x:calc(1 + var(--xyz-scale-default));--xyz-scale-y:calc(1 + var(--xyz-scale-default));--xyz-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=big-0]{--xyz-scale-x:1;--xyz-scale-y:1;--xyz-scale-z:1}[xyz~=big-1]{--xyz-scale-x:1.025;--xyz-scale-y:1.025;--xyz-scale-z:1.025}[xyz~=big-2]{--xyz-scale-x:1.05;--xyz-scale-y:1.05;--xyz-scale-z:1.05}[xyz~=big-3]{--xyz-scale-x:1.075;--xyz-scale-y:1.075;--xyz-scale-z:1.075}[xyz~=big-4]{--xyz-scale-x:1.1;--xyz-scale-y:1.1;--xyz-scale-z:1.1}[xyz~=big-5]{--xyz-scale-x:1.125;--xyz-scale-y:1.125;--xyz-scale-z:1.125}[xyz~="big-25%"]{--xyz-scale-x:1.25;--xyz-scale-y:1.25;--xyz-scale-z:1.25}[xyz~="big-50%"]{--xyz-scale-x:1.5;--xyz-scale-y:1.5;--xyz-scale-z:1.5}[xyz~="big-75%"]{--xyz-scale-x:1.75;--xyz-scale-y:1.75;--xyz-scale-z:1.75}[xyz~="big-100%"]{--xyz-scale-x:2;--xyz-scale-y:2;--xyz-scale-z:2}[xyz~=in-big]{--xyz-in-scale-x:calc(1 + var(--xyz-scale-default));--xyz-in-scale-y:calc(1 + var(--xyz-scale-default));--xyz-in-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=in-big-0]{--xyz-in-scale-x:1;--xyz-in-scale-y:1;--xyz-in-scale-z:1}[xyz~=in-big-1]{--xyz-in-scale-x:1.025;--xyz-in-scale-y:1.025;--xyz-in-scale-z:1.025}[xyz~=in-big-2]{--xyz-in-scale-x:1.05;--xyz-in-scale-y:1.05;--xyz-in-scale-z:1.05}[xyz~=in-big-3]{--xyz-in-scale-x:1.075;--xyz-in-scale-y:1.075;--xyz-in-scale-z:1.075}[xyz~=in-big-4]{--xyz-in-scale-x:1.1;--xyz-in-scale-y:1.1;--xyz-in-scale-z:1.1}[xyz~=in-big-5]{--xyz-in-scale-x:1.125;--xyz-in-scale-y:1.125;--xyz-in-scale-z:1.125}[xyz~="in-big-25%"]{--xyz-in-scale-x:1.25;--xyz-in-scale-y:1.25;--xyz-in-scale-z:1.25}[xyz~="in-big-50%"]{--xyz-in-scale-x:1.5;--xyz-in-scale-y:1.5;--xyz-in-scale-z:1.5}[xyz~="in-big-75%"]{--xyz-in-scale-x:1.75;--xyz-in-scale-y:1.75;--xyz-in-scale-z:1.75}[xyz~="in-big-100%"]{--xyz-in-scale-x:2;--xyz-in-scale-y:2;--xyz-in-scale-z:2}[xyz~=out-big]{--xyz-out-scale-x:calc(1 + var(--xyz-scale-default));--xyz-out-scale-y:calc(1 + var(--xyz-scale-default));--xyz-out-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=out-big-0]{--xyz-out-scale-x:1;--xyz-out-scale-y:1;--xyz-out-scale-z:1}[xyz~=out-big-1]{--xyz-out-scale-x:1.025;--xyz-out-scale-y:1.025;--xyz-out-scale-z:1.025}[xyz~=out-big-2]{--xyz-out-scale-x:1.05;--xyz-out-scale-y:1.05;--xyz-out-scale-z:1.05}[xyz~=out-big-3]{--xyz-out-scale-x:1.075;--xyz-out-scale-y:1.075;--xyz-out-scale-z:1.075}[xyz~=out-big-4]{--xyz-out-scale-x:1.1;--xyz-out-scale-y:1.1;--xyz-out-scale-z:1.1}[xyz~=out-big-5]{--xyz-out-scale-x:1.125;--xyz-out-scale-y:1.125;--xyz-out-scale-z:1.125}[xyz~="out-big-25%"]{--xyz-out-scale-x:1.25;--xyz-out-scale-y:1.25;--xyz-out-scale-z:1.25}[xyz~="out-big-50%"]{--xyz-out-scale-x:1.5;--xyz-out-scale-y:1.5;--xyz-out-scale-z:1.5}[xyz~="out-big-75%"]{--xyz-out-scale-x:1.75;--xyz-out-scale-y:1.75;--xyz-out-scale-z:1.75}[xyz~="out-big-100%"]{--xyz-out-scale-x:2;--xyz-out-scale-y:2;--xyz-out-scale-z:2}[xyz~=appear-big]{--xyz-appear-scale-x:calc(1 + var(--xyz-scale-default));--xyz-appear-scale-y:calc(1 + var(--xyz-scale-default));--xyz-appear-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=appear-big-0]{--xyz-appear-scale-x:1;--xyz-appear-scale-y:1;--xyz-appear-scale-z:1}[xyz~=appear-big-1]{--xyz-appear-scale-x:1.025;--xyz-appear-scale-y:1.025;--xyz-appear-scale-z:1.025}[xyz~=appear-big-2]{--xyz-appear-scale-x:1.05;--xyz-appear-scale-y:1.05;--xyz-appear-scale-z:1.05}[xyz~=appear-big-3]{--xyz-appear-scale-x:1.075;--xyz-appear-scale-y:1.075;--xyz-appear-scale-z:1.075}[xyz~=appear-big-4]{--xyz-appear-scale-x:1.1;--xyz-appear-scale-y:1.1;--xyz-appear-scale-z:1.1}[xyz~=appear-big-5]{--xyz-appear-scale-x:1.125;--xyz-appear-scale-y:1.125;--xyz-appear-scale-z:1.125}[xyz~="appear-big-25%"]{--xyz-appear-scale-x:1.25;--xyz-appear-scale-y:1.25;--xyz-appear-scale-z:1.25}[xyz~="appear-big-50%"]{--xyz-appear-scale-x:1.5;--xyz-appear-scale-y:1.5;--xyz-appear-scale-z:1.5}[xyz~="appear-big-75%"]{--xyz-appear-scale-x:1.75;--xyz-appear-scale-y:1.75;--xyz-appear-scale-z:1.75}[xyz~="appear-big-100%"]{--xyz-appear-scale-x:2;--xyz-appear-scale-y:2;--xyz-appear-scale-z:2}[xyz~=narrow]{--xyz-scale-x:calc(1 - var(--xyz-scale-default))}[xyz~=narrow-0]{--xyz-scale-x:1}[xyz~=narrow-1]{--xyz-scale-x:0.975}[xyz~=narrow-2]{--xyz-scale-x:0.95}[xyz~=narrow-3]{--xyz-scale-x:0.925}[xyz~=narrow-4]{--xyz-scale-x:0.9}[xyz~=narrow-5]{--xyz-scale-x:0.875}[xyz~="narrow-25%"]{--xyz-scale-x:0.75}[xyz~="narrow-50%"]{--xyz-scale-x:0.5}[xyz~="narrow-75%"]{--xyz-scale-x:0.25}[xyz~="narrow-100%"]{--xyz-scale-x:0}[xyz~=in-narrow]{--xyz-in-scale-x:calc(1 - var(--xyz-scale-default))}[xyz~=in-narrow-0]{--xyz-in-scale-x:1}[xyz~=in-narrow-1]{--xyz-in-scale-x:0.975}[xyz~=in-narrow-2]{--xyz-in-scale-x:0.95}[xyz~=in-narrow-3]{--xyz-in-scale-x:0.925}[xyz~=in-narrow-4]{--xyz-in-scale-x:0.9}[xyz~=in-narrow-5]{--xyz-in-scale-x:0.875}[xyz~="in-narrow-25%"]{--xyz-in-scale-x:0.75}[xyz~="in-narrow-50%"]{--xyz-in-scale-x:0.5}[xyz~="in-narrow-75%"]{--xyz-in-scale-x:0.25}[xyz~="in-narrow-100%"]{--xyz-in-scale-x:0}[xyz~=out-narrow]{--xyz-out-scale-x:calc(1 - var(--xyz-scale-default))}[xyz~=out-narrow-0]{--xyz-out-scale-x:1}[xyz~=out-narrow-1]{--xyz-out-scale-x:0.975}[xyz~=out-narrow-2]{--xyz-out-scale-x:0.95}[xyz~=out-narrow-3]{--xyz-out-scale-x:0.925}[xyz~=out-narrow-4]{--xyz-out-scale-x:0.9}[xyz~=out-narrow-5]{--xyz-out-scale-x:0.875}[xyz~="out-narrow-25%"]{--xyz-out-scale-x:0.75}[xyz~="out-narrow-50%"]{--xyz-out-scale-x:0.5}[xyz~="out-narrow-75%"]{--xyz-out-scale-x:0.25}[xyz~="out-narrow-100%"]{--xyz-out-scale-x:0}[xyz~=appear-narrow]{--xyz-appear-scale-x:calc(1 - var(--xyz-scale-default))}[xyz~=appear-narrow-0]{--xyz-appear-scale-x:1}[xyz~=appear-narrow-1]{--xyz-appear-scale-x:0.975}[xyz~=appear-narrow-2]{--xyz-appear-scale-x:0.95}[xyz~=appear-narrow-3]{--xyz-appear-scale-x:0.925}[xyz~=appear-narrow-4]{--xyz-appear-scale-x:0.9}[xyz~=appear-narrow-5]{--xyz-appear-scale-x:0.875}[xyz~="appear-narrow-25%"]{--xyz-appear-scale-x:0.75}[xyz~="appear-narrow-50%"]{--xyz-appear-scale-x:0.5}[xyz~="appear-narrow-75%"]{--xyz-appear-scale-x:0.25}[xyz~="appear-narrow-100%"]{--xyz-appear-scale-x:0}[xyz~=wide]{--xyz-scale-x:calc(1 + var(--xyz-scale-default))}[xyz~=wide-0]{--xyz-scale-x:1}[xyz~=wide-1]{--xyz-scale-x:1.025}[xyz~=wide-2]{--xyz-scale-x:1.05}[xyz~=wide-3]{--xyz-scale-x:1.075}[xyz~=wide-4]{--xyz-scale-x:1.1}[xyz~=wide-5]{--xyz-scale-x:1.125}[xyz~="wide-25%"]{--xyz-scale-x:1.25}[xyz~="wide-50%"]{--xyz-scale-x:1.5}[xyz~="wide-75%"]{--xyz-scale-x:1.75}[xyz~="wide-100%"]{--xyz-scale-x:2}[xyz~=in-wide]{--xyz-in-scale-x:calc(1 + var(--xyz-scale-default))}[xyz~=in-wide-0]{--xyz-in-scale-x:1}[xyz~=in-wide-1]{--xyz-in-scale-x:1.025}[xyz~=in-wide-2]{--xyz-in-scale-x:1.05}[xyz~=in-wide-3]{--xyz-in-scale-x:1.075}[xyz~=in-wide-4]{--xyz-in-scale-x:1.1}[xyz~=in-wide-5]{--xyz-in-scale-x:1.125}[xyz~="in-wide-25%"]{--xyz-in-scale-x:1.25}[xyz~="in-wide-50%"]{--xyz-in-scale-x:1.5}[xyz~="in-wide-75%"]{--xyz-in-scale-x:1.75}[xyz~="in-wide-100%"]{--xyz-in-scale-x:2}[xyz~=out-wide]{--xyz-out-scale-x:calc(1 + var(--xyz-scale-default))}[xyz~=out-wide-0]{--xyz-out-scale-x:1}[xyz~=out-wide-1]{--xyz-out-scale-x:1.025}[xyz~=out-wide-2]{--xyz-out-scale-x:1.05}[xyz~=out-wide-3]{--xyz-out-scale-x:1.075}[xyz~=out-wide-4]{--xyz-out-scale-x:1.1}[xyz~=out-wide-5]{--xyz-out-scale-x:1.125}[xyz~="out-wide-25%"]{--xyz-out-scale-x:1.25}[xyz~="out-wide-50%"]{--xyz-out-scale-x:1.5}[xyz~="out-wide-75%"]{--xyz-out-scale-x:1.75}[xyz~="out-wide-100%"]{--xyz-out-scale-x:2}[xyz~=appear-wide]{--xyz-appear-scale-x:calc(1 + var(--xyz-scale-default))}[xyz~=appear-wide-0]{--xyz-appear-scale-x:1}[xyz~=appear-wide-1]{--xyz-appear-scale-x:1.025}[xyz~=appear-wide-2]{--xyz-appear-scale-x:1.05}[xyz~=appear-wide-3]{--xyz-appear-scale-x:1.075}[xyz~=appear-wide-4]{--xyz-appear-scale-x:1.1}[xyz~=appear-wide-5]{--xyz-appear-scale-x:1.125}[xyz~="appear-wide-25%"]{--xyz-appear-scale-x:1.25}[xyz~="appear-wide-50%"]{--xyz-appear-scale-x:1.5}[xyz~="appear-wide-75%"]{--xyz-appear-scale-x:1.75}[xyz~="appear-wide-100%"]{--xyz-appear-scale-x:2}[xyz~=short]{--xyz-scale-y:calc(1 - var(--xyz-scale-default))}[xyz~=short-0]{--xyz-scale-y:1}[xyz~=short-1]{--xyz-scale-y:0.975}[xyz~=short-2]{--xyz-scale-y:0.95}[xyz~=short-3]{--xyz-scale-y:0.925}[xyz~=short-4]{--xyz-scale-y:0.9}[xyz~=short-5]{--xyz-scale-y:0.875}[xyz~="short-25%"]{--xyz-scale-y:0.75}[xyz~="short-50%"]{--xyz-scale-y:0.5}[xyz~="short-75%"]{--xyz-scale-y:0.25}[xyz~="short-100%"]{--xyz-scale-y:0}[xyz~=in-short]{--xyz-in-scale-y:calc(1 - var(--xyz-scale-default))}[xyz~=in-short-0]{--xyz-in-scale-y:1}[xyz~=in-short-1]{--xyz-in-scale-y:0.975}[xyz~=in-short-2]{--xyz-in-scale-y:0.95}[xyz~=in-short-3]{--xyz-in-scale-y:0.925}[xyz~=in-short-4]{--xyz-in-scale-y:0.9}[xyz~=in-short-5]{--xyz-in-scale-y:0.875}[xyz~="in-short-25%"]{--xyz-in-scale-y:0.75}[xyz~="in-short-50%"]{--xyz-in-scale-y:0.5}[xyz~="in-short-75%"]{--xyz-in-scale-y:0.25}[xyz~="in-short-100%"]{--xyz-in-scale-y:0}[xyz~=out-short]{--xyz-out-scale-y:calc(1 - var(--xyz-scale-default))}[xyz~=out-short-0]{--xyz-out-scale-y:1}[xyz~=out-short-1]{--xyz-out-scale-y:0.975}[xyz~=out-short-2]{--xyz-out-scale-y:0.95}[xyz~=out-short-3]{--xyz-out-scale-y:0.925}[xyz~=out-short-4]{--xyz-out-scale-y:0.9}[xyz~=out-short-5]{--xyz-out-scale-y:0.875}[xyz~="out-short-25%"]{--xyz-out-scale-y:0.75}[xyz~="out-short-50%"]{--xyz-out-scale-y:0.5}[xyz~="out-short-75%"]{--xyz-out-scale-y:0.25}[xyz~="out-short-100%"]{--xyz-out-scale-y:0}[xyz~=appear-short]{--xyz-appear-scale-y:calc(1 - var(--xyz-scale-default))}[xyz~=appear-short-0]{--xyz-appear-scale-y:1}[xyz~=appear-short-1]{--xyz-appear-scale-y:0.975}[xyz~=appear-short-2]{--xyz-appear-scale-y:0.95}[xyz~=appear-short-3]{--xyz-appear-scale-y:0.925}[xyz~=appear-short-4]{--xyz-appear-scale-y:0.9}[xyz~=appear-short-5]{--xyz-appear-scale-y:0.875}[xyz~="appear-short-25%"]{--xyz-appear-scale-y:0.75}[xyz~="appear-short-50%"]{--xyz-appear-scale-y:0.5}[xyz~="appear-short-75%"]{--xyz-appear-scale-y:0.25}[xyz~="appear-short-100%"]{--xyz-appear-scale-y:0}[xyz~=tall]{--xyz-scale-y:calc(1 + var(--xyz-scale-default))}[xyz~=tall-0]{--xyz-scale-y:1}[xyz~=tall-1]{--xyz-scale-y:1.025}[xyz~=tall-2]{--xyz-scale-y:1.05}[xyz~=tall-3]{--xyz-scale-y:1.075}[xyz~=tall-4]{--xyz-scale-y:1.1}[xyz~=tall-5]{--xyz-scale-y:1.125}[xyz~="tall-25%"]{--xyz-scale-y:1.25}[xyz~="tall-50%"]{--xyz-scale-y:1.5}[xyz~="tall-75%"]{--xyz-scale-y:1.75}[xyz~="tall-100%"]{--xyz-scale-y:2}[xyz~=in-tall]{--xyz-in-scale-y:calc(1 + var(--xyz-scale-default))}[xyz~=in-tall-0]{--xyz-in-scale-y:1}[xyz~=in-tall-1]{--xyz-in-scale-y:1.025}[xyz~=in-tall-2]{--xyz-in-scale-y:1.05}[xyz~=in-tall-3]{--xyz-in-scale-y:1.075}[xyz~=in-tall-4]{--xyz-in-scale-y:1.1}[xyz~=in-tall-5]{--xyz-in-scale-y:1.125}[xyz~="in-tall-25%"]{--xyz-in-scale-y:1.25}[xyz~="in-tall-50%"]{--xyz-in-scale-y:1.5}[xyz~="in-tall-75%"]{--xyz-in-scale-y:1.75}[xyz~="in-tall-100%"]{--xyz-in-scale-y:2}[xyz~=out-tall]{--xyz-out-scale-y:calc(1 + var(--xyz-scale-default))}[xyz~=out-tall-0]{--xyz-out-scale-y:1}[xyz~=out-tall-1]{--xyz-out-scale-y:1.025}[xyz~=out-tall-2]{--xyz-out-scale-y:1.05}[xyz~=out-tall-3]{--xyz-out-scale-y:1.075}[xyz~=out-tall-4]{--xyz-out-scale-y:1.1}[xyz~=out-tall-5]{--xyz-out-scale-y:1.125}[xyz~="out-tall-25%"]{--xyz-out-scale-y:1.25}[xyz~="out-tall-50%"]{--xyz-out-scale-y:1.5}[xyz~="out-tall-75%"]{--xyz-out-scale-y:1.75}[xyz~="out-tall-100%"]{--xyz-out-scale-y:2}[xyz~=appear-tall]{--xyz-appear-scale-y:calc(1 + var(--xyz-scale-default))}[xyz~=appear-tall-0]{--xyz-appear-scale-y:1}[xyz~=appear-tall-1]{--xyz-appear-scale-y:1.025}[xyz~=appear-tall-2]{--xyz-appear-scale-y:1.05}[xyz~=appear-tall-3]{--xyz-appear-scale-y:1.075}[xyz~=appear-tall-4]{--xyz-appear-scale-y:1.1}[xyz~=appear-tall-5]{--xyz-appear-scale-y:1.125}[xyz~="appear-tall-25%"]{--xyz-appear-scale-y:1.25}[xyz~="appear-tall-50%"]{--xyz-appear-scale-y:1.5}[xyz~="appear-tall-75%"]{--xyz-appear-scale-y:1.75}[xyz~="appear-tall-100%"]{--xyz-appear-scale-y:2}[xyz~=thin]{--xyz-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=thin-0]{--xyz-scale-z:1}[xyz~=thin-1]{--xyz-scale-z:0.975}[xyz~=thin-2]{--xyz-scale-z:0.95}[xyz~=thin-3]{--xyz-scale-z:0.925}[xyz~=thin-4]{--xyz-scale-z:0.9}[xyz~=thin-5]{--xyz-scale-z:0.875}[xyz~="thin-25%"]{--xyz-scale-z:0.75}[xyz~="thin-50%"]{--xyz-scale-z:0.5}[xyz~="thin-75%"]{--xyz-scale-z:0.25}[xyz~="thin-100%"]{--xyz-scale-z:0}[xyz~=in-thin]{--xyz-in-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=in-thin-0]{--xyz-in-scale-z:1}[xyz~=in-thin-1]{--xyz-in-scale-z:0.975}[xyz~=in-thin-2]{--xyz-in-scale-z:0.95}[xyz~=in-thin-3]{--xyz-in-scale-z:0.925}[xyz~=in-thin-4]{--xyz-in-scale-z:0.9}[xyz~=in-thin-5]{--xyz-in-scale-z:0.875}[xyz~="in-thin-25%"]{--xyz-in-scale-z:0.75}[xyz~="in-thin-50%"]{--xyz-in-scale-z:0.5}[xyz~="in-thin-75%"]{--xyz-in-scale-z:0.25}[xyz~="in-thin-100%"]{--xyz-in-scale-z:0}[xyz~=out-thin]{--xyz-out-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=out-thin-0]{--xyz-out-scale-z:1}[xyz~=out-thin-1]{--xyz-out-scale-z:0.975}[xyz~=out-thin-2]{--xyz-out-scale-z:0.95}[xyz~=out-thin-3]{--xyz-out-scale-z:0.925}[xyz~=out-thin-4]{--xyz-out-scale-z:0.9}[xyz~=out-thin-5]{--xyz-out-scale-z:0.875}[xyz~="out-thin-25%"]{--xyz-out-scale-z:0.75}[xyz~="out-thin-50%"]{--xyz-out-scale-z:0.5}[xyz~="out-thin-75%"]{--xyz-out-scale-z:0.25}[xyz~="out-thin-100%"]{--xyz-out-scale-z:0}[xyz~=appear-thin]{--xyz-appear-scale-z:calc(1 - var(--xyz-scale-default))}[xyz~=appear-thin-0]{--xyz-appear-scale-z:1}[xyz~=appear-thin-1]{--xyz-appear-scale-z:0.975}[xyz~=appear-thin-2]{--xyz-appear-scale-z:0.95}[xyz~=appear-thin-3]{--xyz-appear-scale-z:0.925}[xyz~=appear-thin-4]{--xyz-appear-scale-z:0.9}[xyz~=appear-thin-5]{--xyz-appear-scale-z:0.875}[xyz~="appear-thin-25%"]{--xyz-appear-scale-z:0.75}[xyz~="appear-thin-50%"]{--xyz-appear-scale-z:0.5}[xyz~="appear-thin-75%"]{--xyz-appear-scale-z:0.25}[xyz~="appear-thin-100%"]{--xyz-appear-scale-z:0}[xyz~=thick]{--xyz-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=thick-0]{--xyz-scale-z:1}[xyz~=thick-1]{--xyz-scale-z:1.025}[xyz~=thick-2]{--xyz-scale-z:1.05}[xyz~=thick-3]{--xyz-scale-z:1.075}[xyz~=thick-4]{--xyz-scale-z:1.1}[xyz~=thick-5]{--xyz-scale-z:1.125}[xyz~="thick-25%"]{--xyz-scale-z:1.25}[xyz~="thick-50%"]{--xyz-scale-z:1.5}[xyz~="thick-75%"]{--xyz-scale-z:1.75}[xyz~="thick-100%"]{--xyz-scale-z:2}[xyz~=in-thick]{--xyz-in-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=in-thick-0]{--xyz-in-scale-z:1}[xyz~=in-thick-1]{--xyz-in-scale-z:1.025}[xyz~=in-thick-2]{--xyz-in-scale-z:1.05}[xyz~=in-thick-3]{--xyz-in-scale-z:1.075}[xyz~=in-thick-4]{--xyz-in-scale-z:1.1}[xyz~=in-thick-5]{--xyz-in-scale-z:1.125}[xyz~="in-thick-25%"]{--xyz-in-scale-z:1.25}[xyz~="in-thick-50%"]{--xyz-in-scale-z:1.5}[xyz~="in-thick-75%"]{--xyz-in-scale-z:1.75}[xyz~="in-thick-100%"]{--xyz-in-scale-z:2}[xyz~=out-thick]{--xyz-out-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=out-thick-0]{--xyz-out-scale-z:1}[xyz~=out-thick-1]{--xyz-out-scale-z:1.025}[xyz~=out-thick-2]{--xyz-out-scale-z:1.05}[xyz~=out-thick-3]{--xyz-out-scale-z:1.075}[xyz~=out-thick-4]{--xyz-out-scale-z:1.1}[xyz~=out-thick-5]{--xyz-out-scale-z:1.125}[xyz~="out-thick-25%"]{--xyz-out-scale-z:1.25}[xyz~="out-thick-50%"]{--xyz-out-scale-z:1.5}[xyz~="out-thick-75%"]{--xyz-out-scale-z:1.75}[xyz~="out-thick-100%"]{--xyz-out-scale-z:2}[xyz~=appear-thick]{--xyz-appear-scale-z:calc(1 + var(--xyz-scale-default))}[xyz~=appear-thick-0]{--xyz-appear-scale-z:1}[xyz~=appear-thick-1]{--xyz-appear-scale-z:1.025}[xyz~=appear-thick-2]{--xyz-appear-scale-z:1.05}[xyz~=appear-thick-3]{--xyz-appear-scale-z:1.075}[xyz~=appear-thick-4]{--xyz-appear-scale-z:1.1}[xyz~=appear-thick-5]{--xyz-appear-scale-z:1.125}[xyz~="appear-thick-25%"]{--xyz-appear-scale-z:1.25}[xyz~="appear-thick-50%"]{--xyz-appear-scale-z:1.5}[xyz~="appear-thick-75%"]{--xyz-appear-scale-z:1.75}[xyz~="appear-thick-100%"]{--xyz-appear-scale-z:2}[xyz~=skew-left]{--xyz-skew-x:var(--xyz-skew-default)}[xyz~=skew-left-0]{--xyz-skew-x:0deg}[xyz~=skew-left-1]{--xyz-skew-x:10deg}[xyz~=skew-left-2]{--xyz-skew-x:20deg}[xyz~=skew-left-3]{--xyz-skew-x:30deg}[xyz~=skew-left-4]{--xyz-skew-x:40deg}[xyz~=skew-left-5]{--xyz-skew-x:50deg}[xyz~=in-skew-left]{--xyz-in-skew-x:var(--xyz-skew-default)}[xyz~=in-skew-left-0]{--xyz-in-skew-x:0deg}[xyz~=in-skew-left-1]{--xyz-in-skew-x:10deg}[xyz~=in-skew-left-2]{--xyz-in-skew-x:20deg}[xyz~=in-skew-left-3]{--xyz-in-skew-x:30deg}[xyz~=in-skew-left-4]{--xyz-in-skew-x:40deg}[xyz~=in-skew-left-5]{--xyz-in-skew-x:50deg}[xyz~=out-skew-left]{--xyz-out-skew-x:var(--xyz-skew-default)}[xyz~=out-skew-left-0]{--xyz-out-skew-x:0deg}[xyz~=out-skew-left-1]{--xyz-out-skew-x:10deg}[xyz~=out-skew-left-2]{--xyz-out-skew-x:20deg}[xyz~=out-skew-left-3]{--xyz-out-skew-x:30deg}[xyz~=out-skew-left-4]{--xyz-out-skew-x:40deg}[xyz~=out-skew-left-5]{--xyz-out-skew-x:50deg}[xyz~=appear-skew-left]{--xyz-appear-skew-x:var(--xyz-skew-default)}[xyz~=appear-skew-left-0]{--xyz-appear-skew-x:0deg}[xyz~=appear-skew-left-1]{--xyz-appear-skew-x:10deg}[xyz~=appear-skew-left-2]{--xyz-appear-skew-x:20deg}[xyz~=appear-skew-left-3]{--xyz-appear-skew-x:30deg}[xyz~=appear-skew-left-4]{--xyz-appear-skew-x:40deg}[xyz~=appear-skew-left-5]{--xyz-appear-skew-x:50deg}[xyz~=skew-right]{--xyz-skew-x:calc(var(--xyz-skew-default)*-1)}[xyz~=skew-right-0]{--xyz-skew-x:0deg}[xyz~=skew-right-1]{--xyz-skew-x:-10deg}[xyz~=skew-right-2]{--xyz-skew-x:-20deg}[xyz~=skew-right-3]{--xyz-skew-x:-30deg}[xyz~=skew-right-4]{--xyz-skew-x:-40deg}[xyz~=skew-right-5]{--xyz-skew-x:-50deg}[xyz~=in-skew-right]{--xyz-in-skew-x:calc(var(--xyz-skew-default)*-1)}[xyz~=in-skew-right-0]{--xyz-in-skew-x:0deg}[xyz~=in-skew-right-1]{--xyz-in-skew-x:-10deg}[xyz~=in-skew-right-2]{--xyz-in-skew-x:-20deg}[xyz~=in-skew-right-3]{--xyz-in-skew-x:-30deg}[xyz~=in-skew-right-4]{--xyz-in-skew-x:-40deg}[xyz~=in-skew-right-5]{--xyz-in-skew-x:-50deg}[xyz~=out-skew-right]{--xyz-out-skew-x:calc(var(--xyz-skew-default)*-1)}[xyz~=out-skew-right-0]{--xyz-out-skew-x:0deg}[xyz~=out-skew-right-1]{--xyz-out-skew-x:-10deg}[xyz~=out-skew-right-2]{--xyz-out-skew-x:-20deg}[xyz~=out-skew-right-3]{--xyz-out-skew-x:-30deg}[xyz~=out-skew-right-4]{--xyz-out-skew-x:-40deg}[xyz~=out-skew-right-5]{--xyz-out-skew-x:-50deg}[xyz~=appear-skew-right]{--xyz-appear-skew-x:calc(var(--xyz-skew-default)*-1)}[xyz~=appear-skew-right-0]{--xyz-appear-skew-x:0deg}[xyz~=appear-skew-right-1]{--xyz-appear-skew-x:-10deg}[xyz~=appear-skew-right-2]{--xyz-appear-skew-x:-20deg}[xyz~=appear-skew-right-3]{--xyz-appear-skew-x:-30deg}[xyz~=appear-skew-right-4]{--xyz-appear-skew-x:-40deg}[xyz~=appear-skew-right-5]{--xyz-appear-skew-x:-50deg}[xyz~=skew-up]{--xyz-skew-y:var(--xyz-skew-default)}[xyz~=skew-up-0]{--xyz-skew-y:0deg}[xyz~=skew-up-1]{--xyz-skew-y:10deg}[xyz~=skew-up-2]{--xyz-skew-y:20deg}[xyz~=skew-up-3]{--xyz-skew-y:30deg}[xyz~=skew-up-4]{--xyz-skew-y:40deg}[xyz~=skew-up-5]{--xyz-skew-y:50deg}[xyz~=in-skew-up]{--xyz-in-skew-y:var(--xyz-skew-default)}[xyz~=in-skew-up-0]{--xyz-in-skew-y:0deg}[xyz~=in-skew-up-1]{--xyz-in-skew-y:10deg}[xyz~=in-skew-up-2]{--xyz-in-skew-y:20deg}[xyz~=in-skew-up-3]{--xyz-in-skew-y:30deg}[xyz~=in-skew-up-4]{--xyz-in-skew-y:40deg}[xyz~=in-skew-up-5]{--xyz-in-skew-y:50deg}[xyz~=out-skew-up]{--xyz-out-skew-y:var(--xyz-skew-default)}[xyz~=out-skew-up-0]{--xyz-out-skew-y:0deg}[xyz~=out-skew-up-1]{--xyz-out-skew-y:10deg}[xyz~=out-skew-up-2]{--xyz-out-skew-y:20deg}[xyz~=out-skew-up-3]{--xyz-out-skew-y:30deg}[xyz~=out-skew-up-4]{--xyz-out-skew-y:40deg}[xyz~=out-skew-up-5]{--xyz-out-skew-y:50deg}[xyz~=appear-skew-up]{--xyz-appear-skew-y:var(--xyz-skew-default)}[xyz~=appear-skew-up-0]{--xyz-appear-skew-y:0deg}[xyz~=appear-skew-up-1]{--xyz-appear-skew-y:10deg}[xyz~=appear-skew-up-2]{--xyz-appear-skew-y:20deg}[xyz~=appear-skew-up-3]{--xyz-appear-skew-y:30deg}[xyz~=appear-skew-up-4]{--xyz-appear-skew-y:40deg}[xyz~=appear-skew-up-5]{--xyz-appear-skew-y:50deg}[xyz~=skew-down]{--xyz-skew-y:calc(var(--xyz-skew-default)*-1)}[xyz~=skew-down-0]{--xyz-skew-y:0deg}[xyz~=skew-down-1]{--xyz-skew-y:-10deg}[xyz~=skew-down-2]{--xyz-skew-y:-20deg}[xyz~=skew-down-3]{--xyz-skew-y:-30deg}[xyz~=skew-down-4]{--xyz-skew-y:-40deg}[xyz~=skew-down-5]{--xyz-skew-y:-50deg}[xyz~=in-skew-down]{--xyz-in-skew-y:calc(var(--xyz-skew-default)*-1)}[xyz~=in-skew-down-0]{--xyz-in-skew-y:0deg}[xyz~=in-skew-down-1]{--xyz-in-skew-y:-10deg}[xyz~=in-skew-down-2]{--xyz-in-skew-y:-20deg}[xyz~=in-skew-down-3]{--xyz-in-skew-y:-30deg}[xyz~=in-skew-down-4]{--xyz-in-skew-y:-40deg}[xyz~=in-skew-down-5]{--xyz-in-skew-y:-50deg}[xyz~=out-skew-down]{--xyz-out-skew-y:calc(var(--xyz-skew-default)*-1)}[xyz~=out-skew-down-0]{--xyz-out-skew-y:0deg}[xyz~=out-skew-down-1]{--xyz-out-skew-y:-10deg}[xyz~=out-skew-down-2]{--xyz-out-skew-y:-20deg}[xyz~=out-skew-down-3]{--xyz-out-skew-y:-30deg}[xyz~=out-skew-down-4]{--xyz-out-skew-y:-40deg}[xyz~=out-skew-down-5]{--xyz-out-skew-y:-50deg}[xyz~=appear-skew-down]{--xyz-appear-skew-y:calc(var(--xyz-skew-default)*-1)}[xyz~=appear-skew-down-0]{--xyz-appear-skew-y:0deg}[xyz~=appear-skew-down-1]{--xyz-appear-skew-y:-10deg}[xyz~=appear-skew-down-2]{--xyz-appear-skew-y:-20deg}[xyz~=appear-skew-down-3]{--xyz-appear-skew-y:-30deg}[xyz~=appear-skew-down-4]{--xyz-appear-skew-y:-40deg}[xyz~=appear-skew-down-5]{--xyz-appear-skew-y:-50deg}
+/*# sourceMappingURL=animxyz.min.css.map */

package/assets/upstream/recipes/animxyz/xyz-fade-big/SKILL.md

@@ -0,0 +1,40 @@
+---
+name: xyz-fade-big
+description: |
+  Fade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix
+  fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
+triggers:
+  - "fade big"
+  - "animxyz"
+  - "淡入放大"
+od:
+  mode: prototype
+  surface: web
+  platform: desktop
+  category: animation-motion
+  upstream: "https://animxyz.com"
+  preview:
+    type: html
+  design_system:
+    requires: false
+  example_prompt: |
+    Use AnimXYZ xyz="fade big-50%" on the element as a entrance; toggle xyz-in to play, with a
+    prefers-reduced-motion fallback.
+---
+
+# XYZ · Fade Big
+
+Fade Big — composable entrance from [AnimXYZ](https://animxyz.com) (MIT). Part of
+[motion-anything](https://github.com/nexu-io/motion-anything).
+
+## When to use it
+- Declarative entrance mixing fade/move/scale/rotate via xyz="..." — no keyframes to write.
+
+## When NOT to use it (restraint)
+- Shipping ~100KB core CSS for a single effect; overusing on many elements.
+
+## How to apply
+1. Include @animxyz/core CSS. 2. Set xyz="fade big-50%" on the element. 3. Toggle class xyz-in / xyz-out.
+
+## Accessibility & license
+- prefers-reduced-motion: no autoplay. MIT.

package/assets/upstream/recipes/animxyz/xyz-fade-big/preview.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>xyz-fade-big · motion-anything recipe</title>
+  <link rel="stylesheet" href="../_runtime/animxyz.css" />
+  <style>
+    :root{ color-scheme:light; }
+    html,body{ margin:0; height:100%; }
+    body{ display:grid; place-items:center; background:#f4f5f7; font-family:ui-sans-serif,system-ui,-apple-system,sans-serif; }
+    .box{ padding:16px 26px; border-radius:14px; background:#fff; border:1px solid #ececf1; box-shadow:0 10px 30px rgba(0,0,0,.06); font-weight:600; font-size:16px; color:#1a1d24; }
+  </style>
+</head>
+<body>
+  <div class="box" xyz="fade big-50%" id="el">Fade Big</div>
+  <script>
+    var el=document.getElementById("el");
+    var reduce=window.matchMedia && matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if(!reduce){
+      el.classList.add("xyz-in");
+      setInterval(function(){ var inn=el.classList.contains("xyz-in"); el.classList.toggle("xyz-in",!inn); el.classList.toggle("xyz-out",inn); }, 1900);
+    }
+  </script>
+</body>
+</html>

package/assets/upstream/recipes/animxyz/xyz-fade-big/recipe.motion.yaml

@@ -0,0 +1,52 @@
+spec_version: 1
+id: xyz-fade-big
+name: XYZ · Fade Big
+description: Fade Big — a composable AnimXYZ entrance (xyz="fade big-50%").
+surfaces: [web, app, interaction]
+category: entrance
+tech: [css]
+
+canvas:  [web, app]
+target:  [section, text, card]
+intent:  entrance
+runtime: [css]
+export:  [skill, html]
+
+dependencies: ["@animxyz/core"]
+tags: [animxyz, css, composable, entrance, fade-big]
+
+intent_keywords:
+  - fade big
+  - animxyz
+  - 淡入放大
+best_for:
+  - Composable, declarative entrance via the xyz="..." attribute
+  - Mixing fade + move + scale + rotate without writing keyframes
+avoid_when:
+  - You do not want to ship the AnimXYZ core CSS (~100KB) for one effect
+  - Overusing on many elements at once
+restraint:
+  max_per_view: 3
+  notes: Composable entrance — restrained use; honor prefers-reduced-motion (no autoplay).
+
+motion:
+  duration_ms: 900
+  easing: ease-out
+  reduced_motion: none
+  gpu_safe: true
+
+entry: preview.html
+implementations:
+  - tech: css
+    files: []
+    usage: |
+      Include @animxyz/core CSS, set xyz="fade big-50%" on the element, toggle class xyz-in / xyz-out.
+
+license:
+  spdx: MIT
+  upstream: "https://animxyz.com"
+  attribution_required: false
+author:
+  name: nexu.io
+  url: "https://github.com/nexu-io"
+version: 0.1.0

package/assets/upstream/recipes/animxyz/xyz-fade-down/SKILL.md

@@ -0,0 +1,40 @@
+---
+name: xyz-fade-down
+description: |
+  Fade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix
+  fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
+triggers:
+  - "fade down"
+  - "animxyz"
+  - "淡入下移"
+od:
+  mode: prototype
+  surface: web
+  platform: desktop
+  category: animation-motion
+  upstream: "https://animxyz.com"
+  preview:
+    type: html
+  design_system:
+    requires: false
+  example_prompt: |
+    Use AnimXYZ xyz="fade down-3" on the element as a entrance; toggle xyz-in to play, with a
+    prefers-reduced-motion fallback.
+---
+
+# XYZ · Fade Down
+
+Fade Down — composable entrance from [AnimXYZ](https://animxyz.com) (MIT). Part of
+[motion-anything](https://github.com/nexu-io/motion-anything).
+
+## When to use it
+- Declarative entrance mixing fade/move/scale/rotate via xyz="..." — no keyframes to write.
+
+## When NOT to use it (restraint)
+- Shipping ~100KB core CSS for a single effect; overusing on many elements.
+
+## How to apply
+1. Include @animxyz/core CSS. 2. Set xyz="fade down-3" on the element. 3. Toggle class xyz-in / xyz-out.
+
+## Accessibility & license
+- prefers-reduced-motion: no autoplay. MIT.