@rtstic.dev/pulse 0.0.55 → 0.0.56

package/dist/global/faqs.js

@@ -1 +1,116 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[data-acc="item"]').forEach(a=>{let o=a.querySelector('[data-acc="toggle"]'),t=a.querySelector('[data-acc="panel"]'),r=a.querySelector('[data-acc="inner"]'),c=a.querySelector('[data-acc="x-line"]'),i=a.querySelector('[data-acc="y-line"]'),l=a.querySelector('[data-acc="divider"]');if(!o||!t||!r)return;gsap.set(t,{height:0,overflow:"hidden"}),gsap.set(r,{opacity:0}),o.setAttribute("aria-expanded","false"),c&&i&&(gsap.set(c,{rotation:0}),gsap.set(i,{rotation:0})),l&&gsap.set(l,{backgroundColor:"var(--grey--grey40)"});let e=!1;o.addEventListener("click",()=>{if(e)return;e=!0,o.getAttribute("aria-expanded")==="true"?u(a,()=>e=!1):s(a,()=>e=!1)})})});function s(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),r=n.querySelector('[data-acc="inner"]'),c=n.querySelector('[data-acc="x-line"]'),i=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!r){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});gsap.set(t,{height:"auto",visibility:"hidden"});let d=t.offsetHeight;gsap.set(t,{height:0,visibility:"visible",overflow:"hidden"}),e.to(t,{height:d,duration:.35,ease:"power3.inOut",onComplete:()=>{t.style.height="auto"}}),e.to(r,{opacity:1,duration:.2,ease:"power2.out"},"-=0.15"),c&&i&&(e.to(c,{rotation:180,duration:.4,ease:"power2.inOut"},0),e.to(i,{rotation:270,duration:.4,ease:"power2.inOut"},0)),l&&e.to(l,{backgroundColor:"var(--grey--grey10)",duration:.3,ease:"power2.inOut"},0),t.accAnim=e,o.setAttribute("aria-expanded","true")}function u(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),r=n.querySelector('[data-acc="inner"]'),c=n.querySelector('[data-acc="x-line"]'),i=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!r){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});e.to(r,{opacity:0,duration:.15,ease:"power2.in"}),e.to(t,{height:0,duration:.25,ease:"power3.inOut"},"-=0.05"),c&&i&&(e.to(c,{rotation:0,duration:.4,ease:"power2.inOut"},0),e.to(i,{rotation:0,duration:.4,ease:"power2.inOut"},0)),l&&e.to(l,{backgroundColor:"var(--grey--grey40)",duration:.3,ease:"power2.inOut"},0),t.accAnim=e,o.setAttribute("aria-expanded","false")}})();
+"use strict";
+(() => {
+  // src/global/faqs.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const items = document.querySelectorAll('[data-acc="item"]');
+    items.forEach((item) => {
+      const toggle = item.querySelector('[data-acc="toggle"]');
+      const panel = item.querySelector('[data-acc="panel"]');
+      const inner = item.querySelector('[data-acc="inner"]');
+      const xLine = item.querySelector('[data-acc="x-line"]');
+      const yLine = item.querySelector('[data-acc="y-line"]');
+      const divider = item.querySelector('[data-acc="divider"]');
+      if (!toggle || !panel || !inner) return;
+      gsap.set(panel, { height: 0, overflow: "hidden" });
+      gsap.set(inner, { opacity: 0 });
+      toggle.setAttribute("aria-expanded", "false");
+      if (xLine && yLine) {
+        gsap.set(xLine, { rotation: 0 });
+        gsap.set(yLine, { rotation: 0 });
+      }
+      if (divider) {
+        gsap.set(divider, {
+          backgroundColor: "var(--grey--grey40)"
+        });
+      }
+      let animating = false;
+      toggle.addEventListener("click", () => {
+        if (animating) return;
+        animating = true;
+        const open = toggle.getAttribute("aria-expanded") === "true";
+        if (open) {
+          collapseItem(item, () => animating = false);
+        } else {
+          expandItem(item, () => animating = false);
+        }
+      });
+    });
+  });
+  function expandItem(item, done) {
+    const toggle = item.querySelector('[data-acc="toggle"]');
+    const panel = item.querySelector('[data-acc="panel"]');
+    const inner = item.querySelector('[data-acc="inner"]');
+    const xLine = item.querySelector('[data-acc="x-line"]');
+    const yLine = item.querySelector('[data-acc="y-line"]');
+    const divider = item.querySelector('[data-acc="divider"]');
+    if (!toggle || !panel || !inner) {
+      done?.();
+      return;
+    }
+    panel.accAnim?.kill();
+    const tl = gsap.timeline({ onComplete: () => done?.() });
+    gsap.set(panel, { height: "auto", visibility: "hidden" });
+    const h = panel.offsetHeight;
+    gsap.set(panel, { height: 0, visibility: "visible", overflow: "hidden" });
+    tl.to(panel, {
+      height: h,
+      duration: 0.35,
+      ease: "power3.inOut",
+      onComplete: () => {
+        panel.style.height = "auto";
+      }
+    });
+    tl.to(inner, { opacity: 1, duration: 0.2, ease: "power2.out" }, "-=0.15");
+    if (xLine && yLine) {
+      tl.to(xLine, { rotation: 180, duration: 0.4, ease: "power2.inOut" }, 0);
+      tl.to(yLine, { rotation: 270, duration: 0.4, ease: "power2.inOut" }, 0);
+    }
+    if (divider) {
+      tl.to(
+        divider,
+        {
+          backgroundColor: "var(--grey--grey10)",
+          duration: 0.3,
+          ease: "power2.inOut"
+        },
+        0
+      );
+    }
+    panel.accAnim = tl;
+    toggle.setAttribute("aria-expanded", "true");
+  }
+  function collapseItem(item, done) {
+    const toggle = item.querySelector('[data-acc="toggle"]');
+    const panel = item.querySelector('[data-acc="panel"]');
+    const inner = item.querySelector('[data-acc="inner"]');
+    const xLine = item.querySelector('[data-acc="x-line"]');
+    const yLine = item.querySelector('[data-acc="y-line"]');
+    const divider = item.querySelector('[data-acc="divider"]');
+    if (!toggle || !panel || !inner) {
+      done?.();
+      return;
+    }
+    panel.accAnim?.kill();
+    const tl = gsap.timeline({ onComplete: () => done?.() });
+    tl.to(inner, { opacity: 0, duration: 0.15, ease: "power2.in" });
+    tl.to(panel, { height: 0, duration: 0.25, ease: "power3.inOut" }, "-=0.05");
+    if (xLine && yLine) {
+      tl.to(xLine, { rotation: 0, duration: 0.4, ease: "power2.inOut" }, 0);
+      tl.to(yLine, { rotation: 0, duration: 0.4, ease: "power2.inOut" }, 0);
+    }
+    if (divider) {
+      tl.to(
+        divider,
+        {
+          backgroundColor: "var(--grey--grey40)",
+          duration: 0.3,
+          ease: "power2.inOut"
+        },
+        0
+      );
+    }
+    panel.accAnim = tl;
+    toggle.setAttribute("aria-expanded", "false");
+  }
+})();
+//# sourceMappingURL=faqs.js.map

package/dist/global/loader.js

@@ -1 +1,76 @@
-"use strict";(()=>{var a="pulse-loader-visited";function c(){return sessionStorage.getItem(a)==="true"}function T(){sessionStorage.setItem(a,"true")}function I(e,t){let o=performance.now(),n=0,s=100;function i(u){let d=u-o,r=Math.min(d/t,1),m=Math.floor(n+(s-n)*r);e.textContent=m.toString(),r<1?requestAnimationFrame(i):e.textContent="100"}requestAnimationFrame(i)}function f(e,t){e.style.width="0%",e.style.transition=`width ${t}ms linear`,requestAnimationFrame(()=>{e.style.width="100%"})}function y(e){e.style.transition="transform 500ms ease-in-out, opacity 500ms ease-in-out",e.style.transform="translateY(-100%)",setTimeout(()=>{e.style.display="none",document.body.style.overflow=""},500)}function R(e,t,o,n){document.body.style.overflow="hidden",e.style.display="flex",f(t,n),o&&I(o,n),setTimeout(()=>{y(e)},n),T()}function l(){let e=document.querySelector('[pulse-loader-ele="wrapper"]'),t=document.querySelector('[pulse-loader-ele="fill"]'),o=document.querySelector('[pulse-loader-ele="counter"]');if(!e||!t){console.error("Pulse Loader: Required elements not found");return}let s=!c()?3e3:1e3;R(e,t,o,s)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",l):l();})();
+"use strict";
+(() => {
+  // src/global/loader.ts
+  var FIRST_VISIT_KEY = "pulse-loader-visited";
+  var FIRST_VISIT_DURATION = 3e3;
+  var RETURN_VISIT_DURATION = 1e3;
+  var EXIT_DURATION = 500;
+  function hasVisited() {
+    return sessionStorage.getItem(FIRST_VISIT_KEY) === "true";
+  }
+  function markAsVisited() {
+    sessionStorage.setItem(FIRST_VISIT_KEY, "true");
+  }
+  function animateCounter(counterElement, duration) {
+    const startTime = performance.now();
+    const startValue = 0;
+    const endValue = 100;
+    function updateCounter(currentTime) {
+      const elapsed = currentTime - startTime;
+      const progress = Math.min(elapsed / duration, 1);
+      const currentValue = Math.floor(startValue + (endValue - startValue) * progress);
+      counterElement.textContent = currentValue.toString();
+      if (progress < 1) {
+        requestAnimationFrame(updateCounter);
+      } else {
+        counterElement.textContent = "100";
+      }
+    }
+    requestAnimationFrame(updateCounter);
+  }
+  function animateFill(fillElement, duration) {
+    fillElement.style.width = "0%";
+    fillElement.style.transition = `width ${duration}ms linear`;
+    requestAnimationFrame(() => {
+      fillElement.style.width = "100%";
+    });
+  }
+  function exitLoader(wrapperElement) {
+    wrapperElement.style.transition = `transform ${EXIT_DURATION}ms ease-in-out, opacity ${EXIT_DURATION}ms ease-in-out`;
+    wrapperElement.style.transform = "translateY(-100%)";
+    setTimeout(() => {
+      wrapperElement.style.display = "none";
+      document.body.style.overflow = "";
+    }, EXIT_DURATION);
+  }
+  function startLoading(wrapperElement, fillElement, counterElement, duration) {
+    document.body.style.overflow = "hidden";
+    wrapperElement.style.display = "flex";
+    animateFill(fillElement, duration);
+    if (counterElement) {
+      animateCounter(counterElement, duration);
+    }
+    setTimeout(() => {
+      exitLoader(wrapperElement);
+    }, duration);
+    markAsVisited();
+  }
+  function initPulseLoader() {
+    const wrapperElement = document.querySelector('[pulse-loader-ele="wrapper"]');
+    const fillElement = document.querySelector('[pulse-loader-ele="fill"]');
+    const counterElement = document.querySelector('[pulse-loader-ele="counter"]');
+    if (!wrapperElement || !fillElement) {
+      console.error("Pulse Loader: Required elements not found");
+      return;
+    }
+    const isFirstVisit = !hasVisited();
+    const loadDuration = isFirstVisit ? FIRST_VISIT_DURATION : RETURN_VISIT_DURATION;
+    startLoading(wrapperElement, fillElement, counterElement, loadDuration);
+  }
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initPulseLoader);
+  } else {
+    initPulseLoader();
+  }
+})();
+//# sourceMappingURL=loader.js.map

package/dist/global/styles.css

@@ -1 +1,252 @@
-[ai-gradient="1"]{background:linear-gradient(90deg,#ff84d2 2%,#ffa49d 46%,#ff5c2a 88%)}[ai-gradient="2"]{background:linear-gradient(90deg,#fd4fad 17%,#ff5200)}[style-bg-color=foreground]{background-color:var(--background-colors--foreground)}[style-bg-color=background]{background-color:var(--background-colors--background)}[style-bg-gradient="1"]{background:linear-gradient(90deg,#ff84d2 2%,#ffa49d 46%,#ff5c2a 88%)}[style-type^=h]{font-family:var(--_font-family---heading);margin:0}[style-type=h1]{font-size:var(--_text-size---heading--h1);line-height:var(--_line-height---line-height-heading-tags--h1);font-weight:var(--_font-weight---font-weight-heading-tags--h1);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h1)}[style-type=h2]{font-size:var(--_text-size---heading--h2);line-height:var(--_line-height---line-height-heading-tags--h2);font-weight:var(--_font-weight---font-weight-heading-tags--h2);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h2)}[style-type=h3]{font-size:var(--_text-size---heading--h3);line-height:var(--_line-height---line-height-heading-tags--h3);font-weight:var(--_font-weight---font-weight-heading-tags--h3);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h3)}[style-type=h4]{font-size:var(--_text-size---heading--h4);line-height:var(--_line-height---line-height-heading-tags--h4);font-weight:var(--_font-weight---font-weight-heading-tags--h4);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h4)}[style-type=h5]{font-size:var(--_text-size---heading--h5);line-height:var(--_line-height---line-height-heading-tags--h5);font-weight:var(--_font-weight---font-weight-heading-tags--h5);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h5)}[style-type=h6]{font-size:var(--_text-size---heading--h6);line-height:var(--_line-height---line-height-heading-tags--h6);font-weight:var(--_font-weight---font-weight-heading-tags--h6);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h6)}[style-type^=title-]{font-family:var(--_font-family---title)}[style-type=title-l]{font-size:var(--_text-size---title--l);line-height:var(--_line-height---line-height-title--l);font-weight:var(--_font-weight---font-weight-title--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=title-m]{font-size:var(--_text-size---title--m);line-height:var(--_line-height---line-height-title--m);font-weight:var(--_font-weight---font-weight-title--m);letter-spacing:var(--_letter-spacing---letter-spacing-title--m)}[style-type=title-s]{font-size:var(--_text-size---title--s);line-height:var(--_line-height---line-height-title--s);font-weight:var(--_font-weight---font-weight-title--s);letter-spacing:var(--_letter-spacing---letter-spacing-title--s)}[style-type^=display-]{font-family:var(--_font-family---display)}[style-type=display-l]{font-size:var(--_text-size---display--l);line-height:var(--_line-height---line-height-display--l);font-weight:var(--_font-weight---font-weight-display--l);letter-spacing:var(--_letter-spacing---letter-spacing-display--l)}[style-type=display-m]{font-size:var(--_text-size---display--m);line-height:var(--_line-height---line-height-display--m);font-weight:var(--_font-weight---font-weight-display--m);letter-spacing:var(--_letter-spacing---letter-spacing-display--m)}[style-type=display-s]{font-size:var(--_text-size---display--s);line-height:var(--_line-height---line-height-display--s);font-weight:var(--_font-weight---font-weight-display--s);letter-spacing:var(--_letter-spacing---letter-spacing-display--s)}[style-type^=body-]{font-family:var(--_font-family---body)}[style-type=body-l]{font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=body-m]{font-size:var(--_text-size---body--m);line-height:var(--_line-height---line-height-body--m);font-weight:var(--_font-weight---font-weight-body--m);letter-spacing:var(--_letter-spacing---letter-spacing-body--m)}[style-type=body-s]{font-size:var(--_text-size---body--s);line-height:var(--_line-height---line-height-body--s);font-weight:var(--_font-weight---font-weight-body--s);letter-spacing:var(--_letter-spacing---letter-spacing-body--s)}[style-text-align=left]{text-align:left}[style-text-align=center]{text-align:center}[style-text-align=right]{text-align:right}[style-text-color=title]{color:var(--text-colors--title)}[style-text-color=subtext]{color:var(--text-colors--subtext)}[style-text-color=subtext-light]{color:var(--text-colors--subtext-light)}[style-text-color=orange]{color:var(--text-colors--orange)}[style-button-color=orange]{background-color:var(--orange--orange40);border-color:var(--orange--orange40);color:var(--text-colors--title-inverse)}[style-button-color=white]{background-color:var(--white);border:1px solid var(--white);color:var(--text-colors--title-inverse)}[style-button-color=transparent]{background-color:var(--transparent);border:1px solid var(--white);color:var(--white)}[style-padding-y=small]{padding-top:var(--_spaces---padding--small);padding-bottom:var(--_spaces---padding--small)}[style-padding-y=large]{padding-top:var(--_spaces---padding--large);padding-bottom:var(--_spaces---padding--large)}[style-flex]{display:flex}[style-flex=center]{justify-content:center;align-items:center}[style-flex=left]{flex-direction:column;align-items:flex-start}[style-flex=right]{flex-direction:column;align-items:flex-end}[style-text-gradient=radial]{background:radial-gradient(circle,#ff84d2 18%,#ffa49d 63%,#ff5c2a 98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text{background:linear-gradient(70.54deg,#ff84d2 22.76%,#ffa49d 29.68%,#ff5c2a 38.24%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}[background-clip]{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}[style-scrollbar=none]{scrollbar-width:none;-ms-overflow-style:none}[style-scrollbar=none]::-webkit-scrollbar{display:none}[custom-col-span="2"]{grid-area:span 1 / span 2 / span 1 / span 2}[custom-col-span="3"]{grid-area:span 1 / span 3 / span 1 / span 3}[custom-col-span="4"]{grid-area:span 1 / span 4 / span 1 / span 4}[custom-col-span="5"]{grid-area:span 1 / span 5 / span 1 / span 5}[style-height=full]{height:100%}[style-overflow=hidden]{overflow:hidden}[code-embed]{position:absolute;z-index:-100;opacity:0;pointer-events:none}
+/* src/global/styles.css */
+[ai-gradient="1"] {
+  background:
+    linear-gradient(
+      90deg,
+      #ff84d2 2%,
+      #ffa49d 46%,
+      #ff5c2a 88%);
+}
+[ai-gradient="2"] {
+  background:
+    linear-gradient(
+      90deg,
+      #fd4fad 17%,
+      #ff5200 100%);
+}
+[style-bg-color=foreground] {
+  background-color: var(--background-colors--foreground);
+}
+[style-bg-color=background] {
+  background-color: var(--background-colors--background);
+}
+[style-bg-gradient="1"] {
+  background:
+    linear-gradient(
+      90deg,
+      #FF84D2 2%,
+      #FFA49D 46%,
+      #FF5C2A 88%);
+}
+[style-type^=h] {
+  font-family: var(--_font-family---heading);
+  margin: 0;
+}
+[style-type=h1] {
+  font-size: var(--_text-size---heading--h1);
+  line-height: var(--_line-height---line-height-heading-tags--h1);
+  font-weight: var(--_font-weight---font-weight-heading-tags--h1);
+  letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h1);
+}
+[style-type=h2] {
+  font-size: var(--_text-size---heading--h2);
+  line-height: var(--_line-height---line-height-heading-tags--h2);
+  font-weight: var(--_font-weight---font-weight-heading-tags--h2);
+  letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h2);
+}
+[style-type=h3] {
+  font-size: var(--_text-size---heading--h3);
+  line-height: var(--_line-height---line-height-heading-tags--h3);
+  font-weight: var(--_font-weight---font-weight-heading-tags--h3);
+  letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h3);
+}
+[style-type=h4] {
+  font-size: var(--_text-size---heading--h4);
+  line-height: var(--_line-height---line-height-heading-tags--h4);
+  font-weight: var(--_font-weight---font-weight-heading-tags--h4);
+  letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h4);
+}
+[style-type=h5] {
+  font-size: var(--_text-size---heading--h5);
+  line-height: var(--_line-height---line-height-heading-tags--h5);
+  font-weight: var(--_font-weight---font-weight-heading-tags--h5);
+  letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h5);
+}
+[style-type=h6] {
+  font-size: var(--_text-size---heading--h6);
+  line-height: var(--_line-height---line-height-heading-tags--h6);
+  font-weight: var(--_font-weight---font-weight-heading-tags--h6);
+  letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h6);
+}
+[style-type^=title-] {
+  font-family: var(--_font-family---title);
+}
+[style-type=title-l] {
+  font-size: var(--_text-size---title--l);
+  line-height: var(--_line-height---line-height-title--l);
+  font-weight: var(--_font-weight---font-weight-title--l);
+  letter-spacing: var(--_letter-spacing---letter-spacing-body--l);
+}
+[style-type=title-m] {
+  font-size: var(--_text-size---title--m);
+  line-height: var(--_line-height---line-height-title--m);
+  font-weight: var(--_font-weight---font-weight-title--m);
+  letter-spacing: var(--_letter-spacing---letter-spacing-title--m);
+}
+[style-type=title-s] {
+  font-size: var(--_text-size---title--s);
+  line-height: var(--_line-height---line-height-title--s);
+  font-weight: var(--_font-weight---font-weight-title--s);
+  letter-spacing: var(--_letter-spacing---letter-spacing-title--s);
+}
+[style-type^=display-] {
+  font-family: var(--_font-family---display);
+}
+[style-type=display-l] {
+  font-size: var(--_text-size---display--l);
+  line-height: var(--_line-height---line-height-display--l);
+  font-weight: var(--_font-weight---font-weight-display--l);
+  letter-spacing: var(--_letter-spacing---letter-spacing-display--l);
+}
+[style-type=display-m] {
+  font-size: var(--_text-size---display--m);
+  line-height: var(--_line-height---line-height-display--m);
+  font-weight: var(--_font-weight---font-weight-display--m);
+  letter-spacing: var(--_letter-spacing---letter-spacing-display--m);
+}
+[style-type=display-s] {
+  font-size: var(--_text-size---display--s);
+  line-height: var(--_line-height---line-height-display--s);
+  font-weight: var(--_font-weight---font-weight-display--s);
+  letter-spacing: var(--_letter-spacing---letter-spacing-display--s);
+}
+[style-type^=body-] {
+  font-family: var(--_font-family---body);
+}
+[style-type=body-l] {
+  font-size: var(--_text-size---body--l);
+  line-height: var(--_line-height---line-height-body--l);
+  font-weight: var(--_font-weight---font-weight-body--l);
+  letter-spacing: var(--_letter-spacing---letter-spacing-body--l);
+}
+[style-type=body-m] {
+  font-size: var(--_text-size---body--m);
+  line-height: var(--_line-height---line-height-body--m);
+  font-weight: var(--_font-weight---font-weight-body--m);
+  letter-spacing: var(--_letter-spacing---letter-spacing-body--m);
+}
+[style-type=body-s] {
+  font-size: var(--_text-size---body--s);
+  line-height: var(--_line-height---line-height-body--s);
+  font-weight: var(--_font-weight---font-weight-body--s);
+  letter-spacing: var(--_letter-spacing---letter-spacing-body--s);
+}
+[style-text-align=left] {
+  text-align: left;
+}
+[style-text-align=center] {
+  text-align: center;
+}
+[style-text-align=right] {
+  text-align: right;
+}
+[style-text-color=title] {
+  color: var(--text-colors--title);
+}
+[style-text-color=subtext] {
+  color: var(--text-colors--subtext);
+}
+[style-text-color=subtext-light] {
+  color: var(--text-colors--subtext-light);
+}
+[style-text-color=orange] {
+  color: var(--text-colors--orange);
+}
+[style-button-color=orange] {
+  background-color: var(--orange--orange40);
+  border-color: var(--orange--orange40);
+  color: var(--text-colors--title-inverse);
+}
+[style-button-color=white] {
+  background-color: var(--white);
+  border: 1px solid var(--white);
+  color: var(--text-colors--title-inverse);
+}
+[style-button-color=transparent] {
+  background-color: var(--transparent);
+  border: 1px solid var(--white);
+  color: var(--white);
+}
+[style-padding-y=small] {
+  padding-top: var(--_spaces---padding--small);
+  padding-bottom: var(--_spaces---padding--small);
+}
+[style-padding-y=large] {
+  padding-top: var(--_spaces---padding--large);
+  padding-bottom: var(--_spaces---padding--large);
+}
+[style-flex] {
+  display: flex;
+}
+[style-flex=center] {
+  justify-content: center;
+  align-items: center;
+}
+[style-flex=left] {
+  flex-direction: column;
+  align-items: flex-start;
+}
+[style-flex=right] {
+  flex-direction: column;
+  align-items: flex-end;
+}
+[style-text-gradient=radial] {
+  background:
+    radial-gradient(
+      circle,
+      #ff84d2 18%,
+      #ffa49d 63%,
+      #ff5c2a 98%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.gradient-text {
+  background:
+    linear-gradient(
+      70.54deg,
+      #ff84d2 22.76%,
+      #ffa49d 29.68%,
+      #ff5c2a 38.24%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+[background-clip] {
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+[style-scrollbar=none] {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+[style-scrollbar=none]::-webkit-scrollbar {
+  display: none;
+}
+[custom-col-span="2"] {
+  grid-area: span 1 / span 2 / span 1 / span 2;
+}
+[custom-col-span="3"] {
+  grid-area: span 1 / span 3 / span 1 / span 3;
+}
+[custom-col-span="4"] {
+  grid-area: span 1 / span 4 / span 1 / span 4;
+}
+[custom-col-span="5"] {
+  grid-area: span 1 / span 5 / span 1 / span 5;
+}
+[style-height=full] {
+  height: 100%;
+}
+[style-overflow=hidden] {
+  overflow: hidden;
+}
+[code-embed] {
+  position: absolute;
+  z-index: -100;
+  opacity: 0;
+  pointer-events: none;
+}
+/*# sourceMappingURL=styles.css.map */