@logora/debate 0.3.84 → 0.3.86

package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-DvwCbS9k.css

@@ -0,0 +1 @@
+._listHeader_un1z2_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_un1z2_3{flex-direction:column;align-items:flex-start}._listHeader_un1z2_3._listHeaderOneItem_un1z2_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_un1z2_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_un1z2_30{color:var(--text-secondary, #5F5F5F);font-weight:var(--font-weight-normal, 400);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_un1z2_37{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_un1z2_37{width:100%;justify-content:space-between}._rightBar_un1z2_37._rightBarOneItem_un1z2_47{justify-content:flex-end}}._rightBar_un1z2_37{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_un1z2_58{flex:1;max-width:35%}@container (max-width: 575.98px){._search_un1z2_58{max-width:80%}}._tagList_un1z2_68{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}@container (max-width: 575.98px){._tagList_un1z2_68{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_un1z2_83{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_un1z2_90{max-width:300px}@container (max-width: 575.98px){._select_un1z2_90{max-width:300px}}

package/dist/assets/components/proposal/proposal_box/ProposalBox.module-Dm8XDnr1.css

@@ -0,0 +1 @@
+._proposalBoxContainer_5x1d0_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;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-color:var(--background-color-primary, white);scroll-margin-top:150px;padding:var(--box-spacing, var(--space-unit, 1em));gap:var(--box-spacing, var(--space-unit, 1em))}._proposalBoxContainer_5x1d0_3._flash_5x1d0_17{-webkit-transition:box-shadow .8s ease-in-out;-moz-transition:box-shadow .8s ease-in-out;-o-transition:box-shadow .8s ease-in-out;transition:box-shadow .8s ease-in-out;box-shadow:0 0 15px var(--call-primary-color, #434343)}._edited_5x1d0_25{font-size:var(--font-size-extra-small, 14px);color:var(--text-secondary, #5F5F5F);line-height:var(--line-height-loose, 1.38em);margin-bottom:var(--spacer-xs, calc(var(--space-unit, 1em) * .325))!important}._proposalBoxContent_5x1d0_32{text-align:left;white-space:pre-line;line-height:var(--line-height-loose, 1.38em);font-size:var(--font-size-small, 16px)}@container (min-width: 768px){._proposalBoxContent_5x1d0_32._withMinHeight_5x1d0_40{min-height:185px}}._proposalBoxContent_5x1d0_32 ._proposalTitle_5x1d0_44{font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700);padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._proposalBoxContent_5x1d0_32 ._proposalTitle_5x1d0_44:first-letter{text-transform:uppercase}._proposalBoxContent_5x1d0_32 ._proposalContent_5x1d0_52 *{font-size:var(--font-size-small, 16px)}._proposalSourcesList_5x1d0_56{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:var(--font-size-extra-small, 14px);font-weight:var(--font-weight-normal, 400)}._proposalSourcesList_5x1d0_56 a{text-decoration:none}._fixedHeight_5x1d0_68{height:200px;overflow:hidden;position:relative}._fixedHeight_5x1d0_68:after{content:"";position:absolute;z-index:1;bottom:0;left:0;right:0;pointer-events:none;background-image:linear-gradient(to bottom,#fff0,#fff 90%);width:100%;height:5em}

package/dist/components/list/paginated_list/action_bar/ActionBar.js

@@ -1,4 +1,4 @@
-import { jsx as i, Fragment as h, jsxs as t } from "react/jsx-runtime";
+import { jsx as i, Fragment as h, jsxs as m } from "react/jsx-runtime";
 import u from "classnames";
 import { useState as j } from "react";
 import { useIntl as H } from "react-intl";
@@ -10,15 +10,15 @@ import { Select as z } from "../../../input/select/Select.js";
 import { Tag as D } from "../../../tag/tag/Tag.js";
 import { Icon as F } from "../../../icons/icon/Icon.js";
 const Z = ({
-  title: c,
+  title: n,
   subtitle: f,
   showSubtitle: p = !1,
   sortOptions: a,
   defaultSelectOption: v,
-  searchBar: n = !1,
-  tagList: r,
-  activeTagId: d,
-  withUrlParams: m = !1,
+  searchBar: o = !1,
+  tagList: c,
+  activeTagId: r,
+  withUrlParams: d = !1,
   onSearch: S,
   onSortChange: g,
   onTagChange: I
@@ -26,10 +26,10 @@ const Z = ({
   const N = H(), x = R(), { isMobile: L } = T(), [y, A] = j(!1), s = new URLSearchParams(
     typeof window < "u" ? window.location.search : x.search
   ), b = (e) => {
-    if (m) {
-      for (const o of s.keys())
+    if (d) {
+      for (const t of s.keys())
         a.map((M) => {
-          M.name === o && s.delete(o);
+          M.name === t && s.delete(t);
         });
       s.delete("sort"), s.set(
         e.type === "filter" ? e.name : "sort",
@@ -38,11 +38,11 @@ const Z = ({
     }
     g(e);
   }, w = (e) => {
-    m && (e.id === d ? s.delete("tagId") : s.set("tagId", e.id)), I(e.id === d ? null : e.id);
+    d && (e.id === r ? s.delete("tagId") : s.set("tagId", e.id)), I(e.id === r ? null : e.id);
   }, k = (e) => {
-    m && (e ? s.set("search", e) : s.delete("search")), S(e), A(e !== "");
+    d && (e ? s.set("search", e) : s.delete("search")), S(e), A(e !== "");
   }, C = (e) => {
-    const o = d === e.id;
+    const t = r === e.id;
     return /* @__PURE__ */ i(
       "div",
       {
@@ -52,34 +52,31 @@ const Z = ({
           D,
           {
             text: e.display_name,
-            active: o,
-            rightIcon: o && /* @__PURE__ */ i(F, { name: "close", height: 10, width: 10 })
+            active: t,
+            rightIcon: t && /* @__PURE__ */ i(F, { name: "close", height: 10, width: 10 })
           }
         )
       },
       e.id
     );
   };
-  return /* @__PURE__ */ i(h, { children: (c || a || n) && /* @__PURE__ */ t(h, { children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ i(h, { children: (n || a || o) && /* @__PURE__ */ m(h, { children: [
+    /* @__PURE__ */ m(
       "div",
       {
         className: u(l.listHeader, {
-          [l.listHeaderOneItem]: !n || !a
+          [l.listHeaderOneItem]: !o || !a
         }),
         children: [
-          /* @__PURE__ */ t("div", { children: [
-            c && /* @__PURE__ */ i("div", { className: l.listTitle, children: c }),
-            p && f && /* @__PURE__ */ i("div", { className: l.listSubtitle, children: f })
-          ] }),
-          (a || n) && /* @__PURE__ */ t(
+          n && /* @__PURE__ */ i("div", { className: l.listTitle, children: n }),
+          (a || o) && /* @__PURE__ */ m(
             "div",
             {
               className: u(l.rightBar, {
-                [l.rightBarOneItem]: !n || !a
+                [l.rightBarOneItem]: !o || !a
               }),
               children: [
-                n ? /* @__PURE__ */ i("div", { className: l.search, children: /* @__PURE__ */ i(
+                o ? /* @__PURE__ */ i("div", { className: l.search, children: /* @__PURE__ */ i(
                   _,
                   {
                     onSearchSubmit: k,
@@ -107,7 +104,8 @@ const Z = ({
         ]
       }
     ),
-    r && r.length > 0 && /* @__PURE__ */ i("div", { className: l.tagList, children: r.map(C) })
+    p && f && /* @__PURE__ */ i("div", { className: l.listSubtitle, children: f }),
+    c && c.length > 0 && /* @__PURE__ */ i("div", { className: l.tagList, children: c.map(C) })
   ] }) });
 };
 export {

package/dist/components/list/paginated_list/action_bar/ActionBar.module.scss.js

@@ -1,25 +1,25 @@
-import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-VuCq918p.css';const t = "_listHeader_7x11f_3", e = "_listHeaderOneItem_7x11f_16", s = "_listTitle_7x11f_23", _ = "_listSubtitle_7x11f_30", i = "_rightBar_7x11f_36", a = "_rightBarOneItem_7x11f_46", l = "_search_7x11f_57", r = "_tagList_7x11f_67", c = "_tagItem_7x11f_82", n = "_select_7x11f_89", g = {
+import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-DvwCbS9k.css';const t = "_listHeader_un1z2_3", e = "_listHeaderOneItem_un1z2_16", s = "_listTitle_un1z2_23", _ = "_listSubtitle_un1z2_30", i = "_rightBar_un1z2_37", n = "_rightBarOneItem_un1z2_47", a = "_search_un1z2_58", l = "_tagList_un1z2_68", r = "_tagItem_un1z2_83", c = "_select_un1z2_90", u = {
   listHeader: t,
   listHeaderOneItem: e,
   listTitle: s,
   listSubtitle: _,
   rightBar: i,
-  rightBarOneItem: a,
-  search: l,
-  tagList: r,
-  tagItem: c,
-  select: n
+  rightBarOneItem: n,
+  search: a,
+  tagList: l,
+  tagItem: r,
+  select: c
 };
 export {
-  g as default,
+  u as default,
   t as listHeader,
   e as listHeaderOneItem,
   _ as listSubtitle,
   s as listTitle,
   i as rightBar,
-  a as rightBarOneItem,
-  l as search,
-  n as select,
-  c as tagItem,
-  r as tagList
+  n as rightBarOneItem,
+  a as search,
+  c as select,
+  r as tagItem,
+  l as tagList
 };

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

@@ -1,57 +1,58 @@
-import { jsx as t, jsxs as u, Fragment as S } from "react/jsx-runtime";
-import { useState as g, useEffect as I } from "react";
-import p from "classnames";
-import { useIntl as N } from "react-intl";
+import { jsx as t, jsxs as g, Fragment as I } from "react/jsx-runtime";
+import { useState as p, useEffect as N } from "react";
+import C from "classnames";
+import { useIntl as y } from "react-intl";
 import o from "./ProposalBox.module.scss.js";
-import { useConfig as y } from "../../data/config_provider/useConfig.js";
-import { useAuth as L } from "../../auth/use_auth/useAuth.js";
-import { useTranslatedContent as C } from "../../translation/translated_content/useTranslatedContent.js";
-import { lexicalToHtml as B } from "../../input/text_editor/lexicalToHtml.js";
-import { HashScroll as H } from "../../tools/hash_scroll/HashScroll.js";
-import { ContentHeader as U } from "../../user_content/content_header/ContentHeader.js";
-import { ReadMore as D } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as P } from "../../translation/translation_button/TranslationButton.js";
-import { SourceListItem as R } from "../../source/source_list_item/SourceListItem.js";
-import { ContentFooter as $ } from "../../user_content/content_footer/ContentFooter.js";
-import { UpDownVoteBox as F } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
-const ee = ({
+import { useConfig as L } from "../../data/config_provider/useConfig.js";
+import { useAuth as B } from "../../auth/use_auth/useAuth.js";
+import { useTranslatedContent as _ } from "../../translation/translated_content/useTranslatedContent.js";
+import { lexicalToHtml as H } from "../../input/text_editor/lexicalToHtml.js";
+import { HashScroll as U } from "../../tools/hash_scroll/HashScroll.js";
+import { ContentHeader as D } from "../../user_content/content_header/ContentHeader.js";
+import { ReadMore as P } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as R } from "../../translation/translation_button/TranslationButton.js";
+import { SourceListItem as $ } from "../../source/source_list_item/SourceListItem.js";
+import { ContentFooter as F } from "../../user_content/content_footer/ContentFooter.js";
+import { UpDownVoteBox as j } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
+const te = ({
   proposal: e,
   disabled: d = !1,
-  fixedContentHeight: _,
-  enableEdition: T = !0,
-  hideFooter: v = !1
+  fixedContentHeight: c,
+  fitContent: T = !1,
+  enableEdition: v = !0,
+  hideFooter: x = !1
 }) => {
-  const [c, x] = g(null), [M, w] = g(!1), s = N(), n = y(), { currentUser: m } = L(), h = m?.moderation_status === "banned", f = `proposal_${e.id}`, i = C(
+  const [m, M] = p(null), [w, b] = p(!1), r = y(), n = L(), { currentUser: h } = B(), f = h?.moderation_status === "banned", u = `proposal_${e.id}`, i = _(
     e.title,
     e.language,
     "title",
     e.translation_entries
-  ), a = C(
+  ), a = _(
     e.content,
     e.language,
     "content",
     e.translation_entries
   );
-  I(() => {
+  N(() => {
     if (e.rich_content) {
-      const r = JSON.parse(e.rich_content);
-      if (r.hasOwnProperty("root")) {
-        const l = B(r);
-        x(l);
+      const s = JSON.parse(e.rich_content);
+      if (s.hasOwnProperty("root")) {
+        const l = H(s);
+        M(l);
       }
     }
   }, [e.rich_content]);
-  const b = () => {
+  const S = () => {
     i.toggleContent(), a.toggleContent();
   };
-  return /* @__PURE__ */ t(H, { elementId: f, onScroll: () => w(!0), children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ t(U, { elementId: u, onScroll: () => b(!0), children: /* @__PURE__ */ g(
     "div",
     {
-      className: p(o.proposalBoxContainer, { [o.flash]: M }),
-      id: f,
+      className: C(o.proposalBoxContainer, { [o.flash]: w }),
+      id: u,
       children: [
         /* @__PURE__ */ t(
-          U,
+          D,
           {
             author: e.author,
             tag: e.tag?.display_name,
@@ -62,39 +63,40 @@ const ee = ({
         /* @__PURE__ */ t(
           "div",
           {
-            className: p(o.proposalBoxContent, {
-              [o.fixedHeight]: _
+            className: C(o.proposalBoxContent, {
+              [o.fixedHeight]: c,
+              [o.withMinHeight]: !T && !c
             }),
             children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-              D,
+              P,
               {
-                content: /* @__PURE__ */ u(S, { children: [
-                  e.is_edited && /* @__PURE__ */ t("div", { className: o.edited, children: s.formatMessage({
+                content: /* @__PURE__ */ g(I, { children: [
+                  e.is_edited && /* @__PURE__ */ t("div", { className: o.edited, children: r.formatMessage({
                     id: "proposal.updated",
                     defaultMessage: "Updated proposal"
                   }) }),
                   /* @__PURE__ */ t("div", { className: o.proposalTitle, children: i.translatedContent }),
-                  c && !a.isTranslated ? /* @__PURE__ */ t(
+                  m && !a.isTranslated ? /* @__PURE__ */ t(
                     "div",
                     {
                       className: o.proposalContent,
-                      dangerouslySetInnerHTML: { __html: c }
+                      dangerouslySetInnerHTML: { __html: m }
                     }
                   ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: a.translatedContent }),
                   (a.isTranslated || i.isTranslated) && /* @__PURE__ */ t(
-                    P,
+                    R,
                     {
                       language: e.language,
-                      callback: () => b()
+                      callback: () => S()
                     }
                   )
                 ] }),
                 lineCount: 7,
-                readMoreText: s.formatMessage({
+                readMoreText: r.formatMessage({
                   id: "action.read_more",
                   defaultMessage: "Read more"
                 }),
-                readLessText: s.formatMessage({
+                readLessText: r.formatMessage({
                   id: "action.read_less",
                   defaultMessage: "Read less"
                 })
@@ -102,40 +104,40 @@ const ee = ({
             ) })
           }
         ),
-        e.sources?.length > 0 && /* @__PURE__ */ t("div", { className: o.proposalSourcesList, children: e.sources.map((r, l) => /* @__PURE__ */ t(
-          R,
+        e.sources?.length > 0 && /* @__PURE__ */ t("div", { className: o.proposalSourcesList, children: e.sources.map((s, l) => /* @__PURE__ */ t(
+          $,
           {
-            publisher: r.publisher,
-            url: r.source_url,
-            title: r.title,
+            publisher: s.publisher,
+            url: s.source_url,
+            title: s.title,
             index: l
           },
-          r.id
+          s.id
         )) }),
-        !v && /* @__PURE__ */ t(
-          $,
+        !x && /* @__PURE__ */ t(
+          F,
           {
             resource: e,
-            disabled: d || h,
+            disabled: d || f,
             reportType: "Proposal",
             deleteType: "proposals",
             deleteListId: "proposalsList",
-            shareModalTitle: s.formatMessage({ id: "share.proposal" }),
+            shareModalTitle: r.formatMessage({ id: "share.proposal" }),
             shareUrl: `https://app.logora.fr/share/p/${e.id}`,
-            shareTitle: s.formatMessage({ id: "share.proposal.title" }),
-            shareText: s.formatMessage({ id: "share.proposal.text" }),
+            shareTitle: r.formatMessage({ id: "share.proposal.title" }),
+            shareText: r.formatMessage({ id: "share.proposal.text" }),
             shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${n.shortname}&id=${e.id}&resource=proposal" frameborder="0" width="100%" height="335px" scrolling="no"></iframe>`,
             showShareCode: n?.actions?.hideCodeShare !== !0,
             showActions: !e.author.consultation_id,
-            enableEdition: T,
+            enableEdition: v,
             children: /* @__PURE__ */ t(
-              F,
+              j,
               {
                 voteableType: "Proposal",
                 voteableId: e.id,
                 totalUpvote: e.total_upvotes,
                 totalDownvote: e.total_downvotes,
-                disabled: d || m?.id === e?.author?.id || h,
+                disabled: d || h?.id === e?.author?.id || f,
                 hideDownvotes: n?.actions?.hideDownvotes
               }
             )
@@ -146,5 +148,5 @@ const ee = ({
   ) });
 };
 export {
-  ee as ProposalBox
+  te as ProposalBox
 };

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

@@ -1,21 +1,23 @@
-import '../../../assets/components/proposal/proposal_box/ProposalBox.module-C9BaTFDH.css';const o = "_proposalBoxContainer_5d6lc_3", t = "_flash_5d6lc_17", s = "_edited_5d6lc_25", l = "_proposalBoxContent_5d6lc_32", p = "_proposalTitle_5d6lc_44", e = "_proposalContent_5d6lc_52", n = "_proposalSourcesList_5d6lc_56", _ = "_fixedHeight_5d6lc_68", a = {
+import '../../../assets/components/proposal/proposal_box/ProposalBox.module-Dm8XDnr1.css';const o = "_proposalBoxContainer_5x1d0_3", t = "_flash_5x1d0_17", s = "_edited_5x1d0_25", e = "_proposalBoxContent_5x1d0_32", n = "_withMinHeight_5x1d0_40", p = "_proposalTitle_5x1d0_44", i = "_proposalContent_5x1d0_52", _ = "_proposalSourcesList_5x1d0_56", a = "_fixedHeight_5x1d0_68", l = {
   proposalBoxContainer: o,
   flash: t,
   edited: s,
-  proposalBoxContent: l,
+  proposalBoxContent: e,
+  withMinHeight: n,
   proposalTitle: p,
-  proposalContent: e,
-  proposalSourcesList: n,
-  fixedHeight: _
+  proposalContent: i,
+  proposalSourcesList: _,
+  fixedHeight: a
 };
 export {
-  a as default,
+  l as default,
   s as edited,
-  _ as fixedHeight,
+  a as fixedHeight,
   t as flash,
   o as proposalBoxContainer,
-  l as proposalBoxContent,
-  e as proposalContent,
-  n as proposalSourcesList,
-  p as proposalTitle
+  e as proposalBoxContent,
+  i as proposalContent,
+  _ as proposalSourcesList,
+  p as proposalTitle,
+  n as withMinHeight
 };

package/package.json

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

package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-VuCq918p.css

@@ -1 +0,0 @@
-._listHeader_7x11f_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_7x11f_3{flex-direction:column;align-items:flex-start}._listHeader_7x11f_3._listHeaderOneItem_7x11f_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_7x11f_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_7x11f_30{color:var(--text-secondary, #5F5F5F);font-weight:var(--font-weight-normal, 400);font-size:var(--font-size-normal, 16px)}._rightBar_7x11f_36{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_7x11f_36{width:100%;justify-content:space-between}._rightBar_7x11f_36._rightBarOneItem_7x11f_46{justify-content:flex-end}}._rightBar_7x11f_36{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_7x11f_57{flex:1;max-width:35%}@container (max-width: 575.98px){._search_7x11f_57{max-width:80%}}._tagList_7x11f_67{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}@container (max-width: 575.98px){._tagList_7x11f_67{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_7x11f_82{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_7x11f_89{max-width:300px}@container (max-width: 575.98px){._select_7x11f_89{max-width:300px}}

package/dist/assets/components/proposal/proposal_box/ProposalBox.module-C9BaTFDH.css

@@ -1 +0,0 @@
-._proposalBoxContainer_5d6lc_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;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-color:var(--background-color-primary, white);scroll-margin-top:150px;padding:var(--box-spacing, var(--space-unit, 1em));gap:var(--box-spacing, var(--space-unit, 1em))}._proposalBoxContainer_5d6lc_3._flash_5d6lc_17{-webkit-transition:box-shadow .8s ease-in-out;-moz-transition:box-shadow .8s ease-in-out;-o-transition:box-shadow .8s ease-in-out;transition:box-shadow .8s ease-in-out;box-shadow:0 0 15px var(--call-primary-color, #434343)}._edited_5d6lc_25{font-size:var(--font-size-extra-small, 14px);color:var(--text-secondary, #5F5F5F);line-height:var(--line-height-loose, 1.38em);margin-bottom:var(--spacer-xs, calc(var(--space-unit, 1em) * .325))!important}._proposalBoxContent_5d6lc_32{text-align:left;white-space:pre-line;line-height:var(--line-height-loose, 1.38em);font-size:var(--font-size-small, 16px)}@container (min-width: 768px){._proposalBoxContent_5d6lc_32{min-height:185px}}._proposalBoxContent_5d6lc_32 ._proposalTitle_5d6lc_44{font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700);padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._proposalBoxContent_5d6lc_32 ._proposalTitle_5d6lc_44:first-letter{text-transform:uppercase}._proposalBoxContent_5d6lc_32 ._proposalContent_5d6lc_52 *{font-size:var(--font-size-small, 16px)}._proposalSourcesList_5d6lc_56{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:var(--font-size-extra-small, 14px);font-weight:var(--font-weight-normal, 400)}._proposalSourcesList_5d6lc_56 a{text-decoration:none}._fixedHeight_5d6lc_68{height:200px;overflow:hidden;position:relative}._fixedHeight_5d6lc_68:after{content:"";position:absolute;z-index:1;bottom:0;left:0;right:0;pointer-events:none;background-image:linear-gradient(to bottom,#fff0,#fff 90%);width:100%;height:5em}