@logora/debate 0.3.26 → 0.3.28

package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-Ni_tUXfE.css

@@ -0,0 +1 @@
+._container_17134_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background:var(--background-color-primary, white)}._container_17134_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_17134_18{position:relative}._consultationImage_17134_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:16/9;object-fit:cover;display:block}._consultationTime_17134_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_17134_31 span{color:var(--text-light, white)}._consultationTime_17134_31._ended_17134_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_17134_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._consultationButtonContainer_17134_66{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_17134_66:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_17134_66 ._arrowIcon_17134_78{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_17134_86{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_17134_86 ._consultationLeft_17134_96,._consultationInformations_17134_86 ._consultationGroupInformation_17134_99{display:flex!important}._consultationInformations_17134_86 ._consultationGroupInformation_17134_99._consultationGroupRight_17134_102{padding-right:var(--space-unit, 1em)!important}._consultationInformations_17134_86 ._progressBarContainer_17134_105{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_17134_86 ._progressBarContainer_17134_105 ._progress_17134_105{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_17134_86 ._progressBarContainer_17134_105 ._bar_17134_119{background-color:var(--call-primary-color, #434343)}._consultationInformations_17134_86 ._progressBarContainer_17134_105 ._totalVotes_17134_122{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_17134_86 ._progressBarContainer_17134_105 ._totalVotesPercentage_17134_125{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_17134_86 ._consultationTextInformation_17134_128{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}

package/dist/components/consultation/consultation_box/ConsultationBox.js

@@ -1,75 +1,63 @@
-import { jsx as t, Fragment as d, jsxs as n } from "react/jsx-runtime";
-import l from "classnames";
+import { jsx as o, Fragment as m, jsxs as n } from "react/jsx-runtime";
+import r from "classnames";
 import { useMemo as p } from "react";
-import { useIntl as f, FormattedMessage as a } from "react-intl";
-import o from "./ConsultationBox.module.scss.js";
-import { useRelativeTime as _ } from "../../hooks/use_relative_time/useRelativeTime.js";
-import { useRoutes as v } from "../../data/config_provider/useRoutes.js";
-import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js";
-import { Link as c } from "../../action/link/Link.js";
-import { TranslatedContent as w } from "../../translation/translated_content/TranslatedContent.js";
-import { Icon as m } from "../../icons/icon/Icon.js";
-import { ProgressBar as x } from "../../progress/progress_bar/ProgressBar.js";
-const D = ({ consultation: e }) => {
-  const u = f(), i = p(() => /* @__PURE__ */ new Date()), s = new Date(e.ends_at), g = _(s.getTime()), r = v(), { isMobile: C } = N(), h = () => s < i ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-    a,
+import { useIntl as f, FormattedMessage as v } from "react-intl";
+import t from "./ConsultationBox.module.scss.js";
+import { useRelativeTime as N } from "../../hooks/use_relative_time/useRelativeTime.js";
+import { useRoutes as _ } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as x } from "../../hooks/use_responsive/useResponsive.js";
+import { Link as l } from "../../action/link/Link.js";
+import { TranslatedContent as I } from "../../translation/translated_content/TranslatedContent.js";
+import { Icon as c } from "../../icons/icon/Icon.js";
+import { ProgressBar as T } from "../../progress/progress_bar/ProgressBar.js";
+const P = ({ consultation: e, showVoteProgress: d = !0 }) => {
+  const u = f(), s = p(() => /* @__PURE__ */ new Date()), a = new Date(e.ends_at), g = N(a.getTime()), i = _(), { isMobile: w } = x(), h = () => a < s ? /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+    v,
     {
       id: "consultation.consultation_box.consultation_ended",
       defaultMessage: "Consultation ended"
     }
-  ) }) : /* @__PURE__ */ n(d, { children: [
-    /* @__PURE__ */ n("span", { children: [
-      /* @__PURE__ */ t(
-        a,
+  ) }) : /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o("span", { children: g }) });
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ n("div", { className: t.container, children: [
+    /* @__PURE__ */ n("div", { className: t.consultationImageBox, children: [
+      /* @__PURE__ */ o(
+        l,
         {
-          id: "consultation.consultation_box.in_progress",
-          defaultMessage: "Consultation in progress"
+          to: i.consultationShowLocation.toUrl({
+            consultationSlug: e.slug
+          }),
+          children: /* @__PURE__ */ o(
+            "img",
+            {
+              loading: "lazy",
+              className: t.consultationImage,
+              src: e.image_url,
+              alt: u.formatMessage({
+                id: "consultation.consultation_box.alt",
+                defaultMessage: "Presentation image for the consultation"
+              })
+            }
+          )
         }
       ),
-      " ",
-      "-",
-      " "
+      e.ends_at && /* @__PURE__ */ o(
+        "div",
+        {
+          className: r(t.consultationTime, {
+            [t.ended]: a < s
+          }),
+          children: h()
+        }
+      )
     ] }),
-    /* @__PURE__ */ t("span", { children: g })
-  ] });
-  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ n("div", { className: o.container, children: [
-    /* @__PURE__ */ t(
-      c,
+    /* @__PURE__ */ o(
+      l,
       {
-        to: r.consultationShowLocation.toUrl({
+        to: i.consultationShowLocation.toUrl({
           consultationSlug: e.slug
         }),
-        children: /* @__PURE__ */ t(
-          "img",
-          {
-            loading: "lazy",
-            className: o.consultationImage,
-            src: e.image_url,
-            alt: u.formatMessage({
-              id: "consultation.consultation_box.alt",
-              defaultMessage: "Presentation image for the consultation"
-            })
-          }
-        )
-      }
-    ),
-    e.ends_at && /* @__PURE__ */ t(
-      "div",
-      {
-        className: l(o.consultationTime, {
-          [o.ended]: s < i
-        }),
-        children: h()
-      }
-    ),
-    /* @__PURE__ */ t(
-      c,
-      {
-        to: r.consultationShowLocation.toUrl({
-          consultationSlug: e.slug
-        }),
-        children: /* @__PURE__ */ t("div", { className: o.consultationTitle, children: /* @__PURE__ */ t(
-          w,
+        children: /* @__PURE__ */ o("div", { className: t.consultationTitle, children: /* @__PURE__ */ o(
+          I,
           {
             originalContent: e.title,
             originalLanguage: e.language,
@@ -79,77 +67,46 @@ const D = ({ consultation: e }) => {
         ) })
       }
     ),
-    /* @__PURE__ */ t(
-      c,
+    /* @__PURE__ */ o(
+      l,
       {
-        to: r.consultationShowLocation.toUrl({
+        to: i.consultationShowLocation.toUrl({
           consultationSlug: e.slug
-        }),
-        children: /* @__PURE__ */ n("div", { className: o.consultationButtonContainer, children: [
-          e.ends_at && s < i ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-            a,
-            {
-              id: "consultation.consultation_box.action_show_result",
-              defaultMessage: "Show result"
-            }
-          ) }) : /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-            a,
-            {
-              id: "consultation.consultation_box.action_consultation_participate",
-              defaultMessage: "Participate"
-            }
-          ) }),
-          /* @__PURE__ */ t(
-            m,
-            {
-              name: "arrow",
-              width: 18,
-              height: 18,
-              className: o.arrowIcon
-            }
-          )
-        ] })
+        })
       }
     ),
-    /* @__PURE__ */ n("div", { className: o.consultationInformations, children: [
-      /* @__PURE__ */ n("div", { className: o.consultationLeft, children: [
+    /* @__PURE__ */ n("div", { className: t.consultationInformations, children: [
+      /* @__PURE__ */ n("div", { className: t.consultationLeft, children: [
         /* @__PURE__ */ n(
           "div",
           {
-            className: l(
-              o.consultationGroupInformation,
-              o.consultationGroupRight
+            className: r(
+              t.consultationGroupInformation,
+              t.consultationGroupRight
             ),
             children: [
-              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
-              /* @__PURE__ */ t(m, { name: "chat", width: 15, height: 20 })
+              /* @__PURE__ */ o("span", { className: t.consultationTextInformation, children: e.total_votes }),
+              /* @__PURE__ */ o(c, { name: "votebox", width: 16, height: 16 })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: o.consultationGroupInformation, children: [
-          /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_participants }),
-          /* @__PURE__ */ t(m, { name: "user", width: 15, height: 20 })
+        /* @__PURE__ */ n("div", { className: t.consultationGroupInformation, children: [
+          /* @__PURE__ */ o("span", { className: t.consultationTextInformation, children: e.proposals_count }),
+          /* @__PURE__ */ o(c, { name: "chat", width: 17, height: 15 })
         ] })
       ] }),
-      e.vote_goal > 0 && /* @__PURE__ */ t(
+      d && e.vote_goal > 0 && a > s && /* @__PURE__ */ o(
         "div",
         {
-          className: l(
-            o.consultationGroupInformation,
-            o.progressBarContainer
+          className: r(
+            t.consultationGroupInformation,
+            t.progressBarContainer
           ),
-          children: s < i ? /* @__PURE__ */ t(
-            a,
-            {
-              id: "consultation.consultation_box.stats_votes",
-              values: { votesCount: e.total_votes },
-              defaultMessage: "{votesCount} votes"
-            }
-          ) : /* @__PURE__ */ t(
-            x,
+          children: /* @__PURE__ */ o(
+            T,
             {
-              className: o.progress,
-              innerClassName: o.bar,
+              className: t.progress,
+              innerClassName: t.bar,
               progress: e.total_votes,
               goal: e.vote_goal,
               showProgressSubtitle: !0,
@@ -162,5 +119,5 @@ const D = ({ consultation: e }) => {
   ] }) });
 };
 export {
-  D as ConsultationBox
+  P as ConsultationBox
 };

package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js

@@ -1,35 +1,33 @@
-import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-D7CjLMQ4.css';const n = "_container_44wn0_3", o = "_consultationImage_44wn0_18", t = "_consultationTime_44wn0_26", s = "_ended_44wn0_36", a = "_consultationTitle_44wn0_40", i = "_consultationButtonContainer_44wn0_49", c = "_arrowIcon_44wn0_61", r = "_consultationInformations_44wn0_69", _ = "_consultationLeft_44wn0_80", e = "_consultationGroupInformation_44wn0_83", u = "_consultationGroupRight_44wn0_87", l = "_progressBarContainer_44wn0_90", w = "_progress_44wn0_90", m = "_bar_44wn0_104", I = "_consultationTextInformation_44wn0_113", f = {
-  container: n,
-  consultationImage: o,
-  consultationTime: t,
-  ended: s,
-  consultationTitle: a,
-  consultationButtonContainer: i,
-  arrowIcon: c,
-  consultationInformations: r,
+import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-Ni_tUXfE.css';const o = "_container_17134_3", n = "_consultationImageBox_17134_18", t = "_consultationImage_17134_18", s = "_consultationTime_17134_31", a = "_ended_17134_53", i = "_consultationTitle_17134_57", c = "_consultationInformations_17134_86", _ = "_consultationLeft_17134_96", r = "_consultationGroupInformation_17134_99", e = "_consultationGroupRight_17134_102", u = "_progressBarContainer_17134_105", l = "_progress_17134_105", m = "_bar_17134_119", g = "_consultationTextInformation_17134_128", I = {
+  container: o,
+  consultationImageBox: n,
+  consultationImage: t,
+  consultationTime: s,
+  ended: a,
+  consultationTitle: i,
+  consultationInformations: c,
   consultationLeft: _,
-  consultationGroupInformation: e,
-  consultationGroupRight: u,
-  progressBarContainer: l,
-  progress: w,
+  consultationGroupInformation: r,
+  consultationGroupRight: e,
+  progressBarContainer: u,
+  progress: l,
   bar: m,
-  consultationTextInformation: I
+  consultationTextInformation: g
 };
 export {
-  c as arrowIcon,
   m as bar,
-  i as consultationButtonContainer,
-  e as consultationGroupInformation,
-  u as consultationGroupRight,
-  o as consultationImage,
-  r as consultationInformations,
+  r as consultationGroupInformation,
+  e as consultationGroupRight,
+  t as consultationImage,
+  n as consultationImageBox,
+  c as consultationInformations,
   _ as consultationLeft,
-  I as consultationTextInformation,
-  t as consultationTime,
-  a as consultationTitle,
-  n as container,
-  f as default,
-  s as ended,
-  w as progress,
-  l as progressBarContainer
+  g as consultationTextInformation,
+  s as consultationTime,
+  i as consultationTitle,
+  o as container,
+  I as default,
+  a as ended,
+  l as progress,
+  u as progressBarContainer
 };

package/dist/components/proposal/proposal_box/ProposalBox.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import u from "classnames";
-import { useState as g, useEffect as I } from "react";
+import { useState as u, useEffect as I } from "react";
+import g from "classnames";
 import { useIntl as N } from "react-intl";
 import o from "./ProposalBox.module.scss.js";
 import { useConfig as S } from "../../data/config_provider/useConfig.js";
@@ -13,15 +13,14 @@ import { ReadMore as D } from "../../text/read_more/ReadMore.js";
 import { TranslationButton as P } from "../../translation/translation_button/TranslationButton.js";
 import { ContentFooter as R } from "../../user_content/content_footer/ContentFooter.js";
 import { UpDownVoteBox as $ } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
-const Z = ({
+const Y = ({
   proposal: e,
   disabled: i = !1,
   fixedContentHeight: C,
-  contentMaxHeight: F = 156,
   enableEdition: T = !0,
   hideFooter: _ = !1
 }) => {
-  const [d, x] = g(null), [v, M] = g(!1), a = N(), r = S(), { currentUser: l } = B(), c = l?.moderation_status === "banned", m = `proposal_${e.id}`, s = p(
+  const [d, v] = u(null), [x, M] = u(!1), a = N(), r = S(), { currentUser: l } = B(), c = l?.moderation_status === "banned", m = `proposal_${e.id}`, s = p(
     e.title,
     e.language,
     "title",
@@ -37,7 +36,7 @@ const Z = ({
       const h = JSON.parse(e.rich_content);
       if (h.hasOwnProperty("root")) {
         const b = H(h);
-        x(b);
+        v(b);
       }
     }
   }, [e.rich_content]);
@@ -47,7 +46,7 @@ const Z = ({
   return /* @__PURE__ */ t(L, { elementId: m, onScroll: () => M(!0), children: /* @__PURE__ */ f(
     "div",
     {
-      className: u(o.proposalBoxContainer, { [o.flash]: v }),
+      className: g(o.proposalBoxContainer, { [o.flash]: x }),
       id: m,
       children: [
         /* @__PURE__ */ t(
@@ -62,7 +61,7 @@ const Z = ({
         /* @__PURE__ */ t(
           "div",
           {
-            className: u(o.proposalBoxContent, {
+            className: g(o.proposalBoxContent, {
               [o.fixedHeight]: C
             }),
             children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -110,7 +109,6 @@ const Z = ({
             reportType: "Proposal",
             deleteType: "proposals",
             deleteListId: "proposalsList",
-            shareModal: !0,
             shareModalTitle: a.formatMessage({ id: "share.proposal" }),
             shareUrl: `https://app.logora.fr/share/p/${e.id}`,
             shareTitle: a.formatMessage({ id: "share.proposal.title" }),
@@ -137,5 +135,5 @@ const Z = ({
   ) });
 };
 export {
-  Z as ProposalBox
+  Y as ProposalBox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.26",
+  "version": "0.3.28",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-D7CjLMQ4.css

@@ -1 +0,0 @@
-._container_44wn0_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background:var(--background-color-primary, white)}._container_44wn0_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImage_44wn0_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:16/9;object-fit:cover}._consultationTime_44wn0_26{padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;width:100%;background-color:var(--source-primary, #4485C3);font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700);color:var(--text-light, white);text-align:center}._consultationTime_44wn0_26._ended_44wn0_36{background-color:var(--text-secondary, #5F5F5F)}._consultationTitle_44wn0_40{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._consultationButtonContainer_44wn0_49{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_44wn0_49:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_44wn0_49 ._arrowIcon_44wn0_61{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_44wn0_69{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;border-top:1px solid var(--text-tertiary, #fafafa);min-height:50px}._consultationInformations_44wn0_69 ._consultationLeft_44wn0_80{display:flex!important}._consultationInformations_44wn0_69 ._consultationGroupInformation_44wn0_83{display:flex!important;align-items:center!important}._consultationInformations_44wn0_69 ._consultationGroupInformation_44wn0_83._consultationGroupRight_44wn0_87{padding-right:var(--space-unit, 1em)!important}._consultationInformations_44wn0_69 ._progressBarContainer_44wn0_90{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_44wn0_69 ._progressBarContainer_44wn0_90 ._progress_44wn0_90{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_44wn0_69 ._progressBarContainer_44wn0_90 ._bar_44wn0_104{background-color:var(--call-primary-color, #434343)}._consultationInformations_44wn0_69 ._progressBarContainer_44wn0_90 ._totalVotes_44wn0_107{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_44wn0_69 ._progressBarContainer_44wn0_90 ._totalVotesPercentage_44wn0_110{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_44wn0_69 ._consultationTextInformation_44wn0_113{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}