@digital-b2c/coreui-kit 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -0
- package/README.md +46 -0
- package/dist/icon-ads-HMLDPPRE.svg +3 -0
- package/dist/icon-blank-checkbox-QL6YHT6N.svg +3 -0
- package/dist/icon-blank-checkbox-white-RBACKJK2.svg +4 -0
- package/dist/icon-book-F432UUB3.svg +3 -0
- package/dist/icon-briefcase-MEYCJVOB.svg +3 -0
- package/dist/icon-calendar-6XVSU5R2.svg +3 -0
- package/dist/icon-checked-box-HXJX4QOM.svg +5 -0
- package/dist/icon-chevron-default-XRHTPYFD.svg +3 -0
- package/dist/icon-chevron-hovered-FXNQAEV3.svg +3 -0
- package/dist/icon-chevron-selected-O4VV5EZQ.svg +3 -0
- package/dist/icon-circle-chevron-down-YDKTSSAA.svg +3 -0
- package/dist/icon-circle-chevron-up-3LVQXDDY.svg +3 -0
- package/dist/icon-clipboard-RGBPZIT2.svg +3 -0
- package/dist/icon-convo-QXF3HB7U.svg +3 -0
- package/dist/icon-down-black-EUGNCX3W.svg +8 -0
- package/dist/icon-down-chevron-black-G37U72OZ.svg +3 -0
- package/dist/icon-down-chevron-white-PEUV6GJ7.svg +3 -0
- package/dist/icon-down-white-W7LIQ7BN.svg +8 -0
- package/dist/icon-download-black-F6AGZCYF.svg +15 -0
- package/dist/icon-download-white-VVTBJMMN.svg +15 -0
- package/dist/icon-eye-WAXJAF7C.svg +3 -0
- package/dist/icon-filled-chevron-left-2GY5O2G4.svg +3 -0
- package/dist/icon-filled-chevron-right-B6WC4UDP.svg +3 -0
- package/dist/icon-filled-chevron-up-DSHNXAIR.svg +3 -0
- package/dist/icon-globe-JOM23IWB.svg +3 -0
- package/dist/icon-hospital-HVKSQ2IF.svg +3 -0
- package/dist/icon-left-white-LTF2XPVJ.svg +8 -0
- package/dist/icon-library-56UDTCFP.svg +3 -0
- package/dist/icon-location-KVE4HFKV.svg +3 -0
- package/dist/icon-mail-black-H4JSL6GN.svg +10 -0
- package/dist/icon-marketing-YDUDTK7R.svg +3 -0
- package/dist/icon-menu-black-AI7IZGAV.svg +10 -0
- package/dist/icon-menu-white-EJXB5OPZ.svg +3 -0
- package/dist/icon-money-EJKRACJI.svg +3 -0
- package/dist/icon-people-XD7I6EDH.svg +3 -0
- package/dist/icon-right-OAELY3OL.svg +4 -0
- package/dist/icon-right-black-63XA3J2N.svg +8 -0
- package/dist/icon-right-white-HNWW4VHV.svg +8 -0
- package/dist/icon-smile-N5IQOWVQ.svg +3 -0
- package/dist/icon-tech-PWRO4Z5G.svg +3 -0
- package/dist/icon-tilted-right-EJ3C6PR6.svg +4 -0
- package/dist/icon-tilted-right-black-PBETFSTS.svg +8 -0
- package/dist/icon-tilted-right-white-W3HNOHCP.svg +3 -0
- package/dist/icon-up-chevron-up-white-ZAY6S6FY.svg +3 -0
- package/dist/icon-up-chevron-white-RQR5IGQP.svg +3 -0
- package/dist/icon-watch-black-SWPMR2N4.svg +3 -0
- package/dist/icon-watch-white-6F4DX3RD.svg +3 -0
- package/dist/icon-work-57TUXGDH.svg +3 -0
- package/dist/icon-workhome-QJL54EJE.svg +3 -0
- package/dist/icon-x-black-WBBDGBKZ.svg +4 -0
- package/dist/icon-x-white-WVEELCIS.svg +11 -0
- package/dist/index.cjs +599 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +521 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +306 -0
- package/dist/index.d.ts +306 -0
- package/dist/index.mjs +578 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +91 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/primitives/Anchor/Anchor.tsx","../src/components/primitives/ConditionalWrapper/ConditionalWrapper.tsx","../src/components/Icon/Icon.tsx","../src/components/Button/Button.module.scss","../src/components/Button/Button.tsx","../src/components/Card/Card.module.scss","../src/components/Card/Card.tsx","../src/components/Picture/Picture.module.scss","../src/components/Picture/Picture.tsx","../src/components/CountingCard/CountingCard.module.scss","../src/components/CountingCard/CountingCard.tsx","../src/components/InfoCard/InfoCard.module.scss","../src/components/InfoCard/InfoCard.tsx","../src/components/Pagination/Pagination.module.scss","../src/components/Pagination/Pagination.tsx","../src/components/primitives/Container/Container.module.scss","../src/components/primitives/Container/Container.tsx","../src/widgets/CardCollection/CardCollection.module.scss","../src/widgets/CardCollection/CardCollection.tsx","../src/widgets/MiniSectionCta/MiniSectionCta.module.scss","../src/widgets/MiniSectionCta/MiniSectionCta.tsx","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.tsx","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.tsx"],"names":["jsx","Fragment","React","Icon","clsx","jsxs","_b","_a","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,MAAA,GAAS,CAAC,EAAA,KAAoD;AAApD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,UAAA,EAFnC,GAEuB,IAA2B,KAAA,GAAA,SAAA,CAA3B,EAAA,EAA2B,CAAzB,UAAA,EAAU,YAAA,CAAA,CAAA;AACjC,EAAA,uBACEA,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,KAAA,CAAA,EADL;AAAA,MAEC,MAAA,EAAQ,aAAa,QAAA,GAAW,MAAA;AAAA,MAChC,GAAA,EAAK,aAAa,qBAAA,GAAwB,MAAA;AAAA,MAEzC;AAAA,KAAA;AAAA,GACH;AAEJ;ACRO,IAAM,kBAAA,GAA2E,CAAC,EAAA,KAMnF;AANmF,EAAA,IAAA,EAAA,GAAA,EAAA,EACvF;AAAA,IAAA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA,EAAS,OAAA;AAAA,IACT,QAAA,EAAU;AAAA,GARZ,GAIyF,EAAA,EAKpF,IAAA,GAAA,SAAA,CALoF,EAAA,EAKpF;AAAA,IAJH,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,OAAO,SAAA,IAAa,0BAClBA,cAAAA,CAAC,0CAAY,IAAA,CAAA,EAAZ,EAAmB,WAAS,CAAA,GAC3B,QAAA,mBACFA,cAAAA,CAAC,QAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAa,OAAb,EAAoB,QAAA,EAAA,CAAS,oBAE9BA,cAAAA,CAAAC,uBAAG,QAAA,EAAS,CAAA;AAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmCO,IAAM,IAAA,GAAO;AAAA;AAAA,EAElB,GAAA,EAAA,gBAAA;AAAA,EACA,IAAA,EAAA,iBAAA;AAAA,EACA,SAAA,EAAA,sBAAA;AAAA,EACA,QAAA,EAAA,qBAAA;AAAA,EACA,SAAA,EAAA,sBAAA;AAAA,EACA,KAAA,EAAA,kBAAA;AAAA,EACA,GAAA,EAAA,gBAAA;AAAA,EACA,KAAA,EAAA,kBAAA;AAAA,EACA,QAAA,EAAA,qBAAA;AAAA,EACA,OAAA,EAAA,oBAAA;AAAA,EACA,QAAA,EAAA,qBAAA;AAAA,EACA,SAAA,EAAA,sBAAA;AAAA,EACA,KAAA,EAAA,kBAAA;AAAA,EACA,MAAA,EAAA,mBAAA;AAAA,EACA,KAAA,EAAA,kBAAA;AAAA,EACA,IAAA,EAAA,iBAAA;AAAA,EACA,IAAA,EAAA,iBAAA;AAAA,EACA,QAAA,EAAA,qBAAA;AAAA;AAAA,EAGA,aAAA,EAAA,2BAAA;AAAA,EACA,kBAAA,EAAA,iCAAA;AAAA,EACA,UAAA,EAAA,wBAAA;AAAA,EACA,iBAAA,EAAA,gCAAA;AAAA,EACA,eAAA,EAAA,8BAAA;AAAA,EACA,SAAA,EAAA,uBAAA;AAAA,EACA,SAAA,EAAA,uBAAA;AAAA,EACA,gBAAA,EAAA,+BAAA;AAAA,EACA,gBAAA,EAAA,+BAAA;AAAA,EACA,aAAA,EAAA,2BAAA;AAAA,EACA,aAAA,EAAA,2BAAA;AAAA,EACA,iBAAA,EAAA,gCAAA;AAAA,EACA,kBAAA,EAAA,iCAAA;AAAA,EACA,eAAA,EAAA,8BAAA;AAAA,EACA,SAAA,EAAA,uBAAA;AAAA,EACA,SAAA,EAAA,uBAAA;AAAA,EACA,UAAA,EAAA,wBAAA;AAAA,EACA,UAAA,EAAA,wBAAA;AAAA,EACA,gBAAA,EAAA,+BAAA;AAAA,EACA,gBAAA,EAAA,+BAAA;AAAA,EACA,gBAAA,EAAA,gCAAA;AAAA,EACA,cAAA,EAAA,6BAAA;AAAA,EACA,UAAA,EAAA,wBAAA;AAAA,EACA,UAAA,EAAA,wBAAA;AAAA;AAAA,EAGA,cAAA,EAAA,4BAAA;AAAA,EACA,cAAA,EAAA,4BAAA;AAAA,EACA,eAAA,EAAA,6BAAA;AAAA;AAAA,EAGA,SAAA,EAAA,uBAAA;AAAA,EACA,SAAA,EAAA,uBAAA;AAAA,EACA,KAAA,EAAA,kBAAA;AAAA,EACA,WAAA,EAAA,yBAAA;AAAA,EACA,MAAA,EAAA,oBAAA;AAAA,EACA,MAAA,EAAA;AACF;AAQO,IAAM,OAA4BC,sBAAA,CAAM,IAAA;AAAA,EAC7C,CAAC,EAAA,KAAqD;AAArD,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,IAAA,EAzHL,GAyHG,EAAA,EAAW,KAAA,GAAA,SAAA,CAAX,IAAW,CAAT,MAAA,CAAA,CAAA;AACD,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAMC,KAAAA,GAAO,KAAK,IAAI,CAAA;AACtB,MAAA,IAAIA,OAAM,uBAAOH,cAAAA,CAACG,KAAAA,EAAA,mBAAS,KAAA,CAAO,CAAA;AAAA,IACpC;AACA,IAAA,uBAAOH,cAAAA,CAAAC,mBAAAA,EAAA,EAAE,CAAA;AAAA,EACX;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;;;AClInB,IAAA,qBAAA,GAAA,EAAA;ACQO,IAAM,MAAA,GAAgC,CAAC,EAAA,KASxC;AATwC,EAAA,IAAA,EAAA,GAAA,EAAA,EAC5C;AAAA,IAAA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GAfF,GAQ8C,EAAA,EAQzC,IAAA,GAAA,SAAA,CARyC,EAAA,EAQzC;AAAA,IAPH,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,MAAA,GAAS,CAAC,CAAC,IAAA;AAEjB,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAA,cAAA,CAAA;AAAA,IACZ,SAAA,EAAWG,sBAAA;AAAA,MACT,qBAAA,CAAO,MAAA;AAAA,MACP,OAAA,GAAU,qBAAA,CAAO,OAAO,CAAA,GAAI,IAAA;AAAA,MAC5B,EAAE,CAAC,qBAAA,CAAO,SAAS,GAAG,CAAC,CAAC,SAAA,EAAU;AAAA,MAClC;AAAA;AACF,GAAA,EACI,SAAS,EAAE,IAAA,EAAM,UAAA,EAAW,GAAI,EAAC,CAAA,EAClC,IAAA,CAAA;AAGL,EAAA,uBACEC,eAAA,CAAC,mDAAmB,OAAA,EAAS,MAAA,EAAQ,UAAS,QAAA,EAAS,SAAA,EAAW,MAAA,EAAA,EAAa,KAAA,CAAA,EAA9E,EACE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA,oBAAQL,cAAAA,CAAC,IAAA,EAAA,EAAK,MAAM,IAAA,EAAM;AAAA,GAAA,EAAA,CAC7B,CAAA;AAEJ;;;ACrCA,IAAA,mBAAA,GAAA,EAAA;ACOO,IAAM,IAAA,GAAO,CAAC,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAA,EAAK,MAAK,KAAiB;AAC5E,EAAA,uBACEK,gBAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,uBAAK,mBAAA,CAAO,IAAA,EAAM,SAAS,CAAA,EACxC,QAAA,EAAA;AAAA,IAAA,IAAA,oBAAQJ,cAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,CAAA;AAAA,oBAC3BK,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,oBAAO,OAAA,EACrB,QAAA,EAAA;AAAA,sBAAAL,cAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,IAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MACzB,QAAA,oBAAYA,cAAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA;AAAA,IACC,uBACCA,cAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAM,GAAA,CAAI,GAAA;AAAA,QACV,YAAY,GAAA,CAAI,UAAA;AAAA,QAChB,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAM,GAAA,CAAI,GAAA,GAAM,YAAA,GAAe,MAAA;AAAA,QAE9B,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA;AACP,GAAA,EAEJ,CAAA;AAEJ;;;AC3BA,IAAA,sBAAA,GAAA,EAAA;ACKO,IAAM,OAAA,GAAU,CAAC,EAAA,KAA0C;AAA1C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAL1B,GAKwB,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AAL1B,EAAA,IAAAM,GAAAA,EAAA,EAAA;AAME,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBAAON,cAAAA,CAAC,KAAA,EAAA,cAAA,CAAA,EAAI,SAAA,EAAA,EAA0B,KAAA,CAAO,CAAA;AAAA,EAC/C;AAEA,EAAA,MAAqCO,GAAAA,GAAA,OAA7B,EAAA,OAAA,EAAS,MAAA,KAAoBA,GAAAA,EAAT,IAAA,GAAA,SAAA,CAASA,GAAAA,EAAT,CAApB,SAAA,EAAS,QAAA,CAAA,CAAA;AAEjB,EAAA,uBACEF,eAAAA,CAAAJ,mBAAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,KAAK,OAAA,CAAQ,GAAA;AAAA,QACb,KAAK,OAAA,CAAQ,GAAA;AAAA,QACb,SAAA,EAAWI,sBAAAA,CAAK,SAAA,EAAW,sBAAA,CAAO,eAAe,CAAC;AAAA,OAAA,EAC9C,IAAA;AAAA,KACN;AAAA,oBACAJ,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,MAAKM,GAAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,GAAA,KAAR,IAAA,GAAAA,MAAe,OAAA,CAAQ,GAAA;AAAA,QAC5B,GAAA,EAAA,CAAK,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,GAAA,KAAR,IAAA,GAAA,EAAA,GAAe,OAAA,CAAQ,GAAA;AAAA,QAC5B,SAAA,EAAWF,sBAAAA,CAAK,SAAA,EAAW,sBAAA,CAAO,cAAc,CAAC;AAAA,OAAA,EAC7C,IAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;;;AC5BA,IAAA,2BAAA,GAAA,EAAA;ACMO,IAAM,eAAe,CAAC,EAAE,WAAW,KAAA,EAAO,KAAA,EAAO,OAAM,KAAyB;AACrF,EAAA,uBACEC,gBAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,uBAAK,2BAAA,CAAO,eAAe,CAAA,EAAG,SAAS,CAAA,EACrD,QAAA,EAAA;AAAA,oBAAAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,2BAAA,CAAO,OAAA,EACpB,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASL,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MACtC,KAAA,oBAASA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWI,uBAAK,2BAAA,CAAO,KAAA,EAAO,IAAI,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7D,CAAA;AAAA,IACC,yBAASJ,cAAAA,CAAC,0BAAQ,SAAA,EAAW,2BAAA,CAAO,QAAU,KAAA,CAAO;AAAA,GAAA,EACxD,CAAA;AAEJ;;;AChBA,IAAA,uBAAA,GAAA,EAAA;ACMO,IAAM,QAAA,GAAW,CAAC,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,IAAA,EAAM,OAAM,KAAqB;AACtF,EAAA,uBACEK,eAAAA,CAAC,KAAA,EAAA,EAAI,WAAWD,sBAAAA,CAAK,uBAAA,CAAO,WAAW,CAAA,EAAG,EAAE,CAAC,uBAAA,CAAO,OAAO,GAAG,CAAC,CAAC,IAAA,EAAK,EAAG,SAAS,CAAA,EAC/E,QAAA,EAAA;AAAA,oBAAAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,uBAAA,CAAO,MAAA,EACpB,QAAA,EAAA;AAAA,MAAA,IAAA,mBACCL,cAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,IAChB,KAAA,mBACFA,cAAAA,CAAC,KAAA,EAAA,EAAI,WAAWI,sBAAAA,CAAK,uBAAA,CAAO,OAAO,IAAI,CAAA,EAAI,iBAAM,CAAA,GAC/C,IAAA;AAAA,MACH,yBAASJ,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAM,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EACvC,CAAA;AAAA,IACC,4BAAYA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,QAAA,EAAS;AAAA,GAAA,EAC/C,CAAA;AAEJ;;;ACpBA,IAAA,yBAAA,GAAA,EAAA;ACOO,IAAM,aAAa,CAAC;AAAA,EACzB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA,GAAc,CAAA;AAAA,EACd,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY,KAAA;AAAA,EACZ,aAAA,GAAgB,KAAA;AAAA,EAChB;AACF,CAAA,KAAuB;AACrB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIQ,eAAS,WAAW,CAAA;AAExD,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAiB;AACjC,IAAA,IAAI,IAAA,GAAO,CAAA,IAAK,IAAA,GAAO,UAAA,EAAY;AAEnC,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,IAAA,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,eAAe,CAAA,EAAG;AACpB,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,aAAA,CAAc,UAAU,CAAA;AACxB,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,UAAA,CAAA;AAAA,MACjB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAO,UAAA,GAAa,CAAA;AAC1B,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,IAAA,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,eAAe,UAAA,EAAY;AAC7B,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,aAAA,CAAc,CAAC,CAAA;AACf,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,CAAA,CAAA;AAAA,MACjB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAO,UAAA,GAAa,CAAA;AAC1B,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,IAAA,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,uBACEH,gBAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,uBAAK,yBAAA,CAAO,UAAA,EAAY,SAAS,CAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,CAAC,iCACAJ,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,yBAAA,CAAO,IAAA;AAAA,QAClB,OAAA,EAAS,UAAA;AAAA,QACT,QAAA,EAAU,CAAC,IAAA,IAAQ,UAAA,KAAe,CAAA;AAAA,QAClC,YAAA,EAAW,qBAAA;AAAA,QAEX,QAAA,kBAAAA,cAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,mBAAA,EAAoB;AAAA;AAAA,KACjC;AAAA,oBAGFA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,0BAAO,KAAA,EACpB,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,UAAA,EAAW,EAAG,CAAC,GAAG,CAAA,KAAM;AAC5C,MAAA,MAAM,OAAO,CAAA,GAAI,CAAA;AAEjB,MAAA,uBACEA,cAAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,UAC5B,SAAA,EAAWI,sBAAAA,CAAK,yBAAA,CAAO,IAAA,EAAM;AAAA,YAC3B,CAAC,yBAAA,CAAO,MAAM,GAAG,UAAA,KAAe,IAAA;AAAA,YAChC,CAAC,yBAAA,CAAO,MAAM,GAAG;AAAA,WAClB,CAAA;AAAA,UACD,YAAA,EAAY,cAAc,IAAI,CAAA,CAAA;AAAA,UAE7B,sBAAY,IAAA,GAAO;AAAA,SAAA;AAAA,QARf;AAAA,OASP;AAAA,IAEJ,CAAC,CAAA,EACH,CAAA;AAAA,IAEC,CAAC,iCACAJ,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,yBAAA,CAAO,IAAA;AAAA,QAClB,OAAA,EAAS,UAAA;AAAA,QACT,QAAA,EAAU,CAAC,IAAA,IAAQ,UAAA,KAAe,UAAA;AAAA,QAClC,YAAA,EAAW,iBAAA;AAAA,QAEX,QAAA,kBAAAA,cAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,oBAAA,EAAqB;AAAA;AAAA;AAClC,GAAA,EAEJ,CAAA;AAEJ;;;AClGA,IAAA,wBAAA,GAAA,EAAA;ACKO,IAAM,SAAA,GAAY,CAAC,EAAA,KAAsD;AAAtD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,SAAA,EALtC,GAK0B,IAA0B,KAAA,GAAA,SAAA,CAA1B,EAAA,EAA0B,CAAxB,UAAA,EAAU,WAAA,CAAA,CAAA;AACpC,EAAA,uBACEA,cAAAA,CAAC,KAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAI,SAAA,EAAWI,sBAAAA,CAAK,wBAAA,CAAO,SAAA,EAAW,SAAS,CAAA,EAAA,EAAO,KAAA,CAAA,EAAtD,EACE,QAAA,EAAA,CACH,CAAA;AAEJ;;;ACXA,IAAA,6BAAA,GAAA,EAAA;ACOO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEC,eAAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAWD,sBAAAA,CAAK,6BAAA,CAAO,iBAAiB,CAAA,EAAG,6BAAA,CAAO,OAAO,CAAA,EAAG,SAAS,CAAA,EAC9E,QAAA,EAAA;AAAA,oBAAAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,6BAAA,CAAO,OAAA,EACpB,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASL,cAAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MACpB,4BAAYA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EACrD,CAAA;AAAA,oBACAA,cAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,6BAAA,CAAO,OAAA,EACpB,yCAAO,GAAA,CAAI,CAAC,MAAM,GAAA,qBACjBA,eAAC,IAAA,EAAA,cAAA,CAAA,EAAe,SAAA,EAAW,8BAAO,IAAA,EAAA,EAAU,IAAA,CAAA,EAAjC,GAAuC,CAAA,CAAA,EAEtD;AAAA,GAAA,EACF,CAAA;AAEJ;;;AC3BA,IAAA,6BAAA,GAAA,EAAA;ACOO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,OAAA,GAAU,WAAA;AAAA,EACV,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWI,sBAAAA,CAAK,8BAAO,cAAA,EAAgB,6BAAA,CAAO,OAAO,CAAA,EAAG,SAAS,CAAA,EACpE,QAAA,kBAAAC,gBAAC,SAAA,EAAA,EAAU,SAAA,EAAW,8BAAO,SAAA,EAC3B,QAAA,EAAA;AAAA,oBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,6BAAA,CAAO,GAAA,EACpB,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCL,cAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,OAAA,KAAY,kBAAkB,OAAA,KAAY,aAAA,GAAgB,IAAA,GAAO,IAAA,EAC7E,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,QAAA,oBACCA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWI,sBAAAA,CAAK,6BAAA,CAAO,QAAA,EAAU,OAAA,KAAY,aAAA,GAAgB,IAAA,GAAO,YAAY,GAClF,QAAA,EAAA,QAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC,uBACCJ,cAAAA,CAAC,SAAI,SAAA,EAAW,6BAAA,CAAO,KACrB,QAAA,kBAAAA,cAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,6BAAA,CAAO,GAAA;AAAA,QAClB,MAAM,GAAA,CAAI,GAAA;AAAA,QACV,YAAY,GAAA,CAAI,UAAA;AAAA,QAChB,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAM,OAAA,KAAY,mBAAA,GAAsB,kBAAA,GAAqB,MAAA;AAAA,QAE5D,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA,KACP,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;AC7CA,IAAA,kCAAA,GAAA,EAAA;ACQO,IAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,uBACEA,cAAAA,CAAC,KAAA,EAAA,EAAI,WAAWI,sBAAAA,CAAK,kCAAA,CAAO,kBAAkB,CAAA,EAAG,kCAAA,CAAO,OAAO,CAAA,EAAG,SAAS,CAAA,EACzE,QAAA,kBAAAC,gBAAC,SAAA,EAAA,EAAU,SAAA,EAAW,mCAAO,SAAA,EAC1B,QAAA,EAAA;AAAA,IAAA,KAAA,oBAASL,eAAC,KAAA,EAAA,EAAI,SAAA,EAAWI,uBAAK,kCAAA,CAAO,KAAA,EAAO,IAAI,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC3DC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,mCAAO,OAAA,EACrB,QAAA,EAAA;AAAA,sBAAAL,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,kCAAA,CAAO,OACpB,QAAA,EAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,wBACjBA,cAAAA,CAAC,QAAA,EAAA,cAAA,CAAA,EAAA,EAAuB,IAAA,CAAA,EAAT,GAAe,CAAA,CAAA,EAElC,CAAA;AAAA,MACC,yBAASA,cAAAA,CAAC,0BAAQ,SAAA,EAAW,kCAAA,CAAO,SAAW,KAAA,CAAO;AAAA,KAAA,EACzD;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;AC9BA,IAAA,gCAAA,GAAA,EAAA;ACQO,IAAM,oBAAoB,CAAC;AAAA,EAChC,SAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,KAA8B;AAC5B,EAAA,uBACEA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWI,sBAAAA,CAAK,iCAAO,UAAA,EAAY,gCAAA,CAAO,OAAO,CAAA,EAAG,SAAS,CAAA,EAChE,QAAA,kBAAAC,gBAAC,SAAA,EAAA,EAAU,SAAA,EAAW,iCAAO,SAAA,EAC3B,QAAA,EAAA;AAAA,oBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,gCAAA,CAAO,OAAA,EACrB,QAAA,EAAA;AAAA,sBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,gCAAA,CAAO,OAAA,EACpB,QAAA,EAAA;AAAA,QAAA,KAAA,oBAASL,eAAC,KAAA,EAAA,EAAI,SAAA,EAAWI,uBAAK,gCAAA,CAAO,KAAA,EAAO,IAAI,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC1D,4BAAYJ,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,QAAA,EAAS;AAAA,OAAA,EACrD,CAAA;AAAA,MACC,uBACCA,cAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,gCAAA,CAAO,GAAA;AAAA,UAClB,OAAA,EAAQ,WAAA;AAAA,UACR,MAAM,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,GAAA;AAAA,UACX,YAAY,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,UAAA;AAAA,UAEhB,QAAA,EAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK;AAAA;AAAA;AACR,KAAA,EAEJ,CAAA;AAAA,IACC,yBAASA,cAAAA,CAAC,0BAAQ,SAAA,EAAW,gCAAA,CAAO,SAAW,KAAA,CAAO;AAAA,GAAA,EACzD,CAAA,EACF,CAAA;AAEJ","file":"index.cjs","sourcesContent":["import type { AnchorProps } from './Anchor.types'\n\nexport const Anchor = ({ children, isExternal, ...props }: AnchorProps) => {\n return (\n <a\n {...props}\n target={isExternal ? '_blank' : undefined}\n rel={isExternal ? 'noopener noreferrer' : undefined}\n >\n {children}\n </a>\n )\n}\n","import type { PropsWithChildren } from 'react'\n\nimport type { ConditionalWrapperProps } from './ConditionalWrapper.types'\n\nexport const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>> = ({\n condition,\n children,\n wrapper: Wrapper,\n fallback: Fallback,\n ...rest\n}) => {\n return condition && Wrapper ? (\n <Wrapper {...rest}>{children}</Wrapper>\n ) : Fallback ? (\n <Fallback {...rest}>{children}</Fallback>\n ) : (\n <>{children}</>\n )\n}\n","import React from 'react'\nimport ads from '@assets/icons/card/icon-ads.svg?react'\nimport book from '@assets/icons/card/icon-book.svg?react'\nimport briefcase from '@assets/icons/card/icon-briefcase.svg?react'\nimport calendar from '@assets/icons/card/icon-calendar.svg?react'\nimport clipboard from '@assets/icons/card/icon-clipboard.svg?react'\nimport convo from '@assets/icons/card/icon-convo.svg?react'\nimport eye from '@assets/icons/card/icon-eye.svg?react'\nimport globe from '@assets/icons/card/icon-globe.svg?react'\nimport hospital from '@assets/icons/card/icon-hospital.svg?react'\nimport library from '@assets/icons/card/icon-library.svg?react'\nimport location from '@assets/icons/card/icon-location.svg?react'\nimport marketing from '@assets/icons/card/icon-marketing.svg?react'\nimport money from '@assets/icons/card/icon-money.svg?react'\nimport people from '@assets/icons/card/icon-people.svg?react'\nimport smile from '@assets/icons/card/icon-smile.svg?react'\nimport tech from '@assets/icons/card/icon-tech.svg?react'\nimport work from '@assets/icons/card/icon-work.svg?react'\nimport workhome from '@assets/icons/card/icon-workhome.svg?react'\nimport blankCheckbox from '@assets/icons/button/icon-blank-checkbox.svg?react'\nimport blankCheckboxWhite from '@assets/icons/button/icon-blank-checkbox-white.svg?react'\nimport checkedBox from '@assets/icons/button/icon-checked-box.svg?react'\nimport circleChevronDown from '@assets/icons/button/icon-circle-chevron-down.svg?react'\nimport circleChevronUp from '@assets/icons/button/icon-circle-chevron-up.svg?react'\nimport downBlack from '@assets/icons/button/icon-down-black.svg?react'\nimport downWhite from '@assets/icons/button/icon-down-white.svg?react'\nimport downChevronBlack from '@assets/icons/button/icon-down-chevron-black.svg?react'\nimport downChevronWhite from '@assets/icons/button/icon-down-chevron-white.svg?react'\nimport downloadBlack from '@assets/icons/button/icon-download-black.svg?react'\nimport downloadWhite from '@assets/icons/button/icon-download-white.svg?react'\nimport filledChevronLeft from '@assets/icons/button/icon-filled-chevron-left.svg?react'\nimport filledChevronRight from '@assets/icons/button/icon-filled-chevron-right.svg?react'\nimport filledChevronUp from '@assets/icons/button/icon-filled-chevron-up.svg?react'\nimport leftWhite from '@assets/icons/button/icon-left-white.svg?react'\nimport mailBlack from '@assets/icons/button/icon-mail-black.svg?react'\nimport rightBlack from '@assets/icons/button/icon-right-black.svg?react'\nimport rightWhite from '@assets/icons/button/icon-right-white.svg?react'\nimport tiltedRightBlack from '@assets/icons/button/icon-tilted-right-black.svg?react'\nimport tiltedRightWhite from '@assets/icons/button/icon-tilted-right-white.svg?react'\nimport upChevronUpWhite from '@assets/icons/button/icon-up-chevron-up-white.svg?react'\nimport upChevronWhite from '@assets/icons/button/icon-up-chevron-white.svg?react'\nimport watchBlack from '@assets/icons/button/icon-watch-black.svg?react'\nimport watchWhite from '@assets/icons/button/icon-watch-white.svg?react'\nimport chevronDefault from '@assets/icons/dropdown/icon-chevron-default.svg?react'\nimport chevronHovered from '@assets/icons/dropdown/icon-chevron-hovered.svg?react'\nimport chevronSelected from '@assets/icons/dropdown/icon-chevron-selected.svg?react'\nimport menuBlack from '@assets/icons/misc/icon-menu-black.svg?react'\nimport menuWhite from '@assets/icons/misc/icon-menu-white.svg?react'\nimport right from '@assets/icons/misc/icon-right.svg?react'\nimport tiltedRight from '@assets/icons/misc/icon-tilted-right.svg?react'\nimport xBlack from '@assets/icons/misc/icon-x-black.svg?react'\nimport xWhite from '@assets/icons/misc/icon-x-white.svg?react'\n\nexport const svgs = {\n /* Card */\n ads,\n book,\n briefcase,\n calendar,\n clipboard,\n convo,\n eye,\n globe,\n hospital,\n library,\n location,\n marketing,\n money,\n people,\n smile,\n tech,\n work,\n workhome,\n\n /* Button */\n blankCheckbox,\n blankCheckboxWhite,\n checkedBox,\n circleChevronDown,\n circleChevronUp,\n downBlack,\n downWhite,\n downChevronBlack,\n downChevronWhite,\n downloadBlack,\n downloadWhite,\n filledChevronLeft,\n filledChevronRight,\n filledChevronUp,\n leftWhite,\n mailBlack,\n rightBlack,\n rightWhite,\n tiltedRightBlack,\n tiltedRightWhite,\n upChevronUpWhite,\n upChevronWhite,\n watchBlack,\n watchWhite,\n\n /* Dropdown */\n chevronDefault,\n chevronHovered,\n chevronSelected,\n\n /* Misc */\n menuBlack,\n menuWhite,\n right,\n tiltedRight,\n xBlack,\n xWhite,\n}\n\nexport type IconType = keyof typeof svgs\n\nexport interface IconProps extends React.ComponentPropsWithRef<'svg'> {\n type: IconType\n}\n\nexport const Icon: React.FC<IconProps> = React.memo(\n ({ type, ...props }: IconProps): React.JSX.Element => {\n if (type) {\n const Icon = svgs[type]\n if (Icon) return <Icon {...props} />\n }\n return <></>\n }\n)\n\nIcon.displayName = 'Icon'\n",".button {\n width: fit-content;\n overflow: hidden;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-md);\n text-align: center;\n white-space: nowrap;\n text-decoration: none;\n color: var(--color-white);\n border-radius: 8px;\n border: 1px solid var(--color-white);\n background: rgba(255, 255, 255, 0);\n font-family: var(--font-family-primary);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n letter-spacing: -0.5%;\n position: relative;\n}\n.button:hover {\n text-decoration: none;\n background: rgba(255, 255, 255, 0.2);\n}\n.button:active {\n background: rgba(255, 255, 255, 0.3019607843);\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.primary {\n color: var(--color-white);\n background: radial-gradient(95.69% 410.59% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n border: 1px solid #000000;\n}\n.button.primary:hover {\n background: linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)), radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n}\n.button.primary:active {\n background: #0e0e0e;\n}\n.button.primary:focus {\n background: linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)), radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n outline: 4px solid var(--color-link);\n}\n.button.secondary {\n color: var(--color-black);\n background: var(--color-white);\n border: 1px solid #c2c2c2;\n}\n.button.secondary:hover {\n background: #eeeeee;\n}\n.button.secondary:active {\n background: #e3e3e3;\n}\n.button.secondary:focus {\n background: #eeeeee;\n outline: 4px solid var(--color-link);\n}\n.button.ghost {\n color: var(--color-black);\n background: var(--color-white);\n border: none;\n}\n.button.ghost:hover {\n background: #eeeeee;\n}\n.button.ghost:active {\n background: #c3c3c3;\n}\n.button.ghost:focus {\n background: #eeeeee;\n outline: 4px solid var(--color-link);\n}\n.button.nofill {\n color: var(--color-white);\n background: transparent;\n border: none;\n}\n.button.nofill:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.button.nofill:active {\n background: rgba(255, 255, 255, 0.3019607843);\n}\n.button.nofill:focus {\n background: rgba(255, 255, 255, 0.2);\n outline: 4px solid var(--color-link);\n}\n.button.nofillblack {\n color: var(--color-black);\n background: transparent;\n border: none;\n}\n.button.nofillblack:hover {\n background: rgba(229, 229, 229, 0.5019607843);\n}\n.button.nofillblack:active {\n background: rgba(203, 203, 203, 0.5019607843);\n}\n.button.nofillblack:focus {\n background: rgba(229, 229, 229, 0.5019607843);\n outline: 4px solid var(--color-link);\n}\n.button.grey {\n color: var(--color-white);\n background: transparent;\n border: 1px solid #949494;\n}\n.button.grey:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.button.grey:active {\n background: rgba(93, 93, 93, 0.9019607843);\n}\n.button.grey:focus {\n background: rgba(255, 255, 255, 0.2);\n outline: 4px solid var(--color-link);\n}\n.button.shiny {\n color: var(--color-white);\n background: transparent;\n border: none;\n}\n.button.shiny::before {\n content: \"\";\n position: absolute;\n inset: 0;\n padding: 2px;\n background: linear-gradient(var(--angle), #ffffff, rgba(153, 153, 153, 0.39));\n border-radius: inherit;\n animation: rotateGradient 2s linear infinite;\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n}\n.button.shiny:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.button.shiny:focus {\n background: transparent;\n outline: 4px solid var(--color-link);\n}\n\n@property --angle {\n syntax: \"<angle>\";\n initial-value: 0deg;\n inherits: false;\n}\n@keyframes rotateGradient {\n from {\n --angle: 0deg;\n }\n to {\n --angle: 360deg;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0UsWUFDRTs7QUFJSjtFQUNFOztBQUdGO0VBQ0UsWUFDRTtFQUVGOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsY0FDRTtFQUVGO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7O0FBS047RUFDRTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtJQUNFOztFQUVGO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuYnV0dG9uIHtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IHZhcigtLXNwYWNpbmctc20pO1xuICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLW1kKTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3Itd2hpdGUpO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmMDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseS1wcmltYXJ5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtbWQpO1xuICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtcmVndWxhcik7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1saW5lLWhlaWdodC1ub3JtYWwpO1xuICBsZXR0ZXItc3BhY2luZzogLTAuNSU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgYmFja2dyb3VuZDogI2ZmZmZmZjMzO1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIGJhY2tncm91bmQ6ICNmZmZmZmY0ZDtcbiAgfVxuXG4gICYuZnVsbFdpZHRoIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICYucHJpbWFyeSB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoOTUuNjklIDQxMC41OSUgYXQgMi4xNiUgOTYuNDMlLCAjMDAwMDAwIDAlLCAjMWIxYjFiIDEwMCUpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICMwMDAwMDA7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgIGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDQ0LCA0NCwgNDQsIDAuOCksIHJnYmEoNDQsIDQ0LCA0NCwgMC44KSksXG4gICAgICAgIHJhZGlhbC1ncmFkaWVudCgxMDguMTklIDQ2NC4yMiUgYXQgMi4xNiUgOTYuNDMlLCAjMDAwMDAwIDAlLCAjMWIxYjFiIDEwMCUpO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQ6ICMwZTBlMGU7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOlxuICAgICAgICBsaW5lYXItZ3JhZGllbnQoMGRlZywgcmdiYSg0NCwgNDQsIDQ0LCAwLjgpLCByZ2JhKDQ0LCA0NCwgNDQsIDAuOCkpLFxuICAgICAgICByYWRpYWwtZ3JhZGllbnQoMTA4LjE5JSA0NjQuMjIlIGF0IDIuMTYlIDk2LjQzJSwgIzAwMDAwMCAwJSwgIzFiMWIxYiAxMDAlKTtcbiAgICAgIG91dGxpbmU6IDRweCBzb2xpZCB2YXIoLS1jb2xvci1saW5rKTtcbiAgICB9XG4gIH1cblxuICAmLnNlY29uZGFyeSB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrKTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2MyYzJjMjtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogI2VlZWVlZTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZTNlM2UzO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2VlZWVlZTtcbiAgICAgIG91dGxpbmU6IDRweCBzb2xpZCB2YXIoLS1jb2xvci1saW5rKTtcbiAgICB9XG4gIH1cblxuICAmLmdob3N0IHtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItYmxhY2spO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICBib3JkZXI6IG5vbmU7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6ICNlZWVlZWU7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogI2MzYzNjMztcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICNlZWVlZWU7XG4gICAgICBvdXRsaW5lOiA0cHggc29saWQgdmFyKC0tY29sb3ItbGluayk7XG4gICAgfVxuICB9XG5cbiAgJi5ub2ZpbGwge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmMzM7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjRkO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjMzO1xuICAgICAgb3V0bGluZTogNHB4IHNvbGlkIHZhcigtLWNvbG9yLWxpbmspO1xuICAgIH1cbiAgfVxuXG4gICYubm9maWxsYmxhY2sge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZTVlNWU1ODA7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogI2NiY2JjYjgwO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2U1ZTVlNTgwO1xuICAgICAgb3V0bGluZTogNHB4IHNvbGlkIHZhcigtLWNvbG9yLWxpbmspO1xuICAgIH1cbiAgfVxuXG4gICYuZ3JleSB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjOTQ5NDk0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmMzM7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogIzVkNWQ1ZGU2O1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjMzO1xuICAgICAgb3V0bGluZTogNHB4IHNvbGlkIHZhcigtLWNvbG9yLWxpbmspO1xuICAgIH1cbiAgfVxuXG4gICYuc2hpbnkge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwYWRkaW5nOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodmFyKC0tYW5nbGUpLCAjZmZmZmZmLCByZ2JhKDE1MywgMTUzLCAxNTMsIDAuMzkpKTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG4gICAgICBhbmltYXRpb246IHJvdGF0ZUdyYWRpZW50IDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgIC13ZWJraXQtbWFzazpcbiAgICAgICAgbGluZWFyLWdyYWRpZW50KCMwMDAgMCAwKSBjb250ZW50LWJveCxcbiAgICAgICAgbGluZWFyLWdyYWRpZW50KCMwMDAgMCAwKTtcbiAgICAgIC13ZWJraXQtbWFzay1jb21wb3NpdGU6IHhvcjtcbiAgICAgIG1hc2stY29tcG9zaXRlOiBleGNsdWRlO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmMzM7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIG91dGxpbmU6IDRweCBzb2xpZCB2YXIoLS1jb2xvci1saW5rKTtcbiAgICB9XG4gIH1cbn1cblxuQHByb3BlcnR5IC0tYW5nbGUge1xuICBzeW50YXg6ICc8YW5nbGU+JztcbiAgaW5pdGlhbC12YWx1ZTogMGRlZztcbiAgaW5oZXJpdHM6IGZhbHNlO1xufVxuXG5Aa2V5ZnJhbWVzIHJvdGF0ZUdyYWRpZW50IHtcbiAgZnJvbSB7XG4gICAgLS1hbmdsZTogMGRlZztcbiAgfVxuICB0byB7XG4gICAgLS1hbmdsZTogMzYwZGVnO1xuICB9XG59XG4iXX0= */","import clsx from 'clsx'\nimport { Anchor } from '@components/primitives/Anchor'\nimport { ConditionalWrapper } from '@components/primitives/ConditionalWrapper'\nimport { Icon } from '@components/Icon/Icon'\n\nimport type { ButtonProps } from './Button.types'\nimport styles from './Button.module.scss'\n\nexport const Button: React.FC<ButtonProps> = ({\n className,\n children,\n variant = 'primary',\n fullWidth,\n href,\n isExternal,\n icon,\n ...rest\n}) => {\n const isLink = !!href\n\n const props = {\n className: clsx(\n styles.button,\n variant ? styles[variant] : null,\n { [styles.fullWidth]: !!fullWidth },\n className\n ),\n ...(isLink ? { href, isExternal } : {}),\n ...rest,\n }\n\n return (\n <ConditionalWrapper wrapper={Anchor} fallback=\"button\" condition={isLink} {...(props as any)}>\n {children}\n {icon && <Icon type={icon} />}\n </ConditionalWrapper>\n )\n}\n",".card {\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: var(--spacing-xl);\n gap: var(--spacing-2xl);\n background: var(--color-gradient-black);\n min-width: 308px;\n}\n.card h3 {\n color: var(--color-white);\n}\n.card p {\n color: #cecece;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuY2FyZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogdmFyKC0tc3BhY2luZy14bCk7XG4gIGdhcDogdmFyKC0tc3BhY2luZy0yeGwpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ncmFkaWVudC1ibGFjayk7XG4gIG1pbi13aWR0aDogMzA4cHg7XG5cbiAgaDMge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIH1cblxuICBwIHtcbiAgICBjb2xvcjogI2NlY2VjZTtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Icon } from '@components/Icon'\nimport { Button } from '@components/Button'\n\nimport type { CardProps } from './Card.types'\nimport styles from './Card.module.scss'\n\nexport const Card = ({ className, title, subtitle, cta, icon }: CardProps) => {\n return (\n <div className={clsx(styles.card, className)}>\n {icon && <Icon type={icon} />}\n <div className={styles.content}>\n <h3 className=\"h4\">{title}</h3>\n {subtitle && <p>{subtitle}</p>}\n </div>\n {cta && (\n <Button\n href={cta.url}\n isExternal={cta.isExternal}\n variant=\"secondary\"\n icon={cta.url ? 'rightBlack' : undefined}\n >\n {cta.label}\n </Button>\n )}\n </div>\n )\n}\n",".image-desktop {\n display: block;\n}\n@media (max-width: 768px) {\n .image-desktop {\n display: none;\n }\n}\n\n.image-mobile {\n display: none;\n}\n@media (max-width: 768px) {\n .image-mobile {\n display: block;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3R1cmUubW9kdWxlLnNjc3MiLCIuLlxcLi5cXHN0eWxlc1xcdXRpbGl0aWVzXFxfbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTs7QUNJRTtFRExKO0lBSUk7Ozs7QUFJSjtFQUNFOztBQ0pFO0VER0o7SUFJSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy91dGlsaXRpZXMvbWl4aW5zJztcblxuLmltYWdlLWRlc2t0b3Age1xuICBkaXNwbGF5OiBibG9jaztcblxuICBAaW5jbHVkZSBtaXhpbnMucmVzcG9uZChtZCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLmltYWdlLW1vYmlsZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgQGluY2x1ZGUgbWl4aW5zLnJlc3BvbmQobWQpIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vdG9rZW5zL2JyZWFrcG9pbnRzJyBhcyAqO1xuXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xuICAkc2l6ZTogbWFwLmdldCgkYnJlYWtwb2ludHMsICRicmVha3BvaW50KTtcblxuICBAaWYgJHNpemUgIT0gbnVsbCBhbmQgJHNpemUgIT0gMCB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRzaXplKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gMCB7XG4gICAgLy8geHMgb3IgZGVmYXVsdFxuICAgIEBjb250ZW50O1xuICB9IEBlbHNlIHtcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGJyZWFrcG9pbnR9YCBub3QgZm91bmQgaW4gJGJyZWFrcG9pbnRzIG1hcC5cIjtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\n\nimport styles from './Picture.module.scss'\nimport type { PictureProps } from './Picture.types'\n\nexport const Picture = ({ className, ...props }: PictureProps) => {\n if ('src' in props) {\n return <img className={className} {...props} />\n }\n\n const { desktop, mobile, ...rest } = props\n\n return (\n <>\n <img\n src={desktop.src}\n alt={desktop.alt}\n className={clsx(className, styles['image-desktop'])}\n {...rest}\n />\n <img\n src={mobile?.src ?? desktop.src}\n alt={mobile?.alt ?? desktop.alt}\n className={clsx(className, styles['image-mobile'])}\n {...rest}\n />\n </>\n )\n}\n",".counting-card {\n display: flex;\n flex-direction: column;\n border-radius: 16px;\n padding: var(--spacing-md) var(--spacing-lg);\n gap: var(--spacing-xl);\n background: var(--color-gradient-black);\n width: 314px;\n color: var(--color-white);\n}\n.counting-card .count::after {\n content: \"+\";\n}\n.counting-card .logo {\n max-height: 67px;\n filter: brightness(0) invert(1);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50aW5nQ2FyZC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuY291bnRpbmctY2FyZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctbWQpIHZhcigtLXNwYWNpbmctbGcpO1xuICBnYXA6IHZhcigtLXNwYWNpbmcteGwpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ncmFkaWVudC1ibGFjayk7XG4gIHdpZHRoOiAzMTRweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcblxuICAuY291bnQ6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnKyc7XG4gIH1cblxuICAubG9nbyB7XG4gICAgbWF4LWhlaWdodDogNjdweDtcbiAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMCkgaW52ZXJ0KDEpO1xuICB9XG59XG4iXX0= */","import clsx from 'clsx'\nimport { Picture } from '@components/Picture'\n\nimport styles from './CountingCard.module.scss'\nimport type { CountingCardProps } from './CountingCard.types'\n\nexport const CountingCard = ({ className, title, count, image }: CountingCardProps) => {\n return (\n <div className={clsx(styles['counting-card'], className)}>\n <div className={styles.content}>\n {title && <div className=\"body\">{title}</div>}\n {count && <div className={clsx(styles.count, 'h1')}>{count}</div>}\n </div>\n {image && <Picture className={styles.logo} {...image} />}\n </div>\n )\n}\n",".info-card {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: var(--spacing-lg);\n gap: var(--spacing-md);\n}\n.info-card .header {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-md);\n color: var(--color-black);\n}\n.info-card .badge {\n border-radius: 50%;\n color: var(--color-white);\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #cecece;\n}\n.info-card.hasIcon .header {\n color: var(--color-lenscrafter-blue);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9DYXJkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLmluZm8tY2FyZCB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLWxnKTtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLW1kKTtcblxuICAuaGVhZGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLW1kKTtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItYmxhY2spO1xuICB9XG5cbiAgLmJhZGdlIHtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjZWNlY2U7XG4gIH1cblxuICAmLmhhc0ljb24gLmhlYWRlciB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWxlbnNjcmFmdGVyLWJsdWUpO1xuICB9XG59XG4iXX0= */","import clsx from 'clsx'\nimport { Icon } from '@components/Icon'\n\nimport type { InfoCardProps } from './InfoCard.types'\nimport styles from './InfoCard.module.scss'\n\nexport const InfoCard = ({ className, title, subtitle, icon, badge }: InfoCardProps) => {\n return (\n <div className={clsx(styles['info-card'], { [styles.hasIcon]: !!icon }, className)}>\n <div className={styles.header}>\n {icon ? (\n <Icon type={icon} />\n ) : badge ? (\n <div className={clsx(styles.badge, 'h4')}>{badge}</div>\n ) : null}\n {title && <div className=\"h4\">{title}</div>}\n </div>\n {subtitle && <div className=\"body\">{subtitle}</div>}\n </div>\n )\n}\n",".pagination {\n display: flex;\n flex-direction: row;\n gap: 11px;\n padding: 5px;\n align-items: center;\n}\n.pagination .next,\n.pagination .prev {\n padding: 0;\n border: none;\n border-radius: 50%;\n overflow: hidden;\n width: 40px;\n height: 40px;\n cursor: pointer;\n background: none;\n}\n.pagination .next path,\n.pagination .prev path {\n fill: var(--color-black);\n}\n.pagination .pages {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n width: max-content;\n}\n.pagination .page {\n padding: 0;\n margin: 0;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: none;\n border: 1px solid var(--color-light-gray);\n transition: width 0.3s;\n cursor: pointer;\n}\n.pagination .page.active {\n width: 40px;\n border: none;\n border-radius: 16px;\n background-color: var(--color-black);\n}\n.pagination .page.number.active {\n width: 28px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFFRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5wYWdpbmF0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZ2FwOiAxMXB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgLm5leHQsXG4gIC5wcmV2IHtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG5cbiAgICBwYXRoIHtcbiAgICAgIGZpbGw6IHZhcigtLWNvbG9yLWJsYWNrKTtcbiAgICB9XG4gIH1cblxuICAucGFnZXMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogNHB4O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcbiAgfVxuXG4gIC5wYWdlIHtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3ItbGlnaHQtZ3JheSk7XG4gICAgdHJhbnNpdGlvbjogd2lkdGggMC4zcztcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmLmFjdGl2ZSB7XG4gICAgICB3aWR0aDogNDBweDtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gICAgfVxuXG4gICAgJi5udW1iZXIuYWN0aXZlIHtcbiAgICAgIHdpZHRoOiAyOHB4O1xuICAgIH1cbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Icon } from '@components/Icon'\nimport { useState } from 'react'\n\nimport type { PaginationProps } from './Pagination.types'\nimport styles from './Pagination.module.scss'\n\nexport const Pagination = ({\n className,\n totalPages,\n currentPage = 1,\n loop = true,\n hasNumber = false,\n disableArrows = false,\n onPageChange,\n}: PaginationProps) => {\n const [activePage, setActivePage] = useState(currentPage)\n\n const goToPage = (page: number) => {\n if (page < 1 || page > totalPages) return\n\n setActivePage(page)\n onPageChange?.(page)\n }\n\n const handlePrev = () => {\n if (activePage === 1) {\n if (loop) {\n setActivePage(totalPages)\n onPageChange?.(totalPages)\n }\n return\n }\n\n const page = activePage - 1\n setActivePage(page)\n onPageChange?.(page)\n }\n\n const handleNext = () => {\n if (activePage === totalPages) {\n if (loop) {\n setActivePage(1)\n onPageChange?.(1)\n }\n return\n }\n\n const page = activePage + 1\n setActivePage(page)\n onPageChange?.(page)\n }\n\n return (\n <div className={clsx(styles.pagination, className)}>\n {!disableArrows && (\n <button\n className={styles.prev}\n onClick={handlePrev}\n disabled={!loop && activePage === 1}\n aria-label=\"Go to previous page\"\n >\n <Icon type=\"filledChevronLeft\" />\n </button>\n )}\n\n <div className={styles.pages}>\n {Array.from({ length: totalPages }, (_, i) => {\n const page = i + 1\n\n return (\n <button\n key={page}\n onClick={() => goToPage(page)}\n className={clsx(styles.page, {\n [styles.active]: activePage === page,\n [styles.number]: hasNumber,\n })}\n aria-label={`Go to page ${page}`}\n >\n {hasNumber ? page : null}\n </button>\n )\n })}\n </div>\n\n {!disableArrows && (\n <button\n className={styles.next}\n onClick={handleNext}\n disabled={!loop && activePage === totalPages}\n aria-label=\"Go to next page\"\n >\n <Icon type=\"filledChevronRight\" />\n </button>\n )}\n </div>\n )\n}\n",".container {\n width: 100%;\n max-width: 1440px;\n overflow: visible;\n margin: 0 auto;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDE0NDBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuIl19 */","import clsx from 'clsx'\n\nimport styles from './Container.module.scss'\nimport type { ContainerProps } from './Container.types'\n\nexport const Container = ({ children, className, ...props }: ContainerProps) => {\n return (\n <div className={clsx(styles.container, className)} {...props}>\n {children}\n </div>\n )\n}\n",".card-collection {\n display: block;\n width: 100%;\n padding: var(--spacing-3xl) var(--spacing-7xl);\n}\n.card-collection h2 {\n color: var(--color-black);\n margin-bottom: var(--spacing-sm);\n}\n.card-collection .content {\n margin-bottom: var(--spacing-xl);\n}\n.card-collection .wrapper {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-md);\n}\n.card-collection.threeCols .wrapper {\n grid-template-columns: repeat(3, 1fr);\n}\n.card-collection.examCard .wrapper {\n grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));\n}\n@media (max-width: 768px) {\n .card-collection {\n padding: var(--spacing-lg);\n }\n .card-collection .wrapper {\n grid-template-columns: 1fr;\n }\n .card-collection.threeCols .wrapper {\n grid-template-columns: 1fr;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb2xsZWN0aW9uLm1vZHVsZS5zY3NzIiwiLi5cXC4uXFxzdHlsZXNcXHV0aWxpdGllc1xcX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUNwQkE7RURMSjtJQTZCSTs7RUFFQTtJQUNFOztFQUdGO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdXRpbGl0aWVzL21peGlucyc7XG5cbi5jYXJkLWNvbGxlY3Rpb24ge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctM3hsKSB2YXIoLS1zcGFjaW5nLTd4bCk7XG5cbiAgaDIge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2luZy1zbSk7XG4gIH1cblxuICAuY29udGVudCB7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2luZy14bCk7XG4gIH1cblxuICAud3JhcHBlciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy1tZCk7XG4gIH1cblxuICAmLnRocmVlQ29scyAud3JhcHBlciB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgfVxuXG4gICYuZXhhbUNhcmQgLndyYXBwZXIge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoMzE0cHgsIDFmcikpO1xuICB9XG5cbiAgQGluY2x1ZGUgbWl4aW5zLnJlc3BvbmQobWQpIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLWxnKTtcblxuICAgIC53cmFwcGVyIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cblxuICAgICYudGhyZWVDb2xzIC53cmFwcGVyIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cbiAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vdG9rZW5zL2JyZWFrcG9pbnRzJyBhcyAqO1xuXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xuICAkc2l6ZTogbWFwLmdldCgkYnJlYWtwb2ludHMsICRicmVha3BvaW50KTtcblxuICBAaWYgJHNpemUgIT0gbnVsbCBhbmQgJHNpemUgIT0gMCB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRzaXplKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gMCB7XG4gICAgLy8geHMgb3IgZGVmYXVsdFxuICAgIEBjb250ZW50O1xuICB9IEBlbHNlIHtcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGJyZWFrcG9pbnR9YCBub3QgZm91bmQgaW4gJGJyZWFrcG9pbnRzIG1hcC5cIjtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Card } from '@components/Card'\nimport { Container } from '@components/primitives/Container'\n\nimport styles from './CardCollection.module.scss'\nimport type { CardCollectionProps } from './CardCollection.types'\n\nexport const CardCollection = ({\n className,\n variant = 'default',\n title,\n subtitle,\n cards,\n}: CardCollectionProps) => {\n return (\n <Container className={clsx(styles['card-collection'], styles[variant], className)}>\n <div className={styles.content}>\n {title && <h2>{title}</h2>}\n {subtitle && <div className=\"subheading\">{subtitle}</div>}\n </div>\n <div className={styles.wrapper}>\n {cards?.map((card, key) => (\n <Card key={key} className={styles.card} {...card} />\n ))}\n </div>\n </Container>\n )\n}\n",".miniSectionCta {\n width: 100%;\n}\n.miniSectionCta .container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: var(--spacing-md);\n padding: var(--spacing-3xl) var(--spacing-7xl);\n}\n.miniSectionCta .col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.miniSectionCta h2 {\n color: var(--color-black);\n}\n.miniSectionCta.BgColorBlack {\n background: var(--color-black);\n color: var(--color-white);\n}\n.miniSectionCta.BgColorBlack h2 {\n color: var(--color-white);\n}\n.miniSectionCta.BgColorBlack :global(.subheading) {\n color: #cecece;\n}\n.miniSectionCta.infoCallout .col {\n flex-direction: row;\n gap: 112px;\n align-items: center;\n}\n.miniSectionCta.infoCallout h2 {\n min-width: fit-content;\n}\n.miniSectionCta.miniTextCenterCta .container {\n flex-direction: column;\n align-items: center;\n}\n@media (max-width: 768px) {\n .miniSectionCta .container {\n flex-direction: column;\n padding: var(--spacing-lg) var(--spacing-md);\n }\n .miniSectionCta .cta {\n width: 100%;\n }\n .miniSectionCta.BgColorBlack {\n text-align: center;\n }\n .miniSectionCta.BgColorGrey {\n text-align: center;\n }\n .miniSectionCta.infoCallout .col {\n flex-direction: column;\n gap: var(--spacing-md);\n align-items: flex-start;\n }\n .miniSectionCta.infoCallout .subtitle {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-tight-1);\n }\n .miniSectionCta.miniTextCenterCta .col {\n width: 100%;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pbmlTZWN0aW9uQ3RhLm1vZHVsZS5zY3NzIiwiLi5cXC4uXFxzdHlsZXNcXHV0aWxpdGllc1xcX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFLRjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUlKO0VBQ0U7RUFDQTs7QUMzQ0E7RUQrQ0E7SUFDRTtJQUNBOztFQUdGO0lBQ0U7O0VBR0Y7SUFDRTs7RUFHRjtJQUNFOztFQUlBO0lBQ0U7SUFDQTtJQUNBOztFQUdGO0lBQ0U7SUFDQTtJQUNBOztFQUlKO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdXRpbGl0aWVzL21peGlucyc7XG5cbi5taW5pU2VjdGlvbkN0YSB7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLW1kKTtcbiAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTN4bCkgdmFyKC0tc3BhY2luZy03eGwpO1xuICB9XG5cbiAgLmNvbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG5cbiAgaDIge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gIH1cblxuICAmLkJnQ29sb3JCbGFjayB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYmxhY2spO1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG5cbiAgICBoMiB7XG4gICAgICBjb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICAgIH1cblxuICAgIDpnbG9iYWwoLnN1YmhlYWRpbmcpIHtcbiAgICAgIGNvbG9yOiAjY2VjZWNlO1xuICAgIH1cbiAgfVxuXG4gICYuaW5mb0NhbGxvdXQge1xuICAgIC5jb2wge1xuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgIGdhcDogMTEycHg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgIGgyIHtcbiAgICAgIG1pbi13aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgfVxuICB9XG5cbiAgJi5taW5pVGV4dENlbnRlckN0YSAuY29udGFpbmVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICBAaW5jbHVkZSBtaXhpbnMucmVzcG9uZChtZCkge1xuICAgIC5jb250YWluZXIge1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctbGcpIHZhcigtLXNwYWNpbmctbWQpO1xuICAgIH1cblxuICAgIC5jdGEge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5CZ0NvbG9yQmxhY2sge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgICYuQmdDb2xvckdyZXkge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgICYuaW5mb0NhbGxvdXQge1xuICAgICAgLmNvbCB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogdmFyKC0tc3BhY2luZy1tZCk7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuXG4gICAgICAuc3VidGl0bGUge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1sZyk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1yZWd1bGFyKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXRpZ2h0LTEpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYubWluaVRleHRDZW50ZXJDdGEgLmNvbCB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uL3Rva2Vucy9icmVha3BvaW50cycgYXMgKjtcblxuQG1peGluIHJlc3BvbmQoJGJyZWFrcG9pbnQpIHtcbiAgJHNpemU6IG1hcC5nZXQoJGJyZWFrcG9pbnRzLCAkYnJlYWtwb2ludCk7XG5cbiAgQGlmICRzaXplICE9IG51bGwgYW5kICRzaXplICE9IDAge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAkc2l6ZSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IDAge1xuICAgIC8vIHhzIG9yIGRlZmF1bHRcbiAgICBAY29udGVudDtcbiAgfSBAZWxzZSB7XG4gICAgQHdhcm4gXCJCcmVha3BvaW50IGAjeyRicmVha3BvaW50fWAgbm90IGZvdW5kIGluICRicmVha3BvaW50cyBtYXAuXCI7XG4gIH1cbn1cbiJdfQ== */","import clsx from 'clsx'\nimport { Button } from '@components/Button'\nimport { Container } from '@components/primitives/Container'\n\nimport styles from './MiniSectionCta.module.scss'\nimport type { MiniSectionCtaProps } from './MiniSectionCta.types'\n\nexport const MiniSectionCta = ({\n className,\n variant = 'headerCTA',\n title,\n subtitle,\n cta,\n}: MiniSectionCtaProps) => {\n return (\n <div className={clsx(styles.miniSectionCta, styles[variant], className)}>\n <Container className={styles.container}>\n <div className={styles.col}>\n {title && (\n <h2 className={variant === 'BgColorBlack' || variant === 'BgColorGrey' ? 'h3' : 'h2'}>\n {title}\n </h2>\n )}\n {subtitle && (\n <div className={clsx(styles.subtitle, variant === 'infoCallout' ? 'h4' : 'subheading')}>\n {subtitle}\n </div>\n )}\n </div>\n {cta && (\n <div className={styles.col}>\n <Button\n className={styles.cta}\n href={cta.url}\n isExternal={cta.isExternal}\n variant=\"primary\"\n icon={variant === 'miniTextCenterCta' ? 'tiltedRightWhite' : undefined}\n >\n {cta.label}\n </Button>\n </div>\n )}\n </Container>\n </div>\n )\n}\n",".teaser5050-3text {\n width: 100%;\n}\n.teaser5050-3text .container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xl);\n}\n.teaser5050-3text .content {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xl);\n}\n.teaser5050-3text.right .content {\n flex-direction: row-reverse;\n}\n.teaser5050-3text .title {\n color: var(--color-black);\n}\n.teaser5050-3text .image {\n width: 50%;\n border-radius: 16px;\n}\n@media (max-width: 768px) {\n .teaser5050-3text .container {\n padding: var(--spacing-lg) var(--spacing-md);\n gap: 0;\n }\n .teaser5050-3text.right .container {\n gap: var(--spacing-xl);\n }\n .teaser5050-3text .content {\n flex-direction: column;\n }\n .teaser5050-3text.right .content {\n flex-direction: column-reverse;\n gap: var(--spacing-xl);\n }\n .teaser5050-3text .image {\n width: 100%;\n padding: 0;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlYXNlcjUwNTBXaXRoM1RleHQubW9kdWxlLnNjc3MiLCIuLlxcLi5cXHN0eWxlc1xcdXRpbGl0aWVzXFxfbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7RUFDQTs7QUNyQkE7RUR5QkE7SUFDRTtJQUNBOztFQUdGO0lBQ0U7O0VBR0Y7SUFDRTs7RUFHRjtJQUNFO0lBQ0E7O0VBR0Y7SUFDRTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL3V0aWxpdGllcy9taXhpbnMnO1xuXG4udGVhc2VyNTA1MC0zdGV4dCB7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmcteGwpO1xuICB9XG5cbiAgLmNvbnRlbnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy14bCk7XG4gIH1cblxuICAmLnJpZ2h0IC5jb250ZW50IHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gIH1cblxuICAudGl0bGUge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gIH1cbiAgLmltYWdlIHtcbiAgICB3aWR0aDogNTAlO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIH1cblxuICBAaW5jbHVkZSBtaXhpbnMucmVzcG9uZChtZCkge1xuICAgIC5jb250YWluZXIge1xuICAgICAgcGFkZGluZzogdmFyKC0tc3BhY2luZy1sZykgdmFyKC0tc3BhY2luZy1tZCk7XG4gICAgICBnYXA6IDA7XG4gICAgfVxuXG4gICAgJi5yaWdodCAuY29udGFpbmVyIHtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgfVxuXG4gICAgLmNvbnRlbnQge1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB9XG5cbiAgICAmLnJpZ2h0IC5jb250ZW50IHtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgfVxuXG4gICAgLmltYWdlIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uL3Rva2Vucy9icmVha3BvaW50cycgYXMgKjtcblxuQG1peGluIHJlc3BvbmQoJGJyZWFrcG9pbnQpIHtcbiAgJHNpemU6IG1hcC5nZXQoJGJyZWFrcG9pbnRzLCAkYnJlYWtwb2ludCk7XG5cbiAgQGlmICRzaXplICE9IG51bGwgYW5kICRzaXplICE9IDAge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAkc2l6ZSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IDAge1xuICAgIC8vIHhzIG9yIGRlZmF1bHRcbiAgICBAY29udGVudDtcbiAgfSBAZWxzZSB7XG4gICAgQHdhcm4gXCJCcmVha3BvaW50IGAjeyRicmVha3BvaW50fWAgbm90IGZvdW5kIGluICRicmVha3BvaW50cyBtYXAuXCI7XG4gIH1cbn1cbiJdfQ== */","import clsx from 'clsx'\nimport { Container } from '@components/primitives'\nimport { Picture } from '@components/Picture'\nimport { InfoCard } from '@components/InfoCard'\n\nimport styles from './Teaser5050With3Text.module.scss'\nimport type { Teaser5050With3TextProps } from './Teaser5050With3Text.types'\n\nexport const Teaser5050With3Text = ({\n className,\n variant = 'left',\n title,\n cards,\n image,\n}: Teaser5050With3TextProps) => {\n return (\n <div className={clsx(styles['teaser5050-3text'], styles[variant], className)}>\n <Container className={styles.container}>\n {title && <div className={clsx(styles.title, 'h3')}>{title}</div>}\n <div className={styles.content}>\n <div className={styles.cards}>\n {cards?.map((card, key) => (\n <InfoCard key={key} {...card} />\n ))}\n </div>\n {image && <Picture className={styles.image} {...image} />}\n </div>\n </Container>\n </div>\n )\n}\n",".teaser5050 {\n width: 100%;\n}\n.teaser5050 .container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n.teaser5050.right .container {\n flex-direction: row-reverse;\n}\n.teaser5050 .wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n padding: 0 var(--spacing-5xl);\n width: 50%;\n}\n.teaser5050 .title {\n color: var(--color-black);\n}\n.teaser5050 .image {\n width: 50%;\n border-radius: 16px;\n}\n@media (max-width: 768px) {\n .teaser5050 .container {\n flex-direction: column-reverse;\n gap: var(--spacing-xl);\n }\n .teaser5050.right .container {\n flex-direction: column-reverse;\n }\n .teaser5050 .wrapper,\n .teaser5050 .image {\n width: 100%;\n padding: 0;\n }\n .teaser5050 .cta {\n width: 100%;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlYXNlcjUwNTBXaXRoQ3RhLm1vZHVsZS5zY3NzIiwiLi5cXC4uXFxzdHlsZXNcXHV0aWxpdGllc1xcX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUN2QkE7RUQyQkE7SUFDRTtJQUNBOztFQUdGO0lBQ0U7O0VBR0Y7QUFBQTtJQUVFO0lBQ0E7O0VBR0Y7SUFDRSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy91dGlsaXRpZXMvbWl4aW5zJztcblxuLnRlYXNlcjUwNTAge1xuICB3aWR0aDogMTAwJTtcblxuICAuY29udGFpbmVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gICYucmlnaHQgLmNvbnRhaW5lciB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICB9XG5cbiAgLndyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctbWQpO1xuICAgIHBhZGRpbmc6IDAgdmFyKC0tc3BhY2luZy01eGwpO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cblxuICAudGl0bGUge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gIH1cblxuICAuaW1hZ2Uge1xuICAgIHdpZHRoOiA1MCU7XG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgfVxuXG4gIEBpbmNsdWRlIG1peGlucy5yZXNwb25kKG1kKSB7XG4gICAgLmNvbnRhaW5lciB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmcteGwpO1xuICAgIH1cblxuICAgICYucmlnaHQgLmNvbnRhaW5lciB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gICAgfVxuXG4gICAgLndyYXBwZXIsXG4gICAgLmltYWdlIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5cbiAgICAuY3RhIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vdG9rZW5zL2JyZWFrcG9pbnRzJyBhcyAqO1xuXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xuICAkc2l6ZTogbWFwLmdldCgkYnJlYWtwb2ludHMsICRicmVha3BvaW50KTtcblxuICBAaWYgJHNpemUgIT0gbnVsbCBhbmQgJHNpemUgIT0gMCB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRzaXplKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gMCB7XG4gICAgLy8geHMgb3IgZGVmYXVsdFxuICAgIEBjb250ZW50O1xuICB9IEBlbHNlIHtcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGJyZWFrcG9pbnR9YCBub3QgZm91bmQgaW4gJGJyZWFrcG9pbnRzIG1hcC5cIjtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Container } from '@components/primitives'\nimport { Picture } from '@components/Picture'\nimport { Button } from '@components/Button'\n\nimport styles from './Teaser5050WithCta.module.scss'\nimport type { Teaser5050WithCtaProps } from './Teaser5050WithCta.types'\n\nexport const Teaser5050WithCta = ({\n className,\n variant = 'left',\n title,\n subtitle,\n cta,\n image,\n}: Teaser5050WithCtaProps) => {\n return (\n <div className={clsx(styles.teaser5050, styles[variant], className)}>\n <Container className={styles.container}>\n <div className={styles.wrapper}>\n <div className={styles.content}>\n {title && <div className={clsx(styles.title, 'h3')}>{title}</div>}\n {subtitle && <div className=\"subheading\">{subtitle}</div>}\n </div>\n {cta && (\n <Button\n className={styles.cta}\n variant=\"secondary\"\n href={cta?.url}\n isExternal={cta?.isExternal}\n >\n {cta?.label}\n </Button>\n )}\n </div>\n {image && <Picture className={styles.image} {...image} />}\n </Container>\n </div>\n )\n}\n"]}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,521 @@
|
|
|
1
|
+
/* src/components/Button/Button.module.scss */
|
|
2
|
+
.button {
|
|
3
|
+
width: fit-content;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
gap: var(--spacing-sm);
|
|
10
|
+
padding: var(--spacing-md);
|
|
11
|
+
text-align: center;
|
|
12
|
+
white-space: nowrap;
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
color: var(--color-white);
|
|
15
|
+
border-radius: 8px;
|
|
16
|
+
border: 1px solid var(--color-white);
|
|
17
|
+
background: rgba(255, 255, 255, 0);
|
|
18
|
+
font-family: var(--font-family-primary);
|
|
19
|
+
font-size: var(--font-size-md);
|
|
20
|
+
font-weight: var(--font-weight-regular);
|
|
21
|
+
line-height: var(--line-height-normal);
|
|
22
|
+
letter-spacing: -0.5%;
|
|
23
|
+
position: relative;
|
|
24
|
+
}
|
|
25
|
+
.button:hover {
|
|
26
|
+
text-decoration: none;
|
|
27
|
+
background: rgba(255, 255, 255, 0.2);
|
|
28
|
+
}
|
|
29
|
+
.button:active {
|
|
30
|
+
background: rgba(255, 255, 255, 0.3019607843);
|
|
31
|
+
}
|
|
32
|
+
.button.fullWidth {
|
|
33
|
+
width: 100%;
|
|
34
|
+
}
|
|
35
|
+
.button.primary {
|
|
36
|
+
color: var(--color-white);
|
|
37
|
+
background:
|
|
38
|
+
radial-gradient(
|
|
39
|
+
95.69% 410.59% at 2.16% 96.43%,
|
|
40
|
+
#000000 0%,
|
|
41
|
+
#1b1b1b 100%);
|
|
42
|
+
border: 1px solid #000000;
|
|
43
|
+
}
|
|
44
|
+
.button.primary:hover {
|
|
45
|
+
background:
|
|
46
|
+
linear-gradient(
|
|
47
|
+
0deg,
|
|
48
|
+
rgba(44, 44, 44, 0.8),
|
|
49
|
+
rgba(44, 44, 44, 0.8)),
|
|
50
|
+
radial-gradient(
|
|
51
|
+
108.19% 464.22% at 2.16% 96.43%,
|
|
52
|
+
#000000 0%,
|
|
53
|
+
#1b1b1b 100%);
|
|
54
|
+
}
|
|
55
|
+
.button.primary:active {
|
|
56
|
+
background: #0e0e0e;
|
|
57
|
+
}
|
|
58
|
+
.button.primary:focus {
|
|
59
|
+
background:
|
|
60
|
+
linear-gradient(
|
|
61
|
+
0deg,
|
|
62
|
+
rgba(44, 44, 44, 0.8),
|
|
63
|
+
rgba(44, 44, 44, 0.8)),
|
|
64
|
+
radial-gradient(
|
|
65
|
+
108.19% 464.22% at 2.16% 96.43%,
|
|
66
|
+
#000000 0%,
|
|
67
|
+
#1b1b1b 100%);
|
|
68
|
+
outline: 4px solid var(--color-link);
|
|
69
|
+
}
|
|
70
|
+
.button.secondary {
|
|
71
|
+
color: var(--color-black);
|
|
72
|
+
background: var(--color-white);
|
|
73
|
+
border: 1px solid #c2c2c2;
|
|
74
|
+
}
|
|
75
|
+
.button.secondary:hover {
|
|
76
|
+
background: #eeeeee;
|
|
77
|
+
}
|
|
78
|
+
.button.secondary:active {
|
|
79
|
+
background: #e3e3e3;
|
|
80
|
+
}
|
|
81
|
+
.button.secondary:focus {
|
|
82
|
+
background: #eeeeee;
|
|
83
|
+
outline: 4px solid var(--color-link);
|
|
84
|
+
}
|
|
85
|
+
.button.ghost {
|
|
86
|
+
color: var(--color-black);
|
|
87
|
+
background: var(--color-white);
|
|
88
|
+
border: none;
|
|
89
|
+
}
|
|
90
|
+
.button.ghost:hover {
|
|
91
|
+
background: #eeeeee;
|
|
92
|
+
}
|
|
93
|
+
.button.ghost:active {
|
|
94
|
+
background: #c3c3c3;
|
|
95
|
+
}
|
|
96
|
+
.button.ghost:focus {
|
|
97
|
+
background: #eeeeee;
|
|
98
|
+
outline: 4px solid var(--color-link);
|
|
99
|
+
}
|
|
100
|
+
.button.nofill {
|
|
101
|
+
color: var(--color-white);
|
|
102
|
+
background: transparent;
|
|
103
|
+
border: none;
|
|
104
|
+
}
|
|
105
|
+
.button.nofill:hover {
|
|
106
|
+
background: rgba(255, 255, 255, 0.2);
|
|
107
|
+
}
|
|
108
|
+
.button.nofill:active {
|
|
109
|
+
background: rgba(255, 255, 255, 0.3019607843);
|
|
110
|
+
}
|
|
111
|
+
.button.nofill:focus {
|
|
112
|
+
background: rgba(255, 255, 255, 0.2);
|
|
113
|
+
outline: 4px solid var(--color-link);
|
|
114
|
+
}
|
|
115
|
+
.button.nofillblack {
|
|
116
|
+
color: var(--color-black);
|
|
117
|
+
background: transparent;
|
|
118
|
+
border: none;
|
|
119
|
+
}
|
|
120
|
+
.button.nofillblack:hover {
|
|
121
|
+
background: rgba(229, 229, 229, 0.5019607843);
|
|
122
|
+
}
|
|
123
|
+
.button.nofillblack:active {
|
|
124
|
+
background: rgba(203, 203, 203, 0.5019607843);
|
|
125
|
+
}
|
|
126
|
+
.button.nofillblack:focus {
|
|
127
|
+
background: rgba(229, 229, 229, 0.5019607843);
|
|
128
|
+
outline: 4px solid var(--color-link);
|
|
129
|
+
}
|
|
130
|
+
.button.grey {
|
|
131
|
+
color: var(--color-white);
|
|
132
|
+
background: transparent;
|
|
133
|
+
border: 1px solid #949494;
|
|
134
|
+
}
|
|
135
|
+
.button.grey:hover {
|
|
136
|
+
background: rgba(255, 255, 255, 0.2);
|
|
137
|
+
}
|
|
138
|
+
.button.grey:active {
|
|
139
|
+
background: rgba(93, 93, 93, 0.9019607843);
|
|
140
|
+
}
|
|
141
|
+
.button.grey:focus {
|
|
142
|
+
background: rgba(255, 255, 255, 0.2);
|
|
143
|
+
outline: 4px solid var(--color-link);
|
|
144
|
+
}
|
|
145
|
+
.button.shiny {
|
|
146
|
+
color: var(--color-white);
|
|
147
|
+
background: transparent;
|
|
148
|
+
border: none;
|
|
149
|
+
}
|
|
150
|
+
.button.shiny::before {
|
|
151
|
+
content: "";
|
|
152
|
+
position: absolute;
|
|
153
|
+
inset: 0;
|
|
154
|
+
padding: 2px;
|
|
155
|
+
background:
|
|
156
|
+
linear-gradient(
|
|
157
|
+
var(--angle),
|
|
158
|
+
#ffffff,
|
|
159
|
+
rgba(153, 153, 153, 0.39));
|
|
160
|
+
border-radius: inherit;
|
|
161
|
+
animation: rotateGradient 2s linear infinite;
|
|
162
|
+
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
|
|
163
|
+
-webkit-mask-composite: xor;
|
|
164
|
+
mask-composite: exclude;
|
|
165
|
+
pointer-events: none;
|
|
166
|
+
}
|
|
167
|
+
.button.shiny:hover {
|
|
168
|
+
background: rgba(255, 255, 255, 0.2);
|
|
169
|
+
}
|
|
170
|
+
.button.shiny:focus {
|
|
171
|
+
background: transparent;
|
|
172
|
+
outline: 4px solid var(--color-link);
|
|
173
|
+
}
|
|
174
|
+
@property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
|
|
175
|
+
@keyframes rotateGradient {
|
|
176
|
+
from {
|
|
177
|
+
--angle: 0deg;
|
|
178
|
+
}
|
|
179
|
+
to {
|
|
180
|
+
--angle: 360deg;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
/* src/components/Card/Card.module.scss */
|
|
185
|
+
.card {
|
|
186
|
+
display: flex;
|
|
187
|
+
flex-direction: column;
|
|
188
|
+
border-radius: 8px;
|
|
189
|
+
padding: var(--spacing-xl);
|
|
190
|
+
gap: var(--spacing-2xl);
|
|
191
|
+
background: var(--color-gradient-black);
|
|
192
|
+
min-width: 308px;
|
|
193
|
+
}
|
|
194
|
+
.card h3 {
|
|
195
|
+
color: var(--color-white);
|
|
196
|
+
}
|
|
197
|
+
.card p {
|
|
198
|
+
color: #cecece;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
/* src/components/Picture/Picture.module.scss */
|
|
202
|
+
.image-desktop {
|
|
203
|
+
display: block;
|
|
204
|
+
}
|
|
205
|
+
@media (max-width: 768px) {
|
|
206
|
+
.image-desktop {
|
|
207
|
+
display: none;
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
.image-mobile {
|
|
211
|
+
display: none;
|
|
212
|
+
}
|
|
213
|
+
@media (max-width: 768px) {
|
|
214
|
+
.image-mobile {
|
|
215
|
+
display: block;
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
/* src/components/CountingCard/CountingCard.module.scss */
|
|
220
|
+
.counting-card {
|
|
221
|
+
display: flex;
|
|
222
|
+
flex-direction: column;
|
|
223
|
+
border-radius: 16px;
|
|
224
|
+
padding: var(--spacing-md) var(--spacing-lg);
|
|
225
|
+
gap: var(--spacing-xl);
|
|
226
|
+
background: var(--color-gradient-black);
|
|
227
|
+
width: 314px;
|
|
228
|
+
color: var(--color-white);
|
|
229
|
+
}
|
|
230
|
+
.counting-card .count::after {
|
|
231
|
+
content: "+";
|
|
232
|
+
}
|
|
233
|
+
.counting-card .logo {
|
|
234
|
+
max-height: 67px;
|
|
235
|
+
filter: brightness(0) invert(1);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* src/components/InfoCard/InfoCard.module.scss */
|
|
239
|
+
.info-card {
|
|
240
|
+
width: 100%;
|
|
241
|
+
display: flex;
|
|
242
|
+
flex-direction: column;
|
|
243
|
+
padding: var(--spacing-lg);
|
|
244
|
+
gap: var(--spacing-md);
|
|
245
|
+
}
|
|
246
|
+
.info-card .header {
|
|
247
|
+
display: flex;
|
|
248
|
+
flex-direction: row;
|
|
249
|
+
gap: var(--spacing-md);
|
|
250
|
+
color: var(--color-black);
|
|
251
|
+
}
|
|
252
|
+
.info-card .badge {
|
|
253
|
+
border-radius: 50%;
|
|
254
|
+
color: var(--color-white);
|
|
255
|
+
width: 40px;
|
|
256
|
+
height: 40px;
|
|
257
|
+
display: flex;
|
|
258
|
+
align-items: center;
|
|
259
|
+
justify-content: center;
|
|
260
|
+
background-color: #cecece;
|
|
261
|
+
}
|
|
262
|
+
.info-card.hasIcon .header {
|
|
263
|
+
color: var(--color-lenscrafter-blue);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
/* src/components/Pagination/Pagination.module.scss */
|
|
267
|
+
.pagination {
|
|
268
|
+
display: flex;
|
|
269
|
+
flex-direction: row;
|
|
270
|
+
gap: 11px;
|
|
271
|
+
padding: 5px;
|
|
272
|
+
align-items: center;
|
|
273
|
+
}
|
|
274
|
+
.pagination .next,
|
|
275
|
+
.pagination .prev {
|
|
276
|
+
padding: 0;
|
|
277
|
+
border: none;
|
|
278
|
+
border-radius: 50%;
|
|
279
|
+
overflow: hidden;
|
|
280
|
+
width: 40px;
|
|
281
|
+
height: 40px;
|
|
282
|
+
cursor: pointer;
|
|
283
|
+
background: none;
|
|
284
|
+
}
|
|
285
|
+
.pagination .next path,
|
|
286
|
+
.pagination .prev path {
|
|
287
|
+
fill: var(--color-black);
|
|
288
|
+
}
|
|
289
|
+
.pagination .pages {
|
|
290
|
+
display: flex;
|
|
291
|
+
justify-content: space-between;
|
|
292
|
+
gap: 4px;
|
|
293
|
+
width: max-content;
|
|
294
|
+
}
|
|
295
|
+
.pagination .page {
|
|
296
|
+
padding: 0;
|
|
297
|
+
margin: 0;
|
|
298
|
+
width: 20px;
|
|
299
|
+
height: 20px;
|
|
300
|
+
border-radius: 50%;
|
|
301
|
+
background: none;
|
|
302
|
+
border: 1px solid var(--color-light-gray);
|
|
303
|
+
transition: width 0.3s;
|
|
304
|
+
cursor: pointer;
|
|
305
|
+
}
|
|
306
|
+
.pagination .page.active {
|
|
307
|
+
width: 40px;
|
|
308
|
+
border: none;
|
|
309
|
+
border-radius: 16px;
|
|
310
|
+
background-color: var(--color-black);
|
|
311
|
+
}
|
|
312
|
+
.pagination .page.number.active {
|
|
313
|
+
width: 28px;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
/* src/components/primitives/Container/Container.module.scss */
|
|
317
|
+
.container {
|
|
318
|
+
width: 100%;
|
|
319
|
+
max-width: 1440px;
|
|
320
|
+
overflow: visible;
|
|
321
|
+
margin: 0 auto;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
/* src/widgets/CardCollection/CardCollection.module.scss */
|
|
325
|
+
.card-collection {
|
|
326
|
+
display: block;
|
|
327
|
+
width: 100%;
|
|
328
|
+
padding: var(--spacing-3xl) var(--spacing-7xl);
|
|
329
|
+
}
|
|
330
|
+
.card-collection h2 {
|
|
331
|
+
color: var(--color-black);
|
|
332
|
+
margin-bottom: var(--spacing-sm);
|
|
333
|
+
}
|
|
334
|
+
.card-collection .content {
|
|
335
|
+
margin-bottom: var(--spacing-xl);
|
|
336
|
+
}
|
|
337
|
+
.card-collection .wrapper {
|
|
338
|
+
display: grid;
|
|
339
|
+
grid-template-columns: repeat(2, 1fr);
|
|
340
|
+
gap: var(--spacing-md);
|
|
341
|
+
}
|
|
342
|
+
.card-collection.threeCols .wrapper {
|
|
343
|
+
grid-template-columns: repeat(3, 1fr);
|
|
344
|
+
}
|
|
345
|
+
.card-collection.examCard .wrapper {
|
|
346
|
+
grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));
|
|
347
|
+
}
|
|
348
|
+
@media (max-width: 768px) {
|
|
349
|
+
.card-collection {
|
|
350
|
+
padding: var(--spacing-lg);
|
|
351
|
+
}
|
|
352
|
+
.card-collection .wrapper {
|
|
353
|
+
grid-template-columns: 1fr;
|
|
354
|
+
}
|
|
355
|
+
.card-collection.threeCols .wrapper {
|
|
356
|
+
grid-template-columns: 1fr;
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
/* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
|
|
361
|
+
.miniSectionCta {
|
|
362
|
+
width: 100%;
|
|
363
|
+
}
|
|
364
|
+
.miniSectionCta .container {
|
|
365
|
+
display: flex;
|
|
366
|
+
flex-direction: row;
|
|
367
|
+
justify-content: space-between;
|
|
368
|
+
gap: var(--spacing-md);
|
|
369
|
+
padding: var(--spacing-3xl) var(--spacing-7xl);
|
|
370
|
+
}
|
|
371
|
+
.miniSectionCta .col {
|
|
372
|
+
display: flex;
|
|
373
|
+
flex-direction: column;
|
|
374
|
+
justify-content: center;
|
|
375
|
+
}
|
|
376
|
+
.miniSectionCta h2 {
|
|
377
|
+
color: var(--color-black);
|
|
378
|
+
}
|
|
379
|
+
.miniSectionCta.BgColorBlack {
|
|
380
|
+
background: var(--color-black);
|
|
381
|
+
color: var(--color-white);
|
|
382
|
+
}
|
|
383
|
+
.miniSectionCta.BgColorBlack h2 {
|
|
384
|
+
color: var(--color-white);
|
|
385
|
+
}
|
|
386
|
+
.miniSectionCta.BgColorBlack :global(.subheading) {
|
|
387
|
+
color: #cecece;
|
|
388
|
+
}
|
|
389
|
+
.miniSectionCta.infoCallout .col {
|
|
390
|
+
flex-direction: row;
|
|
391
|
+
gap: 112px;
|
|
392
|
+
align-items: center;
|
|
393
|
+
}
|
|
394
|
+
.miniSectionCta.infoCallout h2 {
|
|
395
|
+
min-width: fit-content;
|
|
396
|
+
}
|
|
397
|
+
.miniSectionCta.miniTextCenterCta .container {
|
|
398
|
+
flex-direction: column;
|
|
399
|
+
align-items: center;
|
|
400
|
+
}
|
|
401
|
+
@media (max-width: 768px) {
|
|
402
|
+
.miniSectionCta .container {
|
|
403
|
+
flex-direction: column;
|
|
404
|
+
padding: var(--spacing-lg) var(--spacing-md);
|
|
405
|
+
}
|
|
406
|
+
.miniSectionCta .cta {
|
|
407
|
+
width: 100%;
|
|
408
|
+
}
|
|
409
|
+
.miniSectionCta.BgColorBlack {
|
|
410
|
+
text-align: center;
|
|
411
|
+
}
|
|
412
|
+
.miniSectionCta.BgColorGrey {
|
|
413
|
+
text-align: center;
|
|
414
|
+
}
|
|
415
|
+
.miniSectionCta.infoCallout .col {
|
|
416
|
+
flex-direction: column;
|
|
417
|
+
gap: var(--spacing-md);
|
|
418
|
+
align-items: flex-start;
|
|
419
|
+
}
|
|
420
|
+
.miniSectionCta.infoCallout .subtitle {
|
|
421
|
+
font-size: var(--font-size-lg);
|
|
422
|
+
font-weight: var(--font-weight-regular);
|
|
423
|
+
line-height: var(--line-height-tight-1);
|
|
424
|
+
}
|
|
425
|
+
.miniSectionCta.miniTextCenterCta .col {
|
|
426
|
+
width: 100%;
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
/* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
|
|
431
|
+
.teaser5050-3text {
|
|
432
|
+
width: 100%;
|
|
433
|
+
}
|
|
434
|
+
.teaser5050-3text .container {
|
|
435
|
+
display: flex;
|
|
436
|
+
flex-direction: column;
|
|
437
|
+
gap: var(--spacing-xl);
|
|
438
|
+
}
|
|
439
|
+
.teaser5050-3text .content {
|
|
440
|
+
display: flex;
|
|
441
|
+
flex-direction: row;
|
|
442
|
+
align-items: center;
|
|
443
|
+
justify-content: center;
|
|
444
|
+
gap: var(--spacing-xl);
|
|
445
|
+
}
|
|
446
|
+
.teaser5050-3text.right .content {
|
|
447
|
+
flex-direction: row-reverse;
|
|
448
|
+
}
|
|
449
|
+
.teaser5050-3text .title {
|
|
450
|
+
color: var(--color-black);
|
|
451
|
+
}
|
|
452
|
+
.teaser5050-3text .image {
|
|
453
|
+
width: 50%;
|
|
454
|
+
border-radius: 16px;
|
|
455
|
+
}
|
|
456
|
+
@media (max-width: 768px) {
|
|
457
|
+
.teaser5050-3text .container {
|
|
458
|
+
padding: var(--spacing-lg) var(--spacing-md);
|
|
459
|
+
gap: 0;
|
|
460
|
+
}
|
|
461
|
+
.teaser5050-3text.right .container {
|
|
462
|
+
gap: var(--spacing-xl);
|
|
463
|
+
}
|
|
464
|
+
.teaser5050-3text .content {
|
|
465
|
+
flex-direction: column;
|
|
466
|
+
}
|
|
467
|
+
.teaser5050-3text.right .content {
|
|
468
|
+
flex-direction: column-reverse;
|
|
469
|
+
gap: var(--spacing-xl);
|
|
470
|
+
}
|
|
471
|
+
.teaser5050-3text .image {
|
|
472
|
+
width: 100%;
|
|
473
|
+
padding: 0;
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
/* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
|
|
478
|
+
.teaser5050 {
|
|
479
|
+
width: 100%;
|
|
480
|
+
}
|
|
481
|
+
.teaser5050 .container {
|
|
482
|
+
display: flex;
|
|
483
|
+
flex-direction: row;
|
|
484
|
+
align-items: center;
|
|
485
|
+
justify-content: center;
|
|
486
|
+
}
|
|
487
|
+
.teaser5050.right .container {
|
|
488
|
+
flex-direction: row-reverse;
|
|
489
|
+
}
|
|
490
|
+
.teaser5050 .wrapper {
|
|
491
|
+
display: flex;
|
|
492
|
+
flex-direction: column;
|
|
493
|
+
gap: var(--spacing-md);
|
|
494
|
+
padding: 0 var(--spacing-5xl);
|
|
495
|
+
width: 50%;
|
|
496
|
+
}
|
|
497
|
+
.teaser5050 .title {
|
|
498
|
+
color: var(--color-black);
|
|
499
|
+
}
|
|
500
|
+
.teaser5050 .image {
|
|
501
|
+
width: 50%;
|
|
502
|
+
border-radius: 16px;
|
|
503
|
+
}
|
|
504
|
+
@media (max-width: 768px) {
|
|
505
|
+
.teaser5050 .container {
|
|
506
|
+
flex-direction: column-reverse;
|
|
507
|
+
gap: var(--spacing-xl);
|
|
508
|
+
}
|
|
509
|
+
.teaser5050.right .container {
|
|
510
|
+
flex-direction: column-reverse;
|
|
511
|
+
}
|
|
512
|
+
.teaser5050 .wrapper,
|
|
513
|
+
.teaser5050 .image {
|
|
514
|
+
width: 100%;
|
|
515
|
+
padding: 0;
|
|
516
|
+
}
|
|
517
|
+
.teaser5050 .cta {
|
|
518
|
+
width: 100%;
|
|
519
|
+
}
|
|
520
|
+
}
|
|
521
|
+
/*# sourceMappingURL=index.css.map */
|