@apolitical/styleguide2/build/index.js

Reusable React components for Apolitical UIs

!function(e,n){if("object"===typeof exports&&"object"===typeof module)module.exports=n(require("react"),require("styled-components"),require("react-intl"),require("@apolitical/common-helpers-dates"),require("react-cookie"),require("@apolitical/common-helpers-truncate-text"),require("markdown-to-jsx"),require("react-tabs"),require("use-debounce"),require("react-modal"),require("slugify"),require("lodash.get"),require("lodash.clonedeep"),require("lodash.set"),require("@apolitical/common-helpers-authors"),require("react-multi-email"),require("delay"),require("@apolitical/common-helpers-validation"),require("react-textarea-autosize"),require("react-emoji-render"),require("react-error-boundary"));else if("function"===typeof define&&define.amd)define(["react","styled-components","react-intl","@apolitical/common-helpers-dates","react-cookie","@apolitical/common-helpers-truncate-text","markdown-to-jsx","react-tabs","use-debounce","react-modal","slugify","lodash.get","lodash.clonedeep","lodash.set","@apolitical/common-helpers-authors","react-multi-email","delay","@apolitical/common-helpers-validation","react-textarea-autosize","react-emoji-render","react-error-boundary"],n);else{var t="object"===typeof exports?n(require("react"),require("styled-components"),require("react-intl"),require("@apolitical/common-helpers-dates"),require("react-cookie"),require("@apolitical/common-helpers-truncate-text"),require("markdown-to-jsx"),require("react-tabs"),require("use-debounce"),require("react-modal"),require("slugify"),require("lodash.get"),require("lodash.clonedeep"),require("lodash.set"),require("@apolitical/common-helpers-authors"),require("react-multi-email"),require("delay"),require("@apolitical/common-helpers-validation"),require("react-textarea-autosize"),require("react-emoji-render"),require("react-error-boundary")):n(e.react,e["styled-components"],e["react-intl"],e["@apolitical/common-helpers-dates"],e["react-cookie"],e["@apolitical/common-helpers-truncate-text"],e["markdown-to-jsx"],e["react-tabs"],e["use-debounce"],e["react-modal"],e.slugify,e["lodash.get"],e["lodash.clonedeep"],e["lodash.set"],e["@apolitical/common-helpers-authors"],e["react-multi-email"],e.delay,e["@apolitical/common-helpers-validation"],e["react-textarea-autosize"],e["react-emoji-render"],e["react-error-boundary"]);for(var r in t)("object"===typeof exports?exports:e)[r]=t[r]}}(this,(function(e,n,t,r,a,o,i,c,l,s,d,u,p,m,g,h,f,b,v,y,w){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var a=n[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)t.d(r,a,function(n){return e[n]}.bind(null,a));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="/",t(t.s=23)}([function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n){e.exports=t},function(e,n){e.exports=r},function(e,n){e.exports=a},function(e,n){e.exports=o},function(e,n){e.exports=i},function(e,n){e.exports=c},function(e,n){e.exports=l},function(e,n){e.exports=s},function(e,n){e.exports=d},function(e,n){e.exports=u},function(e,n){e.exports={title:1.23,heading1:1.2,heading2:1.43,heading3:1.33,heading4:1.4,heading5:1.14,heading6:1.33,subtitle:1.33,paragraphL:1.33,paragraphM:1.25,paragraphS:1.14,paragraphLfl:1.56,paragraphLfm:1.5,buttonL:1.33,buttonM:1.25,buttonS:1.14,blockquote:1.4,pretitle:1.25,mobileTitle:1.38,mobileHeading1:1.43,mobileHeading2:1.33,mobileHeading3:1.4,mobileHeading4:1.33,mobileHeading5:1.33,mobileHeading6:1.45,mobileSubtitle:1.4,mobileParagraphL:1.25,mobileParagraphM:1.14,mobileParagraphS:1.33,mobileParagraphLfl:1.5,mobileParagraphLfm:1.43,mobileButtonL:1.25,mobileButtonM:1.14,mobileButtonS:1.33,mobileBlockquote:1.33,mobilePretitle:1.14}},function(e,n){e.exports=p},function(e,n){e.exports=m},function(e,n){e.exports=g},function(e,n,t){var r;!function(){"use strict";var a=!("undefined"===typeof window||!window.document||!window.document.createElement),o={canUseDOM:a,canUseWorkers:"undefined"!==typeof Worker,canUseEventListeners:a&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:a&&!!window.screen};void 0===(r=function(){return o}.call(n,t,n,e))||(e.exports=r)}()},function(e,n){e.exports=h},function(e,n){e.exports=f},function(e,n){e.exports=b},function(e,n){e.exports=v},function(e,n){e.exports=y},function(e,n){e.exports=w},function(e,n,t){e.exports=t(25)},function(e,n,t){},function(e,n,t){"use strict";t.r(n);var r={};function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}t.r(r),t.d(r,"GlobalCSS",(function(){return oe})),t.d(r,"sizes",(function(){return te})),t.d(r,"outline",(function(){return re})),t.d(r,"outline_inset",(function(){return ae})),t.d(r,"ApoliticalFonts",(function(){return A}));var o={mobileS:"320px",mobileM:"375px",mobileL:"425px",mobileXL:"510px",tablet:"768px",ipad:"769px",laptop:"1024px",laptopM:"1170px",laptopL:"1368px",laptopLOld:"1440px",desktop:"2560px",special:{mobileLTabletMid:"767px",tabletLaptopMid:"790px"}},i={primary:"#18A9B7",action:"ED1E79",purple:"#6b3ecd",darkPurple:"#4c289a",gray:"#f5f7fa",secondary:"#1b1e1d",charcoal:"#1b1e1d",transparent:"rgba(0,0,0,0)",lightGrey:"#E4E4E4",sleepyGrey:"#b3b3b3",darkGrey:"#333333",slightlyLessDarkGrey:"#313233",apolTeal:"#19A9B7",apolTealHover:"#6AD5E0",deprecateApolTeal:"#18A9B7",washedTeal:"#D9F0F1",whiteSmoke:"#F8F8F8",searchGreen:"#A6C4BC",hoverTeal:"#6AD5E0",gunmetal:"#565a5c",invalidRed:"#dc3c43",invalidPink:"#FBEBEC",coolGrey:"#929497",coolGrey2:"#727679",lightDarkGrey:"#8e949f",darkIndigo:"#081d48",lighterGrey:"#d6dce4",errorRed:"#e7180d",green:"#ECF7F6",accessibleTeal:"#318174",gradientTeal:"#00A2AD",focusTeal:"#3ea394",veryDarkGrey:"#121414",veryDarkGrey2:"#666666",lightTeal:"#E4F6F7",black:"#000000",cerise:"#ED1F7A",darkBlue:"#235472",darkMintGreen:"#1dbd71",greyishBrown:"#4d4d4d",greenyBlue:"#46b8a6",lightGray:"#f2f2f2",strongCyan:"#01b3be",trolleyGrey:"#808080",turquoiseBlue:"#00b3bf",darkSeafoam:"#21b572",white:"#ffffff",whiteTwo:"#eeeeee",whiteThree:"#fafafa",whiteFour:"#e6e6e6",paleGreyTwo:"#dee2e8",hawkesBlue:"#dde1e7",slate:"#405064",topazTwo:"#17a8b6",lightBlueGrey:"#d2f0f2",duckEggBlue:"#eff5fc",salmonPink:"#fef2f2",lightBlue:"#F7F9FB",cloudyGrey:"#f7f9fb",iceBlue:"#eef8ff",offWhite:"#fef7e7",offWhiteTwo:"#fffbf2",opaqueTurq:"#138792",silver:"#c5cad0",turquoiseBlue2:"#eefafa",purple2:"#b75bb4",opaqueTurq2:"#2A93BF",darkTeal:"#00818a",gradientGreen1:"#1d9f65",gradientGreen2:"#009da8",aboutPlusGradientPink:"#fcdddb",aboutPlusGradientPurple:"#e9e3f8",aboutPlusGradientBlue:"#d9f4f6",boxHoverPurple:"#f6efff",validGreen:"#327c6c",forestGreen:"#00646b",boxShadow:"#f5f5f5",profileGreen:"#5ECE8A",purpleLavender:"#DECFFF",darkPink:"#BD1861",turquoiseBlue80Pct:"rgba(19, 135, 146, 0.8)",turquoiseBlue30Pct:"rgba(19, 135, 146, 0.3)",turquoiseBlue15Pct:"rgba(19, 135, 146, 0.15)",turquoiseBlue10Pct:"rgba(0, 179, 191, 0.1)",turquoiseBlue07pct:"rgba(0, 179, 191, 0.07) ",darkIndigo20Pct:"rgba(8, 29, 72, 0.2)",darkIndigo50Pct:"rgba(8, 29, 72, 0.5)",darkIndigo70Pct:"rgba(8, 29, 72, 0.7)",darkIndigo80Pct:"rgba(8, 29, 72, 0.8)",darkIndigo90Pct:"rgba(8, 29, 72, 0.9)",charcoal40pct:"rgba(27, 30, 29, 0.4)",charcoal70pct:"rgba(27, 30, 29, 0.7)",charcoal80pct:"rgba(27, 30, 29, 0.8)",paleGreyThree60Pct:"rgba(179, 179, 179, 0.6)",cerise06pct:"rgba(237, 31, 122, 0.06)",topaz:"#19a9b7",fadeToWhite:"rgba(255, 255, 255, 0)",purple15pct:"rgba(107, 62, 205, 0.15)"},c={headerGrey:"".concat(i.darkGrey),headerTeal:"".concat(i.primary),secondaryHover:"".concat(i.hoverTeal)},l={main:"".concat(i.lightGrey),active:"".concat(i.apolTeal),inactive:"".concat(i.sleepyGrey),section:"".concat(i.washedTeal)},s={main:"".concat(i.apolTeal),secondary:"".concat(i.primary)},d={page:"".concat(i.white),softHighlight:"".concat(i.whiteSmoke),mainHighlight:"".concat(i.primary)},u={color:i,gradient:{greenRight:"linear-gradient(to right, ".concat(i.turquoiseBlue,", ").concat(i.greenyBlue,")"),bottomIndigo:"linear-gradient(to bottom, ".concat(i.darkIndigo50Pct,", ").concat(i.darkIndigo80Pct," 50%, ").concat(i.darkIndigo90Pct,")"),leftIndigo:"linear-gradient(to left, ".concat(i.darkIndigo20Pct,", ").concat(i.darkIndigo80Pct," 50%, ").concat(i.darkIndigo90Pct,")"),greenMint56:"linear-gradient(56deg, ".concat(i.greenyBlue,", ").concat(i.darkMintGreen,")"),seaFoamRight:"linear-gradient(to right, ".concat(i.turquoiseBlue,", ").concat(i.darkSeafoam,")"),indigo45:"linear-gradient(45deg, ".concat(i.darkIndigo50Pct,", ").concat(i.darkIndigo,")"),turqRight:"linear-gradient(102deg, ".concat(i.turquoiseBlue,", ").concat(i.greenyBlue," )"),topazFoam:"linear-gradient(56deg, ".concat(i.topazTwo,", ").concat(i.darkSeafoam,")"),lightBlue227:"linear-gradient(227deg, ".concat(i.lightBlueGrey,", ").concat(i.duckEggBlue,")"),lightBlue167:"linear-gradient(167deg, ".concat(i.gray,", ").concat(i.iceBlue,")"),offWhite151:"linear-gradient(151deg, ".concat(i.offWhiteTwo,", ").concat(i.offWhite,")"),charcoalBottom:"linear-gradient(to bottom, ".concat(i.charcoal40pct,", ").concat(i.charcoal70pct," 45%, ").concat(i.charcoal80pct,")"),purpleToPurple2:"linear-gradient(109deg, ".concat(i.purple,", ").concat(i.purple2," 102%)"),fadeFromBottom:"linear-gradient(to bottom, ".concat(i.fadeToWhite,", ").concat(i.white,")"),aboutPlusGradient:"linear-gradient(286deg, ".concat(i.aboutPlusGradientPink," 25%, ").concat(i.aboutPlusGradientPurple," 50%, ").concat(i.aboutPlusGradientBlue,")")},buttons:{primary:{background:"".concat(i.purple),color:"".concat(i.white),border:"transparent",active:"".concat(i.darkPurple),fontSize:"20px",height:"50px",letterSpacing:"0.25px",hover:"background-image: linear-gradient(104deg, rgba(107, 62, 205, 0.9), rgba(0, 179, 191, 0.9));"},primarySmall:{background:"".concat(i.purple),color:"".concat(i.white),border:"".concat(i.purple),active:"".concat(i.darkPurple),fontSize:"16px",height:"40px",letterSpacing:"0.2px",hover:"background-image: linear-gradient(104deg, rgba(107, 62, 205, 0.9), rgba(0, 179, 191, 0.9));"},secondary:{background:"".concat(i.white),color:"".concat(i.purple),border:"".concat(i.purple),active:"".concat(i.darkPurple),fontSize:"16px",height:"40px",hover:"#decfff",letterSpacing:"0.2px"},onBackground:{background:"".concat(i.white),color:"".concat(i.purple),border:"transparent",active:"".concat(i.darkPurple),fontSize:"20px",height:"50px",hover:"#decfff",letterSpacing:"0.25px"},tertiary:{color:"".concat(i.purple),active:"".concat(i.darkPurple)}},spacing:{page:{bottomPadding:"8rem;"}},boundary:{primary:".02rem solid ".concat(l.main),secondary:".02rem solid ".concat(l.section),crazy:"10rem solid pink",color:{primary:"".concat(l.main),active:"".concat(l.active)}},card:{background:{softHighlight:"".concat(d.softHighlight),mainHighlight:"".concat(d.mainHighlight)}},link:{color:{activated:"".concat(i.apolTeal)}},font:{primary:"Lato",color:{headerPrimary:"".concat(c.headerGrey),headerSecondary:"".concat(c.headerTeal),secondaryHover:"".concat(c.secondaryHover)}},nav:{boundary:{activated:".1rem solid ".concat(l.active),anticipating:".1rem solid ".concat(l.inactive)}},button:{boundary:{activated:".1rem solid ".concat(l.active),anticipating:".1rem solid ".concat(l.inactive),toDeprecate:".1rem solid ".concat(s.secondary)},color:{primary:"".concat(s.main),secondary:"".concat(s.secondary)}},background:{color:{page:"".concat(d.page)}},heading:{color:"".concat(i.apolTeal),fontSize:{h1:"3.6rem",h2:"2.1rem"}},pageMaxWidth:{standard:"1079px"},size:o,isInternetExplorer:"(-ms-high-contrast: none), (-ms-high-contrast: active)",breakpoint:{mobileS:"(min-width: ".concat(o.mobileS,")"),mobileM:"(min-width: ".concat(o.mobileM,")"),mobileL:"(min-width: ".concat(o.mobileL,")"),tablet:"(min-width: ".concat(o.tablet,")"),ipad:"(min-width: ".concat(o.ipad,")"),laptop:"(min-width: ".concat(o.laptop,")"),laptopL:"(min-width: ".concat(o.laptopL,")"),desktop:"(min-width: ".concat(o.desktop,")"),desktopL:"(min-width: ".concat(o.desktop,")"),onlyScreen:{mobileS:"only screen and (min-width: ".concat(o.mobileS,")"),mobileM:"only screen and (min-width: ".concat(o.mobileM,")"),mobileL:"only screen and (min-width: ".concat(o.mobileL,")"),mobileXL:"only screen and (min-width: ".concat(o.mobileXL,")"),tablet:"only screen and (min-width: ".concat(o.tablet,")"),ipad:"only screen and (min-width: ".concat(o.ipad,")"),laptop:"only screen and (min-width: ".concat(o.laptop,")"),laptopM:"only screen and (min-width: ".concat(o.laptopM,")"),laptopL:"only screen and (min-width: ".concat(o.laptopL,")"),desktop:"only screen and (min-width: ".concat(o.desktop,")"),desktopL:"only screen and (min-width: ".concat(o.desktop,")"),special:{mobileLTabletMid:"only screen and (min-width: ".concat(o.special.mobileLTabletMid,")"),tabletLaptopMid:"only screen and (min-width: ".concat(o.special.tabletLaptopMid,")"),mobileXL:"only screen and (max-width: ".concat(o.mobileXL,")"),smallMobileBreakpoint:"only screen and (max-width: ".concat(o.mobileL,")")}}},remFactor:1,remify:function(e){var n=this.remFactor*(e/10);return"".concat(n,"rem")}};function p(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var m=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?p(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},u),g={hairline:"1px"},h={wide:"1920px",desktopL:"1440px",desktopM:"1180px",tabletMax:"1024px",tabletMin:"768px",mobileMax:"767px",mobileLg:"580px",mobileMd:"480px",mobileSm:"425px",mobileMin:"320px"},f={onlyScreen:{mobileMax:"only screen and (min-width: ".concat(h.mobileMax,")"),mobileMd:"only screen and (min-width: ".concat(h.mobileMd,")"),mobileSm:"only screen and (min-width: ".concat(h.mobileSm,")"),mobileMin:"only screen and (min-width: ".concat(h.mobileMin,")"),mobileLg:"only screen and (min-width: ".concat(h.mobileLg,")"),tabletMin:"only screen and (min-width: ".concat(h.tabletMin,")"),tabletMax:"only screen and (min-width: ".concat(h.tabletMax,")"),desktopM:"only screen and (min-width: ".concat(h.desktopM,")"),desktopL:"only screen and (min-width: ".concat(h.desktopL,")"),wide:"only screen and (min-width: ".concat(h.wide,")")}},b={info50:"rgba(240, 245, 247, 1)",info500:"rgba(30, 117, 166, 1)",info600:"rgba(20, 95, 139, 1)",error50:"rgba(255, 242, 242, 1)",error600:"rgba(195, 65, 65, 1)",error700:"rgba(155, 36, 36, 1)",warning50:"rgba(255, 242, 230, 1)",warning500:"rgba(220, 121, 29, 1)",warning700:"rgba(137, 71, 11, 1)",success50:"rgba(235, 247, 239, 1)",success500:"rgba(60, 124, 82, 1)",success600:"rgba(38, 103, 60, 1)",sand:"rgba(252, 250, 243, 1)",p50:"rgba(255, 242, 255, 1)",p100:"rgba(238, 200, 237, 1)",p300:"rgba(203, 130, 197, 1)",p500:"rgba(166, 55, 152, 1)",p900:"rgba(66, 1, 55, 1)",y50:"rgba(255, 248, 232, 1)",y100:"rgba(255, 238, 193, 1)",y300:"rgba(255, 230, 139, 1)",y700:"rgba(122, 81, 5, 1)",y900:"rgba(48, 29, 0, 1)",g50:"rgba(235, 250, 246, 1)",g100:"rgba(195, 240, 228, 1)",g300:"rgba(124, 220, 197, 1)",g600:"rgba(43, 137, 117, 1)",g700:"rgba(28, 104, 88, 1)",g900:"rgba(10, 38, 33, 1)",b50:"rgba(248, 247, 255, 1)",b100:"rgba(222, 220, 250, 1)",b200:"rgba(197, 194, 245, 1)",b300:"rgba(175, 171, 239, 1)",b500:"rgba(124, 114, 225, 1)",b600:"rgba(101, 89, 212, 1)",b700:"rgba(79, 67, 186, 1)",b800:"rgba(57, 45, 135, 1)",b900:"rgba(33, 24, 77, 1)",white:"rgba(255, 255, 255, 1)",n50:"rgba(240, 245, 255, 1)",n100:"rgba(215, 224, 239, 1)",n200:"rgba(192, 203, 223, 1)",n500:"rgba(117, 131, 160, 1)",n600:"rgba(89, 101, 128, 1)",n700:"rgba(64, 74, 97, 1)",n800:"rgba(42, 49, 65, 1)",n900:"rgba(21, 25, 33, 1)",black:"rgba(0, 0, 0, 1)"},v={medium:"Moderat",bold:"Moderat",black:"Moderat"},y={title:"3.25rem",heading1:"2.5rem",heading2:"1.75rem",heading3:"1.5rem",heading4:"1.25rem",heading5:"0.875rem",heading6:"0.75rem",subtitle:"1.5rem",paragraphL:"1.125rem",paragraphM:"1rem",paragraphS:"0.875rem",paragraphLfl:"1.125rem",paragraphLfm:"1rem",buttonL:"1.125rem",buttonM:"1rem",buttonS:"0.875rem",blockquote:"1.25rem",pretitle:"1rem",mobileTitle:"2rem",mobileHeading1:"1.75rem",mobileHeading2:"1.5rem",mobileHeading3:"1.25rem",mobileHeading4:"1.125rem",mobileHeading5:"0.75rem",mobileHeading6:"0.6875rem",mobileSubtitle:"1.25rem",mobileParagraphL:"1rem",mobileParagraphM:"0.875rem",mobileParagraphS:"0.75rem",mobileParagraphLfl:"1rem",mobileParagraphLfm:"0.875rem",mobileButtonL:"1rem",mobileButtonM:"0.875rem",mobileButtonS:"0.75rem",mobileBlockquote:"1.125rem",mobilePretitle:"0.875rem"},w={medium:500,bold:700,black:900},x={tight2:"-0.02em",tight1:"-0.01em",wide2:"0.08em",wide1:"0.02em",regular:"0em"},k=t(12),E={hard:"0px",rounded:"4px",soft:"8px",circle:"120px"},_={2:"0.125rem",4:"0.25rem",8:"0.5rem",12:"0.75rem",16:"1rem",24:"1.5rem",32:"2rem",40:"2.5rem",48:"3rem",64:"4rem",80:"5rem"},O={regular:0,high:1,higher:2,focus:10,top:100},j={borderWidths:g,breakpoints:f,colors:b,fontFamilies:v,fontSizes:y,fontWeights:w,letterSpacings:x,lineHeights:t.n(k).a,mediaQueries:h,radii:E,spacing:_,zindices:O};function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var L,C,z,P,T,N,M,B,F=t(1),H=t.n(F),I="Moderat",D=Object(F.css)(L||(L=S(["\n  @font-face {\n    font-family: ",";\n    src: url('","/","-Medium.woff2') format('woff2'),\n      url('","/","-Medium.woff') format('woff');\n    font-display: swap;\n  }\n  @font-face {\n    font-family: ",";\n    src: url('","/","-Medium-Italic.woff2') format('woff2'),\n      url('","/","-Medium-Italic.woff') format('woff');\n    font-display: swap;\n    font-style: italic;\n  }\n  @font-face {\n    font-family: ",";\n    src: url('","/","-Bold.woff2') format('woff2'), \n      url('","/","-Bold.woff') format('woff');\n    font-display: swap;\n    font-weight: bold;\n  }\n  @font-face {\n    font-family: ",";\n    src: url('","/","-Bold-Italic.woff2') format('woff2'),\n      url('","/","-Bold-Italic.woff') format('woff');\n    font-display: swap;\n    font-style: italic;\n    font-weight: bold;\n  }\n  @font-face {\n    font-family: ",";\n    src: url('","/","-Black.woff2') format('woff2'),\n      url('","/","-Black.woff') format('woff');\n    font-display: swap;\n    font-weight: 900;\n  }\n  @font-face {\n    font-family: ",";\n    src: url('","/","-Black-Italic.woff2') format('woff2'),\n      url('","/","-Black-Italic.woff') format('woff');\n    font-display: swap;\n    font-style: italic;\n    font-weight: 900;\n  }\n"])),I,"/fonts/Web",I,"/fonts/Web",I,I,"/fonts/Web",I,"/fonts/Web",I,I,"/fonts/Web",I,"/fonts/Web",I,I,"/fonts/Web",I,"/fonts/Web",I,I,"/fonts/Web",I,"/fonts/Web",I,I,"/fonts/Web",I,"/fonts/Web",I),A=Object(F.createGlobalStyle)(C||(C=S(["\n  ","\n"])),D),q=Object(F.css)(z||(z=S(["\n  /* \n    This is based on Eric Meyer's CSS reset for all browsers\n    http://meyerweb.com/eric/tools/css/reset/ (v2.0 | 20110126)\n    We have changed 'font: inherit' to 'font-family: inherit', and moved\n    it to just the elements which won't inherit the font by default, to\n    stop an issue where font-weight and the user's assistive technology\n    were being overwritten by the more-specific reset.\n    \n    We are also adding the font-family we want and some font-smoothing\n    here, so Styled Components doesn't unexpectedly overwrite anything\n  */\n\n  html,\n  body,\n  div,\n  span,\n  applet,\n  object,\n  iframe,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  blockquote,\n  pre,\n  a,\n  abbr,\n  acronym,\n  address,\n  big,\n  cite,\n  code,\n  del,\n  dfn,\n  em,\n  img,\n  ins,\n  kbd,\n  q,\n  s,\n  samp,\n  small,\n  strike,\n  strong,\n  sub,\n  sup,\n  tt,\n  var,\n  b,\n  u,\n  i,\n  center,\n  dl,\n  dt,\n  dd,\n  ol,\n  ul,\n  li,\n  fieldset,\n  form,\n  label,\n  legend,\n  table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td,\n  article,\n  aside,\n  canvas,\n  details,\n  embed,\n  figure,\n  figcaption,\n  footer,\n  header,\n  hgroup,\n  main,\n  menu,\n  nav,\n  output,\n  ruby,\n  section,\n  summary,\n  time,\n  mark,\n  audio,\n  video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    vertical-align: baseline;\n  }\n\n  input,\n  textarea,\n  button {\n    font-family: inherit;\n  }\n\n  /* HTML5 display-role reset for older browsers */\n  article,\n  aside,\n  details,\n  figcaption,\n  figure,\n  footer,\n  header,\n  hgroup,\n  main,\n  menu,\n  nav,\n  section {\n    display: block;\n  }\n\n  html {\n    font-size: 100%;\n  }\n\n  body {\n    font-family: 'Moderat', Arial, sans-serif;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    -moz-text-size-adjust: 100%;\n    --webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n    text-rendering: optimizeLegibility;\n    line-height: 1;\n  }\n\n  ol,\n  ul {\n    list-style: none;\n  }\n  blockquote,\n  q {\n    quotes: none;\n  }\n  blockquote:before,\n  blockquote:after,\n  q:before,\n  q:after {\n    content: '';\n    content: none;\n  }\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n"]))),R=Object(F.css)(P||(P=S(["\n  .Modal {\n    background-color: #fff;\n    border: none;\n    margin: auto auto;\n    padding: 30;\n    top: 50%;\n    max-width: 35rem;\n    @media only screen and (min-width: 370px) {\n    }\n    @media only screen and (min-width: 876px) {\n      max-width: 100rem;\n      min-width: 30rem;\n    }\n  }\n\n  .Overlay {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 6rem 1rem;\n    background-color: rgba(0, 0, 0, 0.4);\n    @media only screen and (min-width: 370px) {\n      padding: 6rem 2rem;\n    }\n\n    @media only screen and (min-width: 876px) {\n      padding-top: 29vh;\n    }\n  }\n"]))),G=function(){var e=!1;return"undefined"!==typeof window&&(e=window&&window.location&&window.location.href&&window.location.href.includes("localhost:")),e},W=t(13),V=t.n(W),U=t(14),Y=t.n(U),Q=function(e,n){Array.isArray(n)||(n=[n]);var t=V()(e);return n.forEach((function(e){var n=e.type,r=e.value;Y()(t,n,r)})),t},Z=t(0),K=t.n(Z),$=t(2),X={apolitical:"Apolitical",card_bootcamp:"Email boot camp",card_ended:"Ended",card_registered:"Registered",card_answers:"{number, plural, =0 {0 answers} one {# answer} other {# answers}}",card_time_ago:"{time} ago",card_time_read:"{time} min read",card_watch:"Watch recording",card_cta_people:"View profile",card_cta_event:"Register now",card_cta_microcourse:"Enrol now",card_cta_event_loading:"Registering...",card_cta_microcourse_loading:"Enrolling...",card_cta_event_done:"Registered",card_cta_microcourse_done:"Enrolled",collapsibleSection_summary:"Find out more",contactFooter_title:"Contact us",contactFooter_text:"We're always open to new ideas, so please reach out to see how we can collaborate.",contactFooter_phone:"+44 203 608 2241",contactFooter_email:"hello@apolitical.co",contactForm_name:"Name",contactForm_email:"Email address",contactForm_organisation:"Government department or organisation",contactForm_interests:"I'm interested in",contactForm_interests_publishingCourse:"Publishing or creating a course",contactForm_interests_buyingCourse:"Buying courses for my team",contactForm_interests_learningExperience:"Customised learning experiences",contactForm_interests_somethingElse:"Something else",contactForm_message:"Message",discussion_edited:"Edited",discussion_delete_title:"Delete {action}",discussion_delete_text:"<p>Are you sure you want to delete your {action}?</p><p>This can't be undone.</p>",discussion_delete_delete:"Delete",discussion_delete_deleting:"Deleting...",discussion_delete_error:"We are unable to delete your {action} at the moment. Please try again later or contact us if problem persists.",discussion_action_response:"response",discussion_action_answer:"response",discussion_action_question:"question",discussion_action_reply:"reply",discussion_answer_likes:"{count, plural, =0 {0 likes} one {# like} other {# likes}}",discussion_answer_likes_like:"Like this answer",discussion_answer_likes_unlike:"Unlike answer",discussion_reply_likes:"{count, plural, =0 {0 likes} one {# like} other {# likes}}",discussion_reply_likes_like:"Like this reply",discussion_reply_likes_unlike:"Unlike reply",discussion_thread_reply_button:"Reply",discussion_thread_report_subject:"Report a post on Apolitical",discussion_thread_report_body:"I'd like to report the {contentType} <{contentSlug}> at {contentUrl}.\n\nPlease explain why you're reporting this post. Reasons could include: inappropriate language, harassment, spam, hate speech, false information, among others. Include as much detail as you feel comfortable.\n\nThank you for helping to protect the Apolitical community from abusive content.",discussion_form_label_reply:"Your reply",discussion_form_placeholder_reply:"Type your reply here...",discussion_form_explainer_reply:"Try to make your reply specific and practical. Be respectful and kind. See our <a>community guidelines</a>",discussion_form_submit_reply:"Submit your response",discussion_form_success_reply:"Your response has been submitted.",discussion_form_label_response:"Your response",discussion_form_placeholder_response:"Type your response here...",discussion_form_explainer_response:"Try to make your response specific and practical. Be respectful and kind. See our <a>community guidelines</a>",discussion_form_placeholder_answer:"Type your answer here...",discussion_form_explainer_answer:"Try to make your answer specific and practical. Be respectful and kind. See our <a>community guidelines</a>",discussion_form_submit_response:"Submit your response",discussion_form_success_response:"Your response has been submitted.",discussion_form_title_question:"Start a conversation",discussion_form_label_question:"Your question",discussion_form_placeholder_question:"Ask your question here",discussion_form_explainer_question:"Unsure what you can post? See our <a>community guidelines</a>.",discussion_form_submit_question:"Submit",discussion_form_success_question:"Your question has been submitted.",discussion_form_post:"Post",discussion_form_save:"Save",discussion_form_saving:"Saving...",discussion_form_cancel:"Cancel",discussion_form_submitting:"Submitting...",discussion_form_posting:"Posting...",discussion_form_error:"We are unable to process your {action} right now. Please try again later or contact us if the problem persists",discussion_form_error_tooLong:"Please keep your content to {maxLength, plural, one {1 character} other {# characters}}.",discussion_form_error_loggedOut_reply:"Please log in to submit your response.",discussion_form_error_already_exists_response:"This response already exists.",discussion_form_error_loggedOut_response:"Please log in to submit your response.",discussion_form_error_already_exists_question:"This question already exists.",discussion_form_error_loggedOut_question:"Please log in to submit your question.",discussion_form_error_already_exists_reply:"This response already exists.",discussion_question_answers_screenReader:"See {count, plural, =0 {0 answers} one {# answer} other {# answers}}",discussion_question_answers:"{count, plural, =0 {0 answers} one {# answer} other {# answers}}",discussion_question_answers_title:"Answers ({count})",discussion_question_noAnswers:"Be the first to answer this question",discussion_question_report_subject:"Report a post on Apolitical",discussion_question_report_body:"I'd like to report the question at {questionUrl}.\n\nPlease explain why you're reporting this post. Reasons could include: inappropriate language, harassment, spam, hate speech, false information, among others. Include as much detail as you feel comfortable.\n\nThank you for helping to protect the Apolitical community from abusive content.",emailCheckBox_fallback_title:"Who can join",emailCheckBox_fallback_text:"Apolitical is a private community for public servants and policymakers.",emailCheckBox_default_title:"Who can join",emailCheckBox_default_text:"Apolitical is a private community for public servants and policymakers. <link>Learn more</link>.",emailCheckBox_autoApproved_title:"Email check",emailCheckBox_autoApproved_text:"Great! Looks like you are using a **government email domain we recognise.** You will be **auto-approved** once you sign up.",emailCheckBox_unrecognisedEmail_title:"Not a recognised government email",emailCheckBox_unrecognisedEmail_text:"To confirm you work in government or policy, please add more details below. <link>Learn more</link>.",emailCheckBox_pendingApproval_title:"Email is pending approval",emailCheckBox_pendingApproval_text:"Looks like this email has been used to sign up to Apolitical before, but <strong>we have not yet approved it.</strong> If you cannot wait to join, contact <mail>concierge@apolitical.co</mail>.",emailCheckBox_emailUnverified_title:"Hello again!",emailCheckBox_emailUnverified_text:"It looks like you're already an Apolitical member. To access your account, please verify your email address. <link>Click here to get a verification code sent to your email</link>.",emailCheckBox_emailAlreadyExists_title:"Email is already registered",emailCheckBox_emailAlreadyExists_text:"Looks like this email has been used to sign up to Apolitical before, try <link>logging in</link> instead. If you're still having issues, contact <mail>concierge@apolitical.co</mail>.",emailCheckBox_error_verificationFailedToSend_title:"Verification code failed to send",emailCheckBox_error_verificationFailedToSend_text:"Error details: <em>{error}</em>{br}<link>Click here to try again</link>.{br}If you continue to have problems, contact us at <mail>concierge@apolitical.co</mail>",emailCheckBox_error_noFunction:"Cannot resend verification code.",filters_all:"Show all",filters_disabled:"{name} - no results",footer_platform:"Platform",footer_platform_events:"Events",footer_platform_courses:"Courses",footer_platform_qanda:"Q&A",footer_platform_articles:"Articles",footer_community:"Community",footer_community_support:"Support FAQ",footer_community_post:"Post on Apolitical",footer_community_join:"Who can join",footer_community_guidelines:"Guidelines & values",footer_company:"Company",footer_company_story:"Our story",footer_company_team:"Meet our team",footer_company_careers:"Careers",footer_company_partner:"Partner with us",footer_company_contact:"Get in touch",footer_legal:"Legal",footer_legal_privacy:"Privacy policy",footer_legal_terms:"Terms & conditions",footer_legal_cookie:"Cookie policy",footer_legal_accessibility:"Accessibility statement",footer_legal_dataProtection:"Data protection officer",footer_legal_euDataProtection:"EU data protection officer",footer_contact:"Contact",footer_contact_correspondence:"Correspondence address",footer_contact_correspondence_address:"251 Southwark Bridge Road{br}London, SE1 6FL{br}United Kingdom",footer_contact_registered:"Registered address",footer_contact_registered_address:"20\u201322 Wenlock Road{br}London, N1 7GU{br}United Kingdom",footer_contact_berlin:"Berlin address",footer_contact_berlin_address:"Torstra\xdfe 220{br}10115 Berlin{br}Germany",footer_contact_support:"For platform support",footer_contact_business:"For business inquiries",footer_social_linkedin:"LinkedIn",footer_social_twitter:"Twitter",footer_social_facebook:"Facebook",footer_copyright:"Copyright \xa9 {currentYear} Apolitical Group Limited",form_fieldWrapper_required:"required",form_fieldWrapper_characterLimit:"Character limit:",form_error_generalError:"Sorry, something has gone. Please refresh the page and try again.",form_error_required:"Please fill in this required field",form_error_numbers:"Numbers are not allowed in this text field",form_error_email:"Please enter a valid email address",form_error_url:"Please enter a valid URL",form_submit:"Submit",form_submitting:"Submitting form...",form_submitted:"Submitted",header_skip:"Skip to main content",header_search_show:"Show search bar",header_search_hide:"Close search bar",header_menu_show:"Show navigation",header_menu_hide:"Close navigation",header_home_loggedOut:"Home",header_home_loggedIn:"My Home",header_topics:"Topics",header_topics_explore:"Explore",header_topics_explore_events:"Events",header_topics_explore_courses:"Courses","header_topics_explore_q-and-a":"Q&A",header_topics_explore_articles:"Articles",header_topics_topics:"Topics",header_topics_topics_climate:"Climate","header_topics_topics_cities-and-local-government":"Cities and local government","header_topics_topics_digital-and-data":"Digital and data",header_topics_topics_education:"Education","header_topics_topics_equity-justice-and-inclusion":"Equity, justice and inclusion","header_topics_topics_health-and-social-care":"Health and social care",header_topics_topics_innovation:"Innovation","header_topics_topics_leadership-and-skills":"Leadership and skills","header_topics_topics_life-in-government":"Life in government",header_topics_topics_policymaking:"Policymaking","header_topics_topics_transport-and-infrastructure":"Transport and infrastructure","header_topics_topics_work-and-the-economy":"Work and the economy",header_partners:"For partners",header_account:"My account",header_account_show:"Show account menu",header_account_hide:"Close account menu",header_account_profile:"My profile",header_account_settings:"Settings & privacy","header_account_log-out":"Log out",header_buttons_login:"Log in",header_buttons_signup:"Sign up",hideShowTextBox_hide:"View less",hideShowTextBox_show:"View more",inviteModal_title:"You\u2019re registered",inviteForm_title:"Know someone who might like to join this workshop?",inviteForm_label:"Invite your colleagues by typing or pasting their emails below",inviteForm_ctaMessage:"Send",inviteForm_success:"Invitation Sent!",inviteForm_error:"Something went wrong!",inviteForm_ctaTryAgain:"Try again!",inviteForm_ctaSendMoreInvites:"Send more invites",inviteForm_ctaDone:"Done",logo:"Apolitical",loadMore_button:"Load more",loadMore_endOfFeed:"You're all caught up",loadMore_error:"We're having trouble loading more content. Please refresh the page or try again later.",loadingBlock_loading:"Loading...",loadingBlock_almostDone:"Almost done...",loadingBlock_complete:"Complete!",markdown_collapsibleSection_summary:"Resources",markdown_skip_video:"Skip past video",markdown_skip_padlet:"Skip past interactive board",markdown_skip_poll:"Skip past poll",markdown_skip:"Skip to next section",markdown_iframe_title:"Course information",markdown_iframe_video:"Video",markdown_iframe_padlet:"Interactive board",markdown_iframe_poll:"Poll",progressBar:"{number}% loaded",ratings_text:"Rate answer",ratings_stars:"{number} out of {total}",ratings_low:"this is incorrect or confusing",ratings_high:"this is a fantastic answer",ratings_success:"Thank you!",search_label:"Search for:",search_placeholder:"Ask Apolitical",search_clear:"Clear search",search_cta:"Search",signup_title:"Sign up",signup_full_name:"Full name",signup_full_name_placeholder:"Lionel Messi",signup_email_address:"Work email",signup_email_address_placeholder:"lionel.messi@argentina.gov",signup_job_title:"Job title",signup_job_title_placeholder:"e.g. Senior Policy Advisor",signup_organization:"Organisation",signup_organization_placeholder:"e.g. Department of Justice",signup_url:"Link to official government bio / LinkedIn <small>(optional)</small>",signup_url_placeholder:"https://organisation.com/bio",signup_expectation:"What do you want to know<small>Optional, but we will use your response to build the session!</small>",signup_expectation_placeholder:"What do you want to know?",signup_terms:"I accept Apolitical's <terms>Terms of Service</terms>, <privacy>Privacy Policy</privacy> and that I'll get essential emails for my use of Apolitical",signup_error:"We're really sorry, but we've had a problem trying to sign you up. This could be an issue with our system, so we suggest you try again later.",signup_button_join:"Join for free",signup_button_login:"Log in",signup_submitting:"Submitting form...",signup_success_title:"Thank you for applying to join Apolitical!",signup_success_text:"<p>Once we've vetted your application, you'll get a secure login link to help you get started.</p><p>Please note that trust is everything to our community, so you can't login until your identity has been verified.</p>",sharedLinks_copy_text:"Copy link",tags_community:"From the community"},J=function(e){var n=e.children,t=e.locales,r=void 0!==t&&t;return K.a.createElement($.IntlProvider,{locale:"en",messages:r||X},n)},ee=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return"".concat(e/n,"rem")},ne=j.colors.b100,te={gradient:{height:160,offset:30,paddingTop:65}},re=Object(F.css)(T||(T=S(["\n  outline: none;\n  box-shadow: 0 0 0 "," ",";\n"])),ee(4),ne),ae=Object(F.css)(N||(N=S(["\n  outline: none;\n  box-shadow: 0 0 0 "," "," inset;\n"])),ee(4),ne),oe=Object(F.createGlobalStyle)(M||(M=S(["\n  ","\n  ","\n  ",'\n  \n  a, button, input, textarea, [role="menu"], li[tabindex] {\n    &:focus-visible {\n      ','\n      \n        &:active { box-shadow: none; }\n    }\n  }\n  \n  [role="menu"], [role="menu"] a, li[tabindex] {\n    &:focus-visible { '," }\n  }\n  \n  body.has-gradient-bg {\n    position: relative;\n    \n      &:before {\n        content: '';\n        width: 100%;\n        height: ",";\n        background: linear-gradient(180deg, #F0F5FF 0%, #F0F5FF ","px, rgba(240, 245, 255, 0) 100%);\n        position: absolute;\n        top: -",";\n        left: 0;\n      }\n  }\n"])),D,q,R,re,ae,ee(te.gradient.height+te.gradient.offset),te.gradient.offset,ee(te.gradient.paddingTop+te.gradient.offset));function ie(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var ce=H.a.span(B||(B=S(["\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  display: block;\n\n  &:focus {\n    width: auto;\n    height: auto;\n    overflow: visible;\n  }\n"]))),le=Object(Z.memo)((function(e){var n=e.element,t=void 0===n?"span":n,r=e.children,a=ie(e,["element","children"]);return K.a.createElement(ce,Object.assign({as:t},a),r)}));function se(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var de=Object(Z.memo)((function(e){var n=e.element,t=void 0===n?"span":n,r=e.children,o=ie(e,["element","children"]);return K.a.createElement(t,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?se(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):se(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},o,{"aria-hidden":!0}),r)}));function ue(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var t=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(t.push(i.value),!n||t.length!==n);r=!0);}catch(l){a=!0,o=l}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return t}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var pe,me,ge,he=t(15),fe=t.n(he),be="https://assets.apolitical.co",ve="".concat(be,"/images/"),ye="".concat(be,"/icons/"),we="https://storage.googleapis.com/apolitical-images/assets/",xe="https://storage.googleapis.com/apolitical-assets/",ke={name:"Apolitical",image:{thumbnail:"".concat(we,"logos/logomark-on-g-50.png")},role:null,url:null},Ee={name:"Community post",image:{thumbnail:"".concat(be,"/icons/avatar-community.png")}},_e=t(3),Oe=H.a.figure(pe||(pe=S(["\n  display: flex;\n  justify-content: center;\n  background-color: ",";\n  position: relative;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  border-radius: 50%;\n"])),(function(e){return e.backgroundcolor})),je=H.a.img(me||(me=S(["\n  border-radius: 50%;\n  min-width: 100%;\n  height: 100%;\n"]))),Se=H.a.span(ge||(ge=S(["\n  display: none;\n"]))),Le=j.colors,Ce=function(e){var n=e&&e.split(" ");return Array.isArray(n)&&n.length>1&&""!==n[0]?""===n[1]?n[0][0]:n[0][0]+n[n.length-1][0]:e?e.substr(0,1):""},ze=function(e){var n=e.className,t=e.src,r=e.name,a=e.alt,o=ie(e,["className","src","name","alt"]),i=ue(Object(Z.useState)(!1),2),c=i[0],l=i[1],s=K.a.createRef();return Object(Z.useEffect)((function(){var e=s.current;if(e){var n=e.getContext("2d");if(n){"undefined"!==typeof window&&window.devicePixelRatio&&(e.width=256*window.devicePixelRatio,e.height=256*window.devicePixelRatio,n.scale(window.devicePixelRatio,window.devicePixelRatio)),n.fillStyle=function(e){var n=["#5AB6A3","#A2D7AF","#806056","#3962B3"],t=Ce(e);if(""!==t){var r=n[Math.abs(Math.floor(2*Math.sin(t.charCodeAt(0)))-1)];if(r)return r}return n[0]}(r),n.fillRect(0,0,256,256),n.font="".concat(256/3,"px Arial"),n.textAlign="center",n.fillStyle=Le.white,n.fillText(Ce(r).toUpperCase(),128,160)}}}),[r,s]),K.a.createElement(Oe,Object.assign({className:n},o),"string"===typeof t&&""!==t?K.a.createElement(je,{onError:function(e){e.target.setAttribute("style","display:none;"),l(!0)},alt:a||""===a?a:r,src:t}):K.a.createElement(Se,null),("string"!==typeof t||""===t||c)&&K.a.createElement("canvas",{ref:s,style:{display:"flex",overflow:"hidden",width:"100%",height:"100%",borderRadius:"50%"}}))};ze.defaultProps={className:""};var Pe,Te,Ne,Me,Be,Fe,He,Ie,De=ze,Ae=j.colors,qe=Ae.n800,Re=Ae.n900,Ge=Ae.b700,We=Ae.p500,Ve=j.breakpoints.onlyScreen.mobileSm,Ue=j.fontSizes,Ye=Ue.paragraphS,Qe=Ue.paragraphM,Ze=Ue.mobileParagraphM,Ke=j.lineHeights,$e=H.a.div(Pe||(Pe=S(["\n  width: 100%;\n\n  a {\n    text-decoration: none;\n  }\n\n  &:after {\n    content: '';\n    clear: both;\n    display: block;\n  }\n"]))),Xe=H.a.div(Te||(Te=S(["\n  float: left;\n  align-items: center;\n  display: flex;\n  margin: 0.1rem 0 0;\n  justify-content: start;\n  flex-direction: row-reverse;\n\n  > div,\n  > div > a {\n    flex-direction: reverse;\n    justify-content: start;\n  }\n"]))),Je=H.a.div(Ne||(Ne=S(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),en=H()(De)(Me||(Me=S(["\n  border-radius: 50%;\n  height: 2.1rem;\n  width: 2.1rem;\n  object-fit: cover;\n  margin-right: 0.6rem;\n\n  @media "," {\n    height: 3rem;\n    width: 3rem;\n  }\n"])),Ve),nn=H.a.div(Be||(Be=S(["\n  flex-direction: row;\n"]))),tn=H.a.span(Fe||(Fe=S(["\n  background: none;\n  color: ",";\n  font-size: ",";\n  font-weight: bold;\n  line-height: ",";\n  border: none;\n\n  &:hover {\n    cursor: ",";\n    color: ",";\n  }\n\n  @media "," {\n    font-size: ",";\n    line-height: ",";\n  }\n"])),(function(e){return e.isHighlighted?We:Re}),Ze,Ke.mobileParagraphM,(function(e){return e["data-href"]?"pointer":"auto"}),(function(e){return e["data-href"]?Ge:Re}),Ve,Qe,Ke.paragraphM),rn=H.a.span(He||(He=S(["\n  color: ",";\n  font-size: ",";\n  font-weight: 400;\n  line-height: ",";\n\n  > span,\n  > div,\n  > p {\n    position: relative;\n    padding-left: 0.8rem;\n    margin-left: 0.6rem;\n    &:before {\n      content: '';\n      display: block;\n      width: 0.2rem;\n      height: 0.2rem;\n      border-radius: 50%;\n      background-color: ",";\n      position: absolute;\n      top: 50%;\n      left: 0;\n    }\n  }\n\n  @media "," {\n    font-size: ",";\n    line-height: ",";\n  }\n"])),qe,Ze,Ke.mobileParagraphM,qe,Ve,Qe,Ke.paragraphM),an=H.a.p(Ie||(Ie=S(["\n  color: ",";\n  font-size: ",";\n  font-weight: 400;\n  font-style: italic;\n  line-height: ",";\n  margin-top: 2px;\n  display: none;\n\n  @media "," {\n    display: initial;\n  }\n"])),qe,Ye,Ke.paragraphS,Ve),on=function(e){var n=e.contentItem,t=n.createdAt,r=n.didEdit;return K.a.createElement(rn,null,t&&K.a.createElement("span",{title:Object(_e.getLongDate)(new Date(t)),"aria-label":Object(_e.getLongDate)(new Date(t))},Object(_e.getShortDateHowLongAgo)(new Date(t)))," ",r&&K.a.createElement("em",null,K.a.createElement($.FormattedMessage,{id:"discussion_edited"})))},cn=function(e){var n=e.className;return K.a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},K.a.createElement("desc",null,"Answer Icon"),K.a.createElement("path",{d:"M13.6095 10.9428C13.8595 10.6928 14 10.3536 14 10V3.33333C14 2.97971 13.8595 2.64057 13.6095 2.39052C13.3594 2.14048 13.0203 2 12.6667 2H3.33333C2.97971 2 2.64057 2.14048 2.39052 2.39052C2.14048 2.64057 2 2.97971 2 3.33333V14L4.66667 11.3333H12.6667C13.0203 11.3333 13.3594 11.1929 13.6095 10.9428Z",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};cn.defaultProps={className:""};var ln=cn,sn=function(){return K.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"10",viewBox:"0 0 12 10"},K.a.createElement("title",null,"Green checkmark icon"),K.a.createElement("path",{fill:"none",fillRule:"evenodd",stroke:"#46B8A6",strokeLinecap:"round",strokeWidth:"2",d:"M1 5.378C3.64 12.376 2.832 8.312 11 1"}))},dn=function(e){var n=e.circleColor,t=void 0===n?"#2B8975":n,r=e.tickColor,a=void 0===r?"#FFF":r,o=ie(e,["circleColor","tickColor"]);return K.a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},o),K.a.createElement("title",null,"Check Icon"),K.a.createElement("path",{fill:t,fillRule:"evenodd",d:"M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16Z",clipRule:"evenodd"}),K.a.createElement("path",{fill:a,d:"m13.183 19.471 9.425-9.818a1.036 1.036 0 0 1 1.503.006 1.14 1.14 0 0 1 .002 1.57L13.59 22.189a1.033 1.033 0 0 1-1.507-.002l-.009-.009-.009-.01-3.754-3.91a1.144 1.144 0 0 1 0-1.57 1.034 1.034 0 0 1 1.509 0l3.017 3.142.345-.359Z"}))},un=function(e){var n=e.className,t=e.strokeColour,r=e.direction;return K.a.createElement("svg",{width:"12",height:"20",viewBox:"0 0 12 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},K.a.createElement("title",null,"Carousel navigation chevron (".concat(r,")")),K.a.createElement("path",{d:"M2 18L10 10L2 2",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}))},pn=function(e){e.className;return K.a.createElement("svg",{width:"180",height:"6",viewBox:"0 0 180 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},K.a.createElement("path",{id:"Rectangle",fillRule:"evenodd",clipRule:"evenodd",d:"M0 3C0 1.34315 1.34315 0 3 0H177C178.657 0 180 1.34315 180 3V3C180 4.65685 178.657 6 177 6H3C1.34314 6 0 4.65685 0 3V3Z",fill:"#7CDCC5"}))};pn.defaultProps={className:""};var mn=pn,gn=function(e){var n=e.className;return K.a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},K.a.createElement("path",{d:"M2 4H3.33333H14",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),K.a.createElement("path",{d:"M5.33333 4.00001V2.66668C5.33333 2.31305 5.4738 1.97392 5.72385 1.72387C5.9739 1.47382 6.31304 1.33334 6.66666 1.33334H9.33333C9.68695 1.33334 10.0261 1.47382 10.2761 1.72387C10.5262 1.97392 10.6667 2.31305 10.6667 2.66668V4.00001M12.6667 4.00001V13.3333C12.6667 13.687 12.5262 14.0261 12.2761 14.2762C12.0261 14.5262 11.6869 14.6667 11.3333 14.6667H4.66666C4.31304 14.6667 3.9739 14.5262 3.72385 14.2762C3.4738 14.0261 3.33333 13.687 3.33333 13.3333V4.00001H12.6667Z",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),K.a.createElement("path",{d:"M6.66667 7.33334V11.3333",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),K.a.createElement("path",{d:"M9.33333 7.33334V11.3333",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};gn.defaultProps={className:""};var hn=gn,fn=function(e){var n=e.className;return K.a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},K.a.createElement("path",{d:"M7.33333 2.66666H2.66666C2.31304 2.66666 1.9739 2.80713 1.72385 3.05718C1.4738 3.30723 1.33333 3.64637 1.33333 3.99999V13.3333C1.33333 13.6869 1.4738 14.0261 1.72385 14.2761C1.9739 14.5262 2.31304 14.6667 2.66666 14.6667H12C12.3536 14.6667 12.6928 14.5262 12.9428 14.2761C13.1929 14.0261 13.3333 13.6869 13.3333 13.3333V8.66666",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),K.a.createElement("path",{d:"M13.3333 1.25244C12.9583 1.25244 12.5985 1.40144 12.3333 1.66666L5.99999 7.99999L5.33333 10.6667L7.99999 9.99999L14.3333 3.66666C14.5985 3.40144 14.7475 3.04173 14.7475 2.66665C14.7475 2.29158 14.5985 1.93187 14.3333 1.66666C14.0681 1.40144 13.7084 1.25244 13.3333 1.25244Z",stroke:"#405064",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};fn.defaultProps={className:""};var bn=fn,vn=function(){return K.a.createElement("svg",{xmln