@rtstic.dev/pulse 0.0.56 → 0.0.57

package/dist/global/faqs.js

@@ -1,116 +1 @@
-"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
+"use strict";(()=>{function s(){document.querySelectorAll('[data-acc="item"]').forEach(a=>{let o=a.querySelector('[data-acc="toggle"]'),t=a.querySelector('[data-acc="panel"]'),c=a.querySelector('[data-acc="inner"]'),i=a.querySelector('[data-acc="x-line"]'),r=a.querySelector('[data-acc="y-line"]'),l=a.querySelector('[data-acc="divider"]');if(!o||!t||!c)return;o._accClickHandler&&o.removeEventListener("click",o._accClickHandler),t.accAnim?.kill(),gsap.set(t,{height:0,overflow:"hidden"}),gsap.set(c,{opacity:0}),o.setAttribute("aria-expanded","false"),i&&r&&(gsap.set(i,{rotation:0}),gsap.set(r,{rotation:0})),l&&gsap.set(l,{backgroundColor:"var(--grey--grey40)"});let e=!1,d=()=>{if(e)return;e=!0,o.getAttribute("aria-expanded")==="true"?g(a,()=>e=!1):u(a,()=>e=!1)};o._accClickHandler=d,o.addEventListener("click",d)})}document.addEventListener("DOMContentLoaded",s);window.initAccordions=s;function u(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),c=n.querySelector('[data-acc="inner"]'),i=n.querySelector('[data-acc="x-line"]'),r=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!c){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(c,{opacity:1,duration:.2,ease:"power2.out"},"-=0.15"),i&&r&&(e.to(i,{rotation:180,duration:.4,ease:"power2.inOut"},0),e.to(r,{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 g(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),c=n.querySelector('[data-acc="inner"]'),i=n.querySelector('[data-acc="x-line"]'),r=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!c){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});e.to(c,{opacity:0,duration:.15,ease:"power2.in"}),e.to(t,{height:0,duration:.25,ease:"power3.inOut"},"-=0.05"),i&&r&&(e.to(i,{rotation:0,duration:.4,ease:"power2.inOut"},0),e.to(r,{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")}})();

package/dist/global/loader.js

@@ -1,76 +1 @@
-"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
+"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();})();

package/dist/global/styles.css

@@ -1,252 +1 @@
-/* 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 */
+[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}