{"version":3,"sources":["main.f0bf409c.chunk.css","Header.module.scss","Footer.module.scss","Hero.module.scss","FeaturesTiles.module.scss","FeaturesSplit.module.scss","Cta.module.scss","Global.scss","Home.module.scss","Advantages.module.scss","core/_normalize.scss","core/abstracts/_include-media.scss","core/base/_scroll-reveal.scss","settings/base/_scroll-reveal.scss","core/base/_base.scss","settings/base/_colors.scss","core/abstracts/_mixins.scss","settings/base/_widths-and-spacing.scss","settings/base/_typography.scss","settings/base/_misc.scss","core/base/_typography.scss","settings/base/_links.scss","core/elements/_containers.scss","core/elements/_buttons.scss","settings/elements/_buttons-and-forms.scss","core/elements/_forms.scss","core/abstracts/_functions.scss","core/elements/_hamburger.scss","settings/layout/_header.scss","core/elements/_modal.scss","settings/elements/_modal.scss","core/patterns/_split.scss","settings/patterns/_split.scss","core/patterns/_tiles.scss","settings/patterns/_tiles.scss","core/layout/_header.scss","core/layout/_main.scss","core/layout/_footer.scss","settings/layout/_footer.scss","core/sections/_section.scss","core/sections/_hero.scss","settings/sections/_hero.scss","core/sections/_features-split.scss","settings/sections/_features-split.scss","core/sections/_features-tiles.scss","settings/sections/_features-tiles.scss","core/sections/_testimonial.scss","settings/sections/_testimonial.scss","core/sections/_cta.scss","settings/sections/_cta.scss","theme/illustrations/_illustrations.scss","theme/base/_typography.scss","theme/sections/_features-tiles.scss","theme/sections/_testimonial.scss","theme/sections/_cta.scss","core/base/_helpers.scss"],"names":[],"mappings":"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BES8B,CEc9B,cJtBA,oBES8B,CEa9B,OJxBA,cEWgB,CFVhB,gBEU8B,CEuB9B,cJlCA,cEYgB,CFXhB,gBEWsB,CFVtB,oBEU8B,CE2B9B,OJvCA,cEagB,CFZhB,gBEYsB,CFXtB,oBEW8B,CE+B9B,sBJ5CA,cEcgB,CFbhB,gBEasB,CFZtB,oBEY8B,CEqC9B,SJnDA,cEegB,CFdhB,gBEcsB,CFbtB,oBEa8B,CE4C9B,qBJ3DA,cEgBgB,CFfhB,gBEesB,CEgDtB,eJhDE,aDlBS,CCoBV,oBKkB8B,CLhB9B,2CAOC,SAAU,CAEV,cA+DA,aD7FS,CCiGV,yCAKE,aDvGQ,CK4FX,cAIA,eH9EuC,CG+EvC,kBH9EuC,CG+EvC,OAIA,eHlFuC,CGmFvC,kBHlFuC,CGmFvC,qBAIA,eHtFuC,CGuFvC,kBHtFuC,CGuFvC,EAGA,YAAa,CACb,kBHpGuC,CGqGvC,cAGA,iBAAkB,CAClB,WJrHA,cEagB,CFZhB,gBEYsB,CFXtB,oBEW8B,CE4G9B,eH7GuC,CG8GvC,kBH9GuC,CG+GvC,gBH9GuC,CG0GxC,kBAOE,eAAgB,CAPlB,iBAWE,eAAgB,CAXlB,aAeE,cAAe,CACf,QAMD,oBLzIW,CKyIX,kBLzIW,CKyIX,kBLzIW,CK0IX,cAA6B,CAC7B,eHnIuC,CGoIvC,8FJrJA,gDAA4C,CIqK5C,oBAGA,kBLxFuC,CKyFvC,IAIA,cAAe,CACf,aAAc,CACd,YH7JuC,CG8JvC,eH/JuC,CGgKvC,kBHhKuC,CGiKvC,oBJ7KA,cEegB,CFdhB,gBEcsB,CFbtB,oBC2BsC,CGgJtC,gBJlLA,sEAA4C,CIuL5C,eHrJsC,CGsJtC,aAGA,WAAY,CACZ,SAGA,oBAAqB,CACrB,SJpLA,eEgDY,CEyIZ,cAGA,aLnMW,CKkMZ,6BJpLG,aDdS,CCkBV,oBKkB8B,CLhB9B,uEAOC,SAAU,CA6EV,sIAYC,aD5GQ,CCiHT,kNI6FD,aLnNU,CK+LZ,sBAwBE,oBL5NU,CKoMZ,0FA4BE,kBLlJ2C,CJ4dzC,yBSpUH,WJpOA,cEUgB,CFThB,gBESsB,CFRtB,oBEQ8B,CE4N7B,WJtOD,cEWgB,CFVhB,gBEUsB,CFTtB,oBES8B,CEmO7B,sBJ9OD,cEYgB,CFXhB,gBEWsB,CFVtB,oBEU8B,CEsO7B,WJlPD,cEagB,CFZhB,gBEYsB,CFXtB,oBEW8B,CEyO7B,WJtPD,cEcgB,CFbhB,gBEasB,CFZtB,oBEY8B,CE4O7B,CT8SE,yBSrSH,OJnQA,cESgB,CFRhB,gBEQ8B,CE6P7B,cJpQD,oBEQ8B,CE4P7B,OJtQD,cEUgB,CFThB,gBES8B,CEiQ7B,OJ3QD,cEWgB,CFVhB,gBEUsB,CFTtB,oBES8B,CEqQ7B,CEvRF,uCAGC,UAAW,CACX,aAAc,CACd,iBLUuC,CKTvC,kBLSuC,CNgiBpC,yBW/iBJ,uCASE,iBLOsC,CKNtC,kBLMsC,CKJvC,CAED,WACC,gBAAmE,CACnE,cAGA,gBAAsE,CACtE,cAGA,eAAsE,CACtE,sCAKC,cAAe,CACf,eAAgB,CAChB,iCAGA,gBLtBwC,CKuBrC,iCAGH,eLzBuC,CK0BvC,QCtCE,mBAAoB,CPMvB,cEegB,CFdhB,gBEcsB,CFbtB,oBEa8B,CFR9B,eQmCW,CD7CX,iBAAoJ,CACpJ,WCJ4B,CDKzB,8BAAgC,CAEnC,aRGW,CQFR,wBRJQ,CQOX,4BCmB4B,CDlBzB,iBC4CoB,CD3CpB,cAAe,CACf,sBAAuB,CACvB,iBAAkB,CAClB,sBAAuB,CACvB,kBAAmB,CACtB,+BAAgC,CAnBjC,eAsBQ,SAAU,CAtBlB,cA0BE,wBCPmD,CDnBrD,mBA+BE,iBAAkB,CAClB,2BAA4B,CAC5B,mBAAoB,CAjCtB,yBAoCG,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,ULjBoB,CKkBpB,WLlBoB,CKmBpB,iBAA0C,CAC1C,gBAAyC,CACzC,OAAQ,CACR,QAAS,CACT,wBRlCS,CQmCT,iBAAkB,CAClB,wCAA0C,CAC1C,sCAAwC,CACxC,SAAU,CACV,oDAAA,CAAA,4CAA6C,CAlDhD,kBAuDE,kBAAmB,CACnB,aR5CU,CQ6CV,kCAAsD,CAzDxD,mCA+DI,oBRnDQ,CQoDR,WAMA,gBAA0J,CAC7J,WCrE8B,CDsE9B,aAGA,aRtEW,CQuER,wBRjEQ,CQ+DZ,mBAMQ,wBC3D6C,CDqDrD,8BAaG,oBRlFS,CQmFT,gBAKF,aRxFW,CQyFR,wBR/EQ,CQ6EZ,sBAMQ,wBC3EkD,CDqE1D,iCAaG,oBRpGS,CQqGT,kBAKF,aR1GW,CQ2GR,wBR3FQ,CQyFZ,wBAMQ,wBC3FqD,CDqF7D,mCAaG,oBRtHS,CQuHT,cAKC,YAAa,CAChB,UAAW,CACX,cAGA,YAAa,CACb,cAAe,CACf,kBAAmB,CACnB,iBAAyC,CACzC,gBAAwC,CACxC,eAAuC,CANxC,2BASE,kBAA0C,CAT5C,iCAaE,iBAA0C,CAb5C,8BAiBE,UAAiC,CZyZ/B,yBYnZH,oBACC,UAAW,CACX,eCnG+B,CDoG/B,CAGF,kCACI,GACI,mBAAoB,CAGxB,GACI,uBAAyB,CAAA,CANjC,0BACI,GACI,mBAAoB,CAGxB,GACI,uBAAyB,CAAA,CExKjC,SAEI,SAAU,CACV,QAAS,CACT,QAAS,CACZ,sCAKG,aVHQ,CCOX,eQoHa,CCrHb,YTNA,cEgBgB,CFfhB,gBEesB,CONtB,gEAMA,oBAAqB,CACrB,uBAAwB,CACxB,wBVpBW,CUuBX,wBVlBW,CUSZ,wFAYE,oBVxBU,CUYZ,oLAiBE,YAAa,CACb,oBVtBU,CUIZ,wGAuBE,kBAAmB,CACnB,wBV/BU,CUgCV,oBVjCU,CUQZ,4GA6BE,oBVrBc,CURhB,oHAiCE,oBVxBgB,CUTlB,oHAqCE,oBV3BgB,CU4BhB,yBAKD,aAAc,CTvDd,cEegB,CFdhB,gBEcsB,CFbtB,oBEa8B,CO2C9B,iBAAiJ,CACjJ,WDjE4B,CCkE5B,eDsEkB,CCrEf,aV1DQ,CU2DX,eAAgB,CACb,cAAe,CACf,UAAW,CACd,uCAKO,aVvEI,CUkEX,kCAKO,aVvEI,CUkEX,yBAKO,aVvEI,CUoEZ,mCAOQ,aV3EI,CU4EP,oBAIJ,WAAY,CACT,eAAgB,CACnB,aAGA,kBAAuE,CACpE,mTC8DsE,CD7DtE,qCAAiF,CACjF,2BAA4B,CAC5B,yBAA0B,CAC7B,gBAGA,kBAA0E,CAC1E,qCAAoF,CACpF,+BAIG,gBAAuJ,CAC1J,WDxG8B,CCyG9B,+BAIA,iBAAkB,CAFnB,uCAKE,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,0BAA2B,CAC3B,2BAMA,iBAAsE,CAHxE,+BAMG,SAAmD,CANtD,8BAWE,iBAAyE,CAX3E,kCAcG,SAAsD,CACtD,4BAOD,kBAAuE,CAHzE,gCAMG,UAAoD,CANvD,+BAWE,kBAA0E,CAX5E,mCAcG,UAAuD,CACvD,wCAOC,cAAe,CAClB,qDT5JA,cEegB,CFdhB,gBEcsB,CFbtB,oBEa8B,COqJ9B,2BAIA,aAAA,CAKG,iBAAkB,CACrB,iBV/KW,CU4KZ,uCAME,iBAAkB,CAClB,MAAO,CACP,OAAsD,CACtD,UAAW,CACX,WAAY,CACZ,cAAe,CAXjB,uDAcG,kCAA0D,CAC1D,8BAAsD,CACtD,uBAAwB,CACxB,qBAOD,iBAAkB,CAHpB,6BAMG,wPAA6P,CAC7P,kBAOD,iBAAkB,CAHpB,0BAMG,gOAAiO,CACjO,aAKC,mBAAoB,CACpB,kBAAmB,CACtB,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAiB,CAHlB,mBAME,kBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CAXZ,+BAeQ,aAAc,CACd,iBAAkB,CAClB,cAAe,CACrB,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,kBVtOU,CUiNZ,sCAwBG,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,kBVxPS,CUyPT,4BAA6B,CAjChC,6CAwCG,kBVtPS,CU8MZ,oDA2CI,SAAU,CA3Cd,yCAmDY,QAAS,CACT,iBAAkB,CApD9B,oDAuDgB,OAAc,CACd,gBAAiB,CACjB,cAAe,CAClB,kBAQL,aAAc,CAHtB,+BAOQ,oBAAqB,CACxB,uBAAwB,CACrB,kBV/RI,CUgSJ,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,eAAyC,CACzC,kBAA4C,CAC5C,YAAa,CAfrB,qDAkBY,eAAgB,CAChB,uBAAwB,CACxB,wBVjSA,CUkSA,8RCvJ8D,CDwJ9D,uBAA2B,CAC3B,2BAA4B,CAC5B,QAAS,CACT,iBAAkB,CAClB,cAAe,CACf,WD5Ka,CC6Kb,UD7Ka,CCiJzB,iDAgCY,wBV7SA,CU8SA,8RCnK8D,CDoK9D,uBAA2B,CAC3B,2BAA4B,CAE5B,WAAY,CACZ,iBAAkB,CAClB,cAAe,CACf,WDzLa,CC0Lb,UD1La,CCiJzB,0CA6CY,wBV1TA,CU2TA,8RChL8D,CDiL9D,uBAA2B,CAC3B,2BAA4B,CAC5B,QAAS,CACT,iBAAkB,CAClB,cAAe,CACf,WDrMa,CCsMb,UDtMa,CCiJzB,iDAyDY,QAAS,CACZ,gFASP,aVnVU,CU8UZ,wHAaE,oBD/PiD,CCkPnD,oSAqBG,oBVhWS,CU2UZ,gKA0BG,wBD3RuD,CCiQ1D,qDAiCK,aV/WO,CU8UZ,2BAgDK,mTChPqE,CDgM1E,uDAqDQ,aVnYI,CU8UZ,mFA8DI,kCAA4D,CAC5D,8BAAwD,CA/D5D,mEA0FgB,8RC1R0D,CDgM1E,+DA+FgB,8RC/R0D,CDgM1E,wDAoGgB,8RCpS0D,CDqS7D,YAMZ,YAAa,CADd,wBAIE,WAAY,CACZ,aAAc,CACd,iBDrcgC,CC+blC,oBAgBQ,iBD7ZwB,CC8Z9B,kBD9Z8B,CC+Z9B,aAAc,CAMd,WTrdD,cEgBgB,CFfhB,gBEesB,CO+ctB,cD5VuB,CbqapB,yBcpEH,gCAGE,kBDze+B,CCsejC,4BAaE,UAAW,CAMX,CdiDC,yBc3CA,oBACI,YAAa,CADjB,gCAID,WAAY,CACZ,aAAc,CACd,iBDrgB+B,CC+f9B,4BAgBD,iBD7d6B,CC8d7B,kBD9d6B,CC+dpB,aAAc,CAMvB,CE5hBH,mBACC,sBAAuB,CACvB,QAAS,CACT,SAAU,CACV,SAAU,CACV,cAAe,CACf,4BAIA,aAAc,CACd,mBAAoB,CACpB,WAGA,iBAAkB,CAClB,UCH8B,CDI9B,WCJ8B,CDK9B,gEAKA,UCV8B,CDW9B,UCViC,CDWjC,iBAAkB,CAClB,kBZpBW,CYuBX,0GACC,kBZnBU,CYoBV,iBAID,OAAQ,CACR,eAA8C,CAC9C,wBAA0B,CAC1B,0DAAkE,CAJnE,+CAQE,UAAW,CACX,aAAc,CAThB,wBAaE,QC/B+B,CDgC/B,mDAAwD,CAd1D,uBAkBE,WCpC+B,CDqC/B,wGAAuH,CACvH,oCAGA,wBAAyB,CACzB,qBAAuB,CACvB,wDAA+D,CAHhE,2CAME,KAAM,CACN,SAAU,CACV,qDAA0D,CAR5D,0CAYE,UCvD4B,CDwD5B,QAAS,CACT,wBAAyB,CACzB,mGAAgH,CAChH,qBEtEF,QAAS,CACT,MAAO,CACP,OAAQ,CACR,KACD,CAAC,OAGA,YAAa,CACb,kBAAmB,CACnB,qBAAsB,CACtB,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,UAAW,CAPZ,gCAYG,SAAU,CACV,gBCV8B,CDHjC,kCAmBE,YAAa,CAnBf,cAuBE,UAAW,CACX,iBAAkB,CAClB,mCdvBU,CcFZ,iBA6BE,YAAa,CA7Bf,sDAiCG,aAAc,CAjCjB,8BAqCG,sDAAA,CAAA,8CAA+C,CArClD,wBAyCG,wDAAA,CAAA,gDAAiD,CACjD,aAKF,6BAAgE,CAChE,aAAc,CACd,iBAAkB,CAClB,uBAA2D,CAE3D,eClD4B,CDmD5B,gBZ9CuC,CY+CvC,iBZ/CuC,CYgDvC,kBdpDW,CcqDX,eAGA,iBCpDqC,CDqDrC,aAGA,sBAAuB,CACvB,QAAS,CACT,SAAU,CACV,SAAU,CACV,cAAe,CACf,iBAAkB,CAClB,UCxD6B,CDyD7B,QCzD6B,CD0D7B,UC7D+B,CD8D/B,WC9D+B,CDoDhC,uCAcE,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,eAA8C,CAC9C,gBAA0C,CAC1C,UCzE8B,CD0E9B,UCzEiC,CD0EjC,kBdtFU,Cc+DZ,oBA4BE,wBAAyB,CA5B3B,mBAgCE,wBAAyB,CAhC3B,mDAuCG,kBdvGS,CJyiBR,yBkB3bH,aACC,aAAc,CACd,6BAAiE,CACjE,eAMA,iBC5GqC,CD6GrC,CAGF,kCACI,GACI,SAAU,CACV,2BAA4B,CAGhC,GACI,SAAU,CACV,uBAAwB,CAAA,CARhC,0BACI,GACI,SAAU,CACV,2BAA4B,CAGhC,GACI,SAAU,CACV,uBAAwB,CAAA,CAIhC,oCACI,GACI,SAAU,CAGd,GACI,SAAU,CAAA,CANlB,4BACI,GACI,SAAU,CAGd,GACI,SAAU,CAAA,CEnJlB,YACC,gBAAgD,CADjD,yBAIE,mBAAmD,CAJrD,+BAQQ,kBAAiD,CARzD,wBAYE,gBAA+C,CAC/C,mBAAkD,CAClD,YAAa,CACb,qBAAsB,CAfxB,0CAkBG,iBAAkB,CAClB,UAAW,CAnBd,4IAwBI,UAAW,CACX,WAAY,CACZ,cAAe,CACf,gBAAiB,CA3BrB,8MAmCK,UAAW,CpB4gBZ,yBoBngBH,4CAKG,kBC3CqC,CDsCxC,0DAcI,OAAQ,CACR,yBAA2B,CAf/B,wDAmBI,kBCzDoC,CD0DpC,CpB+eD,yBoBveH,YACC,gBAAiD,CADlD,yBAIE,mBAAoD,CAJtD,+BAQQ,kBAAkD,CAR1D,wBAYE,gBAAgD,CAChD,mBAAmD,CACnD,kBAAmB,CACnB,gBAAiB,CACjB,kBAAmB,CACnB,0BAA2B,CAjB7B,4CAoBG,aAAc,CACd,WAAkE,CAClE,eAAgB,CAChB,iBC1F0F,CDmE7F,0CA2BG,eAAoE,CA3BvE,iHAiCE,wBAAyB,CAjC3B,yJAoCG,OAAQ,CACR,gBCxG0F,CDyG1F,cAAe,CAtClB,2dAkDI,gBAAiB,CAlDrB,kCA0DG,sBAAuB,CACvB,CpB4aA,0BoBraH,uDAOI,WAA+D,CAPnE,qDAWI,eAAiE,CACjE,CEtJL,YACI,YAAa,CACb,cAAe,CACf,sBAAuB,CAC1B,kBAAiD,CACjD,iBAAgD,CAChD,gBAA+C,CANhD,yBASE,mBAAkD,CATpD,+BAaE,kBAAkD,CAbpD,4BAmBG,UAAW,CAIX,iBAA+C,CAC/C,kBAAgD,CAChD,QAAS,CACT,wCANA,gBCjByB,CDkBzB,eClByB,CDmBzB,sBAYwC,CARxC,YAQF,YAA0C,CAJ3C,cAOE,qBAAsB,CACtB,kBAID,YAAa,CACb,cAAe,CACf,qBAAsB,CACtB,WAAY,CACZ,iBCzCkC,CD0ClC,aE9CA,2BAA6B,CAC7B,KAAM,CACN,UAAW,CACX,oBAAsB,CAJvB,kDAUG,gBPD2B,COT9B,oBAeE,iBPJ4B,COK5B,mBAIE,YAAa,CACb,6BAA8B,CAC9B,kBAAmB,CACtB,WPd6B,COe7B,YAGA,WAAY,CADb,6CAIE,YAAa,CACb,WAQgB,CAblB,eAUQ,kBAAmB,CAEnB,kBAAmB,CACzB,eAAgB,CAblB,6BAgBG,cAAe,CAhBlB,8BAuBG,gBPtC2B,COe9B,2BA4BE,aAAc,CnBbb,aDnCS,CCQX,eKsBiB,CcsBV,cP/CsB,CZkC5B,mEAKE,aD7CQ,CCgDT,yCAdA,aD3BS,CCiCV,+FAGE,aDjCQ,CCsCT,qBmBaD,gBPvD4B,COwD5B,iCAID,WAAY,CACZ,wBAAyB,CACzB,kBAGA,wBAAyB,CAD1B,oCAIE,WAAY,CACZ,mBAID,YAAa,CxB2dV,yBwBtdH,mBACC,aAAc,CADf,+BAKE,qBAAsB,CACtB,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,QAAS,CACT,YAAa,CACb,kBP/FyC,COgGzC,YAAa,CACP,SAAU,CACV,eAAgB,CAChB,mDAAqD,CAf7D,yCAkBG,SAAU,CAlBb,iDAsBG,qBAAsB,CACtB,YPpGgC,CO6EnC,kCA2BG,aAAc,CACd,iBAAkB,CA5BrB,iDA+BI,mBAAoB,CnBjEvB,aDlDU,CoBqHP,gBAA+C,CAC/C,mBAAkD,CAlCtD,wCAuCG,aAAc,CACd,eAA8C,CAC9C,kBAAiD,CACjD,CCnIJ,UACI,kBrB8EyC,CqB/E7C,qBAIE,gBnBMwC,CmBLrC,aAAc,CACd,wCrBIO,CqBVZ,4BASG,UAAW,CACX,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,kBrBLS,CqBMT,WAAY,CACZ,WAKF,iBAAkB,CACf,eAAgB,CAEhB,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CACpB,cAGG,aAAc,CACjB,aC/BA,iBAAkB,CADnB,oBAIE,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,UAAW,CACX,WAAY,CACZ,kBtBAU,CsBCV,UAAW,CACX,mBAID,cAAmC,CACnC,YAGA,mBAA4C,CAC5C,eAGA,gBAAyC,CACzC,eAGA,YAAa,CACb,cAAe,CACf,kBAA4C,CAC5C,iBAA2C,CAC3C,gBAA0C,CAL3C,4BAQE,kBAAwE,CAR1E,kCAYE,kBAA6C,CAC7C,cAID,WAAY,CACZ,gBCViC,CDWjC,sBAAuB,CACvB,iBAAkE,CAJnE,gBAOE,qBAAsB,CAPxB,qCAaG,iBClB8B,CDKjC,gBrBuCG,aD5ES,CCgFV,6CAKE,aDtFQ,CCyFT,oBAvFF,cEgBgB,CFfhB,gBEesB,CFTtB,esBMgB,CDsDhB,atBrEW,CsBsEX,wBCvCyC,CDwCzC,iBCvCgC,CDyChC,kCACC,atBrEU,CsBsEV,+BAOA,YAAa,CAJf,iCAQE,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,kBAAmB,CACnB,kBAAmB,CACnB,eAAgB,CAChB,kBAMA,kBAA+E,CAC/E,iBAA8E,CAJhF,kBAQE,aCjFkC,CDyEpC,iBAYE,WCpFkC,CDwEpC,qBAeG,YtBpGS,CsBqGT,yBAA0B,CAhB7B,2BA0BI,YtB9GQ,CsBmHR,YAMH,kBC5G8B,CD6G9B,iBC7G8B,CD2G/B,crBvEG,aD3DS,CsB0IV,cCnH6B,CtBwC7B,yCAKE,aDrEQ,CCwET,yBqB6EF,+DAIE,kBCpI8B,CDqI9B,C1BgZC,yB0BxYF,mBACC,cAAoC,CACpC,uDAOA,YAAa,CACb,6BAA8B,CAC9B,kBAAmB,CACnB,+FASC,OAAQ,CACR,CE7LJ,eACI,iBAAkB,CAClB,gBtBqCoC,CsBnCvC,+BADG,mBtBsCoC,CNsgBpC,yB4BniBA,eACI,gBtB2BgC,CsBzBnC,+BADG,mBtB4BgC,CsBvBtC,CCXF,8EAKE,eCRkC,CDGpC,2BAWG,mBAAoB,CAEpB,kBAAmB,CACnB,kBAAmB,C7ByhBlB,yB6BlhBH,gHAgBK,kBCxC8B,CDyC9B,C7BigBF,yB6BhfH,8EAKE,eC9DiC,CD+DjC,C7B0eC,yB+BjiBH,gCAQE,mBChB4C,CDiB5C,CEvBH,4BAaG,kBAA0D,CAC1D,iBAAyD,CACzD,gBAAwD,CAf3D,yCAkBI,mBAA2D,CAlB/D,+CAsBI,kBAA2D,CAtB/D,4CA6BI,gBCpBkC,CDqBlC,eCrBkC,CDuBjC,iBAAwD,CACxD,kBAAyD,CAjC9D,4BAwCE,gBC/BoC,CDgCpC,eChCoC,CDkCnC,YAAmD,CA3CtD,kCAmDE,SCxCwC,ClCoiBtC,yBiCtfH,4BAcG,kBAA2D,CAC3D,iBAA0D,CAC1D,gBAAyD,CAhB5D,yCAmBI,mBAA4D,CAnBhE,+CAuBI,kBAA4D,CAvBhE,4CA6BK,iBAAyD,CACzD,kBAA0D,CA9B/D,4BAoCG,YAAoD,CACpD,CE9FJ,kEAwCE,gBC/BiC,CDgCjC,eChCiC,CDTnC,+BAmDE,iBCxCuC,CDyCvC,0BAID,WAAY,CACZ,yBAGA,mBAAoB,CACpB,cAAe,CACf,kBAAmB,CACnB,oBE5DC,gBCF8B,CDG9B,mBCF8B,CDG9B,YAID,kBCJoC,CtC0iBjC,yBqCjiBH,oBAGE,gBCd8B,CDe9B,mBCd8B,CDe9B,WAID,YAAa,CACb,6BAA8B,CAC9B,kBAAmB,CACnB,uBAMC,eAAgB,CAChB,iBC1BkC,CD2BlC,CAAA,uBEjCF,iBAAkB,CAKlB,6BAFC,mBAAoB,CACpB,qCAID,UAAW,CACX,qCAGA,UAAW,CACX,+BlCwKA,YkCpKgE,ClCqKhE,6EACA,CAiBC,KAAA,CAAA,uBACA,CAAA,yBkCvLD,CAAA,8DlC+JA,UAAW,CACX,iBAAkB,CAClB,UkClKyD,ClCmKzD,ckCnKyD,ClCsKzD,2BAIsB,CAKrB,oBAQA,CAAA,QmCvMD,CDiBA,+BlCoKA,YAAA,CAAA,6EAKC,CA0BC,uBAID,CAAA,oBkClMD,CAAA,8BCtBA,CAAA,4BACA,eCFA,CAAA,2BAEA,mBAAA,CrCcW,iBqCbX,CAAA,wBCDC,CAAA,+BACA,kBAIE,CAAA,0BADJ,iBAIQ,CAAA,iCAGA,UACA,CAAA,aACA,CAAA,UAAA,CAAA,WACA,CAAA,eAAA,CAAA,kBAAA,CAAA,qnBAEH,CAAA,2BAKD,CAAA,yBAFJ,eAAA,CAAA,gBAAA,CAAA,gDAaC,kBADD,CAAA,uBAIQ,aACA,CAAA,yBALR,aAAA,CAAA,oBAQY,CAAA,+BCvCJ,aAAyB,CACzB,iBAAkB,wBAKzB,CAAA,iBACA,CAAA,WACG,iBAAA,CAAA,kBACH,CAAA,wBAAA,CAAA,sEAGG,CAAA,2B3CgiBA,CAAA,qBAAA,CAAA,6B2CxhBI,CAAA,yBAKN,iBACA,eC5BF,CAAA,WACC,iBACA,CAAA,kBAEA,CAAA,CAAA,eACA,iBACA,CAAA,SAAA,CAAA,UACA,CAAA,SAAA,CAAmB,eAEnB,CAAA,kBAIgB,CAChB,kBAFD,CAAA,QAKE,CAAA,YAMA,eAAgB,CACjB,SAGC,CAAA,eACD,QAGC,CAAA,MAAA,eAKD,CAAA,MAAA,iBAIA,CAAA,MAAA,gBACA,CAGA,QAAA,eACA,CAGA,QAAA,eACA,CAAA,QAAA,eAKA,CAAA,QAAA,eAGA,CAAA,iBACA,aAGA,CAAA,gBACA,aAGA,CAAA,gBACA,aAAA,CAGA,oBACA,aAGA,CAAA,sBACA,aAGA,CAAA,kBACA,aAGA,CAAA,oBACA,aAAA,CAAA,oBAKC,aAHF,CAAA,+BAOE,aAPF,CAAA,8BAWE,aAMD,CAAA,8BACA,aAKA,CAAA,MAAA,wBAIA,CAAA,YACA,UAAA,CAAA,cACA,iBAAA,CAAA,QACA,CAAA,0BAKA,CAAA,uBACA,CAAA,eACA,CAAA,cACA,iBAIA,CAAA,qBAAA,CAAA,SACA,CAAA,YAAA,yCvCgBC,CAAA,eAEA,iBAAA,CAAA,iBAEC,iBACA,CAAA,wBAhBF,UAAc,CACd,iBAIC,CAAA,KAAA,CAAA,MAeC,CAAA,UAAA,CAAA,aAED,CAAA,UAAA,CAAkB,kBAElB,CAAA,oBAEC,iBAAkB,CAClB,0BA3BF,UAAA,CAAA,iBAKC,CAAA,QAAA,CAAA,MA0BC,CAAA,UAAA,CAAA,aAAA,CAAA,UApBD,CAAA,kBAEA,CAAA,+BAAA,iBAEC,CAAA,sCAfF,UAAc,CACd,iBAEC,CAAA,KAAA,CAAA,MAiBC,CAAA,UAAA,CAAA,aAAA,CAAA,UAED,CAAA,kBAEA,CAAA,kCAAA,iBAEC,CAAA,wCA1BF,UAAA,CAAA,iBAGC,CAAA,QAAA,CAAA,MA4BC,CAAA,UAAA,CAAA,auCRF,CAAA,UADD,CAAA,kBAAA,CAAA,gBAAA,iBAAA,CAAA,8DAAA,gBAWE,CAAA,iBACA,CAAA,8BAKD,sBACA,CAAA,kBAFD,iBAAA,CAME,qBANF,CAAA,QAAA,CAAA,yBAUE,kBAEO,CACP,yBAEG,iBAMJ,CAGA,KAAA,CAAA,MAAa,CACb,UAGA,CAAA,WACA,CAAA,KAGA,QAAA,CAAA,MACA,YAGA,CAAA,MAAc,cAId,CAAA,MACA,eAGA,CAAe,MACf,aAGA,CAAA,KACA,UAGA,CAAA,MAAA,cAIA,CAAA,MAAA,gBAIA,CAAA,MACA,iBAGA,CAAA,MACA,eAGA,CAAA,KACA,UAGA,CAAA,MAAA,cAIA,CAAA,MAAA,gBAIA,CAAA,MAAA,iBAIA,CAAA,MAAgB,eAIhB,CAAA,MAAA,WAIA,CAAA,OAAA,eACA,CAAA,OAGA,iBACA,CAGA,OAAA,kBAIA,CAAA,OAAA,gBAIA,CAAA,MAAA,WAIA,CAAA,OAAA,eACA,CAAA,OAGA,iBACA,CAGA,OAAA,kBAIA,CAAA,OAAA,gBAIA,CAAA,MAAA,WAIA,CAAA,OAAA,eACA,CAAA,OAGA,iBACA,CAGA,OAAA,kBAIA,CAAA,OAAA,gBAIA,CAAA,MAAA,WAIA,CAAA,OAAA,eACA,CAAA,OAGA,iBAKA,CAAA,OAAA,kBAIA,CAAA,OACA,gBAGA,CAAgB,KAChB,SAGA,CAAA,MAAA,aAIA,CAAA,MAAA,eAIA,CAAA,MACA,gBAGA,CAAA,MACA,cAGA,CAAA,KAAA,WAIA,CAAA,MAAA,eAIA,CAAA,MAAA,iBAIA,CAAA,MAAA,kBAIA,CAAA,MACA,gBAGA,CAAA,KAAA,WAIA,CAAA,MAAA,eAIA,CAAA,MAAA,iBAIA,CAAA,MAAA,kBAIA,CAAA,MAAA,gBAIA,CAAA,MAAA,YACA,CAAA,OAGA,gBACA,CAAA,OAGA,kBACA,CAAA,OAGA,mBAIA,CAAA,OAAA,iBAIA,CAAA,MAAA,YACA,CAAA,OAGA,gBACA,CAAA,OAGA,kBACA,CAAA,OAGA,mBAIA,CAAA,OAAA,iBAIA,CAAA,MAAA,YACA,CAAA,OAGA,gBACA,CAAA,OAGA,kBACA,CAAA,OAGA,mBAIA,CAAA,OAAA,iBAIA,CAAA,MAAA,YACA,CAAA,OAGA,gBACA,CAAA,OAGA,kBACA,CAAA,OAIA,mBACA,CAAA,OAGA,iBACA,CAAA,UAGA,eACA,CAAA,UAGA,eAAiB,CACjB,WAGA,gBAAiB,CACjB,WAGA,gBAAiB,CACjB,WAGA,gBAAiB,CACjB,WAGA,gBAAiB,C5C0Dd,WAAA,gB4CrDH,CAAA,WACC,gBACA,CAAA,yBAGA,aACA,eAGA,CAAA,aACA,iBAGA,CAAA,aAAA,gBADD,CAAA,uBAAA,iBAAA,CAAA,mFAAA,gBAWE,CAAA,iBAAA,CAAA,qCAOD,sBAGA,CAAA,iBACA,eAGA,CAAA,iBACA,eAGA,CAAA,kBACA,gBAGA,CAAA,kBACA,gBAGA,CAAA,kBACA,gBAGA,CAAA,kBACA,gBAGA,CAAA,kB5CJE,gBAAA,CAAA,kB4CUH,gBACC,CAAgB,CAChB,yBAGA,cACA,eAGA,CAAA,cACA,iBAGA,CAAA,cAAA,gBADD,CAAA,wBAAA,iBAAA,CAAA,sFAAA,gBAAA,CAWE,iBAAA,CAAA,sCACA,sBAAA,CAAA","file":"main.f0bf409c.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800&display=swap);\n.Header_btnSignUp__1uwdB.button{background-color:#FFB03A;border-radius:4px}.Header_btnLogin__aYxAX.button{background:unset}\n\n.Footer_footerTop__3IECt.footer-top{padding-bottom:0}\n\n.Hero_flexLeft__3OeNg{display:flex;justify-content:flex-start}.Hero_subTitle__2wExC{text-align:left}.Hero_container__gMCr7{margin-left:0 !important}.Hero_btnStart__QrS92.button{background-color:#FFB03A;border-radius:4px}@media (min-width: 641px){#Hero .section-inner{padding-top:200px !important;padding-bottom:289px !important}#Hero .Hero_subTitle__2wExC{max-width:750px}}\n\n.FeaturesTiles_flexLeft__1MxnL{display:flex;justify-content:flex-start;text-align:left}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles{background:rgba(229,248,250,0.4)}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .tiles-item{width:40%;max-width:unset;flex-basis:40%}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .center-content h2{color:#252D35}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .tiles-item-inner{display:flex;flex-direction:row;align-items:center;flex-wrap:unset}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .features-tiles-item-header{width:80px;margin-right:80px}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .features-tiles-item-image{background-color:unset}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .features-tiles-item-content{flex:1 1}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .features-tiles-item-content h4{color:#252D35}.FeaturesTiles_featuresTiles__2eces#FeaturesTiles .features-tiles-item-content p{color:#5A6576}@media (min-width: 481px){#FeaturesTiles>.container{padding-top:120px}}@media (max-width: 896px){#FeaturesTiles .tiles-item{width:80% !important;max-width:unset;flex-basis:80% !important}}\n\n#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li{padding:20px 30px;display:flex;flex-direction:row;align-items:center}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li:nth-child(1){background:#FFFFFF;box-shadow:0px 25px 45px rgba(192,203,215,0.2);border-radius:12px}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li:nth-child(1) .FeaturesSplit_leftArea__1BDWD{color:#FFFFFF;background:#1F5C7F;border-radius:50%}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li .FeaturesSplit_leftArea__1BDWD{margin-right:20px;display:flex;justify-content:center;align-items:center;color:#000000;font-size:14px;width:40px;height:40px}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li .FeaturesSplit_rightArea__2ao43{display:flex;flex-direction:column}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li .FeaturesSplit_rightArea__2ao43 div:nth-child(1){text-align:left;font-size:20px;color:#252D35}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item ol>li .FeaturesSplit_rightArea__2ao43 div:nth-child(2){text-align:left;margin-top:4px;font-size:16px;color:#5A6576}#FeaturesSplit .FeaturesSplit_getStartSteps__2-Sbv.split-item{align-items:flex-start}#FeaturesSplit .split-item-content h3{color:#252D35}#FeaturesSplit .split-item-content p{color:#5A6576}#FeaturesSplit .has-top-divider:before{background:unset}\n\n#Cta.cta{background:#123953}#Cta.cta .cta-inner{background:#123953}.Cta_btnStart__3w47x.button{background-color:#FFB03A;border-radius:4px}\n\nbody{background-color:#FFF !important}\n\n#Hero::after{background-image:url(../../static/media/hero_bg.a23601a1.png);left:0;background-position:unset;transform:unset;height:100%;background-size:cover}#FeaturesSplit::after{background-image:unset}#Advantages::after{background-image:unset}\n\n.Advantages_featuresTiles__3bsgv#Advantages{background:#1F5C7F}.Advantages_featuresTiles__3bsgv#Advantages .tiles-item{width:25%;max-width:unset;flex-basis:25%}.Advantages_featuresTiles__3bsgv#Advantages .tiles-item h4{font-weight:normal;font-size:20px}.Advantages_featuresTiles__3bsgv#Advantages .has-top-divider:before{background:unset}.Advantages_featuresTiles__3bsgv .features-tiles-item-image{background:#15A6BB}@media (min-width: 481px){#Advantages .container{padding-top:80px}}\n\nhtml{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"]::-webkit-search-cancel-button,[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@media (min-width: 821px){.has-animations [class*=reveal-]{opacity:0;will-change:opacity, transform}.has-animations .reveal-from-top{transform:translateY(-10px)}.has-animations .reveal-from-bottom{transform:translateY(10px)}.has-animations .reveal-from-left{transform:translateX(-10px)}.has-animations .reveal-from-right{transform:translateX(10px)}.has-animations .reveal-scale-up{transform:scale(.95)}.has-animations .reveal-scale-down{transform:scale(1.05)}.has-animations .reveal-rotate-from-left{transform:perspective(1000px) rotateY(-45deg)}.has-animations .reveal-rotate-from-right{transform:perspective(1000px) rotateY(45deg)}.has-animations.is-loaded [class*=reveal-]{transition:opacity .8s cubic-bezier(0.39, 0.575, 0.565, 1),transform .8s cubic-bezier(0.39, 0.575, 0.565, 1)}.has-animations.is-loaded [class*=reveal-].is-revealed{opacity:1;transform:translate(0)}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#151719;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}hr{border:0;display:block;height:1px;background:#25282C;margin-top:24px;margin-bottom:24px}ul,ol{margin-top:0;padding-left:24px}ul:not(:last-child),ol:not(:last-child){margin-bottom:24px}ul{list-style:disc}ol{list-style:decimal}li:not(:last-child){margin-bottom:12px}li>ul,li>ol{margin-top:12px;margin-bottom:0}dl{margin-top:0;margin-bottom:24px}dt{font-weight:700}dd{margin-left:24px;margin-bottom:24px}img{border-radius:2px}img,svg,video{display:block;height:auto;max-width:100%}figure{margin:48px 0}figcaption{padding:8px 0}table{font-size:16px;line-height:24px;letter-spacing:-0.1px;border-collapse:collapse;margin-bottom:24px;width:100%}tr{border-bottom:1px solid #25282C}th{font-weight:700;text-align:left}th,td{padding:8px 16px}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}.invert-color hr{display:block;height:1px;background:#ECEDED}.invert-color tr{border-bottom:1px solid #ECEDED}html{font-size:20px;line-height:30px;letter-spacing:-0.1px}body{color:#9CA9B3;font-size:1rem}body,button,input,select,textarea{font-family:\"Inter\", sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:800;clear:both;color:#ECEDED;word-wrap:break-word;overflow-wrap:break-word}h1,.h1{font-size:44px;line-height:54px;letter-spacing:-0.3px}h2,.h2{font-size:32px;line-height:42px;letter-spacing:-0.3px}h3,.h3{font-size:24px;line-height:34px;letter-spacing:-0.1px}h4,.h4{font-size:24px;line-height:34px;letter-spacing:-0.1px}h5,.h5{font-size:20px;line-height:30px;letter-spacing:-0.1px}h6,.h6,small,.text-sm{font-size:18px;line-height:28px;letter-spacing:-0.1px}.text-xs{font-size:16px;line-height:24px;letter-spacing:-0.1px}.text-xxs{font-size:14px;line-height:22px}figcaption{font-size:14px;line-height:22px}a:not(.button){color:#ECEDED;text-decoration:none}a:not(.button):hover,a:not(.button):active{outline:0}a.button-link{color:#9CA9B3}a.button-link:hover,a.button-link:active{color:#ECEDED}h1,.h1{margin-top:48px;margin-bottom:32px}h2,.h2{margin-top:48px;margin-bottom:32px}h3,.h3{margin-top:36px;margin-bottom:24px}h4,h5,h6,.h4,.h5,.h6{margin-top:24px;margin-bottom:24px}p{margin-top:0;margin-bottom:24px}dfn,cite,em,i{font-style:italic}blockquote{font-size:20px;line-height:30px;letter-spacing:-0.1px;margin-top:24px;margin-bottom:24px;margin-left:24px}blockquote::before{content:\"\\201C\"}blockquote::after{content:\"\\201D\"}blockquote p{display:inline}address{border-width:1px 0;border-style:solid;border-color:#25282C;padding:24px 0;margin:0 0 24px}pre,pre h1,pre h2,pre h3,pre h4,pre h5,pre h6,pre .h1,pre .h2,pre .h3,pre .h4,pre .h5,pre .h6{font-family:\"Courier 10 Pitch\", Courier, monospace}pre,code,kbd,tt,var{background:#0e0f11}pre{font-size:16px;line-height:24px;letter-spacing:-0.1px;max-width:100%;overflow:auto;padding:24px 24px;margin-top:24px;margin-bottom:24px}code,kbd,tt,var{font-family:Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;font-size:16px;line-height:24px;letter-spacing:-0.1px;padding:2px 4px}abbr,acronym{cursor:help}mark,ins{text-decoration:none}b,strong{font-weight:700}.invert-color{color:#717D86}.invert-color a:not(.button){color:#717D86;text-decoration:none}.invert-color a:not(.button):hover,.invert-color a:not(.button):active{outline:0}.invert-color a.button-link:hover,.invert-color a.button-link:active{color:#6163FF}.invert-color a.func-link:hover,.invert-color a.func-link:active{color:#6163FF}.invert-color h1,.invert-color h2,.invert-color h3,.invert-color h4,.invert-color h5,.invert-color h6,.invert-color .h1,.invert-color .h2,.invert-color .h3,.invert-color .h4,.invert-color .h5,.invert-color .h6{color:#151719}.invert-color address{border-color:#ECEDED}.invert-color pre,.invert-color code,.invert-color kbd,.invert-color tt,.invert-color var{background:#0e0f11}@media (max-width: 820px){.h1-mobile{font-size:44px;line-height:54px;letter-spacing:-0.3px}.h2-mobile{font-size:32px;line-height:42px;letter-spacing:-0.3px}.h3-mobile{font-size:24px;line-height:34px;letter-spacing:-0.1px}.h4-mobile{font-size:24px;line-height:34px;letter-spacing:-0.1px}.h5-mobile{font-size:20px;line-height:30px;letter-spacing:-0.1px}.h6-mobile{font-size:18px;line-height:28px;letter-spacing:-0.1px}}@media (min-width: 821px){h1,.h1{font-size:52px;line-height:62px;letter-spacing:-0.3px}h2,.h2{font-size:44px;line-height:54px;letter-spacing:-0.3px}h3,.h3{font-size:32px;line-height:42px;letter-spacing:-0.3px}}.container,.container-sm,.container-xs{width:100%;margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width: 641px){.container,.container-sm,.container-xs{padding-left:24px;padding-right:24px}}.container{max-width:1248px}.container-sm{max-width:1128px}.container-xs{max-width:944px}[class*=container] [class*=container]{padding-left:0;padding-right:0}[class*=container] .container-sm{max-width:1080px}[class*=container] .container-xs{max-width:896px}.button{display:inline-flex;font-size:16px;line-height:24px;letter-spacing:-0.1px;font-weight:600;padding:11px 31px;height:48px;text-decoration:none !important;color:#25282C;background-color:#ECEDED;border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);border-radius:2px;cursor:pointer;justify-content:center;text-align:center;letter-spacing:inherit;white-space:nowrap;transition:background .15s ease}.button:active{outline:0}.button:hover{background-color:#dfe1e1}.button.is-loading{position:relative;color:transparent !important;pointer-events:none}.button.is-loading::after{content:'';display:block;position:absolute;width:24px;height:24px;margin-left:-12px;margin-top:-12px;top:50%;left:50%;border:2px solid #25282C;border-radius:50%;border-right-color:transparent !important;border-top-color:transparent !important;z-index:1;-webkit-animation:button-loading .6s infinite linear;animation:button-loading .6s infinite linear}.button[disabled]{cursor:not-allowed;color:#33363A;background-color:#717D86 !important}.button[disabled].is-loading::after{border-color:#33363A}.button-sm{padding:5px 23px;height:36px}.button-dark{color:#ECEDED;background-color:#25282C}.button-dark:hover{background-color:#2a2d32}.button-dark.is-loading::after{border-color:#ECEDED}.button-primary{color:#ECEDED;background-color:#6163FF}.button-primary:hover{background-color:#6b6dff}.button-primary.is-loading::after{border-color:#ECEDED}.button-secondary{color:#ECEDED;background-color:#24E5AF}.button-secondary:hover{background-color:#2de6b2}.button-secondary.is-loading::after{border-color:#ECEDED}.button-block{display:flex;width:100%}.button-group{display:flex;flex-wrap:wrap;align-items:center;margin-right:-8px;margin-left:-8px;margin-top:-8px}.button-group:last-of-type{margin-bottom:-8px}.button-group:not(:last-of-type){margin-bottom:8px}.button-group>[class*=button]{margin:8px}@media (max-width: 820px){.button-wide-mobile{width:100%;max-width:280px}}@-webkit-keyframes button-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes button-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}fieldset{padding:0;margin:0;border:0}.form-label,.form-switch,.form-slider{color:#717D86;font-weight:500}.form-label{font-size:14px;line-height:22px}.form-input,.form-select,.form-checkbox input,.form-radio input{-moz-appearance:none;-webkit-appearance:none;background-color:#ECEDED;border-width:1px;border-style:solid;border-color:#151719}.form-input:hover,.form-select:hover,.form-checkbox input:hover,.form-radio input:hover{border-color:#717D86}.form-input:active,.form-input:focus,.form-select:active,.form-select:focus,.form-checkbox input:active,.form-checkbox input:focus,.form-radio input:active,.form-radio input:focus{outline:none;border-color:#6163FF}.form-input[disabled],.form-select[disabled],.form-checkbox input[disabled],.form-radio input[disabled]{cursor:not-allowed;background-color:#33363A;border-color:#25282C}.form-input.form-error,.form-select.form-error,.form-checkbox input.form-error,.form-radio input.form-error{border-color:#FF6171}.form-input.form-warning,.form-select.form-warning,.form-checkbox input.form-warning,.form-radio input.form-warning{border-color:#FFA173}.form-input.form-success,.form-select.form-success,.form-checkbox input.form-success,.form-radio input.form-success{border-color:#24E5AF}.form-input,.form-select{display:block;font-size:16px;line-height:24px;letter-spacing:-0.1px;padding:11px 15px;height:48px;border-radius:0;color:#151719;box-shadow:none;max-width:100%;width:100%}.form-input::-webkit-input-placeholder{color:#9CA9B3}.form-input:-ms-input-placeholder{color:#9CA9B3}.form-input::-ms-input-placeholder{color:#9CA9B3}.form-input::placeholder{color:#9CA9B3}.form-input::-ms-input-placeholder{color:#9CA9B3}textarea.form-input{height:auto;resize:vertical}.form-select{padding-right:46px;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206%208%2011.4z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\");background-position:right 15px center;background-repeat:no-repeat;background-size:16px 16px}.form-select-sm{padding-right:38px;background-position:right 11px center}.form-select-sm,.form-input-sm{padding:5px 11px;height:36px}.has-icon-left,.has-icon-right{position:relative}.has-icon-left svg,.has-icon-right svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.has-icon-left .form-input{padding-left:46px}.has-icon-left .form-input+svg{left:15px}.has-icon-left .form-input-sm{padding-left:38px}.has-icon-left .form-input-sm+svg{left:11px}.has-icon-right .form-input{padding-right:46px}.has-icon-right .form-input+svg{right:15px}.has-icon-right .form-input-sm{padding-right:38px}.has-icon-right .form-input-sm+svg{right:11px}.form-checkbox,.form-radio,.form-switch{cursor:pointer}.form-checkbox,.form-radio,.form-switch,.form-slider{font-size:16px;line-height:24px;letter-spacing:-0.1px}.form-checkbox,.form-radio{color:#9CA9B3}.form-checkbox,.form-radio{position:relative;padding-left:24px}.form-checkbox input,.form-radio input{position:absolute;left:0;top:3px;width:16px;height:16px;cursor:pointer}.form-checkbox input:checked,.form-radio input:checked{background-color:#6163FF !important;border-color:#6163FF !important;background-position:50%}.form-checkbox input{border-radius:2px}.form-checkbox input:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xMS40IDVMMTAgMy42bC00IDQtMi0yTDIuNiA3IDYgMTAuNHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)}.form-radio input{border-radius:50%}.form-radio input:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iNyIgY3k9IjciIHI9IjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)}.form-switch{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-switch input{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-switch .form-switch-icon{display:block;position:relative;min-width:60px;width:60px;height:32px;border-radius:16px;background:#33363A}.form-switch .form-switch-icon::before{content:'';display:block;position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:14px;background:#ECEDED;transition:all .15s ease-out}.form-switch input:checked+.form-switch-icon{background:#6163FF}.form-switch input:checked+.form-switch-icon::before{left:30px}.form-switch>span:not(.form-switch-icon){order:-1;margin-right:12px}.form-switch>span:not(.form-switch-icon):last-child{order:initial;margin-left:12px;margin-right:0}.form-slider>span{display:block}.form-slider input[type=range]{-moz-appearance:none;-webkit-appearance:none;background:#9CA9B3;border-radius:3px;height:6px;width:100%;margin-top:15px;margin-bottom:15px;outline:none}.form-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background-color:#6163FF;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-repeat:no-repeat;border:0;border-radius:50%;cursor:pointer;height:36px;width:36px}.form-slider input[type=range]::-moz-range-thumb{background-color:#6163FF;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-repeat:no-repeat;border:0;border:none;border-radius:50%;cursor:pointer;height:36px;width:36px}.form-slider input[type=range]::-ms-thumb{background-color:#6163FF;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-repeat:no-repeat;border:0;border-radius:50%;cursor:pointer;height:36px;width:36px}.form-slider input[type=range]::-moz-focus-outer{border:0}.invert-color .form-label,.invert-color .form-switch,.invert-color .form-slider{color:#33363A}.invert-color .form-input,.invert-color .form-select,.invert-color .form-checkbox input,.invert-color .form-radio input{border-color:#e2e3e3}.invert-color .form-input:active,.invert-color .form-input:focus,.invert-color .form-select:active,.invert-color .form-select:focus,.invert-color .form-checkbox input:active,.invert-color .form-checkbox input:focus,.invert-color .form-radio input:active,.invert-color .form-radio input:focus{border-color:#6163FF}.invert-color .form-input[disabled],.invert-color .form-select[disabled],.invert-color .form-checkbox input[disabled],.invert-color .form-radio input[disabled]{background-color:#e2e3e3}.invert-color .form-input,.invert-color .form-select{color:#33363A}.invert-color .form-select{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206%208%2011.4z%22%20fill%3D%22%2333363A%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\")}.invert-color .form-checkbox,.invert-color .form-radio{color:#33363A}.invert-color .form-checkbox input:checked,.invert-color .form-radio input:checked{background-color:#0e0f11 !important;border-color:#0e0f11 !important}.invert-color .form-slider input[type=range]::-webkit-slider-thumb{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\")}.invert-color .form-slider input[type=range]::-moz-range-thumb{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\")}.invert-color .form-slider input[type=range]::-ms-thumb{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23ECEDED%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\")}.form-group{display:flex}.form-group .form-input{flex-grow:1;flex-shrink:1;margin-right:12px}.form-group .button{padding-left:24px;padding-right:24px;flex-shrink:0}.form-hint{font-size:14px;line-height:22px;margin-top:8px}@media (max-width: 820px){.form-group-desktop .form-input{margin-bottom:12px}.form-group-desktop .button{width:100%}}@media (min-width: 821px){.form-group-desktop{display:flex}.form-group-desktop .form-input{flex-grow:1;flex-shrink:1;margin-right:12px}.form-group-desktop .button{padding-left:24px;padding-right:24px;flex-shrink:0}}.header-nav-toggle{background:transparent;border:0;outline:0;padding:0;cursor:pointer}.hamburger,.hamburger-inner{display:block;pointer-events:none}.hamburger{position:relative;width:24px;height:24px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:24px;height:2px;position:absolute;background:#9CA9B3}.invert-color .hamburger-inner,.invert-color .hamburger-inner::before,.invert-color .hamburger-inner::after{background:#25282C}.hamburger-inner{top:50%;margin-top:-1px;transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger-inner::before,.hamburger-inner::after{content:'';display:block}.hamburger-inner::before{top:-7px;transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in}.hamburger-inner::after{bottom:-7px;transition:bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),width 0.1s 0.25s ease-in}.off-nav-is-active .hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.off-nav-is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out}.off-nav-is-active .hamburger-inner::after{width:24px;bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),width 0.1s ease-out}.modal,.modal::before{bottom:0;left:0;right:0;top:0}.modal{display:none;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:40}.modal.modal-video .modal-inner{padding:0;max-width:1024px}.modal::before,.modal .modal-inner{display:none}.modal::before{content:'';position:absolute;background-color:rgba(21,23,25,0.88)}.modal.is-active{display:flex}.modal.is-active::before,.modal.is-active .modal-inner{display:block}.modal.is-active .modal-inner{-webkit-animation:slideUpInModal .15s ease-in-out both;animation:slideUpInModal .15s ease-in-out both}.modal.is-active::before{-webkit-animation:slideUpInModalBg .15s ease-in-out both;animation:slideUpInModalBg .15s ease-in-out both}.modal-inner{max-height:calc(100vh - 16px * 2);overflow:auto;position:relative;width:calc(100%  - ( 16px * 2 ));max-width:520px;margin-left:16px;margin-right:16px;background:#25282C}.modal-content{padding:48px 16px}.modal-close{background:transparent;border:0;outline:0;padding:0;cursor:pointer;position:absolute;right:16px;top:16px;width:16px;height:16px}.modal-close::before,.modal-close::after{content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-8px;width:16px;height:2px;background:#717D86}.modal-close::before{transform:rotate(225deg)}.modal-close::after{transform:rotate(-45deg)}.modal-close:hover::before,.modal-close:hover::after{background:#9CA9B3}@media (min-width: 821px){.modal-inner{margin:0 auto;max-height:calc(100vh - 48px * 2)}.modal-content{padding-top:64px;padding-bottom:64px;padding-left:32px;padding-right:32px}}@-webkit-keyframes slideUpInModal{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpInModal{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUpInModalBg{0%{opacity:0}to{opacity:1}}@keyframes slideUpInModalBg{0%{opacity:0}to{opacity:1}}.split-wrap{margin-top:-24px}.split-wrap:last-of-type{margin-bottom:-24px}.split-wrap:not(:last-of-type){margin-bottom:24px}.split-wrap .split-item{padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column}.split-wrap .split-item .split-item-image{position:relative;width:100%}.split-wrap .split-item .split-item-image img,.split-wrap .split-item .split-item-image svg,.split-wrap .split-item .split-item-image video{width:auto;height:auto;max-width:100%;overflow:visible}.split-wrap .split-item .split-item-image.split-item-image-fill img,.split-wrap .split-item .split-item-image.split-item-image-fill svg,.split-wrap .split-item .split-item-image.split-item-image-fill video{width:100%}@media (max-width: 820px){.split-wrap .split-item .split-item-content{margin-bottom:32px}.split-wrap.invert-mobile .split-item .split-item-content{order:1;margin-bottom:0 !important}.split-wrap.invert-mobile .split-item .split-item-image{margin-bottom:32px}}@media (min-width: 821px){.split-wrap{margin-top:-40px}.split-wrap:last-of-type{margin-bottom:-40px}.split-wrap:not(:last-of-type){margin-bottom:40px}.split-wrap .split-item{padding-top:40px;padding-bottom:40px;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.split-wrap .split-item .split-item-content{flex-shrink:0;width:488px;margin-bottom:0;margin-right:64px}.split-wrap .split-item .split-item-image{min-width:528px}.split-wrap:not(.invert-desktop) .split-item:nth-child(even),.split-wrap.invert-desktop .split-item:nth-child(odd){justify-content:flex-end}.split-wrap:not(.invert-desktop) .split-item:nth-child(even) .split-item-content,.split-wrap.invert-desktop .split-item:nth-child(odd) .split-item-content{order:1;margin-left:64px;margin-right:0}.split-wrap:not(.invert-desktop) .split-item:nth-child(odd) .split-item-image img,.split-wrap:not(.invert-desktop) .split-item:nth-child(odd) .split-item-image svg,.split-wrap:not(.invert-desktop) .split-item:nth-child(odd) .split-item-image video,.split-wrap.invert-desktop .split-item:nth-child(even) .split-item-image img,.split-wrap.invert-desktop .split-item:nth-child(even) .split-item-image svg,.split-wrap.invert-desktop .split-item:nth-child(even) .split-item-image video{margin-left:auto}.split-wrap.align-top .split-item{align-items:flex-start}}@media (min-width: 1081px){.container .split-wrap .split-item .split-item-content{width:548px}.container .split-wrap .split-item .split-item-image{min-width:588px}}.tiles-wrap{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-12px;margin-left:-12px;margin-top:-12px}.tiles-wrap:last-of-type{margin-bottom:-12px}.tiles-wrap:not(:last-of-type){margin-bottom:12px}.tiles-wrap.push-left::after{content:'';flex-basis:330px;max-width:330px;box-sizing:content-box;padding-left:12px;padding-right:12px;height:0}.tiles-item{flex-basis:330px;max-width:330px;box-sizing:content-box;padding:12px}.tiles-item *{box-sizing:border-box}.tiles-item-inner{display:flex;flex-wrap:wrap;flex-direction:column;height:100%;padding:32px 24px}.site-header{position:absolute !important;top:0;width:100%;z-index:10 !important}.site-header+.site-content .section:first-of-type{padding-top:80px}.site-header .brand{margin-right:32px}.site-header-inner{display:flex;justify-content:space-between;align-items:center;height:80px}.header-nav{flex-grow:1}.header-nav .header-nav-inner{display:flex;flex-grow:1}.header-nav ul{display:flex;align-items:center;flex-grow:1;white-space:nowrap;margin-bottom:0}.header-nav ul:first-of-type{flex-wrap:wrap}.header-nav li+.header-button{margin-left:32px}.header-nav a:not(.button){display:block;color:#9CA9B3;font-weight:500;padding:0 32px}.header-nav a:not(.button):hover,.header-nav a:not(.button):active{color:#ECEDED}.invert-color .header-nav a:not(.button){color:#33363A}.invert-color .header-nav a:not(.button):hover,.invert-color .header-nav a:not(.button):active{color:#6163FF}.header-nav a.button{margin-left:32px}.header-nav-center:first-of-type{flex-grow:1;justify-content:flex-end}.header-nav-right{justify-content:flex-end}.header-nav-right+.header-nav-right{flex-grow:0}.header-nav-toggle{display:none}@media (max-width: 820px){.header-nav-toggle{display:block}.header-nav-toggle+.header-nav{flex-direction:column;position:absolute;left:0;right:0;top:100%;z-index:9999;background:#0e0f11;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease-in-out, opacity .15s}.header-nav-toggle+.header-nav.is-active{opacity:1}.header-nav-toggle+.header-nav .header-nav-inner{flex-direction:column;padding:24px}.header-nav-toggle+.header-nav ul{display:block;text-align:center}.header-nav-toggle+.header-nav ul a:not(.button){display:inline-flex;color:#ECEDED;padding-top:12px;padding-bottom:12px}.header-nav-toggle+.header-nav a.button{margin-left:0;margin-top:12px;margin-bottom:12px}}.is-boxed{background:#1a1c1f}.is-boxed .body-wrap{max-width:1440px;margin:0 auto;box-shadow:0 20px 48px rgba(21,23,25,0.8)}.is-boxed .body-wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#151719;z-index:-10}.body-wrap{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh}.site-content{flex:1 0 auto}.site-footer{position:relative}.site-footer::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:#151719;z-index:-3}.site-footer-inner{padding:48px 0}.footer-top{padding-bottom:12px}.footer-bottom{padding-top:12px}.footer-blocks{display:flex;flex-wrap:wrap;margin-right:-24px;margin-left:-24px;margin-top:-12px}.footer-blocks:last-of-type{margin-bottom:28px}.footer-blocks:not(:last-of-type){margin-bottom:12px}.footer-block{flex-grow:1;flex-basis:160px;box-sizing:content-box;padding:12px 24px}.footer-block *{box-sizing:border-box}.footer-block ul li:not(:last-child){margin-bottom:4px}.footer-block a{color:#9CA9B3}.footer-block a:hover,.footer-block a:active{color:#ECEDED}.footer-block-title{font-size:14px;line-height:22px;font-weight:700;color:#ECEDED;text-transform:uppercase;margin-bottom:8px}.invert-color .footer-block-title{color:#151719}.footer-social a,.footer-nav a{display:flex}.footer-social ul,.footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;white-space:nowrap;margin-bottom:0}.footer-social ul{margin-right:-16px;margin-left:-16px}.footer-social li{padding:0 8px}.footer-social a{padding:8px}.footer-social a svg{fill:#6163FF;transition:fill .15s ease}.footer-social a:hover svg{fill:#ACADFF}.footer-nav{margin-right:-12px;margin-left:-12px}.footer-nav a{color:#9CA9B3;padding:0 12px}.footer-nav a:hover,.footer-nav a:active{color:#ECEDED}@media (max-width: 820px){.footer-top>*:not(:last-child),.footer-bottom>*:not(:last-child){margin-bottom:24px}}@media (min-width: 821px){.site-footer-inner{padding:64px 0}.footer-top.space-between,.footer-bottom.space-between{display:flex;justify-content:space-between;align-items:center}.footer-top.invert-order-desktop>*:first-child,.footer-bottom.invert-order-desktop>*:first-child{order:1}}.section-inner{position:relative;padding-top:48px;padding-bottom:48px}.section-header{padding-bottom:48px}@media (min-width: 821px){.section-inner{padding-top:80px;padding-bottom:80px}.section-header{padding-bottom:80px}}.hero-inner>.hero-content+.hero-figure,.hero-inner>.hero-figure+.hero-content{margin-top:48px}.hero-inner>.hero-figure>a{display:inline-flex;align-items:center;vertical-align:top}@media (max-width: 820px){.hero .split-wrap .split-item .split-item-content{margin-bottom:48px}.hero .split-wrap.invert-mobile .split-item .split-item-image{margin-bottom:48px}}@media (min-width: 821px){.hero-inner>.hero-content+.hero-figure,.hero-inner>.hero-figure+.hero-content{margin-top:64px}}@media (min-width: 821px){.features-split .section-header{padding-bottom:92px}}.features-tiles .tiles-wrap{margin-right:-16px;margin-left:-16px;margin-top:-16px}.features-tiles .tiles-wrap:last-of-type{margin-bottom:-16px}.features-tiles .tiles-wrap:not(:last-of-type){margin-bottom:16px}.features-tiles .tiles-wrap.push-left::after{flex-basis:317px;max-width:317px;padding-left:16px;padding-right:16px}.features-tiles .tiles-item{flex-basis:317px;max-width:317px;padding:16px}.features-tiles .tiles-item-inner{padding-top:0;padding-bottom:0;padding-left:0;padding-right:0}@media (min-width: 821px){.features-tiles .tiles-wrap{margin-right:-32px;margin-left:-32px;margin-top:-32px}.features-tiles .tiles-wrap:last-of-type{margin-bottom:-32px}.features-tiles .tiles-wrap:not(:last-of-type){margin-bottom:32px}.features-tiles .tiles-wrap.push-left::after{padding-left:32px;padding-right:32px}.features-tiles .tiles-item{padding:32px}}.testimonial .tiles-wrap.push-left::after{flex-basis:344px;max-width:344px}.testimonial .tiles-item{flex-basis:344px;max-width:344px}.testimonial .tiles-item-inner{padding-top:24px;padding-bottom:24px;padding-left:32px;padding-right:32px}.testimonial-item-content{flex-grow:1}.testimonial-item-source{display:inline-flex;flex-wrap:wrap;align-items:center}.cta .section-inner{padding-top:48px;padding-bottom:48px}.cta-slogan{margin-bottom:40px}@media (min-width: 821px){.cta .section-inner{padding-top:64px;padding-bottom:64px}.cta-split{display:flex;justify-content:space-between;align-items:center}.cta-split .cta-slogan{margin-bottom:0;margin-right:48px}}[class*=illustration-]{position:relative}[class*=illustration-]::after{pointer-events:none}[class*=illustration-element-]::after{z-index:-1}[class*=illustration-section-]::after{z-index:-2}.illustration-section-01::after{content:'';position:absolute;width:100%;max-width:100%;height:286px;background-image:url(../../static/media/illustration-section-01.ea694903.svg);background-repeat:no-repeat;background-size:auto;left:50%;top:0;background-position:center top;transform:translate(-50%)}.illustration-section-02::after{content:'';position:absolute;width:100%;max-width:100%;height:253px;background-image:url(../../static/media/illustration-section-02.63d0555d.svg);background-repeat:no-repeat;background-size:auto;left:50%;background-position:center;top:calc(50% + 30px);transform:translate(-50%, -50%)}h3,h4,h5,h6,.h3,.h4,.h5,.h6{font-weight:700}.features-tiles-item-image{display:inline-flex;border-radius:50%;background-color:#5658DD}.testimonial .tiles-item-inner{background:#25282C}.testimonial-item-content{position:relative}.testimonial-item-content::before{content:'';display:block;width:24px;height:18px;margin-top:12px;margin-bottom:16px;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2013.481c0-2.34.611-4.761%201.833-7.263C3.056%203.716%204.733%201.643%206.865%200L11%202.689C9.726%204.382%208.777%206.093%208.152%207.824c-.624%201.73-.936%203.578-.936%205.545V18H0v-4.519zm13%200c0-2.34.611-4.761%201.833-7.263%201.223-2.502%202.9-4.575%205.032-6.218L24%202.689c-1.274%201.693-2.223%203.404-2.848%205.135-.624%201.73-.936%203.578-.936%205.545V18H13v-4.519z%22%20fill%3D%22%236163FF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.testimonial-item-footer{font-weight:600;padding-top:20px}.testimonial-item-footer.has-top-divider::before{background:#33363A}.testimonial-item-link{color:#1CB68B}.testimonial-item-link a{color:#1CB68B;text-decoration:none}.testimonial-item-link a:hover{color:#73EFCC}.cta .form-input{border-color:transparent;border-radius:2px}.cta-inner{padding-left:16px;padding-right:16px;background-color:#5658DD;background-image:url(../../static/media/cta-illustration.3ce357e7.svg);background-repeat:no-repeat;background-size:cover;background-position:right bottom}@media (min-width: 821px){.cta .form-input{min-width:280px}.cta-inner{padding-left:48px;padding-right:48px}}.screen-reader{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.list-reset{list-style:none;padding:0}.list-reset li{margin:0}.ta-l{text-align:left}.ta-c{text-align:center}.ta-r{text-align:right}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-color-high{color:#ECEDED}.text-color-mid{color:#9CA9B3}.text-color-low{color:#717D86}.text-color-primary{color:#5658DD}.text-color-secondary{color:#24E5AF}.text-color-error{color:#FF6171}.text-color-warning{color:#FFA173}.text-color-success{color:#24E5AF}.invert-color .text-color-high{color:#151719}.invert-color .text-color-mid{color:#25282C}.invert-color .text-color-low{color:#717D86}.tt-u{text-transform:uppercase}.image-full{width:100%}.image-larger{position:relative;left:50%;transform:translateX(-50%);width:calc(100% + 96px);max-width:100vw}.has-bg-color{position:relative;background-color:#fff;z-index:0}.has-shadow{box-shadow:0 24px 64px rgba(21,23,25,0.64)}img.has-shadow{border-radius:2px}.has-top-divider{position:relative}.has-top-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:1px;background:#25282C}.has-bottom-divider{position:relative}.has-bottom-divider::after{content:'';position:absolute;bottom:0;left:0;width:100%;display:block;height:1px;background:#25282C}.invert-color .has-top-divider{position:relative}.invert-color .has-top-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:1px;background:#ECEDED}.invert-color .has-bottom-divider{position:relative}.invert-color .has-bottom-divider::after{content:'';position:absolute;bottom:0;left:0;width:100%;display:block;height:1px;background:#ECEDED}.center-content{text-align:center}.center-content img,.center-content svg,.center-content video{margin-left:auto;margin-right:auto}.center-content .button-group{justify-content:center}.responsive-video{position:relative;padding-bottom:56.25%;height:0}.responsive-video.is-4-3{padding-bottom:75%}.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-4{margin:4px}.mt-4{margin-top:4px}.mr-4{margin-right:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.m-8{margin:8px}.mt-8{margin-top:8px}.mr-8{margin-right:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.m-12{margin:12px}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.m-16{margin:16px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.m-24{margin:24px}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.m-32{margin:32px}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-4{padding:4px}.pt-4{padding-top:4px}.pr-4{padding-right:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.p-8{padding:8px}.pt-8{padding-top:8px}.pr-8{padding-right:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.p-12{padding:12px}.pt-12{padding-top:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.p-16{padding:16px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.p-24{padding:24px}.pt-24{padding-top:24px}.pr-24{padding-right:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.p-32{padding:32px}.pt-32{padding-top:32px}.pr-32{padding-right:32px}.pb-32{padding-bottom:32px}.pl-32{padding-left:32px}.spacer-4{padding-top:4px}.spacer-8{padding-top:8px}.spacer-12{padding-top:12px}.spacer-16{padding-top:16px}.spacer-24{padding-top:24px}.spacer-32{padding-top:32px}.spacer-48{padding-top:48px}.spacer-64{padding-top:64px}@media (max-width: 820px){.ta-l-mobile{text-align:left}.ta-c-mobile{text-align:center}.ta-r-mobile{text-align:right}.center-content-mobile{text-align:center}.center-content-mobile img,.center-content-mobile svg,.center-content-mobile video{margin-left:auto;margin-right:auto}.center-content-mobile .button-group{justify-content:center}.spacer-4-mobile{padding-top:4px}.spacer-8-mobile{padding-top:8px}.spacer-12-mobile{padding-top:12px}.spacer-16-mobile{padding-top:16px}.spacer-24-mobile{padding-top:24px}.spacer-32-mobile{padding-top:32px}.spacer-48-mobile{padding-top:48px}.spacer-64-mobile{padding-top:64px}}@media (min-width: 821px){.ta-l-desktop{text-align:left}.ta-c-desktop{text-align:center}.ta-r-desktop{text-align:right}.center-content-desktop{text-align:center}.center-content-desktop img,.center-content-desktop svg,.center-content-desktop video{margin-left:auto;margin-right:auto}.center-content-desktop .button-group{justify-content:center}}\n\n",".btn {\r\n  &SignUp {\r\n    &:global(.button) {\r\n      background-color : #FFB03A;\r\n      border-radius    : 4px;\r\n    }\r\n  }\r\n  \r\n  &Login {\r\n    &:global(.button) {\r\n      background : unset;\r\n    }\r\n  }\r\n}\r\n\r\n//\r\n//:global(#Header) {\r\n//  @media (max-width : 1090px) {\r\n//    :global( .header-nav-toggle ) {\r\n//      display : block;\r\n//    }\r\n//  }\r\n//}\r\n//\r\n",".footer {\r\n  &Top {\r\n    &:global(.footer-top) {\r\n      padding-bottom : 0;\r\n    }\r\n  }\r\n}\r\n",".flex {\r\n  &Left {\r\n    display         : flex;\r\n    justify-content : flex-start;\r\n  }\r\n}\r\n\r\n.subTitle {\r\n  //white-space : pre-wrap;\r\n  text-align : left;\r\n}\r\n\r\n.container {\r\n  margin-left : 0 !important;\r\n}\r\n\r\n.btn {\r\n  &Start {\r\n    &:global(.button) {\r\n      background-color : #FFB03A;\r\n      border-radius    : 4px;\r\n    }\r\n  }\r\n}\r\n\r\n//\r\n//\r\n//\r\n//\r\n//\r\n\r\n:global(#Hero) {\r\n  \r\n  @media (min-width : 641px) {\r\n    :global(.section-inner) {\r\n      padding-top    : 200px !important;\r\n      padding-bottom : 289px !important;\r\n    }\r\n    \r\n    .subTitle {\r\n      max-width : 750px;\r\n    }\r\n    \r\n  }\r\n  \r\n}\r\n","$width    : 40%;\r\n\r\n$width_sm : 80%;\r\n\r\n.flex {\r\n  &Left {\r\n    display         : flex;\r\n    justify-content : flex-start;\r\n    //\r\n    text-align      : left;\r\n  }\r\n}\r\n\r\n.featuresTiles {\r\n  \r\n  &:global(#FeaturesTiles) {\r\n    background : rgba(#E5F8FA, 0.4);\r\n    \r\n    :global(.tiles-item ) {\r\n      width      : $width;\r\n      max-width  : unset;\r\n      flex-basis : $width;\r\n    }\r\n    \r\n    :global(.center-content) {\r\n      h2 {\r\n        color : #252D35;\r\n      }\r\n    }\r\n    \r\n    :global(.tiles-item-inner) {\r\n      display        : flex;\r\n      flex-direction : row;\r\n      align-items    : center;\r\n      flex-wrap      : unset;\r\n    }\r\n    :global(.features-tiles-item-header) {\r\n      width        : 80px;\r\n      margin-right : 80px;\r\n    }\r\n    \r\n    :global(.features-tiles-item-image) {\r\n      background-color : unset;\r\n    }\r\n    :global(.features-tiles-item-content) {\r\n      flex : 1;\r\n      \r\n      h4 {\r\n        color : #252D35;\r\n      }\r\n      \r\n      p {\r\n        color : #5A6576;\r\n      }\r\n    }\r\n    \r\n  }\r\n}\r\n\r\n:global(#FeaturesTiles) {\r\n  @media (min-width : 481px) {\r\n    & > :global( .container  ) {\r\n      padding-top : 120px;\r\n    }\r\n  }\r\n  \r\n}\r\n\r\n\r\n:global(#FeaturesTiles) {\r\n  @media (max-width : 896px) {\r\n    \r\n    :global(.tiles-item ) {\r\n      width      : $width_sm !important;\r\n      max-width  : unset;\r\n      flex-basis : $width_sm !important;\r\n    }\r\n    \r\n    \r\n  }\r\n  \r\n}\r\n\r\n\r\n",":global(#FeaturesSplit) {\r\n  .getStartSteps {\r\n    &:global(.split-item) {\r\n      ol {\r\n        & > li {\r\n          //margin-top     : 30px;\r\n          padding        : 20px 30px;\r\n          //\r\n          display        : flex;\r\n          flex-direction : row;\r\n          align-items    : center;\r\n          \r\n          // 第一个元素\r\n          &:nth-child(1) {\r\n            background    : #FFFFFF;\r\n            box-shadow    : 0px 25px 45px rgba(192, 203, 215, 0.2);\r\n            border-radius : 12px;\r\n            \r\n            .leftArea {\r\n              color         : #FFFFFF;\r\n              background    : #1F5C7F;\r\n              border-radius : 50%;\r\n            }\r\n            \r\n          }\r\n          \r\n          .leftArea {\r\n            margin-right    : 20px;\r\n            //\r\n            display         : flex;\r\n            justify-content : center;\r\n            align-items     : center;\r\n            \r\n            //\r\n            color           : #000000;\r\n            font-size       : 14px;\r\n            \r\n            width           : 40px;\r\n            height          : 40px;\r\n          }\r\n          \r\n          .rightArea {\r\n            display        : flex;\r\n            flex-direction : column;\r\n            \r\n            // 标题\r\n            div:nth-child(1) {\r\n              text-align : left;\r\n              font-size  : 20px;\r\n              color      : #252D35;\r\n            }\r\n            // 内容\r\n            div:nth-child(2) {\r\n              text-align : left;\r\n              \r\n              margin-top : 4px;\r\n              //\r\n              font-size  : 16px;\r\n              color      : #5A6576;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n      }\r\n      \r\n      \r\n    }\r\n    \r\n    &:global(.split-item) {\r\n      align-items : flex-start;\r\n    }\r\n    \r\n    \r\n  }\r\n  \r\n  :global(.split-item-content) {\r\n    h3 {\r\n      color : #252D35;\r\n    }\r\n    p {\r\n      color : #5A6576;\r\n    }\r\n  }\r\n  \r\n  // 消除黑线\r\n  :global(.has-top-divider) {\r\n    &:before {\r\n      background : unset;\r\n    }\r\n  }\r\n  \r\n}\r\n","$bg : #123953;\r\n\r\n:global(#Cta.cta) {\r\n  background : $bg;\r\n  \r\n  :global(.cta-inner) {\r\n    background : $bg;\r\n  }\r\n  \r\n}\r\n\r\n.btn {\r\n  &Start {\r\n    &:global(.button) {\r\n      background-color : #FFB03A;\r\n      border-radius    : 4px;\r\n    }\r\n  }\r\n}\r\n","body {\r\n  background-color : #FFF !important;\r\n}\r\n",":global(#Hero)::after {\r\n  background-image    : url(\"../assets/hyper/hero_bg.png\");\r\n  left                : 0;\r\n  background-position : unset;\r\n  transform           : unset;\r\n  height              : 100%;\r\n  background-size     : cover;\r\n}\r\n\r\n\r\n:global(#FeaturesSplit)::after {\r\n  background-image : unset;\r\n}\r\n\r\n:global(#Advantages)::after {\r\n  background-image : unset;\r\n}\r\n","$width : 25%;\r\n\r\n.featuresTiles {\r\n  \r\n  &:global(#Advantages) {\r\n    background : #1F5C7F;\r\n    \r\n    :global(.tiles-item ) {\r\n      width      : $width;\r\n      max-width  : unset;\r\n      flex-basis : $width;\r\n      \r\n      \r\n      h4 {\r\n        font-weight : normal;\r\n        font-size   : 20px;\r\n      }\r\n      \r\n    }\r\n    \r\n    // 消除黑线\r\n    :global(.has-top-divider) {\r\n      &:before {\r\n        background : unset;\r\n      }\r\n    }\r\n    \r\n  }\r\n  \r\n  :global(.features-tiles-item-image) {\r\n    background : #15A6BB;\r\n  }\r\n  \r\n}\r\n\r\n\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n\r\n:global(#Advantages) {\r\n  \r\n  @media (min-width : 481px) {\r\n    \r\n    :global(  .container) {\r\n      padding-top : 80px;\r\n    }\r\n  }\r\n  \r\n}\r\n","html {\r\n  line-height: 1.15;\r\n  -ms-text-size-adjust: 100%;\r\n  -webkit-text-size-adjust: 100%;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\narticle,\r\naside,\r\nfooter,\r\nheader,\r\nnav,\r\nsection {\r\n  display: block;\r\n}\r\n\r\nh1 {\r\n  font-size: 2em;\r\n  margin: 0.67em 0;\r\n}\r\n\r\nfigcaption,\r\nfigure,\r\nmain {\r\n  display: block;\r\n}\r\n\r\nfigure {\r\n  margin: 1em 40px;\r\n}\r\n\r\nhr {\r\n  box-sizing: content-box;\r\n  height: 0;\r\n  overflow: visible;\r\n}\r\n\r\npre {\r\n  font-family: monospace, monospace;\r\n  font-size: 1em;\r\n}\r\n\r\na {\r\n  background-color: transparent;\r\n  -webkit-text-decoration-skip: objects;\r\n}\r\n\r\nabbr[title] {\r\n  border-bottom: none;\r\n  text-decoration: underline;\r\n  text-decoration: underline dotted;\r\n}\r\n\r\nb,\r\nstrong {\r\n  font-weight: inherit;\r\n}\r\n\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-family: monospace, monospace;\r\n  font-size: 1em;\r\n}\r\n\r\ndfn {\r\n  font-style: italic;\r\n}\r\n\r\nmark {\r\n  background-color: #ff0;\r\n  color: #000;\r\n}\r\n\r\nsmall {\r\n  font-size: 80%;\r\n}\r\n\r\nsub,\r\nsup {\r\n  font-size: 75%;\r\n  line-height: 0;\r\n  position: relative;\r\n  vertical-align: baseline;\r\n}\r\n\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\n\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\nimg {\r\n  border-style: none;\r\n}\r\n\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  font-family: sans-serif;\r\n  font-size: 100%;\r\n  line-height: 1.15;\r\n  margin: 0;\r\n}\r\n\r\nbutton,\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\nbutton,\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\nbutton,\r\nhtml [type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  border-style: none;\r\n  padding: 0;\r\n}\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n  outline: 1px dotted ButtonText;\r\n}\r\n\r\nfieldset {\r\n  padding: 0.35em 0.75em 0.625em;\r\n}\r\n\r\nlegend {\r\n  box-sizing: border-box;\r\n  color: inherit;\r\n  display: table;\r\n  max-width: 100%;\r\n  padding: 0;\r\n  white-space: normal;\r\n}\r\n\r\nprogress {\r\n  display: inline-block;\r\n  vertical-align: baseline;\r\n}\r\n\r\ntextarea {\r\n  overflow: auto;\r\n}\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n}\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield;\r\n  outline-offset: -2px;\r\n}\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button;\r\n  font: inherit;\r\n}\r\n\r\ndetails,\r\nmenu {\r\n  display: block;\r\n}\r\n\r\nsummary {\r\n  display: list-item;\r\n}\r\n\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n\r\ntemplate {\r\n  display: none;\r\n}\r\n\r\n[hidden] {\r\n  display: none;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n//     _            _           _                           _ _\r\n//    (_)          | |         | |                         | (_)\r\n//     _ _ __   ___| |_   _  __| | ___   _ __ ___   ___  __| |_  __ _\r\n//    | | '_ \\ / __| | | | |/ _` |/ _ \\ | '_ ` _ \\ / _ \\/ _` | |/ _` |\r\n//    | | | | | (__| | |_| | (_| |  __/ | | | | | |  __/ (_| | | (_| |\r\n//    |_|_| |_|\\___|_|\\__,_|\\__,_|\\___| |_| |_| |_|\\___|\\__,_|_|\\__,_|\r\n//\r\n//      Simple, elegant and maintainable media queries in Sass\r\n//                        v1.4.9\r\n//\r\n//                http://include-media.com\r\n//\r\n//         Authors: Eduardo Boucas (@eduardoboucas)\r\n//                  Hugo Giraudel (@hugogiraudel)\r\n//\r\n//      This project is licensed under the terms of the MIT license\r\n\r\n\r\n////\r\n/// include-media library public configuration\r\n/// @author Eduardo Boucas\r\n/// @access public\r\n////\r\n\r\n\r\n///\r\n/// Creates a list of global breakpoints\r\n///\r\n/// @example scss - Creates a single breakpoint with the label `phone`\r\n///  $breakpoints: ('phone': 320px);\r\n///\r\n$breakpoints: (\r\n  'phone': 320px,\r\n  'tablet': 768px,\r\n  'desktop': 1024px\r\n) !default;\r\n\r\n\r\n///\r\n/// Creates a list of static expressions or media types\r\n///\r\n/// @example scss - Creates a single media type (screen)\r\n///  $media-expressions: ('screen': 'screen');\r\n///\r\n/// @example scss - Creates a static expression with logical disjunction (OR operator)\r\n///  $media-expressions: (\r\n///    'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'\r\n///  );\r\n///\r\n$media-expressions: (\r\n  'screen': 'screen',\r\n  'print': 'print',\r\n  'handheld': 'handheld',\r\n  'landscape': '(orientation: landscape)',\r\n  'portrait': '(orientation: portrait)',\r\n  'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',\r\n  'retina3x': '(-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx)'\r\n) !default;\r\n\r\n\r\n///\r\n/// Defines a number to be added or subtracted from each unit when declaring breakpoints with exclusive intervals\r\n///\r\n/// @example scss - Interval for pixels is defined as `1` by default\r\n///  @include media('>128px') {}\r\n///\r\n///  /* Generates: */\r\n///  @media (min-width: 129px) {}\r\n///\r\n/// @example scss - Interval for ems is defined as `0.01` by default\r\n///  @include media('>20em') {}\r\n///\r\n///  /* Generates: */\r\n///  @media (min-width: 20.01em) {}\r\n///\r\n/// @example scss - Interval for rems is defined as `0.1` by default, to be used with `font-size: 62.5%;`\r\n///  @include media('>2.0rem') {}\r\n///\r\n///  /* Generates: */\r\n///  @media (min-width: 2.1rem) {}\r\n///\r\n$unit-intervals: (\r\n  'px': 1,\r\n  'em': 0.01,\r\n  'rem': 0.1,\r\n  '': 0\r\n) !default;\r\n\r\n///\r\n/// Defines whether support for media queries is available, useful for creating separate stylesheets\r\n/// for browsers that don't support media queries.\r\n///\r\n/// @example scss - Disables support for media queries\r\n///  $im-media-support: false;\r\n///  @include media('>=tablet') {\r\n///    .foo {\r\n///      color: tomato;\r\n///    }\r\n///  }\r\n///\r\n///  /* Generates: */\r\n///  .foo {\r\n///    color: tomato;\r\n///  }\r\n///\r\n$im-media-support: true !default;\r\n\r\n///\r\n/// Selects which breakpoint to emulate when support for media queries is disabled. Media queries that start at or\r\n/// intercept the breakpoint will be displayed, any others will be ignored.\r\n///\r\n/// @example scss - This media query will show because it intercepts the static breakpoint\r\n///  $im-media-support: false;\r\n///  $im-no-media-breakpoint: 'desktop';\r\n///  @include media('>=tablet') {\r\n///    .foo {\r\n///      color: tomato;\r\n///    }\r\n///  }\r\n///\r\n///  /* Generates: */\r\n///  .foo {\r\n///    color: tomato;\r\n///  }\r\n///\r\n/// @example scss - This media query will NOT show because it does not intercept the desktop breakpoint\r\n///  $im-media-support: false;\r\n///  $im-no-media-breakpoint: 'tablet';\r\n///  @include media('>=desktop') {\r\n///    .foo {\r\n///      color: tomato;\r\n///    }\r\n///  }\r\n///\r\n///  /* No output */\r\n///\r\n$im-no-media-breakpoint: 'desktop' !default;\r\n\r\n///\r\n/// Selects which media expressions are allowed in an expression for it to be used when media queries\r\n/// are not supported.\r\n///\r\n/// @example scss - This media query will show because it intercepts the static breakpoint and contains only accepted media expressions\r\n///  $im-media-support: false;\r\n///  $im-no-media-breakpoint: 'desktop';\r\n///  $im-no-media-expressions: ('screen');\r\n///  @include media('>=tablet', 'screen') {\r\n///    .foo {\r\n///      color: tomato;\r\n///    }\r\n///  }\r\n///\r\n///   /* Generates: */\r\n///   .foo {\r\n///     color: tomato;\r\n///   }\r\n///\r\n/// @example scss - This media query will NOT show because it intercepts the static breakpoint but contains a media expression that is not accepted\r\n///  $im-media-support: false;\r\n///  $im-no-media-breakpoint: 'desktop';\r\n///  $im-no-media-expressions: ('screen');\r\n///  @include media('>=tablet', 'retina2x') {\r\n///    .foo {\r\n///      color: tomato;\r\n///    }\r\n///  }\r\n///\r\n///  /* No output */\r\n///\r\n$im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;\r\n\r\n////\r\n/// Cross-engine logging engine\r\n/// @author Hugo Giraudel\r\n/// @access private\r\n////\r\n\r\n\r\n///\r\n/// Log a message either with `@error` if supported\r\n/// else with `@warn`, using `feature-exists('at-error')`\r\n/// to detect support.\r\n///\r\n/// @param {String} $message - Message to log\r\n///\r\n@function im-log($message) {\r\n  @if feature-exists('at-error') {\r\n    @error $message;\r\n  } @else {\r\n    @warn $message;\r\n    $_: noop();\r\n  }\r\n\r\n  @return $message;\r\n}\r\n\r\n\r\n///\r\n/// Wrapper mixin for the log function so it can be used with a more friendly\r\n/// API than `@if im-log('..') {}` or `$_: im-log('..')`. Basically, use the function\r\n/// within functions because it is not possible to include a mixin in a function\r\n/// and use the mixin everywhere else because it's much more elegant.\r\n///\r\n/// @param {String} $message - Message to log\r\n///\r\n@mixin log($message) {\r\n  @if im-log($message) {}\r\n}\r\n\r\n\r\n///\r\n/// Function with no `@return` called next to `@warn` in Sass 3.3\r\n/// to trigger a compiling error and stop the process.\r\n///\r\n@function noop() {}\r\n\r\n///\r\n/// Determines whether a list of conditions is intercepted by the static breakpoint.\r\n///\r\n/// @param {Arglist}   $conditions  - Media query conditions\r\n///\r\n/// @return {Boolean} - Returns true if the conditions are intercepted by the static breakpoint\r\n///\r\n@function im-intercepts-static-breakpoint($conditions...) {\r\n  $no-media-breakpoint-value: map-get($breakpoints, $im-no-media-breakpoint);\r\n\r\n  @if not $no-media-breakpoint-value {\r\n    @if im-log('`#{$im-no-media-breakpoint}` is not a valid breakpoint.') {}\r\n  }\r\n\r\n  @each $condition in $conditions {\r\n    @if not map-has-key($media-expressions, $condition) {\r\n      $operator: get-expression-operator($condition);\r\n      $prefix: get-expression-prefix($operator);\r\n      $value: get-expression-value($condition, $operator);\r\n\r\n      @if ($prefix == 'max' and $value <= $no-media-breakpoint-value) or\r\n          ($prefix == 'min' and $value > $no-media-breakpoint-value) {\r\n        @return false;\r\n      }\r\n    } @else if not index($im-no-media-expressions, $condition) {\r\n      @return false;\r\n    }\r\n  }\r\n\r\n  @return true;\r\n}\r\n\r\n////\r\n/// Parsing engine\r\n/// @author Hugo Giraudel\r\n/// @access private\r\n////\r\n\r\n\r\n///\r\n/// Get operator of an expression\r\n///\r\n/// @param {String} $expression - Expression to extract operator from\r\n///\r\n/// @return {String} - Any of `>=`, `>`, `<=`, `<`, `≥`, `≤`\r\n///\r\n@function get-expression-operator($expression) {\r\n  @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {\r\n    @if str-index($expression, $operator) {\r\n      @return $operator;\r\n    }\r\n  }\r\n\r\n  // It is not possible to include a mixin inside a function, so we have to\r\n  // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\r\n  // functions cannot be called anywhere in Sass, we need to hack the call in\r\n  // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\r\n  // Sass 3.3, change this line in `@if im-log(..) {}` instead.\r\n  $_: im-log('No operator found in `#{$expression}`.');\r\n}\r\n\r\n\r\n///\r\n/// Get dimension of an expression, based on a found operator\r\n///\r\n/// @param {String} $expression - Expression to extract dimension from\r\n/// @param {String} $operator - Operator from `$expression`\r\n///\r\n/// @return {String} - `width` or `height` (or potentially anything else)\r\n///\r\n@function get-expression-dimension($expression, $operator) {\r\n  $operator-index: str-index($expression, $operator);\r\n  $parsed-dimension: str-slice($expression, 0, $operator-index - 1);\r\n  $dimension: 'width';\r\n\r\n  @if str-length($parsed-dimension) > 0 {\r\n    $dimension: $parsed-dimension;\r\n  }\r\n\r\n  @return $dimension;\r\n}\r\n\r\n\r\n///\r\n/// Get dimension prefix based on an operator\r\n///\r\n/// @param {String} $operator - Operator\r\n///\r\n/// @return {String} - `min` or `max`\r\n///\r\n@function get-expression-prefix($operator) {\r\n  @return if(index(('<', '<=', '≤'), $operator), 'max', 'min');\r\n}\r\n\r\n\r\n///\r\n/// Get value of an expression, based on a found operator\r\n///\r\n/// @param {String} $expression - Expression to extract value from\r\n/// @param {String} $operator - Operator from `$expression`\r\n///\r\n/// @return {Number} - A numeric value\r\n///\r\n@function get-expression-value($expression, $operator) {\r\n  $operator-index: str-index($expression, $operator);\r\n  $value: str-slice($expression, $operator-index + str-length($operator));\r\n\r\n  @if map-has-key($breakpoints, $value) {\r\n    $value: map-get($breakpoints, $value);\r\n  } @else {\r\n    $value: to-number($value);\r\n  }\r\n\r\n  $interval: map-get($unit-intervals, unit($value));\r\n\r\n  @if not $interval {\r\n    // It is not possible to include a mixin inside a function, so we have to\r\n    // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\r\n    // functions cannot be called anywhere in Sass, we need to hack the call in\r\n    // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\r\n    // Sass 3.3, change this line in `@if im-log(..) {}` instead.\r\n    $_: im-log('Unknown unit `#{unit($value)}`.');\r\n  }\r\n\r\n  @if $operator == '>' {\r\n    $value: $value + $interval;\r\n  } @else if $operator == '<' {\r\n    $value: $value - $interval;\r\n  }\r\n\r\n  @return $value;\r\n}\r\n\r\n\r\n///\r\n/// Parse an expression to return a valid media-query expression\r\n///\r\n/// @param {String} $expression - Expression to parse\r\n///\r\n/// @return {String} - Valid media query\r\n///\r\n@function parse-expression($expression) {\r\n  // If it is part of $media-expressions, it has no operator\r\n  // then there is no need to go any further, just return the value\r\n  @if map-has-key($media-expressions, $expression) {\r\n    @return map-get($media-expressions, $expression);\r\n  }\r\n\r\n  $operator: get-expression-operator($expression);\r\n  $dimension: get-expression-dimension($expression, $operator);\r\n  $prefix: get-expression-prefix($operator);\r\n  $value: get-expression-value($expression, $operator);\r\n\r\n  @return '(#{$prefix}-#{$dimension}: #{$value})';\r\n}\r\n\r\n///\r\n/// Slice `$list` between `$start` and `$end` indexes\r\n///\r\n/// @access private\r\n///\r\n/// @param {List} $list - List to slice\r\n/// @param {Number} $start [1] - Start index\r\n/// @param {Number} $end [length($list)] - End index\r\n///\r\n/// @return {List} Sliced list\r\n///\r\n@function slice($list, $start: 1, $end: length($list)) {\r\n  @if length($list) < 1 or $start > $end {\r\n    @return ();\r\n  }\r\n\r\n  $result: ();\r\n\r\n  @for $i from $start through $end {\r\n    $result: append($result, nth($list, $i));\r\n  }\r\n\r\n  @return $result;\r\n}\r\n\r\n////\r\n/// String to number converter\r\n/// @author Hugo Giraudel\r\n/// @access private\r\n////\r\n\r\n\r\n///\r\n/// Casts a string into a number\r\n///\r\n/// @param {String | Number} $value - Value to be parsed\r\n///\r\n/// @return {Number}\r\n///\r\n@function to-number($value) {\r\n  @if type-of($value) == 'number' {\r\n    @return $value;\r\n  } @else if type-of($value) != 'string' {\r\n    $_: im-log('Value for `to-number` should be a number or a string.');\r\n  }\r\n\r\n  $first-character: str-slice($value, 1, 1);\r\n  $result: 0;\r\n  $digits: 0;\r\n  $minus: ($first-character == '-');\r\n  $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);\r\n\r\n  // Remove +/- sign if present at first character\r\n  @if ($first-character == '+' or $first-character == '-') {\r\n    $value: str-slice($value, 2);\r\n  }\r\n\r\n  @for $i from 1 through str-length($value) {\r\n    $character: str-slice($value, $i, $i);\r\n\r\n    @if not (index(map-keys($numbers), $character) or $character == '.') {\r\n      @return to-length(if($minus, -$result, $result), str-slice($value, $i))\r\n    }\r\n\r\n    @if $character == '.' {\r\n      $digits: 1;\r\n    } @else if $digits == 0 {\r\n      $result: $result * 10 + map-get($numbers, $character);\r\n    } @else {\r\n      $digits: $digits * 10;\r\n      $result: $result + map-get($numbers, $character) / $digits;\r\n    }\r\n  }\r\n\r\n  @return if($minus, -$result, $result);\r\n}\r\n\r\n\r\n///\r\n/// Add `$unit` to `$value`\r\n///\r\n/// @param {Number} $value - Value to add unit to\r\n/// @param {String} $unit - String representation of the unit\r\n///\r\n/// @return {Number} - `$value` expressed in `$unit`\r\n///\r\n@function to-length($value, $unit) {\r\n  $units: ('px': 1px, 'cm': 1cm, 'mm': 1mm, '%': 1%, 'ch': 1ch, 'pc': 1pc, 'in': 1in, 'em': 1em, 'rem': 1rem, 'pt': 1pt, 'ex': 1ex, 'vw': 1vw, 'vh': 1vh, 'vmin': 1vmin, 'vmax': 1vmax);\r\n\r\n  @if not index(map-keys($units), $unit) {\r\n    $_: im-log('Invalid unit `#{$unit}`.');\r\n  }\r\n\r\n  @return $value * map-get($units, $unit);\r\n}\r\n\r\n///\r\n/// This mixin aims at redefining the configuration just for the scope of\r\n/// the call. It is helpful when having a component needing an extended\r\n/// configuration such as custom breakpoints (referred to as tweakpoints)\r\n/// for instance.\r\n///\r\n/// @author Hugo Giraudel\r\n///\r\n/// @param {Map} $tweakpoints [()] - Map of tweakpoints to be merged with `$breakpoints`\r\n/// @param {Map} $tweak-media-expressions [()] - Map of tweaked media expressions to be merged with `$media-expression`\r\n///\r\n/// @example scss - Extend the global breakpoints with a tweakpoint\r\n///  @include media-context(('custom': 678px)) {\r\n///    .foo {\r\n///      @include media('>phone', '<=custom') {\r\n///       // ...\r\n///      }\r\n///    }\r\n///  }\r\n///\r\n/// @example scss - Extend the global media expressions with a custom one\r\n///  @include media-context($tweak-media-expressions: ('all': 'all')) {\r\n///    .foo {\r\n///      @include media('all', '>phone') {\r\n///       // ...\r\n///      }\r\n///    }\r\n///  }\r\n///\r\n/// @example scss - Extend both configuration maps\r\n///  @include media-context(('custom': 678px), ('all': 'all')) {\r\n///    .foo {\r\n///      @include media('all', '>phone', '<=custom') {\r\n///       // ...\r\n///      }\r\n///    }\r\n///  }\r\n///\r\n@mixin media-context($tweakpoints: (), $tweak-media-expressions: ()) {\r\n  // Save global configuration\r\n  $global-breakpoints: $breakpoints;\r\n  $global-media-expressions: $media-expressions;\r\n\r\n  // Update global configuration\r\n  $breakpoints: map-merge($breakpoints, $tweakpoints) !global;\r\n  $media-expressions: map-merge($media-expressions, $tweak-media-expressions) !global;\r\n\r\n  @content;\r\n\r\n  // Restore global configuration\r\n  $breakpoints: $global-breakpoints !global;\r\n  $media-expressions: $global-media-expressions !global;\r\n}\r\n\r\n////\r\n/// include-media public exposed API\r\n/// @author Eduardo Boucas\r\n/// @access public\r\n////\r\n\r\n\r\n///\r\n/// Generates a media query based on a list of conditions\r\n///\r\n/// @param {Arglist}   $conditions  - Media query conditions\r\n///\r\n/// @example scss - With a single set breakpoint\r\n///  @include media('>phone') { }\r\n///\r\n/// @example scss - With two set breakpoints\r\n///  @include media('>phone', '<=tablet') { }\r\n///\r\n/// @example scss - With custom values\r\n///  @include media('>=358px', '<850px') { }\r\n///\r\n/// @example scss - With set breakpoints with custom values\r\n///  @include media('>desktop', '<=1350px') { }\r\n///\r\n/// @example scss - With a static expression\r\n///  @include media('retina2x') { }\r\n///\r\n/// @example scss - Mixing everything\r\n///  @include media('>=350px', '<tablet', 'retina3x') { }\r\n///\r\n@mixin media($conditions...) {\r\n  @if ($im-media-support and length($conditions) == 0) or\r\n      (not $im-media-support and im-intercepts-static-breakpoint($conditions...)) {\r\n    @content;\r\n  } @else if ($im-media-support and length($conditions) > 0) {\r\n    @media #{unquote(parse-expression(nth($conditions, 1)))} {\r\n      // Recursive call\r\n      @include media(slice($conditions, 2)...) {\r\n        @content;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@include media( '>medium' ) {\r\n\r\n\t.has-animations {\r\n\r\n\t\t[class*=reveal-] {\r\n\t\t\topacity: 0;\r\n\t\t\twill-change: opacity, transform;\r\n\t\t}\r\n\r\n\t\t.reveal-from-top {\r\n\t\t\ttransform: translateY($scroll-reveal--from-top-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-from-bottom {\r\n\t\t\ttransform: translateY($scroll-reveal--from-bottom-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-from-left {\r\n\t\t\ttransform: translateX($scroll-reveal--from-left-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-from-right {\r\n\t\t\ttransform: translateX($scroll-reveal--from-right-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-scale-up {\r\n\t\t\ttransform: scale($scroll-reveal--scale-up-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-scale-down {\r\n\t\t\ttransform: scale($scroll-reveal--scale-down-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-rotate-from-left {\r\n\t\t\ttransform: perspective(1000px) rotateY($scroll-reveal--rotate-from-left-amount);\r\n\t\t}\r\n\r\n\t\t.reveal-rotate-from-right {\r\n\t\t\ttransform: perspective(1000px) rotateY($scroll-reveal--rotate-from-right-amount);\r\n\t\t}\r\n\r\n\t\t&.is-loaded {\r\n\r\n\t\t\t[class*=reveal-] {\r\n\t\t\t\ttransition: opacity $scroll-reveal--transition-duration $scroll-reveal--transition-timing, transform $scroll-reveal--transition-duration $scroll-reveal--transition-timing;\r\n\r\n\t\t\t\t&.is-revealed {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\ttransform: translate(0);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$scroll-reveal--transition-duration: 0.8s;\r\n$scroll-reveal--transition-timing: cubic-bezier(0.39, 0.575, 0.565, 1);\r\n$scroll-reveal--from-top-amount: -10px;\r\n$scroll-reveal--from-bottom-amount: 10px;\r\n$scroll-reveal--from-left-amount: -10px;\r\n$scroll-reveal--from-right-amount: 10px;\r\n$scroll-reveal--scale-up-amount: 0.95;\r\n$scroll-reveal--scale-down-amount: 1.05;\r\n$scroll-reveal--rotate-from-left-amount: -45deg;\r\n$scroll-reveal--rotate-from-right-amount: 45deg;\r\n","html {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n*,\r\n*:before,\r\n*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */\r\n\tbox-sizing: inherit;\r\n}\r\n\r\nbody {\r\n\tbackground: color-bg(body); /* Fallback for when there is no custom background color defined. */\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t-webkit-font-smoothing: antialiased;\r\n}\r\n\r\nhr {\r\n\tborder: 0;\r\n\t@include divider();\r\n\tmargin-top: $spacing--shared-v;\r\n\tmargin-bottom: $spacing--shared-v;\r\n}\r\n\r\nul, ol {\r\n\tmargin-top: 0;\r\n\tpadding-left: $spacing--shared-h;\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-bottom: $spacing--shared-v;\r\n\t}\r\n}\r\n\r\nul {\r\n\tlist-style: disc;\r\n}\r\n\r\nol {\r\n\tlist-style: decimal;\r\n}\r\n\r\nli {\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-bottom: $spacing--shared-v / 2;\r\n\t}\r\n}\r\n\r\nli > ul,\r\nli > ol {\r\n\tmargin-top: $spacing--shared-v / 2;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\ndl {\r\n\tmargin-top: 0;\r\n\tmargin-bottom: $spacing--shared-v;\r\n}\r\n\r\ndt {\r\n\t@include font-weight(strong);\r\n}\r\n\r\ndd {\r\n\tmargin-left: $spacing--shared-h;\r\n\tmargin-bottom: $spacing--shared-v;\r\n}\r\n\r\nimg {\r\n\tborder-radius: $img-radius;\r\n}\r\n\r\nimg,\r\nsvg,\r\nvideo {\r\n\tdisplay: block;\r\n\theight: auto; /* Make sure images are scaled correctly. */\r\n\tmax-width: 100%; /* Adhere to container width. */\r\n}\r\n\r\nfigure {\r\n\tmargin: $spacing--figure-v $spacing--figure-h; /* Extra wide images within figure tags don't overflow the content area. */\r\n}\r\n\r\nfigcaption {\r\n\tpadding: $spacing--figcaption-v $spacing--figcaption-h;\r\n}\r\n\r\n// tables\r\ntable {\r\n\t@include font-size(table);\r\n\tborder-collapse: collapse;\r\n\tmargin-bottom: $spacing--shared-v;\r\n\twidth: 100%;\r\n}\r\n\r\ntr {\r\n\tborder-bottom: 1px solid color-border(divider);\r\n}\r\n\r\nth {\r\n\t@include font-weight(strong);\r\n\ttext-align: left;\r\n}\r\n\r\nth,\r\ntd {\r\n\tpadding: $spacing--table-cell-v $spacing--table-cell-h;\r\n\r\n\t&:first-child {\r\n\t\tpadding-left: 0;\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tpadding-right: 0;\r\n\t}\r\n}\r\n\r\n.invert-color  {\r\n\r\n\thr {\r\n\t\t@include divider(false, inverse);\r\n\t}\r\n\r\n\ttr {\r\n\t\tborder-bottom: 1px solid color-border(divider-inverse);\r\n\t}\r\n}\r\n","// Colors\r\n\r\n// The color palette\r\n$palette: (\r\n\tlight: (\r\n\t\t1: #ECEDED,\r\n\t\t2: #9CA9B3,\r\n\t\t3: #717D86\r\n\t),\r\n\tdark: (\r\n\t\t1: #151719,\r\n\t\t2: #25282C,\r\n\t\t3: #33363A\r\n\t),\r\n\tprimary: (\r\n\t\t1: #6163FF,\r\n\t\t2: #ACADFF,\r\n\t\t3: #5658DD,\r\n\t\t4: #E9E9FF\r\n \t),\r\n\tsecondary: (\r\n\t\t1: #24E5AF,\r\n\t\t2: #73EFCC,\r\n\t\t3: #1CB68B,\r\n\t\t4: #D2F9EE\r\n\t),\r\n\talert: (\r\n\t\terror: #FF6171,\r\n\t\twarning: #FFA173,\r\n\t\tsuccess: #24E5AF\r\n\t)\r\n);\r\n\r\n// Base typography: color\r\n$color: (\r\n\theading:\t\t\t\tget-color(light, 1),\r\n\tbase: \t\t\t\t\tget-color(light, 2),\r\n\thigh-contrast: \t\t\tget-color(light, 1),\r\n\tmid-contrast: \t\t\tget-color(light, 2),\r\n\tlow-contrast: \t\t\tget-color(light, 3),\r\n\tprimary:\t\t\t\tget-color(primary, 3),\r\n\tsecondary:\t\t\t\tget-color(secondary, 1),\r\n\terror:\t\t\t\t\tget-color(alert, error),\r\n\twarning:\t\t\t\tget-color(alert, warning),\r\n\tsuccess:\t\t\t\tget-color(alert, success),\r\n\t// ↓ Inverted colors\r\n\theading-inverse:\t\tget-color(dark, 1),\r\n\tbase-inverse:\t\t\tget-color(light, 3),\r\n\thigh-contrast-inverse: \tget-color(dark, 1),\r\n\tmid-contrast-inverse: \tget-color(dark, 2),\r\n\tlow-contrast-inverse: \tget-color(light, 3)\r\n);\r\n\r\n// Borders and dividers: color\r\n$border--color: (\r\n\tdivider:\t\t\tget-color(dark, 2),\r\n\tdivider-inverse:\tget-color(light, 1)\r\n);\r\n\r\n// Icons: fill color\r\n$icon--color: (\r\n\thamburger:\t\t\t\tget-color(light, 2),\t\t\t// hamburger icon\r\n\taccordion:\t\t\t\tget-color(primary, 1),\t\t\t// accordion icon\r\n\tsocial: \t\t\t\tget-color(primary, 1),\t\t\t// social icons\r\n\tsocial-hover: \t\t\tget-color(primary, 2),\t\t\t// social icons (:hover)\r\n\tmodal:\t\t\t\t\tget-color(light, 3),\t\t\t// modal icon\r\n\tmodal-hover:\t\t\tget-color(light, 2),\t\t\t// modal icon (:hover)\r\n    news-more:\t\t\t    get-color(primary, 2),\t\t// news - read more link arrow    \r\n\t// ↓ Inverted colors\r\n\thamburger-inverse:\t\tget-color(dark, 2),\t\t\t\t// hamburger icon\r\n\taccordion-inverse:\t\tget-color(primary, 1),\t\t\t// accordion icon\r\n\tsocial-inverse: \t\tnull,\t\t\t\t\t\t\t// social icons\r\n\tsocial-hover-inverse: \tnull\t\t\t\t\t\t\t// social icons (:hover)\r\n);\r\n\r\n// Misc elements: background color\r\n$bg--color: (\r\n\tbody: \t\t\tget-color(dark, 1),\r\n\tbody-shadow:\t0 20px 48px rgba(get-color(dark, 1), .8),\t// body shadow when a boxed layout is used (set to null if don't want a shadow)\r\n\tbody-outer:\t\tlighten(get-color(dark, 1), 2%),\t\t\t// outer bg color when a boxed layout is used\r\n\tbg-color: \t\tlighten(get-color(light, 1), 9%),\t\t\t// .has-bg-color helper class\r\n\tshadow: \t\t0 24px 64px rgba(get-color(dark, 1), .64),\t// .has-shadow helper class\r\n\tcode: \t\t\tdarken(get-color(dark, 1), 3%),\r\n\tcode-inverse:\tdarken(get-color(dark, 1), 3%),\r\n\tcheck-checked-inverse:\tdarken(get-color(dark, 1), 3%)\r\n);\r\n","// Font Family\r\n@mixin font-family($elem) {\r\n\tfont-family: unquote(get-font-family($elem));\r\n}\r\n\r\n// Font-size + Line-height + Kerning\r\n@mixin font-size($elem) {\r\n\tfont-size: get-font-size($elem);\r\n\tline-height: get-line-height($elem);\r\n\tletter-spacing: get-kerning($elem);\r\n}\r\n\r\n// Font Weight\r\n@mixin font-weight($elem) {\r\n\tfont-weight: get-font-weight($elem);\r\n}\r\n\r\n// Anchor aspect\r\n@mixin anchor-aspect($type: 'main', $layout: false) {\r\n\t@if ( $type == 'main' ) { // Base\r\n\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\tcolor: color(link-inverse);\r\n\t\t} @else {\r\n\t\t\tcolor: color(link);\r\n\t\t}\r\n\t\ttext-decoration: $link-main--decoration;\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\t\tcolor: color(link-hover-inverse);\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: color(link-hover);\r\n\t\t\t}\r\n\t\t\toutline: 0;\r\n\t\t\ttext-decoration: $link-main--decoration-hover;\r\n\t\t}\r\n\t} @else if ($type == 'header') {\r\n\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\tcolor: color(header-link-inverse);\r\n\t\t} @else {\r\n\t\t\tcolor: color(header-link);\r\n\t\t}\r\n\t\ttext-decoration: $link-header--decoration;\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\t\tcolor: color(header-link-hover-inverse);\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: color(header-link-hover);\r\n\t\t\t}\r\n\t\t\ttext-decoration: $link-header--decoration-hover;\r\n\t\t}\r\n\t} @else if ($type == 'header-mobile') {\r\n\t\tcolor: color(header-link-mobile);\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\tcolor: color(header-link-mobile-hover);\r\n\t\t}\r\n\t} @else if ($type == 'footer') {\r\n\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\tcolor: color(footer-link-inverse);\r\n\t\t} @else {\r\n\t\t\tcolor: color(footer-link);\r\n\t\t}\r\n\t\ttext-decoration: $link-footer--decoration;\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\t\tcolor: color(footer-link-hover-inverse);\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: color(footer-link-hover);\r\n\t\t\t}\r\n\t\t\ttext-decoration: $link-footer--decoration-hover;\r\n\t\t}\r\n\t} @else if ($type == 'footer-block') {\r\n\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\tcolor: color(footer-block-link-inverse);\r\n\t\t} @else {\r\n\t\t\tcolor: color(footer-block-link);\r\n\t\t}\r\n\t\ttext-decoration: $link-footer-block--decoration;\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\t\tcolor: color(footer-block-link-hover-inverse);\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: color(footer-block-link-hover);\r\n\t\t\t}\r\n\t\t\ttext-decoration: $link-footer-block--decoration-hover;\r\n\t\t}\r\n\t} @else if ($type == 'button-link') {\r\n\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\tcolor: color(button-link-inverse);\r\n\t\t} @else {\r\n\t\t\tcolor: color(button-link);\r\n\t\t}\r\n\t\ttext-decoration: $link-button--decoration;\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\t\tcolor: color(button-link-hover-inverse);\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: color(button-link-hover);\r\n\t\t\t}\r\n\t\t\ttext-decoration: $link-button--decoration-hover;\r\n\t\t}\r\n\t} @else if ($type == 'func-link') {\r\n\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\tcolor: color(func-link-inverse);\r\n\t\t} @else {\r\n\t\t\tcolor: color(func-link);\r\n\t\t}\r\n\t\ttext-decoration: $link-func--decoration;\r\n\r\n\t\t&:hover,\r\n\t\t&:active {\r\n\t\t\t@if ( $layout == 'inverse' ) {\r\n\t\t\t\tcolor: color(func-link-hover-inverse);\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: color(func-link-hover);\r\n\t\t\t}\r\n\t\t\ttext-decoration: $link-func--decoration-hover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin divider-mix($layout: false) {\r\n\tdisplay: block;\r\n\theight: 1px;\r\n\t@if ( $layout == 'inverse' ) {\r\n\t\tbackground: color-border(divider-inverse);\r\n\t} @else {\r\n\t\tbackground: color-border(divider);\r\n\t}\r\n}\r\n\r\n@mixin divider($type: false, $layout: false) {\r\n\t@if ( $type == 'before' ) {\r\n\t\tposition: relative;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\t@include divider-mix($layout);\r\n\t\t}\r\n\t} @else if ($type == 'after') {\r\n\t\tposition: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\t@include divider-mix($layout);\r\n\t\t}\r\n\t} @else {\r\n\t\t@include divider-mix($layout);\r\n\t}\r\n}\r\n\r\n// Handles a scalabale background image related to a specific elements\r\n// $file: name of file (e.g. illustration-element-01.svg)\r\n// $width: (in %) illustration width as a percent of related element width\r\n// $height: (in % or px) illustration height as a percent of related element width (scaling) or illustration height in px\r\n// $vpos: illustration is centered by default, allowed values: top or bottom\r\n// $hoffset: horizontal offset\r\n// $voffset: vertical offset\r\n@mixin illustration($file, $width, $height, $vpos: null, $hoffset: null, $voffset: null) {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\twidth: $width;\r\n\tmax-width: $width;\r\n\theight: $height;\r\n\tbackground-image: url(../../../images/#{$file});\r\n\tbackground-repeat: no-repeat;\r\n\t@if( unit( $height ) == '%' ) {\r\n\t\tbackground-size: contain;\r\n\t} @else {\r\n\t\tbackground-size: auto;\r\n\t}\r\n\t@if ( $hoffset ) {\r\n\t\tleft: calc(50% + #{$hoffset});\r\n\t} @else {\r\n\t\tleft: 50%;\r\n\t}\r\n\t@if ( $vpos == 'top' ) {\r\n\t\t@if ( $voffset ) {\r\n\t\t\ttop: #{$voffset};\r\n\t\t} @else {\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t\tbackground-position: center top;\r\n\t\ttransform: translate(-50%);\r\n\t} @else if ( $vpos == 'bottom' ) {\r\n\t\t@if ( $voffset ) {\r\n\t\t\tbottom: #{$voffset};\r\n\t\t} @else {\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\t\tbackground-position: center bottom;\r\n\t\ttransform: translate(-50%);\r\n\t} @else {\r\n\t\tbackground-position: center;\r\n\t\t@if ( $voffset ) {\r\n\t\t\ttop: calc(50% + #{$voffset});\r\n\t\t} @else {\r\n\t\t\ttop: 50%;\r\n\t\t}\r\n\t\ttransform: translate(-50%, -50%);\r\n\t}\r\n}\r\n","// Widths and spacing\r\n\r\n// Breakpoints\r\n$breakpoints                      : (\r\n    small: 640px,\r\n    medium:820px,\r\n    large: 1080px\r\n);\r\n\r\n// Containers widths\r\n$container--width-boxed           : 1440px; // boxed container width\r\n$container--width                 : 1200px; // container width\r\n$container--width-sm              : 1080px; // container sm width\r\n$container--width-xs              : 896px; // container xs width\r\n$container--width-xss             : 620px; // container xs width\r\n$container--padding__mobile       : 16px; // container, left and right padding (mobile)\r\n$container--padding__desktop      : 24px; // container, left and right padding (desktop)\r\n\r\n// Global spacing\r\n$spacing--shared-v                : 24px; // used on many different elements (e.g. hr, ul, ol and more)\r\n$spacing--shared-h                : 24px;\r\n$spacing--h1-t                    : 48px;\r\n$spacing--h1-b                    : 32px;\r\n$spacing--h2-t                    : 48px;\r\n$spacing--h2-b                    : 32px;\r\n$spacing--h3-t                    : 36px;\r\n$spacing--h3-b                    : 24px;\r\n$spacing--hx-t                    : 24px;\r\n$spacing--hx-b                    : 24px;\r\n$spacing--figure-v                : 48px;\r\n$spacing--figure-h                : 0;\r\n$spacing--figcaption-v            : 8px;\r\n$spacing--figcaption-h            : 0;\r\n$spacing--table-cell-v            : 8px;\r\n$spacing--table-cell-h            : 16px;\r\n$spacing--code-v                  : 2px;\r\n$spacing--code-h                  : 4px;\r\n\r\n// Sections spacing\r\n$section--padding__mobile         : 48px; // section, top and bottom padding (mobile)\r\n$section--padding__desktop        : 80px; // section, top and bottom padding (desktop)\r\n$section-header--padding__mobile  : 48px; // section header, bottom padding (mobile)\r\n$section-header--padding__desktop : 80px; // section header, bottom padding (desktop)\r\n","// Typography\r\n\r\n$font--provider:    'Google Fonts';\r\n$font--import:      'Inter:400,500,600,700,800';\r\n\r\n// The font set\r\n$font--family: (\r\n\theading: \tnull,\r\n\tbase:\t\t'\"Inter\", sans-serif',\r\n\tcode: \t\t'Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace',\r\n\tpre: \t\t'\"Courier 10 Pitch\", Courier, monospace'\r\n);\r\n\r\n// The typographic scale\r\n$font--scale: (\r\n\t// key \t\t// font-size, line-height, kerning\r\n\talpha:   \t( 52px, 62px, -0.3px ),\r\n\tbeta:    \t( 44px, 54px, -0.3px ),\r\n\tgamma:   \t( 32px, 42px, -0.3px ),\r\n\tdelta:   \t( 24px, 34px, -0.1px ),\r\n\tepsilon: \t( 20px, 30px, -0.1px ),\r\n\tzeta:    \t( 18px, 28px, -0.1px ),\r\n\teta:     \t( 16px, 24px, -0.1px ),\r\n\ttheta:   \t( 14px, 22px, null )\r\n);\r\n\r\n// Base elements: font size\r\n$font--size: (\r\n\t// ↓ Mobile \t// key in $font--scale\r\n\th1:\t\t\t\t'beta',\r\n\th2:\t\t\t\t'gamma',\r\n\th3:\t\t\t\t'delta',\r\n\th4:\t\t\t\t'delta',\r\n\tbase:\t\t\t'epsilon',\r\n\tsm:\t\t\t\t'zeta',\r\n\txs:\t\t\t\t'eta',\r\n\txxs:\t\t\t'theta',\r\n\tbquote: \t\t'epsilon',\r\n\tfigcap: \t\t'theta',\r\n\tcode: \t\t\t'eta',\r\n\tpre: \t\t\t'eta',\r\n\ttable: \t\t\t'eta',\r\n\t// ↓ Desktop (set to null if font size won't change on desktop)\r\n\th1-desktop:\t\t'alpha',\r\n\th2-desktop:\t\t'beta',\r\n\th3-desktop:\t\t'gamma',\r\n\th4-desktop:\t\tnull,\r\n\tbase-desktop:\tnull,\r\n\tsm-desktop:\t\tnull,\r\n\txs-desktop:\t\tnull,\r\n\txxs-desktop:\tnull,\r\n\tbquote-desktop: null,\r\n\tfigcap-desktop: null,\r\n\tcode-desktop:\tnull,\r\n\tpre-desktop:\tnull,\r\n\ttable-desktop: \tnull\r\n);\r\n\r\n// Base elements: font weight\r\n$font--weight: (\r\n\theading:\t800,\r\n\tbase: \t\t400,\r\n\tstrong:\t\t700,\r\n\tbquote: \t600,\r\n\tfigcap: \tnull,\r\n);\r\n","// Larger images, extra width\r\n$image-larger--extra-width:\t48px;\t\t\t// left and right exceeding pixels (.image-larger)\r\n\r\n// img radius\r\n$img-radius: 2px;\r\n","html {\r\n\t@include font-size(base);\r\n}\r\n\r\nbody {\r\n\tcolor: color(base);\r\n\tfont-size: 1rem;\r\n}\r\n\r\nbody,\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea {\r\n\t@include font-family(base);\r\n\t@include font-weight(base);\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6,\r\n.h1, .h2, .h3, .h4, .h5, .h6 {\r\n\t@include font-family(heading);\r\n\t@include font-weight(heading);\r\n\tclear: both;\r\n\tcolor: color(heading);\r\n\tword-wrap: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n\r\nh1,\r\n.h1 {\r\n\t@include font-size(h1);\r\n}\r\n\r\nh2,\r\n.h2 {\r\n\t@include font-size(h2);\r\n}\r\n\r\nh3,\r\n.h3 {\r\n\t@include font-size(h3);\r\n}\r\n\r\nh4,\r\n.h4 {\r\n\t@include font-size(h4);\r\n}\r\n\r\nh5,\r\n.h5 {\r\n\t@include font-size(base);\r\n}\r\n\r\nh6,\r\n.h6,\r\nsmall,\r\n.text-sm {\r\n\t@include font-size(sm);\r\n}\r\n\r\n.text-xs {\r\n\t@include font-size(xs);\r\n}\r\n\r\n.text-xxs {\r\n\t@include font-size(xxs);\r\n}\r\n\r\nfigcaption {\r\n\t@include font-size(figcap);\r\n\t@include font-weight(figcap);\r\n}\r\n\r\na {\r\n\r\n\t&:not(.button) {\r\n\t\t@include anchor-aspect(main);\r\n\t\t@include font-weight(link);\r\n\t}\r\n\r\n\t&.button-link {\r\n\t\t@include anchor-aspect(button-link);\r\n\t\t@include font-weight(button-link);\r\n\t\ttext-transform: $link-button--transform;\r\n\t}\r\n\r\n\t&.func-link {\r\n\t\t@include anchor-aspect(func-link);\r\n\t\t@include font-weight(func-link);\r\n\t\ttext-transform: $link-func--transform;\t\t\r\n\t}\r\n}\r\n\r\nh1,\r\n.h1 {\r\n\tmargin-top: $spacing--h1-t;\r\n\tmargin-bottom: $spacing--h1-b;\r\n}\r\n\r\nh2,\r\n.h2 {\r\n\tmargin-top: $spacing--h2-t;\r\n\tmargin-bottom: $spacing--h2-b;\r\n}\r\n\r\nh3,\r\n.h3 {\r\n\tmargin-top: $spacing--h3-t;\r\n\tmargin-bottom: $spacing--h3-b;\r\n}\r\n\r\nh4, h5, h6,\r\n.h4, .h5, .h6 {\r\n\tmargin-top: $spacing--hx-t;\r\n\tmargin-bottom: $spacing--hx-b;\r\n}\r\n\r\np {\r\n\tmargin-top: 0;\r\n\tmargin-bottom: $spacing--shared-v;\r\n}\r\n\r\ndfn, cite, em, i {\r\n\tfont-style: italic;\r\n}\r\n\r\nblockquote {\r\n\t@include font-size(bquote);\r\n\tmargin-top: $spacing--shared-v;\r\n\tmargin-bottom: $spacing--shared-v;\r\n\tmargin-left: $spacing--shared-h;\r\n\r\n\t&::before {\r\n\t\tcontent: \"\\201C\";\r\n\t}\r\n\r\n\t&::after {\r\n\t\tcontent: \"\\201D\";\r\n\t}\r\n\r\n\tp {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\naddress {\r\n\tborder-width: 1px 0;\r\n\tborder-style: solid;\r\n\tborder-color: color-border(divider);\r\n\tpadding: $spacing--shared-v 0;\r\n\tmargin: 0 0 $spacing--shared-v;\r\n}\r\n\r\npre,\r\npre h1,\r\npre h2,\r\npre h3,\r\npre h4,\r\npre h5,\r\npre h6,\r\npre .h1,\r\npre .h2,\r\npre .h3,\r\npre .h4,\r\npre .h5,\r\npre .h6  {\r\n\t@include font-family(pre);\r\n}\r\n\r\npre, code, kbd, tt, var {\r\n\tbackground: color-bg(code);\r\n}\r\n\r\npre {\r\n\t@include font-size(pre);\r\n\tmax-width: 100%;\r\n\toverflow: auto;\r\n\tpadding: $spacing--shared-v $spacing--shared-h;\r\n\tmargin-top: $spacing--shared-v;\r\n\tmargin-bottom: $spacing--shared-v;\r\n}\r\n\r\ncode, kbd, tt, var {\r\n\t@include font-family(code);\r\n\t@include font-size(code);\r\n\tpadding: $spacing--code-v $spacing--code-h;\r\n}\r\n\r\nabbr, acronym {\r\n\tcursor: help;\r\n}\r\n\r\nmark, ins {\r\n\ttext-decoration: none;\r\n}\r\n\r\nb,\r\nstrong {\r\n\t@include font-weight(strong);\r\n}\r\n\r\n.invert-color {\r\n\tcolor: color(base-inverse);\r\n\r\n\ta {\r\n\r\n\t\t&:not(.button) {\r\n\t\t\t@include anchor-aspect(main, inverse);\r\n\t\t}\r\n\r\n\t\t&.button-link {\r\n\t\t\t@include anchor-aspect(button-link, inverse);\r\n\t\t}\r\n\r\n\t\t&.func-link {\r\n\t\t\t@include anchor-aspect(func-link, inverse);\r\n\t\t}\t\t\r\n\t}\r\n\r\n\th1, h2, h3, h4, h5, h6,\r\n\t.h1, .h2, .h3, .h4, .h5, .h6 {\r\n\t\tcolor: color(heading-inverse);\r\n\t}\r\n\r\n\taddress {\r\n\t\tborder-color: color-border(divider-inverse);\r\n\t}\r\n\r\n\tpre, code, kbd, tt, var {\r\n\t\tbackground: color-bg(code-inverse);\r\n\t}\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.h1-mobile {\r\n\t\t@include font-size(h1);\r\n\t}\r\n\r\n\t.h2-mobile {\r\n\t\t@include font-size(h2);\r\n\t}\r\n\r\n\t.h3-mobile {\r\n\t\t@include font-size(h3);\r\n\t}\r\n\r\n\t.h4-mobile {\r\n\t\t@include font-size(h4);\r\n\t}\r\n\t\r\n\t.h5-mobile {\r\n\t\t@include font-size(base);\r\n\t}\r\n\t\r\n\t.h6-mobile {\r\n\t\t@include font-size(sm);\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\thtml {\r\n\t\t@include font-size(base-desktop);\r\n\t}\r\n\r\n\th1,\r\n\t.h1 {\r\n\t\t@include font-size(h1-desktop);\r\n\t}\r\n\r\n\th2,\r\n\t.h2 {\r\n\t\t@include font-size(h2-desktop);\r\n\t}\r\n\r\n\th3,\r\n\t.h3 {\r\n\t\t@include font-size(h3-desktop);\r\n\t}\r\n\r\n\th4,\r\n\t.h4 {\r\n\t\t@include font-size(h4-desktop);\r\n\t}\t\r\n\r\n\th5,\r\n\t.h5 {\r\n\t\t@include font-size(base-desktop);\r\n\t}\r\n\t\r\n\th6,\r\n\t.h6,\r\n\tsmall,\r\n\t.text-sm {\r\n\t\t@include font-size(sm-desktop);\r\n\t}\r\n\r\n\t.text-xs {\r\n\t\t@include font-size(xs-desktop);\r\n\t}\r\n\r\n\t.text-xxs {\r\n\t\t@include font-size(xxs-desktop);\r\n\t}\r\n\r\n\tfigcaption {\r\n\t\t@include font-size(figcap-desktop);\r\n\t}\r\n\r\n\tblockquote {\r\n\t\t@include font-size(bquote-desktop);\r\n\t}\r\n}\r\n","// Links\r\n\r\n// Color\r\n$link--color: (\r\n\tlink: \t\t\t\t\t\t\t\tget-color(light, 1),\r\n\tlink-hover: \t\t\t\t\t\tnull,\r\n\theader-link: \t\t\t\t\t\tget-color(light, 2),\r\n\theader-link-hover: \t\t\t\t\tget-color(light, 1),\r\n\theader-link-mobile: \t\t\t\tget-color(light, 1),\r\n\theader-link-mobile-hover: \t\t\tnull,\r\n\tfooter-link: \t\t\t\t\t\tget-color(light, 2),\r\n\tfooter-link-hover: \t\t\t\t\tget-color(light, 1),\r\n\tfooter-block-link: \t\t\t\t\tget-color(light, 2),\r\n\tfooter-block-link-hover: \t\t\tget-color(light, 1),\r\n\tbutton-link: \t\t\t\t\t\tget-color(light, 2),\r\n\tbutton-link-hover: \t\t\t\t\tget-color(light, 1),\r\n\tfunc-link: \t\t\t\t\t\t\tnull,\r\n\tfunc-link-hover: \t\t\t\t\tnull,\t\r\n\t// ↓ Inverted colors\r\n\tlink-inverse: \t\t\t\t\t\tget-color(light, 3),\r\n\tlink-hover-inverse: \t\t\t\tnull,\r\n\theader-link-inverse: \t\t\t\tget-color(dark, 3),\r\n\theader-link-hover-inverse:\t\t\tget-color(primary, 1),\r\n\tfooter-link-inverse: \t\t\t\tnull,\r\n\tfooter-link-hover-inverse: \t\t\tnull,\r\n\tfooter-block-link-inverse: \t\t\tnull,\r\n\tfooter-block-link-hover-inverse:\tnull,\r\n\tbutton-link-inverse: \t\t\t\tnull,\r\n\tbutton-link-hover-inverse:\t\t\tget-color(primary, 1),\r\n\tfunc-link-inverse: \t\t\t\t\tnull,\r\n\tfunc-link-hover-inverse:\t\t\tget-color(primary, 1)\t\r\n);\r\n\r\n// Font-weight\r\n$link--weight: (\r\n\tlink: \t\t\t\tnull,\r\n\theader-link:\t\t500,\r\n\tfooter-link:\t\tnull,\r\n\tfooter-block-link:\tnull,\r\n\tbutton-link:\t\tnull\r\n);\r\n\r\n// Text decoration\r\n$link-main--decoration: \t\t\t\tnone;\r\n$link-main--decoration-hover: \t\t\tnull;\r\n$link-header--decoration: \t\t\t\tnull;\r\n$link-header--decoration-hover:\t\t\tnull;\r\n$link-footer--decoration: \t\t\t\tnull;\r\n$link-footer--decoration-hover: \t\tnull;\r\n$link-footer-block--decoration: \t\tnull;\r\n$link-footer-block--decoration-hover:\tnull;\r\n$link-button--decoration: \t\t\t\tnull;\r\n$link-button--decoration-hover: \t\tnull;\r\n$link-func--decoration: \t\t\t\tnull;\r\n$link-func--decoration-hover: \t\t\tnull;\r\n\r\n// Text transform\r\n$link-header--transform: \t\tnull;\r\n$link-footer--transform: \t\tnull;\r\n$link-footer-block--transform: \tnull;\r\n$link-button--transform: \t\tnull;\r\n$link-func--transform: \t\t\tnull;\r\n\r\n// Don't change lines below!\r\n$color:\t\t\tmap-push($color, $link--color);\r\n$font--weight: \tmap-push($font--weight, $link--weight);",".container,\r\n.container-sm,\r\n.container-xs {\r\n\twidth: 100%;\r\n\tmargin: 0 auto;\r\n\tpadding-left: $container--padding__mobile;\r\n\tpadding-right: $container--padding__mobile;\r\n\r\n\t@include media( '>small' ) {\r\n\t\tpadding-left: $container--padding__desktop;\r\n\t\tpadding-right: $container--padding__desktop;\r\n\t}\r\n}\r\n\r\n.container {\r\n\tmax-width: $container--width + ( $container--padding__desktop * 2 );\r\n}\r\n\r\n.container-sm {\r\n\tmax-width: $container--width-sm + ( $container--padding__desktop * 2 );\r\n}\r\n\r\n.container-xs {\r\n\tmax-width: $container--width-xs + ( $container--padding__desktop * 2 );\r\n}\r\n\r\n[class*=container] {\r\n\r\n\t[class*=container] {\r\n\t\tpadding-left: 0;\r\n\t\tpadding-right: 0;\r\n\t}\r\n\r\n    .container-sm {\r\n\t\tmax-width: $container--width-sm;\r\n    }\r\n\r\n\t.container-xs {\r\n\t\tmax-width: $container--width-xs;\r\n\t}\r\n}\r\n",".button {\r\n    display: inline-flex;\r\n\t@include font-size(button);\r\n    @include font-weight(button);\r\n\tpadding: (($button-form--height - get-line-height(button) - ($button-form--border-width * 2)) / 2) ($button--padding-h - $button-form--border-width);\r\n\theight: $button-form--height;\r\n    text-decoration: none !important;\r\n\ttext-transform: $button--transform;\r\n\tcolor: color(button-light);\r\n    background-color: color-bg(button-light);\r\n    border-width: $button-form--border-width;\r\n\tborder-style: $button-form--border-style;\r\n\tborder-color: color-border(button-light);\r\n    border-radius: $button--radius;\r\n    cursor: pointer;\r\n    justify-content: center;\r\n    text-align: center;\r\n    letter-spacing: inherit;\r\n    white-space: nowrap;\r\n\ttransition: background .15s ease;\r\n\r\n    &:active {\r\n        outline: 0;\r\n    }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: color-bg(button-light-hover);\r\n\t\tborder-color: color-border(button-light-hover);\r\n\t}\r\n\r\n\t&.is-loading {\r\n\t\tposition: relative;\r\n\t\tcolor: transparent!important;\r\n\t\tpointer-events: none;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: get-line-height(button);\r\n\t\t\theight: get-line-height(button);\r\n\t\t\tmargin-left: -(get-line-height(button) / 2);\r\n\t\t\tmargin-top: -(get-line-height(button) / 2);\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\tborder: $button-loading--thickness solid color(button-light);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-right-color: transparent !important;\r\n\t\t\tborder-top-color: transparent !important;\r\n\t\t\tz-index: 1;\r\n\t\t\tanimation: button-loading .6s infinite linear;\r\n\t\t}\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tcursor: not-allowed;\r\n\t\tcolor: color(button-disabled);\r\n\t\tbackground-color: color-bg(button-disabled) !important;\r\n\t\tborder-color: color-border(button-disabled);\r\n\r\n\t\t&.is-loading {\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tborder-color: color(button-disabled);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.button-sm {\r\n    padding: (($button-form-sm--height - get-line-height(button) - ($button-form--border-width * 2)) / 2) ($button-sm--padding-h - $button-form--border-width);\r\n\theight: $button-form-sm--height;\r\n}\r\n\r\n.button-dark {\r\n\tcolor: color(button-dark);\r\n    background-color: color-bg(button-dark);\r\n\tborder-color: color-border(button-dark);\r\n\r\n    &:hover {\r\n        background-color: color-bg(button-dark-hover);\r\n\t\tborder-color: color-border(button-dark-hover);\r\n    }\r\n\r\n\t&.is-loading {\r\n\r\n\t\t&::after {\r\n\t\t\tborder-color: color(button-dark);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.button-primary {\r\n\tcolor: color(button-primary);\r\n    background-color: color-bg(button-primary);\r\n\tborder-color: color-border(button-primary);\r\n\r\n    &:hover {\r\n        background-color: color-bg(button-primary-hover);\r\n\t\tborder-color: color-border(button-primary-hover);\r\n    }\r\n\r\n\t&.is-loading {\r\n\r\n\t\t&::after {\r\n\t\t\tborder-color: color(button-primary);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.button-secondary {\r\n\tcolor: color(button-secondary);\r\n    background-color: color-bg(button-secondary);\r\n\tborder-color: color-border(button-secondary);\r\n\r\n    &:hover {\r\n        background-color: color-bg(button-secondary-hover);\r\n\t\tborder-color: color-border(button-secondary-hover);\r\n    }\r\n\r\n\t&.is-loading {\r\n\r\n\t\t&::after {\r\n\t\t\tborder-color: color(button-secondary);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.button-block {\r\n    display: flex;\r\n\twidth: 100%;\r\n}\r\n\r\n.button-group {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tmargin-right: -($button-group-padding / 2);\r\n\tmargin-left: -($button-group-padding / 2);\r\n\tmargin-top: -($button-group-padding / 2);\r\n\r\n\t&:last-of-type {\r\n\t\tmargin-bottom: -($button-group-padding / 2);\r\n\t}\r\n\r\n\t&:not(:last-of-type) {\r\n\t\tmargin-bottom: ($button-group-padding / 2);\r\n\t}\r\n\r\n\t> [class*=button] {\r\n\t\tmargin: $button-group-padding / 2;\r\n\t}\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.button-wide-mobile {\r\n\t\twidth: 100%;\r\n\t\tmax-width: $button--max-size-mobile;\r\n\t}\r\n}\r\n\r\n@keyframes button-loading {\r\n    0% {\r\n        transform: rotate(0);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n","// Buttons and Forms (shared settings)\r\n$button-form--height: \t\t\t48px;\t\t// height of buttons and forms\r\n$button-form-sm--height: \t\t36px;\t\t// height of buttons and forms (small)\r\n$button-form--border-width: \t1px;\t\t// border width (if you wish not to display any border, just set colors to null instead of changing this value)\r\n$button-form--border-style: \tsolid;\t\t// border style\r\n$button-form--group-padding: \t12px;\t\t// padding separating input from button in a form group (.form-group). Prefer null over 0\r\n\r\n// Buttons: text color\r\n$button--color: (\r\n\tbutton-light: \t\tget-color(dark, 2),\r\n\tbutton-dark: \t\tget-color(light, 1),\r\n\tbutton-primary: \tget-color(light, 1),\r\n\tbutton-secondary:\tget-color(light, 1),\r\n\tbutton-disabled: \tget-color(dark, 3)\r\n);\r\n\r\n// Buttons: background color\r\n$button--bg: (\r\n\tbutton-light: \t\t\tget-color(light, 1),\r\n\tbutton-light-hover: \tdarken(get-color(light, 1), 5%),\r\n\tbutton-dark: \t\t\tget-color(dark, 2),\r\n\tbutton-dark-hover: \t\tlighten(get-color(dark, 2), 2%),\r\n\tbutton-primary: \t\tget-color(primary, 1),\r\n\tbutton-primary-hover: \tlighten(get-color(primary, 1), 2%),\r\n\tbutton-secondary: \t\tget-color(secondary, 1),\r\n\tbutton-secondary-hover:\tlighten(get-color(secondary, 1), 2%),\r\n\tbutton-disabled: \t\tget-color(light, 3)\r\n);\r\n\r\n// Buttons: border color\r\n$button--border: (\r\n\tbutton-light: \t\t\ttransparent,\t// button-light is default (.button), so if it's transparent you can set all other values to null\r\n\tbutton-light-hover: \tnull,\r\n\tbutton-dark: \t\t\tnull,\r\n\tbutton-dark-hover: \t\tnull,\r\n\tbutton-primary: \t\tnull,\r\n\tbutton-primary-hover: \tnull,\r\n\tbutton-secondary: \t\tnull,\r\n\tbutton-secondary-hover: null,\r\n\tbutton-disabled: \t\tnull\r\n);\r\n\r\n// Buttons: font size\r\n$button--size: (\r\n\tbutton:\t'eta'\r\n);\r\n\r\n// Buttons: font weight\r\n$button--weight: (\r\n\tbutton:\t600\r\n);\r\n\r\n// More buttons settings\r\n$button--padding-h: \t\t\t32px;\t\t// button, left and right padding\r\n$button-sm--padding-h:\t\t\t24px;\t\t// button (small), left and right padding\r\n$button-w-form--padding-h:\t\t24px;\t\t// button, left and right padding in a form group (.form-group) - Overrides button default padding\r\n$button-sm-w-form--padding-h:\tnull;\t\t// button (small), left and right padding in a form group (.form-group) - Overrides button default padding\r\n$button--radius: \t\t\t\t2px;\t\t// button radius (never use null)\r\n$button--transform: \t\t\tnull;\t    // button text-transform property (null is allowed)\r\n$button--max-size-mobile: \t\t280px;\t\t// button max width on mobile (.button-wide-mobile)\r\n$button-group-padding: \t\t\t16px;\t\t// padding between sibling buttons (nested into .button-group)\r\n$button-loading--thickness:\t\t2px;\t\t// button loading spinner, stroke width (.button.is-loading)\r\n\r\n// Forms: color\r\n$form--color: (\r\n\tinput: \t\t\t\t\t\tget-color(dark, 1),\r\n\tinput-placeholder:\t\t \tget-color(light, 2),\r\n\tlabel: \t\t\t\t\t\tget-color(light, 3),\r\n    check-radio: \t\t\t\tget-color(light, 2),\r\n\t// ↓ Inverted colors\r\n\tinput-inverse: \t\t\t\tget-color(dark, 3),\r\n\tinput-placeholder-inverse:\tnull,\r\n\tlabel-inverse: \t\t\t\tget-color(dark, 3),\r\n    check-radio-inverse: \t\tget-color(dark, 3) \r\n);\r\n\r\n// Forms: background color\r\n$form--bg: (\r\n\tinput: \t\t\t\t\t\t\tget-color(light, 1),\r\n\tinput-focus: \t\t\t\t\tnull,\r\n\tinput-disabled: \t\t\t\tget-color(dark, 3),\r\n\tcheck-radio-checked: \t\t\tget-color(primary, 1),\r\n\tswitch:\t\t\t\t\t\t\tget-color(dark, 3),\r\n    switch-checked:\t\t\t\t\tget-color(primary, 1),\r\n    range-track:                    get-color(light, 2),\r\n    range-thumb:                    get-color(primary, 1),    \r\n\t// ↓ Inverted colors\r\n\tinput-inverse: \t\t\t\t\tnull,\r\n\tinput-focus-inverse: \t\t\tnull,\r\n\tinput-disabled-inverse: \t\tdarken(get-color(light, 1), 4%),\r\n\tcheck-radio-checked-inverse:\tnull,\r\n\tswitch-inverse:\t\t\t\t\tnull,\r\n    switch-checked-inverse:\t\t\tnull,\r\n    range-track-inverse:            null,\r\n    range-thumb-inverse:            null\r\n);\r\n\r\n// Forms: border color\r\n$form--border: (\r\n\tinput: \t\t\t\t\t\tget-color(dark, 1),\r\n\tinput-hover: \t\t\t\tget-color(light, 3),\r\n\tinput-focus: \t\t\t\tget-color(primary, 1),\r\n\tinput-disabled: \t\t\tget-color(dark, 2),\r\n\t// ↓ Inverted colors\r\n\tinput-inverse: \t\t\t\tdarken(get-color(light, 1), 4%),\r\n\tinput-hover-inverse: \t\tnull,\r\n\tinput-focus-inverse: \t\tget-color(primary, 1),\r\n\tinput-disabled-inverse:\t\tnull\r\n);\r\n\r\n// Forms: background color\r\n$form--icon: (\r\n    select-arrow:\t\t\tget-color(light, 1),\r\n    range:                  get-color(light, 1),\r\n\t// ↓ Inverted colors\r\n    select-arrow-inverse:\tget-color(dark, 3),\r\n    range-inverse:          get-color(light, 1)\r\n);\r\n\r\n// Forms: font size\r\n$form--size: (\r\n\tinput:\t\t\t'eta',\r\n\tlabel: \t\t\t'theta',\r\n\tcheck-radio:\t'eta',\r\n\thint: \t\t\t'theta'\r\n);\r\n\r\n// Forms: font weight\r\n$form--weight: (\r\n\tinput: \t\t\tnull,\r\n\tlabel: \t\t\t500,\r\n\tcheck-radio:\tnull\r\n);\r\n\r\n// More forms settings\r\n$form--padding-h: \t 16px;\t\t// form, inner left and right padding\r\n$form-sm--padding-h: 12px;\t\t// form (small), inner left and right padding\r\n$form--radius: \t\t 0;\t\t\t// form radius (never use null)\r\n$form-hint--margin:  8px;\t\t// .form-hint top margin\r\n$range-thumb-size:   36px;      // .form-slider, thumb size\r\n\r\n// Don't change lines below!\r\n// Push $button--* and $form--* values\r\n$color: \t\tmap-push($color, $button--color);\r\n$color: \t\tmap-push($color, $form--color);\r\n$bg--color: \tmap-push($bg--color, $button--bg);\r\n$bg--color: \tmap-push($bg--color, $form--bg);\r\n$border--color: map-push($border--color, $button--border);\r\n$border--color: map-push($border--color, $form--border);\r\n$icon--color:\tmap-push($icon--color, $form--icon);\r\n$font--size: \tmap-push($font--size, $button--size);\r\n$font--size: \tmap-push($font--size, $form--size);\r\n$font--weight: \tmap-push($font--weight, $button--weight);\r\n$font--weight: \tmap-push($font--weight, $form--weight);\r\n","fieldset {\r\n\t/* Reset fieldset */\r\n    padding: 0;\r\n    margin: 0;\r\n    border: 0;\r\n}\r\n\r\n.form-label,\r\n.form-switch,\r\n.form-slider {\r\n    color: color(label);\r\n    @include font-weight(label);\r\n\r\n}\r\n\r\n.form-label {\r\n\t@include font-size(label);\r\n}\r\n\r\n.form-input,\r\n.form-select,\r\n.form-checkbox input,\r\n.form-radio input {\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tbackground-color: color-bg(input);\r\n\tborder-width: $button-form--border-width;\r\n\tborder-style: $button-form--border-style;\r\n\tborder-color: color-border(input);\r\n\r\n\t&:hover {\r\n\t\tborder-color: color-border(input-hover);\r\n\t}\r\n\r\n\t&:active,\r\n\t&:focus {\r\n\t\toutline: none;\r\n\t\tborder-color: color-border(input-focus);\r\n\t\tbackground-color: color-bg(input-focus);\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tcursor: not-allowed;\r\n\t\tbackground-color: color-bg(input-disabled);\r\n\t\tborder-color: color-border(input-disabled);\r\n\t}\r\n\r\n\t&.form-error {\r\n\t\tborder-color: get-color(alert, error);\r\n\t}\r\n\r\n\t&.form-warning {\r\n\t\tborder-color: get-color(alert, warning);\r\n\t}\r\n\r\n\t&.form-success {\r\n\t\tborder-color: get-color(alert, success);\r\n\t}\r\n}\r\n\r\n.form-input,\r\n.form-select {\r\n\tdisplay: block;\r\n\t@include font-size(input);\r\n\t@include font-weight(input);\r\n\tpadding: (($button-form--height - get-line-height(input) - ($button-form--border-width * 2)) / 2) ($form--padding-h - $button-form--border-width);\r\n\theight: $button-form--height;\r\n\tborder-radius: $form--radius;\r\n    color: color(input);\r\n\tbox-shadow: none;\r\n    max-width: 100%;\r\n    width: 100%;\r\n}\r\n\r\n.form-input {\r\n\r\n    &::placeholder {\r\n        color: color(input-placeholder);\r\n    }\r\n\r\n    &::-ms-input-placeholder {\r\n        color: color(input-placeholder);\r\n    }\r\n}\r\n\r\ntextarea.form-input {\r\n\theight: auto;\r\n    resize: vertical;\r\n}\r\n\r\n.form-select {\r\n\tpadding-right: ($form--padding-h - $button-form--border-width) * 2 + 16;\r\n    background-image: inline-svg('<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6 8 11.4z\" fill=\"' + color-icon(select-arrow) + '\" fill-rule=\"evenodd\"/></svg>');\r\n    background-position: right ($form--padding-h - $button-form--border-width) center;\r\n    background-repeat: no-repeat;\r\n    background-size: 16px 16px;\r\n}\r\n\r\n.form-select-sm {\r\n\tpadding-right: ($form-sm--padding-h - $button-form--border-width) * 2 + 16;\r\n\tbackground-position: right ($form-sm--padding-h - $button-form--border-width) center;\r\n}\r\n\r\n.form-select-sm,\r\n.form-input-sm {\r\n    padding: (($button-form-sm--height - get-line-height(input) - ($button-form--border-width * 2)) / 2) ($form-sm--padding-h - $button-form--border-width);\r\n\theight: $button-form-sm--height;\r\n}\r\n\r\n.has-icon-left,\r\n.has-icon-right {\r\n\tposition: relative;\r\n\r\n\tsvg {\r\n\t\tpointer-events: none;\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n}\r\n\r\n.has-icon-left {\r\n\r\n\t.form-input {\r\n\t\tpadding-left: ($form--padding-h - $button-form--border-width) * 2 + 16;\r\n\r\n\t\t+ svg {\r\n\t\t\tleft: $form--padding-h - $button-form--border-width;\r\n\t\t}\r\n\t}\r\n\r\n\t.form-input-sm {\r\n\t\tpadding-left: ($form-sm--padding-h - $button-form--border-width) * 2 + 16;\r\n\r\n\t\t+ svg {\r\n\t\t\tleft: $form-sm--padding-h - $button-form--border-width;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.has-icon-right {\r\n\r\n\t.form-input {\r\n\t\tpadding-right: ($form--padding-h - $button-form--border-width) * 2 + 16;\r\n\r\n\t\t+ svg {\r\n\t\t\tright: $form--padding-h - $button-form--border-width;\r\n\t\t}\r\n\t}\r\n\r\n\t.form-input-sm {\r\n\t\tpadding-right: ($form-sm--padding-h - $button-form--border-width) * 2 + 16;\r\n\r\n\t\t+ svg {\r\n\t\t\tright: $form-sm--padding-h - $button-form--border-width;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.form-checkbox,\r\n.form-radio,\r\n.form-switch {\r\n    cursor: pointer;\r\n}\r\n\r\n.form-checkbox,\r\n.form-radio,\r\n.form-switch,\r\n.form-slider {\r\n\t@include font-size(check-radio);\r\n    @include font-weight(check-radio);\r\n}\r\n\r\n.form-checkbox,\r\n.form-radio {\r\n\tcolor: color(check-radio);\r\n}\r\n\r\n.form-checkbox,\r\n.form-radio {\r\n    position: relative;\r\n\tpadding-left: 24px;\r\n\r\n\tinput {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: ( ( get-line-height(check-radio) - 16 ) / 2 ) - 1; // -1 is for optical adjustement\r\n\t\twidth: 16px;\r\n\t\theight: 16px;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:checked {\r\n\t\t\tbackground-color: color-bg(check-radio-checked) !important;\r\n\t\t\tborder-color: color-bg(check-radio-checked) !important;\r\n\t\t\tbackground-position: 50%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.form-checkbox {\r\n\r\n\tinput {\r\n\t\tborder-radius: 2px;\r\n\r\n\t\t&:checked {\r\n\t\t\tbackground-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xMS40IDVMMTAgMy42bC00IDQtMi0yTDIuNiA3IDYgMTAuNHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.form-radio {\r\n\r\n\tinput {\r\n\t\tborder-radius: 50%;\r\n\r\n\t\t&:checked {\r\n\t\t\tbackground-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iNyIgY3k9IjciIHI9IjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.form-switch {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\tuser-select: none;\r\n\r\n\tinput {\r\n\t\tclip: rect(0, 0, 0, 0);\r\n\t\theight: 1px;\r\n\t\tmargin: -1px;\r\n\t\toverflow: hidden;\r\n\t\tposition: absolute;\r\n\t\twidth: 1px;\r\n\t}\r\n\r\n\t.form-switch-icon {\r\n        display: block;\r\n        position: relative;\r\n        min-width: 60px;\r\n\t\twidth: 60px;\r\n\t\theight: 32px;\r\n\t\tborder-radius: 16px;\r\n\t\tbackground: color-bg(switch);\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 2px;\r\n\t\t\tleft: 2px;\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tborder-radius: 14px;\r\n\t\t\tbackground: get-color(light, 1);\r\n\t\t\ttransition: all .15s ease-out;\r\n\t\t}\r\n\t}\r\n\r\n\tinput:checked {\r\n\r\n\t\t+ .form-switch-icon {\r\n\t\t\tbackground: color-bg(switch-checked);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tleft: 30px;\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n    \r\n    > span {\r\n\r\n        &:not(.form-switch-icon) {\r\n            order: -1;\r\n            margin-right: 12px;\r\n\r\n            &:last-child {\r\n                order: initial;\r\n                margin-left: 12px;\r\n                margin-right: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.form-slider {\r\n\r\n    > span {\r\n        display: block;\r\n    }\r\n\r\n    input[type=range] {\r\n        -moz-appearance: none;\r\n\t    -webkit-appearance: none;\r\n        background: color-bg(range-track);\r\n        border-radius: 3px;\r\n        height: 6px;\r\n        width: 100%;\r\n        margin-top: ($range-thumb-size - 6px) / 2;\r\n        margin-bottom: ($range-thumb-size - 6px) / 2;\r\n        outline: none;\r\n\r\n\t\t&::-webkit-slider-thumb {\r\n            appearance: none;\r\n            -webkit-appearance: none;\r\n            background-color: color-bg(range-thumb);\r\n            background-image: inline-svg('<svg width=\"12\" height=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 .5v7L12 4zM0 4l4 3.5v-7z\" fill=\"' + color-icon(range) + '\" fill-rule=\"nonzero\"/></svg>');\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            border: 0;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            height: $range-thumb-size;\r\n            width: $range-thumb-size;            \r\n        }\r\n\r\n\t\t&::-moz-range-thumb {\r\n            background-color: color-bg(range-thumb);\r\n            background-image: inline-svg('<svg width=\"12\" height=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 .5v7L12 4zM0 4l4 3.5v-7z\" fill=\"' + color-icon(range) + '\" fill-rule=\"nonzero\"/></svg>');\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            border: 0;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            height: $range-thumb-size;\r\n            width: $range-thumb-size;\r\n        }\r\n        \r\n\t\t&::-ms-thumb {\r\n            background-color: color-bg(range-thumb);\r\n            background-image: inline-svg('<svg width=\"12\" height=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 .5v7L12 4zM0 4l4 3.5v-7z\" fill=\"' + color-icon(range) + '\" fill-rule=\"nonzero\"/></svg>');\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            border: 0;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            height: $range-thumb-size;\r\n            width: $range-thumb-size;\r\n        }\r\n        \r\n        &::-moz-focus-outer {\r\n            border: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.invert-color {\r\n\r\n    .form-label,\r\n    .form-switch,\r\n    .form-slider {\r\n\t\tcolor: color(label-inverse);\r\n\t}\r\n\r\n\t.form-input,\r\n\t.form-select,\r\n\t.form-checkbox input,\r\n\t.form-radio input {\r\n\t\tbackground-color: color-bg(input-inverse);\r\n\t\tborder-color: color-border(input-inverse);\r\n\r\n\t\t&:hover {\r\n\t\t\tborder-color: color-border(input-hover-inverse);\r\n\t\t}\r\n\r\n\t\t&:active,\r\n\t\t&:focus {\r\n\t\t\tborder-color: color-border(input-focus-inverse);\r\n\t\t\tbackground-color: color-bg(input-focus-inverse);\r\n\t\t}\r\n\r\n\t\t&[disabled] {\r\n\t\t\tbackground-color: color-bg(input-disabled-inverse);\r\n\t\t\tborder-color: color-border(input-disabled-inverse);\r\n\t\t}\r\n\t}\r\n\r\n\t.form-input,\r\n\t.form-select {\r\n\t    color: color(input-inverse);\r\n\t}\r\n\r\n\t.form-input {\r\n\r\n\t    &::placeholder {\r\n\t        color: color(input-ph-inverse);\r\n\t    }\r\n\r\n\t    &::-ms-input-placeholder {\r\n\t        color: color(input-ph-inverse);\r\n\t    }\r\n\t}\r\n\r\n\t.form-select {\r\n\t    background-image: inline-svg('<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6 8 11.4z\" fill=\"' + color-icon(select-arrow-inverse) + '\" fill-rule=\"evenodd\"/></svg>');\r\n    }\r\n    \r\n    .form-checkbox,\r\n    .form-radio {\r\n        color: color(check-radio-inverse);\r\n    }\r\n\r\n\t.form-checkbox,\r\n\t.form-radio {\r\n\r\n\t\tinput {\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: color-bg(check-checked-inverse) !important;\r\n\t\t\t\tborder-color: color-bg(check-checked-inverse) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.form-switch {\r\n\r\n\t\t.form-switch-icon {\r\n\t\t\tbackground: color-bg(switch-inverse);\r\n\r\n\t\t}\r\n\r\n\t\tinput:checked {\r\n\r\n\t\t\t+ .form-switch-icon {\r\n\t\t\t\tbackground: color-bg(switch-checked-inverse);\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n    \r\n    .form-slider {\r\n\r\n        input[type=range] {\r\n            background: color-bg(range-track-inverse);\r\n\r\n            &::-webkit-slider-thumb {\r\n                background-color: color-bg(range-thumb-inverse);\r\n                background-image: inline-svg('<svg width=\"12\" height=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 .5v7L12 4zM0 4l4 3.5v-7z\" fill=\"' + color-icon(range-inverse) + '\" fill-rule=\"nonzero\"/></svg>');\r\n            }\r\n\r\n            &::-moz-range-thumb {\r\n                background-color: color-bg(range-thumb-inverse);\r\n                background-image: inline-svg('<svg width=\"12\" height=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 .5v7L12 4zM0 4l4 3.5v-7z\" fill=\"' + color-icon(range-inverse) + '\" fill-rule=\"nonzero\"/></svg>');\r\n            }\r\n            \r\n            &::-ms-thumb {\r\n                background-color: color-bg(range-thumb-inverse);\r\n                background-image: inline-svg('<svg width=\"12\" height=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 .5v7L12 4zM0 4l4 3.5v-7z\" fill=\"' + color-icon(range-inverse) + '\" fill-rule=\"nonzero\"/></svg>');\r\n            }           \r\n        }\r\n    }    \r\n}\r\n\r\n.form-group {\r\n\tdisplay: flex;\r\n\r\n\t.form-input {\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 1;\r\n\t\tmargin-right: $button-form--group-padding;\r\n\r\n\t\t@if ( $button-form--group-padding == null ) {\r\n\t\t\tborder-top-right-radius: 0;\r\n\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\tborder-right-width: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.button {\r\n        padding-left: $button-w-form--padding-h;\r\n\t\tpadding-right: $button-w-form--padding-h;\r\n\t\tflex-shrink: 0;\r\n\r\n\t\t@if ( $button-form--group-padding == null ) {\r\n\t\t\tborder-top-left-radius: 0;\r\n\t\t\tborder-bottom-left-radius: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.button-sm {\r\n\t\tpadding-left: $button-sm-w-form--padding-h;\r\n\t\tpadding-right: $button-sm-w-form--padding-h;\r\n\t}\r\n}\r\n\r\n.form-hint {\r\n\t@include font-size(hint);\r\n\tmargin-top: $form-hint--margin;\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.form-group-desktop {\r\n\r\n\t\t.form-input {\r\n\t\t\tmargin-bottom: $button-form--group-padding;\r\n\r\n\t\t\t@if ( $button-form--group-padding == null ) {\r\n\t\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\t\tborder-bottom-width: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.button {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@if ( $button-form--group-padding == null ) {\r\n\t\t\t\tborder-top-left-radius: 0;\r\n\t\t\t\tborder-top-right-radius: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n    .form-group-desktop {\r\n        display: flex;\r\n\r\n\t\t.form-input {\r\n\t\t\tflex-grow: 1;\r\n\t\t\tflex-shrink: 1;\r\n\t\t\tmargin-right: $button-form--group-padding;\r\n\r\n\t\t\t@if ( $button-form--group-padding == null ) {\r\n\t\t\t\tborder-top-right-radius: 0;\r\n\t\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\t\tborder-right-width: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n        .button {\r\n\t\t\tpadding-left: $button-w-form--padding-h;\r\n\t\t\tpadding-right: $button-w-form--padding-h;\r\n            flex-shrink: 0;\r\n\r\n\t\t\t@if ( $button-form--group-padding == null ) {\r\n\t\t\t\tborder-top-left-radius: 0;\r\n\t\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.button-sm {\r\n\t\t\tpadding-left: $button-sm-w-form--padding-h;\r\n\t\t\tpadding-right: $button-sm-w-form--padding-h;\r\n\t\t}\r\n    }\r\n}\r\n","// --------------------------------------------------------------------\r\n// Recursive map merge function  --------------------------------------\r\n// Used in _variables.scss --------------------------------------------\r\n// --------------------------------------------------------------------\r\n@function map-push($parent-map, $child-map) {\r\n\t$result: $parent-map;\r\n\t@each $key, $value in $child-map {\r\n\t\t@if (not map-has-key($result, $key)) or (type-of(map-get($result, $key)) != type-of($value)) or (not (type-of(map-get($result, $key)) == map and type-of($value) == map)) {\r\n\t\t\t$result: map-merge($result, ($key: $value));\r\n\t\t}\r\n\t\t@else {\r\n\t\t\t$result: map-merge($result, ($key: map-push(map-get($result, $key), $value)));\r\n\t\t}\r\n\t}\r\n\t@return $result;\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Retrieve Font Family -----------------------------------------------\r\n// Used in _mixins.scss [@mixin font-family] --------------------------\r\n// --------------------------------------------------------------------\r\n@function get-font-family($elem) {\r\n\t@return map-get($font--family, $elem);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Retrieve Font Size -------------------------------------------------\r\n// Used in _mixins.scss [@mixin font-family] --------------------------\r\n// --------------------------------------------------------------------\r\n@function get-font-size($elem) {\r\n\t@if ( map-get($font--size, $elem) ) {\r\n\t\t@return nth(map-get($font--scale, map-get($font--size, $elem)), 1);\r\n\t} @else {\r\n\t\t@return null;\r\n\t}\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Retrieve Line Height -----------------------------------------------\r\n// Used in _mixins.scss [@mixin font-size] ----------------------------\r\n// --------------------------------------------------------------------\r\n@function get-line-height($elem) {\r\n\t@if ( map-get($font--size, $elem) ) {\r\n\t\t@return nth(map-get($font--scale, map-get($font--size, $elem)), 2);\r\n\t} @else {\r\n\t\t@return null;\r\n\t}\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Retrieve Kerning ---------------------------------------------------\r\n// Used in _mixins.scss [@mixin font-size] ----------------------------\r\n// --------------------------------------------------------------------\r\n@function get-kerning($elem) {\r\n\t@if ( map-get($font--size, $elem) ) {\r\n\t\t@return nth(map-get($font--scale, map-get($font--size, $elem)), 3);\r\n\t} @else {\r\n\t\t@return null;\r\n\t}\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Retrieve Font Weight -----------------------------------------------\r\n// Used in _mixins.scss [@mixin font-weight] --------------------------\r\n// --------------------------------------------------------------------\r\n@function get-font-weight($elem) {\r\n\t@return map-get($font--weight, $elem);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Retrieve Colors ----------------------------------------------------\r\n// Usage: get-color(dark, 1) ------------------------------------------\r\n// --------------------------------------------------------------------\r\n@function get-color($elem, $variant) {\r\n\t@return map-get(map-get($palette, $elem), $variant);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Output Color -------------------------------------------------------\r\n// Usage: color(heading) -----------------------------------------\r\n// --------------------------------------------------------------------\r\n@function color($elem) {\r\n\t@return map-get($color, $elem);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Output Borders Color -----------------------------------------------\r\n// Usage: color-border(divider) ---------------------------------------\r\n// --------------------------------------------------------------------\r\n@function color-border($elem) {\r\n\t@return map-get($border--color, $elem);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Output Bg Color ----------------------------------------------------\r\n// Usage: color-bg(code) ----------------------------------------------\r\n// --------------------------------------------------------------------\r\n@function color-bg($elem) {\r\n\t@return map-get($bg--color, $elem);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// Output Icon Color --------------------------------------------------\r\n// Usage: color-icon(hamburger) ---------------------------------------\r\n// --------------------------------------------------------------------\r\n@function color-icon($elem) {\r\n\t@return map-get($icon--color, $elem);\r\n}\r\n\r\n// --------------------------------------------------------------------\r\n// urlencode the svg string -------------------------------------------\r\n// --------------------------------------------------------------------\r\n@function str-replace($string, $search, $replace: '') {\r\n\t$index: str-index($string, $search);\r\n\t@if $index {\r\n\t\t@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\r\n\t}\r\n\t@return $string;\r\n}\r\n\r\n@function url-encode($string) {\r\n\t$map: (\r\n\t\"%\": \"%25\",\r\n\t\"<\": \"%3C\",\r\n\t\">\": \"%3E\",\r\n\t\" \": \"%20\",\r\n\t\"!\": \"%21\",\r\n\t\"*\": \"%2A\",\r\n\t\"'\": \"%27\",\r\n\t'\"': \"%22\",\r\n\t\"(\": \"%28\",\r\n\t\")\": \"%29\",\r\n\t\";\": \"%3B\",\r\n\t\":\": \"%3A\",\r\n\t\"@\": \"%40\",\r\n\t\"&\": \"%26\",\r\n\t\"=\": \"%3D\",\r\n\t\"+\": \"%2B\",\r\n\t\"$\": \"%24\",\r\n\t\",\": \"%2C\",\r\n\t\"/\": \"%2F\",\r\n\t\"?\": \"%3F\",\r\n\t\"#\": \"%23\",\r\n\t\"[\": \"%5B\",\r\n\t\"]\": \"%5D\"\r\n\t);\r\n\t$new: $string;\r\n\t@each $search, $replace in $map {\r\n\t\t$new: str-replace($new, $search, $replace);\r\n\t}\r\n\t@return $new;\r\n}\r\n\r\n@function inline-svg($string) {\r\n\t@return url('data:image/svg+xml;charset=US-ASCII,#{url-encode($string)}');\r\n}\r\n",".header-nav-toggle {\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\toutline: 0;\r\n\tpadding: 0;\r\n\tcursor: pointer;\r\n}\r\n\r\n.hamburger,\r\n.hamburger-inner {\r\n\tdisplay: block;\r\n\tpointer-events: none;\r\n}\r\n\r\n.hamburger {\r\n\tposition: relative;\r\n\twidth: $header-hamburger--size;\r\n\theight: $header-hamburger--size;\r\n}\r\n\r\n.hamburger-inner,\r\n.hamburger-inner::before,\r\n.hamburger-inner::after {\r\n\twidth: $header-hamburger--size;\r\n\theight: $header-hamburger--thickness;\r\n\tposition: absolute;\r\n\tbackground: color-icon(hamburger);\r\n\tborder-radius: $header-hamburger--radius;\r\n\r\n\t.invert-color & {\r\n\t\tbackground: color-icon(hamburger-inverse);\r\n\t}\r\n}\r\n\r\n.hamburger-inner {\r\n\ttop: 50%;\r\n\tmargin-top: -($header-hamburger--thickness / 2);\r\n\ttransition-duration: 0.22s;\r\n\ttransition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\r\n\r\n\t&::before,\r\n\t&::after {\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t&::before {\r\n\t\ttop: -$header-hamburger--distance;\r\n\t\ttransition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\r\n\t}\r\n\r\n\t&::after {\r\n\t\tbottom: -$header-hamburger--distance;\r\n\t\ttransition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.1s 0.25s ease-in;\r\n\t}\r\n\r\n\t.off-nav-is-active & {\r\n\t\ttransform: rotate(225deg);\r\n\t\ttransition-delay: 0.12s;\r\n\t\ttransition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\r\n\r\n\t\t&::before {\r\n\t\t\ttop: 0;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\twidth: $header-hamburger--size;\r\n\t\t\tbottom: 0;\r\n\t\t\ttransform: rotate(-90deg);\r\n\t\t\ttransition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.1s ease-out;\r\n\t\t}\r\n\t}\r\n}\r\n","// Header (core/layout/_header.scss)\r\n\r\n// Background color\r\n$header--bg: (\r\n\theader: \t\tnull,\r\n\tmenu-mobile:\tdarken(get-color(dark, 1), 3%)\r\n);\r\n\r\n// More header settings\r\n$header-height__mobile: \t\t80px;\t\t// header height (mobile)\r\n$header-height__desktop: \t\tnull;\t\t// header height (desktop)\r\n$header-nav--padding-h: \t\t32px;\t\t// horizontal padding between header links (desktop)\r\n$header-nav--padding-v__mobile:\t24px;\t\t// vertical padding between header links (mobile)\r\n$header-hamburger--size: \t\t24px;\t\t// hamburger button, width and height\r\n$header-hamburger--thickness: \t2px;\t\t// hamburger button, stroke width\r\n$header-hamburger--radius: \t\tnull;\t\t// hamburger button, lines radius cap\r\n$header-hamburger--distance: \t7px;\t\t// hamburger button, top and bottom lines distance from center\r\n\r\n// Don't change line below!\r\n$bg--color: map-push($bg--color, $header--bg);\r\n",".modal,\r\n.modal::before {\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttop: 0\r\n}\r\n\r\n.modal {\r\n\tdisplay: none;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\toverflow: hidden;\r\n\tposition: fixed;\r\n\tz-index: 40;\r\n\r\n\t&.modal-video {\r\n\r\n\t\t.modal-inner {\r\n\t\t\tpadding: 0;\r\n\t\t\tmax-width: $modal-video--max-width;\r\n\t\t}\r\n\t}\r\n\r\n\t&::before,\r\n\t.modal-inner  {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t&::before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tbackground-color: color-bg(modal-outer);\r\n\t}\r\n\r\n\t&.is-active {\r\n\t\tdisplay: flex;\r\n\r\n\t\t&::before,\r\n\t\t.modal-inner {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t.modal-inner {\r\n\t\t\tanimation: slideUpInModal .15s ease-in-out both;\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tanimation: slideUpInModalBg .15s ease-in-out both;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.modal-inner {\r\n\tmax-height: calc(100vh - #{$modal--outer-padding-v__mobile} * 2);\r\n\toverflow: auto;\r\n\tposition: relative;\r\n\twidth: calc(100%  - ( #{$container--padding__mobile} * 2 ));\r\n\tmin-width: $modal--min-width;\r\n\tmax-width: $modal--max-width;\r\n\tmargin-left: $container--padding__mobile;\r\n\tmargin-right: $container--padding__mobile;\r\n\tbackground: color-bg(modal);\r\n}\r\n\r\n.modal-content {\r\n\tpadding: $modal--inner-padding-v__mobile $modal--inner-padding-h__mobile;\r\n}\r\n\r\n.modal-close {\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\toutline: 0;\r\n\tpadding: 0;\r\n\tcursor: pointer;\r\n\tposition: absolute;\r\n\tright: $modal-close-position;\r\n\ttop: $modal-close-position;\r\n\twidth: $modal-close-icon--size;\r\n\theight: $modal-close-icon--size;\r\n\r\n\t&::before,\r\n\t&::after {\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\tmargin-top: -($modal-close-icon--thickness / 2);\r\n\t\tmargin-left: -($modal-close-icon--size / 2);\r\n\t\twidth: $modal-close-icon--size;\r\n\t\theight: $modal-close-icon--thickness;\r\n\t\tbackground: color-icon(modal);\r\n\t\tborder-radius: $modal-close-icon--radius;\r\n\t}\r\n\r\n\t&::before {\r\n\t\ttransform: rotate(225deg);\r\n\t}\r\n\r\n\t&::after {\r\n\t\ttransform: rotate(-45deg);\r\n\t}\r\n\r\n\t&:hover {\r\n\r\n\t\t&::before,\r\n\t\t&::after {\r\n\t\t\tbackground: color-icon(modal-hover);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.modal-inner {\r\n\t\tmargin: 0 auto;\r\n\t\tmax-height: calc(100vh - #{$modal--outer-padding-v__desktop} * 2);\r\n\t}\r\n\r\n\t.modal-content {\r\n\t\tpadding-top: $modal--inner-padding-v__desktop;\r\n\t\tpadding-bottom: $modal--inner-padding-v__desktop;\r\n\t\tpadding-left: $modal--inner-padding-h__desktop;\r\n\t\tpadding-right: $modal--inner-padding-h__desktop;\r\n\t}\r\n}\r\n\r\n@keyframes slideUpInModal {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(-24px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes slideUpInModalBg {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n","// Modal (core/elements/_modal.scss)\r\n\r\n// Background color\r\n$modal--bg: (\r\n\tmodal: get-color(dark, 2),\r\n\tmodal-outer: rgba(get-color(dark, 1), .88)\r\n);\r\n\r\n// More modal settings\r\n$modal--min-width:\t\t\t \t\tnull;\t\t// modal min-width\r\n$modal--max-width:\t\t\t \t\t520px;\t\t// modal max-width\r\n$modal-video--max-width:\t\t\t1024px;\t\t// modal video max-width\r\n$modal--outer-padding-v__mobile: \t16px;\t\t// modal, outer top and bottom padding (mobile)\r\n$modal--outer-padding-v__desktop: \t48px;\t\t// modal, outer top and bottom padding (desktop)\r\n$modal--inner-padding-v__mobile: \t48px;\t\t// modal, inner top and bottom padding (mobile)\r\n$modal--inner-padding-h__mobile: \t16px;\t\t// modal, inner left and right padding (mobile)\r\n$modal--inner-padding-v__desktop: \t64px;\t\t// modal, inner top and bottom padding (desktop)\r\n$modal--inner-padding-h__desktop: \t32px;\t\t// modal, inner left and right padding (desktop)\r\n$modal-close-icon--size: \t\t\t16px;\t\t// modal close icon, width and height\r\n$modal-close-icon--thickness: \t\t2px;\t\t// modal close icon, stroke width\r\n$modal-close-icon--radius: \t\t\tnull;\t\t// modal close icon, lines radius cap\r\n$modal-close-position:\t\t\t\t16px;\t\t// icon distance from the top right of the modal\r\n\r\n// Don't change line below!\r\n$bg--color: map-push($bg--color, $modal--bg);\r\n",".split-wrap {\r\n\tmargin-top: -($split-item--padding-v__mobile / 2);\r\n\r\n\t&:last-of-type {\r\n\t\tmargin-bottom: -($split-item--padding-v__mobile / 2);\r\n\t}\r\n\r\n    &:not(:last-of-type) {\r\n        margin-bottom: $split-item--padding-v__mobile / 2;\r\n    }\r\n\r\n\t.split-item {\r\n\t\tpadding-top: $split-item--padding-v__mobile / 2;\r\n\t\tpadding-bottom: $split-item--padding-v__mobile / 2;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\r\n\t\t.split-item-image {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\timg,\r\n\t\t\tsvg,\r\n\t\t\tvideo {\r\n\t\t\t\twidth: auto;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\toverflow: visible;\r\n\t\t\t}\r\n\r\n\t\t\t&.split-item-image-fill {\r\n\r\n\t\t\t\timg,\r\n\t\t\t\tsvg,\r\n\t\t\t\tvideo {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.split-wrap {\r\n\r\n\t\t.split-item {\r\n\r\n\t\t\t.split-item-content {\r\n\t\t\t\tmargin-bottom: $split-item--inner-padding-v_mobile;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.invert-mobile {\r\n\r\n\t\t\t.split-item {\r\n\r\n\t\t\t\t.split-item-content {\r\n\t\t\t\t\torder: 1;\r\n\t\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.split-item-image {\r\n\t\t\t\t\tmargin-bottom: $split-item--inner-padding-v_mobile;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.split-wrap {\r\n\t\tmargin-top: -($split-item--padding-v__desktop / 2);\r\n\r\n\t\t&:last-of-type {\r\n\t\t\tmargin-bottom: -($split-item--padding-v__desktop / 2);\r\n\t\t}\r\n\r\n\t    &:not(:last-of-type) {\r\n\t        margin-bottom: $split-item--padding-v__desktop / 2;\r\n\t    }\r\n\r\n\t\t.split-item {\r\n\t\t\tpadding-top: $split-item--padding-v__desktop / 2;\r\n\t\t\tpadding-bottom: $split-item--padding-v__desktop / 2;\r\n\t\t\tflex-direction: row;\r\n\t\t\tflex-wrap: nowrap;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\r\n\t\t\t.split-item-content {\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t\twidth: ($container--width-sm / 2) - $split-item-content--padding-h;\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\tmargin-right: $split-item--inner-padding-h;\r\n\t\t\t}\r\n\r\n\t\t\t.split-item-image {\r\n\t\t\t\tmin-width: ($container--width-sm / 2) - $split-item-image--padding-h;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:not(.invert-desktop) .split-item:nth-child(even),\r\n\t\t&.invert-desktop .split-item:nth-child(odd) {\r\n\t\t\tjustify-content: flex-end;\r\n\r\n\t\t\t.split-item-content {\r\n\t\t\t\torder: 1;\r\n\t\t\t\tmargin-left: $split-item--inner-padding-h;\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:not(.invert-desktop) .split-item:nth-child(odd),\r\n\t\t&.invert-desktop .split-item:nth-child(even) {\r\n\r\n\t\t\t.split-item-image {\r\n\r\n\t\t\t\timg,\r\n\t\t\t\tsvg,\r\n\t\t\t\tvideo {\r\n\t\t\t\t\tmargin-left: auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.align-top {\r\n\r\n\t\t\t.split-item {\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>large' ) {\r\n\r\n\t.container {\r\n\r\n\t\t.split-wrap {\r\n\r\n\t\t\t.split-item {\r\n\r\n\t\t\t\t.split-item-content {\r\n\t\t\t\t\twidth: ($container--width / 2) - $split-item-content--padding-h;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.split-item-image {\r\n\t\t\t\t\tmin-width: ($container--width / 2) - $split-item-image--padding-h;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","// Split (core/patterns/_split.scss)\r\n$split-item--padding-v__mobile: \t\t48px;\t\t// split item, top and bottom padding (mobile)\r\n$split-item--padding-v__desktop: \t\t80px;\t\t// split item, top and bottom padding (desktop)\r\n$split-item-content--padding-h: \t\t52px;\t\t// padding distanciating content from the middle of container (desktop)\r\n$split-item-image--padding-h: \t\t\t12px;\t\t// padding distanciating image from the middle of container (desktop)\r\n$split-item--inner-padding-h: \t\t\t$split-item-content--padding-h + $split-item-image--padding-h; // horizontal padding sum, i.e. padding between content and image (desktop)\r\n$split-item--inner-padding-v_mobile:\t32px;\t\t// vertical padding, i.e. padding between content and image (mobile)\r\n",".tiles-wrap {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n\tmargin-right: -($tiles-items--padding__mobile / 2);\r\n\tmargin-left: -($tiles-items--padding__mobile / 2);\r\n\tmargin-top: -($tiles-items--padding__mobile / 2);\r\n\r\n\t&:last-of-type {\r\n\t\tmargin-bottom: -($tiles-items--padding__mobile / 2);\r\n\t}\r\n\r\n\t&:not(:last-of-type) {\r\n\t\tmargin-bottom: ($tiles-items--padding__mobile / 2);\r\n\t}\r\n\r\n\t&.push-left {\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tflex-basis: $tiles-item--width;\r\n\t\t\tmax-width: $tiles-item--width;\r\n\t\t\tbox-sizing: content-box;\r\n\t\t\tpadding-left: $tiles-items--padding__mobile / 2;\r\n\t\t\tpadding-right: $tiles-items--padding__mobile / 2;\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tiles-item {\r\n\tflex-basis: $tiles-item--width;\r\n\tmax-width: $tiles-item--width;\r\n\tbox-sizing: content-box;\r\n\tpadding: $tiles-items--padding__mobile / 2;\r\n\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n}\r\n\r\n.tiles-item-inner {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tpadding: $tiles-item--inner-padding-v $tiles-item--inner-padding-h;\r\n}\r\n\r\n@if ( $tiles-items--padding__desktop != null ) {\r\n\r\n\t@include media( '>medium' ) {\r\n\r\n\t\t.tiles-wrap {\r\n\t\t\tmargin-right: -($tiles-items--padding__desktop / 2);\r\n\t\t\tmargin-left: -($tiles-items--padding__desktop / 2);\r\n\t\t\tmargin-top: -($tiles-items--padding__desktop / 2);\r\n\r\n\t\t\t&:last-of-type {\r\n\t\t\t\tmargin-bottom: -($tiles-items--padding__desktop / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:last-of-type) {\r\n\t\t\t\tmargin-bottom: ($tiles-items--padding__desktop / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&.push-left {\r\n\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tpadding-left: $tiles-items--padding__desktop / 2;\r\n\t\t\t\t\tpadding-right: $tiles-items--padding__desktop / 2;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tiles-item {\r\n\t\t\tpadding: $tiles-items--padding__desktop / 2;\r\n\t\t}\r\n\t}\r\n}\r\n","// Tiles (core/patterns/_tiles.scss)\r\n$tiles-items--padding__mobile:  24px;\t\t// padding between tiles (mobile)\r\n$tiles-items--padding__desktop: null;\t\t// padding between tiles (desktop)\r\n$tiles-item--width: \t\t\t330px;\t\t// tile item, width\r\n$tiles-item--inner-padding-v: \t32px;\t\t// tile item, inner top and bottom padding\r\n$tiles-item--inner-padding-h: \t24px;\t\t// tile item, inner left and right padding\r\n",".site-header {\r\n\tposition: absolute !important;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\tz-index: 10 !important;\r\n\tbackground: color-bg(header);\r\n\r\n\t+ .site-content {\r\n\r\n\t\t.section:first-of-type {\r\n\t\t\tpadding-top: $header-height__mobile;\r\n\t\t}\r\n\t}\r\n\r\n\t.brand {\r\n\t\tmargin-right: $header-nav--padding-h;\r\n\t}\t\r\n}\r\n\r\n.site-header-inner {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\theight: $header-height__mobile;\r\n}\r\n\r\n.header-nav {\r\n\tflex-grow: 1;\r\n\r\n\t.header-nav-inner {\r\n\t\tdisplay: flex;\r\n\t\tflex-grow: 1;\r\n\t}\r\n\r\n    ul {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tflex-grow: 1;\r\n        white-space: nowrap;\r\n\t\tmargin-bottom: 0;\r\n\r\n\t\t&:first-of-type {\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n    }\r\n\r\n    li {\r\n\r\n\t\t+ .header-button {\r\n\t\t\tmargin-left: $header-nav--padding-h;\r\n\t\t}\r\n    }\r\n\r\n    a:not(.button) {\r\n\t\tdisplay: block;\r\n        @include anchor-aspect(header);\r\n\t\t@include font-weight(header-link);\r\n\t\ttext-transform: $link-header--transform;\r\n        padding: 0 $header-nav--padding-h;\r\n\r\n\t\t.invert-color & {\r\n\t\t\t@include anchor-aspect(header, inverse);\r\n\t\t}\r\n    }\r\n\r\n\ta.button {\r\n\t\tmargin-left: $header-nav--padding-h;\r\n\t}\r\n}\r\n\r\n.header-nav-center:first-of-type {\r\n\tflex-grow: 1;\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.header-nav-right {\r\n\tjustify-content: flex-end;\r\n\r\n\t+ .header-nav-right {\r\n\t\tflex-grow: 0;\r\n\t}\r\n}\r\n\r\n.header-nav-toggle {\r\n\tdisplay: none;\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.header-nav-toggle {\r\n\t\tdisplay: block;\r\n\r\n\t\t// Header navigation when the hamburger is a previous sibling\r\n\t\t+ .header-nav {\r\n\t\t\tflex-direction: column;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 100%;\r\n\t\t\tz-index: 9999;\r\n\t\t\tbackground: color-bg(menu-mobile);\r\n\t\t\tmax-height: 0;\r\n\t        opacity: 0;\r\n\t        overflow: hidden;\r\n\t        transition: max-height .25s ease-in-out, opacity .15s;\r\n\r\n\t\t\t&.is-active {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.header-nav-inner {\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tpadding: $header-nav--padding-v__mobile;\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\ttext-align: center;\r\n\r\n\t\t\t    a:not(.button) {\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t        @include anchor-aspect(header-mobile);\r\n\t\t\t\t\tpadding-top: $header-nav--padding-v__mobile / 2;\r\n\t\t\t\t\tpadding-bottom: $header-nav--padding-v__mobile / 2;\r\n\t\t\t    }\r\n\t\t\t}\r\n\r\n\t\t\ta.button {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t\tmargin-top: $header-nav--padding-v__mobile / 2;\r\n\t\t\t\tmargin-bottom: $header-nav--padding-v__mobile / 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.site-header {\r\n\r\n\t\t+ .site-content {\r\n\r\n\t\t\t.section:first-of-type {\r\n\t\t\t\tpadding-top: $header-height__desktop;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-inner {\r\n\t\theight: $header-height__desktop;\r\n\t}\r\n}\r\n",".is-boxed {\r\n    background: color-bg(body-outer);\r\n\r\n\t.body-wrap {\r\n\t\tmax-width: $container--width-boxed;\r\n\t    margin: 0 auto;\r\n\t    box-shadow: color-bg(body-shadow);\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground: color-bg(body);\r\n\t\t\tz-index: -10;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.body-wrap {\r\n\tposition: relative;\r\n    overflow: hidden;\r\n    // Sticky footer\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 100vh;\r\n}\r\n\r\n.site-content {\r\n    flex: 1 0 auto;\r\n}\r\n",".site-footer {\r\n\tposition: relative;\r\n\r\n\t&::before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: color-bg(footer);\r\n\t\tz-index: -3;\r\n\t}\r\n}\r\n\r\n.site-footer-inner {\r\n\tpadding: $footer--padding__mobile 0;\r\n}\r\n\r\n.footer-top {\r\n\tpadding-bottom: $footer-inner--padding-v / 2;\r\n}\r\n\r\n.footer-bottom {\r\n\tpadding-top: $footer-inner--padding-v / 2;\r\n}\r\n\r\n.footer-blocks {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tmargin-right: -($footer-block--padding_h / 2);\r\n\tmargin-left: -($footer-block--padding_h / 2);\r\n\tmargin-top: -($footer-block--padding_v / 2);\r\n\r\n\t&:last-of-type {\r\n\t\tmargin-bottom: -($footer-block--padding_v / 2) + $footer-blocks--padding;\r\n\t}\r\n\r\n\t&:not(:last-of-type) {\r\n\t\tmargin-bottom: ($footer-block--padding_v / 2);\r\n\t}\r\n}\r\n\r\n.footer-block {\r\n\tflex-grow: 1;\r\n\tflex-basis: $footer-block--min-width;\r\n\tbox-sizing: content-box;\r\n\tpadding: $footer-block--padding_v / 2 $footer-block--padding_h / 2;\r\n\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\tul li {\r\n\r\n\t\t&:not(:last-child) {\r\n\t\t\tmargin-bottom: $footer-block-list-padding;\r\n\t\t}\r\n\t}\r\n\r\n\ta {\r\n\t\t@include anchor-aspect(footer-block);\r\n\t\t@include font-weight(footer-block-link);\r\n\t\ttext-transform: $link-footer-block--transform;\r\n\r\n\t\t.invert-color & {\r\n\t\t\t@include anchor-aspect(footer-block, inverse);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.footer-block-title {\r\n\t@include font-size(block-title);\r\n\t@include font-weight(block-title);\r\n\tcolor: color(block-title);\r\n\ttext-transform: $footer-block-title--transform;\r\n\tmargin-bottom: $footer-block-title-padding;\r\n\r\n\t.invert-color & {\r\n\t\tcolor: color(block-title-inverse);\r\n\t}\r\n}\r\n\r\n.footer-social,\r\n.footer-nav {\r\n\r\n\ta {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\tul {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\twhite-space: nowrap;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n.footer-social {\r\n\r\n\tul {\r\n\t\tmargin-right: -($footer-social--inner-padding + $footer-social--outer-padding-h);\r\n\t\tmargin-left: -($footer-social--inner-padding + $footer-social--outer-padding-h);\r\n\t}\r\n\r\n\tli {\r\n\t\tpadding: 0 $footer-social--outer-padding-h;\r\n\t}\r\n\r\n\ta {\r\n\t\tpadding: $footer-social--inner-padding;\r\n\r\n\t\tsvg {\r\n\t\t\tfill: color-icon(social);\r\n\t\t\ttransition: fill .15s ease;\r\n\r\n\t\t\t.invert-color & {\r\n\t\t\t\tfill: color-icon(social-inverse);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tfill: color-icon(social-hover);\r\n\r\n\t\t\t\t.invert-color & {\r\n\t\t\t\t\tfill: color-icon(social-hover-inverse);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.footer-nav {\r\n\tmargin-right: -$footer-nav--padding-h;\r\n\tmargin-left: -$footer-nav--padding-h;\r\n\r\n\ta {\r\n\t\t@include anchor-aspect(footer);\r\n\t\t@include font-weight(footer-link);\r\n\t\ttext-transform: $link-footer--transform;\r\n\t\tpadding: 0 $footer-nav--padding-h;\r\n\r\n\t\t.invert-color & {\r\n\t\t\t@include anchor-aspect(footer, inverse);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.footer-top,\r\n\t.footer-bottom {\r\n\r\n\t\t> *:not(:last-child) {\r\n\t\t\tmargin-bottom: $footer-inner--padding-v;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t@if ( $footer--padding__mobile != $footer--padding__desktop ) {\r\n\r\n\t\t.site-footer-inner {\r\n\t\t\tpadding: $footer--padding__desktop 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.footer-top,\r\n\t.footer-bottom {\r\n\r\n\t\t&.space-between {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.footer-top,\r\n\t.footer-bottom {\r\n\r\n\t\t&.invert-order-desktop {\r\n\r\n\t\t\t> *:first-child {\r\n\t\t\t\torder: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","// Footer (core/layout/_footer.scss)\r\n\r\n// Color\r\n$footer--color: (\r\n\tblock-title:\t\t\tget-color(light, 1),\r\n\tblock-title-inverse:\tget-color(dark, 1)\r\n);\r\n\r\n// Background color\r\n$footer--bg: (\r\n\tfooter:\tget-color(dark, 1)\r\n);\r\n\r\n// Font size\r\n$footer--size: (\r\n\tblock-title:\t'theta'\r\n);\r\n\r\n// Font weight\r\n$footer--weight: (\r\n\tblock-title:\t700\r\n);\r\n\r\n// More footer settings\r\n$footer--padding__mobile: \t\t\t48px;\t\t// footer, top and bottom padding (mobile)\r\n$footer--padding__desktop:\t\t\t64px;\t\t// footer, top and bottom padding (desktop)\r\n$footer-inner--padding-v: \t\t\t24px;\t\t// padding between top and bottom footer\r\n$footer-social--outer-padding-h:\t8px;\t\t// social links, outer padding (useful when icon has a background)\r\n$footer-social--inner-padding: \t\t8px;\t\t// social links, inner padding\r\n$footer-nav--padding-h: \t\t\t12px;\t\t// padding between footer nav links\r\n\r\n// Footer blocks\r\n$footer-blocks--padding: \t\t\t40px;\t\t// footer block, bottom padding\r\n$footer-block--padding_v: \t\t\t24px;\t\t// top and bottom padding between footer blocks\r\n$footer-block--padding_h: \t\t\t48px;\t\t// left and right padding between footer blocks\r\n$footer-block--min-width: \t\t\t160px;\t\t// footer block, minimum width\r\n$footer-block-title--transform: \tuppercase;\t// footer block title text-transform property (null is allowed)\r\n$footer-block-title-padding:\t\t8px;\t\t// footer block title, bottom padding\r\n$footer-block-list-padding:\t\t\t4px;\t\t// spacing beetwen block lists\r\n\r\n// Don't change line below!\r\n$color: \t\tmap-push($color, $footer--color);\r\n$bg--color: \tmap-push($bg--color, $footer--bg);\r\n$font--size: \tmap-push($font--size, $footer--size);\r\n$font--weight: \tmap-push($font--weight, $footer--weight);\r\n",".section-inner {\r\n    position: relative; // To always display inner elements above pseudo decorative stuff\r\n    padding-top: $section--padding__mobile;\r\n    padding-bottom: $section--padding__mobile;\r\n}\r\n\r\n.section-header {\r\n\tpadding-bottom: $section-header--padding__mobile;\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n    .section-inner {\r\n        padding-top: $section--padding__desktop;\r\n        padding-bottom: $section--padding__desktop;\r\n    }\r\n\r\n\t.section-header {\r\n\t\tpadding-bottom: $section-header--padding__desktop;\r\n\t}\r\n}\r\n",".hero {\r\n\r\n\t.section-inner {\r\n\t\tpadding-top: $hero--padding-t__mobile;\r\n\t\tpadding-bottom: $hero--padding-b__mobile;\r\n\t}\r\n}\r\n\r\n.hero-inner {\r\n\r\n\t// Affects only hero full\r\n\t> .hero-content + .hero-figure,\r\n\t> .hero-figure + .hero-content {\r\n\t\tmargin-top: $hero--inner-padding-v_mobile;\r\n\t}\r\n\r\n\t> .hero-figure {\r\n\r\n\t\t> a {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\t// prevents stretching\r\n\t\t\talign-items: center;\r\n\t\t\tvertical-align: top;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.hero {\r\n\r\n\t\t.split-wrap {\r\n\r\n\t\t\t.split-item {\r\n\r\n\t\t\t\t.split-item-content {\r\n\t\t\t\t\tmargin-bottom: $hero--inner-padding-v_mobile;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.invert-mobile {\r\n\r\n\t\t\t\t.split-item {\r\n\r\n\t\t\t\t\t.split-item-image {\r\n\t\t\t\t\t\tmargin-bottom: $hero--inner-padding-v_mobile;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.hero {\r\n\r\n\t\t.section-inner {\r\n\t\t\tpadding-top: $hero--padding-t__desktop;\r\n\t\t\tpadding-bottom: $hero--padding-b__desktop;\r\n\t\t}\r\n\t}\r\n\r\n\t.hero-inner {\r\n\r\n\t\t// Affects only hero full\r\n\t\t> .hero-content + .hero-figure,\r\n\t\t> .hero-figure + .hero-content {\r\n\t\t\tmargin-top: $hero--inner-padding-v_desktop;\r\n\t\t}\r\n\t}\r\n}\r\n","// Hero (core/sections/_hero.scss) -----------------------------\r\n$hero--padding-t__mobile: \t\tnull;\t\t// hero, top padding (mobile)\r\n$hero--padding-b__mobile: \t\tnull;\t\t// hero, bottom padding (mobile)\r\n$hero--padding-t__desktop: \t\tnull;\t\t// hero, top padding (desktop)\r\n$hero--padding-b__desktop: \t\tnull;\t\t// hero, bottom padding (desktop)\r\n$hero--inner-padding-v_mobile: \t48px;\t\t// vertical padding, i.e. padding between content and image (mobile, both hero split and hero full)\r\n$hero--inner-padding-v_desktop: 64px;\t\t// vertical padding, i.e. padding between content and image (desktop, only hero full)\r\n",".features-split {\r\n\r\n\t.section-inner {\r\n\t\tpadding-top: $features-split--padding-t__mobile;\r\n\t\tpadding-bottom: $features-split--padding-b__mobile;\r\n\t}\r\n\r\n\t.section-header {\r\n\t\tpadding-bottom: $features-split-header--padding__mobile;\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.features-split {\r\n\r\n\t\t.section-inner {\r\n\t\t\tpadding-top: $features-split--padding-t__desktop;\r\n\t\t\tpadding-bottom: $features-split--padding-b__desktop;\r\n\t\t}\r\n\r\n\t\t.section-header {\r\n\t\t\tpadding-bottom: $features-split-header--padding__desktop;\r\n\t\t}\r\n\t}\r\n}\r\n","// Features split (core/sections/_features-split.scss) ---------\r\n$features-split--padding-t__mobile: \t\tnull;\t\t// features split, top padding (mobile)\r\n$features-split--padding-b__mobile: \t\tnull;\t\t// features split, bottom padding (mobile)\r\n$features-split--padding-t__desktop: \t\tnull;\t\t// features split, top padding (desktop)\r\n$features-split--padding-b__desktop: \t\tnull;\t\t// features split, bottom padding (desktop)\r\n$features-split-header--padding__mobile: \tnull;\t\t// features split header, bottom padding (mobile)\r\n$features-split-header--padding__desktop: \t92px;\t\t// features split header, bottom padding (desktop)\r\n",".features-tiles {\r\n\r\n\t.section-inner {\r\n\t\tpadding-top: $features-tiles--padding-t__mobile;\r\n\t\tpadding-bottom: $features-tiles--padding-b__mobile;\r\n\t}\r\n\r\n\t.section-header {\r\n\t\tpadding-bottom: $features-tiles-header--padding__mobile;\r\n\t}\r\n\r\n\t.tiles-wrap {\r\n\t\t@if ( $features-tiles-items--padding__mobile != null ) {\r\n\t\t\tmargin-right: -($features-tiles-items--padding__mobile / 2);\r\n\t\t\tmargin-left: -($features-tiles-items--padding__mobile / 2);\r\n\t\t\tmargin-top: -($features-tiles-items--padding__mobile / 2);\r\n\r\n\t\t\t&:last-of-type {\r\n\t\t\t\tmargin-bottom: -($features-tiles-items--padding__mobile / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:last-of-type) {\r\n\t\t\t\tmargin-bottom: ($features-tiles-items--padding__mobile / 2);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.push-left {\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tflex-basis: $features-tiles-item--width;\r\n\t\t\t\tmax-width: $features-tiles-item--width;\r\n\t\t\t\t@if ( $features-tiles-items--padding__mobile != null ) {\r\n\t\t\t\t\tpadding-left: $features-tiles-items--padding__mobile / 2;\r\n\t\t\t\t\tpadding-right: $features-tiles-items--padding__mobile / 2;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.tiles-item {\r\n\t\tflex-basis: $features-tiles-item--width;\r\n\t\tmax-width: $features-tiles-item--width;\r\n\t\t@if ( $features-tiles-items--padding__mobile != null ) {\r\n\t\t\tpadding: $features-tiles-items--padding__mobile / 2;\r\n\t\t}\r\n\t}\r\n\r\n\t.tiles-item-inner {\r\n\t\tpadding-top: $features-tiles-item--inner-padding-v;\r\n\t\tpadding-bottom: $features-tiles-item--inner-padding-v;\r\n\t\tpadding-left: $features-tiles-item--inner-padding-h;\r\n\t\tpadding-right: $features-tiles-item--inner-padding-h;\r\n\t}\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.features-tiles {\r\n\r\n\t\t.section-inner {\r\n\t\t\tpadding-top: $features-tiles--padding-t__desktop;\r\n\t\t\tpadding-bottom: $features-tiles--padding-b__desktop;\r\n\t\t}\r\n\r\n\t\t.section-header {\r\n\t\t\tpadding-bottom: $features-tiles-header--padding__desktop;\r\n\t\t}\r\n\r\n\t\t@if ( $features-tiles-items--padding__desktop != null ) {\r\n\r\n\t\t\t.tiles-wrap {\r\n\t\t\t\tmargin-right: -($features-tiles-items--padding__desktop / 2);\r\n\t\t\t\tmargin-left: -($features-tiles-items--padding__desktop / 2);\r\n\t\t\t\tmargin-top: -($features-tiles-items--padding__desktop / 2);\r\n\r\n\t\t\t\t&:last-of-type {\r\n\t\t\t\t\tmargin-bottom: -($features-tiles-items--padding__desktop / 2);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(:last-of-type) {\r\n\t\t\t\t\tmargin-bottom: ($features-tiles-items--padding__desktop / 2);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.push-left {\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tpadding-left: $features-tiles-items--padding__desktop / 2;\r\n\t\t\t\t\t\tpadding-right: $features-tiles-items--padding__desktop / 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.tiles-item {\r\n\t\t\t\tpadding: $features-tiles-items--padding__desktop / 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","// Features tiles (core/sections/_features-tiles.scss) ---------\r\n$features-tiles--padding-t__mobile: \t\tnull;\t\t// features tiles, top padding (mobile)\r\n$features-tiles--padding-b__mobile:\t\t\tnull;\t\t// features tiles, bottom padding (mobile)\r\n$features-tiles--padding-t__desktop: \t\tnull;\t\t// features tiles, top padding (desktop)\r\n$features-tiles--padding-b__desktop: \t\tnull;\t\t// features tiles, bottom padding (desktop)\r\n$features-tiles-header--padding__mobile: \tnull;\t\t// features tiles header, bottom padding (mobile)\r\n$features-tiles-header--padding__desktop: \tnull;\t\t// features tiles header, bottom padding (desktop)\r\n$features-tiles-items--padding__mobile: \t32px;\t\t// padding between features tiles (mobile)\r\n$features-tiles-items--padding__desktop: \t64px;\t\t// padding between features tiles (desktop)\r\n$features-tiles-item--width: \t\t\t\t317px;\t\t// features tiles item, width\r\n$features-tiles-item--inner-padding-v: \t\t0;\t\t\t// features tiles item, inner top and bottom padding (it inherits $tiles-item--inner-padding-v unless you replace null with a new value)\r\n$features-tiles-item--inner-padding-h: \t\t0;\t\t\t// features tiles item, inner left and right padding (it inherits $tiles-item--inner-padding-h unless you replace null with a new value)\r\n",".testimonial {\r\n\r\n\t.section-inner {\r\n\t\tpadding-top: $testimonial--padding-t__mobile;\r\n\t\tpadding-bottom: $testimonial--padding-b__mobile;\r\n\t}\r\n\r\n\t.section-header {\r\n\t\tpadding-bottom: $testimonial-header--padding__mobile;\r\n\t}\r\n\r\n\t.tiles-wrap {\r\n\t\t@if ( $testimonial-items--padding__mobile != null ) {\r\n\t\t\tmargin-right: -($testimonial-items--padding__mobile / 2);\r\n\t\t\tmargin-left: -($testimonial-items--padding__mobile / 2);\r\n\t\t\tmargin-top: -($testimonial-items--padding__mobile / 2);\r\n\r\n\t\t\t&:last-of-type {\r\n\t\t\t\tmargin-bottom: -($testimonial-items--padding__mobile / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:last-of-type) {\r\n\t\t\t\tmargin-bottom: ($testimonial-items--padding__mobile / 2);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.push-left {\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tflex-basis: $testimonial-item--width;\r\n\t\t\t\tmax-width: $testimonial-item--width;\r\n\t\t\t\t@if ( $testimonial-items--padding__mobile != null ) {\r\n\t\t\t\t\tpadding-left: $testimonial-items--padding__mobile / 2;\r\n\t\t\t\t\tpadding-right: $testimonial-items--padding__mobile / 2;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.tiles-item {\r\n\t\tflex-basis: $testimonial-item--width;\r\n\t\tmax-width: $testimonial-item--width;\r\n\t\t@if ( $testimonial-items--padding__mobile != null ) {\r\n\t\t\tpadding: $testimonial-items--padding__mobile / 2;\r\n\t\t}\r\n\t}\r\n\r\n\t.tiles-item-inner {\r\n\t\tpadding-top: $testimonial-item--inner-padding-v;\r\n\t\tpadding-bottom: $testimonial-item--inner-padding-v;\r\n\t\tpadding-left: $testimonial-item--inner-padding-h;\r\n\t\tpadding-right: $testimonial-item--inner-padding-h;\r\n\t}\r\n}\r\n\r\n.testimonial-item-content {\r\n\tflex-grow: 1;\r\n}\r\n\r\n.testimonial-item-source {\r\n\tdisplay: inline-flex; // to allow centering when using .content-center on a parent tag\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.testimonial {\r\n\r\n\t\t.section-inner {\r\n\t\t\tpadding-top: $testimonial--padding-t__desktop;\r\n\t\t\tpadding-bottom: $testimonial--padding-b__desktop;\r\n\t\t}\r\n\r\n\t\t.section-header {\r\n\t\t\tpadding-bottom: $testimonial-header--padding__desktop;\r\n\t\t}\r\n\r\n\t\t@if ( $testimonial-items--padding__desktop != null ) {\r\n\r\n\t\t\t.tiles-wrap {\r\n\t\t\t\tmargin-right: -($testimonial-items--padding__desktop / 2);\r\n\t\t\t\tmargin-left: -($testimonial-items--padding__desktop / 2);\r\n\t\t\t\tmargin-top: -($testimonial-items--padding__desktop / 2);\r\n\r\n\t\t\t\t&:last-of-type {\r\n\t\t\t\t\tmargin-bottom: -($testimonial-items--padding__desktop / 2);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(:last-of-type) {\r\n\t\t\t\t\tmargin-bottom: ($testimonial-items--padding__desktop / 2);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.push-left {\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tpadding-left: $testimonial-items--padding__desktop / 2;\r\n\t\t\t\t\t\tpadding-right: $testimonial-items--padding__desktop / 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.tiles-item {\r\n\t\t\t\tpadding: $testimonial-items--padding__desktop / 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","// Testimonial (core/sections/_testimonial.scss) ---------------\r\n$testimonial--padding-t__mobile: \t\tnull;\t\t// testimonial, top padding (mobile)\r\n$testimonial--padding-b__mobile: \t\tnull;\t\t// testimonial, bottom padding (mobile)\r\n$testimonial--padding-t__desktop: \t\tnull;\t\t// testimonial, top padding (desktop)\r\n$testimonial--padding-b__desktop: \t\tnull;\t\t// testimonial, bottom padding (desktop)\r\n$testimonial-header--padding__mobile: \tnull;\t\t// testimonial header, bottom padding (mobile)\r\n$testimonial-header--padding__desktop:\tnull;\t\t// testimonial header, bottom padding (desktop)\r\n$testimonial-items--padding__mobile: \tnull;\t\t// padding between testimonial items (mobile)\r\n$testimonial-items--padding__desktop: \tnull;\t\t// padding between testimonial items (desktop)\r\n$testimonial-item--width: \t\t\t\t344px;\t\t// testimonial item, width\r\n$testimonial-item--inner-padding-v: \t24px;\t\t// testimonial item, inner top and bottom padding (it inherits $tiles-item--inner-padding-v unless you replace null with a new value)\r\n$testimonial-item--inner-padding-h: \t32px;\t\t// testimonial item, inner left and right padding (it inherits $tiles-item--inner-padding-h unless you replace null with a new value)\r\n",".cta {\r\n\r\n\t.section-inner {\r\n\t\tpadding-top: $cta--padding-t__mobile;\r\n\t\tpadding-bottom: $cta--padding-b__mobile;\r\n\t}\r\n}\r\n\r\n.cta-slogan {\r\n\tmargin-bottom: $cta-slogan--padding-v__mobile;\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.cta {\r\n\r\n\t\t.section-inner {\r\n\t\t\tpadding-top: $cta--padding-t__desktop;\r\n\t\t\tpadding-bottom: $cta--padding-b__desktop;\r\n\t\t}\r\n\t}\r\n\r\n\t.cta-split {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.cta-slogan {\r\n\t\tmargin-bottom: $cta-slogan--padding-v__desktop;\r\n\r\n\t\t.cta-split & {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tmargin-right: $cta-slogan--padding-h__desktop;\r\n\t\t}\r\n\t}\r\n}\r\n","// Call to action (core/sections/_cta.scss)\r\n$cta--padding-t__mobile: \t\t\t48px;\t\t// cta, top padding (mobile)\r\n$cta--padding-b__mobile: \t\t\t48px;\t\t// cta, bottom padding (mobile)\r\n$cta--padding-t__desktop: \t\t\t64px;\t\t// cta, top padding (desktop)\r\n$cta--padding-b__desktop: \t\t\t64px;\t\t// cta, bottom padding (desktop)\r\n$cta-slogan--padding-v__mobile: \t40px;\t\t// cta slogan, margin bottom (mobile)\r\n$cta-slogan--padding-v__desktop: \tnull;\t\t// cta slogan, margin bottom (desktop)\r\n$cta-slogan--padding-h__desktop:\t48px;\t\t// cta slogan, minimum distance between slogan and actions (only .cta-split desktop)\r\n","[class*=illustration-] {\r\n\tposition: relative;\r\n\r\n\t&::after {\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n[class*=illustration-element-]::after {\r\n\tz-index: -1;\r\n}\r\n\r\n[class*=illustration-section-]::after {\r\n\tz-index: -2;\r\n}\r\n\r\n// Hero illustration\r\n.illustration-section-01::after {\r\n\t@include illustration('illustration-section-01.svg', 100%, 286px, top);\r\n}\r\n\r\n// Features illustration 02\r\n.illustration-section-02::after {\r\n\t@include illustration('illustration-section-02.svg', 100%, 253px, null, null, 30px);\r\n}","h3, h4, h5, h6,\r\n.h3, .h4, .h5, .h6 {\r\n\tfont-weight: 700;\r\n}",".features-tiles-item-image {\r\n\tdisplay: inline-flex;\r\n\tborder-radius: 50%;\r\n\tbackground-color: get-color(primary, 3);\r\n}\r\n",".testimonial {\r\n\r\n\t.tiles-item-inner {\r\n\t\tbackground: get-color(dark, 2);\t\t\r\n\t}\r\n}\r\n\r\n.testimonial-item-content {\r\n    position: relative;\r\n\r\n    &::before {\r\n        content: '';\r\n        display: block;\r\n        width: 24px;\r\n        height: 18px;\r\n        margin-top: 12px;\r\n        margin-bottom: 16px;\r\n        background-image: inline-svg('<svg width=\"24\" height=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 13.481c0-2.34.611-4.761 1.833-7.263C3.056 3.716 4.733 1.643 6.865 0L11 2.689C9.726 4.382 8.777 6.093 8.152 7.824c-.624 1.73-.936 3.578-.936 5.545V18H0v-4.519zm13 0c0-2.34.611-4.761 1.833-7.263 1.223-2.502 2.9-4.575 5.032-6.218L24 2.689c-1.274 1.693-2.223 3.404-2.848 5.135-.624 1.73-.936 3.578-.936 5.545V18H13v-4.519z\" fill=\"' + get-color(primary, 1) + '\" fill-rule=\"nonzero\"/></svg>');\r\n        background-repeat: no-repeat;\r\n    }\t\t\r\n}\r\n\r\n.testimonial-item-footer {\r\n    font-weight: 600;\r\n    padding-top: 20px;\r\n\r\n    &.has-top-divider {\r\n\r\n        &::before {\r\n            background: get-color(dark, 3);\r\n        }\r\n    }\r\n}\r\n\r\n.testimonial-item-link {\r\n\tcolor: get-color(secondary, 3);\r\n\r\n\ta {\r\n        color: get-color(secondary, 3);\r\n        text-decoration: none;\r\n\r\n        &:hover {\r\n            color: get-color(secondary, 2);\r\n        }\r\n\t}\r\n}",".cta {\r\n\r\n    .form-input {\r\n        border-color: transparent;\r\n        border-radius: 2px;\r\n    }\r\n}\r\n\r\n.cta-inner {\r\n\tpadding-left: 16px;\r\n\tpadding-right: 16px;\r\n    background-color: get-color(primary, 3);\r\n\tbackground-image: url(../../../images/cta-illustration.svg);\r\n\tbackground-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: right bottom;    \r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n.cta {\r\n\r\n    .form-input {\r\n        min-width: 280px;\r\n    }\r\n}    \r\n\r\n\t.cta-inner {\r\n\t\tpadding-left: 48px;\r\n\t\tpadding-right: 48px;\r\n\t}\r\n}\r\n","// Hide elements, for screen readers only\r\n.screen-reader {\r\n\tposition: absolute;\r\n\twidth: 1px;\r\n\theight: 1px;\r\n\tpadding: 0;\r\n\toverflow: hidden;\r\n\tclip: rect(0,0,0,0);\r\n\twhite-space: nowrap;\r\n\tborder: 0;\r\n}\r\n\r\n// Reset lists style\r\n.list-reset {\r\n\tlist-style: none;\r\n\tpadding: 0;\r\n\r\n\tli {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n// Text alignment\r\n.ta-l {\r\n  text-align: left;\r\n}\r\n\r\n.ta-c {\r\n  text-align: center;\r\n}\r\n\r\n.ta-r {\r\n  text-align: right;\r\n}\r\n\r\n// Font weight\r\n.fw-400 {\r\n\tfont-weight: 400;\r\n}\r\n\r\n.fw-500 {\r\n\tfont-weight: 500;\r\n}\r\n\r\n.fw-600 {\r\n\tfont-weight: 600;\r\n}\r\n\r\n.fw-700 {\r\n\tfont-weight: 700;\r\n}\r\n\r\n// Text color\r\n.text-color-high {\r\n\tcolor: color(high-contrast);\r\n}\r\n\r\n.text-color-mid {\r\n\tcolor: color(mid-contrast);\r\n}\r\n\r\n.text-color-low {\r\n\tcolor: color(low-contrast);\r\n}\r\n\r\n.text-color-primary {\r\n\tcolor: color(primary);\r\n}\r\n\r\n.text-color-secondary {\r\n\tcolor: color(secondary);\r\n}\r\n\r\n.text-color-error {\r\n\tcolor: color(error);\r\n}\r\n\r\n.text-color-warning {\r\n\tcolor: color(warning);\r\n}\r\n\r\n.text-color-success {\r\n\tcolor: color(success);\r\n}\r\n\r\n.invert-color {\r\n\r\n\t.text-color-high {\r\n\t\tcolor: color(high-contrast-inverse);\r\n\t}\r\n\r\n\t.text-color-mid {\r\n\t\tcolor: color(mid-contrast-inverse);\r\n\t}\r\n\r\n\t.text-color-low {\r\n\t\tcolor: color(low-contrast-inverse);\r\n\t}\r\n}\r\n\r\n// Text transform\r\n.tt-u {\r\n\ttext-transform: uppercase;\r\n}\r\n\r\n// Images\r\n.image-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.image-larger {\r\n\tposition: relative;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\twidth: calc(100% + #{$image-larger--extra-width * 2});\r\n\tmax-width: 100vw;\r\n}\r\n\r\n// Helper class for coloured bg\r\n.has-bg-color {\r\n\tposition: relative;\r\n\tbackground-color: color-bg(bg-color);\r\n\tz-index: 0;\r\n}\r\n\r\n// Helper class for box shadow\r\n.has-shadow {\r\n\tbox-shadow: color-bg(shadow);\r\n}\r\n\r\nimg.has-shadow {\r\n\tborder-radius: $img-radius;\r\n}\r\n\r\n// Dividers\r\n.has-top-divider {\r\n    @include divider(before);\r\n}\r\n\r\n.has-bottom-divider {\r\n    @include divider(after);\r\n}\r\n\r\n.invert-color {\r\n\r\n\t.has-top-divider {\r\n\t    @include divider(before, inverse);\r\n\t}\r\n\r\n\t.has-bottom-divider {\r\n\t    @include divider(after, inverse);\r\n\t}\r\n}\r\n\r\n// For centering content\r\n.center-content {\r\n\ttext-align: center;\r\n\r\n\timg,\r\n\tsvg,\r\n\tvideo {\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t}\r\n\r\n\t.button-group {\r\n\t\tjustify-content: center;\r\n\t}\r\n}\r\n\r\n// Responsive video\r\n.responsive-video {\r\n\tposition: relative;\r\n\tpadding-bottom: 56.25%; // 16:9\r\n\theight: 0;\r\n\r\n\t&.is-4-3 {\r\n\t\tpadding-bottom: 75%; // 4:3\r\n\t}\r\n\r\n\tiframe {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n    }\r\n}\r\n\r\n// Spacing, margin\r\n.m-0 {\r\n\tmargin: 0;\r\n}\r\n\r\n.mt-0 {\r\n\tmargin-top: 0;\r\n}\r\n\r\n.mr-0 {\r\n\tmargin-right: 0;\r\n}\r\n\r\n.mb-0 {\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n.ml-0 {\r\n\tmargin-left: 0;\r\n}\r\n\r\n.m-4 {\r\n\tmargin: 4px;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 4px;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 4px;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 4px;\r\n}\r\n\r\n.ml-4 {\r\n\tmargin-left: 4px;\r\n}\r\n\r\n.m-8 {\r\n\tmargin: 8px;\r\n}\r\n\r\n.mt-8 {\r\n\tmargin-top: 8px;\r\n}\r\n\r\n.mr-8 {\r\n\tmargin-right: 8px;\r\n}\r\n\r\n.mb-8 {\r\n\tmargin-bottom: 8px;\r\n}\r\n\r\n.ml-8 {\r\n\tmargin-left: 8px;\r\n}\r\n\r\n.m-12 {\r\n\tmargin: 12px;\r\n}\r\n\r\n.mt-12 {\r\n\tmargin-top: 12px;\r\n}\r\n\r\n.mr-12 {\r\n\tmargin-right: 12px;\r\n}\r\n\r\n.mb-12 {\r\n\tmargin-bottom: 12px;\r\n}\r\n\r\n.ml-12 {\r\n\tmargin-left: 12px;\r\n}\r\n\r\n.m-16 {\r\n\tmargin: 16px;\r\n}\r\n\r\n.mt-16 {\r\n\tmargin-top: 16px;\r\n}\r\n\r\n.mr-16 {\r\n\tmargin-right: 16px;\r\n}\r\n\r\n.mb-16 {\r\n\tmargin-bottom: 16px;\r\n}\r\n\r\n.ml-16 {\r\n\tmargin-left: 16px;\r\n}\r\n\r\n.m-24 {\r\n\tmargin: 24px;\r\n}\r\n\r\n.mt-24 {\r\n\tmargin-top: 24px;\r\n}\r\n\r\n.mr-24 {\r\n\tmargin-right: 24px;\r\n}\r\n\r\n.mb-24 {\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n.ml-24 {\r\n\tmargin-left: 24px;\r\n}\r\n\r\n.m-32 {\r\n\tmargin: 32px;\r\n}\r\n\r\n.mt-32 {\r\n\tmargin-top: 32px;\r\n}\r\n\r\n.mr-32 {\r\n\tmargin-right: 32px;\r\n}\r\n\r\n.mb-32 {\r\n\tmargin-bottom: 32px;\r\n}\r\n\r\n.ml-32 {\r\n\tmargin-left: 32px;\r\n}\r\n\r\n// Spacing, padding\r\n.p-0 {\r\n\tpadding: 0;\r\n}\r\n\r\n.pt-0 {\r\n\tpadding-top: 0;\r\n}\r\n\r\n.pr-0 {\r\n\tpadding-right: 0;\r\n}\r\n\r\n.pb-0 {\r\n\tpadding-bottom: 0;\r\n}\r\n\r\n.pl-0 {\r\n\tpadding-left: 0;\r\n}\r\n\r\n.p-4 {\r\n\tpadding: 4px;\r\n}\r\n\r\n.pt-4 {\r\n\tpadding-top: 4px;\r\n}\r\n\r\n.pr-4 {\r\n\tpadding-right: 4px;\r\n}\r\n\r\n.pb-4 {\r\n\tpadding-bottom: 4px;\r\n}\r\n\r\n.pl-4 {\r\n\tpadding-left: 4px;\r\n}\r\n\r\n.p-8 {\r\n\tpadding: 8px;\r\n}\r\n\r\n.pt-8 {\r\n\tpadding-top: 8px;\r\n}\r\n\r\n.pr-8 {\r\n\tpadding-right: 8px;\r\n}\r\n\r\n.pb-8 {\r\n\tpadding-bottom: 8px;\r\n}\r\n\r\n.pl-8 {\r\n\tpadding-left: 8px;\r\n}\r\n\r\n.p-12 {\r\n\tpadding: 12px;\r\n}\r\n\r\n.pt-12 {\r\n\tpadding-top: 12px;\r\n}\r\n\r\n.pr-12 {\r\n\tpadding-right: 12px;\r\n}\r\n\r\n.pb-12 {\r\n\tpadding-bottom: 12px;\r\n}\r\n\r\n.pl-12 {\r\n\tpadding-left: 12px;\r\n}\r\n\r\n.p-16 {\r\n\tpadding: 16px;\r\n}\r\n\r\n.pt-16 {\r\n\tpadding-top: 16px;\r\n}\r\n\r\n.pr-16 {\r\n\tpadding-right: 16px;\r\n}\r\n\r\n.pb-16 {\r\n\tpadding-bottom: 16px;\r\n}\r\n\r\n.pl-16 {\r\n\tpadding-left: 16px;\r\n}\r\n\r\n.p-24 {\r\n\tpadding: 24px;\r\n}\r\n\r\n.pt-24 {\r\n\tpadding-top: 24px;\r\n}\r\n\r\n.pr-24 {\r\n\tpadding-right: 24px;\r\n}\r\n\r\n.pb-24 {\r\n\tpadding-bottom: 24px;\r\n}\r\n\r\n.pl-24 {\r\n\tpadding-left: 24px;\r\n}\r\n\r\n.p-32 {\r\n\tpadding: 32px;\r\n}\r\n\r\n.pt-32 {\r\n\tpadding-top: 32px;\r\n}\r\n\r\n.pr-32 {\r\n\tpadding-right: 32px;\r\n}\r\n\r\n.pb-32 {\r\n\tpadding-bottom: 32px;\r\n}\r\n\r\n.pl-32 {\r\n\tpadding-left: 32px;\r\n}\r\n\r\n// Spacing, spacers\r\n.spacer-4 {\r\n\tpadding-top: 4px;\r\n}\r\n\r\n.spacer-8 {\r\n\tpadding-top: 8px;\r\n}\r\n\r\n.spacer-12 {\r\n\tpadding-top: 12px;\r\n}\r\n\r\n.spacer-16 {\r\n\tpadding-top: 16px;\r\n}\r\n\r\n.spacer-24 {\r\n\tpadding-top: 24px;\r\n}\r\n\r\n.spacer-32 {\r\n\tpadding-top: 32px;\r\n}\r\n\r\n.spacer-48 {\r\n\tpadding-top: 48px;\r\n}\r\n\r\n.spacer-64 {\r\n\tpadding-top: 64px;\r\n}\r\n\r\n@include media( '<=medium' ) {\r\n\r\n\t.ta-l-mobile {\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t.ta-c-mobile {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.ta-r-mobile {\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\t.center-content-mobile {\r\n\t\ttext-align: center;\r\n\r\n\t\timg,\r\n\t\tsvg,\r\n\t\tvideo {\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t}\r\n\r\n\t\t.button-group {\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\r\n\t// Spacing, spacers\r\n\t.spacer-4-mobile {\r\n\t\tpadding-top: 4px;\r\n\t}\r\n\r\n\t.spacer-8-mobile {\r\n\t\tpadding-top: 8px;\r\n\t}\r\n\r\n\t.spacer-12-mobile {\r\n\t\tpadding-top: 12px;\r\n\t}\r\n\r\n\t.spacer-16-mobile {\r\n\t\tpadding-top: 16px;\r\n\t}\r\n\r\n\t.spacer-24-mobile {\r\n\t\tpadding-top: 24px;\r\n\t}\r\n\r\n\t.spacer-32-mobile {\r\n\t\tpadding-top: 32px;\r\n\t}\r\n\r\n\t.spacer-48-mobile {\r\n\t\tpadding-top: 48px;\r\n\t}\r\n\r\n\t.spacer-64-mobile {\r\n\t\tpadding-top: 64px;\r\n\t}\t\r\n}\r\n\r\n@include media( '>medium' ) {\r\n\r\n\t.ta-l-desktop {\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t.ta-c-desktop {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.ta-r-desktop {\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\t.center-content-desktop {\r\n\t\ttext-align: center;\r\n\r\n\t\timg,\r\n\t\tsvg,\r\n\t\tvideo {\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t}\r\n\r\n\t\t.button-group {\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n}\r\n"]}