{"version":3,"sources":["../../node_modules/foundation-sites/scss/typography/_helpers.scss","mobile_zurb.css","setup/config/_fonts.scss","setup/config/_textures.scss","setup/__brand.acc.scss","setup/config/__root.cssvars.scss","../../node_modules/foundation-sites/scss/util/_breakpoint.scss","../../node_modules/foundation-sites/scss/components/_reveal.scss","../../node_modules/foundation-sites/scss/vendor/normalize.scss","../../node_modules/foundation-sites/scss/_global.scss","setup/config/__config.zurb.scss","../../node_modules/foundation-sites/scss/util/_mixins.scss","../../node_modules/foundation-sites/scss/forms/_text.scss","../../node_modules/foundation-sites/scss/forms/_checkbox.scss","../../node_modules/foundation-sites/scss/forms/_label.scss","../../node_modules/foundation-sites/scss/forms/_help-text.scss","../../node_modules/foundation-sites/scss/forms/_input-group.scss","../../node_modules/foundation-sites/scss/forms/_fieldset.scss","../../node_modules/foundation-sites/scss/forms/_select.scss","../../node_modules/foundation-sites/scss/forms/_error.scss","../../node_modules/foundation-sites/scss/typography/_base.scss","../../node_modules/foundation-sites/scss/util/_color.scss","../../node_modules/foundation-sites/scss/typography/_alignment.scss","../../node_modules/foundation-sites/scss/typography/_print.scss","../../node_modules/foundation-sites/scss/xy-grid/_classes.scss","../../node_modules/foundation-sites/scss/xy-grid/_grid.scss","../../node_modules/foundation-sites/scss/xy-grid/_gutters.scss","../../node_modules/foundation-sites/scss/xy-grid/_cell.scss","../../node_modules/foundation-sites/scss/xy-grid/_layout.scss","../../node_modules/foundation-sites/scss/xy-grid/_collapse.scss","../../node_modules/foundation-sites/scss/xy-grid/_position.scss","../../node_modules/foundation-sites/scss/xy-grid/_frame.scss","../../node_modules/foundation-sites/scss/components/_button.scss","../../node_modules/foundation-sites/scss/components/_button-group.scss","../../node_modules/foundation-sites/scss/components/_close-button.scss","../../node_modules/foundation-sites/scss/components/_label.scss","../../node_modules/foundation-sites/scss/components/_progress-bar.scss","../../node_modules/foundation-sites/scss/components/_slider.scss","../../node_modules/foundation-sites/scss/components/_switch.scss","../../node_modules/foundation-sites/scss/components/_table.scss","../../node_modules/foundation-sites/scss/components/_badge.scss","../../node_modules/foundation-sites/scss/components/_breadcrumbs.scss","../../node_modules/foundation-sites/scss/components/_callout.scss","../../node_modules/foundation-sites/scss/components/_card.scss","../../node_modules/foundation-sites/scss/components/_dropdown.scss","../../node_modules/foundation-sites/scss/components/_pagination.scss","../../node_modules/foundation-sites/scss/components/_tooltip.scss","../../node_modules/foundation-sites/scss/components/_accordion.scss","../../node_modules/foundation-sites/scss/components/_media-object.scss","../../node_modules/foundation-sites/scss/components/_orbit.scss","../../node_modules/foundation-sites/scss/components/_responsive-embed.scss","../../node_modules/foundation-sites/scss/components/_tabs.scss","../../node_modules/foundation-sites/scss/components/_thumbnail.scss","../../node_modules/foundation-sites/scss/components/_menu.scss","../../node_modules/foundation-sites/scss/components/_menu-icon.scss","../../node_modules/foundation-sites/scss/components/_accordion-menu.scss","../../node_modules/foundation-sites/scss/components/_drilldown.scss","../../node_modules/foundation-sites/scss/components/_dropdown-menu.scss","../../node_modules/foundation-sites/scss/components/_off-canvas.scss","../../node_modules/foundation-sites/scss/components/_sticky.scss","../../node_modules/foundation-sites/scss/components/_title-bar.scss","../../node_modules/foundation-sites/scss/components/_top-bar.scss","../../node_modules/foundation-sites/scss/components/_float.scss","../../node_modules/foundation-sites/scss/components/_flex.scss","../../node_modules/foundation-sites/scss/util/_flex.scss","../../node_modules/foundation-sites/scss/components/_visibility.scss","base/_typography.scss","mobile_zurb.scss","base/_forms.scss","base/_table.scss","components/interactive-extras/_lorem-placeholders.scss","components/interactive-extras/_icon-toggle.scss","components/interactive-extras/_stars.scss","styleguide/_styleguide.scss","containers/_containers.scss","components/zurb/_table.zurb.override.scss","components/zurb/_zurb.buttons.override.scss","components/zurb/_zurb.close-button.override.scss","components/zurb/_zurb.questions.scss","components/zurb/_zurb.pagination.override.scss"],"names":[],"mappings":"AAyFE,gBC02BF,CCl8BA,WACC,kBAAA,CACA,iBAAA,CACA,eAAA,CACA,uMDkDD,CCOA,KACC,kCAAA,CAEA,mBAAA,CACA,yCAAA,CAFA,oCAAA,CAGA,sBDLD,CEtDA,4BACC,2BAAA,CAGA,4BAAA,CADA,0BAAA,CADA,wBF4DD,CG2DA,MACI,sIAAA,CC3HF,4BAAA,CACA,0BAAA,CACA,0BAAA,CACA,iEAAA,CAHA,+BAAA,CACA,0BAAA,CACA,4BAAA,CACA,yEAAA,CAHA,6BAAA,CACA,0BAAA,CACA,yBAAA,CACA,iEAAA,CAHA,cAAA,CACA,sBAAA,CACA,wBAAA,CACA,yDAAA,CAHA,4BAAA,CACA,0BAAA,CACA,0BAAA,CACA,iEAAA,CAHA,cAAA,CACA,wBAAA,CACA,uBAAA,CACA,yDAAA,CAHA,gCAAA,CACA,6BAAA,CACA,6BAAA,CACA,6EAAA,CAHA,4BAAA,CACA,yBAAA,CACA,yBAAA,CACA,6DAAA,CAHA,yBAAA,CACA,uBAAA,CACA,uBAAA,CACA,qDAAA,CAHA,+BAAA,CACA,4BAAA,CACA,iBAAA,CACA,yEAAA,CAHA,yBAAA,CACA,YAAA,CACA,qBAAA,CACA,iDAAA,CAUD,sCAAA,CACA,wBAAA,CACA,mCAAA,CACA,qGAAA,CACA,6CAAA,CACA,+BAAA,CACA,0CAAA,CACA,iIAAA,CACA,+CAAA,CACA,iCAAA,CACA,4CAAA,CACA,yIAAA,CAGA,qCAAA,CACA,uBAAA,CACA,kCAAA,CACA,iGAAA,CACA,4CAAA,CACA,8BAAA,CACA,wCAAA,CACA,6HAAA,CACA,8CAAA,CACA,gCAAA,CACA,2CAAA,CACA,qIJiCD,CKwGQ,yCCzIN,iDAEE,SAAA,CACA,aAAA,CAFA,UNkIF,CACF,COxKE,KAEE,6BAAA,CADA,gBP4KJ,CO5JE,GACE,aAAA,CACA,cPmKJ,CO1JE,GACE,sBAAA,CAEA,gBP6JJ,COvJE,IACE,+BAAA,CACA,aP0JJ,COlJE,EACE,4BPqJJ,CO/IE,YACE,kBAAA,CACA,yBAAA,CACA,wCAAA,CAAA,gCPkJJ,CO7IE,SAEE,kBPgJJ,CO1IE,cAGE,+BAAA,CACA,aP6IJ,COjIE,QAEE,aAAA,CACA,aAAA,CACA,iBAAA,CACA,uBPwIJ,COrIE,IACE,aPwIJ,COrIE,IACE,SPwIJ,COhIE,IACE,iBPmIJ,CO1HE,sCAME,cAAA,CACA,gBAAA,CACA,QP6HJ,COvHE,aAEE,gBP0HJ,COpHE,cAEE,mBPuHJ,COlHE,gDAIE,yBPqHJ,COhHE,wHAIE,iBAAA,CACA,SPmHJ,CO9GE,4GAIE,6BPiHJ,CO5GE,SACE,0BP+GJ,COvGE,OACE,qBAAA,CACA,aAAA,CACA,aAAA,CAEA,SAAA,CACA,kBP0GJ,COrGE,SACE,uBPwGJ,COnGE,SACE,aPsGJ,COhGE,6BAEE,qBAAA,CACA,SPmGJ,CO9FE,kFAEE,WPiGJ,CO3FE,cACE,4BAAA,CACA,mBP8FJ,COzFE,yCACE,uBP4FJ,COtFE,6BACE,yBAAA,CACA,YPyFJ,COjFE,QACE,aPoFJ,CO/EE,QACE,iBPkFJ,COpEE,kBACE,YP2EJ,CQtNE,eACE,uERyNJ,CQtNE,KACE,qBAAA,CACA,cRyNJ,CQrNE,iBAGE,kBRwNJ,CQpNE,KAYI,kCAAA,CACA,iCAAA,CATF,eLlJI,CKuJJ,aLtJI,CKmJJ,sECnFe,CDoFf,eC/EmB,CDgFnB,eC9FgB,CDuFhB,QAAA,CACA,SR8NJ,CQ/ME,IAQE,8BAAA,CANA,oBAAA,CAKA,WAAA,CADA,cAAA,CAHA,qBRoNJ,CQ3ME,SACE,WAAA,CACA,eR+MJ,CQ1ME,gBAJE,eRoNJ,CQhNE,OACE,qBAAA,CACA,UR8MJ,CQtMI,6GAGE,wBR4MN,CQvME,OAGE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAGA,sBAAA,CAFA,QAAA,CACA,eCjIY,CDoIZ,WC9HmB,CD6HnB,aAAA,CALA,SR+MJ,CUxNE,8BACE,SV0NJ,CQxME,IACE,aR2MJ,CQvME,sCAKE,mBR0MJ,CQtME,YACE,uBRyMJ,CQtME,WACE,sBRyMJ,CW9TE,wMAGE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CA/BF,qBRlFM,CQgFN,wBF6Wa,CE5Wb,eFTc,CEWd,2CF6Wa,CEtXb,qBAAA,CAeA,aRxFM,CQwEN,aAAA,CAYA,mBFiWkB,CEhWlB,cFiWgB,CEjWhB,cFiWgB,CEhWhB,eFjBqB,CEMrB,WALS,CAKT,gBALS,CAiBT,eFhCkB,CEqBlB,eAAA,CACA,aFiXc,CEnWZ,uDFuWe,CExXjB,UXsXF,CWjWE,kSAGE,qBRnGI,CQkGJ,wBF4ViB,CE1VjB,0BF6ViB,CEhWjB,YAAA,CAME,uDXkWN,CWpVE,SACE,cXuVJ,CWrVI,eACE,WXuVN,CWhVI,oEAEE,wBFxEO,CEyEP,kBXoVN,CW/UE,4BAEE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,eXkVJ,CW9UE,mBACE,qBXiVJ,CWhUE,mBACE,aXmUJ,CWpUE,cACE,aXmUJ,CY1eE,yCAGE,eZ6eJ,CYzeE,yCAEE,oBAAA,CAKA,eAAA,CAFA,iBAAA,CACA,iBH6ZW,CGhaX,uBZ+eJ,CYzeI,mDACE,cZ4eN,CYveE,yCAEE,kBZ0eJ,CYteE,YACE,UZyeJ,CapeE,MAZA,aVhBM,CUUN,aAAA,CAGA,cJgaqB,CIharB,iBJgaqB,CI/ZrB,eJuDqB,CItDrB,eJgauB,CIpavB,Qb8fF,Ca1eI,aARF,eJgCkB,CIjClB,eAAA,CAEA,kBbsfF,CcxgBE,WAME,aXZI,CWUJ,cL4ZiB,CK5ZjB,kBL4ZiB,CK3ZjB,iBL4ZkB,CK9ZlB,iBd4gBJ,Ce1gBE,aAMI,mBAAA,CALF,YAAA,CAEA,kBNsZW,CMvZX,Uf+gBJ,CejgBM,gJACE,qBfsgBR,CejgBE,+JACE,QAAA,CACA,kBfugBJ,Ce/fE,mBAaI,kBAAA,CATF,kBNUS,CMXT,wBN4XkB,CMzXlB,aZjDI,CYsDF,YAAA,CACA,aAAA,CAVF,cAAA,CAKA,iBAAA,CACA,kBfmgBJ,CetfM,+BACE,cfwfR,CerfM,8BACE,afufR,CelfE,mBAEE,eAAA,CAGE,YAAA,CACA,WfkfN,Ce9eE,oBAOI,YAAA,CACA,aAAA,CALF,gBAAA,CADA,aAAA,CAEA,iBfkfJ,CeveI,qGAOI,kBAAA,CAQF,cNoUY,CMpUZ,cNoUY,CM3UV,WAAA,CAMF,gBAAA,CADA,afoeN,CgB7jBE,SAGE,QAAA,CAFA,QAAA,CACA,ShBikBJ,CgB7jBE,OAEE,mBAAA,CADA,chBikBJ,CgB7jBE,UAtBA,wBPoZgB,COtZhB,iBPwZgB,COvZhB,ehB0lBF,CgBvlBE,iBAGE,sBAAA,CACA,kBhBwlBJ,CiBniBE,OA3DA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAGA,qBdhBM,CO0IN,uOAAA,COhHE,6BAAA,CACA,sCAAA,CAAA,sCAAA,CACA,2BAAA,CACA,uBAAA,CAfF,wBR+aa,CQ9ab,eRyDc,CQlDd,adrBM,CciBN,mBRoakB,CQnalB,cRoagB,CQpahB,cRoagB,CQnahB,eRkDqB,CQ7DrB,WAFS,CAET,gBAFS,CAcT,eRmCkB,CQ9ClB,eAAA,CAqBE,gCAAA,CAIA,uDjB8lBJ,CUrfE,kCOpEA,OPuEI,sWVsfJ,CACF,CiB/lBE,aAGE,qBd1CI,CcyCJ,wBRqZiB,CQnZjB,0BRsZiB,CQzZjB,YAAA,CAME,uDjB+lBN,CiB1lBE,gBACE,wBRMS,CQLT,kBjB4lBJ,CiBxlBE,mBACE,YjB0lBJ,CiBvlBE,iBAEE,qBAAA,CADA,WjB0lBJ,CiBvlBE,uBAEE,gBAAA,CADA,ajB0lBJ,CkB9nBE,8BAEE,wBAAA,CADA,oBlBkoBJ,CkB/nBI,gDACE,alBioBN,CkBloBI,2CACE,alBioBN,CkBjmBE,8BALI,alBmnBN,CkB9mBE,YAzBA,YAAA,CAIA,cTiLsB,CSjLtB,gBTiLsB,CShLtB,eTwBmB,CS3BnB,kBTyXa,CS1Xb,iBlBsoBF,CkB3mBI,uBACE,alB6mBN,CmB/dE,oEAmBE,QAAA,CACA,SnBkeJ,CmB9dE,EAKE,iCV3EuB,CUyEvB,iBAAA,CACA,eV5EmB,CUyEnB,kBnBoeJ,CmB5dE,KAEE,iBnBgeJ,CmB3dE,cAJE,mBnBqeJ,CmBjeE,SAEE,enB+dJ,CmB1dE,MACE,aVlGc,CUmGd,mBnB6dJ,CmBzdE,0CAUE,iCVlHoB,CUiHpB,aV9JW,CU2JX,gFV/JiB,CUgKjB,iBV9JgB,CU+JhB,enB8dJ,CmB1dI,kHAEE,aV7NQ,CU4NR,anBkeN,CmBxdQ,OAII,kBADiB,CACjB,yBnB2dZ,CmB/dQ,cAgBI,eAAA,CAeA,mBAAA,CAPA,YnB8cZ,CmBteQ,OAII,kBADiB,CACjB,yBnBkeZ,CmBteQ,OAII,kBADiB,CACjB,wBnByeZ,CmB7eQ,cAgBI,eAAA,CAeA,mBAAA,CAPA,YnB4dZ,CmBpfQ,OAII,iBADiB,CACjB,qBnBgfZ,CmBpfQ,OAII,cADiB,CACjB,kBnBufZ,CmB3fQ,cAgBI,eAAA,CAeA,mBAAA,CAPA,YnB0eZ,CmBlgBQ,OAII,cADiB,CACjB,cnB8fZ,CK3nBQ,yCcyHA,OAII,yBnBmgBV,CmBvgBM,OAII,yBnBugBV,CmB3gBM,OAII,yBnB2gBV,CmB/gBM,OAII,wBnB+gBV,CmBnhBM,OAII,qBnBmhBV,CmBvhBM,OAII,kBnBuhBV,CACF,CmBrfE,EAEE,aC5NgB,CD+NhB,cAAA,CAJA,mBAAA,CAEA,oBnBwfJ,CmBpfI,gBAEE,anBqfN,CmBzeE,SALI,QnB4fN,CmBvfE,GAUE,+BAAA,CATA,UAAA,CAGA,QAAA,CACA,mBV9KQ,CU4KR,gBVzSW,CUySX,iBnBofJ,CmBzeE,SAKE,eV3MmB,CU0MnB,2BVvLkB,CUsLlB,kBnB8eJ,CmBxeE,GACE,iBnB2eJ,CmBveE,GAEE,oBnB0eJ,CmBheI,8BAXA,mBnBofJ,CmBzeI,wBAEE,enBueN,CmBleE,GACE,kBnBqeJ,CmBneI,MAEE,eV1Ue,CUyUf,mBnBseN,CmBheE,WAGE,6BVzNgB,CUuNhB,eAAA,CACA,oCnBoeJ,CmBjeI,wBAEE,aVjWM,CUgWN,enBoeN,CmBrdE,iBACE,gCVnOa,CUoOb,WAAA,CACA,oBnBwdJ,CmBxcE,WAXE,QnB+dJ,CmBpdE,IAIE,wBVxYS,CU2YT,ahBpcI,CgBmcJ,sDVhVoB,CU4UpB,wBnBkdJ,CD3xBE,WAME,aUjEQ,CV+DR,eUrDmB,CVsDnB,eUoFmB,CVvFnB,mBU2FsB,CV5FtB,gBCkyBJ,CDzxBE,MACE,cU4Ea,CV3Eb,eC4xBJ,CDxxBE,MACE,cU6Ea,CV7Eb,gBU6Ea,CV5Eb,aC2xBJ,CDzxBI,QACE,gBC2xBN,CDrxBI,0BAEE,eAAA,CADA,aCyxBN,CDpxBE,iBAhFA,aUZU,CVWV,aAAA,CAEA,cUwHe,CVxHf,kBCy2BF,CDv2BE,+BACE,YCy2BJ,CDzxBE,kBA5DA,oBAAA,CAFA,cAAA,CACA,cAAA,CAGA,iCC+1BF,CDhyBE,8BA7EA,wBU1BW,CVyBX,wBUyFY,CVpFZ,aIvFM,CJqFN,sDU8BsB,CV7BtB,eCu3BF,CD7yBE,YAzDA,aAAA,CAKA,oBAzCyB,CAqCzB,aAAA,CAGA,YA5CmB,CA0CnB,eCo2BF,CqB98BU,WACE,erBi9BZ,CqBl9BU,YACE,gBrBq9BZ,CqBt9BU,aACE,iBrBy9BZ,CqB19BU,cACE,kBrB69BZ,CKtzBQ,yCgB7KE,kBACE,erBu+BV,CqBx+BQ,mBACE,gBrB2+BV,CqB5+BQ,oBACE,iBrB++BV,CqBh/BQ,qBACE,kBrBm/BV,CACF,CKx0BQ,yCgB7KE,iBACE,erBw/BV,CqBz/BQ,kBACE,gBrB4/BV,CqB7/BQ,mBACE,iBrBggCV,CqBjgCQ,oBACE,kBrBogCV,CACF,CsB9/BE,gBAAkB,sBtBigCpB,CsB//BE,aACE,EAMI,kCAAA,CAFA,gCAAA,CASF,yBAAA,CARE,oBAAA,CACA,oBAAA,CAQF,0BtBy/BJ,CsBt/BE,gBAAkB,uBtB0/BpB,CsBz/BE,gBAAkB,sBtB6/BpB,CsB3/BE,qBAAuB,uBtB+/BzB,CsB9/BE,qBAAuB,oCtBkgCzB,CsBjgCE,qBAAuB,iCtBqgCzB,CsBpgCE,kBAAoB,2BtBwgCtB,CsBtgCE,oCAAoB,4BtB8gCtB,CsB3gCE,YACY,yBtB+gCd,CsB7gCI,cAAgB,2BtBihCpB,CsB7gCE,4DAEqB,UtBihCvB,CsB9gCE,kBAAoB,4BtBkhCtB,CsB/gCE,eAEE,wBAAA,CACA,uBtBkhCJ,CsB9gCE,MAAQ,0BtBkhCV,CsBhhCE,OACM,uBtBohCR,CsBlhCE,IAAM,wBtBshCR,CsBphCE,MAAQ,WtBwhCV,CsBthCE,QAGE,SAAA,CACA,QtBwhCJ,CsBphCE,MACK,sBtBwhCP,CsBrhCE,oBACE,sBtBwhCJ,CACF,CuBzmCE,gBCOA,gBAAA,CACA,iBAAA,CAFA,gBfmDa,CenDb,iBfmDa,CgBrCP,oBAAA,CAAA,qBzB4lCR,CKt8BQ,yCkB1KN,gBEoBM,qBAAA,CAAA,sBzBimCN,CACF,CuBnnCI,sBCIF,gBAAA,CACA,iBAAA,CAFA,cDF+B,CEgBzB,oBAAA,CAAA,qBzBymCR,CKn9BQ,yCkBvKJ,sBEiBI,qBAAA,CAAA,sBzB8mCN,CACF,CuB5nCI,qBCAF,gBAAA,CACA,iBAAA,CAFA,cDE+B,CEqB3B,cAAA,CAAA,ezB6mCN,CuB7nCE,QCSA,YAAA,CACA,kBxBwnCF,CuB9nCE,MG4FA,aAAA,CAIE,YAAA,CACA,WAAA,CAsCA,U1B8/BJ,CuBloCI,WGyFF,Y1B4iCF,CuBjoCI,aGqFF,a1B+iCF,CuB1nCI,8BGsHA,U1B2gCJ,CuBjnCM,yPACE,evBonCR,CK7/BQ,yCkBxHF,uQACE,evBynCN,CACF,CKngCQ,yCkBxHF,yPACE,evB8nCN,CACF,CuBlnCI,+MG6CF,a1BwkCF,CuBtmCM,iBGyEF,mB1BiiCJ,CuB1mCM,iBGyEF,oB1BqiCJ,CuB9mCM,iBGyEF,S1ByiCJ,CuBlnCM,iBGyEF,oB1B6iCJ,CuBtnCM,iBGyEF,oB1BijCJ,CuB1nCM,iBGyEF,S1BqjCJ,CuB9nCM,iBGyEF,oB1ByjCJ,CuBloCM,iBGyEF,oB1B6jCJ,CuBtoCM,iBGyEF,S1BikCJ,CuB1oCM,kBGyEF,oB1BqkCJ,CuB9oCM,kBGyEF,oB1BykCJ,CuBlpCM,kBGyEF,U1B6kCJ,CK3jCQ,yCkB/GF,qBGkDJ,YAAA,CA2CE,U1BmlCF,CuB3qCE,kPG6CF,a1BkoCA,CuBzqCI,uBGkFF,U1B2lCF,CuBpqCI,kBGyEF,mB1B+lCF,CuBxqCI,kBGyEF,oB1BmmCF,CuB5qCI,kBGyEF,S1BumCF,CuBhrCI,kBGyEF,oB1B2mCF,CuBprCI,kBGyEF,oB1B+mCF,CuBxrCI,kBGyEF,S1BmnCF,CuB5rCI,kBGyEF,oB1BunCF,CuBhsCI,kBGyEF,oB1B2nCF,CuBpsCI,kBGyEF,S1B+nCF,CuBxsCI,mBGyEF,oB1BmoCF,CuB5sCI,mBGyEF,oB1BuoCF,CuBhtCI,mBGyEF,U1B2oCF,CACF,CK1nCQ,yCkB/GF,oBGkDJ,YAAA,CA2CE,U1BipCF,CuBzuCE,qOG6CF,a1BgsCA,CuBvuCI,sBGkFF,U1BypCF,CuBluCI,iBGyEF,mB1B6pCF,CuBtuCI,iBGyEF,oB1BiqCF,CuB1uCI,iBGyEF,S1BqqCF,CuB9uCI,iBGyEF,oB1ByqCF,CuBlvCI,iBGyEF,oB1B6qCF,CuBtvCI,iBGyEF,S1BirCF,CuB1vCI,iBGyEF,oB1BqrCF,CuB9vCI,iBGyEF,oB1ByrCF,CuBlwCI,iBGyEF,S1B6rCF,CuBtwCI,kBGyEF,oB1BisCF,CuB1wCI,kBGyEF,oB1BqsCF,CuB9wCI,kBGyEF,U1BysCF,CACF,CuB3wCE,kCACE,UvB6wCJ,CuBzwCE,kCACE,WvB4wCJ,CuB9uCE,eEvGM,oBAAA,CAAA,qBzB01CR,CKpsCQ,yCkB/CN,eEvGM,qBAAA,CAAA,sBzB+1CN,CACF,CuBrvCI,qBElGE,mBAAA,CAAA,oBAAA,CC2HF,0B1BiuCJ,CK/sCQ,yCkBpCA,qBEzGF,oBAAA,CAAA,qBAAA,CC2HF,2B1BuuCF,CACF,CuBzxCE,4CGiDE,U1B8uCJ,CuBvxCI,wBGyCA,8B1BivCJ,CuB1xCI,wBGyCA,+B1BovCJ,CuB7xCI,wBGyCA,yB1BuvCJ,CuBhyCI,wBGyCA,+B1B0vCJ,CuBnyCI,wBGyCA,+B1B6vCJ,CuBtyCI,wBGyCA,yB1BgwCJ,CuBzyCI,wBGyCA,+B1BmwCJ,CuB5yCI,wBGyCA,+B1BswCJ,CuB/yCI,wBGyCA,yB1BywCJ,CuBlzCI,yBGyCA,+B1B4wCJ,CuBrzCI,yBGyCA,+B1B+wCJ,CuBxzCI,yBGyCA,0B1BkxCJ,CKhwCQ,yCkBnEN,4CGiDE,U1ByxCF,CuBl0CE,wBGyCA,+B1B4xCF,CuBr0CE,wBGyCA,gC1B+xCF,CuBx0CE,wBGyCA,0B1BkyCF,CuB30CE,wBGyCA,gC1BqyCF,CuB90CE,wBGyCA,gC1BwyCF,CuBj1CE,wBGyCA,0B1B2yCF,CuBp1CE,wBGyCA,gC1B8yCF,CuBv1CE,wBGyCA,gC1BizCF,CuB11CE,wBGyCA,0B1BozCF,CuB71CE,yBGyCA,gC1BuzCF,CuBh2CE,yBGyCA,gC1B0zCF,CuBn2CE,yBGyCA,2B1B6zCF,CuB92CA,0DGiDE,U1Bm0CF,CuB52CE,yBGyCA,+B1Bs0CF,CuB/2CE,yBGyCA,gC1By0CF,CuBl3CE,yBGyCA,0B1B40CF,CuBr3CE,yBGyCA,gC1B+0CF,CuBx3CE,yBGyCA,gC1Bk1CF,CuB33CE,yBGyCA,0B1Bq1CF,CuB93CE,yBGyCA,gC1Bw1CF,CuBj4CE,yBGyCA,gC1B21CF,CuBp4CE,yBGyCA,0B1B81CF,CuBv4CE,0BGyCA,gC1Bi2CF,CuB14CE,0BGyCA,gC1Bo2CF,CuB74CE,0BGyCA,2B1Bu2CF,CACF,CKt1CQ,yCkBnEN,wDGiDE,U1B+2CF,CuBx5CE,wBGyCA,+B1Bk3CF,CuB35CE,wBGyCA,gC1Bq3CF,CuB95CE,wBGyCA,0B1Bw3CF,CuBj6CE,wBGyCA,gC1B23CF,CuBp6CE,wBGyCA,gC1B83CF,CuBv6CE,wBGyCA,0B1Bi4CF,CuB16CE,wBGyCA,gC1Bo4CF,CuB76CE,wBGyCA,gC1Bu4CF,CuBh7CE,wBGyCA,0B1B04CF,CuBn7CE,yBGyCA,gC1B64CF,CuBt7CE,yBGyCA,gC1Bg5CF,CuBz7CE,yBGyCA,2B1Bm5CF,CACF,CuB14CI,gCE9II,oBAAA,CAAA,qBzB6hDR,CKv4CQ,yCkBRJ,gCE9II,qBAAA,CAAA,sBzBkiDN,CACF,CuB/4CI,2CEpJI,oBAAA,CAAA,qBzBuiDR,CKj5CQ,yCkBFJ,2CEpJI,qBAAA,CAAA,sBzB4iDN,CACF,CuBp5CI,sBEzJI,oBAAA,CAAA,qBzBijDR,CK35CQ,yCkBGJ,sBEzJI,qBAAA,CAAA,sBzBsjDN,CACF,C2BvjDE,kBDoIE,U1Bu7CJ,C2B3jDE,kBDoIE,S1B27CJ,C2B/jDE,kBDoIE,oB1B+7CJ,C2BnkDE,kBDoIE,S1Bm8CJ,C2BvkDE,kBDoIE,S1Bu8CJ,C2B3kDE,kBDoIE,oB1B28CJ,C2B/kDE,kBDoIE,oB1B+8CJ,C2BnlDE,kBDoIE,W1Bm9CJ,CKj8CQ,yCsBtJN,mBDoIE,U1Bw9CF,C2B5lDA,mBDoIE,S1B49CF,C2BhmDA,mBDoIE,oB1Bg+CF,C2BpmDA,mBDoIE,S1Bo+CF,C2BxmDA,mBDoIE,S1Bw+CF,C2B5mDA,mBDoIE,oB1B4+CF,C2BhnDA,mBDoIE,oB1Bg/CF,C2BpnDA,mBDoIE,W1Bo/CF,CACF,CKn+CQ,yCsBtJN,kBDoIE,U1By/CF,C2B7nDA,kBDoIE,S1B6/CF,C2BjoDA,kBDoIE,oB1BigDF,C2BroDA,kBDoIE,S1BqgDF,C2BzoDA,kBDoIE,S1BygDF,C2B7oDA,kBDoIE,oB1B6gDF,C2BjpDA,kBDoIE,oB1BihDF,C2BrpDA,kBDoIE,W1BqhDF,CACF,C2B1pDE,gCDoIE,0B1ByhDJ,C2B7pDE,gCDoIE,yB1B6hDJ,C2BjqDE,gCDoIE,+B1BiiDJ,C2BrqDE,gCDoIE,yB1BqiDJ,C2BzqDE,gCDoIE,yB1ByiDJ,C2B7qDE,gCDoIE,+B1B6iDJ,C2BjrDE,gCDoIE,+B1BijDJ,C2BrrDE,gCDoIE,2B1BqjDJ,CKniDQ,yCsBtJN,gCDoIE,2B1B0jDF,C2B9rDA,gCDoIE,0B1B8jDF,C2BlsDA,gCDoIE,gC1BkkDF,C2BtsDA,gCDoIE,0B1BskDF,C2B1sDA,gCDoIE,0B1B0kDF,C2B9sDA,gCDoIE,gC1B8kDF,C2BltDA,gCDoIE,gC1BklDF,C2BttDA,gCDoIE,4B1BslDF,C2B1tDA,iCDoIE,2B1B0lDF,C2B9tDA,iCDoIE,0B1B8lDF,C2BluDA,iCDoIE,gC1BkmDF,C2BtuDA,iCDoIE,0B1BsmDF,C2B1uDA,iCDoIE,0B1B0mDF,C2B9uDA,iCDoIE,gC1B8mDF,C2BlvDA,iCDoIE,gC1BknDF,C2BtvDA,iCDoIE,4B1BsnDF,CACF,CKrmDQ,yCsBtJN,gCDoIE,2B1B2nDF,C2B/vDA,gCDoIE,0B1B+nDF,C2BnwDA,gCDoIE,gC1BmoDF,C2BvwDA,gCDoIE,0B1BuoDF,C2B3wDA,gCDoIE,0B1B2oDF,C2B/wDA,gCDoIE,gC1B+oDF,C2BnxDA,gCDoIE,gC1BmpDF,C2BvxDA,gCDoIE,4B1BupDF,CACF,C4BhyDM,oDAEI,aAAA,CAAA,c5BsyDV,C4BhxDY,gCFgHR,mB1BmqDJ,C4BnxDY,gCFgHR,oB1BsqDJ,C4BtxDY,gCFgHR,S1ByqDJ,C4BzxDY,gCFgHR,oB1B4qDJ,C4B5xDY,gCFgHR,oB1B+qDJ,C4B/xDY,gCFgHR,S1BkrDJ,C4BlyDY,gCFgHR,oB1BqrDJ,C4BryDY,gCFgHR,oB1BwrDJ,C4BxyDY,gCFgHR,S1B2rDJ,C4B3yDY,iCFgHR,oB1B8rDJ,C4B9yDY,iCFgHR,oB1BisDJ,C4BjzDY,iCFgHR,U1BosDJ,CKlrDQ,yCuBlII,iCFgHR,mB1BwsDF,C4BxzDU,iCFgHR,oB1B2sDF,C4B3zDU,iCFgHR,S1B8sDF,C4B9zDU,iCFgHR,oB1BitDF,C4Bj0DU,iCFgHR,oB1BotDF,C4Bp0DU,iCFgHR,S1ButDF,C4Bv0DU,iCFgHR,oB1B0tDF,C4B10DU,iCFgHR,oB1B6tDF,C4B70DU,iCFgHR,S1BguDF,C4Bh1DU,kCFgHR,oB1BmuDF,C4Bn1DU,kCFgHR,oB1BsuDF,C4Bt1DU,kCFgHR,U1ByuDF,CACF,CKxtDQ,yCuBlII,gCFgHR,mB1B8uDF,C4B91DU,gCFgHR,oB1BivDF,C4Bj2DU,gCFgHR,S1BovDF,C4Bp2DU,gCFgHR,oB1BuvDF,C4Bv2DU,gCFgHR,oB1B0vDF,C4B12DU,gCFgHR,S1B6vDF,C4B72DU,gCFgHR,oB1BgwDF,C4Bh3DU,gCFgHR,oB1BmwDF,C4Bn3DU,gCFgHR,S1BswDF,C4Bt3DU,iCFgHR,oB1BywDF,C4Bz3DU,iCFgHR,oB1B4wDF,C4B53DU,iCFgHR,U1B+wDF,CACF,CuBvsDM,wBK7KE,aAAA,CAAA,c5By3DR,C4Bt3DM,8BAEI,cAAA,CAAA,e5Bw3DV,CKvwDQ,yCuB1JF,sDAEI,aAAA,CAAA,c5By6DR,C4B55DU,iCFyHR,mB1BwyDF,C4Bj6DU,iCFyHR,oB1B2yDF,C4Bp6DU,iCFyHR,S1B8yDF,C4Bv6DU,iCFyHR,oB1BizDF,C4B16DU,iCFyHR,oB1BozDF,C4B76DU,iCFyHR,S1BuzDF,C4Bh7DU,iCFyHR,oB1B0zDF,C4Bn7DU,iCFyHR,oB1B6zDF,C4Bt7DU,iCFyHR,S1Bg0DF,C4Bz7DU,kCFyHR,oB1Bm0DF,C4B57DU,kCFyHR,oB1Bs0DF,C4B/7DU,kCFyHR,U1By0DF,C4Bz7DU,kCFgHR,mB1B80DF,C4B97DU,kCFgHR,oB1Bi1DF,C4Bj8DU,kCFgHR,S1Bo1DF,C4Bp8DU,kCFgHR,oB1Bu1DF,C4Bv8DU,kCFgHR,oB1B01DF,C4B18DU,kCFgHR,S1B61DF,C4B78DU,kCFgHR,oB1Bg2DF,C4Bh9DU,kCFgHR,oB1Bm2DF,C4Bn9DU,kCFgHR,S1Bs2DF,C4Bt9DU,mCFgHR,oB1By2DF,C4Bz9DU,mCFgHR,oB1B42DF,C4B59DU,mCFgHR,U1B+2DF,CA3EF,CKlxDQ,yCuBlII,iCFgHR,mB1Bo3DF,C4Bp+DU,iCFgHR,oB1Bu3DF,C4Bv+DU,iCFgHR,S1B03DF,C4B1+DU,iCFgHR,oB1B63DF,C4B7+DU,iCFgHR,oB1Bg4DF,C4Bh/DU,iCFgHR,S1Bm4DF,C4Bn/DU,iCFgHR,oB1Bs4DF,C4Bt/DU,iCFgHR,oB1By4DF,C4Bz/DU,iCFgHR,S1B44DF,C4B5/DU,kCFgHR,oB1B+4DF,C4B//DU,kCFgHR,oB1Bk5DF,C4BlgEU,kCFgHR,U1Bq5DF,CACF,CKp4DQ,yCkBuDF,yBK7KE,aAAA,CAAA,c5BggEN,C4B7/DI,+BAEI,cAAA,CAAA,e5B+/DR,CACF,CK/4DQ,yCuB1JF,oDAEI,aAAA,CAAA,c5BijER,C4BpiEU,gCFyHR,mB1Bg7DF,C4BziEU,gCFyHR,oB1Bm7DF,C4B5iEU,gCFyHR,S1Bs7DF,C4B/iEU,gCFyHR,oB1By7DF,C4BljEU,gCFyHR,oB1B47DF,C4BrjEU,gCFyHR,S1B+7DF,C4BxjEU,gCFyHR,oB1Bk8DF,C4B3jEU,gCFyHR,oB1Bq8DF,C4B9jEU,gCFyHR,S1Bw8DF,C4BjkEU,iCFyHR,oB1B28DF,C4BpkEU,iCFyHR,oB1B88DF,C4BvkEU,iCFyHR,U1Bi9DF,C4B1kEU,iCFyHR,mB1Bs9DF,C4B/kEU,iCFyHR,oB1By9DF,C4BllEU,iCFyHR,S1B49DF,C4BrlEU,iCFyHR,oB1B+9DF,C4BxlEU,iCFyHR,oB1Bk+DF,C4B3lEU,iCFyHR,S1Bq+DF,C4B9lEU,iCFyHR,oB1Bw+DF,C4BjmEU,iCFyHR,oB1B2+DF,C4BpmEU,iCFyHR,S1B8+DF,C4BvmEU,kCFyHR,oB1Bi/DF,C4B1mEU,kCFyHR,oB1Bo/DF,C4B7mEU,kCFyHR,U1Bu/DF,C4BvmEU,gCFgHR,mB1B4/DF,C4B5mEU,gCFgHR,oB1B+/DF,C4B/mEU,gCFgHR,S1BkgEF,C4BlnEU,gCFgHR,oB1BqgEF,C4BrnEU,gCFgHR,oB1BwgEF,C4BxnEU,gCFgHR,S1B2gEF,C4B3nEU,gCFgHR,oB1B8gEF,C4B9nEU,gCFgHR,oB1BihEF,C4BjoEU,gCFgHR,S1BohEF,C4BpoEU,iCFgHR,oB1BuhEF,C4BvoEU,iCFgHR,oB1B0hEF,C4B1oEU,iCFgHR,U1B6hEF,CuBp9DI,wBK7KE,aAAA,CAAA,c5BwoEN,C4BroEI,8BAEI,cAAA,CAAA,e5BuoER,CA5HF,CuBr1DM,gBMvMF,a7B6pEJ,CuBl9DM,+BM3MF,mB7BiqEJ,CuB19DM,gBMvMF,yB7BqqEJ,CuB19DM,+BM3MF,oC7ByqEJ,CuBl+DM,gBMvMF,0B7B6qEJ,CuBl+DM,+BM3MF,qC7BirEJ,CuB1+DM,gBMvMF,e7BqrEJ,CuB1+DM,+BM3MF,+B7ByrEJ,CuBl/DM,gBMvMF,0B7B6rEJ,CuBl/DM,+BM3MF,qC7BisEJ,CuB1/DM,gBMvMF,0B7BqsEJ,CuB1/DM,+BM3MF,qC7BysEJ,CuBlgEM,gBMvMF,e7B6sEJ,CuBlgEM,+BM3MF,+B7BitEJ,CuB1gEM,gBMvMF,0B7BqtEJ,CuB1gEM,+BM3MF,qC7BytEJ,CuBlhEM,gBMvMF,0B7B6tEJ,CuBlhEM,+BM3MF,qC7BiuEJ,CuB1hEM,gBMvMF,e7BquEJ,CuB1hEM,+BM3MF,+B7ByuEJ,CuBliEM,iBMvMF,0B7B6uEJ,CuBliEM,gCM3MF,qC7BivEJ,CuB1iEM,iBMvMF,0B7BqvEJ,CuB1iEM,gCM3MF,qC7ByvEJ,CKvnEQ,yCkBqEF,iBMvMF,a7B8vEF,CuBnjEI,gCM3MF,oB7BkwEF,CuB3jEI,iBMvMF,yB7BswEF,CuB3jEI,gCM3MF,qC7B0wEF,CuBnkEI,iBMvMF,0B7B8wEF,CuBnkEI,gCM3MF,sC7BkxEF,CuB3kEI,iBMvMF,e7BsxEF,CuB3kEI,gCM3MF,gC7B0xEF,CuBnlEI,iBMvMF,0B7B8xEF,CuBnlEI,gCM3MF,sC7BkyEF,CuB3lEI,iBMvMF,0B7BsyEF,CuB3lEI,gCM3MF,sC7B0yEF,CuBnmEI,iBMvMF,e7B8yEF,CuBnmEI,gCM3MF,gC7BkzEF,CuB3mEI,iBMvMF,0B7BszEF,CuB3mEI,gCM3MF,sC7B0zEF,CuBnnEI,iBMvMF,0B7B8zEF,CuBnnEI,gCM3MF,sC7Bk0EF,CuB3nEI,iBMvMF,e7Bs0EF,CuB3nEI,gCM3MF,gC7B00EF,CuBnoEI,kBMvMF,0B7B80EF,CuBnoEI,iCM3MF,sC7Bk1EF,CuB3oEI,kBMvMF,0B7Bs1EF,CuB3oEI,iCM3MF,sC7B01EF,CACF,CKztEQ,yCkBqEF,gBMvMF,a7B+1EF,CuBppEI,+BM3MF,oB7Bm2EF,CuB5pEI,gBMvMF,yB7Bu2EF,CuB5pEI,+BM3MF,qC7B22EF,CuBpqEI,gBMvMF,0B7B+2EF,CuBpqEI,+BM3MF,sC7Bm3EF,CuB5qEI,gBMvMF,e7Bu3EF,CuB5qEI,+BM3MF,gC7B23EF,CuBprEI,gBMvMF,0B7B+3EF,CuBprEI,+BM3MF,sC7Bm4EF,CuB5rEI,gBMvMF,0B7Bu4EF,CuB5rEI,+BM3MF,sC7B24EF,CuBpsEI,gBMvMF,e7B+4EF,CuBpsEI,+BM3MF,gC7Bm5EF,CuB5sEI,gBMvMF,0B7Bu5EF,CuB5sEI,+BM3MF,sC7B25EF,CuBptEI,gBMvMF,0B7B+5EF,CuBptEI,+BM3MF,sC7Bm6EF,CuB5tEI,gBMvMF,e7Bu6EF,CuB5tEI,+BM3MF,gC7B26EF,CuBpuEI,iBMvMF,0B7B+6EF,CuBpuEI,gCM3MF,sC7Bm7EF,CuB5uEI,iBMvMF,0B7Bu7EF,CuB5uEI,gCM3MF,sC7B27EF,CACF,CuB/tEE,QC/OA,YAAA,CACA,uBxBi9EF,CuB/tEI,cG9IF,WAAA,CACA,e1Bg3EF,CuB3tEI,8BGzHA,W1B01EJ,CuBntEM,yPACE,evBqtER,CK30EQ,yCkBqHF,uQACE,evBytEN,CACF,CKh1EQ,yCkBqHF,yPACE,evB8tEN,CACF,CuBntEM,+MG/LJ,a1Bq5EF,CuBvsEQ,iBGnKJ,oB1B62EJ,CuB1sEQ,iBGnKJ,qB1Bg3EJ,CuB7sEQ,iBGnKJ,U1Bm3EJ,CuBhtEQ,iBGnKJ,qB1Bs3EJ,CuBntEQ,iBGnKJ,qB1By3EJ,CuBttEQ,iBGnKJ,U1B43EJ,CuBztEQ,iBGnKJ,qB1B+3EJ,CuB5tEQ,iBGnKJ,qB1Bk4EJ,CuB/tEQ,iBGnKJ,U1Bq4EJ,CuBluEQ,kBGnKJ,qB1Bw4EJ,CuBruEQ,kBGnKJ,qB1B24EJ,CuBxuEQ,kBGnKJ,W1B84EJ,CK53EQ,yCkB6HA,qBG1LN,YAAA,CA2CE,W1Bm5EF,CuB/vEI,kPG/LJ,a1Bi8EA,CuB5vEM,uBG1JJ,W1By5EF,CuBtvEM,kBGnKJ,oB1B45EF,CuBzvEM,kBGnKJ,qB1B+5EF,CuB5vEM,kBGnKJ,U1Bk6EF,CuB/vEM,kBGnKJ,qB1Bq6EF,CuBlwEM,kBGnKJ,qB1Bw6EF,CuBrwEM,kBGnKJ,U1B26EF,CuBxwEM,kBGnKJ,qB1B86EF,CuB3wEM,kBGnKJ,qB1Bi7EF,CuB9wEM,kBGnKJ,U1Bo7EF,CuBjxEM,mBGnKJ,qB1Bu7EF,CuBpxEM,mBGnKJ,qB1B07EF,CuBvxEM,mBGnKJ,W1B67EF,CACF,CK56EQ,yCkB6HA,oBG1LN,YAAA,CA2CE,W1Bm8EF,CuB/yEI,qOG/LJ,a1Bi/EA,CuB5yEM,sBG1JJ,W1By8EF,CuBtyEM,iBGnKJ,oB1B48EF,CuBzyEM,iBGnKJ,qB1B+8EF,CuB5yEM,iBGnKJ,U1Bk9EF,CuB/yEM,iBGnKJ,qB1Bq9EF,CuBlzEM,iBGnKJ,qB1Bw9EF,CuBrzEM,iBGnKJ,U1B29EF,CuBxzEM,iBGnKJ,qB1B89EF,CuB3zEM,iBGnKJ,qB1Bi+EF,CuB9zEM,iBGnKJ,U1Bo+EF,CuBj0EM,kBGnKJ,qB1Bu+EF,CuBp0EM,kBGnKJ,qB1B0+EF,CuBv0EM,kBGnKJ,W1B6+EF,CACF,CuB/zEM,gCEnTE,sBAAA,CAAA,mBzBunFR,CKj+EQ,yCkB6JF,gCEnTE,uBAAA,CAAA,oBzB4nFN,CACF,CuBr0EM,sBExTE,sBAAA,CAAA,mBzBioFR,CK3+EQ,yCkBkKF,sBExTE,uBAAA,CAAA,oBzBsoFN,CACF,CuBj0EE,YOnVE,mBAAA,CADA,gBAAA,CAFA,eAAA,CACA,iBAAA,CA6BI,W9Bo0FR,CuBxgFE,kBACE,UvB2gFJ,CuBxgFE,YO5SE,cAAA,CADA,e9B4zFJ,CuB3gFE,0BO7SA,gCAAA,CACA,2C9B+zFF,CuBnhFE,cOpTE,eAAA,CACA,eAAA,CAFA,e9Bw0FJ,CuB9gFE,sBO1SA,YAAA,CACA,qBAAA,CACA,e9B4zFF,C8B1zFE,8BAEE,gBAAA,CADA,e9B6zFJ,CKztFQ,yCkBwMJ,mBO3WA,mBAAA,CADA,gBAAA,CAFA,eAAA,CACA,iBAAA,CA6BI,W9B02FN,CuBthFE,yBACE,UvByhFJ,CuBthFE,mBOjUF,gCAAA,CACA,2CAAA,CAJE,cAAA,CADA,e9Bk2FF,CuBzhFE,6BO7TF,YAAA,CACA,qBAAA,CACA,e9B01FA,C8Bx1FA,qCAEE,gBAAA,CADA,e9B21FF,CuB/hFE,qBOzUF,gCAAA,CACA,2CAAA,CARE,eAAA,CACA,eAAA,CAFA,e9Bw3FF,CACF,CKhwFQ,yCkBwMJ,kBO3WA,mBAAA,CADA,gBAAA,CAFA,eAAA,CACA,iBAAA,CA6BI,W9Bg5FN,CuB5jFE,wBACE,UvB+jFJ,CuB5jFE,kBOjUF,gCAAA,CACA,2CAAA,CAJE,cAAA,CADA,e9Bw4FF,CuB/jFE,4BO7TF,YAAA,CACA,qBAAA,CACA,e9Bg4FA,C8B93FA,oCAEE,gBAAA,CADA,e9Bi4FF,CuBrkFE,oBOzUF,gCAAA,CACA,2CAAA,CARE,eAAA,CACA,eAAA,CAFA,e9B85FF,CACF,CuBvkFM,mBOlYF,mBAAA,CADA,gBAAA,CA0BI,YAAA,CA5BJ,eAAA,CACA,iBAAA,CPqYI,UvB8kFR,CK9yFQ,yCkBqOA,0BOxYJ,mBAAA,CADA,gBAAA,CA0BI,YAAA,CA5BJ,eAAA,CACA,iBAAA,CP2YM,UvBilFR,CACF,CKxzFQ,yCkBqOA,yBOxYJ,mBAAA,CADA,gBAAA,CA0BI,YAAA,CA5BJ,eAAA,CACA,iBAAA,CP2YM,UvB2lFR,CACF,CuBrlFM,yBACE,WvBwlFR,CKt0FQ,yCkBiPA,gCACE,WvBwlFR,CACF,CK30FQ,yCkBiPA,+BACE,WvB6lFR,CACF,CuB/3FE,eEvGM,sBAAA,CAAA,mBzB2+FR,CKr1FQ,yCkB/CN,eEvGM,uBAAA,CAAA,oBzBg/FN,CACF,CuBt4FI,qBGyBA,2BATM,CDlHJ,qBAAA,CAAA,kBzB6+FN,CKh2FQ,yCkBpCA,qBGkBJ,4BATM,CDlHJ,sBAAA,CAAA,mBzBm/FJ,CACF,CuB16FE,4CGiDE,W1B+3FJ,CuBx6FI,wBGyCA,+B1Bk4FJ,CuB36FI,wBGyCA,gC1Bq4FJ,CuB96FI,wBGyCA,0B1Bw4FJ,CuBj7FI,wBGyCA,gC1B24FJ,CuBp7FI,wBGyCA,gC1B84FJ,CuBv7FI,wBGyCA,0B1Bi5FJ,CuB17FI,wBGyCA,gC1Bo5FJ,CuB77FI,wBGyCA,gC1Bu5FJ,CuBh8FI,wBGyCA,0B1B05FJ,CuBn8FI,yBGyCA,gC1B65FJ,CuBt8FI,yBGyCA,gC1Bg6FJ,CuBz8FI,yBGyCA,2B1Bm6FJ,CKj5FQ,yCkBnEN,4CGiDE,W1B06FF,CuBn9FE,wBGyCA,gC1B66FF,CuBt9FE,wBGyCA,iC1Bg7FF,CuBz9FE,wBGyCA,2B1Bm7FF,CuB59FE,wBGyCA,iC1Bs7FF,CuB/9FE,wBGyCA,iC1By7FF,CuBl+FE,wBGyCA,2B1B47FF,CuBr+FE,wBGyCA,iC1B+7FF,CuBx+FE,wBGyCA,iC1Bk8FF,CuB3+FE,wBGyCA,2B1Bq8FF,CuB9+FE,yBGyCA,iC1Bw8FF,CuBj/FE,yBGyCA,iC1B28FF,CuBp/FE,yBGyCA,4B1B88FF,CuB//FA,0DGiDE,W1Bo9FF,CuB7/FE,yBGyCA,gC1Bu9FF,CuBhgGE,yBGyCA,iC1B09FF,CuBngGE,yBGyCA,2B1B69FF,CuBtgGE,yBGyCA,iC1Bg+FF,CuBzgGE,yBGyCA,iC1Bm+FF,CuB5gGE,yBGyCA,2B1Bs+FF,CuB/gGE,yBGyCA,iC1By+FF,CuBlhGE,yBGyCA,iC1B4+FF,CuBrhGE,yBGyCA,2B1B++FF,CuBxhGE,0BGyCA,iC1Bk/FF,CuB3hGE,0BGyCA,iC1Bq/FF,CuB9hGE,0BGyCA,4B1Bw/FF,CACF,CKv+FQ,yCkBnEN,wDGiDE,W1BggGF,CuBziGE,wBGyCA,gC1BmgGF,CuB5iGE,wBGyCA,iC1BsgGF,CuB/iGE,wBGyCA,2B1BygGF,CuBljGE,wBGyCA,iC1B4gGF,CuBrjGE,wBGyCA,iC1B+gGF,CuBxjGE,wBGyCA,2B1BkhGF,CuB3jGE,wBGyCA,iC1BqhGF,CuB9jGE,wBGyCA,iC1BwhGF,CuBjkGE,wBGyCA,2B1B2hGF,CuBpkGE,yBGyCA,iC1B8hGF,CuBvkGE,yBGyCA,iC1BiiGF,CuB1kGE,yBGyCA,4B1BoiGF,CACF,CuB1xFI,0BO5YI,4B9B0qGR,CKvhGQ,yCkByPJ,0BO5YI,6B9B8qGN,CACF,CK5hGQ,yCkByPJ,0BO5YI,6B9BmrGN,CACF,CKjiGQ,yCkB6PF,iCOhZE,6B9ByrGN,CACF,CKviGQ,yCkB6PF,gCOhZE,6B9B8rGN,CACF,C+Bt5FE,QArNA,uBAAA,CANA,4BA9Dc,CA+Dd,etB5Bc,CsBoCd,cAAA,CAxBA,oBAAA,CAkBA,gFtBuLmB,CsBtLnB,cAAA,CAAA,cAAA,CAGA,aAAA,CApBA,etByMc,CsB/LZ,iBtB8La,CsBnLf,iBAAA,CANA,6DtB6MkB,CsB7NlB,qB/B8oGF,CUtiGE,+BACE,SVwiGJ,C+Bn6FM,aACE,kBAFmB,CAEnB,wB/Bq6FR,C+Bt6FM,cACE,kBAFmB,CAEnB,wB/Bw6FR,C+Bz6FM,cACE,iBAFmB,CAEnB,qB/B26FR,C+B56FM,eACE,kBAFmB,CAEnB,wB/B86FR,C+B16FI,iBArNA,aAAA,CAGA,aAAA,CADA,cAAA,CADA,U/BooGJ,C+BjkGE,yIAIE,wBX7EgB,CW8EhB,U/BgkGJ,C+B7jGE,4BACE,wBtBkGsB,CsBjGtB,U/B+jGJ,C+BzkGE,iMAIE,wB5B1KY,C4B2KZ,U/BwkGJ,C+BrkGE,4CACE,wBAbmB,CAcnB,U/BukGJ,C+BjlGE,+MAIE,wB5B1KY,C4B2KZ,U/BglGJ,C+B7kGE,gDACE,wBAbmB,CAcnB,U/B+kGJ,C+BzlGE,iMAIE,wB5B1KY,C4B2KZ,U/BwlGJ,C+BrlGE,4CACE,wBAbmB,CAcnB,U/BulGJ,C+BjmGE,mLAIE,wB5B1KY,C4B2KZ,a/BgmGJ,C+B7lGE,wCACE,wBAbmB,CAcnB,a/B+lGJ,C+BzmGE,iMAIE,wB5B1KY,C4B2KZ,a/BwmGJ,C+BrmGE,4CACE,wBAbmB,CAcnB,a/BumGJ,C+BjnGE,mLAIE,wB5B1KY,C4B2KZ,U/BgnGJ,C+B7mGE,wCACE,wBAbmB,CAcnB,U/B+mGJ,C+BznGE,sNAIE,wB5B1KY,C4B2KZ,U/BwnGJ,C+BrnGE,kDACE,wBAbmB,CAcnB,U/BunGJ,C+BjoGE,0LAIE,wB5B1KY,C4B2KZ,a/BgoGJ,C+B7nGE,0CACE,wBAbmB,CAcnB,a/B+nGJ,C+BzoGE,4KAIE,wB5B1KY,C4B2KZ,a/BwoGJ,C+BroGE,sCACE,wBAbmB,CAcnB,a/BuoGJ,C+BjpGE,+MAIE,wB5B1KY,C4B2KZ,U/BgpGJ,C+B7oGE,gDACE,wBAbmB,CAcnB,U/B+oGJ,C+BzpGE,qKAIE,wB5B1KY,C4B2KZ,U/BwpGJ,C+BrpGE,oCACE,wBAbmB,CAcnB,U/BupGJ,C+B/oGI,oOACE,4B/BipGN,C+BhoGE,0LAIE,wBAAA,CACA,a/B+nGJ,C+B5nGE,0CACE,oBAZY,CAaZ,a/B8nGJ,C+BxoGE,kPAIE,wBAAA,CACA,a/BuoGJ,C+BpoGE,0DACE,oBAZY,CAaZ,a/BsoGJ,C+BhpGE,gQAIE,wBAAA,CACA,a/B+oGJ,C+B5oGE,8DACE,oBAZY,CAaZ,a/B8oGJ,C+BxpGE,kPAIE,wBAAA,CACA,a/BupGJ,C+BppGE,0DACE,oBAZY,CAaZ,a/BspGJ,C+BhqGE,oOAIE,wBAAA,CACA,a/B+pGJ,C+B5pGE,sDACE,oBAZY,CAaZ,a/B8pGJ,C+BxqGE,kPAIE,wBAAA,CACA,a/BuqGJ,C+BpqGE,0DACE,oBAZY,CAaZ,a/BsqGJ,C+BhrGE,oOAIE,wBAAA,CACA,a/B+qGJ,C+B5qGE,sDACE,oBAZY,CAaZ,a/B8qGJ,C+BxrGE,uQAIE,wBAAA,CACA,a/BurGJ,C+BprGE,gEACE,oBAZY,CAaZ,a/BsrGJ,C+BhsGE,2OAIE,wBAAA,CACA,a/B+rGJ,C+B5rGE,wDACE,oBAZY,CAaZ,a/B8rGJ,C+BxsGE,6NAIE,wBAAA,CACA,a/BusGJ,C+BpsGE,oDACE,oBAZY,CAaZ,a/BssGJ,C+BhtGE,gQAIE,wBAAA,CACA,a/B+sGJ,C+B5sGE,8DACE,oBAZY,CAaZ,a/B8sGJ,C+BxtGE,sNAIE,wBAAA,CACA,a/ButGJ,C+BptGE,kDACE,oBAZY,CAaZ,a/BstGJ,C+B9sGI,2NAEE,4BAAA,CADA,wB/BitGN,C+BjsGE,mLAIE,a/BgsGJ,C+B7rGE,wCACE,a/B+rGJ,C+BvsGE,2OAIE,a/BssGJ,C+BnsGE,wDACE,a/BqsGJ,C+B7sGE,yPAIE,a/B4sGJ,C+BzsGE,4DACE,a/B2sGJ,C+BntGE,2OAIE,a/BktGJ,C+B/sGE,wDACE,a/BitGJ,C+BztGE,6NAIE,a/BwtGJ,C+BrtGE,oDACE,a/ButGJ,C+B/tGE,2OAIE,a/B8tGJ,C+B3tGE,wDACE,a/B6tGJ,C+BruGE,6NAIE,a/BouGJ,C+BjuGE,oDACE,a/BmuGJ,C+B3uGE,gQAIE,a/B0uGJ,C+BvuGE,8DACE,a/ByuGJ,C+BjvGE,oOAIE,a/BgvGJ,C+B7uGE,sDACE,a/B+uGJ,C+BvvGE,sNAIE,a/BsvGJ,C+BnvGE,kDACE,a/BqvGJ,C+B7vGE,yPAIE,a/B4vGJ,C+BzvGE,4DACE,a/B2vGJ,C+BnwGE,+MAIE,a/BkwGJ,C+B/vGE,gDACE,a/BiwGJ,C+BrpGI,mCAlGF,kBAAA,CADA,W/B4vGF,C+B/uGE,uBrBhPE,yCAAA,CAAA,kBAAA,CAAA,wBAAA,CAJF,UAAA,CAPA,aAAA,CqBgQE,oBAAA,CACA,WAAA,CrB/PF,QAAA,CqBgQE,eATO,CAIP,iBAAA,CACA,QAAA,CrB7PF,OVw/GF,C+BnpGY,sIACE,wB/BwpGd,C+BzpGY,+EACE,wB/B2pGd,C+B5pGY,2EACE,wB/B8pGd,C+B/pGY,uEACE,wB/BiqGd,C+BlqGY,2EACE,wB/BoqGd,C+BrqGY,uEACE,wB/BuqGd,C+BxqGY,iFACE,wB/B0qGd,C+B3qGY,yEACE,wB/B6qGd,C+B9qGY,qEACE,wB/BgrGd,C+BjrGY,+EACE,wB/BmrGd,C+BprGY,mEACE,wB/BsrGd,C+B9qGI,yBAEE,UAAA,CACA,aAAA,CAFA,S/BkrGN,C+B3qGI,8BAEE,oB/B6qGN,CgC/3GE,cA7KE,mBAAA,CAFA,YAAA,CAGA,WAAA,CAFA,cAAA,CAJF,kBhCyjHF,CUl7GE,yCAGE,WAAA,CADA,aAAA,CAIE,YAAA,CACA,OVi7GN,CU76GE,oBACE,UV+6GJ,CgC1jHI,yCAEE,YhC2jHN,CgCpjHE,sBAOI,aAAA,CAHF,cAAA,CAAA,cAAA,CADA,kBhCwjHJ,CgCjjHI,iCACE,chCmjHN,CgCx5GM,2BACE,kBAFmB,CAEnB,wBhC05GR,CgC35GM,4BACE,kBAFmB,CAEnB,wBhC65GR,CgC95GM,4BACE,iBAFmB,CAEnB,qBhCg6GR,CgCj6GM,6BACE,kBAFmB,CAEnB,wBhCm6GR,CgC5gHE,+BAEI,YhC6gHN,C+B77GE,mSAIE,wB5B1KY,C4B2KZ,U/B47GJ,C+Bz7GE,wEACE,wBAbmB,CAcnB,U/B27GJ,C+Br8GE,iTAIE,wB5B1KY,C4B2KZ,U/Bo8GJ,C+Bj8GE,4EACE,wBAbmB,CAcnB,U/Bm8GJ,C+B78GE,mSAIE,wB5B1KY,C4B2KZ,U/B48GJ,C+Bz8GE,wEACE,wBAbmB,CAcnB,U/B28GJ,C+Br9GE,qRAIE,wB5B1KY,C4B2KZ,a/Bo9GJ,C+Bj9GE,oEACE,wBAbmB,CAcnB,a/Bm9GJ,C+B79GE,mSAIE,wB5B1KY,C4B2KZ,a/B49GJ,C+Bz9GE,wEACE,wBAbmB,CAcnB,a/B29GJ,C+Br+GE,qRAIE,wB5B1KY,C4B2KZ,U/Bo+GJ,C+Bj+GE,oEACE,wBAbmB,CAcnB,U/Bm+GJ,C+B7+GE,wTAIE,wB5B1KY,C4B2KZ,U/B4+GJ,C+Bz+GE,8EACE,wBAbmB,CAcnB,U/B2+GJ,C+Br/GE,4RAIE,wB5B1KY,C4B2KZ,a/Bo/GJ,C+Bj/GE,sEACE,wBAbmB,CAcnB,a/Bm/GJ,C+B7/GE,8QAIE,wB5B1KY,C4B2KZ,a/B4/GJ,C+Bz/GE,kEACE,wBAbmB,CAcnB,a/B2/GJ,C+BrgHE,iTAIE,wB5B1KY,C4B2KZ,U/BogHJ,C+BjgHE,4EACE,wBAbmB,CAcnB,U/BmgHJ,C+B7gHE,uQAIE,wB5B1KY,C4B2KZ,U/B4gHJ,C+BzgHE,gEACE,wBAbmB,CAcnB,U/B2gHJ,C+BngHI,kWACE,4B/BqgHN,C+Bp/GE,4RAIE,wBAAA,CACA,a/Bm/GJ,C+Bh/GE,sEACE,oBAZY,CAaZ,a/Bk/GJ,C+B5/GE,wqBAIE,wBAAA,CACA,a/B2/GJ,C+Bx/GE,4KACE,oBAZY,CAaZ,a/B0/GJ,C+BpgHE,osBAIE,wBAAA,CACA,a/BmgHJ,C+BhgHE,oLACE,oBAZY,CAaZ,a/BkgHJ,C+B5gHE,wqBAIE,wBAAA,CACA,a/B2gHJ,C+BxgHE,4KACE,oBAZY,CAaZ,a/B0gHJ,C+BphHE,4oBAIE,wBAAA,CACA,a/BmhHJ,C+BhhHE,oKACE,oBAZY,CAaZ,a/BkhHJ,C+B5hHE,wqBAIE,wBAAA,CACA,a/B2hHJ,C+BxhHE,4KACE,oBAZY,CAaZ,a/B0hHJ,C+BpiHE,4oBAIE,wBAAA,CACA,a/BmiHJ,C+BhiHE,oKACE,oBAZY,CAaZ,a/BkiHJ,C+B5iHE,ktBAIE,wBAAA,CACA,a/B2iHJ,C+BxiHE,wLACE,oBAZY,CAaZ,a/B0iHJ,C+BpjHE,0pBAIE,wBAAA,CACA,a/BmjHJ,C+BhjHE,wKACE,oBAZY,CAaZ,a/BkjHJ,C+B5jHE,8nBAIE,wBAAA,CACA,a/B2jHJ,C+BxjHE,gKACE,oBAZY,CAaZ,a/B0jHJ,C+BpkHE,osBAIE,wBAAA,CACA,a/BmkHJ,C+BhkHE,oLACE,oBAZY,CAaZ,a/BkkHJ,C+B5kHE,gnBAIE,wBAAA,CACA,a/B2kHJ,C+BxkHE,4JACE,oBAZY,CAaZ,a/B0kHJ,C+BlkHI,yVAEE,4BAAA,CADA,wB/BqkHN,C+BrjHE,qRAIE,a/BojHJ,C+BjjHE,oEACE,a/BmjHJ,C+B3jHE,0pBAIE,a/B0jHJ,C+BvjHE,wKACE,a/ByjHJ,C+BjkHE,srBAIE,a/BgkHJ,C+B7jHE,gLACE,a/B+jHJ,C+BvkHE,0pBAIE,a/BskHJ,C+BnkHE,wKACE,a/BqkHJ,C+B7kHE,8nBAIE,a/B4kHJ,C+BzkHE,gKACE,a/B2kHJ,C+BnlHE,0pBAIE,a/BklHJ,C+B/kHE,wKACE,a/BilHJ,C+BzlHE,8nBAIE,a/BwlHJ,C+BrlHE,gKACE,a/BulHJ,C+B/lHE,osBAIE,a/B8lHJ,C+B3lHE,oLACE,a/B6lHJ,C+BrmHE,4oBAIE,a/BomHJ,C+BjmHE,oKACE,a/BmmHJ,C+B3mHE,gnBAIE,a/B0mHJ,C+BvmHE,4JACE,a/BymHJ,C+BjnHE,srBAIE,a/BgnHJ,C+B7mHE,gLACE,a/B+mHJ,C+BvnHE,kmBAIE,a/BsnHJ,C+BnnHE,wJACE,a/BqnHJ,CgChzHE,8BACE,sBhCkzHJ,CgChzHI,sCACE,6BhCkzHN,CgC9oHI,uFA1GA,chC2vHJ,CgCxvHE,+GAEI,ahCyvHN,CgCnvHI,gJACE,ehCqvHN,CgCryHE,0IAEI,YhCsyHN,CKruHQ,yC2BKN,wCAEI,aAAA,CAKF,ehC8tHF,CACF,CK3uHQ,yC2BKN,yCAEI,aAAA,CAKF,ehCouHF,CACF,CKjvHQ,+C2BiGJ,yCAEI,ahCkpHN,CgChpHM,iDACE,aAAA,CACA,chCkpHR,CACF,CK1vHQ,+C2B4GJ,0CAEI,ahCgpHN,CgC9oHM,kDACE,aAAA,CACA,chCgpHR,CACF,CiC90HE,cAVA,axBqRkB,CwBpRlB,cAAA,CAHA,iBAAA,CACA,UjCg2HF,CUrvHE,qCACE,SVuvHJ,CiC/1HE,wCAEE,UjCg2HJ,CiCr1HQ,oBA5BN,iBAAA,CACA,aAAA,CAHA,OAAA,CACA,KjCw3HF,CiC31HQ,mCA5BN,oBAAA,CACA,aAAA,CAHA,OAAA,CACA,KjC+3HF,CkCj6HE,OATA,ezB6Cc,CyBxCd,cAAA,CARA,oBAAA,CAKA,gBzBkbgB,CyBlbhB,ezBkbgB,CyBjbhB,aAAA,CALA,uBzBubc,CyBjbd,kBlCk7HF,CkCt6HM,sBAJF,kBduEgB,CctEhB,UlC66HJ,CkC16HM,iBACE,kB/B3BQ,C+B4BR,UlC46HR,CkC96HM,eACE,kB/B3BQ,C+B4BR,UlCg7HR,CkCl7HM,aACE,kB/B3BQ,C+B4BR,alCo7HR,CkCt7HM,eACE,kB/B3BQ,C+B4BR,alCw7HR,CkC17HM,aACE,kB/B3BQ,C+B4BR,UlC47HR,CkC97HM,kBACE,kB/B3BQ,C+B4BR,UlCg8HR,CkCl8HM,cACE,kB/B3BQ,C+B4BR,alCo8HR,CkCt8HM,YACE,kB/B3BQ,C+B4BR,alCw8HR,CkC18HM,iBACE,kB/B3BQ,C+B4BR,UlC48HR,CkC98HM,WACE,kB/B3BQ,C+B4BR,UlCg9HR,CmCl+HE,UAhCA,wB1BgEY,C0BjEZ,e1B8Ec,C0BhFd,W1BqjBgB,C0BrjBhB,W1BqjBgB,C0BpjBhB,kBnC2gIF,CmCp+HQ,kCACE,wBnCs+HV,CmCv+HQ,oCACE,wBnCy+HV,CmC1+HQ,kCACE,wBnC4+HV,CmC7+HQ,gCACE,wBnC++HV,CmCh/HQ,kCACE,wBnCk/HV,CmCn/HQ,gCACE,wBnCq/HV,CmCt/HQ,qCACE,wBnCw/HV,CmCz/HQ,iCACE,wBnC2/HV,CmC5/HQ,+BACE,wBnC8/HV,CmC//HQ,oCACE,wBnCigIV,CmClgIQ,8BACE,wBnCogIV,CmC7/HE,gBApCA,wBf0GkB,Ce7GlB,aAAA,CAEA,WAAA,CAHA,iBAAA,CAEA,OnC2iIF,CmChgIE,qBA5BA,UhCjBM,CgCeN,cAAA,CAAA,gBAAA,CACA,eAAA,CzB0OA,QAAA,CyB5OA,QAAA,CzB0OA,iBAAA,CACA,OAAA,CAEA,8BAAA,CyBzOA,kBnCuiIF,CoC99HE,QA/EA,wB3B8CW,C2B7CX,cAAA,CAHA,qBAAA,CADA,kBAAA,CAFA,iBAAA,CAQA,iBAAA,CADA,wBAAA,CAAA,qBAAA,CAAA,gBpCsjIF,CoCp+HE,qBAxFA,U3B0rBc,C2B1rBd,YpCukIF,CoC/+HE,aApEA,wB3B+BY,C2BnCZ,oBAAA,CAFA,MAAA,CAGA,cAAA,CALA,iBAAA,CACA,KAAA,CAQA,8BpCkjIF,CoChjIE,yBACE,wBpCkjIJ,CoC7+HE,eArDA,wBhB8DkB,CgB/DlB,e3ByBc,C2B7Bd,oBAAA,CAEA,a3BwpBqB,C2BxpBrB,a3BwpBqB,C2B7pBrB,MAAA,C1BgMA,iBAAA,CACA,OAAA,C0BvLA,yBAAA,C1BwLA,0BAAA,C0BzLA,8B3BgpBkB,C2BrpBlB,Y3B0pBoB,C2B1pBpB,Y3B0pBoB,C2B7pBpB,SpCwjIF,CUp6HE,sCACE,SVs6HJ,CoChjIE,qBACE,wBpCkjIJ,CoC/iIE,2BACE,wBpCijIJ,CoChgIE,mCA3CA,kBAAA,CADA,WpCkjIF,CoChgIE,iBA7CA,oBAAA,CAEA,YAAA,CAAA,cAAA,CACA,gBAAA,CACA,oBAAA,CAHA,S3B4nBsB,C2B5nBtB,WpCojIF,CoC/iIE,8BAGE,eAAA,CAFA,KAAA,CACA,S3BqnBoB,C2BrnBpB,WpCkjIJ,CoC9iIE,gCAKE,a3BknBkB,C2BlnBlB,a3BknBkB,C2BpnBlB,QAAA,CAFA,iBAAA,CACA,KAAA,CAIA,0BAAA,CAFA,Y3BknBmB,C2BlnBnB,YpCkjIJ,CqC37HE,QA3IA,UlC/DM,CkC6DN,cAAA,CAAA,iBAAA,CACA,eAAA,CA6IE,W5BqgBY,C4BrgBZ,W5BqgBY,C4BvpBd,kB5BUc,C4BTd,SAAA,CAFA,iBAAA,CASA,wBAAA,CAAA,qBAAA,CAAA,gBrC+kIF,CqCh8HE,cAzIA,eAAA,CACA,SAAA,CAFA,iBrCglIF,CqCj8HE,eA7HA,kB5B7BY,C4B4BZ,e5Bfc,C4BqBd,aAAA,CAEA,cAAA,CAZA,aAAA,CASA,mBAAA,CAPA,W5B2nBc,C4B3nBd,W5B2nBc,C4B9nBd,iBAAA,CAOA,4B5BgoByB,C4BroBzB,UAPe,CAOf,UrC+kIF,CqCjkIE,qBACE,QrCmkIJ,CqC/jIE,qBAWE,elClHI,CkCiHJ,e5BzCY,C4B4CZ,UAAA,CARA,aAAA,CAEA,WAhCc,CAgCd,aAhCc,CA4Bd,Q5B6mBmB,C4B7mBnB,W5B6mBmB,C4B/mBnB,iBAAA,CACA,O5B8mBmB,C4B9mBnB,U5B8mBmB,C4BvmBnB,uBAAA,CAGA,4B5BsmBuB,C4B5mBvB,UA9Ba,CA8Bb,YrCskIJ,CqC3jIE,6BACE,kBrC6jIJ,CqC3jII,mCACE,SA5CmB,CA4CnB,YrC6jIN,CqCxjIE,8BACE,kBAlFqB,CAmFrB,UrC0jIJ,CUhgIE,kDACE,SVkgIJ,CqCt+HE,gCA7EA,iBAAA,CACA,OAAA,CACA,0BrCujIF,CqCv+HE,eA1EA,YAAA,CADA,OrCujIF,CqCpjIE,mCACE,arCsjIJ,CqCz+HE,iBAvEA,SrCojIF,CqCljIE,qCACE,YrCojIJ,CqC/hIE,yCAFA,W5B6hBmB,C4B7hBnB,arC0iIF,CqCxiIE,4BAGE,cAmDqB,CAnDrB,iBAmDqB,CArDrB,UARa,CAQb,UrCuiIJ,CqCliIE,kCAIE,WAfc,CAed,WAfc,CAad,Q5ByhBmB,C4BzhBnB,W5ByhBmB,C4B1hBnB,O5B0hBmB,C4B1hBnB,U5B0hBmB,C4BxhBnB,UAfa,CAeb,UrCqiIJ,CqCjiIE,gDACE,SAlBqB,CAkBrB,YrCmiIJ,CqCjjIE,2CAFA,W5B8hBoB,C4B9hBpB,crC4jIF,CqC1jIE,6BAGE,cAuDqB,CAvDrB,gBAuDqB,CAzDrB,UARa,CAQb,YrCyjIJ,CqCpjIE,mCAIE,WAfc,CAed,cAfc,CAad,Q5ByhBmB,C4BzhBnB,W5ByhBmB,C4B1hBnB,O5B0hBmB,C4B1hBnB,U5B0hBmB,C4BxhBnB,UAfa,CAeb,arCujIJ,CqCnjIE,iDACE,SAlBqB,CAkBrB,SrCqjIJ,CqCnkIE,2CAFA,W5B+hBoB,C4B/hBpB,arC8kIF,CqC5kIE,6BAGE,cA2DqB,CA3DrB,cA2DqB,CA7DrB,UARa,CAQb,UrC2kIJ,CqCtkIE,mCAIE,WAfc,CAed,WAfc,CAad,Q5ByhBmB,C4BzhBnB,W5ByhBmB,C4B1hBnB,O5B0hBmB,C4B1hBnB,U5B0hBmB,C4BxhBnB,UAfa,CAeb,UrCykIJ,CqCrkIE,iDACE,SAlBqB,CAkBrB,YrCukIJ,CsCx+HE,MA9GA,wBAAA,CAGA,e7BhHc,C6B+Gd,kB7BpHc,C6BmHd,UtC4lIF,CsClrIE,kBAIE,qBnCpGI,CmCmGJ,wBtCqrIJ,CsChrIE,QAEE,e7BnCiB,C6BkCjB,6BtCorIJ,CsC/qIE,MACE,kBtCmrIJ,CsC9qIE,YAJE,atCurIJ,CsCnrIE,MACE,kBtCkrIJ,CsC1qII,kBACE,sBtC8qIN,CsC1qII,oCAGE,e7B9De,C6B+Df,etC8qIN,CsCxqII,sDARE,6BtCqrIN,CsCjvIM,uBAEE,wB7B4pBmB,C6B7pBnB,etCqvIR,CsCtuIE,+CAmEM,qBtC4qIR,CsC/uIE,yBAEE,+BtC6uIJ,CK/pIQ,+CiC2GN,oCACE,YtC2jIF,CsCxjIA,6CAGE,atC0jIF,CsCvjIA,eACE,YtCyjIF,CACF,CsC3iIE,aAvGA,aAAA,CAEA,eAAA,CADA,UtCupIF,CsC/oII,2BACE,wBtCkpIN,CsC5oII,2BACE,wBtC8oIN,CsCxoII,2BACE,wBtC0oIN,CsCnoIM,qDACE,wBtCqoIR,CsCtjIE,cACE,etCyjIJ,CuC50IE,OAPA,iBAAA,CAJA,oBAAA,CAMA,e9B2OgB,C8B3OhB,e9B2OgB,C8BhPhB,e9B+Oe,C8B9Of,Y9B6Oc,C8BxOd,iBvC21IF,CuCh1IM,sBAJF,kBnBwEgB,CmBvEhB,UvCu1IJ,CuCp1IM,iBACE,kBpC1BQ,CoC2BR,UvCs1IR,CuCx1IM,eACE,kBpC1BQ,CoC2BR,UvC01IR,CuC51IM,aACE,kBpC1BQ,CoC2BR,avC81IR,CuCh2IM,eACE,kBpC1BQ,CoC2BR,avCk2IR,CuCp2IM,aACE,kBpC1BQ,CoC2BR,UvCs2IR,CuCx2IM,kBACE,kBpC1BQ,CoC2BR,UvC02IR,CuC52IM,cACE,kBpC1BQ,CoC2BR,avC82IR,CuCh3IM,YACE,kBpC1BQ,CoC2BR,avCk3IR,CuCp3IM,iBACE,kBpC1BQ,CoC2BR,UvCs3IR,CuCx3IM,WACE,kBpC1BQ,CoC2BR,UvC03IR,CwCt0IE,aA5CA,eAAA,CADA,exCw3IF,CU9wIE,uCAGE,WAAA,CADA,aAAA,CAIE,YAAA,CACA,OV6wIN,CUzwIE,mBACE,UV2wIJ,CwC73IE,gBAIE,arC1DI,CqC2DJ,cAAA,CAJA,UAAA,CAEA,c/BqNyB,C+BrNzB,kB/BqNyB,C+BhNvB,wBxC43IN,CwCp3IQ,uCAKE,a/BjBI,C+BgBJ,WAPQ,CAKR,eAAA,CACA,SAAA,CAFA,iBxC03IV,CwC52IE,eACE,axC82IJ,CwC52II,qBACE,yBxC82IN,CwCr2II,uBACE,a/BzCQ,C+B0CR,kBxCu2IN,CyC93IE,SApBA,qBAFa,CAhBb,kChC2Re,CgC1Rf,ehC+Bc,CgCbd,aAAA,CAtBA,ehC+Re,CgC9Rf,YAAA,CAFA,iBzCk7IF,CyC16IE,sBACE,YzC46IJ,CyCz6IE,qBACE,ezC26IJ,CyC14IM,iBAxBJ,wBAFa,CAGb,azCq6IF,CyC94IM,mBAxBJ,wBAFa,CAGb,azCy6IF,CyCl5IM,iBAxBJ,wBAFa,CAGb,azC66IF,CyCt5IM,eAxBJ,wBAFa,CAGb,azCi7IF,CyC15IM,iBAxBJ,wBAFa,CAGb,azCq7IF,CyC95IM,eAxBJ,wBAFa,CAGb,azCy7IF,CyCl6IM,oBAxBJ,wBAFa,CAGb,azC67IF,CyCt6IM,gBAxBJ,wBAFa,CAGb,azCi8IF,CyC16IM,cAxBJ,wBAFa,CAGb,azCq8IF,CyC96IM,mBAxBJ,wBAFa,CAGb,azCy8IF,CyCl7IM,aAxBJ,wBAFa,CAGb,azC68IF,CyCh7IM,eAtBJ,azC48IF,CyCt7IM,eAtBJ,YzCk9IF,C0Cn7IE,MA7CA,evCpDM,CuCiDN,wBjCgSY,CiC/RZ,ejCsBc,CiCnBd,ejC6RY,CiC1RZ,avCvDM,CuCyCJ,YAAA,CACA,qBAAA,CACA,WAAA,CAGF,kBjCoBc,CiCZd,e1C0+IF,C0Cv+IE,kBACE,e1Cy+IJ,C0C/7IE,cA3BA,kBjChBW,CiCWT,YAAA,CACA,aAAA,CAGF,Y1Ck+IF,C0C/9IE,0BACE,e1Ci+IJ,C0Cr8IE,cAnBE,aAAA,CAGF,Y1C09IF,C0Cx9IE,0BACE,e1C09IJ,C0Cv8IE,YACE,c1C08IJ,C2ClgJE,eAjBA,qBxCvCM,CwCqCN,wBlCwVgB,CkCvVhB,elCkCc,CkCzCd,YAAA,CAUA,clCqVmB,CkCrVnB,clCqVmB,CkC5VnB,YlCyViB,CkC/VjB,iBAAA,CAQA,iBAAA,CAHA,WlC8Ve,CkClWf,U3C0iJF,C2C1hJE,0BACE,a3C4hJJ,C2CzhJE,uBACE,aAAA,CACA,kB3C2hJJ,C2ChhJM,oBACE,W3CmhJR,C2CphJM,qBACE,W3CuhJR,C2CxhJM,qBACE,W3C2hJR,C4C/7IE,YAlFA,kBnCNc,CmCKd,a5CuhJF,CUl8IE,qCAGE,WAAA,CADA,aAAA,CAIE,YAAA,CACA,OVi8IN,CU77IE,kBACE,UV+7IJ,C4C5hJE,eAEE,enCNY,CmCaV,YAAA,CANF,cnC4cmB,CmC5cnB,iBnC4cmB,CmC9cnB,qB5CiiJJ,C4CvhJM,qDAEE,oB5CwhJR,CKz8IQ,yCuC5FN,eAuBM,oB5CkhJN,CACF,C4C7gJE,iCAIE,enCrCY,CmCsCZ,azC7GI,CyC0GJ,aAAA,CACA,wB5CihJJ,C4C7gJI,6CACE,kB5CghJN,C4Cn+II,qBAjCF,kBxBfkB,CwBgBlB,UzC9HM,CyC+HN,c5CwgJF,C4Cr+II,2CAtCF,wB5CghJF,C4C1+II,sBA1BF,anC7EY,CmC8EZ,kB5CmgJF,C4CjgJE,4BACE,sB5CmgJJ,C4Cz+II,4BAfF,azCtJM,CyCqJN,WAAA,CADA,wB5C+/IF,C6C1gJE,SAhGA,gCpCivBsB,CoC/uBtB,WpC6uBe,CoCjvBf,oBAAA,CAGA,epC4BmB,CoChCnB,iB7CqnJF,C6C9gJE,SAtFA,wB1CvDM,C0CsDN,epCiBc,CoCdd,U1C1DM,C0CyDN,apC0GgB,CoC/GhB,epC2uBkB,CoC3uBlB,epC2uBkB,CoC1uBlB,cpCyuBgB,CoC7uBhB,yBAAA,CACA,Y7CsnJF,C6C5mJE,yBAZA,iB7C2nJF,C6C1mJI,uBnCjBA,4CAAA,CAAA,kBAAA,CAAA,4BAAA,CmCmBE,WAAA,CnC3BJ,UAAA,CAPA,aAAA,CAEA,QAAA,CADA,OVopJF,C6ChnJI,oCACE,QAAA,CACA,0B7CknJN,C6C7mJI,oBnCjCA,4CAAA,CAAA,kBAAA,CAAA,4BAAA,CmCoCE,WAAA,CnCxCJ,UAAA,CAPA,aAAA,CAEA,QAAA,CmC4CI,QAAA,CnC7CJ,OVoqJF,C6CnnJI,iCACE,QAAA,CACA,0B7CqnJN,C6ChnJI,qBnCtCA,wDAAA,CAAA,kBAAA,CAAA,mCAAA,CAZF,UAAA,CAPA,aAAA,CAEA,QAAA,CmCyDI,SAAA,CnC1DJ,OVmrJF,C6CtnJI,kCACE,WAAA,CACA,OAAA,CACA,0B7CwnJN,C6CnnJI,sBnC/CA,wDAAA,CAAA,kBAAA,CAAA,mCAAA,CAhBF,UAAA,CAPA,aAAA,CAEA,QAAA,CmCuEI,SAAA,CADA,UAAA,CnCvEJ,OVosJF,C6CznJI,mCACE,WAAA,CACA,OAAA,CACA,0B7C2nJN,C6CvnJE,0BACE,WAAA,CACA,O7CynJJ,C6CtnJE,6BACE,UAAA,CACA,Q7CwnJJ,C6CrnJE,2BACE,QAAA,CACA,U7CunJJ,C6CpnJE,4BACE,SAAA,CACA,S7CsnJJ,C8CrnJE,WAvFA,e3C/CM,C2CgDN,oBAAA,CAFA,a9CmtJF,C8C9sJI,sCACE,kB9CgtJN,C8CrsJE,gFACE,qB9C2sJJ,C8C7nJE,iBA9DA,wBrC4JyB,CqC3JzB,eAAA,CAIA,a1ByBkB,C0BjClB,aAAA,CAMA,crCoJ0B,CqCpJ1B,gBrCoJ0B,CqCnJ1B,aAAA,CANA,oBrC4JuB,CqC9JvB,iB9C0sJF,C8C/rJE,6CACE,+BrCoJuB,CqCnJvB,qB9CisJJ,C8C9rJE,8CAEE,wB9C+rJJ,C8C3oJE,mBAtBA,qB3C5HM,C2C0HN,wBrCkHyB,CqCjHzB,eAAA,CAGA,a3C7HM,C2CsHN,YAAA,CACA,Y9C8qJF,C8CtqJE,0CACE,+B9CwqJJ,C+C7sJE,cApFA,YAAA,CAIE,gBAAA,CAHF,kB/CsyJF,C+ChyJE,kBACE,c/CkyJJ,CK1oJQ,+C0CpJJ,8BAEI,c/CgyJN,CACF,C+CvtJE,sBAhEE,a/C2xJJ,C+CpxJE,kCACE,kB/CsxJJ,C+CnxJE,oDACE,iB/CqxJJ,C+ClxJE,kCACE,e/CoxJJ,CK5pJQ,+C0CrHN,uCA4BE,eAAA,CACA,cAAA,CAJF,gB/C+vJA,C+CrvJA,2CACE,U/CuvJF,CACF,C+CrxJI,mCACE,Y/CuxJN,CgDjsJE,wBAzGA,iBhDszJF,CgD7sJE,iBAnGA,QAAA,CAEA,eAAA,CADA,QAAA,CAEA,ehD6yJF,CgDzsJE,aA9FA,iBAAA,CADA,UhD6yJF,CgDzyJI,mCAEE,MAAA,CADA,KhD4yJN,CgD9sJE,cAvFA,QhDyyJF,CgD9sJE,aApFA,QAAA,CADA,cAAA,CADA,UhD0yJF,CgDhtJE,eA7EA,iCvC8byB,CuCnczB,QAAA,CAEA,eAAA,CADA,UhD2yJF,CgDttJE,2CAhFA,UAAA,CAHA,YvCicsB,CuCrctB,iBhDszJF,CgD/tJE,4BtCoEA,OAAA,CACA,0BAAA,CsC9IA,UhDwyJF,CUvsJE,0EACE,SVysJJ,CgDvyJE,0HAGE,iChDuyJJ,CgDjuJE,gBAhEA,MhDqyJF,CgDhuJE,YAhEA,SAAA,CACA,OhDoyJF,CgDhuJE,eA5DA,mBvC0Z2B,CuC3Z3B,gBvC0ZwB,CuC3ZxB,iBAAA,CAGA,iBhDkyJF,CU7tJE,sCACE,SV+tJJ,CgDnyJE,sBAME,wBvCrEU,CuCoEV,iBAAA,CAHA,avCkZoB,CuClZpB,avCkZoB,CuCjZpB,YvCkZkB,CuCpZlB,YvCmZoB,CuCnZpB,YhDyyJJ,CgD9xJI,4DACE,wBhDmyJN,CiD54JE,8BAlBA,QAAA,CACA,kBxC8pB+B,CwC5pB/B,eAAA,CADA,kBAAA,CAHA,iBjDw6JF,CiDl6JE,4KAQE,WAAA,CAFA,MAAA,CAFA,iBAAA,CACA,KAAA,CAEA,UjDy6JJ,CiD55JM,oDACE,qBjD+5JR,CkDp0JE,MA/EA,e/ClDM,C+CiDN,wBAAA,CAEA,oBAAA,CAHA,QlD45JF,CU/yJE,yBAGE,WAAA,CADA,aAAA,CAIE,YAAA,CACA,OV8yJN,CU1yJE,YACE,UV4yJJ,CkD75JE,kBACE,aAAA,CACA,UAAA,CACA,UlDg6JJ,CkD/0JI,kBACE,SlDk1JN,CkDh1JM,wBACE,sBlDk1JR,CkD50JE,cACE,kBlD+0JJ,CkD70JI,mBACE,UlD+0JN,CkD70JM,kDAEE,kBlD80JR,CkDz0JE,YA3FA,UlDw6JF,CkDt6JE,cAME,a9B8BgB,C8BlChB,aAAA,CAEA,azC2qBiB,CyC1qBjB,aAAA,CAFA,kBlD06JJ,CU1zJE,qCACE,SV4zJJ,CkDx6JI,oBACE,e/CnFE,C+CoFF,alD06JN,CkDv1JE,oEA9EI,e/CzFE,C+C0FF,alDg7JN,CkDn2JE,cAlEA,wBAAA,CACA,YAAA,CAGA,uBlDi6JF,CkD/1JE,uBA3DA,wBAAA,CACA,alD85JF,CkDh2JE,YAvDA,YAAA,CACA,YlD25JF,CkDz5JE,sBACE,alD25JJ,CmD1+JE,WArBA,qB1C4uBiB,C0C3uBjB,e1C+Cc,C0C9Cd,qC1C4uBiB,C0ClvBjB,oBAAA,CAQA,aAAA,CANA,kB1C6Cc,C0C9Cd,cnD4gKF,CmDh/JE,YAjBA,kCnDqgKF,CmDngKE,oCAEE,0CnDogKJ,CmDjgKE,kBACE,enDmgKJ,CoDtrJE,MApUE,YAAA,CACA,cAAA,CALF,eAAA,CADA,QAAA,CADA,SAAA,CAGA,iBpDsgKF,CUv3JE,gCACE,SVy3JJ,CoD9/JE,sBAIE,aAAA,CAFA,aAAA,CAGA,kB3CWkB,C2CblB,oBpDkgKJ,CoD5/JE,8CAIE,epD8/JJ,CoD3/JE,YACE,oBpD6/JJ,CoD9sJI,uBAlNE,kBAAA,CADA,cpDq6JN,CoD7sJI,eA5ME,qBAAA,CADA,gBpD85JN,CoDl1JQ,2MAII,epDq1JZ,CoDrgKI,kBACE,YpDugKN,CoD51JQ,2MAII,epD+1JZ,CoDttJI,aAtMA,kBpD+5JJ,CoD55JE,mBACE,gBpD85JJ,CoD35JE,eACE,SpD65JJ,CKj8JQ,yC+CwOF,wBAzOA,kBAAA,CADA,cpDw8JJ,CoD1tJI,sBAlOA,qBAAA,CADA,gBpDi8JJ,CoDjiKE,gDACE,YpDsiKJ,CACF,CKj9JQ,yC+CwOF,uBAzOA,kBAAA,CADA,cpDw9JJ,CoD1uJI,qBAlOA,qBAAA,CADA,gBpDi9JJ,CoDjjKE,8CACE,YpDsjKJ,CACF,CoDvuJI,aArMA,gB3CnJwB,C2CkJxB,cpDi7JJ,CoDx6JI,wFACE,YpD66JN,CoD/3JI,iDAEI,oBpDg4JR,CoD73JM,uKAGE,mBpDi4JR,CoDx3JI,mDAEI,oBpDy3JR,CoDt3JM,6KAGE,kBpD03JR,CoDj3JI,+CAEI,uBpDk3JR,CoD52JM,iKAQI,kBAAA,CACA,oB3C4JU,C2C3JV,iBpD22JV,CoDr2JI,qDAEI,uBpDs2JR,CoDh2JM,mLAQI,kBAAA,CACA,oB3CoIU,C2CnIV,iBpD+1JV,CoD1uJM,mCArGJ,kB3CkH4B,C2CjH5B,UpDs1JF,CoD5uJI,iBAvXE,0BpDsmKN,CoD9lKM,qBACE,YAAA,CACA,wBpDgmKR,CoD9lKQ,iCACE,0BpDgmKV,CoD5lKM,8BACE,aAAA,CACA,gBpD8lKR,CoDx9JQ,uQAQI,gBpD09JZ,CoD3vJM,0BA3QF,aAAA,CADA,iBpD2gKJ,CoDrlKM,sBACE,YAAA,CACA,sBpDulKR,CoDrlKQ,kCACE,0BpDulKV,CoD5vJI,iBAlIF,aAAA,CAFA,eAAA,CACA,aAAA,CAHA,kBpDw4JF,CoDlmKM,6CAyWI,sBpDiwJV,CoD1mKM,wBACE,YpDymKR,CoDtmKQ,oCACE,0BpDwmKV,CoD3vJE,iCACE,YpD8vJJ,CqD5wKE,W3C+GA,cAAA,CAJA,oBAAA,CAGA,WAzBS,CAqBT,iBAAA,CAEA,qBAAA,CACA,UVwqKF,CUnqKE,iBASE,eP9GI,CO+GJ,qCAtBS,CAwBT,UAAA,CAPA,aAAA,CAEA,UAnCO,CA+BP,MAAA,CAFA,iBAAA,CACA,KAAA,CAIA,UVwqKJ,CUvpKI,uBACE,kBDlEQ,CCmER,2CVypKN,CqDhyKE,gB3C2GA,cAAA,CAJA,oBAAA,CAGA,WAzBS,CAqBT,iBAAA,CAEA,qBAAA,CACA,UVgsKF,CU3rKE,sBASE,kBP7GI,CO8GJ,2CAtBS,CAwBT,UAAA,CAPA,aAAA,CAEA,UAnCO,CA+BP,MAAA,CAFA,iBAAA,CACA,KAAA,CAIA,UVgsKJ,CU/qKI,4BACE,kBDjEM,CCkEN,2CVirKN,CsD3uKI,mBAME,UtDyuKN,CsD/tKI,0DACE,kBtDouKN,CsDjuKI,6CFqIA,gB3CnJwB,C2CkJxB,cpDimKJ,CsDhuKM,yDF4HF,aAAA,CADA,iBpDymKJ,CsD1xKE,wEACE,iBtD4xKJ,CsD1xKI,8E5CEA,4CAAA,CAAA,kBAAA,CAAA,sBAAA,CAJF,UAAA,CAPA,aAAA,CAEA,QAAA,C4CWI,eAAA,CAFA,iBAAA,CAGA,UAAA,CAAA,UAAA,CAFA,OAAA,C5CXJ,OVgzKF,CsD/xKE,gEAEE,SAAA,CADA,UAAA,CAAA,UtDkyKJ,CsD9xKE,iEAEE,SAAA,CAAA,SAAA,CADA,UtDiyKJ,CsDrvKM,yEACE,wBAAA,CACA,wBtDuvKR,CsD3uKE,6BACE,iBtD8uKJ,CsD3uKE,sBACE,iBtD8uKJ,CsD1uKE,gBAQE,cAAA,CAFA,W7C0HiC,C6C/HjC,iBAAA,CAEA,OAAA,CADA,KAAA,CAGA,UtD8uKJ,CsDluKI,sB5CjGA,4CAAA,CAAA,kBAAA,CAAA,sBAAA,C4CqGE,QAAA,C5CzGJ,UAAA,CAPA,aAAA,CAEA,QAAA,C4C+GI,WAAA,CAFA,KAAA,C5C9GJ,OV01KF,CsDruKE,0CACE,oBAAA,CACA,wBtDwuKJ,CsDruKE,qB5CqDA,4BAAA,CAEA,kBAAA,CALA,oBAAA,CAEA,yBAAA,CADA,mBAAA,CAHA,2BAAA,CAMA,4BAAA,CALA,mBV+rKF,CuDj1KE,cAEE,eAAA,CADA,iBvDq1KJ,CuDl1KI,iBACE,avDo1KN,CuDj1KI,6BACE,qBvDm1KN,CuD70KI,aAEE,epD5EE,CoD2EF,kBvDi1KN,CuD50KI,iCAOE,epDvFE,CoDmFF,SAAA,CAFA,iBAAA,CACA,KAAA,CAMA,gC9CsRiB,C8CxRjB,UAAA,CAFA,UvDi1KN,CuD30KM,2CAEE,aAAA,CACA,2BAAA,CAFA,SvD+0KR,CuD10KM,4CACE,0BvD40KR,CuDx0KM,mCACE,kBvD00KR,CuDt0KI,wCHmHA,a3CoJsB,C2CrJtB,cpDwtKJ,CuDt0KI,6CACE,evDw0KN,CuDx5KE,0CACE,iBvD05KJ,CuDx5KI,gDAIE,eAAA,CAFA,iBAAA,CACA,OvDm6KN,CuD75KE,2G7CSE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAZF,UAAA,CAPA,aAAA,CAEA,QAAA,C6CII,UAAA,CAAA,UAAA,C7CLJ,OVk7KF,CuDz6KE,2DAGE,SvDs6KJ,CuDn6KE,4DAGE,SAAA,CAAA,SAAA,CADA,UvD66KJ,CuD32KM,mG7C7DF,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAhBF,UAAA,CAPA,aAAA,CAEA,QAAA,CADA,OV28KF,CuDx3KM,uCAEE,oBAAA,CAEA,mBAAA,CADA,qBvDq3KR,CwDv6KM,kDAGE,SAAA,CADA,OAAA,CADA,QxD46KR,CwDr6KM,mDAGE,MAAA,CADA,UAAA,CADA,QxDy6KR,CwDl6KM,+CAEE,oB/CqTqB,C+CtTrB,iBxDq6KR,CwDj6KM,qD9C/CF,4CAAA,CAAA,kBAAA,CAAA,sBAAA,CAJF,UAAA,CAPA,aAAA,CAEA,QAAA,C8C2DM,SAAA,CACA,eAAA,CAFA,SAAA,C9C3DN,OVu+KF,CU50KE,wCACE,SV80KJ,CwDj4KI,oBACE,erD5IE,CqD6IF,kBxDm4KN,CwD/3KI,8BACE,sB/CoQiC,C+CnQjC,axDi4KN,CwD93KI,yBACE,YxDg4KN,CwD73KI,2CJmEA,a3CqLyB,C2CtLzB,cpD+zKJ,CwDt7KM,gDACE,KxDw7KR,CwDp7KQ,2DAGE,SAAA,CADA,UAAA,CADA,KxDw7KV,CwDj7KQ,4DAEE,SAAA,CADA,UxDo7KV,CwDn/KE,mCACE,UxDq/KJ,CwDl/KE,8C9CAE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAhBF,UAAA,CAPA,aAAA,CAEA,QAAA,C8CwBE,QAAA,CADA,UAAA,C9CxBF,OVohLF,CwDx/KE,+C9CVE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAZF,UAAA,CAPA,aAAA,CAEA,QAAA,CADA,OV8hLF,CKx5KQ,yCmDlGF,oEAGE,SAAA,CADA,OAAA,CADA,QxD+/KN,CwDx/KI,qEAGE,MAAA,CADA,UAAA,CADA,QxD4/KN,CwDr/KI,iEAEE,oB/CqTqB,C+CtTrB,iBxDw/KN,CwDp/KI,uE9C/CF,4CAAA,CAAA,kBAAA,CAAA,sBAAA,CAJF,UAAA,CAPA,aAAA,CAEA,QAAA,C8C2DM,SAAA,CACA,eAAA,CAFA,SAAA,C9C3DN,OV0jLA,CwDv/KI,uDACE,KxDy/KN,CwDr/KM,kEAGE,SAAA,CADA,UAAA,CADA,KxDy/KR,CwDl/KM,mEAEE,SAAA,CADA,UxDq/KR,CwDpjLA,0CACE,UxDsjLF,CwDnjLA,qD9CAE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAhBF,UAAA,CAPA,aAAA,CAEA,QAAA,C8CwBE,QAAA,CADA,UAAA,C9CxBF,OVqlLA,CwDzjLA,sD9CVE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAZF,UAAA,CAPA,aAAA,CAEA,QAAA,CADA,OV+lLA,CACF,CK19KQ,yCmDlGF,mEAGE,SAAA,CADA,OAAA,CADA,QxDikLN,CwD1jLI,oEAGE,MAAA,CADA,UAAA,CADA,QxD8jLN,CwDvjLI,gEAEE,oB/CqTqB,C+CtTrB,iBxD0jLN,CwDtjLI,sE9C/CF,4CAAA,CAAA,kBAAA,CAAA,sBAAA,CAJF,UAAA,CAPA,aAAA,CAEA,QAAA,C8C2DM,SAAA,CACA,eAAA,CAFA,SAAA,C9C3DN,OV4nLA,CwDzjLI,sDACE,KxD2jLN,CwDvjLM,iEAGE,SAAA,CADA,UAAA,CADA,KxD2jLR,CwDpjLM,kEAEE,SAAA,CADA,UxDujLR,CwDtnLA,yCACE,UxDwnLF,CwDrnLA,oD9CAE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAhBF,UAAA,CAPA,aAAA,CAEA,QAAA,C8CwBE,QAAA,CADA,UAAA,C9CxBF,OVupLA,CwD3nLA,qD9CVE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAZF,UAAA,CAPA,aAAA,CAEA,QAAA,CADA,OViqLA,CACF,CwDnhLM,0DAGE,SAAA,CADA,OAAA,CADA,QxDuhLR,CwDhhLE,2BACE,WxDmhLJ,CwDjhLI,uCACE,WxDmhLN,CwD/gLE,4BACE,iBxDkhLJ,CwDhhLI,oCAIE,SAAA,CACA,eAAA,CAJA,iBAAA,CAEA,SAAA,CADA,OxDqhLN,CwD/gLI,6DAOI,SAAA,CALF,QxDihLN,CwDxgLI,4DAEE,SAAA,CADA,UxD2gLN,CwDvgLI,6DAEE,SAAA,CADA,UxD0gLN,CwDrgLE,qBAUE,erD5OI,CqD2OJ,wB/CyKkB,C+C5KlB,YAAA,CAHA,SAAA,CAIA,e/CqKqB,C+C3KrB,iBAAA,CACA,KAAA,CAEA,SxD4gLJ,CwDpgLI,iCACE,kBxDsgLN,CwDjsLE,yDACE,UxDmsLJ,CwDhsLE,oE9CAE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAhBF,UAAA,CAPA,aAAA,CAEA,QAAA,C8CwBE,QAAA,CADA,UAAA,C9CxBF,OVkuLF,CwDtsLE,qE9CVE,wDAAA,CAAA,kBAAA,CAAA,0BAAA,CAZF,UAAA,CAPA,aAAA,CAEA,QAAA,CADA,OV4uLF,CwDrhLM,0CACE,exDuhLR,CwDnhLI,wBACE,UxDqhLN,CwDhhLI,wCACE,axDkhLN,CyD1sLE,oBACE,ezD6sLJ,CyDzsLE,uBAWE,8BhDyawB,CgD7axB,WAAA,CAJA,MAAA,CAUA,SAAA,CAGA,eAAA,CAfA,iBAAA,CACA,KAAA,CAOA,+CAAA,CAKA,iBAAA,CARA,UAAA,CAFA,UzDmtLJ,CyDrsLI,kCACE,SAAA,CACA,kBzDusLN,CyDpsLI,mCACE,czDssLN,CyDnsLI,2CACE,iBzDqsLN,CyDlsLI,wCACE,czDosLN,CyDt4KE,oBAtTA,eAAA,CADA,iBzDksLF,CyDt4KE,YAhSA,0BAAA,CAEA,kBhD7FW,CgD4ET,cAAA,CAcF,6BAAA,CAPA,UzDsrLF,CUtoLE,mCACE,SVwoLJ,CyDtrLE,+BACE,UzDwrLJ,CyD/qLE,sBACE,iBzDirLJ,CyD7qLE,kCACE,UzD+qLJ,CyD7qLI,0CACE,oCzD+qLN,CyD1qLE,oBACE,sBzD4qLJ,CyDr5KE,qBA3SA,0BAAA,CAEA,kBhD7FW,CgD+ET,iBAAA,CAWF,6BAAA,CAPA,UzD+sLF,CU/pLE,4CACE,SViqLJ,CyD/sLE,wCACE,UzDitLJ,CyDxsLE,+BACE,iBzD0sLJ,CyDtsLE,2CACE,UzDwsLJ,CyDtsLI,mDACE,oCzDwsLN,CyDnsLE,6BACE,sBzDqsLJ,CyDz6KE,eA/QE,WAAA,CADA,MAAA,CAEA,eAAA,CAHA,KAAA,CAOI,WzD4rLR,CyDtrLa,6DALL,4BzD8rLR,CyDlrLM,4EACE,sBzDorLR,CyD9qLM,qDAGM,2BzD+qLZ,CyDxjLI,kC/CxTA,qDVo3LJ,CyD/7KE,gBA3OE,WAAA,CACA,eAAA,CAFA,OAAA,CADA,KAAA,CAOI,WzD8qLR,CyDxqLa,+DALL,2BzDgrLR,CyDpqLM,6EACE,sBzDsqLR,CyDhqLM,sDAGM,4BzDiqLZ,CyD/kLI,mC/C1TA,oDV64LJ,CyDr9KE,cAlMM,YApFE,CA8EN,MAAA,CAEA,eAAA,CAHA,KAAA,CAEA,UzDqqLJ,CyD1pLa,2DALL,4BzDkqLR,CyDvpLM,2EACE,sBzDypLR,CyDnpLM,oDAGM,2BzDopLZ,CyDtmLI,iC/CtTA,qDVg6LJ,CyD3+KE,iBAtKE,QAAA,CAOI,YAxHE,CAkHN,MAAA,CAEA,eAAA,CADA,UzDwpLJ,CyD7oLa,iEALL,2BzDqpLR,CyD1oLM,8EACE,sBzD4oLR,CyDtoLM,uDAGM,4BzDuoLZ,CyD7nLI,oC/C5TA,oDV67LJ,CyDhgLE,oBA5GA,0BAAA,CADA,czDknLF,CyD9mLE,mFAEE,6BzD+mLJ,CyDtmLE,gFACE,sBzD2mLJ,CKhzLQ,yCoD0SA,iCA1FN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzDumLA,CyD/lLA,+CACE,YzDimLF,CyD7lLA,qDACE,czD+lLF,CyDvlLA,yFACE,iBzD6lLF,CyDvhLM,kCA9FN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzD2nLA,CyDnnLA,gDACE,YzDqnLF,CyDjnLA,sDACE,czDmnLF,CyD3mLA,2FACE,kBzDinLF,CyDviLM,gCAlGN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzD+oLA,CyDvoLA,8CACE,YzDyoLF,CyDroLA,oDACE,czDuoLF,CyD/nLA,uFACE,gBzDqoLF,CyDvjLM,mCAtGN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzDmqLA,CyD3pLA,iDACE,YzD6pLF,CyDzpLA,uDACE,czD2pLF,CyDnpLA,6FACE,mBzDypLF,CACF,CKl4LQ,yCoD0SA,gCA1FN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzDwrLA,CyDhrLA,8CACE,YzDkrLF,CyD9qLA,oDACE,czDgrLF,CyDxqLA,wFACE,iBzD8qLF,CyDxmLM,iCA9FN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzD4sLA,CyDpsLA,+CACE,YzDssLF,CyDlsLA,qDACE,czDosLF,CyD5rLA,0FACE,kBzDksLF,CyDxnLM,+BAlGN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzDguLA,CyDxtLA,6CACE,YzD0tLF,CyDttLA,mDACE,czDwtLF,CyDhtLA,sFACE,gBzDstLF,CyDxoLM,kCAtGN,cAAA,CAEA,eAAA,CACA,kBAAA,CAFA,UzDovLA,CyD5uLA,gDACE,YzD8uLF,CyD1uLA,sDACE,czD4uLF,CyDpuLA,4FACE,mBzD0uLF,CACF,CKn9LQ,yCoDiUA,iCAhFN,eAAA,CAFA,WAAA,CAIA,gBAAA,CAHA,eAAA,CAIA,eAAA,CANA,kBAAA,CAIA,UzD2uLA,CyDtuLA,8LAIE,eAAA,CACA,czDquLF,CyDluLA,+CACE,YzDouLF,CACF,CKr+LQ,yCoDiUA,gCAhFN,eAAA,CAFA,WAAA,CAIA,gBAAA,CAHA,eAAA,CAIA,eAAA,CANA,kBAAA,CAIA,UzD6vLA,CyDxvLA,0LAIE,eAAA,CACA,czDuvLF,CyDpvLA,8CACE,YzDsvLF,CACF,CMziME,oBAGE,iBAAA,CAFA,cAAA,CACA,UN4iMJ,CMziMI,kCACE,iBN2iMN,CMxiMI,yBACE,iBN0iMN,CMriME,gBAnFA,kCGyoB0B,CH9oB1B,QAAA,CACA,MAAA,CAJA,cAAA,CAEA,OAAA,CADA,KAAA,CAIA,YNuoMF,CM5iME,wBAzFA,YAAA,CAEA,eNkpMF,CM3jME,QA/EA,0BAAA,CAOA,qBHlEM,CGgEN,wBGwnBc,CHvnBd,eGOc,CHwEZ,gBAAA,CADA,iBAAA,CAjFF,YGMe,CHyEb,iBAAA,CACA,SAAA,CArFF,YN4oMF,CUxgME,+BACE,SV0gMJ,CKhiMQ,yCC9BN,QArEE,YNuoMF,CACF,CMpoME,gBACE,WNsoMJ,CMloME,oBACE,eNooMJ,CK3iMQ,yCC9BN,QA5CE,iBGvCW,CHsCX,WN2nMF,CACF,CMrkMI,iBACE,SNukMN,CKpjMQ,yCCfJ,aA3DA,iBGvCW,CHsCX,SNooMF,CMvkME,cA5DA,iBGvCW,CHsCX,SN0oMF,CM5kME,cA7DA,iBGvCW,CHsCX,SNgpMF,CAXF,CMpkMI,aA/CF,QAAA,CACA,eAAA,CAVA,QAAA,CAKA,WAAA,CAJA,MAAA,CAMA,aAAA,CAHA,cAAA,CAEA,eAAA,CAPA,OAAA,CADA,KAAA,CAKA,UNkpMF,CKnlMQ,+CC9BN,QA3BA,QAAA,CACA,eAAA,CAVA,QAAA,CAKA,WAAA,CAJA,MAAA,CAMA,aAAA,CAHA,cAAA,CAEA,eAAA,CAPA,OAAA,CADA,KAAA,CAKA,UNgqMA,CACF,CMpmMI,wBACE,cNsmMN,C0DlxME,0BAHE,iB1D+xMJ,C0D5xME,QAGE,uBAAA,CADA,S1D0xMJ,C0DtxME,iBACE,cAAA,CAEA,UAAA,CADA,S1D0xMJ,C0DvxMI,2BACE,K1DyxMN,C0DtxMI,8BACE,Q1DwxMN,C0DpxME,oBAGE,SAAA,CAFA,iBAAA,CACA,U1DwxMJ,C0DrxMI,iCACE,Q1DuxMN,C2DrxME,WAQI,kBAAA,CANF,kBxDxBI,CwDyBJ,UxD1BI,CwD6BF,YAAA,CACA,0BAAA,CANF,a3D6xMJ,C2DhxMI,sBACE,kBlD8uBkB,CkD7uBlB,mB3DkxMN,C2D7wMI,iCAEE,Y3DgxMN,C2D7wMI,iBACE,gB3DgxMN,C2DlwME,iBACE,oBAAA,CAEA,elD8sBwB,CkD/sBxB,qB3DswMJ,C4D7tME,SAnFE,kBAAA,CAHA,YAAA,CACA,gBAAA,CA0CA,cAAA,CAzCA,6BAAA,CAOF,a5DmzMF,C4DjzME,qBAEE,wB5DmzMJ,C4DxyME,eAEE,iBAAA,CADA,e5D2yMJ,C4DtyME,4BAEE,cAAA,CADA,U5DyyMJ,C4DryME,sBACE,U5DuyMJ,C4D7xMI,+CAEE,aAAA,CACA,c5D+xMN,CK7rMQ,yCuD7DN,SAtBE,gB5DoxMF,C4DlxME,uBACE,aAAA,CACA,iB5DoxMJ,C4DjxME,wBACE,aAAA,CACA,gB5DmxMJ,CACF,CK1sMQ,+CuDhDA,4BAxDJ,c5DszMF,C4DnzME,qFAEE,aAAA,CACA,c5DqzMJ,CACF,CKptMQ,+CuDhDA,2BAxDJ,c5Dg0MF,C4D7zME,mFAEE,aAAA,CACA,c5D+zMJ,CACF,C4DnwMI,eAEE,yB5DswMN,C4DnwMI,4CAJE,a5D4wMN,C6Dr5ME,YACE,oB7Dw5MJ,C6Dr5ME,aACE,qB7Dw5MJ,C6Dr5ME,cACE,aAAA,CAEA,gBAAA,CADA,iB7Dy5MJ,CUjwME,iCAGE,WAAA,CADA,aAAA,CAIE,YAAA,CACA,OViwMN,CU7vME,gBACE,UV+vMJ,C8D52MI,YCnBF,0B/Dm4MF,C8Dh3MI,aCnBF,wB/Du4MF,C8Dp3MI,cCnBF,sB/D24MF,C8Dx3MI,eCnBF,6B/D+4MF,C8D53MI,cCnBF,4B/Dm5MF,C8Dv3MQ,+BC5BN,0B/Du5MF,C8D33MQ,gCC5BN,wB/D25MF,C8D/3MQ,iCC5BN,sB/D+5MF,C8D13MI,WCpCF,sB/Dk6MF,C8D13MI,gBCxBF,qB/Ds5MF,C8Dl4MI,cCpCF,oB/D06MF,C8Dl4MI,mBCxBF,mB/D85MF,C8D14MI,cCpCF,kB/Dk7MF,C8D14MI,mBCxBF,iB/Ds6MF,C8Dl5MI,eCpCF,mB/D07MF,C8Dl5MI,oBCxBF,kB/D86MF,C8Dh5ME,qBAEE,oBAAA,CChDF,kBARQ,CAOR,sB/Dq8MF,C8D94MM,eChCJ,O/Dk7MF,C8Dl5MM,eChCJ,O/Ds7MF,C8Dt5MM,eChCJ,O/D07MF,C8D15MM,eChCJ,O/D87MF,C8D95MM,eChCJ,O/Dk8MF,C8Dl6MM,eChCJ,O/Ds8MF,CK91MQ,yCyDxEF,gBChCJ,O/D28MA,C8D36MI,gBChCJ,O/D+8MA,C8D/6MI,gBChCJ,O/Dm9MA,C8Dn7MI,gBChCJ,O/Du9MA,C8Dv7MI,gBChCJ,O/D29MA,C8D37MI,gBChCJ,O/D+9MA,CACF,CKx3MQ,yCyDxEF,eChCJ,O/Do+MA,C8Dp8MI,eChCJ,O/Dw+MA,C8Dx8MI,eChCJ,O/D4+MA,C8D58MI,eChCJ,O/Dg/MA,C8Dh9MI,eChCJ,O/Do/MA,C8Dp9MI,eChCJ,O/Dw/MA,CACF,C8DtjNE,gBCYA,Y/D6iNF,C8DrjNE,iBACE,a9DwjNJ,C8DrjNE,iBACE,a9DwjNJ,C8DrjNE,mBACE,a9DwjNJ,C8DpjNI,cCsDF,kB/DkgNF,C8DxjNI,sBCsDF,0B/DsgNF,C8D5jNI,iBCsDF,qB/D0gNF,C8DhkNI,yBCsDF,6B/D8gNF,CKh7MQ,yCyD1IE,uBCfR,Y/D8kNA,C8D3jNQ,wBACE,a9D8jNV,C8D3jNQ,wBACE,a9D8jNV,C8D3jNQ,0BACE,a9D8jNV,C8D1jNU,qBC2BV,kB/DmiNA,C8D9jNU,6BC2BV,0B/DuiNA,C8DlkNU,wBC2BV,qB/D2iNA,C8DtkNU,gCC2BV,6B/D+iNA,CACF,CKl9MQ,yCyD1IE,sBCfR,Y/D+mNA,C8D5lNQ,uBACE,a9D+lNV,C8D5lNQ,uBACE,a9D+lNV,C8D5lNQ,yBACE,a9D+lNV,C8D3lNU,oBC2BV,kB/DokNA,C8D/lNU,4BC2BV,0B/DwkNA,C8DnmNU,uBC2BV,qB/D4kNA,C8DvmNU,+BC2BV,6B/DglNA,CACF,CgEzmNE,MACE,sBhE2mNJ,CgExmNE,WACE,iBhE2mNJ,CgEzmNE,SACE,kBhE4mNJ,CK9/MQ,+C2D/FJ,qBA7BA,sBhE+nNF,CACF,CgEnpNI,8DAoDA,qBAnDE,sBhEupNJ,CACF,CK1gNQ,yC2DxGF,iBA5BF,sBhEmpNF,CACF,CK3gNQ,yC2DzGF,iBApEF,sBhE6rNF,CACF,CKthNQ,oE2D/FJ,sBA7BA,sBhEupNF,CACF,CgE3qNI,qEAoDA,sBAnDE,sBhE+qNJ,CACF,CKliNQ,yC2DxGF,gBA5BF,sBhE2qNF,CACF,CKniNQ,yC2DzGF,gBApEF,sBhEqtNF,CACF,CK9iNQ,oE2D/FJ,qBA7BA,sBhE+qNF,CACF,CgEnsNI,qEAoDA,qBAnDE,sBhEusNJ,CACF,CgE9oNE,4BtD6HA,4BAAA,CAEA,kBAAA,CALA,oBAAA,CAEA,yBAAA,CADA,mBAAA,CAHA,2BAAA,CAMA,4BAAA,CALA,mBViiNF,CgEnpNI,2CtDsIF,mBAAA,CAFA,qBAAA,CACA,0BAAA,CAHA,yBAAA,CAKA,4BAAA,CAJA,oBVyhNF,CgErpNE,uCAEE,uBhEwpNJ,CK/kNQ,0C2D3EN,uCAKI,uBhE0pNJ,CACF,CKrlNQ,yC2D3EN,uCASI,sBhE4pNJ,CACF,CgEzpNE,uCAEE,sBhE4pNJ,CKhmNQ,0C2D9DN,uCAKI,sBhE8pNJ,CACF,CKtmNQ,yC2D9DN,uCASI,uBhEgqNJ,CACF,CiEvyNA,KACI,mCCyGQ,CDxGR,cCgHK,CDhHL,cjEoiOJ,CiEliOA,kBAMI,sCC6FW,CD5FX,+BjEqiOJ,CiEliOA,GACI,4BjEqiOJ,CiEhiOA,EACI,gBjEmiOJ,CiEhiOA,MAEI,ejEmiOJ,CiEzhOA,kBAII,mCjE4hOJ,CmElkOA,KACC,8BnEqkOD,CmEnkOA,MAEC,4BnEwkOD,CmEpkOA,mDAFC,kBAAA,CADA,iCDiGS,CCnGT,cD4GQ,CC5GR,cnEqlOD,CmE1kOA,kPAIC,8BAAA,CAEA,iBDuEe,CCxEf,iBAAA,CAHA,eD6Ge,CC5Gf,gBAAA,CAFA,oBnEkmOD,CmEzlOC,wCACC,+PAAA,CACA,yEnE8lOF,CmE1lOA,kMACC,UnE0mOD,CmElmOA,6CAMC,qBnEqmOD,CmE5lOA,aAIC,8BAAA,CAFA,WAAA,CAAA,aAAA,CACA,SAAA,CAFA,UAAA,CAAA,YnEkmOD,CmE7lOA,6BAEC,kBnEgmOD,CmE5kOA,gDAMC,iBDGe,CCJf,UnE+kOD,CmE3kOA,SAGC,6BAAA,CADA,cAAA,CADA,kBnEglOD,CoElqOA,MACC,iCF2FS,CE1FT,cFmGQ,CEnGR,cpE6wOD,CoE5wOC,cACC,apE8wOF,CoE3wOA,MAEC,oBAAA,CACA,gBpE8wOD,CoE5wOA,MACC,4BF8FW,CE7FX,sBpE+wOD,CoE7wOA,MACC,epEgxOD,CoE9wOA,cAEC,kBFiFS,CEjFT,wBFiFS,CEhFT,sBpEixOD,CqEpwOA,cAMC,2CAAA,CACA,wCAAA,CACA,mCAAA,CAJA,4QAAA,CACA,yBAAA,CAFA,UAAA,CADA,eAAA,CADA,UrEszOD,CqEpxOA,oBACC,GACC,yBrE6yOA,CqE3yOD,IACC,4BrE6yOA,CqE3yOD,GACC,yBrE6yOA,CACF,CsEn4OI,wTACI,etEy4OR,CsE/1OI,+BAEI,etEs4OR,CsEr4OQ,6JAII,etEo4OZ,CsEh4OI,+BAEI,etEk4OR,CsEj4OQ,6JAII,etEg4OZ,CsE53OI,oCAEI,etE83OR,CsE73OQ,wIAGI,etE63OZ,CsEz3OI,2CAEI,etE23OR,CsE13OQ,6JAGI,etE03OZ,CsEt3OI,8CAEI,etEw3OR,CsEv3OQ,sKAGI,etEu3OZ,CsEl3OI,iCAEI,etEo3OR,CsEn3OQ,+HAGI,etEm3OZ,CsE/2OI,iCAEI,etEi3OR,CsEh3OQ,+HAGI,etEg3OZ,CsE52OI,iCAEI,etE82OR,CsE72OQ,+HAGI,etE62OZ,CsEz2OI,0BAEI,UtE22OR,CsE12OQ,0GAGI,etE02OZ,CuE79OA,aACI,6IvE4jPJ,CuEvjPI,6MAA+B,sIvEskPnC,CwE/lPC,qBACC,6CxE89QF,CwE59QC,kBACC,UxE89QF,CwE39QC,yBACC,axE69QF,CyEz+QA,iBAEC,iBzEuyRD,C0EvtRA,OACC,gB1E2yRD,C0E1yRC,2BAEC,qB1E4yRF,C0E1yRE,kEAEC,qJ1E8yRH,C0E3yRC,2BAEC,oI1E6yRF,C0E3yRE,kEAEC,wIAAA,CACA,iB1E+yRH,C0E5vRE,yFAEC,0H1E0yRH,C0EryRE,yFAEC,8I1EuyRH,C0EpyRG,2HAEC,4H1EsyRJ,C0EtvRA,gBAEC,WAAA,CADA,U1EoyRD,C0ElyRC,sBAGC,gBAAA,CADA,iBAAA,CADA,e1EsyRF,C0ElyRC,uCACC,sB1EoyRF,C0ElyRC,+BACC,wI1EoyRF,C0ElyRC,sBACC,sB1EoyRF,C2E3+RA,QACC,kB3EkrSD,C2E9qSC,6BAFC,4B3EurSF,C2ErrSC,cAEC,wB3EmrSF,C2EjrSC,eAEC,+C3EkrSF,C2EhrSE,qBACC,6C3EkrSH,C4E7tSA,cAEI,4BAAA,CAEA,MAAA,CACA,OAAA,CAJA,gBAAA,CAEA,U5EkuSJ,C4E/tSC,mBACC,kBAAA,CACA,cAAA,CACA,kB5EiuSF,C4E/tSC,oBACC,Y5EiuSF,C6E3oSA,mFAIC,Y7E8uSD,C6E5uSA,8GAIC,a7E+uSD,C6E7uSA,uBACC,kIAAA,CACA,wH7EgvSD,C6E9uSA,yBACC,4IAAA,CACA,kI7EivSD,C6E/uSA,sBACC,6HAAA,CACA,mH7EkvSD,C6EhvSA,yBACC,4IAAA,CACA,kI7EmvSD,C6EhvSA,2BACC,mB7EmvSD,C6EhvSA,QACC,e7EmvSD,C6EjvSA,cACC,iB7EovSD,C6EjvSA,UACC,YAAA,CACA,qB7EovSD,C6E5uSA,4CACC,a7EuvSD,C6ErvSA,oBAEC,sBAAA,CADA,uBXpDgB,CWsDhB,c7EwvSD,C6EtvSA,aACC,a7EyvSD,C8Eh4SA,sCAEC,8H9EmkTD,C8EjkTA,4B5EcC,+CFujTD,C8EriTA,sBACC,yBAAA,CACA,e9EmkTD,C8ElkTC,kCACC,mB9EokTF,C8ElkTC,+BACC,e3EnDM,C2EoDN,oB9EokTF,C8ElkTC,sFACC,U9EokTF,C8EnkTE,4FACC,a9EqkTH","file":"../mobile_zurb.min.css","sourcesContent":["// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group typography-helpers\n////\n\n/// Default font size for lead paragraphs.\n/// @type Number\n$lead-font-size: $global-font-size * 1.25 !default;\n\n/// Default line height for lead paragraphs.\n/// @type String\n$lead-lineheight: 1.6 !default;\n\n/// Default line height for subheaders.\n/// @type Number\n$subheader-lineheight: 1.4 !default;\n\n/// Default font color for subheaders.\n/// @type Color\n$subheader-color: $dark-gray !default;\n\n/// Default font weight for subheaders.\n/// @type String\n$subheader-font-weight: $global-weight-normal !default;\n\n/// Default top margin for subheaders.\n/// @type Number\n$subheader-margin-top: 0.2rem !default;\n\n/// Default bottom margin for subheaders.\n/// @type Number\n$subheader-margin-bottom: 0.5rem !default;\n\n/// Default font size for statistic numbers.\n/// @type Number\n$stat-font-size: 2.5rem !default;\n\n/// Text color for `.cite-block` component.\n/// @type Color\n$cite-color: $dark-gray !default;\n\n/// Font size for `.cite-block` component.\n/// @type Number\n$cite-font-size: rem-calc(13) !default;\n\n/// Pseudo content for `.cite-block` component.\n/// @type String\n$cite-pseudo-content: '\\2014 \\0020' !default;\n\n/// Text color of `.code-inline` and `.code-block` components.\n/// @type Color\n$code-color: $black !default;\n\n/// Font family of `.code-inline` and `.code-block` components.\n/// @type String | List\n$code-font-family: $font-family-monospace !default;\n\n/// Font weight of text in `.code-inline` and `.code-block` components.\n/// @type String\n$code-font-weight: $global-weight-normal !default;\n\n/// Background color of `.code-inline` and `.code-block` components.\n/// @type Color\n$code-background: $light-gray !default;\n\n/// Border around `.code-inline` and `.code-block` components.\n/// @type List\n$code-border: 1px solid $medium-gray !default;\n\n/// Padding around text of the `.code-inline` component.\n/// @type Number | List\n$code-padding: rem-calc(2 5 1) !default;\n\n/// Padding around text of the `.code-block` component.\n/// @type Number | List\n$code-block-padding: 1rem !default;\n\n/// Margin under the `.code-block` component.\n/// @type Number\n$code-block-margin-bottom: 1.5rem !default;\n\n@mixin cite-block {\n  display: block;\n  color: $cite-color;\n  font-size: $cite-font-size;\n\n  &:before {\n    content: $cite-pseudo-content;\n  }\n}\n\n/// Add basic styles for a code helper.\n/// See `code-inline` and `code-block` mixins.\n@mixin code-style {\n  border: $code-border;\n  background-color: $code-background;\n\n  font-family: $code-font-family;\n  font-weight: $code-font-weight;\n  color: $code-color;\n}\n\n/// Make code helper from the `code-style` mixin inline.\n/// Used to generate `.code-inline`\n@mixin code-inline {\n  display: inline;\n  max-width: 100%;\n  word-wrap: break-word;\n\n  padding: $code-padding;\n}\n\n/// Make code helper from the `code-style` mixin a block.\n/// Used to generate `.code-block`\n@mixin code-block {\n  display: block;\n  overflow: auto;\n  white-space: pre;\n\n  padding: $code-block-padding;\n  margin-bottom: $code-block-margin-bottom;\n}\n\n@mixin foundation-typography-helpers {\n  // Use to create a subheading under a main header\n  // Make sure you pair the two elements in a <header> element, like this:\n  // <header>\n  //   <h1>Heading</h1>\n  //   <h2>Subheading</h2>\n  // </header>\n  .subheader {\n    margin-top: $subheader-margin-top;\n    margin-bottom: $subheader-margin-bottom;\n\n    font-weight: $subheader-font-weight;\n    line-height: $subheader-lineheight;\n    color: $subheader-color;\n  }\n\n  // Use to style an introductory lead, deck, blurb, etc.\n  .lead {\n    font-size: $lead-font-size;\n    line-height: $lead-lineheight;\n  }\n\n  // Use to style a large number to display a statistic\n  .stat {\n    font-size: $stat-font-size;\n    line-height: 1;\n\n    p + & {\n      margin-top: -1rem;\n    }\n  }\n\n  ul, ol {\n    // Use to remove numbers from ordered list & bullets from unordered list\n    &.no-bullet {\n      margin-#{$global-left}: 0;\n      list-style: none;\n    }\n  }\n\n  .cite-block {\n    @include cite-block;\n  }\n\n  .code-inline {\n    @include code-style;\n    @include code-inline;\n  }\n\n  .code-block {\n    @include code-style;\n    @include code-block;\n  }\n}\n","@charset \"UTF-8\";\n/**\n * arches - Global style system focused on utility classes\n * @version v4.1.4x\n * @link https://github.com/ACC-Style/Arches/\n */\n/**  Build Comment: including file /setup/__preheader.scss  **/\n/** SCSS DOC: _preheader.scss **/\n/** SCSS DOC: _helpers.scss **/\n/** SCSS DOC: _utility-css.vars.scss **/\n/**  Build Comment: This Style Sheet was formatted to work best with the inclusion of Zurb Foundation ^6.6.1   **/\n/**  Build Comment: Set Active Class  **/\n/** SCSS DOC: __brand.base.scss **/\n/**  Colors  **/\n/** SCSS DOC: _colors.scss **/\n/** Setting link color variables in scss **/\n/*\n\nLink Colors: Light\n\nLink colors of a lighter shade in all of its states, default, hover, visited. Typically used to enhance visibility on dark backgrounds.\n\n$link-color-dark\t\t\t- #126657; Link Color dark\t\t\t\n$link-color-dark--hover\t- #051f1a; Link Color dark--hover\t\n$link-color-dark--visited\t- #42665f; Link Color dark--visited\t\n\nWeight:2\n\nStyleguide DesignBase.Colors.LinksLight\n */\n/*\n\nLink Colors\n\nLink colors  in all of its states, default, hover, visited.\n\n\n$link-color-light\t\t\t- #8cebda; Link Color light\t\t\t\n$link-color-light--hover\t- #e8fbf8; Link Color light--hover\t\n$link-color-light--visited\t- #84afa7; Link Color light--visited\t\n$link-color-dark\t\t\t- #126657; Link Color dark\t\t\t\n$link-color-dark--hover\t- #051f1a; Link Color dark--hover\t\n$link-color-dark--visited\t- #42665f; Link Color dark--visited\t\n\nWeight:1\n\nStyleguide DesignBase.Colors.Links\n */\n/**  Fonts  **/\n/* Define the \"system\" font family */\n@font-face {\n  font-family: system;\n  font-style: normal;\n  font-weight: 300;\n  src: local(\".SFNSText-Light\"), local(\".HelveticaNeueDeskInterface-Light\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Light\"), local(\"Segoe UI Light\"), local(\"Roboto-Light\"), local(\"DroidSans\"), local(\"Tahoma\");\n}\nhtml {\n  -webkit-font-smoothing: antialiased;\n  -webkit-line-break: after-white-space;\n  -webkit-locale: \"en\";\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  line-break: white-space;\n}\n\n/**  Textures  **/\n.pagination .disabled:hover {\n  background-attachment: local;\n  background-repeat: repeat;\n  background-position: top right;\n  background-origin: border-box;\n}\n\n/**  logos  **/\n/** SCSS DOC: __brand.mobile.scss **/\n/** SCSS DOC: __brand.acc.scss **/\n/**  ACC Brands    *********************************/\n:root {\n  --code-color: hsla(var(--accent-h), calc( var(--accent-s) + ((100% - var(--accent-s)) * 0.05) ), calc( var( --accent-l ) - ( var( --accent-l ) * 0.5 ) ), 1);\n}\n\n/**  Build Comment: Overlay and alter for mobile Branding 4.1.4x  **/\n/** SCSS DOC:_brand.compile.scss **/\n/** SCSS DOC: _root.cssvars.scss **/\n:root {\n  --primary-h: 193.288590604deg;\n  --primary-s: 74.8743718593%;\n  --primary-l: 39.0196078431%;\n  --primary: hsl( var(--primary-h),var(--primary-s),var(--primary-l) );\n  --secondary-h: 223.6363636364deg;\n  --secondary-s: 5.069124424%;\n  --secondary-l: 42.5490196078%;\n  --secondary: hsl( var(--secondary-h),var(--secondary-s),var(--secondary-l) );\n  --success-h: 137.8625954198deg;\n  --success-s: 90.3448275862%;\n  --success-l: 28.431372549%;\n  --success: hsl( var(--success-h),var(--success-s),var(--success-l) );\n  --shade-h: 0deg;\n  --shade-s: 0.826446281%;\n  --shade-l: 52.5490196078%;\n  --shade: hsl( var(--shade-h),var(--shade-s),var(--shade-l) );\n  --warning-h: 33.8613861386deg;\n  --warning-s: 86.3247863248%;\n  --warning-l: 45.8823529412%;\n  --warning: hsl( var(--warning-h),var(--warning-s),var(--warning-l) );\n  --alert-h: 0deg;\n  --alert-s: 78.9473684211%;\n  --alert-l: 48.431372549%;\n  --alert: hsl( var(--alert-h),var(--alert-s),var(--alert-l) );\n  --navigation-h: 221.8791946309deg;\n  --navigation-s: 63.4042553191%;\n  --navigation-l: 46.0784313725%;\n  --navigation: hsl( var(--navigation-h),var(--navigation-s),var(--navigation-l) );\n  --accent-h: 167.2340425532deg;\n  --accent-s: 76.2162162162%;\n  --accent-l: 36.2745098039%;\n  --accent: hsl( var(--accent-h),var(--accent-s),var(--accent-l) );\n  --info-h: 31.3043478261deg;\n  --info-s: 11.1111111111%;\n  --info-l: 59.4117647059%;\n  --info: hsl( var(--info-h),var(--info-s),var(--info-l) );\n  --highlight-h: 265.8536585366deg;\n  --highlight-s: 48.2352941176%;\n  --highlight-l: 50%;\n  --highlight: hsl( var(--highlight-h),var(--highlight-s),var(--highlight-l) );\n  --acc-h: 206.9491525424deg;\n  --acc-s: 100%;\n  --acc-l: 23.137254902%;\n  --acc: hsl( var(--acc-h),var(--acc-s),var(--acc-l) );\n  --link-color-light-h:169.2857142857deg;\n  --link-color-light-s:70%;\n  --link-color-light-l:73.5294117647%;\n  --link-color-light: hsl( var(--link-color-light-h),var(--link-color-light-s),var(--link-color-light-l) );\n  --link-color-light--hover-h:169.2857142857deg;\n  --link-color-light--hover-s:70%;\n  --link-color-light--hover-l:94.7058823529%;\n  --link-color-light--hover: hsl( var(--link-color-light--hover-h),var(--link-color-light--hover-s),var(--link-color-light--hover-l) );\n  --link-color-light--visited-h:169.2857142857deg;\n  --link-color-light--visited-s:21%;\n  --link-color-light--visited-l:60.2941176471%;\n  --link-color-light--visited: hsl( var(--link-color-light--visited-h),var(--link-color-light--visited-s),var(--link-color-light--visited-l) );\n  --link-color-dark-h:169.2857142857deg;\n  --link-color-dark-s:70%;\n  --link-color-dark-l:23.5294117647%;\n  --link-color-dark: hsl( var(--link-color-dark-h),var(--link-color-dark-s),var(--link-color-dark-l) );\n  --link-color-dark--hover-h:169.2857142857deg;\n  --link-color-dark--hover-s:70%;\n  --link-color-dark--hover-l:7.0588235294%;\n  --link-color-dark--hover: hsl( var(--link-color-dark--hover-h),var(--link-color-dark--hover-s),var(--link-color-dark--hover-l) );\n  --link-color-dark--visited-h:169.2857142857deg;\n  --link-color-dark--visited-s:21%;\n  --link-color-dark--visited-l:32.9411764706%;\n  --link-color-dark--visited: hsl( var(--link-color-dark--visited-h),var(--link-color-dark--visited-s),var(--link-color-dark--visited-l) );\n}\n\n/**  Build Comment: Render Root Variables  **/\n/** SCSS DOC: __var.output.scss **/\n/** This needs to run later then brand **/\n/**  Zurb Foundation Framework Setup Files. ***************************************/\n/** SCSS DOC: _setup.zurb.scss **/\n/**\n* Foundation for Sites Settings\n */\n/**\n* Foundation for Sites Settings END\n */\n/**\n * Foundation for Sites\n * Version 6.7.0\n * https://get.foundation\n * Licensed under MIT Open Source\n */\n@media print, screen and (min-width: 40em) {\n  .reveal.large, .reveal.small, .reveal.tiny, .reveal {\n    right: auto;\n    left: auto;\n    margin: 0 auto;\n  }\n}\n/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\nhtml {\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n}\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\npre {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\nimg {\n  border-style: none;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  box-sizing: border-box;\n  color: inherit;\n  display: table;\n  max-width: 100%;\n  padding: 0;\n  white-space: normal;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\ndetails {\n  display: block;\n}\n\nsummary {\n  display: list-item;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none;\n}\n\n.foundation-mq {\n  font-family: \"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em\";\n}\n\nhtml {\n  box-sizing: border-box;\n  font-size: 100%;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  background: white;\n  font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n  font-weight: normal;\n  line-height: 1.5;\n  color: #131212;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nimg {\n  display: inline-block;\n  vertical-align: middle;\n  max-width: 100%;\n  height: auto;\n  -ms-interpolation-mode: bicubic;\n}\n\ntextarea {\n  height: auto;\n  min-height: 50px;\n  border-radius: 0px;\n}\n\nselect {\n  box-sizing: border-box;\n  width: 100%;\n  border-radius: 0px;\n}\n\n.map_canvas img,\n.map_canvas embed,\n.map_canvas object,\n.mqa-display img,\n.mqa-display embed,\n.mqa-display object {\n  max-width: none !important;\n}\n\nbutton {\n  padding: 0;\n  appearance: none;\n  border: 0;\n  border-radius: 0px;\n  background: transparent;\n  line-height: 1;\n  cursor: auto;\n}\n[data-whatinput=mouse] button {\n  outline: 0;\n}\n\npre {\n  overflow: auto;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n}\n\n.is-visible {\n  display: block !important;\n}\n\n.is-hidden {\n  display: none !important;\n}\n\n[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],\ntextarea {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  height: 2.4375rem;\n  margin: 0 0 1rem;\n  padding: 0.5rem;\n  border: 1px solid #cacaca;\n  border-radius: 0px;\n  background-color: white;\n  box-shadow: inset 0 1px 2px rgba(19, 18, 18, 0.1);\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: normal;\n  line-height: 1.5;\n  color: #131212;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n  appearance: none;\n}\n[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,\ntextarea:focus {\n  outline: none;\n  border: 1px solid #8a8a8a;\n  background-color: white;\n  box-shadow: 0 0 5px #cacaca;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n}\n\ntextarea {\n  max-width: 100%;\n}\ntextarea[rows] {\n  height: auto;\n}\n\ninput:disabled, input[readonly],\ntextarea:disabled,\ntextarea[readonly] {\n  background-color: #e6e6e6;\n  cursor: not-allowed;\n}\n\n[type=submit],\n[type=button] {\n  appearance: none;\n  border-radius: 0px;\n}\n\ninput[type=search] {\n  box-sizing: border-box;\n}\n\n::placeholder {\n  color: #cacaca;\n}\n\n[type=file],\n[type=checkbox],\n[type=radio] {\n  margin: 0 0 1rem;\n}\n\n[type=checkbox] + label,\n[type=radio] + label {\n  display: inline-block;\n  vertical-align: baseline;\n  margin-left: 0.5rem;\n  margin-right: 1rem;\n  margin-bottom: 0;\n}\n[type=checkbox] + label[for],\n[type=radio] + label[for] {\n  cursor: pointer;\n}\n\nlabel > [type=checkbox],\nlabel > [type=radio] {\n  margin-right: 0.5rem;\n}\n\n[type=file] {\n  width: 100%;\n}\n\nlabel {\n  display: block;\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: 1.8;\n  color: #131212;\n}\nlabel.middle {\n  margin: 0 0 1rem;\n  line-height: 1.5;\n  padding: 0.5625rem 0;\n}\n\n.help-text {\n  margin-top: -0.5rem;\n  font-size: 0.8125rem;\n  font-style: italic;\n  color: #131212;\n}\n\n.input-group {\n  display: flex;\n  width: 100%;\n  margin-bottom: 1rem;\n  align-items: stretch;\n}\n.input-group > :first-child, .input-group > :first-child.input-group-button > * {\n  border-radius: 0px 0 0 0px;\n}\n.input-group > :last-child, .input-group > :last-child.input-group-button > * {\n  border-radius: 0 0px 0px 0;\n}\n\n.input-group-button a,\n.input-group-button input,\n.input-group-button button,\n.input-group-button label, .input-group-button, .input-group-field, .input-group-label {\n  margin: 0;\n  white-space: nowrap;\n}\n\n.input-group-label {\n  padding: 0 1rem;\n  border: 1px solid #cacaca;\n  background: #e6e6e6;\n  color: #131212;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n}\n.input-group-label:first-child {\n  border-right: 0;\n}\n.input-group-label:last-child {\n  border-left: 0;\n}\n\n.input-group-field {\n  border-radius: 0;\n  flex: 1 1 0px;\n  min-width: 0;\n}\n\n.input-group-button {\n  padding-top: 0;\n  padding-bottom: 0;\n  text-align: center;\n  display: flex;\n  flex: 0 0 auto;\n}\n.input-group-button a,\n.input-group-button input,\n.input-group-button button,\n.input-group-button label {\n  align-self: stretch;\n  height: auto;\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 1rem;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nlegend {\n  max-width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n.fieldset {\n  margin: 1.125rem 0;\n  padding: 1.25rem;\n  border: 1px solid #cacaca;\n}\n.fieldset legend {\n  margin: 0;\n  margin-left: -0.1875rem;\n  padding: 0 0.1875rem;\n}\n\nselect {\n  height: 2.4375rem;\n  margin: 0 0 1rem;\n  padding: 0.5rem;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 0px;\n  background-color: white;\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: normal;\n  line-height: 1.5;\n  color: #131212;\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>\");\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n}\n@media screen and (min-width: 0\\0 ) {\n  select {\n    background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==\");\n  }\n}\nselect:focus {\n  outline: none;\n  border: 1px solid #8a8a8a;\n  background-color: white;\n  box-shadow: 0 0 5px #cacaca;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n}\nselect:disabled {\n  background-color: #e6e6e6;\n  cursor: not-allowed;\n}\nselect::-ms-expand {\n  display: none;\n}\nselect[multiple] {\n  height: auto;\n  background-image: none;\n}\nselect:not([multiple]) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.is-invalid-input:not(:focus) {\n  border-color: #dd1a1a;\n  background-color: #fce8e8;\n}\n.is-invalid-input:not(:focus)::placeholder {\n  color: #dd1a1a;\n}\n\n.is-invalid-label {\n  color: #dd1a1a;\n}\n\n.form-error {\n  display: none;\n  margin-top: -0.5rem;\n  margin-bottom: 1rem;\n  font-size: 0.75rem;\n  font-weight: bold;\n  color: #dd1a1a;\n}\n.form-error.is-visible {\n  display: block;\n}\n\ndiv,\ndl,\ndt,\ndd,\nul,\nol,\nli,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\npre,\nform,\np,\nblockquote,\nth,\ntd {\n  margin: 0;\n  padding: 0;\n}\n\np {\n  margin-bottom: 1rem;\n  font-size: inherit;\n  line-height: 1.6;\n  text-rendering: optimizeLegibility;\n}\n\nem,\ni {\n  font-style: italic;\n  line-height: inherit;\n}\n\nstrong,\nb {\n  font-weight: bold;\n  line-height: inherit;\n}\n\nsmall {\n  font-size: 80%;\n  line-height: inherit;\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3,\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n  font-family: \"Maven Pro\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  color: inherit;\n  text-rendering: optimizeLegibility;\n}\nh1 small, .h1 small,\nh2 small, .h2 small,\nh3 small, .h3 small,\nh4 small, .h4 small,\nh5 small, .h5 small,\nh6 small, .h6 small {\n  line-height: 0;\n  color: #cacaca;\n}\n\nh1, .h1 {\n  font-size: 1.8020324707rem;\n  line-height: 1.4;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\nh2, .h2 {\n  font-size: 1.6018066406rem;\n  line-height: 1.4;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\nh3, .h3 {\n  font-size: 1.423828125rem;\n  line-height: 1.4;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\nh4, .h4 {\n  font-size: 1.265625rem;\n  line-height: 1.4;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\nh5, .h5 {\n  font-size: 1.125rem;\n  line-height: 1.4;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\nh6, .h6 {\n  font-size: 1rem;\n  line-height: 1.4;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\n@media print, screen and (min-width: 40em) {\n  h1, .h1 {\n    font-size: 2.0272865295rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.8020324707rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.6018066406rem;\n  }\n\n  h4, .h4 {\n    font-size: 1.423828125rem;\n  }\n\n  h5, .h5 {\n    font-size: 1.265625rem;\n  }\n\n  h6, .h6 {\n    font-size: 1.125rem;\n  }\n}\na {\n  line-height: inherit;\n  color: #198dae;\n  text-decoration: none;\n  cursor: pointer;\n}\na:hover, a:focus {\n  color: #167996;\n}\na img {\n  border: 0;\n}\n\nhr {\n  clear: both;\n  max-width: 87.5rem;\n  height: 0;\n  margin: 1.25rem auto;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 1px solid #cacaca;\n  border-left: 0;\n}\n\nul,\nol,\ndl {\n  margin-bottom: 1rem;\n  list-style-position: outside;\n  line-height: 1.6;\n}\n\nli {\n  font-size: inherit;\n}\n\nul {\n  margin-left: 1.25rem;\n  list-style-type: disc;\n}\n\nol {\n  margin-left: 1.25rem;\n}\n\nul ul, ul ol, ol ul, ol ol {\n  margin-left: 1.25rem;\n  margin-bottom: 0;\n}\n\ndl {\n  margin-bottom: 1rem;\n}\ndl dt {\n  margin-bottom: 0.3rem;\n  font-weight: bold;\n}\n\nblockquote {\n  margin: 0 0 1rem;\n  padding: 0.5625rem 1.25rem 0 1.1875rem;\n  border-left: 1px solid #cacaca;\n}\nblockquote, blockquote p {\n  line-height: 1.6;\n  color: #8a8a8a;\n}\n\nabbr, abbr[title] {\n  border-bottom: 1px dotted #131212;\n  cursor: help;\n  text-decoration: none;\n}\n\nfigure {\n  margin: 0;\n}\n\nkbd {\n  margin: 0;\n  padding: 0.125rem 0.25rem 0;\n  background-color: #e6e6e6;\n  font-family: Consolas, \"Liberation Mono\", Courier, monospace;\n  color: #131212;\n}\n\n.subheader {\n  margin-top: 0.2rem;\n  margin-bottom: 0.5rem;\n  font-weight: normal;\n  line-height: 1.4;\n  color: #8a8a8a;\n}\n\n.lead {\n  font-size: 125%;\n  line-height: 1.6;\n}\n\n.stat {\n  font-size: 2.5rem;\n  line-height: 1;\n}\np + .stat {\n  margin-top: -1rem;\n}\n\nul.no-bullet, ol.no-bullet {\n  margin-left: 0;\n  list-style: none;\n}\n\n.cite-block, cite {\n  display: block;\n  color: #8a8a8a;\n  font-size: 0.8125rem;\n}\n.cite-block:before, cite:before {\n  content: \"— \";\n}\n\n.code-inline, code {\n  border: 1px solid #cacaca;\n  background-color: #e6e6e6;\n  font-family: Consolas, \"Liberation Mono\", Courier, monospace;\n  font-weight: normal;\n  color: #131212;\n  display: inline;\n  max-width: 100%;\n  word-wrap: break-word;\n  padding: 0.125rem 0.3125rem 0.0625rem;\n}\n\n.code-block {\n  border: 1px solid #cacaca;\n  background-color: #e6e6e6;\n  font-family: Consolas, \"Liberation Mono\", Courier, monospace;\n  font-weight: normal;\n  color: #131212;\n  display: block;\n  overflow: auto;\n  white-space: pre;\n  padding: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-justify {\n  text-align: justify;\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-text-left {\n    text-align: left;\n  }\n\n  .medium-text-right {\n    text-align: right;\n  }\n\n  .medium-text-center {\n    text-align: center;\n  }\n\n  .medium-text-justify {\n    text-align: justify;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-text-left {\n    text-align: left;\n  }\n\n  .large-text-right {\n    text-align: right;\n  }\n\n  .large-text-center {\n    text-align: center;\n  }\n\n  .large-text-justify {\n    text-align: justify;\n  }\n}\n.show-for-print {\n  display: none !important;\n}\n\n@media print {\n  * {\n    background: transparent !important;\n    color: black !important;\n    color-adjust: economy;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  .show-for-print {\n    display: block !important;\n  }\n\n  .hide-for-print {\n    display: none !important;\n  }\n\n  table.show-for-print {\n    display: table !important;\n  }\n\n  thead.show-for-print {\n    display: table-header-group !important;\n  }\n\n  tbody.show-for-print {\n    display: table-row-group !important;\n  }\n\n  tr.show-for-print {\n    display: table-row !important;\n  }\n\n  td.show-for-print {\n    display: table-cell !important;\n  }\n\n  th.show-for-print {\n    display: table-cell !important;\n  }\n\n  a,\na:visited {\n    text-decoration: underline;\n  }\n\n  a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  .ir a:after,\na[href^=\"javascript:\"]:after,\na[href^=\"#\"]:after {\n    content: \"\";\n  }\n\n  abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  pre,\nblockquote {\n    border: 1px solid #8a8a8a;\n    page-break-inside: avoid;\n  }\n\n  thead {\n    display: table-header-group;\n  }\n\n  tr,\nimg {\n    page-break-inside: avoid;\n  }\n\n  img {\n    max-width: 100% !important;\n  }\n\n  @page {\n    margin: 0.5cm;\n  }\n  p,\nh2,\nh3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h2,\nh3 {\n    page-break-after: avoid;\n  }\n\n  .print-break-inside {\n    page-break-inside: auto;\n  }\n}\n.grid-container {\n  padding-right: 0.625rem;\n  padding-left: 0.625rem;\n  max-width: 87.5rem;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-container {\n    padding-right: 0.9375rem;\n    padding-left: 0.9375rem;\n  }\n}\n.grid-container.fluid {\n  padding-right: 0.625rem;\n  padding-left: 0.625rem;\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-container.fluid {\n    padding-right: 0.9375rem;\n    padding-left: 0.9375rem;\n  }\n}\n.grid-container.full {\n  padding-right: 0;\n  padding-left: 0;\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.grid-x {\n  display: flex;\n  flex-flow: row wrap;\n}\n\n.cell {\n  flex: 0 0 auto;\n  min-height: 0px;\n  min-width: 0px;\n  width: 100%;\n}\n.cell.auto {\n  flex: 1 1 0px;\n}\n.cell.shrink {\n  flex: 0 0 auto;\n}\n\n.grid-x > .auto {\n  width: auto;\n}\n.grid-x > .shrink {\n  width: auto;\n}\n\n.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {\n  flex-basis: auto;\n}\n\n@media print, screen and (min-width: 40em) {\n  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {\n    flex-basis: auto;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {\n    flex-basis: auto;\n  }\n}\n.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {\n  flex: 0 0 auto;\n}\n\n.grid-x > .small-1 {\n  width: 8.3333333333%;\n}\n\n.grid-x > .small-2 {\n  width: 16.6666666667%;\n}\n\n.grid-x > .small-3 {\n  width: 25%;\n}\n\n.grid-x > .small-4 {\n  width: 33.3333333333%;\n}\n\n.grid-x > .small-5 {\n  width: 41.6666666667%;\n}\n\n.grid-x > .small-6 {\n  width: 50%;\n}\n\n.grid-x > .small-7 {\n  width: 58.3333333333%;\n}\n\n.grid-x > .small-8 {\n  width: 66.6666666667%;\n}\n\n.grid-x > .small-9 {\n  width: 75%;\n}\n\n.grid-x > .small-10 {\n  width: 83.3333333333%;\n}\n\n.grid-x > .small-11 {\n  width: 91.6666666667%;\n}\n\n.grid-x > .small-12 {\n  width: 100%;\n}\n\n@media print, screen and (min-width: 40em) {\n  .grid-x > .medium-auto {\n    flex: 1 1 0px;\n    width: auto;\n  }\n\n  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {\n    flex: 0 0 auto;\n  }\n\n  .grid-x > .medium-shrink {\n    width: auto;\n  }\n\n  .grid-x > .medium-1 {\n    width: 8.3333333333%;\n  }\n\n  .grid-x > .medium-2 {\n    width: 16.6666666667%;\n  }\n\n  .grid-x > .medium-3 {\n    width: 25%;\n  }\n\n  .grid-x > .medium-4 {\n    width: 33.3333333333%;\n  }\n\n  .grid-x > .medium-5 {\n    width: 41.6666666667%;\n  }\n\n  .grid-x > .medium-6 {\n    width: 50%;\n  }\n\n  .grid-x > .medium-7 {\n    width: 58.3333333333%;\n  }\n\n  .grid-x > .medium-8 {\n    width: 66.6666666667%;\n  }\n\n  .grid-x > .medium-9 {\n    width: 75%;\n  }\n\n  .grid-x > .medium-10 {\n    width: 83.3333333333%;\n  }\n\n  .grid-x > .medium-11 {\n    width: 91.6666666667%;\n  }\n\n  .grid-x > .medium-12 {\n    width: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-x > .large-auto {\n    flex: 1 1 0px;\n    width: auto;\n  }\n\n  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {\n    flex: 0 0 auto;\n  }\n\n  .grid-x > .large-shrink {\n    width: auto;\n  }\n\n  .grid-x > .large-1 {\n    width: 8.3333333333%;\n  }\n\n  .grid-x > .large-2 {\n    width: 16.6666666667%;\n  }\n\n  .grid-x > .large-3 {\n    width: 25%;\n  }\n\n  .grid-x > .large-4 {\n    width: 33.3333333333%;\n  }\n\n  .grid-x > .large-5 {\n    width: 41.6666666667%;\n  }\n\n  .grid-x > .large-6 {\n    width: 50%;\n  }\n\n  .grid-x > .large-7 {\n    width: 58.3333333333%;\n  }\n\n  .grid-x > .large-8 {\n    width: 66.6666666667%;\n  }\n\n  .grid-x > .large-9 {\n    width: 75%;\n  }\n\n  .grid-x > .large-10 {\n    width: 83.3333333333%;\n  }\n\n  .grid-x > .large-11 {\n    width: 91.6666666667%;\n  }\n\n  .grid-x > .large-12 {\n    width: 100%;\n  }\n}\n.grid-margin-x:not(.grid-x) > .cell {\n  width: auto;\n}\n\n.grid-margin-y:not(.grid-y) > .cell {\n  height: auto;\n}\n\n.grid-margin-x {\n  margin-left: -0.625rem;\n  margin-right: -0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-x {\n    margin-left: -0.9375rem;\n    margin-right: -0.9375rem;\n  }\n}\n.grid-margin-x > .cell {\n  width: calc(100% - 1.25rem);\n  margin-left: 0.625rem;\n  margin-right: 0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-x > .cell {\n    width: calc(100% - 1.875rem);\n    margin-left: 0.9375rem;\n    margin-right: 0.9375rem;\n  }\n}\n.grid-margin-x > .auto {\n  width: auto;\n}\n.grid-margin-x > .shrink {\n  width: auto;\n}\n.grid-margin-x > .small-1 {\n  width: calc(8.3333333333% - 1.25rem);\n}\n.grid-margin-x > .small-2 {\n  width: calc(16.6666666667% - 1.25rem);\n}\n.grid-margin-x > .small-3 {\n  width: calc(25% - 1.25rem);\n}\n.grid-margin-x > .small-4 {\n  width: calc(33.3333333333% - 1.25rem);\n}\n.grid-margin-x > .small-5 {\n  width: calc(41.6666666667% - 1.25rem);\n}\n.grid-margin-x > .small-6 {\n  width: calc(50% - 1.25rem);\n}\n.grid-margin-x > .small-7 {\n  width: calc(58.3333333333% - 1.25rem);\n}\n.grid-margin-x > .small-8 {\n  width: calc(66.6666666667% - 1.25rem);\n}\n.grid-margin-x > .small-9 {\n  width: calc(75% - 1.25rem);\n}\n.grid-margin-x > .small-10 {\n  width: calc(83.3333333333% - 1.25rem);\n}\n.grid-margin-x > .small-11 {\n  width: calc(91.6666666667% - 1.25rem);\n}\n.grid-margin-x > .small-12 {\n  width: calc(100% - 1.25rem);\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-x > .auto {\n    width: auto;\n  }\n  .grid-margin-x > .shrink {\n    width: auto;\n  }\n  .grid-margin-x > .small-1 {\n    width: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .small-2 {\n    width: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .small-3 {\n    width: calc(25% - 1.875rem);\n  }\n  .grid-margin-x > .small-4 {\n    width: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .small-5 {\n    width: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .small-6 {\n    width: calc(50% - 1.875rem);\n  }\n  .grid-margin-x > .small-7 {\n    width: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .small-8 {\n    width: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .small-9 {\n    width: calc(75% - 1.875rem);\n  }\n  .grid-margin-x > .small-10 {\n    width: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .small-11 {\n    width: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .small-12 {\n    width: calc(100% - 1.875rem);\n  }\n  .grid-margin-x > .medium-auto {\n    width: auto;\n  }\n  .grid-margin-x > .medium-shrink {\n    width: auto;\n  }\n  .grid-margin-x > .medium-1 {\n    width: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .medium-2 {\n    width: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .medium-3 {\n    width: calc(25% - 1.875rem);\n  }\n  .grid-margin-x > .medium-4 {\n    width: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .medium-5 {\n    width: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .medium-6 {\n    width: calc(50% - 1.875rem);\n  }\n  .grid-margin-x > .medium-7 {\n    width: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .medium-8 {\n    width: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .medium-9 {\n    width: calc(75% - 1.875rem);\n  }\n  .grid-margin-x > .medium-10 {\n    width: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .medium-11 {\n    width: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .medium-12 {\n    width: calc(100% - 1.875rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-margin-x > .large-auto {\n    width: auto;\n  }\n  .grid-margin-x > .large-shrink {\n    width: auto;\n  }\n  .grid-margin-x > .large-1 {\n    width: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .large-2 {\n    width: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .large-3 {\n    width: calc(25% - 1.875rem);\n  }\n  .grid-margin-x > .large-4 {\n    width: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .large-5 {\n    width: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .large-6 {\n    width: calc(50% - 1.875rem);\n  }\n  .grid-margin-x > .large-7 {\n    width: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .large-8 {\n    width: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .large-9 {\n    width: calc(75% - 1.875rem);\n  }\n  .grid-margin-x > .large-10 {\n    width: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-x > .large-11 {\n    width: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-x > .large-12 {\n    width: calc(100% - 1.875rem);\n  }\n}\n\n.grid-padding-x .grid-padding-x {\n  margin-right: -0.625rem;\n  margin-left: -0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-padding-x .grid-padding-x {\n    margin-right: -0.9375rem;\n    margin-left: -0.9375rem;\n  }\n}\n.grid-container:not(.full) > .grid-padding-x {\n  margin-right: -0.625rem;\n  margin-left: -0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-container:not(.full) > .grid-padding-x {\n    margin-right: -0.9375rem;\n    margin-left: -0.9375rem;\n  }\n}\n.grid-padding-x > .cell {\n  padding-right: 0.625rem;\n  padding-left: 0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-padding-x > .cell {\n    padding-right: 0.9375rem;\n    padding-left: 0.9375rem;\n  }\n}\n\n.small-up-1 > .cell {\n  width: 100%;\n}\n\n.small-up-2 > .cell {\n  width: 50%;\n}\n\n.small-up-3 > .cell {\n  width: 33.3333333333%;\n}\n\n.small-up-4 > .cell {\n  width: 25%;\n}\n\n.small-up-5 > .cell {\n  width: 20%;\n}\n\n.small-up-6 > .cell {\n  width: 16.6666666667%;\n}\n\n.small-up-7 > .cell {\n  width: 14.2857142857%;\n}\n\n.small-up-8 > .cell {\n  width: 12.5%;\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-up-1 > .cell {\n    width: 100%;\n  }\n\n  .medium-up-2 > .cell {\n    width: 50%;\n  }\n\n  .medium-up-3 > .cell {\n    width: 33.3333333333%;\n  }\n\n  .medium-up-4 > .cell {\n    width: 25%;\n  }\n\n  .medium-up-5 > .cell {\n    width: 20%;\n  }\n\n  .medium-up-6 > .cell {\n    width: 16.6666666667%;\n  }\n\n  .medium-up-7 > .cell {\n    width: 14.2857142857%;\n  }\n\n  .medium-up-8 > .cell {\n    width: 12.5%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-up-1 > .cell {\n    width: 100%;\n  }\n\n  .large-up-2 > .cell {\n    width: 50%;\n  }\n\n  .large-up-3 > .cell {\n    width: 33.3333333333%;\n  }\n\n  .large-up-4 > .cell {\n    width: 25%;\n  }\n\n  .large-up-5 > .cell {\n    width: 20%;\n  }\n\n  .large-up-6 > .cell {\n    width: 16.6666666667%;\n  }\n\n  .large-up-7 > .cell {\n    width: 14.2857142857%;\n  }\n\n  .large-up-8 > .cell {\n    width: 12.5%;\n  }\n}\n.grid-margin-x.small-up-1 > .cell {\n  width: calc(100% - 1.25rem);\n}\n\n.grid-margin-x.small-up-2 > .cell {\n  width: calc(50% - 1.25rem);\n}\n\n.grid-margin-x.small-up-3 > .cell {\n  width: calc(33.3333333333% - 1.25rem);\n}\n\n.grid-margin-x.small-up-4 > .cell {\n  width: calc(25% - 1.25rem);\n}\n\n.grid-margin-x.small-up-5 > .cell {\n  width: calc(20% - 1.25rem);\n}\n\n.grid-margin-x.small-up-6 > .cell {\n  width: calc(16.6666666667% - 1.25rem);\n}\n\n.grid-margin-x.small-up-7 > .cell {\n  width: calc(14.2857142857% - 1.25rem);\n}\n\n.grid-margin-x.small-up-8 > .cell {\n  width: calc(12.5% - 1.25rem);\n}\n\n@media print, screen and (min-width: 40em) {\n  .grid-margin-x.small-up-1 > .cell {\n    width: calc(100% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-2 > .cell {\n    width: calc(50% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-3 > .cell {\n    width: calc(33.3333333333% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-4 > .cell {\n    width: calc(25% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-5 > .cell {\n    width: calc(20% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-6 > .cell {\n    width: calc(16.6666666667% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-7 > .cell {\n    width: calc(14.2857142857% - 1.875rem);\n  }\n\n  .grid-margin-x.small-up-8 > .cell {\n    width: calc(12.5% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-1 > .cell {\n    width: calc(100% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-2 > .cell {\n    width: calc(50% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-3 > .cell {\n    width: calc(33.3333333333% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-4 > .cell {\n    width: calc(25% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-5 > .cell {\n    width: calc(20% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-6 > .cell {\n    width: calc(16.6666666667% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-7 > .cell {\n    width: calc(14.2857142857% - 1.875rem);\n  }\n\n  .grid-margin-x.medium-up-8 > .cell {\n    width: calc(12.5% - 1.875rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-margin-x.large-up-1 > .cell {\n    width: calc(100% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-2 > .cell {\n    width: calc(50% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-3 > .cell {\n    width: calc(33.3333333333% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-4 > .cell {\n    width: calc(25% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-5 > .cell {\n    width: calc(20% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-6 > .cell {\n    width: calc(16.6666666667% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-7 > .cell {\n    width: calc(14.2857142857% - 1.875rem);\n  }\n\n  .grid-margin-x.large-up-8 > .cell {\n    width: calc(12.5% - 1.875rem);\n  }\n}\n.small-margin-collapse {\n  margin-right: 0;\n  margin-left: 0;\n}\n.small-margin-collapse > .cell {\n  margin-right: 0;\n  margin-left: 0;\n}\n.small-margin-collapse > .small-1 {\n  width: 8.3333333333%;\n}\n.small-margin-collapse > .small-2 {\n  width: 16.6666666667%;\n}\n.small-margin-collapse > .small-3 {\n  width: 25%;\n}\n.small-margin-collapse > .small-4 {\n  width: 33.3333333333%;\n}\n.small-margin-collapse > .small-5 {\n  width: 41.6666666667%;\n}\n.small-margin-collapse > .small-6 {\n  width: 50%;\n}\n.small-margin-collapse > .small-7 {\n  width: 58.3333333333%;\n}\n.small-margin-collapse > .small-8 {\n  width: 66.6666666667%;\n}\n.small-margin-collapse > .small-9 {\n  width: 75%;\n}\n.small-margin-collapse > .small-10 {\n  width: 83.3333333333%;\n}\n.small-margin-collapse > .small-11 {\n  width: 91.6666666667%;\n}\n.small-margin-collapse > .small-12 {\n  width: 100%;\n}\n@media print, screen and (min-width: 40em) {\n  .small-margin-collapse > .medium-1 {\n    width: 8.3333333333%;\n  }\n  .small-margin-collapse > .medium-2 {\n    width: 16.6666666667%;\n  }\n  .small-margin-collapse > .medium-3 {\n    width: 25%;\n  }\n  .small-margin-collapse > .medium-4 {\n    width: 33.3333333333%;\n  }\n  .small-margin-collapse > .medium-5 {\n    width: 41.6666666667%;\n  }\n  .small-margin-collapse > .medium-6 {\n    width: 50%;\n  }\n  .small-margin-collapse > .medium-7 {\n    width: 58.3333333333%;\n  }\n  .small-margin-collapse > .medium-8 {\n    width: 66.6666666667%;\n  }\n  .small-margin-collapse > .medium-9 {\n    width: 75%;\n  }\n  .small-margin-collapse > .medium-10 {\n    width: 83.3333333333%;\n  }\n  .small-margin-collapse > .medium-11 {\n    width: 91.6666666667%;\n  }\n  .small-margin-collapse > .medium-12 {\n    width: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .small-margin-collapse > .large-1 {\n    width: 8.3333333333%;\n  }\n  .small-margin-collapse > .large-2 {\n    width: 16.6666666667%;\n  }\n  .small-margin-collapse > .large-3 {\n    width: 25%;\n  }\n  .small-margin-collapse > .large-4 {\n    width: 33.3333333333%;\n  }\n  .small-margin-collapse > .large-5 {\n    width: 41.6666666667%;\n  }\n  .small-margin-collapse > .large-6 {\n    width: 50%;\n  }\n  .small-margin-collapse > .large-7 {\n    width: 58.3333333333%;\n  }\n  .small-margin-collapse > .large-8 {\n    width: 66.6666666667%;\n  }\n  .small-margin-collapse > .large-9 {\n    width: 75%;\n  }\n  .small-margin-collapse > .large-10 {\n    width: 83.3333333333%;\n  }\n  .small-margin-collapse > .large-11 {\n    width: 91.6666666667%;\n  }\n  .small-margin-collapse > .large-12 {\n    width: 100%;\n  }\n}\n\n.small-padding-collapse {\n  margin-right: 0;\n  margin-left: 0;\n}\n.small-padding-collapse > .cell {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-margin-collapse {\n    margin-right: 0;\n    margin-left: 0;\n  }\n  .medium-margin-collapse > .cell {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n@media print, screen and (min-width: 40em) {\n  .medium-margin-collapse > .small-1 {\n    width: 8.3333333333%;\n  }\n  .medium-margin-collapse > .small-2 {\n    width: 16.6666666667%;\n  }\n  .medium-margin-collapse > .small-3 {\n    width: 25%;\n  }\n  .medium-margin-collapse > .small-4 {\n    width: 33.3333333333%;\n  }\n  .medium-margin-collapse > .small-5 {\n    width: 41.6666666667%;\n  }\n  .medium-margin-collapse > .small-6 {\n    width: 50%;\n  }\n  .medium-margin-collapse > .small-7 {\n    width: 58.3333333333%;\n  }\n  .medium-margin-collapse > .small-8 {\n    width: 66.6666666667%;\n  }\n  .medium-margin-collapse > .small-9 {\n    width: 75%;\n  }\n  .medium-margin-collapse > .small-10 {\n    width: 83.3333333333%;\n  }\n  .medium-margin-collapse > .small-11 {\n    width: 91.6666666667%;\n  }\n  .medium-margin-collapse > .small-12 {\n    width: 100%;\n  }\n}\n@media print, screen and (min-width: 40em) {\n  .medium-margin-collapse > .medium-1 {\n    width: 8.3333333333%;\n  }\n  .medium-margin-collapse > .medium-2 {\n    width: 16.6666666667%;\n  }\n  .medium-margin-collapse > .medium-3 {\n    width: 25%;\n  }\n  .medium-margin-collapse > .medium-4 {\n    width: 33.3333333333%;\n  }\n  .medium-margin-collapse > .medium-5 {\n    width: 41.6666666667%;\n  }\n  .medium-margin-collapse > .medium-6 {\n    width: 50%;\n  }\n  .medium-margin-collapse > .medium-7 {\n    width: 58.3333333333%;\n  }\n  .medium-margin-collapse > .medium-8 {\n    width: 66.6666666667%;\n  }\n  .medium-margin-collapse > .medium-9 {\n    width: 75%;\n  }\n  .medium-margin-collapse > .medium-10 {\n    width: 83.3333333333%;\n  }\n  .medium-margin-collapse > .medium-11 {\n    width: 91.6666666667%;\n  }\n  .medium-margin-collapse > .medium-12 {\n    width: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .medium-margin-collapse > .large-1 {\n    width: 8.3333333333%;\n  }\n  .medium-margin-collapse > .large-2 {\n    width: 16.6666666667%;\n  }\n  .medium-margin-collapse > .large-3 {\n    width: 25%;\n  }\n  .medium-margin-collapse > .large-4 {\n    width: 33.3333333333%;\n  }\n  .medium-margin-collapse > .large-5 {\n    width: 41.6666666667%;\n  }\n  .medium-margin-collapse > .large-6 {\n    width: 50%;\n  }\n  .medium-margin-collapse > .large-7 {\n    width: 58.3333333333%;\n  }\n  .medium-margin-collapse > .large-8 {\n    width: 66.6666666667%;\n  }\n  .medium-margin-collapse > .large-9 {\n    width: 75%;\n  }\n  .medium-margin-collapse > .large-10 {\n    width: 83.3333333333%;\n  }\n  .medium-margin-collapse > .large-11 {\n    width: 91.6666666667%;\n  }\n  .medium-margin-collapse > .large-12 {\n    width: 100%;\n  }\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-padding-collapse {\n    margin-right: 0;\n    margin-left: 0;\n  }\n  .medium-padding-collapse > .cell {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n@media print, screen and (min-width: 64em) {\n  .large-margin-collapse {\n    margin-right: 0;\n    margin-left: 0;\n  }\n  .large-margin-collapse > .cell {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-margin-collapse > .small-1 {\n    width: 8.3333333333%;\n  }\n  .large-margin-collapse > .small-2 {\n    width: 16.6666666667%;\n  }\n  .large-margin-collapse > .small-3 {\n    width: 25%;\n  }\n  .large-margin-collapse > .small-4 {\n    width: 33.3333333333%;\n  }\n  .large-margin-collapse > .small-5 {\n    width: 41.6666666667%;\n  }\n  .large-margin-collapse > .small-6 {\n    width: 50%;\n  }\n  .large-margin-collapse > .small-7 {\n    width: 58.3333333333%;\n  }\n  .large-margin-collapse > .small-8 {\n    width: 66.6666666667%;\n  }\n  .large-margin-collapse > .small-9 {\n    width: 75%;\n  }\n  .large-margin-collapse > .small-10 {\n    width: 83.3333333333%;\n  }\n  .large-margin-collapse > .small-11 {\n    width: 91.6666666667%;\n  }\n  .large-margin-collapse > .small-12 {\n    width: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-margin-collapse > .medium-1 {\n    width: 8.3333333333%;\n  }\n  .large-margin-collapse > .medium-2 {\n    width: 16.6666666667%;\n  }\n  .large-margin-collapse > .medium-3 {\n    width: 25%;\n  }\n  .large-margin-collapse > .medium-4 {\n    width: 33.3333333333%;\n  }\n  .large-margin-collapse > .medium-5 {\n    width: 41.6666666667%;\n  }\n  .large-margin-collapse > .medium-6 {\n    width: 50%;\n  }\n  .large-margin-collapse > .medium-7 {\n    width: 58.3333333333%;\n  }\n  .large-margin-collapse > .medium-8 {\n    width: 66.6666666667%;\n  }\n  .large-margin-collapse > .medium-9 {\n    width: 75%;\n  }\n  .large-margin-collapse > .medium-10 {\n    width: 83.3333333333%;\n  }\n  .large-margin-collapse > .medium-11 {\n    width: 91.6666666667%;\n  }\n  .large-margin-collapse > .medium-12 {\n    width: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-margin-collapse > .large-1 {\n    width: 8.3333333333%;\n  }\n  .large-margin-collapse > .large-2 {\n    width: 16.6666666667%;\n  }\n  .large-margin-collapse > .large-3 {\n    width: 25%;\n  }\n  .large-margin-collapse > .large-4 {\n    width: 33.3333333333%;\n  }\n  .large-margin-collapse > .large-5 {\n    width: 41.6666666667%;\n  }\n  .large-margin-collapse > .large-6 {\n    width: 50%;\n  }\n  .large-margin-collapse > .large-7 {\n    width: 58.3333333333%;\n  }\n  .large-margin-collapse > .large-8 {\n    width: 66.6666666667%;\n  }\n  .large-margin-collapse > .large-9 {\n    width: 75%;\n  }\n  .large-margin-collapse > .large-10 {\n    width: 83.3333333333%;\n  }\n  .large-margin-collapse > .large-11 {\n    width: 91.6666666667%;\n  }\n  .large-margin-collapse > .large-12 {\n    width: 100%;\n  }\n}\n\n@media print, screen and (min-width: 64em) {\n  .large-padding-collapse {\n    margin-right: 0;\n    margin-left: 0;\n  }\n  .large-padding-collapse > .cell {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n.small-offset-0 {\n  margin-left: 0%;\n}\n\n.grid-margin-x > .small-offset-0 {\n  margin-left: calc(0% + 0.625rem);\n}\n\n.small-offset-1 {\n  margin-left: 8.3333333333%;\n}\n\n.grid-margin-x > .small-offset-1 {\n  margin-left: calc(8.3333333333% + 0.625rem);\n}\n\n.small-offset-2 {\n  margin-left: 16.6666666667%;\n}\n\n.grid-margin-x > .small-offset-2 {\n  margin-left: calc(16.6666666667% + 0.625rem);\n}\n\n.small-offset-3 {\n  margin-left: 25%;\n}\n\n.grid-margin-x > .small-offset-3 {\n  margin-left: calc(25% + 0.625rem);\n}\n\n.small-offset-4 {\n  margin-left: 33.3333333333%;\n}\n\n.grid-margin-x > .small-offset-4 {\n  margin-left: calc(33.3333333333% + 0.625rem);\n}\n\n.small-offset-5 {\n  margin-left: 41.6666666667%;\n}\n\n.grid-margin-x > .small-offset-5 {\n  margin-left: calc(41.6666666667% + 0.625rem);\n}\n\n.small-offset-6 {\n  margin-left: 50%;\n}\n\n.grid-margin-x > .small-offset-6 {\n  margin-left: calc(50% + 0.625rem);\n}\n\n.small-offset-7 {\n  margin-left: 58.3333333333%;\n}\n\n.grid-margin-x > .small-offset-7 {\n  margin-left: calc(58.3333333333% + 0.625rem);\n}\n\n.small-offset-8 {\n  margin-left: 66.6666666667%;\n}\n\n.grid-margin-x > .small-offset-8 {\n  margin-left: calc(66.6666666667% + 0.625rem);\n}\n\n.small-offset-9 {\n  margin-left: 75%;\n}\n\n.grid-margin-x > .small-offset-9 {\n  margin-left: calc(75% + 0.625rem);\n}\n\n.small-offset-10 {\n  margin-left: 83.3333333333%;\n}\n\n.grid-margin-x > .small-offset-10 {\n  margin-left: calc(83.3333333333% + 0.625rem);\n}\n\n.small-offset-11 {\n  margin-left: 91.6666666667%;\n}\n\n.grid-margin-x > .small-offset-11 {\n  margin-left: calc(91.6666666667% + 0.625rem);\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-offset-0 {\n    margin-left: 0%;\n  }\n\n  .grid-margin-x > .medium-offset-0 {\n    margin-left: calc(0% + 0.9375rem);\n  }\n\n  .medium-offset-1 {\n    margin-left: 8.3333333333%;\n  }\n\n  .grid-margin-x > .medium-offset-1 {\n    margin-left: calc(8.3333333333% + 0.9375rem);\n  }\n\n  .medium-offset-2 {\n    margin-left: 16.6666666667%;\n  }\n\n  .grid-margin-x > .medium-offset-2 {\n    margin-left: calc(16.6666666667% + 0.9375rem);\n  }\n\n  .medium-offset-3 {\n    margin-left: 25%;\n  }\n\n  .grid-margin-x > .medium-offset-3 {\n    margin-left: calc(25% + 0.9375rem);\n  }\n\n  .medium-offset-4 {\n    margin-left: 33.3333333333%;\n  }\n\n  .grid-margin-x > .medium-offset-4 {\n    margin-left: calc(33.3333333333% + 0.9375rem);\n  }\n\n  .medium-offset-5 {\n    margin-left: 41.6666666667%;\n  }\n\n  .grid-margin-x > .medium-offset-5 {\n    margin-left: calc(41.6666666667% + 0.9375rem);\n  }\n\n  .medium-offset-6 {\n    margin-left: 50%;\n  }\n\n  .grid-margin-x > .medium-offset-6 {\n    margin-left: calc(50% + 0.9375rem);\n  }\n\n  .medium-offset-7 {\n    margin-left: 58.3333333333%;\n  }\n\n  .grid-margin-x > .medium-offset-7 {\n    margin-left: calc(58.3333333333% + 0.9375rem);\n  }\n\n  .medium-offset-8 {\n    margin-left: 66.6666666667%;\n  }\n\n  .grid-margin-x > .medium-offset-8 {\n    margin-left: calc(66.6666666667% + 0.9375rem);\n  }\n\n  .medium-offset-9 {\n    margin-left: 75%;\n  }\n\n  .grid-margin-x > .medium-offset-9 {\n    margin-left: calc(75% + 0.9375rem);\n  }\n\n  .medium-offset-10 {\n    margin-left: 83.3333333333%;\n  }\n\n  .grid-margin-x > .medium-offset-10 {\n    margin-left: calc(83.3333333333% + 0.9375rem);\n  }\n\n  .medium-offset-11 {\n    margin-left: 91.6666666667%;\n  }\n\n  .grid-margin-x > .medium-offset-11 {\n    margin-left: calc(91.6666666667% + 0.9375rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-offset-0 {\n    margin-left: 0%;\n  }\n\n  .grid-margin-x > .large-offset-0 {\n    margin-left: calc(0% + 0.9375rem);\n  }\n\n  .large-offset-1 {\n    margin-left: 8.3333333333%;\n  }\n\n  .grid-margin-x > .large-offset-1 {\n    margin-left: calc(8.3333333333% + 0.9375rem);\n  }\n\n  .large-offset-2 {\n    margin-left: 16.6666666667%;\n  }\n\n  .grid-margin-x > .large-offset-2 {\n    margin-left: calc(16.6666666667% + 0.9375rem);\n  }\n\n  .large-offset-3 {\n    margin-left: 25%;\n  }\n\n  .grid-margin-x > .large-offset-3 {\n    margin-left: calc(25% + 0.9375rem);\n  }\n\n  .large-offset-4 {\n    margin-left: 33.3333333333%;\n  }\n\n  .grid-margin-x > .large-offset-4 {\n    margin-left: calc(33.3333333333% + 0.9375rem);\n  }\n\n  .large-offset-5 {\n    margin-left: 41.6666666667%;\n  }\n\n  .grid-margin-x > .large-offset-5 {\n    margin-left: calc(41.6666666667% + 0.9375rem);\n  }\n\n  .large-offset-6 {\n    margin-left: 50%;\n  }\n\n  .grid-margin-x > .large-offset-6 {\n    margin-left: calc(50% + 0.9375rem);\n  }\n\n  .large-offset-7 {\n    margin-left: 58.3333333333%;\n  }\n\n  .grid-margin-x > .large-offset-7 {\n    margin-left: calc(58.3333333333% + 0.9375rem);\n  }\n\n  .large-offset-8 {\n    margin-left: 66.6666666667%;\n  }\n\n  .grid-margin-x > .large-offset-8 {\n    margin-left: calc(66.6666666667% + 0.9375rem);\n  }\n\n  .large-offset-9 {\n    margin-left: 75%;\n  }\n\n  .grid-margin-x > .large-offset-9 {\n    margin-left: calc(75% + 0.9375rem);\n  }\n\n  .large-offset-10 {\n    margin-left: 83.3333333333%;\n  }\n\n  .grid-margin-x > .large-offset-10 {\n    margin-left: calc(83.3333333333% + 0.9375rem);\n  }\n\n  .large-offset-11 {\n    margin-left: 91.6666666667%;\n  }\n\n  .grid-margin-x > .large-offset-11 {\n    margin-left: calc(91.6666666667% + 0.9375rem);\n  }\n}\n.grid-y {\n  display: flex;\n  flex-flow: column nowrap;\n}\n.grid-y > .cell {\n  height: auto;\n  max-height: none;\n}\n.grid-y > .auto {\n  height: auto;\n}\n.grid-y > .shrink {\n  height: auto;\n}\n.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {\n  flex-basis: auto;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {\n    flex-basis: auto;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {\n    flex-basis: auto;\n  }\n}\n.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {\n  flex: 0 0 auto;\n}\n.grid-y > .small-1 {\n  height: 8.3333333333%;\n}\n.grid-y > .small-2 {\n  height: 16.6666666667%;\n}\n.grid-y > .small-3 {\n  height: 25%;\n}\n.grid-y > .small-4 {\n  height: 33.3333333333%;\n}\n.grid-y > .small-5 {\n  height: 41.6666666667%;\n}\n.grid-y > .small-6 {\n  height: 50%;\n}\n.grid-y > .small-7 {\n  height: 58.3333333333%;\n}\n.grid-y > .small-8 {\n  height: 66.6666666667%;\n}\n.grid-y > .small-9 {\n  height: 75%;\n}\n.grid-y > .small-10 {\n  height: 83.3333333333%;\n}\n.grid-y > .small-11 {\n  height: 91.6666666667%;\n}\n.grid-y > .small-12 {\n  height: 100%;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-y > .medium-auto {\n    flex: 1 1 0px;\n    height: auto;\n  }\n  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {\n    flex: 0 0 auto;\n  }\n  .grid-y > .medium-shrink {\n    height: auto;\n  }\n  .grid-y > .medium-1 {\n    height: 8.3333333333%;\n  }\n  .grid-y > .medium-2 {\n    height: 16.6666666667%;\n  }\n  .grid-y > .medium-3 {\n    height: 25%;\n  }\n  .grid-y > .medium-4 {\n    height: 33.3333333333%;\n  }\n  .grid-y > .medium-5 {\n    height: 41.6666666667%;\n  }\n  .grid-y > .medium-6 {\n    height: 50%;\n  }\n  .grid-y > .medium-7 {\n    height: 58.3333333333%;\n  }\n  .grid-y > .medium-8 {\n    height: 66.6666666667%;\n  }\n  .grid-y > .medium-9 {\n    height: 75%;\n  }\n  .grid-y > .medium-10 {\n    height: 83.3333333333%;\n  }\n  .grid-y > .medium-11 {\n    height: 91.6666666667%;\n  }\n  .grid-y > .medium-12 {\n    height: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-y > .large-auto {\n    flex: 1 1 0px;\n    height: auto;\n  }\n  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {\n    flex: 0 0 auto;\n  }\n  .grid-y > .large-shrink {\n    height: auto;\n  }\n  .grid-y > .large-1 {\n    height: 8.3333333333%;\n  }\n  .grid-y > .large-2 {\n    height: 16.6666666667%;\n  }\n  .grid-y > .large-3 {\n    height: 25%;\n  }\n  .grid-y > .large-4 {\n    height: 33.3333333333%;\n  }\n  .grid-y > .large-5 {\n    height: 41.6666666667%;\n  }\n  .grid-y > .large-6 {\n    height: 50%;\n  }\n  .grid-y > .large-7 {\n    height: 58.3333333333%;\n  }\n  .grid-y > .large-8 {\n    height: 66.6666666667%;\n  }\n  .grid-y > .large-9 {\n    height: 75%;\n  }\n  .grid-y > .large-10 {\n    height: 83.3333333333%;\n  }\n  .grid-y > .large-11 {\n    height: 91.6666666667%;\n  }\n  .grid-y > .large-12 {\n    height: 100%;\n  }\n}\n\n.grid-padding-y .grid-padding-y {\n  margin-top: -0.625rem;\n  margin-bottom: -0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-padding-y .grid-padding-y {\n    margin-top: -0.9375rem;\n    margin-bottom: -0.9375rem;\n  }\n}\n.grid-padding-y > .cell {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-padding-y > .cell {\n    padding-top: 0.9375rem;\n    padding-bottom: 0.9375rem;\n  }\n}\n\n.grid-margin-y {\n  margin-top: -0.625rem;\n  margin-bottom: -0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y {\n    margin-top: -0.9375rem;\n    margin-bottom: -0.9375rem;\n  }\n}\n.grid-margin-y > .cell {\n  height: calc(100% - 1.25rem);\n  margin-top: 0.625rem;\n  margin-bottom: 0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y > .cell {\n    height: calc(100% - 1.875rem);\n    margin-top: 0.9375rem;\n    margin-bottom: 0.9375rem;\n  }\n}\n.grid-margin-y > .auto {\n  height: auto;\n}\n.grid-margin-y > .shrink {\n  height: auto;\n}\n.grid-margin-y > .small-1 {\n  height: calc(8.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-2 {\n  height: calc(16.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-3 {\n  height: calc(25% - 1.25rem);\n}\n.grid-margin-y > .small-4 {\n  height: calc(33.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-5 {\n  height: calc(41.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-6 {\n  height: calc(50% - 1.25rem);\n}\n.grid-margin-y > .small-7 {\n  height: calc(58.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-8 {\n  height: calc(66.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-9 {\n  height: calc(75% - 1.25rem);\n}\n.grid-margin-y > .small-10 {\n  height: calc(83.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-11 {\n  height: calc(91.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-12 {\n  height: calc(100% - 1.25rem);\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y > .auto {\n    height: auto;\n  }\n  .grid-margin-y > .shrink {\n    height: auto;\n  }\n  .grid-margin-y > .small-1 {\n    height: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-2 {\n    height: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-3 {\n    height: calc(25% - 1.875rem);\n  }\n  .grid-margin-y > .small-4 {\n    height: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-5 {\n    height: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-6 {\n    height: calc(50% - 1.875rem);\n  }\n  .grid-margin-y > .small-7 {\n    height: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-8 {\n    height: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-9 {\n    height: calc(75% - 1.875rem);\n  }\n  .grid-margin-y > .small-10 {\n    height: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-11 {\n    height: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-12 {\n    height: calc(100% - 1.875rem);\n  }\n  .grid-margin-y > .medium-auto {\n    height: auto;\n  }\n  .grid-margin-y > .medium-shrink {\n    height: auto;\n  }\n  .grid-margin-y > .medium-1 {\n    height: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-2 {\n    height: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-3 {\n    height: calc(25% - 1.875rem);\n  }\n  .grid-margin-y > .medium-4 {\n    height: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-5 {\n    height: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-6 {\n    height: calc(50% - 1.875rem);\n  }\n  .grid-margin-y > .medium-7 {\n    height: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-8 {\n    height: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-9 {\n    height: calc(75% - 1.875rem);\n  }\n  .grid-margin-y > .medium-10 {\n    height: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-11 {\n    height: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-12 {\n    height: calc(100% - 1.875rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-margin-y > .large-auto {\n    height: auto;\n  }\n  .grid-margin-y > .large-shrink {\n    height: auto;\n  }\n  .grid-margin-y > .large-1 {\n    height: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-2 {\n    height: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-3 {\n    height: calc(25% - 1.875rem);\n  }\n  .grid-margin-y > .large-4 {\n    height: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-5 {\n    height: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-6 {\n    height: calc(50% - 1.875rem);\n  }\n  .grid-margin-y > .large-7 {\n    height: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-8 {\n    height: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-9 {\n    height: calc(75% - 1.875rem);\n  }\n  .grid-margin-y > .large-10 {\n    height: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-11 {\n    height: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-12 {\n    height: calc(100% - 1.875rem);\n  }\n}\n\n.grid-frame {\n  overflow: hidden;\n  position: relative;\n  flex-wrap: nowrap;\n  align-items: stretch;\n  width: 100vw;\n}\n\n.cell .grid-frame {\n  width: 100%;\n}\n\n.cell-block {\n  overflow-x: auto;\n  max-width: 100%;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.cell-block-y {\n  overflow-y: auto;\n  max-height: 100%;\n  min-height: 100%;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.cell-block-container {\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n}\n.cell-block-container > .grid-x {\n  max-height: 100%;\n  flex-wrap: nowrap;\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-grid-frame {\n    overflow: hidden;\n    position: relative;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    width: 100vw;\n  }\n\n  .cell .medium-grid-frame {\n    width: 100%;\n  }\n\n  .medium-cell-block {\n    overflow-x: auto;\n    max-width: 100%;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n  }\n\n  .medium-cell-block-container {\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n  }\n  .medium-cell-block-container > .grid-x {\n    max-height: 100%;\n    flex-wrap: nowrap;\n  }\n\n  .medium-cell-block-y {\n    overflow-y: auto;\n    max-height: 100%;\n    min-height: 100%;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-grid-frame {\n    overflow: hidden;\n    position: relative;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    width: 100vw;\n  }\n\n  .cell .large-grid-frame {\n    width: 100%;\n  }\n\n  .large-cell-block {\n    overflow-x: auto;\n    max-width: 100%;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n  }\n\n  .large-cell-block-container {\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n  }\n  .large-cell-block-container > .grid-x {\n    max-height: 100%;\n    flex-wrap: nowrap;\n  }\n\n  .large-cell-block-y {\n    overflow-y: auto;\n    max-height: 100%;\n    min-height: 100%;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n  }\n}\n.grid-y.grid-frame {\n  width: auto;\n  overflow: hidden;\n  position: relative;\n  flex-wrap: nowrap;\n  align-items: stretch;\n  height: 100vh;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-y.medium-grid-frame {\n    width: auto;\n    overflow: hidden;\n    position: relative;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    height: 100vh;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-y.large-grid-frame {\n    width: auto;\n    overflow: hidden;\n    position: relative;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    height: 100vh;\n  }\n}\n\n.cell .grid-y.grid-frame {\n  height: 100%;\n}\n@media print, screen and (min-width: 40em) {\n  .cell .grid-y.medium-grid-frame {\n    height: 100%;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .cell .grid-y.large-grid-frame {\n    height: 100%;\n  }\n}\n\n.grid-margin-y {\n  margin-top: -0.625rem;\n  margin-bottom: -0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y {\n    margin-top: -0.9375rem;\n    margin-bottom: -0.9375rem;\n  }\n}\n.grid-margin-y > .cell {\n  height: calc(100% - 1.25rem);\n  margin-top: 0.625rem;\n  margin-bottom: 0.625rem;\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y > .cell {\n    height: calc(100% - 1.875rem);\n    margin-top: 0.9375rem;\n    margin-bottom: 0.9375rem;\n  }\n}\n.grid-margin-y > .auto {\n  height: auto;\n}\n.grid-margin-y > .shrink {\n  height: auto;\n}\n.grid-margin-y > .small-1 {\n  height: calc(8.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-2 {\n  height: calc(16.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-3 {\n  height: calc(25% - 1.25rem);\n}\n.grid-margin-y > .small-4 {\n  height: calc(33.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-5 {\n  height: calc(41.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-6 {\n  height: calc(50% - 1.25rem);\n}\n.grid-margin-y > .small-7 {\n  height: calc(58.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-8 {\n  height: calc(66.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-9 {\n  height: calc(75% - 1.25rem);\n}\n.grid-margin-y > .small-10 {\n  height: calc(83.3333333333% - 1.25rem);\n}\n.grid-margin-y > .small-11 {\n  height: calc(91.6666666667% - 1.25rem);\n}\n.grid-margin-y > .small-12 {\n  height: calc(100% - 1.25rem);\n}\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y > .auto {\n    height: auto;\n  }\n  .grid-margin-y > .shrink {\n    height: auto;\n  }\n  .grid-margin-y > .small-1 {\n    height: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-2 {\n    height: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-3 {\n    height: calc(25% - 1.875rem);\n  }\n  .grid-margin-y > .small-4 {\n    height: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-5 {\n    height: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-6 {\n    height: calc(50% - 1.875rem);\n  }\n  .grid-margin-y > .small-7 {\n    height: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-8 {\n    height: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-9 {\n    height: calc(75% - 1.875rem);\n  }\n  .grid-margin-y > .small-10 {\n    height: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .small-11 {\n    height: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .small-12 {\n    height: calc(100% - 1.875rem);\n  }\n  .grid-margin-y > .medium-auto {\n    height: auto;\n  }\n  .grid-margin-y > .medium-shrink {\n    height: auto;\n  }\n  .grid-margin-y > .medium-1 {\n    height: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-2 {\n    height: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-3 {\n    height: calc(25% - 1.875rem);\n  }\n  .grid-margin-y > .medium-4 {\n    height: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-5 {\n    height: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-6 {\n    height: calc(50% - 1.875rem);\n  }\n  .grid-margin-y > .medium-7 {\n    height: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-8 {\n    height: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-9 {\n    height: calc(75% - 1.875rem);\n  }\n  .grid-margin-y > .medium-10 {\n    height: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .medium-11 {\n    height: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .medium-12 {\n    height: calc(100% - 1.875rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-margin-y > .large-auto {\n    height: auto;\n  }\n  .grid-margin-y > .large-shrink {\n    height: auto;\n  }\n  .grid-margin-y > .large-1 {\n    height: calc(8.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-2 {\n    height: calc(16.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-3 {\n    height: calc(25% - 1.875rem);\n  }\n  .grid-margin-y > .large-4 {\n    height: calc(33.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-5 {\n    height: calc(41.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-6 {\n    height: calc(50% - 1.875rem);\n  }\n  .grid-margin-y > .large-7 {\n    height: calc(58.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-8 {\n    height: calc(66.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-9 {\n    height: calc(75% - 1.875rem);\n  }\n  .grid-margin-y > .large-10 {\n    height: calc(83.3333333333% - 1.875rem);\n  }\n  .grid-margin-y > .large-11 {\n    height: calc(91.6666666667% - 1.875rem);\n  }\n  .grid-margin-y > .large-12 {\n    height: calc(100% - 1.875rem);\n  }\n}\n\n.grid-frame.grid-margin-y {\n  height: calc(100vh + 1.25rem);\n}\n@media print, screen and (min-width: 40em) {\n  .grid-frame.grid-margin-y {\n    height: calc(100vh + 1.875rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-frame.grid-margin-y {\n    height: calc(100vh + 1.875rem);\n  }\n}\n\n@media print, screen and (min-width: 40em) {\n  .grid-margin-y.medium-grid-frame {\n    height: calc(100vh + 1.875rem);\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .grid-margin-y.large-grid-frame {\n    height: calc(100vh + 1.875rem);\n  }\n}\n.button {\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0 1rem 0;\n  padding: 0.85em 1em;\n  border: 1px solid transparent;\n  border-radius: 0px;\n  transition: background-color 0.25s ease-out, color 0.25s ease-out;\n  font-family: \"Maven Pro\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n  font-size: 1rem;\n  -webkit-appearance: none;\n  line-height: 1;\n  text-align: center;\n  cursor: pointer;\n}\n[data-whatinput=mouse] .button {\n  outline: 0;\n}\n.button.tiny {\n  font-size: 0.7023319616rem;\n}\n.button.small {\n  font-size: 0.8888888889rem;\n}\n.button.large {\n  font-size: 1.265625rem;\n}\n.button.xlarge {\n  font-size: 1.423828125rem;\n}\n.button.expanded {\n  display: block;\n  width: 100%;\n  margin-right: 0;\n  margin-left: 0;\n}\n.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {\n  background-color: #198dae;\n  color: white;\n}\n.button:hover, .button:focus {\n  background-color: #157894;\n  color: white;\n}\n.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {\n  background-color: #198dae;\n  color: white;\n}\n.button.primary:hover, .button.primary:focus {\n  background-color: #14718b;\n  color: white;\n}\n.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {\n  background-color: #676a72;\n  color: white;\n}\n.button.secondary:hover, .button.secondary:focus {\n  background-color: #52555b;\n  color: white;\n}\n.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {\n  background-color: #078a2e;\n  color: white;\n}\n.button.success:hover, .button.success:focus {\n  background-color: #066e25;\n  color: white;\n}\n.button.shade, .button.shade.disabled, .button.shade[disabled], .button.shade.disabled:hover, .button.shade[disabled]:hover, .button.shade.disabled:focus, .button.shade[disabled]:focus {\n  background-color: #878585;\n  color: #131212;\n}\n.button.shade:hover, .button.shade:focus {\n  background-color: #6c6a6a;\n  color: #131212;\n}\n.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {\n  background-color: #da8210;\n  color: #131212;\n}\n.button.warning:hover, .button.warning:focus {\n  background-color: #ae680d;\n  color: #131212;\n}\n.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {\n  background-color: #dd1a1a;\n  color: white;\n}\n.button.alert:hover, .button.alert:focus {\n  background-color: #b11515;\n  color: white;\n}\n.button.navigation, .button.navigation.disabled, .button.navigation[disabled], .button.navigation.disabled:hover, .button.navigation[disabled]:hover, .button.navigation.disabled:focus, .button.navigation[disabled]:focus {\n  background-color: #2b58c0;\n  color: white;\n}\n.button.navigation:hover, .button.navigation:focus {\n  background-color: #22469a;\n  color: white;\n}\n.button.accent, .button.accent.disabled, .button.accent[disabled], .button.accent.disabled:hover, .button.accent[disabled]:hover, .button.accent.disabled:focus, .button.accent[disabled]:focus {\n  background-color: #16a385;\n  color: #131212;\n}\n.button.accent:hover, .button.accent:focus {\n  background-color: #12826a;\n  color: #131212;\n}\n.button.info, .button.info.disabled, .button.info[disabled], .button.info.disabled:hover, .button.info[disabled]:hover, .button.info.disabled:focus, .button.info[disabled]:focus {\n  background-color: #a3988c;\n  color: #131212;\n}\n.button.info:hover, .button.info:focus {\n  background-color: #877a6c;\n  color: #131212;\n}\n.button.highlight, .button.highlight.disabled, .button.highlight[disabled], .button.highlight.disabled:hover, .button.highlight[disabled]:hover, .button.highlight.disabled:focus, .button.highlight[disabled]:focus {\n  background-color: #7742bd;\n  color: white;\n}\n.button.highlight:hover, .button.highlight:focus {\n  background-color: #5f3597;\n  color: white;\n}\n.button.acc, .button.acc.disabled, .button.acc[disabled], .button.acc.disabled:hover, .button.acc[disabled]:hover, .button.acc.disabled:focus, .button.acc[disabled]:focus {\n  background-color: #004176;\n  color: white;\n}\n.button.acc:hover, .button.acc:focus {\n  background-color: #00345e;\n  color: white;\n}\n.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {\n  background-color: transparent;\n}\n.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {\n  border: 1px solid #198dae;\n  color: #198dae;\n}\n.button.hollow:hover, .button.hollow:focus {\n  border-color: #0d4757;\n  color: #0d4757;\n}\n.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {\n  border: 1px solid #198dae;\n  color: #198dae;\n}\n.button.hollow.primary:hover, .button.hollow.primary:focus {\n  border-color: #0d4757;\n  color: #0d4757;\n}\n.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {\n  border: 1px solid #676a72;\n  color: #676a72;\n}\n.button.hollow.secondary:hover, .button.hollow.secondary:focus {\n  border-color: #343539;\n  color: #343539;\n}\n.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {\n  border: 1px solid #078a2e;\n  color: #078a2e;\n}\n.button.hollow.success:hover, .button.hollow.success:focus {\n  border-color: #044517;\n  color: #044517;\n}\n.button.hollow.shade, .button.hollow.shade.disabled, .button.hollow.shade[disabled], .button.hollow.shade.disabled:hover, .button.hollow.shade[disabled]:hover, .button.hollow.shade.disabled:focus, .button.hollow.shade[disabled]:focus {\n  border: 1px solid #878585;\n  color: #878585;\n}\n.button.hollow.shade:hover, .button.hollow.shade:focus {\n  border-color: #444242;\n  color: #444242;\n}\n.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {\n  border: 1px solid #da8210;\n  color: #da8210;\n}\n.button.hollow.warning:hover, .button.hollow.warning:focus {\n  border-color: #6d4108;\n  color: #6d4108;\n}\n.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {\n  border: 1px solid #dd1a1a;\n  color: #dd1a1a;\n}\n.button.hollow.alert:hover, .button.hollow.alert:focus {\n  border-color: #6f0d0d;\n  color: #6f0d0d;\n}\n.button.hollow.navigation, .button.hollow.navigation.disabled, .button.hollow.navigation[disabled], .button.hollow.navigation.disabled:hover, .button.hollow.navigation[disabled]:hover, .button.hollow.navigation.disabled:focus, .button.hollow.navigation[disabled]:focus {\n  border: 1px solid #2b58c0;\n  color: #2b58c0;\n}\n.button.hollow.navigation:hover, .button.hollow.navigation:focus {\n  border-color: #162c60;\n  color: #162c60;\n}\n.button.hollow.accent, .button.hollow.accent.disabled, .button.hollow.accent[disabled], .button.hollow.accent.disabled:hover, .button.hollow.accent[disabled]:hover, .button.hollow.accent.disabled:focus, .button.hollow.accent[disabled]:focus {\n  border: 1px solid #16a385;\n  color: #16a385;\n}\n.button.hollow.accent:hover, .button.hollow.accent:focus {\n  border-color: #0b5243;\n  color: #0b5243;\n}\n.button.hollow.info, .button.hollow.info.disabled, .button.hollow.info[disabled], .button.hollow.info.disabled:hover, .button.hollow.info[disabled]:hover, .button.hollow.info.disabled:focus, .button.hollow.info[disabled]:focus {\n  border: 1px solid #a3988c;\n  color: #a3988c;\n}\n.button.hollow.info:hover, .button.hollow.info:focus {\n  border-color: #544c43;\n  color: #544c43;\n}\n.button.hollow.highlight, .button.hollow.highlight.disabled, .button.hollow.highlight[disabled], .button.hollow.highlight.disabled:hover, .button.hollow.highlight[disabled]:hover, .button.hollow.highlight.disabled:focus, .button.hollow.highlight[disabled]:focus {\n  border: 1px solid #7742bd;\n  color: #7742bd;\n}\n.button.hollow.highlight:hover, .button.hollow.highlight:focus {\n  border-color: #3c215f;\n  color: #3c215f;\n}\n.button.hollow.acc, .button.hollow.acc.disabled, .button.hollow.acc[disabled], .button.hollow.acc.disabled:hover, .button.hollow.acc[disabled]:hover, .button.hollow.acc.disabled:focus, .button.hollow.acc[disabled]:focus {\n  border: 1px solid #004176;\n  color: #004176;\n}\n.button.hollow.acc:hover, .button.hollow.acc:focus {\n  border-color: #00213b;\n  color: #00213b;\n}\n.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {\n  border-color: transparent;\n  background-color: transparent;\n}\n.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {\n  color: #198dae;\n}\n.button.clear:hover, .button.clear:focus {\n  color: #0d4757;\n}\n.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {\n  color: #198dae;\n}\n.button.clear.primary:hover, .button.clear.primary:focus {\n  color: #0d4757;\n}\n.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {\n  color: #676a72;\n}\n.button.clear.secondary:hover, .button.clear.secondary:focus {\n  color: #343539;\n}\n.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {\n  color: #078a2e;\n}\n.button.clear.success:hover, .button.clear.success:focus {\n  color: #044517;\n}\n.button.clear.shade, .button.clear.shade.disabled, .button.clear.shade[disabled], .button.clear.shade.disabled:hover, .button.clear.shade[disabled]:hover, .button.clear.shade.disabled:focus, .button.clear.shade[disabled]:focus {\n  color: #878585;\n}\n.button.clear.shade:hover, .button.clear.shade:focus {\n  color: #444242;\n}\n.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {\n  color: #da8210;\n}\n.button.clear.warning:hover, .button.clear.warning:focus {\n  color: #6d4108;\n}\n.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {\n  color: #dd1a1a;\n}\n.button.clear.alert:hover, .button.clear.alert:focus {\n  color: #6f0d0d;\n}\n.button.clear.navigation, .button.clear.navigation.disabled, .button.clear.navigation[disabled], .button.clear.navigation.disabled:hover, .button.clear.navigation[disabled]:hover, .button.clear.navigation.disabled:focus, .button.clear.navigation[disabled]:focus {\n  color: #2b58c0;\n}\n.button.clear.navigation:hover, .button.clear.navigation:focus {\n  color: #162c60;\n}\n.button.clear.accent, .button.clear.accent.disabled, .button.clear.accent[disabled], .button.clear.accent.disabled:hover, .button.clear.accent[disabled]:hover, .button.clear.accent.disabled:focus, .button.clear.accent[disabled]:focus {\n  color: #16a385;\n}\n.button.clear.accent:hover, .button.clear.accent:focus {\n  color: #0b5243;\n}\n.button.clear.info, .button.clear.info.disabled, .button.clear.info[disabled], .button.clear.info.disabled:hover, .button.clear.info[disabled]:hover, .button.clear.info.disabled:focus, .button.clear.info[disabled]:focus {\n  color: #a3988c;\n}\n.button.clear.info:hover, .button.clear.info:focus {\n  color: #544c43;\n}\n.button.clear.highlight, .button.clear.highlight.disabled, .button.clear.highlight[disabled], .button.clear.highlight.disabled:hover, .button.clear.highlight[disabled]:hover, .button.clear.highlight.disabled:focus, .button.clear.highlight[disabled]:focus {\n  color: #7742bd;\n}\n.button.clear.highlight:hover, .button.clear.highlight:focus {\n  color: #3c215f;\n}\n.button.clear.acc, .button.clear.acc.disabled, .button.clear.acc[disabled], .button.clear.acc.disabled:hover, .button.clear.acc[disabled]:hover, .button.clear.acc.disabled:focus, .button.clear.acc[disabled]:focus {\n  color: #004176;\n}\n.button.clear.acc:hover, .button.clear.acc:focus {\n  color: #00213b;\n}\n.button.disabled, .button[disabled] {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.button.dropdown::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 0.4em;\n  content: \"\";\n  border-bottom-width: 0;\n  border-color: white transparent transparent;\n  position: relative;\n  top: 0.4em;\n  display: inline-block;\n  float: right;\n  margin-left: 1em;\n}\n.button.dropdown.hollow::after, .button.dropdown.clear::after {\n  border-top-color: #198dae;\n}\n.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {\n  border-top-color: #198dae;\n}\n.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {\n  border-top-color: #676a72;\n}\n.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {\n  border-top-color: #078a2e;\n}\n.button.dropdown.hollow.shade::after, .button.dropdown.clear.shade::after {\n  border-top-color: #878585;\n}\n.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {\n  border-top-color: #da8210;\n}\n.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {\n  border-top-color: #dd1a1a;\n}\n.button.dropdown.hollow.navigation::after, .button.dropdown.clear.navigation::after {\n  border-top-color: #2b58c0;\n}\n.button.dropdown.hollow.accent::after, .button.dropdown.clear.accent::after {\n  border-top-color: #16a385;\n}\n.button.dropdown.hollow.info::after, .button.dropdown.clear.info::after {\n  border-top-color: #a3988c;\n}\n.button.dropdown.hollow.highlight::after, .button.dropdown.clear.highlight::after {\n  border-top-color: #7742bd;\n}\n.button.dropdown.hollow.acc::after, .button.dropdown.clear.acc::after {\n  border-top-color: #004176;\n}\n.button.arrow-only::after {\n  top: -0.1em;\n  float: none;\n  margin-left: 0;\n}\n\na.button:hover, a.button:focus {\n  text-decoration: none;\n}\n\n.button-group {\n  margin-bottom: 1rem;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  flex-grow: 1;\n}\n.button-group::before, .button-group::after {\n  display: table;\n  content: \" \";\n  flex-basis: 0;\n  order: 1;\n}\n.button-group::after {\n  clear: both;\n}\n.button-group::before, .button-group::after {\n  display: none;\n}\n.button-group .button {\n  margin: 0;\n  margin-right: 1px;\n  margin-bottom: 1px;\n  font-size: 1rem;\n  flex: 0 0 auto;\n}\n.button-group .button:last-child {\n  margin-right: 0;\n}\n.button-group.tiny .button {\n  font-size: 0.7023319616rem;\n}\n.button-group.small .button {\n  font-size: 0.8888888889rem;\n}\n.button-group.large .button {\n  font-size: 1.265625rem;\n}\n.button-group.xlarge .button {\n  font-size: 1.423828125rem;\n}\n.button-group.expanded .button {\n  flex: 1 1 0px;\n}\n.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {\n  background-color: #198dae;\n  color: white;\n}\n.button-group.primary .button:hover, .button-group.primary .button:focus {\n  background-color: #14718b;\n  color: white;\n}\n.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {\n  background-color: #676a72;\n  color: white;\n}\n.button-group.secondary .button:hover, .button-group.secondary .button:focus {\n  background-color: #52555b;\n  color: white;\n}\n.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {\n  background-color: #078a2e;\n  color: white;\n}\n.button-group.success .button:hover, .button-group.success .button:focus {\n  background-color: #066e25;\n  color: white;\n}\n.button-group.shade .button, .button-group.shade .button.disabled, .button-group.shade .button[disabled], .button-group.shade .button.disabled:hover, .button-group.shade .button[disabled]:hover, .button-group.shade .button.disabled:focus, .button-group.shade .button[disabled]:focus {\n  background-color: #878585;\n  color: #131212;\n}\n.button-group.shade .button:hover, .button-group.shade .button:focus {\n  background-color: #6c6a6a;\n  color: #131212;\n}\n.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {\n  background-color: #da8210;\n  color: #131212;\n}\n.button-group.warning .button:hover, .button-group.warning .button:focus {\n  background-color: #ae680d;\n  color: #131212;\n}\n.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {\n  background-color: #dd1a1a;\n  color: white;\n}\n.button-group.alert .button:hover, .button-group.alert .button:focus {\n  background-color: #b11515;\n  color: white;\n}\n.button-group.navigation .button, .button-group.navigation .button.disabled, .button-group.navigation .button[disabled], .button-group.navigation .button.disabled:hover, .button-group.navigation .button[disabled]:hover, .button-group.navigation .button.disabled:focus, .button-group.navigation .button[disabled]:focus {\n  background-color: #2b58c0;\n  color: white;\n}\n.button-group.navigation .button:hover, .button-group.navigation .button:focus {\n  background-color: #22469a;\n  color: white;\n}\n.button-group.accent .button, .button-group.accent .button.disabled, .button-group.accent .button[disabled], .button-group.accent .button.disabled:hover, .button-group.accent .button[disabled]:hover, .button-group.accent .button.disabled:focus, .button-group.accent .button[disabled]:focus {\n  background-color: #16a385;\n  color: #131212;\n}\n.button-group.accent .button:hover, .button-group.accent .button:focus {\n  background-color: #12826a;\n  color: #131212;\n}\n.button-group.info .button, .button-group.info .button.disabled, .button-group.info .button[disabled], .button-group.info .button.disabled:hover, .button-group.info .button[disabled]:hover, .button-group.info .button.disabled:focus, .button-group.info .button[disabled]:focus {\n  background-color: #a3988c;\n  color: #131212;\n}\n.button-group.info .button:hover, .button-group.info .button:focus {\n  background-color: #877a6c;\n  color: #131212;\n}\n.button-group.highlight .button, .button-group.highlight .button.disabled, .button-group.highlight .button[disabled], .button-group.highlight .button.disabled:hover, .button-group.highlight .button[disabled]:hover, .button-group.highlight .button.disabled:focus, .button-group.highlight .button[disabled]:focus {\n  background-color: #7742bd;\n  color: white;\n}\n.button-group.highlight .button:hover, .button-group.highlight .button:focus {\n  background-color: #5f3597;\n  color: white;\n}\n.button-group.acc .button, .button-group.acc .button.disabled, .button-group.acc .button[disabled], .button-group.acc .button.disabled:hover, .button-group.acc .button[disabled]:hover, .button-group.acc .button.disabled:focus, .button-group.acc .button[disabled]:focus {\n  background-color: #004176;\n  color: white;\n}\n.button-group.acc .button:hover, .button-group.acc .button:focus {\n  background-color: #00345e;\n  color: white;\n}\n.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {\n  background-color: transparent;\n}\n.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {\n  border: 1px solid #198dae;\n  color: #198dae;\n}\n.button-group.hollow .button:hover, .button-group.hollow .button:focus {\n  border-color: #0d4757;\n  color: #0d4757;\n}\n.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {\n  border: 1px solid #198dae;\n  color: #198dae;\n}\n.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {\n  border-color: #0d4757;\n  color: #0d4757;\n}\n.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {\n  border: 1px solid #676a72;\n  color: #676a72;\n}\n.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {\n  border-color: #343539;\n  color: #343539;\n}\n.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {\n  border: 1px solid #078a2e;\n  color: #078a2e;\n}\n.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {\n  border-color: #044517;\n  color: #044517;\n}\n.button-group.hollow.shade .button, .button-group.hollow.shade .button.disabled, .button-group.hollow.shade .button[disabled], .button-group.hollow.shade .button.disabled:hover, .button-group.hollow.shade .button[disabled]:hover, .button-group.hollow.shade .button.disabled:focus, .button-group.hollow.shade .button[disabled]:focus, .button-group.hollow .button.shade, .button-group.hollow .button.shade.disabled, .button-group.hollow .button.shade[disabled], .button-group.hollow .button.shade.disabled:hover, .button-group.hollow .button.shade[disabled]:hover, .button-group.hollow .button.shade.disabled:focus, .button-group.hollow .button.shade[disabled]:focus {\n  border: 1px solid #878585;\n  color: #878585;\n}\n.button-group.hollow.shade .button:hover, .button-group.hollow.shade .button:focus, .button-group.hollow .button.shade:hover, .button-group.hollow .button.shade:focus {\n  border-color: #444242;\n  color: #444242;\n}\n.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {\n  border: 1px solid #da8210;\n  color: #da8210;\n}\n.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {\n  border-color: #6d4108;\n  color: #6d4108;\n}\n.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {\n  border: 1px solid #dd1a1a;\n  color: #dd1a1a;\n}\n.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {\n  border-color: #6f0d0d;\n  color: #6f0d0d;\n}\n.button-group.hollow.navigation .button, .button-group.hollow.navigation .button.disabled, .button-group.hollow.navigation .button[disabled], .button-group.hollow.navigation .button.disabled:hover, .button-group.hollow.navigation .button[disabled]:hover, .button-group.hollow.navigation .button.disabled:focus, .button-group.hollow.navigation .button[disabled]:focus, .button-group.hollow .button.navigation, .button-group.hollow .button.navigation.disabled, .button-group.hollow .button.navigation[disabled], .button-group.hollow .button.navigation.disabled:hover, .button-group.hollow .button.navigation[disabled]:hover, .button-group.hollow .button.navigation.disabled:focus, .button-group.hollow .button.navigation[disabled]:focus {\n  border: 1px solid #2b58c0;\n  color: #2b58c0;\n}\n.button-group.hollow.navigation .button:hover, .button-group.hollow.navigation .button:focus, .button-group.hollow .button.navigation:hover, .button-group.hollow .button.navigation:focus {\n  border-color: #162c60;\n  color: #162c60;\n}\n.button-group.hollow.accent .button, .button-group.hollow.accent .button.disabled, .button-group.hollow.accent .button[disabled], .button-group.hollow.accent .button.disabled:hover, .button-group.hollow.accent .button[disabled]:hover, .button-group.hollow.accent .button.disabled:focus, .button-group.hollow.accent .button[disabled]:focus, .button-group.hollow .button.accent, .button-group.hollow .button.accent.disabled, .button-group.hollow .button.accent[disabled], .button-group.hollow .button.accent.disabled:hover, .button-group.hollow .button.accent[disabled]:hover, .button-group.hollow .button.accent.disabled:focus, .button-group.hollow .button.accent[disabled]:focus {\n  border: 1px solid #16a385;\n  color: #16a385;\n}\n.button-group.hollow.accent .button:hover, .button-group.hollow.accent .button:focus, .button-group.hollow .button.accent:hover, .button-group.hollow .button.accent:focus {\n  border-color: #0b5243;\n  color: #0b5243;\n}\n.button-group.hollow.info .button, .button-group.hollow.info .button.disabled, .button-group.hollow.info .button[disabled], .button-group.hollow.info .button.disabled:hover, .button-group.hollow.info .button[disabled]:hover, .button-group.hollow.info .button.disabled:focus, .button-group.hollow.info .button[disabled]:focus, .button-group.hollow .button.info, .button-group.hollow .button.info.disabled, .button-group.hollow .button.info[disabled], .button-group.hollow .button.info.disabled:hover, .button-group.hollow .button.info[disabled]:hover, .button-group.hollow .button.info.disabled:focus, .button-group.hollow .button.info[disabled]:focus {\n  border: 1px solid #a3988c;\n  color: #a3988c;\n}\n.button-group.hollow.info .button:hover, .button-group.hollow.info .button:focus, .button-group.hollow .button.info:hover, .button-group.hollow .button.info:focus {\n  border-color: #544c43;\n  color: #544c43;\n}\n.button-group.hollow.highlight .button, .button-group.hollow.highlight .button.disabled, .button-group.hollow.highlight .button[disabled], .button-group.hollow.highlight .button.disabled:hover, .button-group.hollow.highlight .button[disabled]:hover, .button-group.hollow.highlight .button.disabled:focus, .button-group.hollow.highlight .button[disabled]:focus, .button-group.hollow .button.highlight, .button-group.hollow .button.highlight.disabled, .button-group.hollow .button.highlight[disabled], .button-group.hollow .button.highlight.disabled:hover, .button-group.hollow .button.highlight[disabled]:hover, .button-group.hollow .button.highlight.disabled:focus, .button-group.hollow .button.highlight[disabled]:focus {\n  border: 1px solid #7742bd;\n  color: #7742bd;\n}\n.button-group.hollow.highlight .button:hover, .button-group.hollow.highlight .button:focus, .button-group.hollow .button.highlight:hover, .button-group.hollow .button.highlight:focus {\n  border-color: #3c215f;\n  color: #3c215f;\n}\n.button-group.hollow.acc .button, .button-group.hollow.acc .button.disabled, .button-group.hollow.acc .button[disabled], .button-group.hollow.acc .button.disabled:hover, .button-group.hollow.acc .button[disabled]:hover, .button-group.hollow.acc .button.disabled:focus, .button-group.hollow.acc .button[disabled]:focus, .button-group.hollow .button.acc, .button-group.hollow .button.acc.disabled, .button-group.hollow .button.acc[disabled], .button-group.hollow .button.acc.disabled:hover, .button-group.hollow .button.acc[disabled]:hover, .button-group.hollow .button.acc.disabled:focus, .button-group.hollow .button.acc[disabled]:focus {\n  border: 1px solid #004176;\n  color: #004176;\n}\n.button-group.hollow.acc .button:hover, .button-group.hollow.acc .button:focus, .button-group.hollow .button.acc:hover, .button-group.hollow .button.acc:focus {\n  border-color: #00213b;\n  color: #00213b;\n}\n.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {\n  border-color: transparent;\n  background-color: transparent;\n}\n.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {\n  color: #198dae;\n}\n.button-group.clear .button:hover, .button-group.clear .button:focus {\n  color: #0d4757;\n}\n.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {\n  color: #198dae;\n}\n.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {\n  color: #0d4757;\n}\n.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {\n  color: #676a72;\n}\n.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {\n  color: #343539;\n}\n.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {\n  color: #078a2e;\n}\n.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {\n  color: #044517;\n}\n.button-group.clear.shade .button, .button-group.clear.shade .button.disabled, .button-group.clear.shade .button[disabled], .button-group.clear.shade .button.disabled:hover, .button-group.clear.shade .button[disabled]:hover, .button-group.clear.shade .button.disabled:focus, .button-group.clear.shade .button[disabled]:focus, .button-group.clear .button.shade, .button-group.clear .button.shade.disabled, .button-group.clear .button.shade[disabled], .button-group.clear .button.shade.disabled:hover, .button-group.clear .button.shade[disabled]:hover, .button-group.clear .button.shade.disabled:focus, .button-group.clear .button.shade[disabled]:focus {\n  color: #878585;\n}\n.button-group.clear.shade .button:hover, .button-group.clear.shade .button:focus, .button-group.clear .button.shade:hover, .button-group.clear .button.shade:focus {\n  color: #444242;\n}\n.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {\n  color: #da8210;\n}\n.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {\n  color: #6d4108;\n}\n.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {\n  color: #dd1a1a;\n}\n.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {\n  color: #6f0d0d;\n}\n.button-group.clear.navigation .button, .button-group.clear.navigation .button.disabled, .button-group.clear.navigation .button[disabled], .button-group.clear.navigation .button.disabled:hover, .button-group.clear.navigation .button[disabled]:hover, .button-group.clear.navigation .button.disabled:focus, .button-group.clear.navigation .button[disabled]:focus, .button-group.clear .button.navigation, .button-group.clear .button.navigation.disabled, .button-group.clear .button.navigation[disabled], .button-group.clear .button.navigation.disabled:hover, .button-group.clear .button.navigation[disabled]:hover, .button-group.clear .button.navigation.disabled:focus, .button-group.clear .button.navigation[disabled]:focus {\n  color: #2b58c0;\n}\n.button-group.clear.navigation .button:hover, .button-group.clear.navigation .button:focus, .button-group.clear .button.navigation:hover, .button-group.clear .button.navigation:focus {\n  color: #162c60;\n}\n.button-group.clear.accent .button, .button-group.clear.accent .button.disabled, .button-group.clear.accent .button[disabled], .button-group.clear.accent .button.disabled:hover, .button-group.clear.accent .button[disabled]:hover, .button-group.clear.accent .button.disabled:focus, .button-group.clear.accent .button[disabled]:focus, .button-group.clear .button.accent, .button-group.clear .button.accent.disabled, .button-group.clear .button.accent[disabled], .button-group.clear .button.accent.disabled:hover, .button-group.clear .button.accent[disabled]:hover, .button-group.clear .button.accent.disabled:focus, .button-group.clear .button.accent[disabled]:focus {\n  color: #16a385;\n}\n.button-group.clear.accent .button:hover, .button-group.clear.accent .button:focus, .button-group.clear .button.accent:hover, .button-group.clear .button.accent:focus {\n  color: #0b5243;\n}\n.button-group.clear.info .button, .button-group.clear.info .button.disabled, .button-group.clear.info .button[disabled], .button-group.clear.info .button.disabled:hover, .button-group.clear.info .button[disabled]:hover, .button-group.clear.info .button.disabled:focus, .button-group.clear.info .button[disabled]:focus, .button-group.clear .button.info, .button-group.clear .button.info.disabled, .button-group.clear .button.info[disabled], .button-group.clear .button.info.disabled:hover, .button-group.clear .button.info[disabled]:hover, .button-group.clear .button.info.disabled:focus, .button-group.clear .button.info[disabled]:focus {\n  color: #a3988c;\n}\n.button-group.clear.info .button:hover, .button-group.clear.info .button:focus, .button-group.clear .button.info:hover, .button-group.clear .button.info:focus {\n  color: #544c43;\n}\n.button-group.clear.highlight .button, .button-group.clear.highlight .button.disabled, .button-group.clear.highlight .button[disabled], .button-group.clear.highlight .button.disabled:hover, .button-group.clear.highlight .button[disabled]:hover, .button-group.clear.highlight .button.disabled:focus, .button-group.clear.highlight .button[disabled]:focus, .button-group.clear .button.highlight, .button-group.clear .button.highlight.disabled, .button-group.clear .button.highlight[disabled], .button-group.clear .button.highlight.disabled:hover, .button-group.clear .button.highlight[disabled]:hover, .button-group.clear .button.highlight.disabled:focus, .button-group.clear .button.highlight[disabled]:focus {\n  color: #7742bd;\n}\n.button-group.clear.highlight .button:hover, .button-group.clear.highlight .button:focus, .button-group.clear .button.highlight:hover, .button-group.clear .button.highlight:focus {\n  color: #3c215f;\n}\n.button-group.clear.acc .button, .button-group.clear.acc .button.disabled, .button-group.clear.acc .button[disabled], .button-group.clear.acc .button.disabled:hover, .button-group.clear.acc .button[disabled]:hover, .button-group.clear.acc .button.disabled:focus, .button-group.clear.acc .button[disabled]:focus, .button-group.clear .button.acc, .button-group.clear .button.acc.disabled, .button-group.clear .button.acc[disabled], .button-group.clear .button.acc.disabled:hover, .button-group.clear .button.acc[disabled]:hover, .button-group.clear .button.acc.disabled:focus, .button-group.clear .button.acc[disabled]:focus {\n  color: #004176;\n}\n.button-group.clear.acc .button:hover, .button-group.clear.acc .button:focus, .button-group.clear .button.acc:hover, .button-group.clear .button.acc:focus {\n  color: #00213b;\n}\n.button-group.no-gaps .button {\n  margin-right: -0.0625rem;\n}\n.button-group.no-gaps .button + .button {\n  border-left-color: transparent;\n}\n.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {\n  flex-wrap: wrap;\n}\n.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {\n  flex: 0 0 100%;\n}\n.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {\n  margin-bottom: 0;\n}\n.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {\n  flex: 1 1 0px;\n}\n@media print, screen and (min-width: 40em) {\n  .button-group.stacked-for-small .button {\n    flex: 0 0 auto;\n    margin-bottom: 0;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .button-group.stacked-for-medium .button {\n    flex: 0 0 auto;\n    margin-bottom: 0;\n  }\n}\n@media print, screen and (max-width: 39.99875em) {\n  .button-group.stacked-for-small.expanded {\n    display: block;\n  }\n  .button-group.stacked-for-small.expanded .button {\n    display: block;\n    margin-right: 0;\n  }\n}\n@media print, screen and (max-width: 63.99875em) {\n  .button-group.stacked-for-medium.expanded {\n    display: block;\n  }\n  .button-group.stacked-for-medium.expanded .button {\n    display: block;\n    margin-right: 0;\n  }\n}\n\n.close-button {\n  position: absolute;\n  z-index: 10;\n  color: #8cc6d7;\n  cursor: pointer;\n}\n[data-whatinput=mouse] .close-button {\n  outline: 0;\n}\n.close-button:hover, .close-button:focus {\n  color: white;\n}\n.close-button.small {\n  right: 0rem;\n  top: 0em;\n  font-size: 1.125em;\n  line-height: 1;\n}\n\n.close-button, .close-button.medium {\n  right: 0rem;\n  top: 0rem;\n  font-size: 1.265625em;\n  line-height: 1;\n}\n\n.label {\n  display: inline-block;\n  padding: 0.33333rem 0.5rem;\n  border-radius: 0px;\n  font-size: 0.8rem;\n  line-height: 1;\n  white-space: nowrap;\n  cursor: default;\n  background: #198dae;\n  color: white;\n}\n.label.primary {\n  background: #198dae;\n  color: white;\n}\n.label.secondary {\n  background: #676a72;\n  color: white;\n}\n.label.success {\n  background: #078a2e;\n  color: white;\n}\n.label.shade {\n  background: #878585;\n  color: #131212;\n}\n.label.warning {\n  background: #da8210;\n  color: #131212;\n}\n.label.alert {\n  background: #dd1a1a;\n  color: white;\n}\n.label.navigation {\n  background: #2b58c0;\n  color: white;\n}\n.label.accent {\n  background: #16a385;\n  color: #131212;\n}\n.label.info {\n  background: #a3988c;\n  color: #131212;\n}\n.label.highlight {\n  background: #7742bd;\n  color: white;\n}\n.label.acc {\n  background: #004176;\n  color: white;\n}\n\n.progress {\n  height: 1rem;\n  margin-bottom: 1rem;\n  border-radius: 0px;\n  background-color: #cacaca;\n}\n.progress.primary .progress-meter {\n  background-color: #198dae;\n}\n.progress.secondary .progress-meter {\n  background-color: #676a72;\n}\n.progress.success .progress-meter {\n  background-color: #078a2e;\n}\n.progress.shade .progress-meter {\n  background-color: #878585;\n}\n.progress.warning .progress-meter {\n  background-color: #da8210;\n}\n.progress.alert .progress-meter {\n  background-color: #dd1a1a;\n}\n.progress.navigation .progress-meter {\n  background-color: #2b58c0;\n}\n.progress.accent .progress-meter {\n  background-color: #16a385;\n}\n.progress.info .progress-meter {\n  background-color: #a3988c;\n}\n.progress.highlight .progress-meter {\n  background-color: #7742bd;\n}\n.progress.acc .progress-meter {\n  background-color: #004176;\n}\n\n.progress-meter {\n  position: relative;\n  display: block;\n  width: 0%;\n  height: 100%;\n  background-color: #198dae;\n}\n\n.progress-meter-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  margin: 0;\n  font-size: 0.75rem;\n  font-weight: bold;\n  color: white;\n  white-space: nowrap;\n}\n\n.slider {\n  position: relative;\n  height: 0.5rem;\n  margin-top: 1.25rem;\n  margin-bottom: 2.25rem;\n  background-color: #e6e6e6;\n  cursor: pointer;\n  user-select: none;\n  touch-action: none;\n}\n\n.slider-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  max-width: 100%;\n  height: 0.5rem;\n  background-color: #cacaca;\n  transition: all 0.2s ease-in-out;\n}\n.slider-fill.is-dragging {\n  transition: all 0s linear;\n}\n\n.slider-handle {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  z-index: 1;\n  display: inline-block;\n  width: 1.4rem;\n  height: 1.4rem;\n  border-radius: 0px;\n  background-color: #198dae;\n  transition: all 0.2s ease-in-out;\n  touch-action: manipulation;\n}\n[data-whatinput=mouse] .slider-handle {\n  outline: 0;\n}\n.slider-handle:hover {\n  background-color: #157894;\n}\n.slider-handle.is-dragging {\n  transition: all 0s linear;\n}\n\n.slider.disabled,\n.slider[disabled] {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n\n.slider.vertical {\n  display: inline-block;\n  width: 0.5rem;\n  height: 12.5rem;\n  margin: 0 1.25rem;\n  transform: scale(1, -1);\n}\n.slider.vertical .slider-fill {\n  top: 0;\n  width: 0.5rem;\n  max-height: 100%;\n}\n.slider.vertical .slider-handle {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 1.4rem;\n  height: 1.4rem;\n  transform: translateX(-50%);\n}\n\n.switch {\n  height: 2rem;\n  position: relative;\n  margin-bottom: 1rem;\n  outline: 0;\n  font-size: 0.875rem;\n  font-weight: bold;\n  color: white;\n  user-select: none;\n}\n\n.switch-input {\n  position: absolute;\n  margin-bottom: 0;\n  opacity: 0;\n}\n\n.switch-paddle {\n  position: relative;\n  display: block;\n  width: 4rem;\n  height: 2rem;\n  border-radius: 0px;\n  background: #cacaca;\n  transition: all 0.25s ease-out;\n  font-weight: inherit;\n  color: inherit;\n  cursor: pointer;\n}\ninput + .switch-paddle {\n  margin: 0;\n}\n.switch-paddle::after {\n  position: absolute;\n  top: 0.25rem;\n  left: 0.25rem;\n  display: block;\n  width: 1.5rem;\n  height: 1.5rem;\n  transform: translate3d(0, 0, 0);\n  border-radius: 0px;\n  background: white;\n  transition: all 0.25s ease-out;\n  content: \"\";\n}\ninput:checked ~ .switch-paddle {\n  background: #198dae;\n}\ninput:checked ~ .switch-paddle::after {\n  left: 2.25rem;\n}\ninput:disabled ~ .switch-paddle {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n[data-whatinput=mouse] input:focus ~ .switch-paddle {\n  outline: 0;\n}\n\n.switch-inactive, .switch-active {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.switch-active {\n  left: 8%;\n  display: none;\n}\ninput:checked + label > .switch-active {\n  display: block;\n}\n\n.switch-inactive {\n  right: 15%;\n}\ninput:checked + label > .switch-inactive {\n  display: none;\n}\n\n.switch.tiny {\n  height: 1.5rem;\n}\n.switch.tiny .switch-paddle {\n  width: 3rem;\n  height: 1.5rem;\n  font-size: 0.625rem;\n}\n.switch.tiny .switch-paddle::after {\n  top: 0.25rem;\n  left: 0.25rem;\n  width: 1rem;\n  height: 1rem;\n}\n.switch.tiny input:checked ~ .switch-paddle::after {\n  left: 1.75rem;\n}\n\n.switch.small {\n  height: 1.75rem;\n}\n.switch.small .switch-paddle {\n  width: 3.5rem;\n  height: 1.75rem;\n  font-size: 0.75rem;\n}\n.switch.small .switch-paddle::after {\n  top: 0.25rem;\n  left: 0.25rem;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.switch.small input:checked ~ .switch-paddle::after {\n  left: 2rem;\n}\n\n.switch.large {\n  height: 2.5rem;\n}\n.switch.large .switch-paddle {\n  width: 5rem;\n  height: 2.5rem;\n  font-size: 1rem;\n}\n.switch.large .switch-paddle::after {\n  top: 0.25rem;\n  left: 0.25rem;\n  width: 2rem;\n  height: 2rem;\n}\n.switch.large input:checked ~ .switch-paddle::after {\n  left: 2.75rem;\n}\n\ntable {\n  border-collapse: collapse;\n  width: 100%;\n  margin-bottom: 1rem;\n  border-radius: 0px;\n}\nthead,\ntbody,\ntfoot {\n  border: 1px solid #f2f2f2;\n  background-color: white;\n}\n\ncaption {\n  padding: 0.5rem 0.625rem 0.625rem;\n  font-weight: bold;\n}\n\nthead {\n  background: #f9f9f9;\n  color: #131212;\n}\n\ntfoot {\n  background: #f2f2f2;\n  color: #131212;\n}\n\nthead tr,\ntfoot tr {\n  background: transparent;\n}\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  padding: 0.5rem 0.625rem 0.625rem;\n  font-weight: bold;\n  text-align: left;\n}\n\ntbody th,\ntbody td {\n  padding: 0.5rem 0.625rem 0.625rem;\n}\n\ntbody tr:nth-child(even) {\n  border-bottom: 0;\n  background-color: #f2f2f2;\n}\n\ntable.unstriped tbody {\n  background-color: white;\n}\ntable.unstriped tbody tr {\n  border-bottom: 0;\n  border-bottom: 1px solid #f2f2f2;\n  background-color: white;\n}\n\n@media print, screen and (max-width: 63.99875em) {\n  table.stack thead {\n    display: none;\n  }\n  table.stack tfoot {\n    display: none;\n  }\n  table.stack tr,\ntable.stack th,\ntable.stack td {\n    display: block;\n  }\n  table.stack td {\n    border-top: 0;\n  }\n}\n\ntable.scroll {\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n}\n\ntable.hover thead tr:hover {\n  background-color: #f4f4f4;\n}\ntable.hover tfoot tr:hover {\n  background-color: #ededed;\n}\ntable.hover tbody tr:hover {\n  background-color: #fafafa;\n}\ntable.hover:not(.unstriped) tr:nth-of-type(even):hover {\n  background-color: #ededed;\n}\n\n.table-scroll {\n  overflow-x: auto;\n}\n\n.badge {\n  display: inline-block;\n  min-width: 2.1em;\n  padding: 0.3em;\n  border-radius: 50%;\n  font-size: 0.6rem;\n  text-align: center;\n  background: #198dae;\n  color: white;\n}\n.badge.primary {\n  background: #198dae;\n  color: white;\n}\n.badge.secondary {\n  background: #676a72;\n  color: white;\n}\n.badge.success {\n  background: #078a2e;\n  color: white;\n}\n.badge.shade {\n  background: #878585;\n  color: #131212;\n}\n.badge.warning {\n  background: #da8210;\n  color: #131212;\n}\n.badge.alert {\n  background: #dd1a1a;\n  color: white;\n}\n.badge.navigation {\n  background: #2b58c0;\n  color: white;\n}\n.badge.accent {\n  background: #16a385;\n  color: #131212;\n}\n.badge.info {\n  background: #a3988c;\n  color: #131212;\n}\n.badge.highlight {\n  background: #7742bd;\n  color: white;\n}\n.badge.acc {\n  background: #004176;\n  color: white;\n}\n\n.breadcrumbs {\n  margin: 0 0 1rem 0;\n  list-style: none;\n}\n.breadcrumbs::before, .breadcrumbs::after {\n  display: table;\n  content: \" \";\n  flex-basis: 0;\n  order: 1;\n}\n.breadcrumbs::after {\n  clear: both;\n}\n.breadcrumbs li {\n  float: left;\n  font-size: 0.6875rem;\n  color: #131212;\n  cursor: default;\n  text-transform: uppercase;\n}\n.breadcrumbs li:not(:last-child)::after {\n  position: relative;\n  margin: 0 0.75rem;\n  opacity: 1;\n  content: \"/\";\n  color: #cacaca;\n}\n.breadcrumbs a {\n  color: #198dae;\n}\n.breadcrumbs a:hover {\n  text-decoration: underline;\n}\n.breadcrumbs .disabled {\n  color: #cacaca;\n  cursor: not-allowed;\n}\n\n.callout {\n  position: relative;\n  margin: 0 0 1rem 0;\n  padding: 1rem;\n  border: 1px solid rgba(19, 18, 18, 0.25);\n  border-radius: 0px;\n  background-color: white;\n  color: #131212;\n}\n.callout > :first-child {\n  margin-top: 0;\n}\n.callout > :last-child {\n  margin-bottom: 0;\n}\n.callout.primary {\n  background-color: #d6f1f9;\n  color: #131212;\n}\n.callout.secondary {\n  background-color: #e8e9ea;\n  color: #131212;\n}\n.callout.success {\n  background-color: #cbfcda;\n  color: #131212;\n}\n.callout.shade {\n  background-color: #ededed;\n  color: #131212;\n}\n.callout.warning {\n  background-color: #fcedd8;\n  color: #131212;\n}\n.callout.alert {\n  background-color: #fbdcdc;\n  color: #131212;\n}\n.callout.navigation {\n  background-color: #dde5f7;\n  color: #131212;\n}\n.callout.accent {\n  background-color: #d4f9f1;\n  color: #131212;\n}\n.callout.info {\n  background-color: #f1f0ee;\n  color: #131212;\n}\n.callout.highlight {\n  background-color: #ebe3f5;\n  color: #131212;\n}\n.callout.acc {\n  background-color: #c4e5ff;\n  color: #131212;\n}\n.callout.small {\n  padding-top: 0.5rem;\n  padding-right: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 0.5rem;\n}\n.callout.large {\n  padding-top: 3rem;\n  padding-right: 3rem;\n  padding-bottom: 3rem;\n  padding-left: 3rem;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: 1rem;\n  border: 1px solid #e6e6e6;\n  border-radius: 0px;\n  background: white;\n  box-shadow: none;\n  overflow: hidden;\n  color: #131212;\n}\n.card > :last-child {\n  margin-bottom: 0;\n}\n\n.card-divider {\n  display: flex;\n  flex: 0 1 auto;\n  padding: 1rem;\n  background: #e6e6e6;\n}\n.card-divider > :last-child {\n  margin-bottom: 0;\n}\n\n.card-section {\n  flex: 1 0 auto;\n  padding: 1rem;\n}\n.card-section > :last-child {\n  margin-bottom: 0;\n}\n\n.card-image {\n  min-height: 1px;\n}\n\n.dropdown-pane {\n  position: absolute;\n  z-index: 10;\n  display: none;\n  width: 300px;\n  padding: 1rem;\n  visibility: hidden;\n  border: 1px solid #cacaca;\n  border-radius: 0px;\n  background-color: white;\n  font-size: 1rem;\n}\n.dropdown-pane.is-opening {\n  display: block;\n}\n.dropdown-pane.is-open {\n  display: block;\n  visibility: visible;\n}\n\n.dropdown-pane.tiny {\n  width: 100px;\n}\n\n.dropdown-pane.small {\n  width: 200px;\n}\n\n.dropdown-pane.large {\n  width: 400px;\n}\n\n.pagination {\n  margin-left: 0;\n  margin-bottom: 1rem;\n}\n.pagination::before, .pagination::after {\n  display: table;\n  content: \" \";\n  flex-basis: 0;\n  order: 1;\n}\n.pagination::after {\n  clear: both;\n}\n.pagination li {\n  margin-right: 0.0625rem;\n  border-radius: 0px;\n  font-size: 0.875rem;\n  display: none;\n}\n.pagination li:last-child, .pagination li:first-child {\n  display: inline-block;\n}\n@media print, screen and (min-width: 40em) {\n  .pagination li {\n    display: inline-block;\n  }\n}\n.pagination a,\n.pagination button {\n  display: block;\n  padding: 0.1875rem 0.625rem;\n  border-radius: 0px;\n  color: #131212;\n}\n.pagination a:hover,\n.pagination button:hover {\n  background: #e6e6e6;\n}\n.pagination .current {\n  padding: 0.1875rem 0.625rem;\n  background: #198dae;\n  color: white;\n  cursor: default;\n}\n.pagination .disabled {\n  padding: 0.1875rem 0.625rem;\n  color: #cacaca;\n  cursor: not-allowed;\n}\n.pagination .disabled:hover {\n  background: transparent;\n}\n.pagination .ellipsis::after {\n  padding: 0.1875rem 0.625rem;\n  content: \"…\";\n  color: #131212;\n}\n\n.has-tip {\n  position: relative;\n  display: inline-block;\n  border-bottom: dotted 1px #8a8a8a;\n  font-weight: bold;\n  cursor: help;\n}\n\n.tooltip {\n  position: absolute;\n  top: calc(100% + 0.6495rem);\n  z-index: 1200;\n  max-width: 10rem;\n  padding: 0.75rem;\n  border-radius: 0px;\n  background-color: #131212;\n  font-size: 80%;\n  color: white;\n}\n.tooltip::before {\n  position: absolute;\n}\n.tooltip.bottom::before {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 0.75rem;\n  content: \"\";\n  border-top-width: 0;\n  border-color: transparent transparent #131212;\n  bottom: 100%;\n}\n.tooltip.bottom.align-center::before {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.tooltip.top::before {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 0.75rem;\n  content: \"\";\n  border-bottom-width: 0;\n  border-color: #131212 transparent transparent;\n  top: 100%;\n  bottom: auto;\n}\n.tooltip.top.align-center::before {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.tooltip.left::before {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 0.75rem;\n  content: \"\";\n  border-right-width: 0;\n  border-color: transparent transparent transparent #131212;\n  left: 100%;\n}\n.tooltip.left.align-center::before {\n  bottom: auto;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tooltip.right::before {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 0.75rem;\n  content: \"\";\n  border-left-width: 0;\n  border-color: transparent #131212 transparent transparent;\n  right: 100%;\n  left: auto;\n}\n.tooltip.right.align-center::before {\n  bottom: auto;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tooltip.align-top::before {\n  bottom: auto;\n  top: 10%;\n}\n.tooltip.align-bottom::before {\n  bottom: 10%;\n  top: auto;\n}\n.tooltip.align-left::before {\n  left: 10%;\n  right: auto;\n}\n.tooltip.align-right::before {\n  left: auto;\n  right: 10%;\n}\n\n.accordion {\n  margin-left: 0;\n  background: white;\n  list-style-type: none;\n}\n.accordion[disabled] .accordion-title {\n  cursor: not-allowed;\n}\n\n.accordion-item:first-child > :first-child {\n  border-radius: 0px 0px 0 0;\n}\n.accordion-item:last-child > :last-child {\n  border-radius: 0 0 0px 0px;\n}\n\n.accordion-title {\n  position: relative;\n  display: block;\n  padding: 1.25rem 1rem;\n  border: 1px solid #e6e6e6;\n  border-bottom: 0;\n  font-size: 0.75rem;\n  line-height: 1;\n  color: #198dae;\n}\n:last-child:not(.is-active) > .accordion-title {\n  border-bottom: 1px solid #e6e6e6;\n  border-radius: 0 0 0px 0px;\n}\n.accordion-title:hover, .accordion-title:focus {\n  background-color: #e6e6e6;\n}\n\n.accordion-content {\n  display: none;\n  padding: 1rem;\n  border: 1px solid #e6e6e6;\n  border-bottom: 0;\n  background-color: white;\n  color: #131212;\n}\n:last-child > .accordion-content:last-child {\n  border-bottom: 1px solid #e6e6e6;\n}\n\n.media-object {\n  display: flex;\n  margin-bottom: 1rem;\n  flex-wrap: nowrap;\n}\n.media-object img {\n  max-width: none;\n}\n@media print, screen and (max-width: 39.99875em) {\n  .media-object.stack-for-small {\n    flex-wrap: wrap;\n  }\n}\n\n.media-object-section {\n  flex: 0 1 auto;\n}\n.media-object-section:first-child {\n  padding-right: 1rem;\n}\n.media-object-section:last-child:not(:nth-child(2)) {\n  padding-left: 1rem;\n}\n.media-object-section > :last-child {\n  margin-bottom: 0;\n}\n@media print, screen and (max-width: 39.99875em) {\n  .stack-for-small .media-object-section {\n    padding: 0;\n    padding-bottom: 1rem;\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .stack-for-small .media-object-section img {\n    width: 100%;\n  }\n}\n.media-object-section.main-section {\n  flex: 1 1 0px;\n}\n\n.orbit {\n  position: relative;\n}\n\n.orbit-container {\n  position: relative;\n  height: 0;\n  margin: 0;\n  list-style: none;\n  overflow: hidden;\n}\n\n.orbit-slide {\n  width: 100%;\n  position: absolute;\n}\n.orbit-slide.no-motionui.is-active {\n  top: 0;\n  left: 0;\n}\n\n.orbit-figure {\n  margin: 0;\n}\n\n.orbit-image {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n\n.orbit-caption {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  margin-bottom: 0;\n  padding: 1rem;\n  background-color: rgba(19, 18, 18, 0.5);\n  color: white;\n}\n\n.orbit-next, .orbit-previous {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 10;\n  padding: 1rem;\n  color: white;\n}\n[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {\n  outline: 0;\n}\n.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {\n  background-color: rgba(19, 18, 18, 0.5);\n}\n\n.orbit-previous {\n  left: 0;\n}\n\n.orbit-next {\n  left: auto;\n  right: 0;\n}\n\n.orbit-bullets {\n  position: relative;\n  margin-top: 0.8rem;\n  margin-bottom: 0.8rem;\n  text-align: center;\n}\n[data-whatinput=mouse] .orbit-bullets {\n  outline: 0;\n}\n.orbit-bullets button {\n  width: 1.2rem;\n  height: 1.2rem;\n  margin: 0.1rem;\n  border-radius: 50%;\n  background-color: #cacaca;\n}\n.orbit-bullets button:hover {\n  background-color: #8a8a8a;\n}\n.orbit-bullets button.is-active {\n  background-color: #8a8a8a;\n}\n\n.responsive-embed,\n.flex-video {\n  position: relative;\n  height: 0;\n  margin-bottom: 1rem;\n  padding-bottom: 75%;\n  overflow: hidden;\n}\n.responsive-embed iframe,\n.responsive-embed object,\n.responsive-embed embed,\n.responsive-embed video,\n.flex-video iframe,\n.flex-video object,\n.flex-video embed,\n.flex-video video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.responsive-embed.widescreen,\n.flex-video.widescreen {\n  padding-bottom: 56.25%;\n}\n\n.tabs {\n  margin: 0;\n  border: 1px solid #e6e6e6;\n  background: white;\n  list-style-type: none;\n}\n.tabs::before, .tabs::after {\n  display: table;\n  content: \" \";\n  flex-basis: 0;\n  order: 1;\n}\n.tabs::after {\n  clear: both;\n}\n\n.tabs.vertical > li {\n  display: block;\n  float: none;\n  width: auto;\n}\n\n.tabs.simple > li > a {\n  padding: 0;\n}\n.tabs.simple > li > a:hover {\n  background: transparent;\n}\n\n.tabs.primary {\n  background: #198dae;\n}\n.tabs.primary > li > a {\n  color: white;\n}\n.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {\n  background: #1b98bc;\n}\n\n.tabs-title {\n  float: left;\n}\n.tabs-title > a {\n  display: block;\n  padding: 0.5rem 1rem;\n  font-size: 1em;\n  line-height: 1;\n  color: #198dae;\n}\n[data-whatinput=mouse] .tabs-title > a {\n  outline: 0;\n}\n.tabs-title > a:hover {\n  background: white;\n  color: #167996;\n}\n.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {\n  background: white;\n  color: #131212;\n}\n\n.tabs-content {\n  border: 1px solid #e6e6e6;\n  border-top: 0;\n  background: white;\n  color: #131212;\n  transition: all 0.5s ease;\n}\n\n.tabs-content.vertical {\n  border: 1px solid #e6e6e6;\n  border-left: 0;\n}\n\n.tabs-panel {\n  display: none;\n  padding: 1rem;\n}\n.tabs-panel.is-active {\n  display: block;\n}\n\n.thumbnail {\n  display: inline-block;\n  max-width: 100%;\n  margin-bottom: 1rem;\n  border: 4px solid white;\n  border-radius: 0px;\n  box-shadow: 0 0 0 1px rgba(19, 18, 18, 0.2);\n  line-height: 0;\n}\n\na.thumbnail {\n  transition: box-shadow 200ms ease-out;\n}\na.thumbnail:hover, a.thumbnail:focus {\n  box-shadow: 0 0 6px 1px rgba(25, 141, 174, 0.5);\n}\na.thumbnail image {\n  box-shadow: none;\n}\n\n.menu {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n}\n[data-whatinput=mouse] .menu li {\n  outline: 0;\n}\n.menu a,\n.menu .button {\n  line-height: 1;\n  text-decoration: none;\n  display: block;\n  padding: 0.7rem 1rem;\n}\n.menu input,\n.menu select,\n.menu a,\n.menu button {\n  margin-bottom: 0;\n}\n.menu input {\n  display: inline-block;\n}\n.menu, .menu.horizontal {\n  flex-wrap: wrap;\n  flex-direction: row;\n}\n.menu.vertical {\n  flex-wrap: nowrap;\n  flex-direction: column;\n}\n.menu.vertical.icon-top li a img,\n.menu.vertical.icon-top li a i,\n.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,\n.menu.vertical.icon-bottom li a i,\n.menu.vertical.icon-bottom li a svg {\n  text-align: left;\n}\n.menu.expanded li {\n  flex: 1 1 0px;\n}\n.menu.expanded.icon-top li a img,\n.menu.expanded.icon-top li a i,\n.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,\n.menu.expanded.icon-bottom li a i,\n.menu.expanded.icon-bottom li a svg {\n  text-align: left;\n}\n.menu.simple {\n  align-items: center;\n}\n.menu.simple li + li {\n  margin-left: 1rem;\n}\n.menu.simple a {\n  padding: 0;\n}\n@media print, screen and (min-width: 40em) {\n  .menu.medium-horizontal {\n    flex-wrap: wrap;\n    flex-direction: row;\n  }\n  .menu.medium-vertical {\n    flex-wrap: nowrap;\n    flex-direction: column;\n  }\n  .menu.medium-expanded li {\n    flex: 1 1 0px;\n  }\n  .menu.medium-simple li {\n    flex: 1 1 0px;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .menu.large-horizontal {\n    flex-wrap: wrap;\n    flex-direction: row;\n  }\n  .menu.large-vertical {\n    flex-wrap: nowrap;\n    flex-direction: column;\n  }\n  .menu.large-expanded li {\n    flex: 1 1 0px;\n  }\n  .menu.large-simple li {\n    flex: 1 1 0px;\n  }\n}\n.menu.nested {\n  margin-right: 0;\n  margin-left: 1rem;\n}\n.menu.icons a {\n  display: flex;\n}\n.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {\n  display: flex;\n}\n.menu.icon-left li a, .menu.nested.icon-left li a {\n  flex-flow: row nowrap;\n}\n.menu.icon-left li a img,\n.menu.icon-left li a i,\n.menu.icon-left li a svg, .menu.nested.icon-left li a img,\n.menu.nested.icon-left li a i,\n.menu.nested.icon-left li a svg {\n  margin-right: 0.25rem;\n}\n.menu.icon-right li a, .menu.nested.icon-right li a {\n  flex-flow: row nowrap;\n}\n.menu.icon-right li a img,\n.menu.icon-right li a i,\n.menu.icon-right li a svg, .menu.nested.icon-right li a img,\n.menu.nested.icon-right li a i,\n.menu.nested.icon-right li a svg {\n  margin-left: 0.25rem;\n}\n.menu.icon-top li a, .menu.nested.icon-top li a {\n  flex-flow: column nowrap;\n}\n.menu.icon-top li a img,\n.menu.icon-top li a i,\n.menu.icon-top li a svg, .menu.nested.icon-top li a img,\n.menu.nested.icon-top li a i,\n.menu.nested.icon-top li a svg {\n  align-self: stretch;\n  margin-bottom: 0.25rem;\n  text-align: center;\n}\n.menu.icon-bottom li a, .menu.nested.icon-bottom li a {\n  flex-flow: column nowrap;\n}\n.menu.icon-bottom li a img,\n.menu.icon-bottom li a i,\n.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,\n.menu.nested.icon-bottom li a i,\n.menu.nested.icon-bottom li a svg {\n  align-self: stretch;\n  margin-bottom: 0.25rem;\n  text-align: center;\n}\n.menu .is-active > a {\n  background: #198dae;\n  color: white;\n}\n.menu .active > a {\n  background: #198dae;\n  color: white;\n}\n.menu.align-left {\n  justify-content: flex-start;\n}\n.menu.align-right li {\n  display: flex;\n  justify-content: flex-end;\n}\n.menu.align-right li .submenu li {\n  justify-content: flex-start;\n}\n.menu.align-right.vertical li {\n  display: block;\n  text-align: right;\n}\n.menu.align-right.vertical li .submenu li {\n  text-align: right;\n}\n.menu.align-right.icon-top li a img,\n.menu.align-right.icon-top li a i,\n.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,\n.menu.align-right.icon-bottom li a i,\n.menu.align-right.icon-bottom li a svg {\n  text-align: right;\n}\n.menu.align-right .nested {\n  margin-right: 1rem;\n  margin-left: 0;\n}\n.menu.align-center li {\n  display: flex;\n  justify-content: center;\n}\n.menu.align-center li .submenu li {\n  justify-content: flex-start;\n}\n.menu .menu-text {\n  padding: 0.7rem 1rem;\n  font-weight: bold;\n  line-height: 1;\n  color: inherit;\n}\n\n.menu-centered > .menu {\n  justify-content: center;\n}\n.menu-centered > .menu li {\n  display: flex;\n  justify-content: center;\n}\n.menu-centered > .menu li .submenu li {\n  justify-content: flex-start;\n}\n\n.no-js [data-responsive-menu] ul {\n  display: none;\n}\n\n.menu-icon {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  width: 20px;\n  height: 16px;\n  cursor: pointer;\n}\n.menu-icon::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 100%;\n  height: 2px;\n  background: white;\n  box-shadow: 0 7px 0 white, 0 14px 0 white;\n  content: \"\";\n}\n.menu-icon:hover::after {\n  background: #cacaca;\n  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;\n}\n\n.menu-icon.dark {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  width: 20px;\n  height: 16px;\n  cursor: pointer;\n}\n.menu-icon.dark::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 100%;\n  height: 2px;\n  background: #131212;\n  box-shadow: 0 7px 0 #131212, 0 14px 0 #131212;\n  content: \"\";\n}\n.menu-icon.dark:hover::after {\n  background: #8a8a8a;\n  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;\n}\n\n.accordion-menu li {\n  width: 100%;\n}\n.accordion-menu a {\n  padding: 0.7rem 1rem;\n}\n.accordion-menu .is-accordion-submenu a {\n  padding: 0.7rem 1rem;\n}\n.accordion-menu .nested.is-accordion-submenu {\n  margin-right: 0;\n  margin-left: 1rem;\n}\n.accordion-menu.align-right .nested.is-accordion-submenu {\n  margin-right: 1rem;\n  margin-left: 0;\n}\n.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {\n  position: relative;\n}\n.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-bottom-width: 0;\n  border-color: #198dae transparent transparent;\n  position: absolute;\n  top: 50%;\n  margin-top: -3px;\n  right: 1rem;\n}\n.accordion-menu.align-left .is-accordion-submenu-parent > a::after {\n  right: 1rem;\n  left: auto;\n}\n.accordion-menu.align-right .is-accordion-submenu-parent > a::after {\n  right: auto;\n  left: 1rem;\n}\n.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {\n  transform: rotate(180deg);\n  transform-origin: 50% 50%;\n}\n\n.is-accordion-submenu-parent {\n  position: relative;\n}\n\n.has-submenu-toggle > a {\n  margin-right: 40px;\n}\n\n.submenu-toggle {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.submenu-toggle::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-bottom-width: 0;\n  border-color: #198dae transparent transparent;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n}\n\n.submenu-toggle[aria-expanded=true]::after {\n  transform: scaleY(-1);\n  transform-origin: 50% 50%;\n}\n\n.submenu-toggle-text {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.is-drilldown {\n  position: relative;\n  overflow: hidden;\n}\n.is-drilldown li {\n  display: block;\n}\n.is-drilldown.animate-height {\n  transition: height 0.5s;\n}\n\n.drilldown a {\n  padding: 0.7rem 1rem;\n  background: white;\n}\n.drilldown .is-drilldown-submenu {\n  position: absolute;\n  top: 0;\n  left: 100%;\n  z-index: -1;\n  width: 100%;\n  background: white;\n  transition: transform 0.15s linear;\n}\n.drilldown .is-drilldown-submenu.is-active {\n  z-index: 1;\n  display: block;\n  transform: translateX(-100%);\n}\n.drilldown .is-drilldown-submenu.is-closing {\n  transform: translateX(100%);\n}\n.drilldown .is-drilldown-submenu a {\n  padding: 0.7rem 1rem;\n}\n.drilldown .nested.is-drilldown-submenu {\n  margin-right: 0;\n  margin-left: 0;\n}\n.drilldown .drilldown-submenu-cover-previous {\n  min-height: 100%;\n}\n.drilldown .is-drilldown-submenu-parent > a {\n  position: relative;\n}\n.drilldown .is-drilldown-submenu-parent > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-right-width: 0;\n  border-color: transparent transparent transparent #198dae;\n  position: absolute;\n  top: 50%;\n  margin-top: -6px;\n  right: 1rem;\n}\n.drilldown.align-left .is-drilldown-submenu-parent > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-right-width: 0;\n  border-color: transparent transparent transparent #198dae;\n  right: 1rem;\n  left: auto;\n}\n.drilldown.align-right .is-drilldown-submenu-parent > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-left-width: 0;\n  border-color: transparent #198dae transparent transparent;\n  right: auto;\n  left: 1rem;\n}\n.drilldown .js-drilldown-back > a::before {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-left-width: 0;\n  border-color: transparent #198dae transparent transparent;\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 0.75rem;\n}\n\n.dropdown.menu > li.opens-left > .is-dropdown-submenu {\n  top: 100%;\n  right: 0;\n  left: auto;\n}\n.dropdown.menu > li.opens-right > .is-dropdown-submenu {\n  top: 100%;\n  right: auto;\n  left: 0;\n}\n.dropdown.menu > li.is-dropdown-submenu-parent > a {\n  position: relative;\n  padding-right: 1.5rem;\n}\n.dropdown.menu > li.is-dropdown-submenu-parent > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-bottom-width: 0;\n  border-color: #198dae transparent transparent;\n  right: 5px;\n  left: auto;\n  margin-top: -3px;\n}\n[data-whatinput=mouse] .dropdown.menu a {\n  outline: 0;\n}\n.dropdown.menu > li > a {\n  background: white;\n  padding: 0.7rem 1rem;\n}\n.dropdown.menu > li.is-active > a {\n  background: transparent;\n  color: #198dae;\n}\n.no-js .dropdown.menu ul {\n  display: none;\n}\n.dropdown.menu .nested.is-dropdown-submenu {\n  margin-right: 0;\n  margin-left: 0;\n}\n.dropdown.menu.vertical > li .is-dropdown-submenu {\n  top: 0;\n}\n.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {\n  top: 0;\n  right: 100%;\n  left: auto;\n}\n.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {\n  right: auto;\n  left: 100%;\n}\n.dropdown.menu.vertical > li > a::after {\n  right: 14px;\n}\n.dropdown.menu.vertical > li.opens-left > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-left-width: 0;\n  border-color: transparent #198dae transparent transparent;\n  right: auto;\n  left: 5px;\n}\n.dropdown.menu.vertical > li.opens-right > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-right-width: 0;\n  border-color: transparent transparent transparent #198dae;\n}\n@media print, screen and (min-width: 40em) {\n  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {\n    top: 100%;\n    right: 0;\n    left: auto;\n  }\n  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {\n    top: 100%;\n    right: auto;\n    left: 0;\n  }\n  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {\n    position: relative;\n    padding-right: 1.5rem;\n  }\n  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px;\n    content: \"\";\n    border-bottom-width: 0;\n    border-color: #198dae transparent transparent;\n    right: 5px;\n    left: auto;\n    margin-top: -3px;\n  }\n  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {\n    top: 0;\n  }\n  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {\n    top: 0;\n    right: 100%;\n    left: auto;\n  }\n  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {\n    right: auto;\n    left: 100%;\n  }\n  .dropdown.menu.medium-vertical > li > a::after {\n    right: 14px;\n  }\n  .dropdown.menu.medium-vertical > li.opens-left > a::after {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px;\n    content: \"\";\n    border-left-width: 0;\n    border-color: transparent #198dae transparent transparent;\n    right: auto;\n    left: 5px;\n  }\n  .dropdown.menu.medium-vertical > li.opens-right > a::after {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px;\n    content: \"\";\n    border-right-width: 0;\n    border-color: transparent transparent transparent #198dae;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {\n    top: 100%;\n    right: 0;\n    left: auto;\n  }\n  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {\n    top: 100%;\n    right: auto;\n    left: 0;\n  }\n  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {\n    position: relative;\n    padding-right: 1.5rem;\n  }\n  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px;\n    content: \"\";\n    border-bottom-width: 0;\n    border-color: #198dae transparent transparent;\n    right: 5px;\n    left: auto;\n    margin-top: -3px;\n  }\n  .dropdown.menu.large-vertical > li .is-dropdown-submenu {\n    top: 0;\n  }\n  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {\n    top: 0;\n    right: 100%;\n    left: auto;\n  }\n  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {\n    right: auto;\n    left: 100%;\n  }\n  .dropdown.menu.large-vertical > li > a::after {\n    right: 14px;\n  }\n  .dropdown.menu.large-vertical > li.opens-left > a::after {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px;\n    content: \"\";\n    border-left-width: 0;\n    border-color: transparent #198dae transparent transparent;\n    right: auto;\n    left: 5px;\n  }\n  .dropdown.menu.large-vertical > li.opens-right > a::after {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px;\n    content: \"\";\n    border-right-width: 0;\n    border-color: transparent transparent transparent #198dae;\n  }\n}\n.dropdown.menu.align-right .is-dropdown-submenu.first-sub {\n  top: 100%;\n  right: 0;\n  left: auto;\n}\n\n.is-dropdown-menu.vertical {\n  width: 100px;\n}\n.is-dropdown-menu.vertical.align-right {\n  float: right;\n}\n\n.is-dropdown-submenu-parent {\n  position: relative;\n}\n.is-dropdown-submenu-parent a::after {\n  position: absolute;\n  top: 50%;\n  right: 5px;\n  left: auto;\n  margin-top: -6px;\n}\n.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {\n  top: 100%;\n  left: auto;\n}\n.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {\n  right: 100%;\n  left: auto;\n}\n.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {\n  right: auto;\n  left: 100%;\n}\n\n.is-dropdown-submenu {\n  position: absolute;\n  top: 0;\n  left: 100%;\n  z-index: 1;\n  display: none;\n  min-width: 200px;\n  border: 1px solid #cacaca;\n  background: white;\n}\n.dropdown .is-dropdown-submenu a {\n  padding: 0.7rem 1rem;\n}\n.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {\n  right: 14px;\n}\n.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-left-width: 0;\n  border-color: transparent #198dae transparent transparent;\n  right: auto;\n  left: 5px;\n}\n.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {\n  display: block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  content: \"\";\n  border-right-width: 0;\n  border-color: transparent transparent transparent #198dae;\n}\n.is-dropdown-submenu .is-dropdown-submenu {\n  margin-top: -1px;\n}\n.is-dropdown-submenu > li {\n  width: 100%;\n}\n.is-dropdown-submenu.js-dropdown-active {\n  display: block;\n}\n\n.is-off-canvas-open {\n  overflow: hidden;\n}\n\n.js-off-canvas-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 11;\n  width: 100%;\n  height: 100%;\n  transition: opacity 0.5s ease, visibility 0.5s ease;\n  background: rgba(255, 255, 255, 0.25);\n  opacity: 0;\n  visibility: hidden;\n  overflow: hidden;\n}\n.js-off-canvas-overlay.is-visible {\n  opacity: 1;\n  visibility: visible;\n}\n.js-off-canvas-overlay.is-closable {\n  cursor: pointer;\n}\n.js-off-canvas-overlay.is-overlay-absolute {\n  position: absolute;\n}\n.js-off-canvas-overlay.is-overlay-fixed {\n  position: fixed;\n}\n\n.off-canvas-wrapper {\n  position: relative;\n  overflow: hidden;\n}\n\n.off-canvas {\n  position: fixed;\n  z-index: 12;\n  transition: transform 0.5s ease;\n  backface-visibility: hidden;\n  background: #e6e6e6;\n}\n[data-whatinput=mouse] .off-canvas {\n  outline: 0;\n}\n.off-canvas.is-transition-push {\n  z-index: 12;\n}\n.off-canvas.is-closed {\n  visibility: hidden;\n}\n.off-canvas.is-transition-overlap {\n  z-index: 13;\n}\n.off-canvas.is-transition-overlap.is-open {\n  box-shadow: 0 0 10px rgba(19, 18, 18, 0.7);\n}\n.off-canvas.is-open {\n  transform: translate(0, 0);\n}\n.off-canvas-absolute {\n  position: absolute;\n  z-index: 12;\n  transition: transform 0.5s ease;\n  backface-visibility: hidden;\n  background: #e6e6e6;\n}\n[data-whatinput=mouse] .off-canvas-absolute {\n  outline: 0;\n}\n.off-canvas-absolute.is-transition-push {\n  z-index: 12;\n}\n.off-canvas-absolute.is-closed {\n  visibility: hidden;\n}\n.off-canvas-absolute.is-transition-overlap {\n  z-index: 13;\n}\n.off-canvas-absolute.is-transition-overlap.is-open {\n  box-shadow: 0 0 10px rgba(19, 18, 18, 0.7);\n}\n.off-canvas-absolute.is-open {\n  transform: translate(0, 0);\n}\n\n.position-left {\n  top: 0;\n  left: 0;\n  height: 100%;\n  overflow-y: auto;\n  width: 250px;\n  transform: translateX(-250px);\n}\n.off-canvas-content .off-canvas.position-left {\n  transform: translateX(-250px);\n}\n.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {\n  transform: translate(0, 0);\n}\n\n.off-canvas-content.is-open-left.has-transition-push {\n  transform: translateX(250px);\n}\n\n.position-left.is-transition-push {\n  box-shadow: inset -13px 0 20px -13px rgba(19, 18, 18, 0.25);\n}\n\n.position-right {\n  top: 0;\n  right: 0;\n  height: 100%;\n  overflow-y: auto;\n  width: 250px;\n  transform: translateX(250px);\n}\n.off-canvas-content .off-canvas.position-right {\n  transform: translateX(250px);\n}\n.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {\n  transform: translate(0, 0);\n}\n\n.off-canvas-content.is-open-right.has-transition-push {\n  transform: translateX(-250px);\n}\n\n.position-right.is-transition-push {\n  box-shadow: inset 13px 0 20px -13px rgba(19, 18, 18, 0.25);\n}\n\n.position-top {\n  top: 0;\n  left: 0;\n  width: 100%;\n  overflow-x: auto;\n  height: 250px;\n  transform: translateY(-250px);\n}\n.off-canvas-content .off-canvas.position-top {\n  transform: translateY(-250px);\n}\n.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {\n  transform: translate(0, 0);\n}\n\n.off-canvas-content.is-open-top.has-transition-push {\n  transform: translateY(250px);\n}\n\n.position-top.is-transition-push {\n  box-shadow: inset 0 -13px 20px -13px rgba(19, 18, 18, 0.25);\n}\n\n.position-bottom {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  overflow-x: auto;\n  height: 250px;\n  transform: translateY(250px);\n}\n.off-canvas-content .off-canvas.position-bottom {\n  transform: translateY(250px);\n}\n.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {\n  transform: translate(0, 0);\n}\n\n.off-canvas-content.is-open-bottom.has-transition-push {\n  transform: translateY(-250px);\n}\n\n.position-bottom.is-transition-push {\n  box-shadow: inset 0 13px 20px -13px rgba(19, 18, 18, 0.25);\n}\n\n.off-canvas-content {\n  transform: none;\n  backface-visibility: hidden;\n}\n.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {\n  transition: transform 0.5s ease;\n}\n.off-canvas-content.has-transition-push {\n  transform: translate(0, 0);\n}\n.off-canvas-content .off-canvas.is-open {\n  transform: translate(0, 0);\n}\n\n@media print, screen and (min-width: 40em) {\n  .position-left.reveal-for-medium {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-left.reveal-for-medium .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-left.reveal-for-medium {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-left {\n    margin-left: 250px;\n  }\n\n  .position-left.reveal-for-medium ~ .off-canvas-content {\n    margin-left: 250px;\n  }\n\n  .position-right.reveal-for-medium {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-right.reveal-for-medium .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-right.reveal-for-medium {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-right {\n    margin-right: 250px;\n  }\n\n  .position-right.reveal-for-medium ~ .off-canvas-content {\n    margin-right: 250px;\n  }\n\n  .position-top.reveal-for-medium {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-top.reveal-for-medium .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-top.reveal-for-medium {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-top {\n    margin-top: 250px;\n  }\n\n  .position-top.reveal-for-medium ~ .off-canvas-content {\n    margin-top: 250px;\n  }\n\n  .position-bottom.reveal-for-medium {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-bottom.reveal-for-medium .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-bottom.reveal-for-medium {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-bottom {\n    margin-bottom: 250px;\n  }\n\n  .position-bottom.reveal-for-medium ~ .off-canvas-content {\n    margin-bottom: 250px;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .position-left.reveal-for-large {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-left.reveal-for-large .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-left.reveal-for-large {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-left {\n    margin-left: 250px;\n  }\n\n  .position-left.reveal-for-large ~ .off-canvas-content {\n    margin-left: 250px;\n  }\n\n  .position-right.reveal-for-large {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-right.reveal-for-large .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-right.reveal-for-large {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-right {\n    margin-right: 250px;\n  }\n\n  .position-right.reveal-for-large ~ .off-canvas-content {\n    margin-right: 250px;\n  }\n\n  .position-top.reveal-for-large {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-top.reveal-for-large .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-top.reveal-for-large {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-top {\n    margin-top: 250px;\n  }\n\n  .position-top.reveal-for-large ~ .off-canvas-content {\n    margin-top: 250px;\n  }\n\n  .position-bottom.reveal-for-large {\n    transform: none;\n    z-index: 12;\n    transition: none;\n    visibility: visible;\n  }\n  .position-bottom.reveal-for-large .close-button {\n    display: none;\n  }\n  .off-canvas-content .position-bottom.reveal-for-large {\n    transform: none;\n  }\n  .off-canvas-content.has-reveal-bottom {\n    margin-bottom: 250px;\n  }\n\n  .position-bottom.reveal-for-large ~ .off-canvas-content {\n    margin-bottom: 250px;\n  }\n}\n@media print, screen and (min-width: 40em) {\n  .off-canvas.in-canvas-for-medium {\n    visibility: visible;\n    height: auto;\n    position: static;\n    background: none;\n    width: auto;\n    overflow: visible;\n    transition: none;\n  }\n  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {\n    box-shadow: none;\n    transform: none;\n  }\n  .off-canvas.in-canvas-for-medium .close-button {\n    display: none;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .off-canvas.in-canvas-for-large {\n    visibility: visible;\n    height: auto;\n    position: static;\n    background: none;\n    width: auto;\n    overflow: visible;\n    transition: none;\n  }\n  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {\n    box-shadow: none;\n    transform: none;\n  }\n  .off-canvas.in-canvas-for-large .close-button {\n    display: none;\n  }\n}\nhtml.is-reveal-open {\n  position: fixed;\n  width: 100%;\n  overflow-y: hidden;\n}\nhtml.is-reveal-open.zf-has-scroll {\n  overflow-y: scroll;\n}\nhtml.is-reveal-open body {\n  overflow-y: hidden;\n}\n\n.reveal-overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1005;\n  display: none;\n  background-color: rgba(19, 18, 18, 0.45);\n  overflow-y: auto;\n}\n\n.reveal {\n  z-index: 1006;\n  backface-visibility: hidden;\n  display: none;\n  padding: 1rem;\n  border: 1px solid #cacaca;\n  border-radius: 0px;\n  background-color: white;\n  position: relative;\n  top: 100px;\n  margin-right: auto;\n  margin-left: auto;\n  overflow-y: auto;\n}\n[data-whatinput=mouse] .reveal {\n  outline: 0;\n}\n@media print, screen and (min-width: 40em) {\n  .reveal {\n    min-height: 0;\n  }\n}\n.reveal .column {\n  min-width: 0;\n}\n.reveal > :last-child {\n  margin-bottom: 0;\n}\n@media print, screen and (min-width: 40em) {\n  .reveal {\n    width: 600px;\n    max-width: 87.5rem;\n  }\n}\n.reveal.collapse {\n  padding: 0;\n}\n@media print, screen and (min-width: 40em) {\n  .reveal.tiny {\n    width: 30%;\n    max-width: 87.5rem;\n  }\n}\n@media print, screen and (min-width: 40em) {\n  .reveal.small {\n    width: 50%;\n    max-width: 87.5rem;\n  }\n}\n@media print, screen and (min-width: 40em) {\n  .reveal.large {\n    width: 90%;\n    max-width: 87.5rem;\n  }\n}\n.reveal.full {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  min-height: 100%;\n  margin-left: 0;\n  border: 0;\n  border-radius: 0;\n}\n@media print, screen and (max-width: 39.99875em) {\n  .reveal {\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    min-height: 100%;\n    margin-left: 0;\n    border: 0;\n    border-radius: 0;\n  }\n}\n.reveal.without-overlay {\n  position: fixed;\n}\n\n.sticky-container {\n  position: relative;\n}\n\n.sticky {\n  position: relative;\n  z-index: 0;\n  transform: translate3d(0, 0, 0);\n}\n\n.sticky.is-stuck {\n  position: fixed;\n  z-index: 5;\n  width: 100%;\n}\n.sticky.is-stuck.is-at-top {\n  top: 0;\n}\n.sticky.is-stuck.is-at-bottom {\n  bottom: 0;\n}\n\n.sticky.is-anchored {\n  position: relative;\n  right: auto;\n  left: auto;\n}\n.sticky.is-anchored.is-at-bottom {\n  bottom: 0;\n}\n\n.title-bar {\n  padding: 0.5rem;\n  background: #131212;\n  color: white;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.title-bar .menu-icon {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n\n.title-bar-left,\n.title-bar-right {\n  flex: 1 1 0px;\n}\n\n.title-bar-right {\n  text-align: right;\n}\n\n.title-bar-title {\n  display: inline-block;\n  vertical-align: middle;\n  font-weight: bold;\n}\n\n.top-bar {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem;\n  flex-wrap: wrap;\n}\n.top-bar,\n.top-bar ul {\n  background-color: #e6e6e6;\n}\n.top-bar input {\n  max-width: 200px;\n  margin-right: 1rem;\n}\n.top-bar .input-group-field {\n  width: 100%;\n  margin-right: 0;\n}\n.top-bar input.button {\n  width: auto;\n}\n.top-bar .top-bar-left,\n.top-bar .top-bar-right {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n@media print, screen and (min-width: 40em) {\n  .top-bar {\n    flex-wrap: nowrap;\n  }\n  .top-bar .top-bar-left {\n    flex: 1 1 auto;\n    margin-right: auto;\n  }\n  .top-bar .top-bar-right {\n    flex: 0 1 auto;\n    margin-left: auto;\n  }\n}\n@media print, screen and (max-width: 63.99875em) {\n  .top-bar.stacked-for-medium {\n    flex-wrap: wrap;\n  }\n  .top-bar.stacked-for-medium .top-bar-left,\n.top-bar.stacked-for-medium .top-bar-right {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n}\n@media print, screen and (max-width: 74.99875em) {\n  .top-bar.stacked-for-large {\n    flex-wrap: wrap;\n  }\n  .top-bar.stacked-for-large .top-bar-left,\n.top-bar.stacked-for-large .top-bar-right {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n}\n\n.top-bar-title {\n  flex: 0 0 auto;\n  margin: 0.5rem 1rem 0.5rem 0;\n}\n\n.top-bar-left,\n.top-bar-right {\n  flex: 0 0 auto;\n}\n\n.float-left {\n  float: left !important;\n}\n\n.float-right {\n  float: right !important;\n}\n\n.float-center {\n  display: block;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.clearfix::before, .clearfix::after {\n  display: table;\n  content: \" \";\n  flex-basis: 0;\n  order: 1;\n}\n.clearfix::after {\n  clear: both;\n}\n\n.align-left {\n  justify-content: flex-start;\n}\n\n.align-right {\n  justify-content: flex-end;\n}\n\n.align-center {\n  justify-content: center;\n}\n\n.align-justify {\n  justify-content: space-between;\n}\n\n.align-spaced {\n  justify-content: space-around;\n}\n\n.align-left.vertical.menu > li > a {\n  justify-content: flex-start;\n}\n\n.align-right.vertical.menu > li > a {\n  justify-content: flex-end;\n}\n\n.align-center.vertical.menu > li > a {\n  justify-content: center;\n}\n\n.align-top {\n  align-items: flex-start;\n}\n\n.align-self-top {\n  align-self: flex-start;\n}\n\n.align-bottom {\n  align-items: flex-end;\n}\n\n.align-self-bottom {\n  align-self: flex-end;\n}\n\n.align-middle {\n  align-items: center;\n}\n\n.align-self-middle {\n  align-self: center;\n}\n\n.align-stretch {\n  align-items: stretch;\n}\n\n.align-self-stretch {\n  align-self: stretch;\n}\n\n.align-center-middle {\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n\n.small-order-1 {\n  order: 1;\n}\n\n.small-order-2 {\n  order: 2;\n}\n\n.small-order-3 {\n  order: 3;\n}\n\n.small-order-4 {\n  order: 4;\n}\n\n.small-order-5 {\n  order: 5;\n}\n\n.small-order-6 {\n  order: 6;\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-order-1 {\n    order: 1;\n  }\n\n  .medium-order-2 {\n    order: 2;\n  }\n\n  .medium-order-3 {\n    order: 3;\n  }\n\n  .medium-order-4 {\n    order: 4;\n  }\n\n  .medium-order-5 {\n    order: 5;\n  }\n\n  .medium-order-6 {\n    order: 6;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-order-1 {\n    order: 1;\n  }\n\n  .large-order-2 {\n    order: 2;\n  }\n\n  .large-order-3 {\n    order: 3;\n  }\n\n  .large-order-4 {\n    order: 4;\n  }\n\n  .large-order-5 {\n    order: 5;\n  }\n\n  .large-order-6 {\n    order: 6;\n  }\n}\n.flex-container {\n  display: flex;\n}\n\n.flex-child-auto {\n  flex: 1 1 auto;\n}\n\n.flex-child-grow {\n  flex: 1 0 auto;\n}\n\n.flex-child-shrink {\n  flex: 0 1 auto;\n}\n\n.flex-dir-row {\n  flex-direction: row;\n}\n\n.flex-dir-row-reverse {\n  flex-direction: row-reverse;\n}\n\n.flex-dir-column {\n  flex-direction: column;\n}\n\n.flex-dir-column-reverse {\n  flex-direction: column-reverse;\n}\n\n@media print, screen and (min-width: 40em) {\n  .medium-flex-container {\n    display: flex;\n  }\n\n  .medium-flex-child-auto {\n    flex: 1 1 auto;\n  }\n\n  .medium-flex-child-grow {\n    flex: 1 0 auto;\n  }\n\n  .medium-flex-child-shrink {\n    flex: 0 1 auto;\n  }\n\n  .medium-flex-dir-row {\n    flex-direction: row;\n  }\n\n  .medium-flex-dir-row-reverse {\n    flex-direction: row-reverse;\n  }\n\n  .medium-flex-dir-column {\n    flex-direction: column;\n  }\n\n  .medium-flex-dir-column-reverse {\n    flex-direction: column-reverse;\n  }\n}\n@media print, screen and (min-width: 64em) {\n  .large-flex-container {\n    display: flex;\n  }\n\n  .large-flex-child-auto {\n    flex: 1 1 auto;\n  }\n\n  .large-flex-child-grow {\n    flex: 1 0 auto;\n  }\n\n  .large-flex-child-shrink {\n    flex: 0 1 auto;\n  }\n\n  .large-flex-dir-row {\n    flex-direction: row;\n  }\n\n  .large-flex-dir-row-reverse {\n    flex-direction: row-reverse;\n  }\n\n  .large-flex-dir-column {\n    flex-direction: column;\n  }\n\n  .large-flex-dir-column-reverse {\n    flex-direction: column-reverse;\n  }\n}\n.hide {\n  display: none !important;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.visible {\n  visibility: visible;\n}\n\n@media print, screen and (max-width: 39.99875em) {\n  .hide-for-small-only {\n    display: none !important;\n  }\n}\n\n@media screen and (max-width: 0em), screen and (min-width: 40em) {\n  .show-for-small-only {\n    display: none !important;\n  }\n}\n\n@media print, screen and (min-width: 40em) {\n  .hide-for-medium {\n    display: none !important;\n  }\n}\n\n@media screen and (max-width: 39.99875em) {\n  .show-for-medium {\n    display: none !important;\n  }\n}\n\n@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {\n  .hide-for-medium-only {\n    display: none !important;\n  }\n}\n\n@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {\n  .show-for-medium-only {\n    display: none !important;\n  }\n}\n\n@media print, screen and (min-width: 64em) {\n  .hide-for-large {\n    display: none !important;\n  }\n}\n\n@media screen and (max-width: 63.99875em) {\n  .show-for-large {\n    display: none !important;\n  }\n}\n\n@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {\n  .hide-for-large-only {\n    display: none !important;\n  }\n}\n\n@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {\n  .show-for-large-only {\n    display: none !important;\n  }\n}\n\n.show-for-sr,\n.show-on-focus {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.show-on-focus:active, .show-on-focus:focus {\n  position: static !important;\n  width: auto !important;\n  height: auto !important;\n  overflow: visible !important;\n  clip: auto !important;\n  white-space: normal !important;\n}\n\n.show-for-landscape,\n.hide-for-portrait {\n  display: block !important;\n}\n@media screen and (orientation: landscape) {\n  .show-for-landscape,\n.hide-for-portrait {\n    display: block !important;\n  }\n}\n@media screen and (orientation: portrait) {\n  .show-for-landscape,\n.hide-for-portrait {\n    display: none !important;\n  }\n}\n\n.hide-for-landscape,\n.show-for-portrait {\n  display: none !important;\n}\n@media screen and (orientation: landscape) {\n  .hide-for-landscape,\n.show-for-portrait {\n    display: none !important;\n  }\n}\n@media screen and (orientation: portrait) {\n  .hide-for-landscape,\n.show-for-portrait {\n    display: block !important;\n  }\n}\n\n/*\n\tFoundation\n\n\tCombination of UCs and Base Components from the Framework can make an infinate amount of alterations to designs and layouts. Bellow are some alteratoins to Foudations Components with the Utiltity Classes. \n\n\tWeight: 1000\n\n\tStyleguide  Recipes Zurb\n\n*/\n/* Styleguide recipes.zurb */\n/* Styleguide Recipes.010 */\n/*\n\tQuicklinks\n\n\tsmall list navs used in header structures of websites.\n\n\t<ul class=\"menu quicklinks ul_none\">\n\t\t<li class=\"quicklinks__item br_solid br_0 br-r_1 br_primary-1 p-x_2\"><a href=\"#\" class=\"quicklinks__link h:bg_primary-5 c_black font_n1 lh_1 p-x_2\">First</a></li>\n\t\t<li class=\"quicklinks__item br_solid br_0 br-r_1 br_primary-1 p-x_2\"><a href=\"#\" class=\"quicklinks__link h:bg_primary-5 c_black font_n1 lh_1 p-x_2\">One</a></li>\n\t\t<li class=\"quicklinks__item br_solid br_0 br-r_1 br_primary-1 p-x_2\"><a href=\"#\" class=\"quicklinks__link h:bg_primary-5 c_black font_n1 lh_1 p-x_2\">Two</a></li>\n\t\t<li class=\"quicklinks__item br_solid br_0 br-r_1 br_primary-1 p-x_2\"><a href=\"#\" class=\"quicklinks__link h:bg_primary-5 c_black font_n1 lh_1 p-x_2\">Three</a></li>\n\t\t<li class=\"quicklinks__item\"><a href=\"#\" class=\"quicklinks__link  h:bg_primary-5 c_black font_n1 lh_1 p-x_2\">End</a></li>\n\t</ul>\n\n\tStyleguide   Recipes Zurb.Quicklinks\n */\n/*\nCards\n\nBuild from the basicfoundation card utility classes can be added to make many variations on the theme.\n\nbg_primary\t\t\t- textures are slightly transparent so they can be colored with background-color classess\nbg_shade\t\t- textures are slightly transparent so they can be colored with background-color classess\nbg_highlight \t\t- textures are slightly transparent so they can be colored with background-color classess\nbg_warning\t\t\t- textures are slightly transparent so they can be colored with background-color classess\nbg_alert\t\t\t- textures are slightly transparent so they can be colored with background-color classess\n\nMarkup:\n<div class=\"p_4 texture_light bg_shade-4\">\n\t<div class=\"card shadow_2 max-w_30\">\n\t\t<div class=\"card-divider font_accent: border-top-left-square c_white font_3 p_4 texture_dust {{modifier_class}}\">\n\t\t\tThis is a header\n\t\t</div>\n\t\t<img src=\"https://picsum.photos/400/300\">\n\t\t<div class=\"card-section\">\n\t\t\t<h4>This is a card.</h4>\n\t\t\t<p>It has an easy to override visual style, and is appropriately subdued.</p>\n\t\t</div>\n\t</div>\n</div>\n\n\nStyleguide Containers.Cards\n\n */\n/*\nPage Messages\n\nPage Messages are altered cards to bring attention to the content we are trying to convey to the user\n\nprimary\t\t\t\t- This page message is used for X\nshade\t\t\t- This page message is used for X\nhighlight \t\t- This page message is used for X\nwarning\t\t\t\t- This page message is used for X\nalert\t\t\t\t\t- This page message is used for X\n\nMarkup:\n<div class=\"p_5 texture_light bg_shade-4\">\n\t<div class=\"card shadow_2 bg_{{modifier_class}}-5\">\n\t\t<div class=\" font_accent: br-tl_square c_white font_3 p_4 texture_dust bg_{{modifier_class}}\">\n\t\t\tThis is page message\n\t\t</div>\n\t\t<div class=\"card-section\">\n\t\t\t<div class=\"grid-x\">\n\t\t\t\t<div class=\"cell shrink p_4 font_5 c_{{modifier_class}}-n3\"><i class=\"fas fa-check\"></i></div>\n\t\t\t\t<div class=\"cell auto p_4\">\n\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam voluptate\n\t\t\t\t\tconsectetur ab pariatur ullam quo sit maiores corrupti voluptates neque\n\t\t\t\t\tillum aperiam laudantium provident fugit, nihil labore incidunt at\n\t\t\t\t\timpedit?\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"card-section br_0 br-t_1 br_solid br_{{modifier_class}}\">\n\t\t\t<a href=\"#\" class=\"button br_radius float-right bg_{{modifier_class}}-n1\"><i class=\"fas fa-times\"></i>&nbsp;close</a>\n\t\t</div>\n\t</div>\n</div>\n\nStyleguide  Recipes Zurb.Page Messages\n*/\n/*\nUser Card\n\nMember Cards Used in the CSTool give a great represendation on how complex the UI can be with a combination of UCs\n\nMarkup:\n<div class=\"p_5 p-t_3 p-b_3 texture_light bg_shade-4\">\n<div class=\"user-card shadow br_solid br_black-1 bg_white\">\n   <div class=\"grid-x\">\n      <div class=\"cell auto p_3\">\n         <div class=\"member-name font_1 font_accent: lh_2 member-name p-x_3 p-y-l_4\">David Y. Wilder <a class=\"bg_shade-4 float-right font_0 hover:bg_shade p-l_3 p-r_3 p_2\"><i class=\"fas fa-share-alt-square\"></i></a>\n         </div>\n         <div>\n            <ul class=\"details no-bullet p-l_3 p-r_3 m_0 font_0 grid-x grid-margin-x\">\n            <li class=\"br_0 br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-user-slash\"></i>NPI\n            </li>\n            <li class=\"br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-hashtag\"></i>1696062374299\n            </li>\n            <li class=\"br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-at\"></i>Donec@quis.org <a class=\"link float-right p_2\"><i class=\"fal fa-pencil\"></i></a>\n            </li>\n            <li class=\"br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-map-pin\"></i>Polatlı\n            </li>\n            <li class=\"br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-badge-check\"></i>75988 <a href=\"#\" class=\"link float-right p_2\"><i class=\"fal fa-exchange-alt\"></i></a>\n            </li>\n            <li class=\"br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-user-circle\"></i>neque.et@neque.net <a href=\"#\" class=\"link float-right p_2\"><i class=\"fal fa-pencil\"></i></a>\n            </li>\n            <li class=\"br-b_1 br_shade-5 br_0 br_solid p_2 cell small-12\"><i class=\"m-l_3 m-r_3 c_shade-2 fal fa-key\"></i>GRW95WZD9VY <a href=\"#\" class=\"link float-right p_2\"><i class=\"fal fa-pencil\"></i></a>\n            </li></ul>\n      <div class=\"p_4 flex font_n1\">\n         <i class=\"m-l_3 c_shade-2 fal fa-users-crown flex-shrink\"></i>\n         <a class=\"link m-l_3 m-r_3 flex-auto\"> <i class=\"fas fa-chevron-circle-right p-r_3\"></i>1 linked account(s) </a>\n         <a class=\"link float-right m-l_3 m-r_3 flex-1\">manage &nbsp; <i class=\"fal fa-pencil\"></i></a>\n      </div>\n   </div>\n   </div>\n      <div class=\"cell shrink texture_light bg_shade-3 m-r_3 c_shade-1 font_n2\">\n         <ul class=\"flag no-bullet\">\n            <li class=\"is-active_toggle-function center member\">\n               <div class=\"a:bg_acc a:color_white p_3\"><i class=\"fal fa-user-md\"></i>\n               </div>\n            </li>\n            <li class=\"is-active_toggle-function center accbadge active\">\n               <div class=\"a:bg_success-n1 a:color_white p_3\"><i class=\"fal fa-badge-check\"></i>\n               </div>\n            </li>\n            <li class=\"is-active_toggle-function center iscience\">\n               <div class=\"a:bg_hightlight a:color_white p_3\"><i class=\"fal fa-flask\"></i>\n               </div>\n            </li>\n            <li class=\"is-active_toggle-function center bruteforce\">\n               <div class=\"a:bg_alert a:color_white p_3\"><i class=\"fal fa-lock-alt\"></i>\n               </div>\n            </li>\n            <li class=\"is-active_toggle-function center expobadge\">\n               <div class=\"a:bg_warning-n3 a:color_white p_3\"><i class=\"fal fa-exclamation-circle\"></i>\n               </div>\n            </li>\n         </ul>\n      </div>\n   </div>\n</div>\n</div>\n\nStyleguide  Recipes Zurb.User Card\n*/\n/*\n\tButton Group\n\n\tMarkup:\n\t<div class=\"button-group\">\n\t\t<a class=\"button is-active primary\"><i class=\"far icon-toggle_arrow-circle\"></i> One</a>\n\t\t<a class=\"button shade\"><i class=\"far icon-toggle_arrow-circle\"></i> Two</a>\n\t\t<a class=\"button shade\"><i class=\"far icon-toggle_arrow-circle\"></i> Three</a>\n\t</div>\n\n\tStyleguide  Foundation.Navigation.Button Group\n*/\n/* \n    Grid Button Splash\n\n    Markup:\n    <div class=\"grid-y lh_1 \" style=\"width:412px;height: 732px; background-image:url('https://picsum.photos/412/732/?image=857')\">\n        <div class=\"cell small-6 grid-x\">\n            <div class=\"small-8 cell c_white p_5 lh_1 text-left\">\n                <h1 class=\"font_5 font_display lh_1\">Annual Scientific Session</h1>\n                <h2 class=\"font_1 font_bold\">2018 | New Orleans</h2>\n            </div>\n            <div class=\"small-4 cell c_white text_center\">\n                <div class=\"grid-y grid-frame\">\n                    <div class=\"small-6 cell p-t_5 shaddow_n2 br_solid h:bg_black-8 br_white-1 br_1 bg_black-1 \"><i class=\"fas m_2 fa-users-class font_4\"></i>\n                    <div class=\"font_0 m-t_3\">Conference</div></div>\n                    <div class=\"small-6 cell p-t_5 shaddow_n2 br_solid h:bg_black-8 br_white-1 br_1 bg_black-2\"><i class=\"fas m_2 fa-users-crown font_4\"></i>\n                    <div class=\"font_0 m-t_3\">After Party</div></div>\n                </div>\n            </div>\n        </div>\n        <div class=\"cell small-3 grid-x\">\n            <div class=\"small-4 cell shadow_n1 br_white-1 br_1 br_solid h:bg_black-8 bg_black-2 c_white p-t_5 text_center\"><i\n                    class=\"fas m_2 fa-calendar-alt font_4\"></i>\n                <div class=\"font_0 m-t_3\">Events</div>\n            </div>\n            <div class=\"small-4 cell shadow_n2 br_white-1 br_1 br_solid h:bg_black-8 bg_black-3 c_white p-t_5 text_center\"><i\n                    class=\"fas m_2 fa-map-marked  font_4\"></i>\n                <div class=\"font_0 m-t_3\">Maps</div>\n            </div>\n            <div class=\"small-4 cell shadow_n3 br_white-1 br_1 br_solid h:bg_black-8 bg_black-4 c_white p-t_5 text_center\"><i\n                    class=\"fas m_2 fa-cogs font_4\"></i>\n                <div class=\"font_0 m-t_3\">Options</div>\n            </div>\n        </div>\n        <div class=\"cell small-3 grid-x\">\n            <div class=\"small-4 cell shadow_n2 br_white-1 br_1 br_solid h:bg_black-8 bg_black-5 c_white p-t_5 text_center\"><i\n                    class=\"fas m_2 fa-alarm-clock font_4\"></i>\n                <div class=\"font_0 m-t_3\">Upcoming</div>\n            </div>\n            <div class=\"small-4 cell shadow_n3 br_white-1 br_1 br_solid h:bg_black-8 bg_black-4 c_white p-t_5 text_center\"><i\n                    class=\"fas m_2 fa-badge-check font_4\"></i>\n                <div class=\"font_0 m-t_3\">Claim Credits</div>\n            </div>\n            <div class=\"small-4 cell shadow_n3 br_white-1 br_1 br_solid h:bg_black-8 bg_black-6 c_white p-t_5 text_center\"><i\n                    class=\"fas m_2 fa-chess-rook font_4\"></i>\n                <div class=\"font_0 m-t_3\">Find a Room</div>\n            </div>\n        </div>\n    </div>  \n\n    Styleguide  Foundation.Grid Buttons\n    */\n/*\n    RECIPE: Accordians\n\n    Accordions are elements that help you organize and navigate multiple documents in a single container. They can be used for switching between items in the container.\n\n    Markup: \n    <ul class=\"accordion\" data-accordion>\n        <li class=\"accordion-item is-active\" data-accordion-item>\n            <!-- Accordion tab title -->\n            <a href=\"#\" class=\"accordion-title font_1 font_accent: hover:bg_primary-4\"><i class=\"fas icon-toggle_plus-minus fa-fw\"></i> Accordion 1</a>\n            <!-- Accordion tab content: it would start in the open state due to using the `is-active` state class. -->\n            <div class=\"accordion-content\" data-tab-content>\n                <p>Panel 1. Lorem ipsum dolor</p>\n                <a href=\"#\">Nowhere to Go</a>\n            </div>\n        </li>\n        <li class=\"accordion-item\" data-accordion-item>\n            <!-- Accordion tab title -->\n            <a href=\"#\"class=\"accordion-title  font_1 font_accent: hover:bg_primary-4\"><i class=\"fas icon-toggle_plus-minus fa-fw\"></i>Accordion 2</a>\n            <!-- Accordion tab content: it would start in the open state due to using the `is-active` state class. -->\n            <div class=\"accordion-content\" data-tab-content>\n                <p>Panel 1. Lorem ipsum dolor</p>\n                <a href=\"#\">Nowhere to Go</a>\n            </div>\n        </li>\n    </ul>\n\n    Styleguide  Recipes Zurb.Accordians\n\n*/\nbody {\n  font-family: var(--font-family_copy);\n  font-size: 1rem;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: var(--font-family_display);\n  font-weight: var(--font_regular);\n}\n\nh6 {\n  font-weight: var(--font_bold);\n}\n\np {\n  line-height: 1.35;\n}\n\nul,\nol {\n  line-height: 1.6;\n}\n\nkbd,\ncode,\nsamp,\nvar {\n  font-family: var(--font-family_mono);\n}\n\nform {\n  border-color: rgba(19, 18, 18, 0.38);\n}\n\nlabel {\n  font-size: 1rem;\n  font-weight: var(--font_bold);\n  font-family: var(--font-family_ui);\n  color: currentColor;\n}\n\ninput,\nselect,\ntextarea,\nlegend,\nfieldset,\nbutton {\n  box-sizing: border-box;\n  font-size: 1rem;\n  font-family: var(--font-family_ui);\n  color: currentColor;\n}\n\nbutton,\n[type=button],\n[type=submit],\n[type=reset], [type=date],\n[type=datetime],\n[type=datetime-local],\n[type=email],\n[type=month],\n[type=number],\n[type=password],\n[type=search],\n[type=tel],\n[type=text],\n[type=url],\n[type=week],\n[type=time], select,\ntextarea {\n  padding: 0.25rem 0.5rem;\n  line-height: 1.6;\n  min-height: 1.5em;\n  border-color: rgba(19, 18, 18, 0.25);\n  border-width: thin;\n  border-radius: 6px;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  box-shadow: inset 1px 1px 2px 2px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.12), inset 2px 2px 3px 0px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.1), inset -2px -2px 3px 0px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.1);\n  outline-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.5);\n}\n\n[type=date],\n[type=datetime],\n[type=datetime-local],\n[type=email],\n[type=month],\n[type=number],\n[type=password],\n[type=search],\n[type=tel],\n[type=text],\n[type=url],\n[type=week],\n[type=time], select,\ntextarea {\n  width: 100%;\n}\n\ninput,\nselect,\ntextarea,\nlegend,\nfieldset,\nbutton {\n  box-sizing: border-box;\n}\n\n[type=color] {\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0;\n  border-color: rgba(19, 18, 18, 0.25);\n}\n\n[type=radio],\n[type=checkbox] {\n  padding-left: 0.5rem;\n}\n\nbutton,\n[type=button],\n[type=submit],\n[type=reset] {\n  width: auto;\n  border-radius: 6px;\n}\n\nfieldset {\n  padding: 0.5rem 1rem;\n  margin: 0.5rem 0;\n  border-color: rgba(19, 18, 18, 0.1);\n}\n\n/*\n\n Basic Inputs\n\n Arches is strongly based on utility classes styling everything so it commonly just builds on either the base of the browser defaults or the defaults of the framework that is built on. This is a kitchen sink of html elements so you can see how this variation will effect html. There is No basic styling around the pure DOM with the utility class only.  To get full brand styling use a framework based version of arches.  \n\n  Styleguide HTML.Inputs\n\n*/\n/*\n\n  Text Inputs \n\n  Bellow is the comparison of using the basic Html input types with the utility classes only vs using the bootstrap pattern for the input.\n\nMarkup:\n<div class=\"flex_row flex gap-x_5\">\n\t<div class=\"flex_auto\">\n\t\t<h3>Utility Class</h3>\n\t\t<label for=\"example-input-email\" class='m-b_3'>Email address</label> \n\t\t<input type=\"email\" id=\"example-input-email\" placeholder=\"Enter email\"/>\n\t</div>\n\t<div class=\"flex_auto\">\n\t\t<h3>Bootstrap</h3>\n\t\t<label for=\"exampleFormControlInput1\" class=\"form-label\">Email address</label>\n\t\t<input type=\"email\" class=\"form-control\" id=\"exampleFormControlInput1\" placeholder=\"name@example.com\"/>\n\t</div>\n</div>\n\n  Styleguide HTML.Inputs.Text\n\n*/\n/*\n\nInputs UC\n\nUtility Class only build inputs\n\nMarkup:\n<form>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-email\">Email address</label> <input type=\"email\" id=\"example-input-email\" placeholder=\"Enter email\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-password1\">Number</label> <input type=\"number\" id=\"example-input-number\" placeholder=\"Number\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-password\">Password</label> <input type=\"password\" id=\"example-input-password\" placeholder=\"Password\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-search\">Search</label> <input type=\"search\" id=\"example-input-serach\" placeholder=\"Search ..\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-tel\">Telephone number</label> <input type=\"tel\" id=\"example-input-tel\" placeholder=\"Telephone number\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-text\">Text</label> <input type=\"text\" id=\"example-input-text\" placeholder=\"Enter some text here\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-url\">Url</label> <input type=\"url\" id=\"example-input-url\" placeholder=\"Enter a url here\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-color\">Color</label> <input type=\"color\" id=\"example-inupt-color\" placeholder=\"#fff\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-date\">Date</label> <input type=\"date\" id=\"example-input-date\" placeholder=\"date\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-date-time\">Date / Time</label> <input type=\"datetime\" id=\"example-input-date-time\" placeholder=\"date / time\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-date-time-local\">Date / Time local</label> <input type=\"datetime-local\" id=\"example-input-date-time-local\" placeholder=\"date / time local\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-month\">Month</label> <input type=\"month\" id=\"example-input-month\" placeholder=\"Month\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-week\">Week</label> <input type=\"week\" id=\"example-input-week\" placeholder=\"Week\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-time\">Time</label> <input type=\"time\" id=\"example-input-time\" placeholder=\"Time\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-select1\">Example select</label> <select id=\"example-select1\">\n            <option>1</option>\n            <option>2</option>\n            <option>3</option>\n            <option>4</option>\n            <option>5</option>\n        </select></div>\n    <div><label for=\"example-select2\">Example multiple select</label> <select multiple=\"\" id=\"example-select2\">\n            <option>1</option>\n            <option>2</option>\n            <option>3</option>\n            <option>4</option>\n            <option>5</option>\n        </select></div>\n    <div><label for=\"example-textarea\">Example textarea</label> <textarea id=\"example-textarea\" rows=\"3\"></textarea></div>\n    <div><label for=\"example-input-file\">File input</label> <input type=\"file\" id=\"example-input-file\"></div>\n    <fieldset>\n        <legend>I am legend</legend>\n        <div><label><input type=\"radio\" name=\"options-radios\" id=\"optionsR-radios1\" value=\"option1\" checked=\"\"> Option one is this and that—be sure to include why it's great</label></div>\n        <div><label><input type=\"radio\" name=\"options-radios\" id=\"options-radios2\" value=\"option2\"> Option two can be something else and selecting it will deselect option one</label></div>\n        <div><label><input type=\"radio\" name=\"optionsRadios\" id=\"options-radios3\" value=\"option3\" disabled=\"\"> Option three is disabled</label></div>\n    </fieldset>\n    <fieldset>\n        <legend>I am also legend</legend><label for=\"checkbox-demo-1\"><input type=\"checkbox\" id=\"checkbox-demo-1\"> Check me out</label> <label for=\"checkbox-demo-2\"><input type=\"checkbox\" id=\"checkbox-demo-2\"> Or check me out</label>\n    </fieldset>\n    <div>\n        <button type=\"button\" name=\"button\">Button</button>\n        <input type=\"button\" name=\"input\" value=\"Input Button\">\n        <input type=\"submit\" name=\"submit\" value=\"Submit Button\">\n        <input type=\"reset\" name=\"reset\" value=\"Reset Button\">\n    </div>\n</form>\n\nWeight:100\n\nStyleguide HTML.Inputs.All\n\n*/\n/*\n\nTable\n\nBasic Tables with this variation of Arches. Please note that the html can have a different look depending on the brand or the framework the variation is built on.  \n\n<table><caption>Tables can have captions now.</caption><tbody><tr><th>Person</th><th>Number</th><th>Third Column</th></tr><tr><td>Someone Lastname</td><td>900</td><td>Nullam quis risus eget urna mollis ornare vel eu leo.</td></tr><tr><td><a href=\"#\">Person Name</a></td><td>1200</td><td>Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.</td></tr><tr><td>Another Person</td><td>1500</td><td>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit.</td></tr><tr><td>Last One</td><td>2800</td><td>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</td></tr></tbody></table>\n\n\nStyleguide HTML.BasicTable\n\n*/\ntable {\n  font-family: var(--font-family_ui);\n  font-size: 1rem;\n}\ntable caption {\n  padding: 0.5rem;\n}\n\nth,\ntd {\n  padding: 0.25rem 0.5rem;\n  text-align: start;\n}\n\nthead {\n  font-weight: var(--font_bold);\n  padding: 0.25rem 0.5rem 0;\n}\n\ntbody {\n  padding: 0 0.5rem;\n}\n\ntfoot,\ncaption {\n  font-size: 0.8888888889rem;\n  padding: 0 0.5rem 0.25rem;\n}\n\n/*\n\nDeprecated: Lorem Text Loader\n\nIt is often we need to have space held for a return of details or text.  \n\nMarkup:\n<div class=\"max-w_40\">\n   <h1 class=\"lorem-loader font_3 m-y_3\">&nbsp;</h1>\n   <p class=\"m-y_2 font_0 lorem-loader\">&nbsp;</p>\n   <p class=\"m-y_2 font_0 lorem-loader\">&nbsp;</p>\n   <p class=\"m-y_2 font_0 lorem-loader\">&nbsp;</p>\n</div>\n\nStyleguide Recipes.InteractiveExtras.Text Placeholder Loader\n\n\n*/\n/*\n\nAspect Ratio\n\nTo create an image placeholder use the lorem-loader plus an aspect of the intended image on th parent container while waiting for the image.The placeholder will be a 100% of the container so size the container properly. \n\n.aspect_8x10\t\t\t- lock image to a 8 to 10 ratio\n.aspect_1x1\t\t\t- lock image to a 1 to 1 ratio\n.aspect_2x1\t\t\t- lock image to a 2 to 1 ratio\n.aspect_3x2\t\t\t- lock image to a 3 to 2 ratio   \n.aspect_4x3\t\t\t- lock image to a 4 to 3 ratio \n.aspect_16x9\t\t- lock image to a 16 to 9 ratio \n.aspect_21x9\t\t- lock image to a 21 to 9 ratio \n.aspect_4x1\t\t\t- lock image to a 4 to 1 ratio \n\nMarkup:\n<div class=\"grid-w_2 max-w_20\"  data-style=\"{{ modifier_class }}\" >\n   <div class=\"m-y_2 lorem-loader {{modifier_class}} \">&nbsp;</div>\n</div>\n\nStyleguide Recipes.InteractiveExtras.Placeholder Aspect Ratio\n*/\n.lorem-loader {\n  width: 100%;\n  overflow: hidden;\n  color: #fff;\n  background: linear-gradient(-45deg, hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.125 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.25) ), 1), hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.25 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.5) ), 1));\n  background-size: 400% 400%;\n  -webkit-animation: Gradient 3s ease infinite;\n  -moz-animation: Gradient 3s ease infinite;\n  animation: Gradient 3s ease infinite;\n}\n\n@-webkit-keyframes Gradient {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n@-moz-keyframes Gradient {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n@keyframes Gradient {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n.icon-toggle_check:before, .icon-toggle_check-circle:before, .icon-toggle_check-sqaure:before, .icon-toggle_arrow-circle:before, .icon-toggle_chevron-double-left-right:before, .icon-toggle_chevron-double-up-down:before, .icon-toggle_chevron-up-down:before, .icon-toggle_plus-minus:before, .icon-toggle_bars-times:before {\n  margin: 0 0.25rem;\n}\n\n.icon-toggle_check:before, .icon-toggle_check-circle:before, .icon-toggle_check-sqaure:before, .icon-toggle_arrow-circle:before, .icon-toggle_chevron-double-left-right:before, .icon-toggle_chevron-double-up-down:before, .icon-toggle_chevron-up-down:before, .icon-toggle_plus-minus:before, .icon-toggle_bars-times:before {\n  margin: 0 0.25rem;\n}\n\n/*\nIs Active Toggle \n\nMany momment there are needs for toggles of icon when the parent is in the state of `is-active`.  Used in tree navs, dropdowns, and collapsing areas. \n\n.icon-toggle_plus-minus \t\t\t\t\t-  Toggle between plus and minus square\n.icon-toggle_chevron-up-down\t\t\t\t- \tToggle a chevron pointing up and then down.\n.icon-toggle_chevron-double-up-down \t\t-  Toggle the double chevron to point up when active\n.icon-toggle_chevron-double-left-right\t\t- Toggle chevron left and right\n.icon-toggle_arrow-circle \t\t\t\t\t-  Toggle the arrow to have a circle when active.\n.icon-toggle_bars-times \t\t\t\t\t-  Toggle between bars and times\n.icon-toggle_check-sqaure\t\t\t\t\t-  Check Marks toggle on and off\n.icon-toggle_check-circle \t\t\t\t\t-  Check Marks toggle on and off\n.icon-toggle_check \t\t\t\t\t\t\t-  Check Marks toggle on and off\n\nMarkup:\n<ul data-style=\"{{ modifier_class }}\" class=\"ul_none m_0 p_0\">\n\t<li class=\"m-t_1 is-active_toggle-function c_black a:c_white flex p-x_3 p-y_2 a:bg_primary font_1 bg_shade-2 \">\t\n\t<i class=\"flex_none m-r_5 font_3 fas fa-fw {{ modifier_class }}\"></i>\n\t\t\t<span class=\"flex_auto \">FA Solid {{ modifier_class }}</span>\n\t\t\t<span class=\"flex_shrink m-l_auto w_20 self_end a:_block display_none\"> is-active </span>\n\t</li>\n\t<li class=\"m-t_1 is-active_toggle-function c_black a:c_white flex p-x_3 p-y_2 a:bg_primary font_1 bg_shade-2 \">\t\n\t<i class=\"flex_none m-r_5 font_3 far  fa-fw {{ modifier_class }}\"></i>\n\t\t\t<span class=\"flex_auto \">FA Regular {{ modifier_class }}</span>\n\t\t\t<span class=\"flex_shrink m-l_auto w_20 self_end a:_block display_none\"> is-active </span>\n\t</li>\n\t<li class=\"m-t_1 is-active_toggle-function c_black a:c_white flex p-x_3 p-y_2 a:bg_primary font_1 bg_shade-2 \">\t\n\t<i class=\"flex_none m-r_5 font_3 fal fa-fw {{ modifier_class }}\"></i>\n\t\t\t<span class=\"flex_auto\">FA Light {{ modifier_class }}</span>\n\t\t\t<span class=\"flex_shrink m-l_auto w_20 self_end a:_block display_none\"> is-active </span>\n\t</li>\n</ul>\n\n\nStyleguide Recipes.InteractiveExtras.ToggleIcons\n*/\n.icon-toggle_bars-times:before {\n  content: \"\\f0c9\";\n}\n.is-active .icon-toggle_bars-times:before, .icon-toggle_bars-times:before.show, .show > .icon-toggle_bars-times:before, .is-active > .icon-toggle_bars-times:before {\n  content: \"\\f00d\";\n}\n\n.icon-toggle_plus-minus:before {\n  content: \"\\f0fe\";\n}\n.is-active .icon-toggle_plus-minus:before, .icon-toggle_plus-minus:before.show, .show > .icon-toggle_plus-minus:before, .is-active > .icon-toggle_plus-minus:before {\n  content: \"\\f146\";\n}\n\n.icon-toggle_chevron-up-down:before {\n  content: \"\\f106\";\n}\n.is-active .icon-toggle_chevron-up-down:before, .show .icon-toggle_chevron-up-down:before, .is-active > .icon-toggle_chevron-up-down:before {\n  content: \"\\f107\";\n}\n\n.icon-toggle_chevron-double-up-down:before {\n  content: \"\\f103\";\n}\n.is-active .icon-toggle_chevron-double-up-down:before, .show .icon-toggle_chevron-double-up-down:before, .is-active > .icon-toggle_chevron-double-up-down:before {\n  content: \"\\f325\";\n}\n\n.icon-toggle_chevron-double-left-right:before {\n  content: \"\\f324\";\n}\n.is-active .icon-toggle_chevron-double-left-right:before, .show .icon-toggle_chevron-double-left-right:before, .is-active > .icon-toggle_chevron-double-left-right:before {\n  content: \"\\f323\";\n}\n\n.icon-toggle_arrow-circle:before {\n  content: \"\\f061\";\n}\n.is-active .icon-toggle_arrow-circle:before, .show .icon-toggle_arrow-circle:before, .is-active > .icon-toggle_arrow-circle:before {\n  content: \"\\f0a9\";\n}\n\n.icon-toggle_check-sqaure:before {\n  content: \"\\f0c8\";\n}\n.is-active .icon-toggle_check-sqaure:before, .show .icon-toggle_check-sqaure:before, .is-active > .icon-toggle_check-sqaure:before {\n  content: \"\\f14a\";\n}\n\n.icon-toggle_check-circle:before {\n  content: \"\\f111\";\n}\n.is-active .icon-toggle_check-circle:before, .show .icon-toggle_check-circle:before, .is-active > .icon-toggle_check-circle:before {\n  content: \"\\f058\";\n}\n\n.icon-toggle_check:before {\n  content: \"\";\n}\n.is-active .icon-toggle_check:before, .show .icon-toggle_check:before, .is-active > .icon-toggle_check:before {\n  content: \"\\f00c\";\n}\n\n/*\nSocial Links\n\nThe social links From the Footer.\n\n\nMarkup:\n<section class=\"social p_4 m-y_2 bg_shade-n3 font_2\">\n    <ul class=\"flex social-bar ul_none c_white h:c_white m_0\">\n        <li class=\"flex_auto m-r_2\"><a href=\"https://twitter.com/accintouch\" target=\"_blank\" class=\"twitter social-bar--button block m-b_0 p_3 c_white text_center opacity_7 h:opacity\"><i class=\"fab fa-square-x-twitter\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://www.facebook.com/AmericanCollegeofCardiology\" target=\"_blank\" class=\"facebook social-bar--button block m-b_0 p_3 c_white text_center opacity_7 h:opacity\"><i class=\"fab fa-facebook-square\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://www.linkedin.com/company/american-college-of-cardiology/\" target=\"_blank\" class=\"linkedin social-bar--button block m-b_0 p_3 c_white text_center opacity_7 h:opacity\"><i class=\"fab fa-linkedin\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"http://www.youtube.com/user/ACCinTouch\" target=\"_blank\" class=\"youtube social-bar--button block m-b_0 p_3 c_white text_center opacity_7 h:opacity\"><i class=\"fab fa-youtube\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://play.google.com/store/apps/dev?id=5189912010956845696&hl=en_US\" target=\"_blank\" class=\"google-play social-bar--button block m-b_0 p_3 c_white text_center opacity_7 h:opacity\"><i class=\"fab fa-google-play\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://apps.apple.com/us/developer/american-college-of-cardiology/id502174543#see-all/i-phonei-pad-apps\" target=\"_blank\" class=\"apple-store social-bar--button block m-b_0 p_3 c_white text_center opacity_7 h:opacity\"><i class=\"fab fa-apple\"></i></a></li>\n    </ul>\n</section>\n\n\n\n\nStyleguide Recipes.Social Links\n\n*/\n/*\nSocial Links Monochrome\n\nThe social links can be restyled to be smaller.\n\n\nMarkup:\n<section class=\"social p_4 m-y_2 font_n1 bg_white\">\n    <ul class=\"flex social-bar ul_none m_0\">\n        <li class=\"flex_shrink m-r_2\"><a href=\"https://twitter.com/accintouch\" target=\"_blank\" class=\"twitter c_shade-n2 bg_shade-4 block h:bg_accent h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0\"><i class=\"fab fa-square-x-twitter\"></i></a></li>\n        <li class=\"flex_shrink m-r_2\"><a href=\"https://www.facebook.com/AmericanCollegeofCardiology\" target=\"_blank\" class=\"facebook c_shade-n2 bg_shade-4 block h:bg_accent h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0\"><i class=\"fab fa-facebook-square\"></i></a></li>\n        <li class=\"flex_shrink m-r_2\"><a href=\"https://www.linkedin.com/company/american-college-of-cardiology/\" target=\"_blank\" class=\"linkedin c_shade-n2 bg_shade-4 block h:bg_accent h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0\"><i class=\"fab fa-linkedin\"></i></a></li>\n        <li class=\"flex_shrink m-r_2\"><a href=\"http://www.youtube.com/user/ACCinTouch\" target=\"_blank\" class=\"youtube c_shade-n2 bg_shade-4 block h:bg_accent h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0\"><i class=\"fab fa-youtube\"></i></a></li>\n        <li class=\"flex_shrink m-r_2\"><a href=\"https://play.google.com/store/apps/dev?id=5189912010956845696&hl=en_US\" target=\"_blank\" class=\"google-play c_shade-n2 bg_shade-4 block h:bg_accent h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0\"><i class=\"fab fa-google-play\"></i></a></li>\n        <li class=\"flex_shrink m-r_2\"><a href=\"https://apps.apple.com/us/developer/american-college-of-cardiology/id502174543#see-all/i-phonei-pad-apps\" target=\"_blank\" class=\"apple-store c_shade-n2 bg_shade-4 block h:bg_accent h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0\"><i class=\"fab fa-apple\"></i></a></li>\n    </ul>\n</section>\n\n\n\n\nStyleguide Recipes.Social Links.Mono Chrome\n\n*/\n/*\nSocial Links Smaller\n\nThe social links can be restyled to be smaller.\n\n\nMarkup:\n<section class=\"social p_4 m-y_2 font_0 max-w_20  bg_white\">\n    <ul class=\"flex social-bar ul_none c_white m_0\">\n        <li class=\"flex_auto m-r_2\"><a href=\"https://twitter.com/accintouch\" target=\"_blank\" class=\"twitter social-bar--button br_radius block m-b_0 p_2 c_white-8 h:c_white text_center opacity_8 h:opacity\"><i class=\"fab fa-square-x-twitter\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://www.facebook.com/AmericanCollegeofCardiology\" target=\"_blank\" class=\"facebook social-bar--button br_radius block m-b_0 p_2 c_white-8 h:c_white text_center opacity_8 h:opacity\"><i class=\"fab fa-facebook-square\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://www.linkedin.com/company/american-college-of-cardiology/\" target=\"_blank\" class=\"linkedin social-bar--button br_radius block m-b_0 p_2 c_white-8 h:c_white text_center opacity_8 h:opacity\"><i class=\"fab fa-linkedin\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"http://www.youtube.com/user/ACCinTouch\" target=\"_blank\" class=\"youtube social-bar--button br_radius block m-b_0 p_2 c_white-8 h:c_white text_center opacity_8 h:opacity\"><i class=\"fab fa-youtube\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://play.google.com/store/apps/dev?id=5189912010956845696&hl=en_US\" target=\"_blank\" class=\"google-play social-bar--button br_radius block m-b_0 p_2 c_white-8 h:c_white text_center opacity_8 h:opacity\"><i class=\"fab fa-google-play\"></i></a></li>\n        <li class=\"flex_auto m-r_2\"><a href=\"https://apps.apple.com/us/developer/american-college-of-cardiology/id502174543#see-all/i-phonei-pad-apps\" target=\"_blank\" class=\"apple-store social-bar--button br_radius block m-b_0 p_2 c_white-8 h:c_white text_center opacity_8 h:opacity\"><i class=\"fab fa-apple\"></i></a></li>\n    </ul>\n</section>\n\n\nStyleguide Recipes.Social Links.Smaller\n\n*/\n/*\nStars\n\nStar ratings should be build throughout arches in a more dynamic way but this is an easy level of adding stars. \n\nMarkup:\n<ul class=\"ul_none flex flex_inline star-rating\">\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n</ul>\n\nWeight:0\n\ncaution: This item is not finalized and might be subject to change\n\n\n\nStyleguide Recipes.InteractiveExtras.Stars\n*/\n.star-rating {\n  color: hsla(var(--secondary-h), calc( var( --secondary-s ) - ( var( --secondary-s ) * 0.25 ) ), calc( var(--secondary-l) + ((100% - var(--secondary-l)) * 0.5) ), 1);\n}\n.star-rating.rating-5 li:nth-child(-n+5) {\n  color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-4 li:nth-child(-n+4) {\n  color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-3 li:nth-child(-n+3) {\n  color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-2 li:nth-child(-n+2) {\n  color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-1 li:nth-child(-n+1) {\n  color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n\n/*\n Design Base\n\n Arches is design inspired by a pad of paper in the hand.  Subtle Textures and Layer shadows keep the readability very high. \n\n Weight: -1000\n\n Styleguide DesignBase\n*/\n/*\n\nFonts \n\nThe ACC is focused on stable, conservative, clean fonts.   Roboto Slab is the standard serif fonts across all products at the ACC.  Muli is the current successor to Open Sans, and Maven is a slightly modern font to give a small level of interests which replaces Raleway, or Lato in other products.\n\n Styleguide DesignBase.Fonts\n*/\n/*\n\nAccent Roboto Slab\n\nA beautiful Accent font that shows a complexity and texture to the fonts used in the design. \n\n<div class=font_accent\">\n\t<h2 class=font_accent group-divide-bottom font--name small-12\">\n\t\tRoboto Slab\n\t\t<span class=\"sub-line\">font-family: \"Roboto Slab\",\"Times New Roman\",\"Lucida Bright\",Georgia,serif, \"slab\"</span>\n\t</h2>\n\t<div class=\"font flex\">\n\t<div class=\"bg_primary c_white flex flex_shrink font_10 justify_center m-r_5 p-x_5 text_center\"><span class=\"flex_auto m_auto inline-block text_center self_center\">RS<span></span></span></div>\n\t\t<div class=\"flex_auto font--example\">\n\t\t\t<h3 class=font_accent font_6\">Accent Font</h3>\n\t\t\t<div class=\"text-lowercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_4\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t\t<div class=\"text-lowercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_2\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t</div>\n\t</div>\n</div>\n\n Weight: -10\n\n Styleguide DesignBase.Fonts.Accent\n*/\n/*\n\nDisplay: Maven Pro\n\n A Slick font that has a slight interest used for headers and UI. \n\n<div class=\"font_display\">\n\t<h2 class=\"font_display group-divide-bottom font--name small-12\">\n\t\tMaven Pro\n\t\t<span class=\"sub-line\">font-family: \"Maven Pro\",\"Muli\",\"Open Sans\",Verdana,Helvetica,sans-serif</span>\n\t</h2>\n\t<div class=\"font flex grid-padding-x grid-padding-y\">\n\t\t<div class=\"bg_primary c_white flex flex_shrink font_10 justify_center m-r_5 p-x_5 text_center\"><span class=\"flex_auto m_auto inline-block text_center self_center\">MP<span></span></span></div>\n\t\t<div class=\"flex_auto font--example\">\n\t\t\t<h3 class=\"font_display\">Display Font</h3>\n\t\t\t<div class=\"text-lowercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_4\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t\t<div class=\"text-lowercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_2\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t</div>\n\t</div>\n</div>\n\n Weight: -5\n\n Styleguide DesignBase.Fonts.Display\n*/\n/*\n\nCopy: Open Sans\n\n A clean font for content and text of none UI elements. \n\n<div class=\"font_copy\">\n\t<h2 class=\" group-divide-bottom font--name small-12\">\n\t\t\"Open Sans\"\n\t\t<span class=\"sub-line\">font-family: \"\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif\"</span>\n\t</h2>\n\t<div class=\"font flex grid-padding-x grid-padding-y\">\n\t\t<div class=\"bg_primary c_white flex flex_shrink font_10 justify_center m-r_5 p-x_5 text_center\"><span class=\"flex_auto m_auto inline-block text_center self_center\">OS<span></span></span></div>\n\t\t<div class=\"felx_auto font--example\">\n\t\t\t<h3 class=\"\">Content Font</h3>\n\t\t\t<div class=\"text-lowercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_4\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t\t<div class=\"text-lowercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_2\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t</div>\n\t</div>\n</div>\n\n Weight: 0\n\n Styleguide DesignBase.Fonts.Copy\n*/\n/*\n\nUI: Open Sans\n\n A clean font for content and text of none UI elements. \n\n<div class=\"font_ui\">\n\t<h2 class=\" group-divide-bottom font--name small-12\">\n\t\t\"Open Sans\"\n\t\t<span class=\"sub-line\">font-family: \"\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif\"</span>\n\t</h2>\n\t<div class=\"font flex grid-padding-x grid-padding-y\">\n\t\t<div class=\"bg_primary c_white flex flex_shrink font_10 justify_center m-r_5 p-x_5 text_center\"><span class=\"flex_auto m_auto inline-block text_center self_center\">OS<span></span></span></div>\n\t\t<div class=\"felx_auto font--example\">\n\t\t\t<h3 class=\"\">Content Font</h3>\n\t\t\t<div class=\"text-lowercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_4\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_4\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t\t<div class=\"text-lowercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-uppercase font_2\">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>\n\t\t\t<div class=\"text-numbers font_2\">0 1 2 3 4 5 6 7 8 9</div>\n\t\t</div>\n\t</div>\n</div>\n\n Weight: 1\n\n Styleguide DesignBase.Fonts.UI\n*/\n/*\n\nIcons: Font Awesome\n\nThe American College of Cardiology (ACC) employs Font Awesome icons for its websites and mobile applications. The organization uses either version 4 or version 5 of Font Awesome's icon sets, providing an extensive range of options for the website's visual design and functionality. Despite the release of version 6, there is no current initiative to upgrade due to the breaking changes that come with it. The ACC recognizes that icons convey meaning and has developed an icon dictionary to ensure consistent usage of icons throughout its digital platforms. This approach enhances the user experience by providing clear and concise communication through the use of symbols, while the Font Awesome library enables the ACC to quickly and efficiently incorporate high-quality icons into its digital content.\n\nplus\t\t\t\t\t\t - fa-plus\t\t\t\t\t\narrow-right\t\t\t\t\t - fa-arrow-right\t\t\t\t\t\nsearch\t\t\t\t\t\t - fa-search\t\t\t\t\t\nenvelope\t\t\t\t\t - fa-envelope\t\t\t\t\nheart\t\t\t\t\t\t - fa-heart\t\t\t\t\t\nstar\t\t\t\t\t\t - fa-star\t\t\t\t\t\t\t\t\t\nuser\t\t\t\t\t\t - fa-user\t\t\t\t\t\n\n\nMarkup:\n<div class=\"relative br_black-2 br_solid br_1\"><div class=\"flex flex_row\"><div class=\"font_5 cell w-grid_3 text_center p_3 no-underline c_inherit flex_shrink justify_center h:bg_navigation-n3 h:c_white bg_black-1 expanded-click-area\"><i class=\"fas fa-{{modifier_class}}\"></i></div><div class=\"flex_auto p_4 p-y_2 self_center\"><span class=\"c_black-8 h:c_black-9 text font_bold font_display\">{{modifier_class}}</span></div></div></div>\n\nMarkupWrapperClasses:\n\n\nStyleguide DesignBase.IconsTrue\n*/\n/*\n\nACC's Blue\n\n$acc-blue            -  #004176; acc\n\nStyleguide DesignBase.Colors.ACC\n*/\n/*\n\nTheme Colors \n\nColors are based off of the ACC Scrub Colors.\n\nmap-get($theme-palette, primary)              -  #198dae; primary\nmap-get($theme-palette, secondary)            -  #676a72; secondary\nmap-get($theme-palette, shade)           \t  - #878585; shade\nmap-get($theme-palette, accent)               -  #16a385;  accent\nmap-get($theme-palette, info)                 -  #a3988c; info\nmap-get($theme-palette, highlight)            -  #7742bd; highlight\n\nWeight:-1000\n\nStyleguide DesignBase.Colors\n */\n/*\n\nAction Colors  \n\nActionable colors used to respond to user inputs and messaging.\n\nmap-get($theme-palette, alert)                -  #dd1a1a; alert\nmap-get($theme-palette, warning)              -  #da8210; warning\nmap-get($theme-palette, success)              -  #078a2e;  success\nmap-get($theme-palette, navigation)           -  #2b58c0; navigation\n\nStyleguide DesignBase.Colors.Actions\n*/\n/*\n\nColor Coding  \n\nColor Coding is used in specific products and concepts to illustrate cohesion and collections. All of these color codes are used universally through out the college and have an associated meaning. All of these colors are just used for reference and have no associated decorator classes.  You must include the the associated color-code_x.css have access to utlity classes that will color using the bellow colors. \n\nStyleguide DesignBase.Colors.ColorCoding\n\n */\n/*\n\nCOR Colors  \n\n(COR) Class of Recommendation is a color collect used in Guideline recommendations.\n\n$cor-green                 \t- #6fc284; I\n$cor-yellow              \t- #ffd44f; IIA\n$cor-yellow-orange          - #faa74b; IIA\n$cor-orange               \t- #f15d4c;III and III-NoHarm\n$cor-red               \t\t- #ed1c00; III-harm\n\nWeight: 10\n\nStyleguide DesignBase.Colors.ColorCoding.COR\n\n */\n/*\n\nLOE Colors  \n\n(LOE) level of Evidence is a color collect used in Guideline recommendations.\n\n$loe-dark-blue                 \t- #3e6fb7;LOE A\n$loe-mid-blue              \t\t- #659cd3;LOE B-R\n$loe-light-blue                \t- #a1c1e6;LOE B-NR\n$loe-pale-blue                \t- #b5d5e5; LOE C\n\nWeight: 10\n\nStyleguide DesignBase.Colors.ColorCoding.LOE\n\n */\n/*\n\nCredit Type Color Coding  \n\nCredit Types in the ACC have a specific color coding.\n\n$credit-AAPA                    - #e8c536; AAPA: American Academy of Physician Assistants (AAPA) Category 1 CME Credit  \n$credit-ABP                     - #007a5b; ABP-MOC: American Board of Pediatrics   \n$credit-ABPMOCII                     - #0b6d4c; ABP-MOC 2: American Board of Pediatrics MOC 2  \n$credit-ABPMOCIV                     - #105a3b; ABP-MOC 4: American Board of Pediatrics MOC 4 \n$credit-ATCEU                   - #775744; ATCEU: Athletic Trainer Continuing Education Unit   \n$credit-CE                      - #a8a8a8; CE: Continuing CCA\\Tech Education  \n$credit-CME                     - #00a15b; CME: AMA PRA Category 1TM Credit(s)    \n$credit-CNE                     - #198dae; CNE: Continuing Nurse Education  \n$credit-CNErx                   - #52549e; CNErx: Continuing Nursing Education Pharmaceutical   \n$credit-COP                     - #775891; COP: Certificate of Participation  \n$credit-CPE                     - #992e2e; CPE: Continuing Pharmacy Education \n$credit-ECME                    - #d16528; ECME: European Board for Accreditation in Cardiology (EBAC) External CME Credit\n$credit-IPCE                    - #6c36b3; IPCE: Interprofessional Continuing Education Credit\n$credit-MOCII                   - #9a1267; MOC II: ABIM MOC Part II  \n$credit-MOCIV                   - #d3248d; MOC IV: ABIM MOC Part IV    \n\nWeight: 0\n\nStyleguide DesignBase.Colors.ColorCoding.Credits\n\n*/\n/*\n\nClinical Pathway Colors  \n\nEach of the clinical pathways has a distinctive color.  These colors are used to give a distinct theme to our clinical apps, marketing, pdf's and tools.\n\n$pathway-acute-coronary-syndromes \t\t\t\t\t\t- #009974;  Acute Coronary Syndromes\n$pathway-arrhythmias-EP \t\t\t\t\t\t\t\t- #005b37;  arrhythmias and Clinical EP\n$pathway-congenital-heart-disease \t\t\t\t\t\t- #fdb918;  Congenital Heart Disease\n$pathway-ecg-stress-test \t\t\t\t\t\t\t\t- #d9691f;  Standard ECG, Stress Test\n$pathway-heart-failure \t\t\t\t\t\t\t\t\t- #410d49;  Heart Failure and Cardiomyopathies\n$pathway-invasive-cardiology \t\t\t\t\t\t\t- #c8b02f;  Invasive Cardiology Angiography and Intervention\n$pathway-noninvasive-cardiology \t\t\t\t\t\t- #947b33;  Noninvasive Cardiology\n$pathway-pandemic \t\t\t\t\t\t\t\t\t\t- #8e2582;  Pandemic \"Covid\"\n$pathway-pericardial \t\t\t\t\t\t\t\t\t- #0079ad;  pericardial Disease\n$pathway-prevention \t\t\t\t\t\t\t\t\t- #a01d51;  Prevention\n$pathway-pulmonary-hypertension \t\t\t\t\t\t- #d60e7e;  Pulmonary Hypertension and Venous Thromboembolic Disease\n$pathway-special \t\t\t\t\t\t\t\t\t\t- #00b6f1;  Special\n$pathway-stable-ischemic-heart-disease \t\t\t\t- #0f3e65;  Stable ischemic Heart Disease\n$pathway-valvular-heart-disease \t\t\t\t\t\t- #4f4190;  Valvular Heart Disease\n$pathway-vascular-medicine \t\t\t\t\t\t\t\t- #ae171c;  Vascular Medicine\n\nWeight: -1\n\nStyleguide DesignBase.Colors.ColorCoding.Pathways\n\n*/\n/*\n\nRegistry CC\n\nCredit Type Color codes in the ACC have a specific color coding.\n\n$registry-cpmi                  -   #f22418;    Chest Pain MI Registry\n$registry-afib                  -   #ffb300;    AFib Ablation Registry\n$registry-cathpci               -   #0086d5;    CathPCI Registry\n$registry-icd                   -   #80b800;    ICD Registry\n$registry-impact                -   #4e1f73;    IMPACT Registry\n$registry-pinnacle-primary      -   #0e4f1b;    PINNACLE Registry (Primary)\n$registry-pinnacle-accent       -   #b3c4c4;    PINNACLE Registry (Accent)\n$registry-focus                 -   #d6560d;    Patient Navigator Focus MI\n$registry-pcibleeding           -   #c0268e;    Reducing Risk PCI Bleeding\n$registry-laao                  -   #00667a;    LAAO Registry\n$registry-pvi                   -   #00947f;    PVI Registry\n$registry-auxdata               -   #04adad;    Auxiliar Data Collection\n$registry-ststvt                -   #a20062;    STS ACC TVT Registry\n$registry-diabetes              -   #7893b8;    Diabetes Collaborative \n\nWeight: 2000\n\nStyleguide  DesignBase.Colors.ColorCoding.Registry\n\n*/\n/*\n\nJournal\n\nJournals of JACC have specific branding colors.\n\n$journal-jc             - #002e5a;                       Journal of the American College of Cardiology: (JC)\n$journal-adv            - #0000FF;                      JACC: Advances: (JC-ADV)\n$journal-asia           - #ec2939;                     JACC: Asia: (JC-ASIA)\n$journal-tran           - #1788c2;                     JACC: Basic to Translational Science: (JC-TRAN)\n$journal-cvonc          - #00ae81;                    JACC: CardioOncology: (JC-CVONC)\n$journal-case           - #f37321;                     JACC: Case Reports: (JC-CASE)\n$journal-ep             - #8a5e96;                       JACC: Clinical Electrophysiology: (JC-EP)\n$journal-hf             - #991326;                       JACC: Heart Failure: (JC-HF)\n$journal-invt             - #038e92;                   JACC: Cardiovascular Interventions: (JC-INVT)\n$journal-imag            - #c18a0e;                    JACC: Cardiovascular Imaging: (JC-IMAG)\n\n\nWeight: 2000\n\nStyleguide  DesignBase.Colors.ColorCoding.Journals\n\n*/\n/*\n\nSocial Network Colors  \n\nEach of the social networks has a distinctive color. These colors are used to give a distinct theme to the social nav that is in different locations.\n\n$twitter            -   #000;  \t\ttwitter     \n$facebook           -   #3b5998;  \tfacebook    \n$linkedin           -   #007bb6;  \tlinkedin    \n$apple-store        -   #ea4cc0;  \tapple-store \n$google-play        -   #689f38;  \tgoogle-play \n$youtube            -   #bb0000;  \tyoutube     \n\n\n\nWeight: 100\n\nStyleguide DesignBase.Colors.ColorCoding.Social Networks\n\n*/\n/*\n\tTextures\n\n\tAll textures in the Arches design are a subtle variation of transparent.   Allowing for colors to bleed through from behind.  Different textures have intentions or are reserved for certain usagaes. \n\n\t.texture_light                       \t\t- Light textures is reserved for the base of a page where it can gve a soft area for text or cards to live on top of. \n\t.texture_medium            \t\t\t\t\t- medium texture are used for area that are hidden away.  Collapsable navs, areas, or sidebars ususaly use the medium texture.\n\t.texture_dust            \t\t\t\t\t- Dust is the most transparent texture allowing for the color of the background to show through the most.  This is used for the painted tops of cards, or score bars.\n\t.texture_dark              \t\t\t\t\t- This texture predominatly used on the footer. Its rich black will alway requrie reversed text and buttons to be readable.  \n\t.texture_cross            \t\t\t\t\t- A mostly transparent cross texture used for alternating rows of content when a little extra texture is needed.\n\t.texture_disabled              \t\t\t\t- This texture is used to paint disabled buttons and ui items giving it a greyed and X'ed out appearand. \n\n\tMarkup:\n\t<div class=\"{{modifier_class}} p_5 border-c_black-8 border-width_1 border_solid text_center bg_primary-4\">{{modifier_class}} with a light primary color background</div>\n\n\tStyleguide DesignBase.Textures\n\n */\n/*\n\nprimary: Color Variations \n\nThe Modified versions of the primary color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_primary\"\n>\n\t\t<div class='p_3 bg_primary-n5'><h2 class= c_white >primary-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #04151a;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#04151a</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 4, 21, 26 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>4, 21, 26</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,77.0100502513%, 5.8529411765% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,77.0100502513%, 5.8529411765%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-n4'><h2 class= c_white >primary-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #082a34;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#082a34</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 8, 42, 52 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>8, 42, 52</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,76.6331658291%, 11.7058823529% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,76.6331658291%, 11.7058823529%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-n3'><h2 class= c_white >primary-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #0d4757;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0d4757</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 13, 71, 87 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>13, 71, 87</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,76.1306532663%, 19.5098039216% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,76.1306532663%, 19.5098039216%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-n2'><h2 class= c_white >primary-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #12637a;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#12637a</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 18, 99, 122 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>18, 99, 122</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,75.6281407035%, 27.3137254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,75.6281407035%, 27.3137254902%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-n1'><h2 class= c_white >primary-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #157894;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#157894</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 21, 120, 148 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>21, 120, 148</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,75.2512562814%, 33.1666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,75.2512562814%, 33.1666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-0'><h2 class= c_white >primary-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #198dae;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#198dae</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 25, 141, 174 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>25, 141, 174</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg, 74.8743718593%, 39.0196078431% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg, 74.8743718593%, 39.0196078431%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-1'><h2 class= c_black >primary-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #1da3c9;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#1da3c9</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 29, 163, 201 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>29, 163, 201</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,71.1306532663%, 45.1176470588% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,71.1306532663%, 45.1176470588%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-2'><h2 class= c_black >primary-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #33bbe2;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#33bbe2</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 51, 187, 226 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>51, 187, 226</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,65.5150753769%, 54.2647058824% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,65.5150753769%, 54.2647058824%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-3'><h2 class= c_black >primary-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #77d2eb;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#77d2eb</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 119, 210, 235 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>119, 210, 235</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,56.1557788945%, 69.5098039216% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,56.1557788945%, 69.5098039216%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-4'><h2 class= c_black >primary-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #bbe8f5;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#bbe8f5</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 187, 232, 245 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>187, 232, 245</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,46.7964824121%, 84.7549019608% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,46.7964824121%, 84.7549019608%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_primary-5'><h2 class= c_black >primary-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #e4f6fb;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#e4f6fb</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 228, 246, 251 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>228, 246, 251</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 193.288590604deg ,41.1809045226%, 93.9019607843% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>193.288590604deg ,41.1809045226%, 93.9019607843%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.primary\n\n*/\n/*\n\nsecondary: Color Variations \n\nThe Modified versions of the secondary color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_secondary\"\n>\n\t\t<div class='p_3 bg_secondary-n5'><h2 class= c_white >secondary-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #0f1011;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0f1011</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 15, 16, 17 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>15, 16, 17</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,13.1382488479%, 6.3823529412% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,13.1382488479%, 6.3823529412%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-n4'><h2 class= c_white >secondary-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #1f2022;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#1f2022</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 31, 32, 34 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>31, 32, 34</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,11.7142857143%, 12.7647058824% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,11.7142857143%, 12.7647058824%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-n3'><h2 class= c_white >secondary-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #343539;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#343539</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 52, 53, 57 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>52, 53, 57</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,9.8156682028%, 21.2745098039% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,9.8156682028%, 21.2745098039%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-n2'><h2 class= c_white >secondary-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #484a50;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#484a50</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 72, 74, 80 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>72, 74, 80</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,7.9170506912%, 29.7843137255% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,7.9170506912%, 29.7843137255%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-n1'><h2 class= c_white >secondary-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #585a61;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#585a61</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 88, 90, 97 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>88, 90, 97</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,6.4930875576%, 36.1666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,6.4930875576%, 36.1666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-0'><h2 class= c_white >secondary-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #676a72;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#676a72</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 103, 106, 114 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>103, 106, 114</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg, 5.069124424%, 42.5490196078% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg, 5.069124424%, 42.5490196078%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-1'><h2 class= c_black >secondary-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #757881;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#757881</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 117, 120, 129 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>117, 120, 129</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,4.8156682028%, 48.2941176471% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,4.8156682028%, 48.2941176471%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-2'><h2 class= c_black >secondary-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #8c8f97;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#8c8f97</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 140, 143, 151 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>140, 143, 151</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,4.435483871%, 56.9117647059% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,4.435483871%, 56.9117647059%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-3'><h2 class= c_black >secondary-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #b2b4b9;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#b2b4b9</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 178, 180, 185 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>178, 180, 185</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,3.801843318%, 71.2745098039% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,3.801843318%, 71.2745098039%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-4'><h2 class= c_black >secondary-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #d9dadc;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#d9dadc</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 217, 218, 220 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>217, 218, 220</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,3.168202765%, 85.637254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,3.168202765%, 85.637254902%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_secondary-5'><h2 class= c_black >secondary-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f0f0f1;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f0f0f1</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 240, 240, 241 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>240, 240, 241</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 223.6363636364deg ,2.7880184332%, 94.2549019608% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>223.6363636364deg ,2.7880184332%, 94.2549019608%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.secondary\n\n*/\n/*\n\nsuccess: Color Variations \n\nThe Modified versions of the success color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_success\"\n>\n\t\t<div class='p_3 bg_success-n5'><h2 class= c_white >success-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #011507;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#011507</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 1, 21, 7 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>1, 21, 7</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,91.1655172414%, 4.2647058824% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,91.1655172414%, 4.2647058824%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-n4'><h2 class= c_white >success-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #02290e;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#02290e</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 2, 41, 14 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>2, 41, 14</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,91.0206896552%, 8.5294117647% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,91.0206896552%, 8.5294117647%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-n3'><h2 class= c_white >success-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #044517;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#044517</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 4, 69, 23 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>4, 69, 23</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,90.8275862069%, 14.2156862745% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,90.8275862069%, 14.2156862745%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-n2'><h2 class= c_white >success-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #056120;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#056120</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 5, 97, 32 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>5, 97, 32</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,90.6344827586%, 19.9019607843% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,90.6344827586%, 19.9019607843%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-n1'><h2 class= c_white >success-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #067527;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#067527</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 6, 117, 39 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>6, 117, 39</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,90.4896551724%, 24.1666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,90.4896551724%, 24.1666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-0'><h2 class= c_white >success-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #078a2e;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#078a2e</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 7, 138, 46 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>7, 138, 46</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg, 90.3448275862%, 28.431372549% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg, 90.3448275862%, 28.431372549%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-1'><h2 class= c_black >success-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #09ad3a;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#09ad3a</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 9, 173, 58 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>9, 173, 58</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,85.8275862069%, 35.5882352941% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,85.8275862069%, 35.5882352941%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-2'><h2 class= c_black >success-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #0be14b;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0be14b</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 11, 225, 75 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>11, 225, 75</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,79.0517241379%, 46.3235294118% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,79.0517241379%, 46.3235294118%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-3'><h2 class= c_black >success-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #51f682;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#51f682</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 81, 246, 130 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>81, 246, 130</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,67.7586206897%, 64.2156862745% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,67.7586206897%, 64.2156862745%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-4'><h2 class= c_black >success-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #a8fbc1;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#a8fbc1</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 168, 251, 193 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>168, 251, 193</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,56.4655172414%, 82.1078431373% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,56.4655172414%, 82.1078431373%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_success-5'><h2 class= c_black >success-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #dcfde6;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#dcfde6</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 220, 253, 230 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>220, 253, 230</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 137.8625954198deg ,49.6896551724%, 92.8431372549% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>137.8625954198deg ,49.6896551724%, 92.8431372549%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.success\n\n*/\n/*\n\nshade: Color Variations \n\nThe Modified versions of the shade color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_shade\"\n>\n\t\t<div class='p_3 bg_shade-n5'><h2 class= c_white >shade-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #141414;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#141414</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 20, 20, 20 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>20, 20, 20</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,9.2561983471%, 7.8823529412% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,9.2561983471%, 7.8823529412%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-n4'><h2 class= c_white >shade-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #292828;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#292828</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 41, 40, 40 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>41, 40, 40</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,7.7685950413%, 15.7647058824% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,7.7685950413%, 15.7647058824%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-n3'><h2 class= c_white >shade-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #444242;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#444242</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 68, 66, 66 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>68, 66, 66</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,5.7851239669%, 26.2745098039% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,5.7851239669%, 26.2745098039%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-n2'><h2 class= c_white >shade-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #5f5d5d;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#5f5d5d</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 95, 93, 93 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>95, 93, 93</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,3.8016528926%, 36.7843137255% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,3.8016528926%, 36.7843137255%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-n1'><h2 class= c_white >shade-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #737171;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#737171</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 115, 113, 113 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>115, 113, 113</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,2.3140495868%, 44.6666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,2.3140495868%, 44.6666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-0'><h2 class= c_white >shade-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #878585;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#878585</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 135, 133, 133 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>135, 133, 133</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg, 0.826446281%, 52.5490196078% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg, 0.826446281%, 52.5490196078%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-1'><h2 class= c_black >shade-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #939191;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#939191</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 147, 145, 145 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>147, 145, 145</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,0.7851239669%, 57.2941176471% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,0.7851239669%, 57.2941176471%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-2'><h2 class= c_black >shade-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #a5a4a4;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#a5a4a4</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 165, 164, 164 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>165, 164, 164</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,0.7231404959%, 64.4117647059% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,0.7231404959%, 64.4117647059%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-3'><h2 class= c_black >shade-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #c3c2c2;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#c3c2c2</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 195, 194, 194 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>195, 194, 194</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,0.6198347107%, 76.2745098039% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,0.6198347107%, 76.2745098039%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-4'><h2 class= c_black >shade-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #e1e1e1;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#e1e1e1</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 225, 225, 225 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>225, 225, 225</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,0.5165289256%, 88.137254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,0.5165289256%, 88.137254902%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_shade-5'><h2 class= c_black >shade-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f3f3f3;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f3f3f3</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 243, 243, 243 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>243, 243, 243</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,0.4545454545%, 95.2549019608% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,0.4545454545%, 95.2549019608%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.shade\n\n*/\n/*\n\nwarning: Color Variations \n\nThe Modified versions of the warning color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_warning\"\n>\n\t\t<div class='p_3 bg_warning-n5'><h2 class= c_white >warning-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #211402;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#211402</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 33, 20, 2 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>33, 20, 2</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,87.4871794872%, 6.8823529412% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,87.4871794872%, 6.8823529412%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-n4'><h2 class= c_white >warning-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #412705;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#412705</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 65, 39, 5 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>65, 39, 5</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,87.2820512821%, 13.7647058824% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,87.2820512821%, 13.7647058824%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-n3'><h2 class= c_white >warning-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #6d4108;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#6d4108</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 109, 65, 8 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>109, 65, 8</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,87.0085470085%, 22.9411764706% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,87.0085470085%, 22.9411764706%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-n2'><h2 class= c_white >warning-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #995b0b;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#995b0b</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 153, 91, 11 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>153, 91, 11</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,86.735042735%, 32.1176470588% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,86.735042735%, 32.1176470588%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-n1'><h2 class= c_white >warning-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #b96f0e;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#b96f0e</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 185, 111, 14 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>185, 111, 14</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,86.5299145299%, 39% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,86.5299145299%, 39%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-0'><h2 class= c_white >warning-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #da8210;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#da8210</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 218, 130, 16 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>218, 130, 16</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg, 86.3247863248%, 45.8823529412% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg, 86.3247863248%, 45.8823529412%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-1'><h2 class= c_black >warning-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #ee9118;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#ee9118</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 238, 145, 24 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>238, 145, 24</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,82.0085470085%, 51.2941176471% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,82.0085470085%, 51.2941176471%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-2'><h2 class= c_black >warning-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f1a33e;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f1a33e</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 241, 163, 62 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>241, 163, 62</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,75.5341880342%, 59.4117647059% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,75.5341880342%, 59.4117647059%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-3'><h2 class= c_black >warning-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f6c27e;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f6c27e</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 246, 194, 126 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>246, 194, 126</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,64.7435897436%, 72.9411764706% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,64.7435897436%, 72.9411764706%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-4'><h2 class= c_black >warning-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #fae0bf;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#fae0bf</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 250, 224, 191 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>250, 224, 191</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,53.952991453%, 86.4705882353% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,53.952991453%, 86.4705882353%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_warning-5'><h2 class= c_black >warning-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #fdf3e5;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#fdf3e5</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 253, 243, 229 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>253, 243, 229</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 33.8613861386deg ,47.4786324786%, 94.5882352941% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>33.8613861386deg ,47.4786324786%, 94.5882352941%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.warning\n\n*/\n/*\n\nalert: Color Variations \n\nThe Modified versions of the alert color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_alert\"\n>\n\t\t<div class='p_3 bg_alert-n5'><h2 class= c_white >alert-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #210404;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#210404</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 33, 4, 4 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>33, 4, 4</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,80.7368421053%, 7.2647058824% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,80.7368421053%, 7.2647058824%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-n4'><h2 class= c_white >alert-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #420808;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#420808</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 66, 8, 8 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>66, 8, 8</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,80.4210526316%, 14.5294117647% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,80.4210526316%, 14.5294117647%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-n3'><h2 class= c_white >alert-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #6f0d0d;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#6f0d0d</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 111, 13, 13 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>111, 13, 13</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,80%, 24.2156862745% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,80%, 24.2156862745%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-n2'><h2 class= c_white >alert-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #9b1212;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#9b1212</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 155, 18, 18 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>155, 18, 18</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,79.5789473684%, 33.9019607843% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,79.5789473684%, 33.9019607843%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-n1'><h2 class= c_white >alert-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #bc1616;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#bc1616</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 188, 22, 22 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>188, 22, 22</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,79.2631578947%, 41.1666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,79.2631578947%, 41.1666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-0'><h2 class= c_white >alert-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #dd1a1a;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#dd1a1a</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 221, 26, 26 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>221, 26, 26</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg, 78.9473684211%, 48.431372549% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg, 78.9473684211%, 48.431372549%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-1'><h2 class= c_black >alert-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #e62b2b;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#e62b2b</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 230, 43, 43 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>230, 43, 43</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,75%, 53.5882352941% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,75%, 53.5882352941%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-2'><h2 class= c_black >alert-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #ea4f4f;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#ea4f4f</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 234, 79, 79 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>234, 79, 79</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,69.0789473684%, 61.3235294118% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,69.0789473684%, 61.3235294118%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-3'><h2 class= c_black >alert-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f18989;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f18989</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 241, 137, 137 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>241, 137, 137</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,59.2105263158%, 74.2156862745% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,59.2105263158%, 74.2156862745%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-4'><h2 class= c_black >alert-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f8c4c4;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f8c4c4</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 248, 196, 196 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>248, 196, 196</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,49.3421052632%, 87.1078431373% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,49.3421052632%, 87.1078431373%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_alert-5'><h2 class= c_black >alert-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #fce7e7;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#fce7e7</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 252, 231, 231 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>252, 231, 231</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 0deg ,43.4210526316%, 94.8431372549% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>0deg ,43.4210526316%, 94.8431372549%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.alert\n\n*/\n/*\n\nnavigation: Color Variations \n\nThe Modified versions of the navigation color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_navigation\"\n>\n\t\t<div class='p_3 bg_navigation-n5'><h2 class= c_white >navigation-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #060d1d;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#060d1d</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 6, 13, 29 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>6, 13, 29</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,66.514893617%, 6.9117647059% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,66.514893617%, 6.9117647059%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-n4'><h2 class= c_white >navigation-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #0d1a3a;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0d1a3a</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 13, 26, 58 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>13, 26, 58</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,65.9659574468%, 13.8235294118% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,65.9659574468%, 13.8235294118%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-n3'><h2 class= c_white >navigation-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #162c60;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#162c60</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 22, 44, 96 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>22, 44, 96</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,65.2340425532%, 23.0392156863% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,65.2340425532%, 23.0392156863%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-n2'><h2 class= c_white >navigation-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #1e3e86;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#1e3e86</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 30, 62, 134 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>30, 62, 134</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,64.5021276596%, 32.2549019608% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,64.5021276596%, 32.2549019608%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-n1'><h2 class= c_white >navigation-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #254ba3;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#254ba3</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 37, 75, 163 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>37, 75, 163</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,63.9531914894%, 39.1666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,63.9531914894%, 39.1666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-0'><h2 class= c_white >navigation-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #2b58c0;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#2b58c0</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 43, 88, 192 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>43, 88, 192</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg, 63.4042553191%, 46.0784313725% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg, 63.4042553191%, 46.0784313725%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-1'><h2 class= c_black >navigation-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #3564d2;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#3564d2</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 53, 100, 210 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>53, 100, 210</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,60.2340425532%, 51.4705882353% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,60.2340425532%, 51.4705882353%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-2'><h2 class= c_black >navigation-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #567ed9;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#567ed9</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 86, 126, 217 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>86, 126, 217</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,55.4787234043%, 59.5588235294% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,55.4787234043%, 59.5588235294%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-3'><h2 class= c_black >navigation-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #8fa9e6;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#8fa9e6</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 143, 169, 230 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>143, 169, 230</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,47.5531914894%, 73.0392156863% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,47.5531914894%, 73.0392156863%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-4'><h2 class= c_black >navigation-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #c7d4f2;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#c7d4f2</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 199, 212, 242 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>199, 212, 242</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,39.6276595745%, 86.5196078431% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,39.6276595745%, 86.5196078431%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_navigation-5'><h2 class= c_black >navigation-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #e9eefa;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#e9eefa</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 233, 238, 250 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>233, 238, 250</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 221.8791946309deg ,34.8723404255%, 94.6078431373% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>221.8791946309deg ,34.8723404255%, 94.6078431373%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.navigation\n\n*/\n/*\n\naccent: Color Variations \n\nThe Modified versions of the accent color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_accent\"\n>\n\t\t<div class='p_3 bg_accent-n5'><h2 class= c_white >accent-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #031814;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#031814</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 3, 24, 20 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>3, 24, 20</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,78.2378378378%, 5.4411764706% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,78.2378378378%, 5.4411764706%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-n4'><h2 class= c_white >accent-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #073128;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#073128</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 7, 49, 40 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>7, 49, 40</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,77.8810810811%, 10.8823529412% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,77.8810810811%, 10.8823529412%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-n3'><h2 class= c_white >accent-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #0b5243;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0b5243</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 11, 82, 67 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>11, 82, 67</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,77.4054054054%, 18.137254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,77.4054054054%, 18.137254902%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-n2'><h2 class= c_white >accent-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #0f725d;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0f725d</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 15, 114, 93 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>15, 114, 93</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,76.9297297297%, 25.3921568627% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,76.9297297297%, 25.3921568627%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-n1'><h2 class= c_white >accent-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #138b71;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#138b71</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 19, 139, 113 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>19, 139, 113</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,76.572972973%, 30.8333333333% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,76.572972973%, 30.8333333333%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-0'><h2 class= c_white >accent-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #16a385;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#16a385</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 22, 163, 133 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>22, 163, 133</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg, 76.2162162162%, 36.2745098039% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg, 76.2162162162%, 36.2745098039%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-1'><h2 class= c_black >accent-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #1ac09c;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#1ac09c</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 26, 192, 156 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>26, 192, 156</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,72.4054054054%, 42.6470588235% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,72.4054054054%, 42.6470588235%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-2'><h2 class= c_black >accent-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #28e2ba;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#28e2ba</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 40, 226, 186 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>40, 226, 186</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,66.6891891892%, 52.2058823529% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,66.6891891892%, 52.2058823529%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-3'><h2 class= c_black >accent-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #70ecd1;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#70ecd1</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 112, 236, 209 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>112, 236, 209</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,57.1621621622%, 68.137254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,57.1621621622%, 68.137254902%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-4'><h2 class= c_black >accent-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #b7f5e8;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#b7f5e8</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 183, 245, 232 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>183, 245, 232</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,47.6351351351%, 84.068627451% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,47.6351351351%, 84.068627451%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_accent-5'><h2 class= c_black >accent-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #e2fbf6;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#e2fbf6</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 226, 251, 246 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>226, 251, 246</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 167.2340425532deg ,41.9189189189%, 93.6274509804% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>167.2340425532deg ,41.9189189189%, 93.6274509804%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.accent\n\n*/\n/*\n\ninfo: Color Variations \n\nThe Modified versions of the info color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_info\"\n>\n\t\t<div class='p_3 bg_info-n5'><h2 class= c_white >info-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #191714;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#191714</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 25, 23, 20 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>25, 23, 20</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,18.6666666667%, 8.9117647059% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,18.6666666667%, 8.9117647059%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-n4'><h2 class= c_white >info-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #332e28;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#332e28</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 51, 46, 40 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>51, 46, 40</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,17.3333333333%, 17.8235294118% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,17.3333333333%, 17.8235294118%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-n3'><h2 class= c_white >info-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #544c43;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#544c43</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 84, 76, 67 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>84, 76, 67</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,15.5555555556%, 29.7058823529% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,15.5555555556%, 29.7058823529%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-n2'><h2 class= c_white >info-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #766b5e;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#766b5e</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 118, 107, 94 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>118, 107, 94</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,13.7777777778%, 41.5882352941% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,13.7777777778%, 41.5882352941%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-n1'><h2 class= c_white >info-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #8f8173;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#8f8173</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 143, 129, 115 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>143, 129, 115</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,12.4444444444%, 50.5% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,12.4444444444%, 50.5%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-0'><h2 class= c_white >info-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #a3988c;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#a3988c</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 163, 152, 140 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>163, 152, 140</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg, 11.1111111111%, 59.4117647059% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg, 11.1111111111%, 59.4117647059%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-1'><h2 class= c_black >info-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #aca298;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#aca298</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 172, 162, 152 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>172, 162, 152</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,10.5555555556%, 63.4705882353% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,10.5555555556%, 63.4705882353%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-2'><h2 class= c_black >info-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #bab2a9;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#bab2a9</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 186, 178, 169 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>186, 178, 169</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,9.7222222222%, 69.5588235294% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,9.7222222222%, 69.5588235294%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-3'><h2 class= c_black >info-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #d1ccc6;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#d1ccc6</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 209, 204, 198 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>209, 204, 198</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,8.3333333333%, 79.7058823529% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,8.3333333333%, 79.7058823529%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-4'><h2 class= c_black >info-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #e8e5e2;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#e8e5e2</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 232, 229, 226 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>232, 229, 226</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,6.9444444444%, 89.8529411765% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,6.9444444444%, 89.8529411765%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_info-5'><h2 class= c_black >info-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f6f5f4;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f6f5f4</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 246, 245, 244 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>246, 245, 244</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 31.3043478261deg ,6.1111111111%, 95.9411764706% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>31.3043478261deg ,6.1111111111%, 95.9411764706%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.info\n\n*/\n/*\n\nhighlight: Color Variations \n\nThe Modified versions of the highlight color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_highlight\"\n>\n\t\t<div class='p_3 bg_highlight-n5'><h2 class= c_white >highlight-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #120a1c;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#120a1c</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 18, 10, 28 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>18, 10, 28</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,52.6352941176%, 7.5% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,52.6352941176%, 7.5%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-n4'><h2 class= c_white >highlight-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #241439;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#241439</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 36, 20, 57 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>36, 20, 57</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,51.8588235294%, 15% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,51.8588235294%, 15%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-n3'><h2 class= c_white >highlight-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #3c215f;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#3c215f</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 60, 33, 95 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>60, 33, 95</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,50.8235294118%, 25% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,50.8235294118%, 25%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-n2'><h2 class= c_white >highlight-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #532e84;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#532e84</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 83, 46, 132 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>83, 46, 132</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,49.7882352941%, 35% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,49.7882352941%, 35%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-n1'><h2 class= c_white >highlight-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #6538a1;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#6538a1</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 101, 56, 161 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>101, 56, 161</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,49.0117647059%, 42.5% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,49.0117647059%, 42.5%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-0'><h2 class= c_white >highlight-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #7742bd;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#7742bd</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 119, 66, 189 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>119, 66, 189</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg, 48.2352941176%, 50% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg, 48.2352941176%, 50%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-1'><h2 class= c_black >highlight-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #8555c4;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#8555c4</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 133, 85, 196 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>133, 85, 196</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,45.8235294118%, 55% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,45.8235294118%, 55%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-2'><h2 class= c_black >highlight-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #9971ce;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#9971ce</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 153, 113, 206 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>153, 113, 206</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,42.2058823529%, 62.5% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,42.2058823529%, 62.5%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-3'><h2 class= c_black >highlight-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #bba1de;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#bba1de</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 187, 161, 222 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>187, 161, 222</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,36.1764705882%, 75% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,36.1764705882%, 75%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-4'><h2 class= c_black >highlight-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #ddd0ef;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#ddd0ef</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 221, 208, 239 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>221, 208, 239</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,30.1470588235%, 87.5% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,30.1470588235%, 87.5%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_highlight-5'><h2 class= c_black >highlight-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #f1ecf8;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#f1ecf8</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 241, 236, 248 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>241, 236, 248</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 265.8536585366deg ,26.5294117647%, 95% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>265.8536585366deg ,26.5294117647%, 95%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.highlight\n\n*/\n/*\n\nacc: Color Variations \n\nThe Modified versions of the acc color from this theme\n\nMarkup:\n\n<div\n\tclass=\"grid gap-x_2 gap-y_2 template-x_15 font_n1 p_4 bg_acc\"\n>\n\t\t<div class='p_3 bg_acc-n5'><h2 class= c_white >acc-n5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #000a12;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#000a12</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 10, 18 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 10, 18</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,100%, 3.4705882353% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,100%, 3.4705882353%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-n4'><h2 class= c_white >acc-n4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #001423;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#001423</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 20, 35 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 20, 35</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,100%, 6.9411764706% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,100%, 6.9411764706%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-n3'><h2 class= c_white >acc-n3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #00213b;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#00213b</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 33, 59 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 33, 59</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,100%, 11.568627451% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,100%, 11.568627451%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-n2'><h2 class= c_white >acc-n2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #002e53;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#002e53</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 46, 83 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 46, 83</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,100%, 16.1960784314% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,100%, 16.1960784314%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-n1'><h2 class= c_white >acc-n1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #003764;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#003764</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 55, 100 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 55, 100</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,100%, 19.6666666667% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,100%, 19.6666666667%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-0'><h2 class= c_white >acc-0</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_white'><li class='flex flex_inline p_2 #' style='background-color: #004176;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#004176</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 65, 118 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 65, 118</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg, 100%, 23.137254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg, 100%, 23.137254902%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-1'><h2 class= c_black >acc-1</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #00579d;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#00579d</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 87, 157 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 87, 157</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,95%, 30.8235294118% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,95%, 30.8235294118%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-2'><h2 class= c_black >acc-2</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #0077d8;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#0077d8</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 0, 119, 216 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>0, 119, 216</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,87.5%, 42.3529411765% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,87.5%, 42.3529411765%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-3'><h2 class= c_black >acc-3</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #3ba7ff;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#3ba7ff</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 59, 167, 255 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>59, 167, 255</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,75%, 61.568627451% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,75%, 61.568627451%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-4'><h2 class= c_black >acc-4</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #9dd3ff;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#9dd3ff</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 157, 211, 255 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>157, 211, 255</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,62.5%, 80.7843137255% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,62.5%, 80.7843137255%</span> </li> </ul> </div>\n\t\t<div class='p_3 bg_acc-5'><h2 class= c_black >acc-5</h2> <ul class='p_3 bg_white-7 m-t_4 ul_none c_black'><li class='flex flex_inline p_2 #' style='background-color: #d8edff;'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HEX:</span> <span class='user-select_all font_accent lowercase'>#d8edff</span> </li> <li class='flex flex_inline p_2 #' style='background-color:rgb( 216, 237, 255 );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>RGB:</span> <span class='user-select_all font_accent lowercase'>216, 237, 255</span> </li> <li class='flex flex_inline p_2 #' style='background-color:hsl( 206.9491525424deg ,55%, 92.3137254902% );'> <span class='user-select_none opacity_6 font_bold font_ui uppercase'>HSL:</span> <span class='user-select_all font_accent lowercase'>206.9491525424deg ,55%, 92.3137254902%</span> </li> </ul> </div>\n</div>\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.acc\n\n*/\n/*\nCrayon Box\n\nThis is all of the colors of the theme broken out with its modifications written in hex code.\n\n\nWeight:0\n\nHideCodeBlock: display_none \n\nStyleguide DesignBase.CrayonBox\n*/\n/*Adobe XD Color Map*/\n/* $xd-color_primary-0: #198dae*/\n/* $xd-color_primary-n5: #04151a*/\n/* $xd-color_primary-n4: #082a34*/\n/* $xd-color_primary-n3: #0d4757*/\n/* $xd-color_primary-n2: #12637a*/\n/* $xd-color_primary-n1: #157894*/\n/* $xd-color_primary-1: #1da3c9*/\n/* $xd-color_primary-2: #33bbe2*/\n/* $xd-color_primary-3: #77d2eb*/\n/* $xd-color_primary-4: #bbe8f5*/\n/* $xd-color_primary-5: #e4f6fb*/\n/* $xd-color_secondary-0: #676a72*/\n/* $xd-color_secondary-n5: #0f1011*/\n/* $xd-color_secondary-n4: #1f2022*/\n/* $xd-color_secondary-n3: #343539*/\n/* $xd-color_secondary-n2: #484a50*/\n/* $xd-color_secondary-n1: #585a61*/\n/* $xd-color_secondary-1: #757881*/\n/* $xd-color_secondary-2: #8c8f97*/\n/* $xd-color_secondary-3: #b2b4b9*/\n/* $xd-color_secondary-4: #d9dadc*/\n/* $xd-color_secondary-5: #f0f0f1*/\n/* $xd-color_success-0: #078a2e*/\n/* $xd-color_success-n5: #011507*/\n/* $xd-color_success-n4: #02290e*/\n/* $xd-color_success-n3: #044517*/\n/* $xd-color_success-n2: #056120*/\n/* $xd-color_success-n1: #067527*/\n/* $xd-color_success-1: #09ad3a*/\n/* $xd-color_success-2: #0be14b*/\n/* $xd-color_success-3: #51f682*/\n/* $xd-color_success-4: #a8fbc1*/\n/* $xd-color_success-5: #dcfde6*/\n/* $xd-color_shade-0: #878585*/\n/* $xd-color_shade-n5: #141414*/\n/* $xd-color_shade-n4: #292828*/\n/* $xd-color_shade-n3: #444242*/\n/* $xd-color_shade-n2: #5f5d5d*/\n/* $xd-color_shade-n1: #737171*/\n/* $xd-color_shade-1: #939191*/\n/* $xd-color_shade-2: #a5a4a4*/\n/* $xd-color_shade-3: #c3c2c2*/\n/* $xd-color_shade-4: #e1e1e1*/\n/* $xd-color_shade-5: #f3f3f3*/\n/* $xd-color_warning-0: #da8210*/\n/* $xd-color_warning-n5: #211402*/\n/* $xd-color_warning-n4: #412705*/\n/* $xd-color_warning-n3: #6d4108*/\n/* $xd-color_warning-n2: #995b0b*/\n/* $xd-color_warning-n1: #b96f0e*/\n/* $xd-color_warning-1: #ee9118*/\n/* $xd-color_warning-2: #f1a33e*/\n/* $xd-color_warning-3: #f6c27e*/\n/* $xd-color_warning-4: #fae0bf*/\n/* $xd-color_warning-5: #fdf3e5*/\n/* $xd-color_alert-0: #dd1a1a*/\n/* $xd-color_alert-n5: #210404*/\n/* $xd-color_alert-n4: #420808*/\n/* $xd-color_alert-n3: #6f0d0d*/\n/* $xd-color_alert-n2: #9b1212*/\n/* $xd-color_alert-n1: #bc1616*/\n/* $xd-color_alert-1: #e62b2b*/\n/* $xd-color_alert-2: #ea4f4f*/\n/* $xd-color_alert-3: #f18989*/\n/* $xd-color_alert-4: #f8c4c4*/\n/* $xd-color_alert-5: #fce7e7*/\n/* $xd-color_navigation-0: #2b58c0*/\n/* $xd-color_navigation-n5: #060d1d*/\n/* $xd-color_navigation-n4: #0d1a3a*/\n/* $xd-color_navigation-n3: #162c60*/\n/* $xd-color_navigation-n2: #1e3e86*/\n/* $xd-color_navigation-n1: #254ba3*/\n/* $xd-color_navigation-1: #3564d2*/\n/* $xd-color_navigation-2: #567ed9*/\n/* $xd-color_navigation-3: #8fa9e6*/\n/* $xd-color_navigation-4: #c7d4f2*/\n/* $xd-color_navigation-5: #e9eefa*/\n/* $xd-color_accent-0: #16a385*/\n/* $xd-color_accent-n5: #031814*/\n/* $xd-color_accent-n4: #073128*/\n/* $xd-color_accent-n3: #0b5243*/\n/* $xd-color_accent-n2: #0f725d*/\n/* $xd-color_accent-n1: #138b71*/\n/* $xd-color_accent-1: #1ac09c*/\n/* $xd-color_accent-2: #28e2ba*/\n/* $xd-color_accent-3: #70ecd1*/\n/* $xd-color_accent-4: #b7f5e8*/\n/* $xd-color_accent-5: #e2fbf6*/\n/* $xd-color_info-0: #a3988c*/\n/* $xd-color_info-n5: #191714*/\n/* $xd-color_info-n4: #332e28*/\n/* $xd-color_info-n3: #544c43*/\n/* $xd-color_info-n2: #766b5e*/\n/* $xd-color_info-n1: #8f8173*/\n/* $xd-color_info-1: #aca298*/\n/* $xd-color_info-2: #bab2a9*/\n/* $xd-color_info-3: #d1ccc6*/\n/* $xd-color_info-4: #e8e5e2*/\n/* $xd-color_info-5: #f6f5f4*/\n/* $xd-color_highlight-0: #7742bd*/\n/* $xd-color_highlight-n5: #120a1c*/\n/* $xd-color_highlight-n4: #241439*/\n/* $xd-color_highlight-n3: #3c215f*/\n/* $xd-color_highlight-n2: #532e84*/\n/* $xd-color_highlight-n1: #6538a1*/\n/* $xd-color_highlight-1: #8555c4*/\n/* $xd-color_highlight-2: #9971ce*/\n/* $xd-color_highlight-3: #bba1de*/\n/* $xd-color_highlight-4: #ddd0ef*/\n/* $xd-color_highlight-5: #f1ecf8*/\n/* $xd-color_acc-0: #004176*/\n/* $xd-color_acc-n5: #000a12*/\n/* $xd-color_acc-n4: #001423*/\n/* $xd-color_acc-n3: #00213b*/\n/* $xd-color_acc-n2: #002e53*/\n/* $xd-color_acc-n1: #003764*/\n/* $xd-color_acc-1: #00579d*/\n/* $xd-color_acc-2: #0077d8*/\n/* $xd-color_acc-3: #3ba7ff*/\n/* $xd-color_acc-4: #9dd3ff*/\n/* $xd-color_acc-5: #d8edff*/\n/*\nInteractive Extras\n\nInteractions can be enhanced with toggle icons or loading graphics to show the system is responding to user input.\n\nStyleguide Recipes.InteractiveExtras\n*/\n.font .font--example {\n  background-image: url(http://basehold.it/i/24);\n}\n.font .font--name {\n  color: #000;\n}\n.font .font--dropcase_2x {\n  color: #198dae;\n}\n\n/*\n\nBasic HTML\n\nThe Arches Design System, at its core, is a Utility Class Styling Design.  It is built not to prescribe the design of the HTML and components but to paint with classes to create complicated UI without having to create more styles.  Arches rely on the browser or branding defaults for basic HTML styling.  Below is a kitchen sink of HTML elements so you can see how this variation look without further alteration from adding classes. There is No basic styling around the pure DOM with the utility class only, and there is improved styling as you add Bootstrap or Foundation.  \n\nWeight: -100\n\nStyleguide HTML\n*/\n/*\n\nReading Typography\n\nReading typography is a container class to opt into an override of the basic typography from arches. Basic Typography is un-styled and rely on the most basic styles from the browser stylesheets so there is less overriding when making UI but it leaves reading typography lacking. Most ways typography content is added to a site is devoid of hooks to add styles to an element so work around that restriction and to unified styling across reading experiences the \"reading-typography\" class is used on the parent container.  Please note that the reading typography can still look a bit different look depending on the brand or the framework. <table><thead><tr><th>modifier class</th><th>customization</th><th>usage</th></tr></thead><tbody><tr><td><code>.inherit_color</code></td><td>removes all color rules from colored typography and sets it to inherit.</td><td>inverting a block of typography where all text and headlines should be white.</td></tr><tr><td><code>.font-size_up</code></td><td>shifts all typography up one font size step</td><td>intro blocks of text where the text. Or in articles where you can shift all text up a size.</td></tr><tr><td>`.font-size_down`</td><td>shifts all typography down one font size step.</td><td>citation blocks or boiler plate content where the text should be smaller and less impactful.</td></tr><tr><td><code>.links_dark</code></td><td>turns all links to the dark color standard.</td><td>this is used in junction with the <code>.inherit_color</code> class.</td></tr><tr><td><code>.links_light</code></td><td>turns all links to the light color standard.</td><td>this is used in junction with the <code>.inherit_color</code> class when text is on a dark background.</td></tr></tbody></table><small class=\"c_highlight block\">* there are further advanced features if you want to apply CSS Property Overrides.</small> \n\nMarkup:\n<section class=\"max-w_65 reading-typography m_auto\">\n<div class=\"relative\">\n\t<a target=\"_blank\" href=\"https://css-tricks.com/almanac/selectors/n/not/\"><picture class=\"w_100\">\n\t\t<source class=\"w_100\" srcset=\"https://via.placeholder.com/1440x200.png?text=Desktop+Large+wrapped+link\" media=\"(min-width: 1200px)\">\n\t\t<source class=\"w_100\" srcset=\"https://via.placeholder.com/1200x200.png?text=Desktop+wrapped+link\" media=\"(min-width: 1024px)\">\n\t\t<source class=\"w_100\" srcset=\"https://via.placeholder.com/768x200.png?text=Tablet+wrapped+link\" media=\"(min-width: 768px)\">\n\t\t<source class=\"w_100\" srcset=\"https://via.placeholder.com/600x250.png?text=Mobile+wrapped+link\" media=\"(min-width: 400px)\"> <source class=\"w_100\" srcset=\"https://via.placeholder.com/400x300.png?text=Mobile\" media=\"(min-width: 400px)\">\n\t\t<img src=\"https://via.placeholder.com/400x300.png?text=Mobile\" class=\"w_100\" alt=\"\">\n\t</picture></a>\n    <div class=\"absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4\">\n        <div class=\"bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light\">\n            <span class=\"font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3\">User Name</span>\n            <a class=\"btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold\" href=\"#\">Log Out <i class=\"fas fa-sign-out p-l_2\"></i></a>\n        </div>\n    </div>\n</div>\n  <h1>This is the primary heading and there should only be one of these per page</h1>\n  <h6>sub heading</h6>\n    <p>A small paragraph to <em>emphasis</em> and show <strong>important</strong> bits.</p>\n    <ul>\n        <li>This is a list item</li>\n        <li>So is this - there could be more</li>\n        <li>Make sure to style list items to:\n            <ul>\n                <li>Not forgetting child list items</li>\n                <li>Not forgetting child list items</li>\n                <li>Not forgetting child list items</li>\n                <li>Not forgetting child list items</li>\n            </ul>\n        </li>\n        <li>A couple more</li>\n        <li>top level list items</li>\n    </ul>\n    <p>Don't forget <strong>Ordered lists</strong>:</p>\n    <ol>\n       <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>\n       <li>Aliquam tincidunt mauris eu risus.\n        <ol>\n            <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>\n            <li>Aliquam tincidunt mauris eu risus.</li>\n        </ol>\n        </li>\n       <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>\n       <li>Aliquam tincidunt mauris eu risus.\n    </li></ol>\n    <h2>A sub heading which is not as important as the first, but is quite imporant overall</h2>\n    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n    <table>\n    <thead><tr>\n            <th>Table Heading</th>\n            <th>Table Heading</th>\n        </tr></thead>\n        <tbody>\n        <tr>\n            <td>table data</td>\n            <td>table data</td>\n        </tr>\n        <tr>\n            <td>table data</td>\n            <td>table data</td>\n        </tr>\n        <tr>\n            <td>table data</td>\n            <td>table data</td>\n        </tr>\n        <tr>\n            <td>table data</td>\n            <td>table data</td>\n        </tr>\n    </tbody></table>    \t\n    <h3>A sub heading which is not as important as the second, but should be used with consideration</h3>\n    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n    <blockquote><p>“Ooh - a blockquote! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.”</p></blockquote>\n    <h4>A sub heading which is not as important as the second, but should be used with consideration</h4>\n    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n    <pre><code>\n#header h1 a { \n    display: block; \n    width: 300px; \n    height: 80px; \n}\n</code></pre>\n    <h5>A sub heading which is not as important as the second, but should be used with consideration</h5>\n    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n    <dl>\n   <dt>Definition list</dt>\n   <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna \n\taliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea \n\tcommodo consequat.</dd>\n\t   <dt>Lorem ipsum dolor sit amet</dt>\n\t   <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna \n\taliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea \n\tcommodo consequat.</dd>\n\t</dl>\n\t<h6>This heading plays a relatively small bit part role, if you use it at all</h6>\n    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n<section>\n\nWeight: -9\n\nHideCodeBlock: display_none \n\nStyleguide HTML.Typography\n\n*/\n/*\n\nSample Typography\n\nThis text is used as a lorem content in many of our containers.  \n\n.p_4                                                    - This is the basic typogrpahy from the browser.\n.reading-typography.p_4                                 - this is the standard styling for typography of reading content\n.reading-typography.font-size_up.p_4                    - This font increased their sizes across all typography in the container.\n.reading-typography.font-size_down.p_4                  - This font decreses their sizes across all typography in the container.\n.reading-typography.color_inherit.bg_acc.c_white.p_4.links_light    - This removes all color defining styles to make it easer to reverse colors. This sets all typography and borders to inherit their colors.\n\nMarkup:\n<div class=\"{{modifier_class}}\">\n    <h1>Lorem Ipsum</h1>\n    <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. <a href=\"#random2\" target=\"_blank\">Pellentesque</a> sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href=\"#random\">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>\n    <h2>Header Level 2</h2>\n    <ol>\n        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>\n        <li>Aliquam tincidunt mauris eu risus.</li>\n    </ol>\n    <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>\n    <h3>Header Level 3</h3>\n    <ul>\n        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>\n        <li>Aliquam tincidunt mauris eu risus.</li>\n    </ul>\n    <button class=\"btn btn-primary\">Button</button>\n</div>\n\nWeight: -9\n\nHideCodeBlock: display_none \n\nMarkupWrapperClasses: br_solid br_radius br_black-1 br_1 m_3 max-w_50\n\nStyleguide HTML.Typography.Sample\n\n*/\n/*\n\nBasic Typography\n\nBasic Typography is unstyled and relys on the most basic styles from the browser stylesheets so there is less overriding when making UI but it leaves the reading of content text lacking. The overriding styles that are applied to Basic typography is a consistent font treatment (font sizing, font family, and font-weight) and what comes from the baseline frameworks that build the brand.  \n\n\nMarkup:\n<h1>Basic Typography: <small>Lorem ipsum dolor sit amet, consectetuer adipiscing \nelit.</small></h1>\n<h2>Aenean commodo ligula eget dolor aenean massa</h2>\n<h3>Cut sociis natoque penatibus et magnis dis \nparturient montes nascetur ridiculus mus</h3>\n<h4>Donec quam felis ultricies nec pellentesque eu \npretium quis sem nlla consequat massa quis enim</h4>\n<h5>Donec pede justo fringilla vel aliquet nec vulputate \neget arcu</h5>\n<h6>In enim justo rhoncus ut imperdiet a venenatis vitae \njusto</h6>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing \nelit. Aenean commodo ligula eget dolor. Aenean massa. \nCum sociis natoque penatibus et magnis dis parturient \nmontes, nascetur ridiculus mus. Donec quam felis, \nultricies nec, pellentesque eu, pretium quis, sem.</p>\n<article><p>This paragraph is nested inside an article. It contains many different, sometimes useful, <a href=\"https://www.w3schools.com/tags/\">HTML5 tags</a>. Of course there are classics like <em>emphasis</em>, <strong>strong</strong>, and <small>small</small> but there are many others as well. Hover the following text for abbreviation tag: <abbr title=\"abbreviation\">abbr</abbr>. Similarly, you can use acronym tag like this: <acronym title=\"For The Win\">ftw</acronym>. You can define <del>deleted text</del> which often gets replaced with <ins>inserted</ins> text.</p><p>You can also use <kbd>keyboard text</kbd>, which sometimes is styled similarly to the <code>&lt;code&gt;</code> or <samp>samp</samp> tags. Even more specifically, there is a tag just for <var>variables</var>. Not to be mistaken with blockquotes below, the quote tag lets you denote something as <q>quoted text</q>. Lastly don't forget the sub (H<sub>2</sub>O) and sup (E = MC<sup>2</sup>) tags.</p></article>\n\nWeight: -1000\n\nHideCodeBlock: display_none \n\nMarkupWrapperClasses: max-w_65\n\nStyleguide HTML.Unstyled\n\n*/\n/*\nACC Article\n\nMarkup:\n<div id=\"reading-typography\" class=\"reading-typography\">\n\t<h1>Article Title</h1>\n\t<p>Tricuspid regurgitation (TR) is a common valvular disease estimated to affect &gt;1.5 million people in the U.S., with a yearly incidence of about 200,000 and &gt;300,000 patients in the U.S and Europe, respectively.<sup>1</sup> Stated another way, a clinically significant form of this valvular disease affects 4% (or 1 in 25) of patients ages 75 and older.<sup>2</sup></p>\n\t<p>Despite the current guidelines favoring early tricuspid valve repair, especially when undergoing concomitant left-sided cardiac surgery, most patients with TR receive <a href=\"#\">lifetime medical</a> therapy until intractable right-sided heart failure (HF) and end-organ dysfunction appear.<sup>1</sup> In recent years, multiple studies have drawn attention to the poor prognosis of untreated TR, and demonstrated a clear tendency of excess mortality in patients with increasing severity of TR, highlighting the need for interventional options to improve outcomes.<sup>3</sup></p>\n\t<div class=\"aspect_1x1 font_0 max-w_25 relative float_right\">\n\t\t<div class=\"absolute flex flex_row l_0\">\n\t\t\t<div class=\"max-w_5\">\n\t\t\t\t<img src=\"https://www.acc.org//-/media/Non-Clinical/Images/2022/10/CARDIOLOGY/22/Weintraub-Bill-600x600.jpg\" alt=\"Bill Weintraub, MD, MACC\" class=\"br_3 br_accent br_circle br_solid m-b_2 shadow_overlap-bold w_100\">\n\t\t\t</div>\n\t\t\t<div class=\"m-l_n4 max-w_5\">\n\t\t\t\t<img src=\"https://www.acc.org//-/media/Non-Clinical/Images/2022/10/CARDIOLOGY/22/Weintraub-Bill-600x600.jpg\" alt=\"Bill Weintraub, MD, MACC\" class=\"br_3 br_accent br_circle br_solid m-b_2 shadow_overlap-bold w_100\">\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"circle__inner\">\n\t\t\t<div class=\"aspect_1x1 bg_acc br_circle circle__content circle__wrapper grid items_center justify_center p_4 radial-gradient_custom\" style=\"--origin: at center;\">\n\t\t\t\t<div class=\"c_white flex flex_column gap-y_4 p-x_5 p-y_4 text_center\">\n\t\t\t\t\t<i class=\"c_accent fa-quote-left fas font-size_up-2 m-b_n2\"></i><span class=\"font-size_up lh_2\">The future of medicine is increasingly in the hands of those who are effective users of clinical data.</span><i class=\"c_accent fa-quote-right fas font-size_up-2 m-t_n2\"></i>\n\t\t\t\t\t<cite class=\"font-size_down text_right\">– <strong>Bill Weintraub, MD, MACC</strong></cite>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<p>TR associated with left-sided valvular or myocardial disease is often a marker for late-stage chronic HF with limited treatment options and an unfavorable overall prognosis. However, isolated TR is also independently associated with excess mortality if left untreated. Thus, TR represents an important public health problem with an unmet clinical need.</p>\n\t<p>Surgical approaches, either repair or replacement, have been shown to carry a high risk of in-hospital mortality, reaching 10%, without significant improvement over the past 10 years.<sup>4</sup> As transcatheter interventional options for valvular heart disease continue to expand, transcatheter tricuspid valve repair through leaflet approximation or annuloplasty has been investigated.</p>\n\t<p>Despite studies showing promising results with greater survival and freedom from HF rehospitalization compared with conservative management, its use can be limited by anatomical infeasibility such as large leaflet coaptation gap, perforation, significant leaflet tethering with dense chordae, and leaflet impingement with a cardiac implantable electronic device lead.</p>\n\t<p>A myriad of investigational transcatheter tricuspid valve replacement (TTVR) devices have emerged as an alternative to surgery and to address this outstanding need, with promising early results related to safety, efficacy and improvements in patients' functional status and quality of life.</p>\n\t<h3>Orthotopic Valve Replacement</h3>\n\t<p>Orthotopic TTVR is a form of valve replacement performed by implanting a bioprosthetic valve on an existing tricuspid annulus, in a fashion similar to how it is performed in transcatheter aortic or mitral valve replacement. Several investigational devices are available with a variety of access and anchoring systems.</p>\n\t<h3>EVOQUE</h3>\n\t<p>The EVOQUE system (Edwards Lifesciences, Irvine, CA) is a self-expanding bovine pericardial valve mounted on a nitinol frame with a fabric skirt delivered through a transfemoral approach. The perimeter is surrounded by nine anchors that allow stabilization through anchoring to the annulus, leaflets and chords of the tricuspid apparatus. Its compassionate use in 27 patients with severe symptomatic TR at inoperable or high surgical risk has demonstrated 92% success with no periprocedural mortality.<sup>5</sup></p>\n\t<p>The reduction in TR remained excellent at one year (≤moderate in 96% and ≤mild in 87%) with sustained symptomatic improvement (NYHA I/II in 69% compared with 11% at baseline).<sup>5</sup> All-cause death and HF hospitalization at one year were both at 7% without any deaths being identified as device-related. An early feasibility trial of this device, TRISCEND, is ongoing with an early report of 56 patients demonstrating a similar success rate, reduction in TR and symptomatic improvement.<sup>6</sup></p>\n\t<h3>Lux-Valve</h3>\n\t<p>The Lux-Valve (Jenscare Biotechnology Co., Ningbo, China) is a bovine pericardium valve with a self-expanding nitinol atrial disc, self-adaptive fabric skirt, two graspers and an interventricular septal anchor. It is deployed via a minimally invasive right thoracotomy and transatrial approach. First-in-human experience including 31 patients reported a 100% technical success rate with TR reduction to ≤moderate and ≤mild in 100% and 85.2%, respectively at one year. Symptomatic improvement has persisted at one year with 82.8% maintaining NYHA I/II and a 96.8% survival rate.<sup>7</sup> A study investigating the second-generation LuX-Valve Plus delivered through transjugular access is currently underway (NCT05436028).</p>\n\t<h3>GATE</h3>\n\t<p>The GATE (NaviGate Cardiac Structures, Inc., Lake Forest, CA) device was the first TTVR performed and is composed of an equine pericardium tricuspid valve mounted on a nitinol alloy stent. Twelve right ventricular tines grasp the native leaflets and 12 right atrial winglets covered by microfiber polyester cloth provide a seal. It is delivered through a right thoracotomy and transatrial access. An early study including five patients reported 100% technical success, with all patients demonstrating TR reduction to ≤mild; however, one patient died before discharge.<sup>8</sup></p>\n\t<div class=\"c_white color_inherit float_right lh_2 linear-gradient_custom m-l_5:md m-t_0:md m-y_5 p_4 reading-typography w_100 w_55:md\" style=\"--start-color:hsl(315deg 67% 37%);--end-color:hsl(292deg 68% 24%);\">\n\t\t<h2>Prominent Stressors For CVD Among LGBTQIA+ Adults</h2>\n\t\t<p>Excess cardiovascular disease risk is associated with three categories of stressors, as described by the Minority Stress Model: psychosocial (depression, anxiety, stress); behavioral (diet quality, physical activity, substance use); and physiological (hypothalamic-pituitary-adrenal axis, chronic inflammation, autonomic nervous system&nbsp;dysfunction).<sup>4</sup></p>\n\t\t<p>Structural/institutional stressors are also in&nbsp;place. The Behavioral Risk Factor Surveillance System survey 2014-2017 found a higher rate of poverty in LGBT people compared with cisgender heterosexual people <a href=\"#21.pdf\" target=\"_blank\"> vs. 15.7%,&nbsp;respectively</a>).<sup>9</sup></p>\n\t\t<p>In 2018, a large portion of LGBTQIA+ individuals lived in states that did not have public accommodation (hospitals and schools) and employment nondiscrimination laws.<sup>10</sup></p>\n\t\t<p>For many transgender individuals, employee-sponsored health insurance is often not an option. Many employee-sponsored health insurance programs do not acknowledge partners or spouses with gender identities that align with the insured. More than two-thirds of gender minority adults report having experienced some form of discrimination from clinicians (including the use of abusive language). Roughly a quarter of transgender individuals have been denied health care by clinicians.<sup>11</sup></p>\n\t\t<h3>Cardiovascular Disease Risk Factors</h3>\n\t\t<p>The data on cardiovascular health in LGBTQIA+ adults are limited because of a lack of research and challenges with study design. In terms of cardiovascular disease risk factors, the use of tobacco products is more likely among LGBTQIA+ adults than cisgender heterosexual adults.<sup>12</sup> Alcohol and illicit drug use disorder, poor mental health and elevated body mass index are greater risk factors among sexual minority women than heterosexual women.<sup>13</sup> Current studies also suggest that decreased sleep duration, which has been associated with higher rates of hypertension, diabetes and cardiovascular disease, was higher among sexual minority women compared with heterosexual women.<sup>14</sup></p>\n\t</div>\n\t<h3>Cardiovalve</h3>\n\t<p>The Cardiovalve (Venus Medtech Inc., Hangzhou, China) is deployed through transfemoral access and consists of a bovine pericardial leaflet mounted on a dual nitinol atrial and ventricular frame creating 24 grasping points for anchoring. The atrial portion of the frame has a covered flange to allow sealing to prevent paravalvular leak. Its compassionate use has been reported in 15 patients demonstrating significant reduction in TR to ≤moderate in 100% and ≤mild in 8% at 30 days.<sup>9</sup> An early feasibility study is currently underway (NCT04100720).</p>\n\t<h3>Intrepid</h3>\n\t<p>The Intrepid (Medtronic Plc, Minneapolis, MN) is a transfemoral system with a bovine pericardial valve housed within a nitinol dual stent frame. Early experience with three patients reported technical success in all, and an early feasibility study is currently recruiting patients with a goal to include 15 patients (NCT04433065).<sup>10</sup></p>\n\t<div class=\"br-t_4 br_acc br_solid clear_both m-b_4\">\n\t\t<div class=\"row m-t_1\">\n\t\t\t<div class=\"col-sm-2 p-t_2\">\n\t\t\t\t<img src=\"https://www.acc.org//-/media/Non-Clinical/Images/2022/11/CARDIOLOGY/24/Ueyama-Hiroki-600x600.jpg\" alt=\"Hiroki Ueyama, MD\" class=\"w_100 br_circle\">\n\t\t\t</div>\n\t\t\t<div class=\"col-sm-2 p-t_2\">\n\t\t\t\t<img src=\"https://www.acc.org//-/media/Non-Clinical/Images/2022/11/CARDIOLOGY/24/Byku-Isida-600x600.jpg\" alt=\"Isida Byku, MD, FACC\" class=\"w_100 br_circle\">\n\t\t\t</div>\n\t\t\t<div class=\"col-sm-8\">\n\t\t\t\t<p>This article was authored by <strong>Hiroki Ueyama, MD</strong>, and <strong>Isida Byku, MD, FACC</strong>, from the Division of Cardiology, Emory Structural Heart and Valve Center, Emory University Hospital Midtown, in Atlanta, GA.</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<h2>References</h2>\n\t<ol>\n\t\t<li>Asmarats L, Puri R, Latib A, Navia JL, Rodés-Cabau J. Transcatheter tricuspid valve interventions: Landscape, challenges, and future directions. <em>J Am Coll Cardiol</em> 2018;71:2935-56.</li>\n\t\t<li>Topilsky Y, Maltais S, Medina Inojosa J, et al. Burden of Tricuspid regurgitation in patients diagnosed in the community setting. <em>JACC Cardiovasc Imaging</em> 2019;12:433-42.</li>\n\t\t<li>Taramasso M, Benfari G, van der Bijl P, et al. Transcatheter versus medical treatment of patients with symptomatic severe tricuspid regurgitation. <em>J Am Coll Cardiol</em> 2019;74:2998-3008.</li>\n\t\t<li>Dreyfus J, Flagiello M, Bazire B, et al. Isolated tricuspid valve surgery: Impact of aetiology and clinical presentation on outcomes. <em>Eur Heart J</em> 2020;41:4304-17.</li>\n\t\t<li>Webb JG, Chuang AM, Meier D, et al. Transcatheter Tricuspid valve replacement with the evoque system: 1-year outcomes of a multicenter, first-in-human experience. <em>JACC Cardiovasc Interv</em> 2022;15:481-91.</li>\n\t\t<li>Kodali S, Hahn RT, George I, et al. Transfemoral tricuspid valve replacement in patients with tricuspid regurgitation: TRISCEND study 30-Day results. <em>JACC Cardiovasc Interv</em> 2022;15:471-80.</li>\n\t\t<li>Modine T. Transcatheter tricuspid valve replacement with the LuX-Valve system 1-Year results of a multicenter FIH experience. Presented at TVT 2022, June 8, 2022.</li>\n\t\t<li>Hahn RT, George I, Kodali SK, et al. Early Single-site experience with transcatheter tricuspid valve replacement. <em>JACC Cardiovasc Imaging</em> 2019;12:416-29.</li>\n\t\t<li>Fam NP. Cardiovalve TTVR update. Presented at TVT 2022, June 8, 2022.</li>\n\t\t<li>Bapat VN. The INTREPID Valve for severe tricuspid regurgitation: First-in-man case experience. Presented at TCT 2020.</li>\n\t\t<li>Lauten A, Figulla HR, Unbehaun A, et al. Interventional treatment of severe tricuspid regurgitation: Early clinical experience in a multicenter, observational, first-in-man study. <em>Circ Cardiovasc Interv</em> 2018;11:e006061.</li>\n\t\t<li>Dreger H, Mattig I, Hewing B, et al. Treatment of severe tricuspid regurgitation in patients with advanced heart failure with CAval Vein Implantation of the Edwards Sapien XT VALve (TRICAVAL): a randomised controlled trial. <em>EuroIntervention</em> 2020;15:1506-13.</li>\n\t\t<li>Lauten A, Doenst T, Hamadanchi A, Franz M, Figulla HR. Percutaneous bicaval valve implantation for transcatheter treatment of tricuspid regurgitation: clinical observations and 12-month follow-up. <em>Circ Cardiovasc Interv</em> 2014;7:268-72.</li>\n\t\t<li>Wild MG, Lubos E, Cruz-Gonzalez I, et al. Early clinical experience with the TRICENTO bicaval valved stent for treatment of symptomatic severe tricuspid regurgitation: A multicenter registry. <em>Circ Cardiovasc Interv</em> 2022;15:e011302.</li>\n\t\t<li>Lurz P, von Bardeleben R, Weber M, et al. Transcatheter edge-to-edge repair for treatment of tricuspid regurgitation. <em>J Am Coll Cardiol</em> 2021;77:229-39.</li>\n\t\t<li>Hahn RT. Transcatheter tricuspid valve repair:CLASP TR study one-year results. . Presented at EuroPCR 2022.</li>\n\t\t<li>Kodali S, Hahn RT, Eleid MF, et al. Feasibility study of the transcatheter valve repair system for severe tricuspid regurgitation. <em>J Am Coll Cardiol</em> 2021;77:345-56.</li>\n\t\t<li>Zack CJ, Fender EA, Chandrashekar P, et al. National trends and outcomes in isolated tricuspid valve surgery. <em>J Am Coll Cardiol</em> 2017;70:2953-60.</li>\n\t</ol>\n</div>\n\nMarkupWrapperClasses: max-w_60\n\nHideCodeBlock: display_none \n\nWeight:100\n\nStyleguide HTML.RealArticle\n\n*/\n/*\n\nLinks States\n\nThis shows the look and feel of all the states of a text link, color, underline and decoration.\n\nMarkup:\n<ul class=\"flex flex_column ul_none\">\n    <li class=\"p_3\"><a href=\"#random2\">NORMAL: Donec non enim</a></li>\n    <li class=\"p_3\"><a href=\"#random1\" class=\"pseudo-class-hover\">HOVER:  Normal Donec non enim</a>\n</li>\n    <li class=\"p_3\"><a href=\"#random3\" class=\"pseudo-class-visited\">VISITED: Normal Donec non enim</a>\n</li>\n</ul>\n\n\nMarkupWrapperClasses: reading-typography\n\nWeight:100\n\nStyleguide HTML.Typography.Links\n */\n.container,\n.card {\n  position: relative;\n}\n\n/*\n  Table\n\n  There is a basic styling around the pure DOM of a table.   But to get full brand styling alter the parent tag to <table class='table'>.\n\n  Markup:\n  <table>\n    <thead>\n      <tr>\n        <th>Table Header</th>\n        <th>Table Header</th>\n        <th>Table Header</th>\n        <th>Table Header</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Content Goes Here</td>\n        <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>\n        <td>Content Goes Here</td>\n        <td>Content Goes Here</td>\n      </tr>\n      <tr>\n        <td>Content Goes Here</td>\n        <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>\n        <td>Content Goes Here</td>\n        <td>Content Goes Here</td>\n      </tr>\n      <tr>\n        <td>Content Goes Here</td>\n        <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>\n        <td>Content Goes Here</td>\n        <td>Content Goes Here</td>\n      </tr>\n    </tbody>\n  </table>\n\n Styleguide HTML.Table\n*/\n/*\n\nTable Styled\n\n<table class='table'> will style the table with the generic branded coloring and spacing. \n\nMarkup:\n<table class=\"table\">\n  <thead class=\"thead\">\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>table row 1 table cell A\n        <br>\n        <small class=\"c_primary\">this is small text in blue</small>\n      </td>\n      <td>table row 1 table cell B\n        <br>\n        <small class=\"c_highlight\">this is small text with magenta</small>\n      </td>\n      <td>table row 1 table cell C</td>\n    </tr>\n    <tr>\n      <td>table row 2 table cell A</td>\n      <td>table row 2 table cell B</td>\n      <td>table row 2 table cell C</td>\n    </tr>\n  </tbody>\n  <tfoot class=\"tfoot\">\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.BasicStyle\n*/\n.table {\n  border-spacing: 0;\n}\n.table .thead,\n.table thead {\n  background-color: white;\n}\n.table .thead th,\n.table .thead td,\n.table thead th,\n.table thead td {\n  border-bottom: 2px solid hsla(var(--primary-h), calc( var( --primary-s ) - ( var( --primary-s ) * 0.05 ) ), calc( var(--primary-l) + ((100% - var(--primary-l)) * 0.1) ), 1);\n}\n.table .tfoot,\n.table tfoot {\n  background-color: hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.45 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.9) ), 1);\n}\n.table .tfoot th,\n.table .tfoot td,\n.table tfoot th,\n.table tfoot td {\n  border-top: 1px solid hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.05 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.1) ), 1);\n  font-style: italic;\n}\n\n/*\n\nTable Column Shaded\n\n`<table class=\"table column-shaded\">` gives a blue tint to every other column in the table.\n\n\n\nMarkup:\n<table class=\"table column-shaded\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr>\n      <td>row 2 cell A</td>\n      <td>row 2 cell B</td>\n      <td>row 2 cell C</td>\n    </tr>\n    <tr>\n      <td>row 3 cell A</td>\n      <td>row 3 cell B</td>\n      <td>row 3 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.ColumnShaded\n*/\n.table.column-shaded .thead th:nth-child(even),\n.table.column-shaded thead th:nth-child(even) {\n  background-color: hsla(var(--acc-h), calc( var( --acc-s ) - ( var( --acc-s ) * 0.45 ) ), calc( var(--acc-l) + ((100% - var(--acc-l)) * 0.9) ), 1);\n}\n.table.column-shaded .tbody td:nth-child(even),\n.table.column-shaded tbody td:nth-child(even) {\n  background-color: hsla(var(--primary-h), calc( var( --primary-s ) - ( var( --primary-s ) * 0.45 ) ), calc( var(--primary-l) + ((100% - var(--primary-l)) * 0.9) ), 1);\n}\n.table.column-shaded .tbody tr:nth-child(even) td:nth-child(even),\n.table.column-shaded tbody tr:nth-child(even) td:nth-child(even) {\n  background-color: hsla(var(--acc-h), calc( var( --acc-s ) - ( var( --acc-s ) * 0.375 ) ), calc( var(--acc-l) + ((100% - var(--acc-l)) * 0.75) ), 1);\n}\n\n/*\n\n\nTable Unshaded\n\n`<table class=\"table unshaded\"> removes the shadding for rows and footer giving a cleaner table. This table type is great for small data sets and removes the 100% wide table that is default in all other tables.  \n\nMarkup:\n<table class=\"table unshaded\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr>\n      <td>row 2 cell A</td>\n      <td>row 2 cell B</td>\n      <td>row 2 cell C</td>\n    </tr>\n    <tr>\n      <td>row 3 cell A</td>\n      <td>row 3 cell B</td>\n      <td>row 3 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.Unshaded\n*/\n.table.unshaded {\n  width: auto;\n  border: none;\n}\n.table.unshaded thead {\n  border-top: none;\n  border-right: none;\n  border-left: none;\n}\n.table.unshaded tbody tr:nth-child(even) {\n  background-color: unset;\n}\n.table.unshaded tbody tr + tr td {\n  border-top: 1px hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.45 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.9) ), 1) solid;\n}\n.table.unshaded tfoot {\n  background-color: unset;\n}\n\n/*\n\nTable Column Shading: recipe\n\nTable shading can be much more dynamic and varied if you are willing to build with utlity classes(UC's). You can see few variations of tables bellow that have been quickly been made with a basic table and background color classes applied to cells. \n\n.primary          - column colored variations of primary\n.info             - column colored variations of info \n.accent      - column colored variations of highlighted \n\nMarkup:\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th class=\"bg_{{modifier_class}}-4\">table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td class=\"bg_{{modifier_class}}-5\">row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr>\n      <td>row 2 cell A</td>\n      <td class=\"bg_{{modifier_class}}-4\">row 2 cell B</td>\n      <td>row 2 cell C</td>\n    </tr>\n    <tr>\n      <td>row 3 cell A</td>\n      <td class=\"bg_{{modifier_class}}-5\">row 3 cell B</td>\n      <td>row 3 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.UtilityClasses.Shading\n*/\n/*\nTable Cell States: RECIPE\n\nStates can be easily applied to the tables using UC's\n\n\nMarkup:\n<table class=\"table\">\n  <tr>\n    <td class=\"bg_alert-4 border_solid border-width_1 border_alert font-weight_bold text_center\">\n      <i class=\"fas fa-times-circle\"></i>\n    </td>\n    <td class=\"\">\n    </td>\n    <td class=\"\">Text</td>\n    <td class=\"bg_warning-4 border_solid border-width_1 border_warning font-weight_bold\">\n      <i class=\"fas fa-exclamation-triangle\"></i> Warning</td>\n  </tr>\n  <tr>\n    <td class=\"\">\n    </td>\n    <td class=\"bg_info-4 border_solid border-width_1 border_info font-weight_bold text_center\">\n      <i class=\"fas fa-lightbulb-exclamation\"></i>\n    </td>\n    <td class=\"\">Text</td>\n    <td class=\"bg_info-4 border_solid border-width_1 border_info font-weight_bold\">\n      <i class=\"fas fa-lightbulb-exclamation\"></i>\n      Info</td>\n  </tr>\n  <tr>\n    <td class=\"\">\n    </td>\n    <td class=\"warning icon\">\n    </td>  \n    <td class=\"bg_alert-4 border_solid border-width_1 border_alert font-weight_bold\">Alert</td>\n    <td class=\"\"> Text</td>\n  </tr>\n  <tr>\n    <td class=\"success icon\">\n    </td>\n    <td class=\"info icon\">\n    </td>\n    <td class=\"bg_success-4 border_solid border-width_1 border_success font-weight_bold\"><i class=\"fas fa-check\"></i> Success</td>\n    <td class=\"\"> text</td>\n  </tr>\n</table>\n\nStyleguide HTML.Table.UtilityClasses.CellStates\n*/\n/*\n\nTable Seperators: RECIPE\n\nStyling seperators on tables is now completely controled by utility classes giving much more flexablity to designs.\n\n\n\nMarkup:\n<table class=\"table stripped\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr class=\"bg_info-1 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_info font-weight_bold font_n2 text-left c_white\">\n      <td colspan='3' class=\"p_2\">Separator With Info</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr class=\"bg_success-1 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_success font-weight_bold font_n2 text-left c_white\">\n      <td colspan='3' class=\"p_2\">Separator With success</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr class=\"bg_alert-1 border_solid border-left-width_0 border-right-width_0 border-width_1 border border_alert font-weight_bold font_n2 text-left c_white\">\n      <td colspan='3' class=\"p_2\">Separator With Alert</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n   <tr class=\"bg_warning-1 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_warning font-weight_bold font_n2 text-left\">\n      <td colspan='3' class=\"p_2\">Separator With warning</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n   <tr class=\"bg_shade-3 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_shade font-weight_bold font_n2 text-left\">\n      <td colspan='3' class=\"p_2\">Separator With disabled</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.UtilityClasses.RowSeperators\n*/\n/*\nButtons\n\nBasic Buttons\n\n.primary\t            \t- Primary Class Button (default)\n.secondary \t            - Second Class Button\n.shade \t            \t- Shade Class Button\n.navigation             - Button reserved for navigation elements\n.success                - Success State.\n.alert                  - Alert State.\n.warning\t            \t- Warning State\n.hollow\t\t            - All button states can become hollow\n.clear\t\t            - All button states can become hollow\n.dropdown\t\t        \t- All button states can become hollow\n.radius\t\t            - Give the button softer corners\n.shadow.clear\t\t   \t- Give a button a shadow\n.tiny\t\t           \t\t- tiny buttons\n.small\t\t            - Small buttons\ndefault\t\t            - Medium buttons (default)\n.large\t\t            - Large buttons\n.xlarge\t\t            - Large buttons\n.disabled\t            - Disabled buttons\n\nMarkup:\n<a data-style=\"{{ modifier_class }}\"  class=\"button {{modifier_class}}\">{{modifier_class}} button</a>\n\n Styleguide HTML.Buttons\n*/\n.button {\n  white-space: nowrap;\n}\n.button.hollow {\n  background-color: transparent;\n}\n.button.clear {\n  background-color: transparent;\n  border-color: transparent;\n}\n.button.shadow {\n  box-shadow: 1.5px 1.5px 6px 0.75px rgba(0, 0, 0, 0.4);\n}\n.button.shadow:hover {\n  box-shadow: 0.5px 0.5px 2px 0.25px rgba(0, 0, 0, 0.1);\n}\n\n.close-button {\n  text-align: right;\n  border-top: #198dae 9px solid;\n  width: 100%;\n  left: 0;\n  right: 0;\n}\n.close-button span {\n  background: #198dae;\n  padding: 0 0.2em;\n  vertical-align: top;\n}\n.close-button:focus {\n  outline: none;\n}\n\n/*\n\n    Question Structure\n\n    shade - default decoration when there is no validation run on the input.\n\n    Markup:\n    <div data-style=\"{{ modifier_class }}\"  class=\"question required {{modifier_class}}\">\n    <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n        <span class=\"text cell shrink\">Question Text</span>\n        <span class=\"required-holder cell shrink\">\n            <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n        </span>\n    </label>\n    <div class=\"input-holder grid-x c_{{modifier_class}}\">\n        <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n        </div>\n        <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n        </div>\n        <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n        </div>\n        <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n        </div>\n        <div class=\"input-space cell auto\">\n            <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n        </div>\n    </div>\n    <div class=\"message-holder font_n1\">\n        <div class=\"alert p_2 bg_alert-n1 c_white\">\n        <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2\"></i> Error message</div>\n        <div class=\"warning p_2 bg_warning-n1 c_white\">\n        <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n        <div class=\"info p_2 bg_info-n1 c_white\">\n        <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n    </div>\n    <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Weight: -1\n\n    Styleguide Questions.Introduction\n*/\n/*\n\n    Question Structure with States applied\n\n    shade - default decoration when there is no validation run on the input.\n    alert   - alert settings for questions\n    warning - warning decoration for when required is missing. \n    info - sometimes inputs show extra informaiton when an item is selected or when a value is entered.\n    success - On rare occations it is needed for a success response on an input.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n    <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n        <span class=\"text cell shrink\">Question Text</span>\n        <span class=\"required-holder cell shrink\">\n            <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n        </span>\n        </label>\n    <div class=\"input-holder grid-x c_{{modifier_class}}\">\n        <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n        </div>\n        <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n        </div>\n        <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n        </div>\n        <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n        </div>\n        <div class=\"input-space cell auto\">\n            <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n        </div>\n    </div>\n    <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n            <div class=\"success br_success-n1 c_success \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> succes message are rare but sometimes needed.</div>\n        </div>\n    <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.States\n*/\n.question div.alert,\n.question div.warning,\n.question div.info,\n.question div.success {\n  display: none;\n}\n\n.alert.question div.alert,\n.warning.question div.warning,\n.info.question div.info,\n.success.question div.success {\n  display: block;\n}\n\n.alert.question select {\n  border-color: hsla(var(--alert-h), calc( var( --alert-s ) - ( var( --alert-s ) * 0.125 ) ), calc( var(--alert-l) + ((100% - var(--alert-l)) * 0.25) ), 1);\n  color: hsla(var(--alert-h), calc( var(--alert-s) + ((100% - var(--alert-s)) * 0.03) ), calc( var( --alert-l ) - ( var( --alert-l ) * 0.3 ) ), 1);\n}\n\n.warning.question select {\n  border-color: hsla(var(--warning-h), calc( var( --warning-s ) - ( var( --warning-s ) * 0.125 ) ), calc( var(--warning-l) + ((100% - var(--warning-l)) * 0.25) ), 1);\n  color: hsla(var(--warning-h), calc( var(--warning-s) + ((100% - var(--warning-s)) * 0.03) ), calc( var( --warning-l ) - ( var( --warning-l ) * 0.3 ) ), 1);\n}\n\n.info.question select {\n  border-color: hsla(var(--info-h), calc( var( --info-s ) - ( var( --info-s ) * 0.125 ) ), calc( var(--info-l) + ((100% - var(--info-l)) * 0.25) ), 1);\n  color: hsla(var(--info-h), calc( var(--info-s) + ((100% - var(--info-s)) * 0.03) ), calc( var( --info-l ) - ( var( --info-l ) * 0.3 ) ), 1);\n}\n\n.success.question select {\n  border-color: hsla(var(--success-h), calc( var( --success-s ) - ( var( --success-s ) * 0.125 ) ), calc( var(--success-l) + ((100% - var(--success-l)) * 0.25) ), 1);\n  color: hsla(var(--success-h), calc( var(--success-s) + ((100% - var(--success-s)) * 0.03) ), calc( var( --success-l ) - ( var( --success-l ) * 0.3 ) ), 1);\n}\n\n.required .required-holder {\n  display: inline-flex;\n}\n\n.switch {\n  margin-bottom: 0;\n}\n\n.switch-value {\n  margin-left: 0.5rem;\n}\n\n.question {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-holder {\n  flex: 1 0 auto;\n}\n\n.input-holder {\n  flex: 1 0 auto;\n}\n\n.message-holder {\n  flex: 1 0 auto;\n}\n\n.message-holder div {\n  border-top-width: 0.25rem;\n  border-top-style: solid;\n  padding: 0.25rem;\n}\n\n.hint-holder {\n  flex: 1 0 auto;\n}\n\n/*\n\n    Question Input Value Area\n\n    shade - default decoration when there is no validation run on the input.\n    alert   - alert settings for questions\n    warning - warning decoration for when required is missing. \n    info - sometimes inputs show extra informaiton when an item is selected or when a value is entered.\n    success - On rare occations it is needed for a success response on an input.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n        <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n        <span class=\"text cell shrink\">Question Text</span>\n        <span class=\"required-holder cell shrink\">\n            <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n        </span>\n        </label>\n        <div class=\"input-holder grid-x c_{{modifier_class}}\">\n            <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n            </div>\n            <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n            </div>\n            <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n            </div>\n            <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n            </div>\n            <div class=\"input-space cell auto\">\n                <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n            </div>\n            <div class=\"br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"value\">Years</span>\n            </div>\n        </div>\n        <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n        </div>\n        <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.Value Area\n*/\n/*\n\n    Question with grouped inputs\n\n    shade - default decoration when there is no validation run on the input.\n    alert - alerts show up when errors are validated from the input.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n        <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n            <span class=\"text cell shrink\">Question Text</span>\n            <span class=\"required-holder cell shrink\">\n                <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n            </span>\n            </label>\n        <div class=\"input-holder grid-x c_{{modifier_class}}\">\n            <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n            </div>\n            <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n            </div>\n            <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n            </div>\n            <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n            </div>\n            <div class=\"input-space cell small-2\">\n                <select name=\"\" id=\"\" class=\"m-b_0\">\n                    <option value=\"\">All</option>\n                    <option value=\"\">Group A</option>\n                    <option value=\"\">Group B</option>\n                </select>\n            </div>       \n            <div class=\"input-space cell auto\">\n                <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n            </div>\n            <div class=\"br_{{modifier_class}}-3  bg_{{modifier_class}}-4 c_{{modifier_class}}-n2  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"value\">Years</span>\n            </div>\n        </div>\n        <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n        </div>\n        <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.Grouped Inputs\n*/\n/*\n\n    Question with Switches\n\n    shade - default decoration when there is no validation run on the input.\n    alert - alert on the area of inputs\n    warning - warning decoration for when required is missing. \n    info - sometimes inputs show extra informaiton when an item is selected or when a value is entered.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n        <label for=\"tinySwitch_{{modifier_class}}\" class=\"grid-x c_{{modifier_class}} font_1 label-holder\">\n            <span class=\"text cell shrink\">Question Text</span>\n            <span class=\"required-holder cell shrink\">\n                <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n            </span>\n        </label>\n        <div class=\"input-holder grid-x c_{{modifier_class}}\">\n            <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n            </div>\n            <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n            </div>\n            <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n            </div>\n            <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n            </div>\n            <div class=\"input-space cell auto grid-x\">\n                <div class=\"cell grid-x p_3 p-r_0 small-12 medium-6\">\n                    <div class=\"switch tiny radius cell shrink\">\n                        <input class=\"switch-input\" id=\"tinySwitch_{{modifier_class}}\" type=\"checkbox\" name=\"exampleSwitch\">\n                        <label class=\"switch-paddle\" for=\"tinySwitch_{{modifier_class}}\">\n                            <span class=\"show-for-sr\">Tiny Sandwiches Enabled</span>\n                        </label>\n                    </div>\n                    <label class=\"switch-value cell auto font_bold\" for=\"tinySwitch_{{modifier_class}}\">No Question</label>\n                </div>\n                <div class=\"cell grid-x p_3 p-r_0 small-12 medium-6\">\n                    <div class=\"switch tiny radius cell shrink\">\n                        <input class=\"switch-input\" id=\"tinySwitchNo_{{modifier_class}}\" type=\"checkbox\" name=\"exampleSwitch\">\n                        <label class=\"switch-paddle\" for=\"tinySwitchNo_{{modifier_class}}\">\n                            <span class=\"show-for-sr\">Tiny Sandwiches Enabled</span>\n                        </label>\n                    </div>\n                    <label class=\"switch-value cell auto font_bold\" for=\"tinySwitchNo_{{modifier_class}}\">Yes Question</label>\n                </div>\n            </div>     \n        </div>\n        <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n        </div>\n        <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.Switches\n*/\n/*\n Pagination\n\n This is what pagination should look like and its modifications.\n\n Markup:\n <nav aria-label=\"Pagination\" class=\"border_solid border_primary border-top-width_3\">\n  <ul class=\"pagination font_display font_bold\">\n    <li class=\"pagination-previous disabled\"><i class=\"fas fa-chevron-left\"></i> <span class=\"show-for-sr\">page</span></li>\n    <li class=\"current\"><span class=\"show-for-sr\">You're on page</span> 1</li>\n    <li><a href=\"#\" aria-label=\"Page 2\">2</a></li>\n    <li><a href=\"#\" aria-label=\"Page 3\">3</a></li>\n    <li><a href=\"#\" aria-label=\"Page 4\">4</a></li>\n    <li class=\"fal fa-ellipsis-h\" aria-hidden=\"true\"></li>\n    <li><a href=\"#\" aria-label=\"Page 12\">12</a></li>\n    <li><a href=\"#\" aria-label=\"Page 13\">13</a></li>\n    <li class=\"pagination-next\"><a href=\"#\" aria-label=\"Next page\"><i class=\"fas fa-chevron-right\"></i><span class=\"show-for-sr\">page</span></a></li>\n  </ul>\n</nav>\n\n Styleguide Navigation.Pagination\n*/\n.pagination-previous,\n.pagination-next {\n  background: hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.25 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.5) ), 1);\n}\n\n.pagination .disabled:hover {\n  background-image: url(\"../img/cross_disabled.png\");\n}\n\n/*\n Pagination in Card\n\n This is what pagination should look like and its modifications.\n\n Markup:\n <div class=\"card shadow_2\" >\n    <div class=\"card-section\">\n        <h4>This is a card.</h4>\n    </div>\n    <nav aria-label=\"Pagination\" class=\" pagination-container\">\n      <ul class=\"pagination font_display font_bold float-right\">\n        <li class=\"pagination-previous disabled\"><i class=\"fas fa-chevron-left\"></i> <span class=\"show-for-sr\">page</span></li>\n        <li class=\"current\"><span class=\"show-for-sr\">You're on page</span> 1</li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 2\">2</a></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 3\">3</a></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 4\">4</a></li>\n        <li class=\" fal fa-ellipsis-h \" aria-hidden=\"true\"></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 12\">12</a></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 13\">13</a></li>\n        <li class=\"pagination-next\"><a href=\"#\" aria-label=\"Next page\"><i class=\"fas fa-chevron-right\"></i><span class=\"show-for-sr\">page</span></a></li>\n      </ul>\n    </nav>\n</div>\n\n Styleguide Navigation.Pagination.Cards\n*/\n.pagination-container {\n  background: var(--primary);\n  padding: 0 0.5rem;\n}\n.pagination-container .pagination {\n  margin-bottom: 0.5rem;\n}\n.pagination-container .current {\n  background: white;\n  color: var(--primary);\n}\n.pagination-container a:not([class=pagination-previous]):not([class=pagination-next]) {\n  color: white;\n}\n.pagination-container a:not([class=pagination-previous]):not([class=pagination-next]):hover {\n  color: #131212;\n}\n\n/*\n\n  Breadcrumbs\n\n  Markup:\n  <nav aria-label=\"You are here:\" role=\"navigation\">\n    <ul class=\"breadcrumbs font_1\">\n      <li><a href=\"#0\">Home</a></li>\n      <li><a href=\"#0\">Features</a></li>\n      <li class=\"font-italic\">Gene Splicing</li>\n      <li>\n        <span class=\"show-for-sr\">Current: </span> Cloning\n      </li>\n    </ul>\n  </nav>\n\n  Styleguide Navigation.Breadcrumbs\n*/\n/*\n\n  Switches\n\n  Markup:\n  <div class=\"switch tiny switch_radius p_5\">\n    <input class=\"switch-input\" id=\"tinySwitch\" type=\"checkbox\" name=\"exampleSwitch\">\n    <label class=\"switch-paddle\" for=\"tinySwitch\">\n      <span class=\"show-for-sr\">Tiny Sandwiches Enabled</span>\n    </label>\n  </div>\n  <div class=\"switch small round p_5\">\n    <input class=\"switch-input\" id=\"smallSwitch\" type=\"checkbox\" name=\"exampleSwitch\">\n    <label class=\"switch-paddle\" for=\"smallSwitch\">\n      <span class=\"show-for-sr\">Small Portions Only</span>\n    </label>\n  </div>\n  <div class=\"switch large p_5\">\n    <input class=\"switch-input\" id=\"largeSwitch\" type=\"checkbox\" name=\"exampleSwitch\">\n    <label class=\"switch-paddle\" for=\"largeSwitch\">\n      <span class=\"show-for-sr\">Show Large Elephants</span>\n    </label>\n  </div>\n\n  Styleguide HTML.Switches\n  */\n/*\n\n  Progress Bars\n\n  Markup:\n<div class=\"row\">\n  <div class=\"primary progress\" role=\"progressbar\" tabindex=\"0\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuetext=\"25 percent\" aria-valuemax=\"100\">\n    <div class=\"progress-meter\" style=\"width: 25%\">\n      <p class=\"progress-meter-text\">25%</p>\n    </div>\n  </div>\n</div>\n<div class=\"row\">\n  <div class=\"warning progress\">\n    <div class=\"progress-meter\" style=\"width: 50%\">\n      <p class=\"progress-meter-text\">50%</p>\n    </div>\n  </div>\n</div>\n<div class=\"row\">\n  <div class=\"alert progress\">\n    <div class=\"progress-meter\" style=\"width: 75%\">\n      <p class=\"progress-meter-text\">75%</p>\n    </div>\n  </div>\n</div>\n<div class=\"row\">\n  <div class=\"success progress\" role=\"progressbar\" tabindex=\"0\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuetext=\"100 percent\" aria-valuemax=\"100\">\n    <div class=\"progress-meter\" style=\"width: 100%\">\n      <p class=\"progress-meter-text\">100%</p>\n    </div>\n  </div>\n</div>\n\n  Styleguide HTML.ProgressBars\n  */\n/*\n\n  Call Out Example\n\n  Markup:\n  <div class=\"callout\" data-closable>\n    <button class=\"close-button\" aria-label=\"Close alert\" type=\"button\" data-close>\n      <span aria-hidden=\"true\"><i class=\"fas fa-times\"></i></span>\n    </button>\n    <div class=\"p_3 p-x_4\">\n    <h1>Hello User</h1>\n    <p>This is a callout with close button example.</p>\n    </div>\n  </div>\n\n  Styleguide HTML.Callout\n*/\n/*\n\n  Accordian\n\n  You can see how on the third accordian how utility classes can be added to tranform the look and feel, and you can add toggle icons as well\n\n  Markup:\n  <ul class=\"accordion\" data-accordion>\n    <li class=\"accordion-item is-active\" data-accordion-item>\n      <a href=\"#\" class=\"accordion-title\">Accordion 1</a>\n      <div class=\"accordion-content\" data-tab-content >\n        <p>Panel 1. Lorem ipsum dolor</p>\n        <a href=\"#\">Nowhere to Go</a>\n      </div>\n    </li>\n    <li class=\"accordion-item\" data-accordion-item>\n      <a href=\"#\" class=\"accordion-title\"><i class=\"fas icon-toggle_plus-minus\"></i> Accordion 2</a>\n      <div class=\"accordion-content\" data-tab-content>\n        <textarea></textarea>\n        <button class=\"button\">I do nothing!</button>\n      </div>\n    </li>\n    <li class=\"accordion-item\" data-accordion-item>\n      <a href=\"#\" class=\"accordion-title font_2 bg_primary-3 h:c_white h:bg_primary\"><i class=\"fas icon-toggle_caret-circle-right-down\"></i> Accordion 3</a>\n      <div class=\"accordion-content shadow_n1 texture_light\" data-tab-content>\n        Type your name!\n        <input type=\"text\"></input>\n      </div>\n    </li>\n  </ul>\n\n  Styleguide Containers.Accordian\n*/\n/*\n    Tabs\n\n    Markup:\n    <ul class=\"texture_light tabs\"data-active-collapse=\"true\"data-tabs id=\"collapsing-tabs\">\n        <li class=\"tabs-title is-active\"><a href=\"#panel1c\"aria-selected=\"true\">Tab 1</a></li>\n        <li class=\"tabs-title\"><a href=\"#panel2c\">Tab 2</a></li>\n        <li class=\"tabs-title\"><a href=\"#panel3c\">Tab 3</a></li>\n        <li class=\"tabs-title\"><a href=\"#panel4c\">Tab 4</a></li>\n    </ul>\n    <div class=\"tabs-content\" data-tabs-content=\"collapsing-tabs\">\n        <div class=\"tabs-panel is-active\" id=\"panel1c\">\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        </div>\n        <div class=\"tabs-panel\" id=\"panel2c\">\n            <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>\n        </div>\n        <div class=\"tabs-panel\" id=\"panel3c\">\n            <img src=\"https://picsum.photos/400/300\">\n        </div>\n        <div class=\"tabs-panel\" id=\"panel4c\">\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        </div>\n    </div>\n\n    Styleguide Navigation.Tabs\n\n*/\n/*\n    Tabs Inset Area\n\n    Markup:\n    <div class=\"bg_white br_1 br_shade-4 br_solid p_4\">\n        hello this is some text\n    </div>\n    <ul class=\"texture_light tabs br_primary bg_primary-3 shadow_n3 p-x_2 p-t_3 br-b_0\" data-active-collapse=\"true\" data-tabs id=\"collapsing-tabs\">\n        <li class=\"tabs-title m-x_1 is-active\"><a class=\"br-tr_radius br-tl_radius h:bg_white br_primary\"href=\"#panel-demo2-1c\"aria-selected=\"true\"><i class=\"fal icon-complete_check\"></i>Tab 1</a></li>\n        <li class=\"tabs-title m-x_1\"><a class=\"h:c_white br-tr_radius br-tl_radius h:bg_primary\" href=\"#panel-demo2-2c\"><i class=\"fal icon-complete_check\"></i>Tab 2</a></li>\n        <li class=\"tabs-title m-x_1\"><a class=\"h:c_white br-tr_radius br-tl_radius h:bg_primary\" href=\"#panel-demo2-3c\"><i class=\"fal icon-complete_check\"></i>Tab 3</a></li>\n        <li class=\"tabs-title m-x_1\"><a class=\"h:c_white br-tr_radius br-tl_radius h:bg_primary\" href=\"#panel-demo2-4c\"><i class=\"fal icon-complete_check\"></i>Tab 4</a></li>\n    </ul>\n    <div class=\"tabs-content\" data-tabs-content=\"collapsing-tabs\">\n        <div class=\"tabs-panel card-section  is-active\" id=\"panel-demo2-1c\">\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        </div>\n        <div class=\"tabs-panel card-section\" id=\"panel-demo2-2c\">\n            <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>\n        </div>\n        <div class=\"tabs-panel card-section\" id=\"panel-demo2-3c\">\n            <img src=\"https://picsum.photos/400/300\">\n        </div>\n        <div class=\"tabs-panel card-section\" id=\"panel-demo2-4c\">\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        </div>\n    </div>\n\n    Styleguide Navigation.Tabs.Inset\n\n*/\n/*\n    Tabs In A Card\n\n    Use Case: When content of a card needs to be toggled rather then a whole section of a page.\n\n    Markup:\n        <div class=\"card shadow_2 cell small-6 large-4\" style=\"max-width: 500px;\">\n      <div class=font_accent border-top-left-square c_white font_3 p_4 texture_dust bg_primary\">\n      This is a header\n      </div>\n    <ul class=\"texture_light tabs br_0 bg_primary br_none texture_dust p-x_2 p-t_3 br-b_0\" data-active-collapse=\"true\" data-tabs id=\"collapsing-tabs\">\n        <li class=\"tabs-title m-x_1 is-active\"><a class=\"br-tr_radius br-tl_radius h:bg_white br_primary\"href=\"#panel-demo2-1c\"aria-selected=\"true\"><i class=\"fal icon-complete_check\"></i>Overview</a></li>\n        <li class=\"tabs-title m-x_1\"><a class=\"h:c_white c_white-3 br-tr_radius br-tl_radius h:bg_primary-n2\" href=\"#panel-demo2-2c\"><i class=\"fal icon-complete_check\"></i>Details</a></li>\n        <li class=\"tabs-title m-x_1\"><a class=\"h:c_white c_white-3 br-tr_radius br-tl_radius h:bg_primary-n2\" href=\"#panel-demo2-3c\"><i class=\"fal icon-complete_check\"></i>Extra</a></li>\n    </ul>\n    <div class=\"tabs-content\" data-tabs-content=\"collapsing-tabs\">\n        <div class=\"tabs-panel-demo2 is-active p-x_4 p-y_3\" id=\"panel-demo2-1c\">\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        </div>\n        <div class=\"tabs-panel-demo2  p-x_4 p-y_3\" id=\"panel-demo2-2c\">\n            <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>\n        </div>\n        <div class=\"tabs-panel-demo2  p-x_4 p-y_3\" id=\"panel-demo2-3c\">\n            <img src=\"https://picsum.photos/400/300\">\n        </div>\n    </div>\n    </div>\n\n    Styleguide Navigation.Tabs.OnCard\n\n*/\n/** SCSS DOC: __globalshame_framework.scss **/","/* Define the \"system\" font family */\n@font-face {\n\tfont-family: system;\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: local('.SFNSText-Light'), local('.HelveticaNeueDeskInterface-Light'), local('.LucidaGrandeUI'),\n\t\tlocal('Ubuntu Light'), local('Segoe UI Light'), local('Roboto-Light'), local('DroidSans'), local('Tahoma');\n}\n\n$fonts: (\n\taccent: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Roboto Slab\",\"Times New Roman\",\"Lucida Bright\",Georgia,serif, \"slab\"',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n\tdisplay: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Maven Pro\",\"Muli\",\"Open Sans\",\"system\",sans-serif',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n\tcopy: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Muli\",\"Open Sans\",\"system\",sans-serif',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n\tui: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n) !default;\n\n\n\nhtml {\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-line-break: after-white-space;\n\t-webkit-locale: 'en';\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tline-break: white-space;\n}\n","$texture-light: '../img/whisper.png';\n$texture-medium: '../img/billie-holiday-speck.png';\n$texture-dust: '../img/dust.png';\n$texture-dark: '../img/cross_stripes.png';\n$texture-disabled: '../img/cross_disabled.png';\n$texture-cross: '../img/cross_color.png';\n$texture-connectwork: '../img/connectwork.png';\n\n%texture_base {\n\tbackground-attachment: local;\n\tbackground-repeat: repeat;\n\tbackground-position: top right;\n\tbackground-origin: border-box;\n}\n\n@mixin texture-light() {\n\t@extend %texture_base;\n\tbackground-image: url($texture-light);\n}\n@mixin texture-medium {\n\t@extend %texture_base;\n\tbackground-image: url($texture-medium);\n}\n@mixin texture-dust {\n\t@extend %texture_base;\n\tbackground-image: url($texture-dust);\n}\n@mixin texture-medium-shaded($level: 0) {\n\t@extend %texture_base;\n\tbackground-color: scale-color(map-get($theme-palette, shade), $lightness: 20% * $level);\n\tbackground-image: url($texture-medium);\n}\n\n@mixin texture-dark() {\n\t@extend %texture_base;\n\tbackground-image: url($texture-dark);\n}\n\n@mixin texture-disabled() {\n\t@extend %texture_base;\n\tbackground-image: url($texture-disabled);\n}\n\n@mixin texture-cross() {\n\t@extend %texture_base;\n\tbackground-image: url($texture-cross);\n}\n@mixin texture-dynamic() {\n\t@extend %texture_base;\n\tbackground-image: url($texture-connectwork);\n}\n","/** SCSS DOC: __brand.acc.scss **/\n/**  ACC Brands    *********************************/\n\n$teal: #198dae;\n$green-blue: #16a385;\n$dark-grey: #676a72;\n$alt-grey: #a3988c;\n$green: #078a2e;\n$orange: #da8210;\n$red: #dd1a1a;\n$blue: #2b58c0;\n$purple: #7742bd;\n$magenta: #c34198;\n$acc-blue: #004176;\n$white: rgb(255, 255, 255);\n$black: rgb(19, 18, 18);\n$real-black: #000;\n// Currently Un used in the design but part of bootstrap.\n$indigo: #6610f2 !default;\n$pink: #e83e8c !default;\n$yellow: #ffc107 !default;\n$cyan: #17a2b8 !default;\n$gray-100: mix($white, $black, 10%);\n$gray-200: mix($white, $black, 20%);\n$gray-300: mix($white, $black, 30%);\n$gray-400: mix($white, $black, 40%);\n$gray-500: mix($white, $black, 50%);\n$gray-600: mix($white, $black, 60%);\n$gray-700: mix($white, $black, 70%);\n$gray-800: mix($white, $black, 80%);\n$gray-900: mix($white, $black, 90%);\n$theme-palette: map-merge(\n    $theme-palette,\n    (\n        primary: $teal,\n        secondary: $dark-grey,\n        success: $green,\n        warning: $orange,\n        alert: $red,\n        //navigation: $blue,\n        accent: $green-blue,\n        info: $alt-grey,\n        highlight: $purple,\n        acc: $acc-blue,\n    )\n);\n$fonts: (\n    accent: (\n        name: 'Roboto Slab',\n        short-name:\"RS\",\n        stack: '\"Roboto Slab\",\"Times New Roman\",\"Lucida Bright\",Georgia,serif, \"slab\"',\n        weight:(\n\t\t\tlight:200,\n\t\t\tregular:400,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n        ),\n    display: (\n        name: 'Maven Pro',\n        short-name:\"MP\",\n        stack: '\"Maven Pro\",\"Muli\",\"Open Sans\",Verdana,Helvetica,sans-serif',\n        weight:(\n\t\t\tlight:400,\n\t\t\tregular:450,\n\t\t\tmedium:550,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n    ),\n    copy: (\n        name: 'Open Sans',\n        short-name:\"OS\",\n        stack: '\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n        weight:(\n\t\t\tlight:300,\n\t\t\tregular:400,\n\t\t\tmedium:500,\n\t\t\tbold:675,\n\t\t\txbold:800\n\t\t)\n        ),\n    ui: (\n        name: 'Open Sans',\n        short-name:\"OS\",\n        stack: '\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n        weight:(\n\t\t\tlight:300,\n\t\t\tregular:400,\n\t\t\tmedium:500,\n\t\t\tbold:675,\n\t\t\txbold:800\n\t\t)\n    ),\n);\n// Reset Values of Utlity-css.vars.scss\n$value-to-unit: map-deep-set($value-to-unit, font-family accent, unquote(map-deep-get($fonts, accent, stack)));\n$value-to-unit: map-deep-set($value-to-unit, font-family display, unquote(map-deep-get($fonts, display, stack)));\n$value-to-unit: map-deep-set($value-to-unit, font-family copy, unquote(map-deep-get($fonts, copy, stack)));\n$value-to-unit: map-deep-set($value-to-unit, font-family ui, unquote(map-deep-get($fonts, ui, stack)));\n\n\n\n$font_display: get-css-size(font-family, display);\n$font_accent: get-css-size(font-family, accent);\n$font_ui: get-css-size(font-family, ui);\n$font_copy: get-css-size(font-family, copy);\n$font_mono: get-css-size(font-family, mono);\n$global-radius-on: false;\n$global-border-radius: 6px;\n$value-to-unit: map-deep-set($value-to-unit, 'radius' 'radius', $global-border-radius);\n$global-border-round: 25px;\n$value-to-unit: map-deep-set($value-to-unit, 'radius' 'round', $global-border-round);\n\n$basicSizeMultiplier: 1rem;\n\n$h1-font-size: map-deep-get($value-to-unit, font-size, 5);\n$h2-font-size: map-deep-get($value-to-unit, font-size, 4);\n$h3-font-size: map-deep-get($value-to-unit, font-size, 3);\n$h4-font-size: map-deep-get($value-to-unit, font-size, 2);\n$h5-font-size: map-deep-get($value-to-unit, font-size, 1);\n$h6-font-size: map-deep-get($value-to-unit, font-size, 0);\n$font-size-base: $base-font-size-rem; // Assumes the browser default, typically `16px`\n$font-size-lg: map-deep-get($value-to-unit, font-size, 2);\n$font-size-sm: map-deep-get($value-to-unit, font-size, n1);\n$headline-color: get-theme-color(primary, -1, CSSVAR);\n\n\n:root{\n    --code-color: #{get-theme-color(accent, -3,CSSVAR)};\n}","@use \"sass:map\";\n@use \"sass:selector\";\n@use \"sass:color\";\n@use \"sass:math\";\n/** SCSS DOC: _root.cssvars.scss **/\n:root {\n\t@each $color, $value in $theme-palette {\n\t\t--#{$color}-h: #{color.hue($value)};\n\t\t--#{$color}-s: #{color.saturation($value)};\n\t\t--#{$color}-l: #{color.lightness($value)};\n\t\t--#{$color}: hsl( var(--#{$color}-h),var(--#{$color}-s),var(--#{$color}-l) );\n\t}\n\t// $link-color-light:\t\t\t\t\tget-theme-color(highlight, 3) !default;\n\t// $link-color-light--hover:\t\t\tget-theme-color(highlight, 5) !default;\n\t// $link-color-light--visited:\t\t\tcolor.scale( get-theme-color(highlight, 2), $saturation: -70%) !default;\n\t// $link-color-dark:\t\t\t\t\tget-theme-color(highlight, -3) !default;\n\t// $link-color-dark--hover:\t\t\tget-theme-color(highlight, -5) !default;\n\t// $link-color-dark--visited:\t\t\tcolor.scale( get-theme-color(highlight, -2), $saturation: -70%) !default;\n\t\n\t\n\t--link-color-light-h:#{color.hue($link-color-light)};\n\t--link-color-light-s:#{color.saturation($link-color-light)};\n\t--link-color-light-l:#{color.lightness($link-color-light)};\n\t--link-color-light: hsl( var(--link-color-light-h),var(--link-color-light-s),var(--link-color-light-l) );\n\t--link-color-light--hover-h:#{color.hue($link-color-light--hover)};\n\t--link-color-light--hover-s:#{color.saturation($link-color-light--hover)};\n\t--link-color-light--hover-l:#{color.lightness($link-color-light--hover)};\n\t--link-color-light--hover: hsl( var(--link-color-light--hover-h),var(--link-color-light--hover-s),var(--link-color-light--hover-l) );\n\t--link-color-light--visited-h:#{color.hue($link-color-light--visited)};\n\t--link-color-light--visited-s:#{color.saturation($link-color-light--visited)};\n\t--link-color-light--visited-l:#{color.lightness($link-color-light--visited)};\n\t--link-color-light--visited: hsl( var(--link-color-light--visited-h),var(--link-color-light--visited-s),var(--link-color-light--visited-l) );\n\t\n\n\t--link-color-dark-h:#{color.hue($link-color-dark)};\n\t--link-color-dark-s:#{color.saturation($link-color-dark)};\n\t--link-color-dark-l:#{color.lightness($link-color-dark)};\n\t--link-color-dark: hsl( var(--link-color-dark-h),var(--link-color-dark-s),var(--link-color-dark-l) );\n\t--link-color-dark--hover-h:#{color.hue($link-color-dark--hover)};\n\t--link-color-dark--hover-s:#{color.saturation($link-color-dark--hover)};\n\t--link-color-dark--hover-l:#{color.lightness($link-color-dark--hover)};\n\t--link-color-dark--hover: hsl( var(--link-color-dark--hover-h),var(--link-color-dark--hover-s),var(--link-color-dark--hover-l) );\n\t--link-color-dark--visited-h:#{color.hue($link-color-dark--visited)};\n\t--link-color-dark--visited-s:#{color.saturation($link-color-dark--visited)};\n\t--link-color-dark--visited-l:#{color.lightness($link-color-dark--visited)};\n\t--link-color-dark--visited: hsl( var(--link-color-dark--visited-h),var(--link-color-dark--visited-s),var(--link-color-dark--visited-l) );\n\n}\n\n@if($usingFontAwesome){\n\t%font-awesome-pro {\n\t\t-webkit-font-smoothing: antialiased;\n\t\tdisplay: inline-block;\n\t\tfont-style: normal;\n\t\tfont-variant: normal;\n\t\ttext-rendering: auto;\n\t\tline-height: 1;\n\t\tfont-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';\n\t\tfont-weight: 900;\n\t}\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n////\n/// Patch to fix issue #12080\n\n$-zf-size: null;\n////\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n  hidpi-1: 1,\n  hidpi-1-5: 1.5,\n  hidpi-2: 2,\n  retina: 2,\n  hidpi-3: 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n  @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n  $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n  // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n  // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n  $std-web-dpi: 96;\n\n  // Size or keyword\n  $bp: nth($val, 1);\n  // Value of the following breakpoint\n  $bp-next: null;\n  // Value for max-width media queries\n  $bp-min: null;\n  // Value for min-width media queries\n  $bp-max: null;\n  // Direction of media query (up, down, or only)\n  $dir: if(length($val) > 1, nth($val, 2), up);\n  // If named, name of the breakpoint\n  $name: null;\n  // If the breakpoint is a HiDPI breakpoint\n  $hidpi: false;\n\n  // Orientation media queries have a unique syntax\n  @if $bp == 'landscape' or $bp == 'portrait' {\n    @return '(orientation: #{$bp})';\n  }\n\n  // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n  @if type-of($bp) == 'string' {\n    @if map-has-key($breakpoints, $bp) {\n      $name: $bp;\n      $bp: map-get($breakpoints, $name);\n      $bp-next: -zf-map-next($breakpoints, $name);\n    }\n    @else if map-has-key($breakpoints-hidpi, $bp) {\n      $name: $bp;\n      $bp: map-get($breakpoints-hidpi, $name);\n      $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n      $hidpi: true;\n    }\n    @else {\n      $bp: 0;\n      @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n    }\n  }\n\n  @if not $name and $dir == 'only' {\n    @warn 'breakpoint(): Only named media queries can have an `only` range.';\n    @return null;\n  }\n\n  // Only 'only' and 'up' have a min limit.\n  @if $dir == 'only' or $dir == 'up' {\n    $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n  }\n  // Only 'only' and 'down' have a max limit.\n  @if $dir == 'only' or $dir == 'down' {\n    // If the breakpoint is a value, use it as max limit.\n    @if not $name {\n      $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n    }\n    // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n    @else if $bp-next {\n      // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n      // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n      // See https://github.com/foundation/foundation-sites/issues/11313\n      $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n    }\n  }\n\n  // Generate the media query string from min and max limits.\n  @if $hidpi {\n    // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n    // See https://caniuse.com/#feat=css-media-resolution\n    $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n    $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n    @return zf-str-join(\n      -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n      -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n      ', ');\n  }\n  @else {\n    @return -zf-bp-join($bp-min, $bp-max);\n  }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n///  - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n///  - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n///  - If a rem value is passed, the unit will be changed to em.\n///  - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n  @for $i from 1 through length($values) {\n    $value: nth($values, $i);\n    $str: breakpoint($value);\n    $bp: index($-zf-breakpoints-keys, nth($value, 1));\n    $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n    // Direction of media query (up, down, or only)\n    $dir: if(length($value) > 1, nth($value, 2), up);\n\n    $old-zf-size: null;\n\n    // Make breakpoint size available as a variable\n    @if global-variable-exists(-zf-size) {\n      $old-zf-size: $-zf-size;\n    }\n    $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n    // If $str is still an empty string, no media query is needed\n    @if $str == '' {\n      @content;\n    }\n\n    // Otherwise, wrap the content in a media query\n    @else {\n      // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n      // generate print if the breakpoint affects the print-breakpoint (or smaller).\n      // This means the current condition only needs to be extended so 'down' always generates print.\n      @if $bp != null and ($bp <= $pbp or $dir == down) {\n        @media print, screen and #{$str} {\n          @content;\n        }\n      }\n      @else {\n        @media screen and #{$str} {\n          @content;\n        }\n      }\n    }\n\n    $-zf-size: $old-zf-size !global;\n  }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n  $str: '';\n  @each $key, $value in $map {\n    $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n  }\n  $str: str-slice($str, 1, -2);\n\n  @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n  // Store the keys of the map as a list\n  $values: map-keys($map);\n\n  $i: 0;\n\n  // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n  @if (map-has-key($map, $key)) {\n    $i: index($values, $key) + 1;\n  }\n\n  // If the key doesn't exist, or it's the last key in the map, return null\n  @if ($i > length($map) or $i == 0) {\n    @return null;\n  }\n  // Otherwise, return the value\n  @else {\n    @return map-get($map, nth($values, $i));\n  }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n  $next_number: null;\n\n  @each $k, $v in $map {\n    @if type-of($v) == 'number' and $v > $number and ($next_number == null or $v < $next_number) {\n      $next_number: $v;\n    }\n  }\n\n  @return $next_number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n  $list: ();\n  $found_key: false;\n\n  @each $name in $-zf-breakpoints-keys {\n    @if ($name == $key) {\n      $found_key: true;\n    }\n    @if not $found_key {\n      $list: append($list, $name);\n    }\n  }\n  @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n  $last: $-zf-zero-breakpoint;\n  $found: false;\n\n  $value: unitless-calc($breakpoint, 1px);\n  @each $key, $val in $breakpoints {\n    @if not $found {\n      @if unitless-calc($val) > $value {\n        $found: true;\n      } @else {\n        $last: $key;\n      }\n    }\n  }\n\n  @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n  // If the given map is a single value, return it\n  @if type-of($map) == 'number' {\n    @return $map;\n  }\n\n\n  // Check if the breakpoint name exists globally\n  @if not map-has-key($breakpoints, $value) {\n    @if type-of($value) == 'number' {\n      $value: -zf-closest-named-breakpoint($value);\n    } @else {\n      @return null;\n    }\n  }\n  // Check if the breakpoint name exists in the local config map\n  @else if map-has-key($map, $value) {\n    // If it does, just return the value\n    @return map-get($map, $value);\n  }\n  // Otherwise, find the next lowest breakpoint and return that value\n  @else {\n    $anchor: null;\n    $found: false;\n\n    @each $key, $val in $breakpoints {\n      @if not $found {\n        @if map-has-key($map, $key) {\n          $anchor: $key;\n        }\n        @if $key == $value {\n          $found: true;\n        }\n      }\n    }\n\n    @return map-get($map, $anchor);\n  }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n  @if ($value != null) {\n    @return $value;\n  }\n  @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n    @return $-zf-size;\n  }\n  @else {\n    @return $default;\n  }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n  $min: 0,\n  $max: 0,\n  $min-name: 'min-width',\n  $max-name: 'max-width'\n) {\n  @return zf-str-join(\n    if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n    if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n    ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n  $small-up: screen;\n  $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n  $medium-up: unquote('screen and #{breakpoint(medium)}');\n  $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n  $large-up: unquote('screen and #{breakpoint(large)}');\n  $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group reveal\n////\n\n/// Default background color of a modal.\n/// @type Color\n$reveal-background: $white !default;\n\n/// Default width of a modal, with no class applied.\n/// @type Number\n$reveal-width: 600px !default;\n\n/// Default maximum width of a modal.\n/// @type Number\n$reveal-max-width: $global-width !default;\n\n/// Default padding inside a modal.\n/// @type Number\n$reveal-padding: $global-padding !default;\n\n/// Default border around a modal.\n/// @type Number\n$reveal-border: 1px solid $medium-gray !default;\n\n/// Default radius for modal.\n/// @type Number\n$reveal-radius: $global-radius !default;\n\n/// z-index for modals. The overlay uses this value, while the modal itself uses this value plus one.\n/// @type Number\n$reveal-zindex: 1005 !default;\n\n/// Background color of modal overlays.\n/// @type Color\n$reveal-overlay-background: rgba($black, 0.45) !default;\n\n\n// Placeholder selector for medium-and-up modals\n// Prevents duplicate CSS when defining multiple Reveal sizes\n// This should be in the same breakpoint then `@mixin reveal-modal-width`\n@include breakpoint(medium) {\n  %reveal-centered {\n    right: auto;\n    left: auto;\n    margin: 0 auto;\n  }\n}\n\n\n/// Adds styles for a modal overlay.\n/// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.\n@mixin reveal-overlay($background: $reveal-overlay-background) {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $reveal-zindex;\n\n  display: none;\n  background-color: $background;\n  overflow-y: auto;\n}\n\n/// Adds base styles for a modal.\n@mixin reveal-modal-base {\n  @include disable-mouse-outline;\n  z-index: $reveal-zindex + 1;\n  // Workaround android browser z-index bug\n  backface-visibility: hidden;\n\n  display: none;\n  padding: $reveal-padding;\n\n  border: $reveal-border;\n  border-radius: $reveal-radius;\n  background-color: $reveal-background;\n\n  @include breakpoint(medium) {\n    min-height: 0;\n  }\n\n  // Make sure rows don't have a min-width on them\n  .column {\n    min-width: 0;\n  }\n\n  // Strip margins from the last item in the modal\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Adjusts the width of a modal.\n/// @param {Number} $width - Width of the modal. Generally a percentage.\n/// @param {Number} $max-width [$reveal-max-width] - Maximum width of the modal.\n@mixin reveal-modal-width(\n  $width: $reveal-width,\n  $max-width: $reveal-max-width\n) {\n  // Extends must be made outside of breakpoints for compatibility with newer Sass versions (libsass v3.5)\n  @extend %reveal-centered;\n  @include breakpoint(medium) {\n    width: $width;\n    max-width: $max-width;\n  }\n}\n\n/// Creates a full-screen modal, which stretches the full width and height of the window.\n@mixin reveal-modal-fullscreen {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  min-height: 100%;\n  margin-left: 0;\n\n  border: 0;\n  border-radius: 0;\n}\n\n@mixin foundation-reveal {\n\n  /// Disables the scroll when Reveal is shown to prevent the background from shifting\n  html.is-reveal-open {\n    position: fixed;\n    width: 100%;\n    overflow-y: hidden;\n\n    &.zf-has-scroll {\n      overflow-y: scroll;\n    }\n\n    body { // sass-lint:disable-line no-qualifying-elements\n      overflow-y: hidden;\n    }\n  }\n\n  // Overlay\n  .reveal-overlay {\n    @include reveal-overlay;\n  }\n\n  // Modal container\n  .reveal {\n    @include reveal-modal-base;\n    @include reveal-modal-width($reveal-width);\n    position: relative;\n    top: 100px;\n    margin-right: auto;\n    margin-left: auto;\n    overflow-y: auto;\n\n    // Remove padding\n    &.collapse {\n      padding: 0;\n    }\n\n    // Sizing classes\n    &.tiny  { @include reveal-modal-width(30%); }\n    &.small { @include reveal-modal-width(50%); }\n    &.large { @include reveal-modal-width(90%); }\n\n    // Full-screen mode\n    &.full {\n      @include reveal-modal-fullscreen;\n    }\n\n    @include breakpoint($-zf-zero-breakpoint only) {\n      @include reveal-modal-fullscreen;\n    }\n\n    &.without-overlay {\n      position: fixed;\n    }\n  }\n}\n","@mixin foundation-normalize() {\n  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n  // Document\n  // ==========================================================================\n\n  // 1. Correct the line height in all browsers.\n  // 2. Prevent adjustments of font size after orientation changes in iOS.\n\n  html {\n    line-height: 1.15; // 1\n    -webkit-text-size-adjust: 100%; // 2\n  }\n\n  // Sections\n  // ==========================================================================\n\n  // Remove the margin in all browsers.\n\n  body {\n    margin: 0;\n  }\n\n  // Correct the font size and margin on `h1` elements within `section` and\n  // `article` contexts in Chrome, Firefox, and Safari.\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  // Grouping content\n  // ==========================================================================\n\n  // 1. Add the correct box sizing in Firefox.\n  // 2. Show the overflow in Edge and IE.\n\n  hr {\n    box-sizing: content-box; // 1\n    height: 0; // 1\n    overflow: visible; // 2\n  }\n\n  // 1. Correct the inheritance and scaling of font size in all browsers.\n  // 2. Correct the odd `em` font sizing in all browsers.\n\n  pre {\n    font-family: monospace, monospace; // 1\n    font-size: 1em; // 2\n  }\n\n  // Text-level semantics\n  // ==========================================================================\n\n  // Remove the gray background on active links in IE 10.\n\n  a {\n    background-color: transparent;\n  }\n\n  // 1. Remove the bottom border in Chrome 57-\n  // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n\n  abbr[title] {\n    border-bottom: none; // 1\n    text-decoration: underline; // 2\n    text-decoration: underline dotted; // 2\n  }\n\n  // Add the correct font weight in Chrome, Edge, and Safari.\n\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  // 1. Correct the inheritance and scaling of font size in all browsers.\n  // 2. Correct the odd `em` font sizing in all browsers.\n\n  code,\n  kbd,\n  samp {\n    font-family: monospace, monospace; // 1\n    font-size: 1em; // 2\n  }\n\n  // Add the correct font size in all browsers.\n\n  small {\n    font-size: 80%;\n  }\n\n  // Prevent `sub` and `sup` elements from affecting the line height in\n  // all browsers.\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  // Embedded content\n  // ==========================================================================\n\n  // Remove the border on images inside links in IE 10.\n\n  img {\n    border-style: none;\n  }\n\n  // Forms\n  // ==========================================================================\n\n  // 1. Change the font styles in all browsers.\n  // 2. Remove the margin in Firefox and Safari.\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; // 1\n    font-size: 100%; // 1\n    line-height: 1.15; // 1\n    margin: 0; // 2\n  }\n\n  // Show the overflow in IE.\n  // 1. Show the overflow in Edge.\n\n  button,\n  input { // 1\n    overflow: visible;\n  }\n\n  // Remove the inheritance of text transform in Edge, Firefox, and IE.\n  // 1. Remove the inheritance of text transform in Firefox.\n\n  button,\n  select { // 1\n    text-transform: none;\n  }\n\n  // Correct the inability to style clickable types in iOS and Safari.\n\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    -webkit-appearance: button;\n  }\n\n  // Remove the inner border and padding in Firefox.\n\n  button::-moz-focus-inner,\n  [type=\"button\"]::-moz-focus-inner,\n  [type=\"reset\"]::-moz-focus-inner,\n  [type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  // Restore the focus styles unset by the previous rule.\n\n  button:-moz-focusring,\n  [type=\"button\"]:-moz-focusring,\n  [type=\"reset\"]:-moz-focusring,\n  [type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n\n  // Correct the padding in Firefox.\n\n  fieldset {\n    padding: 0.35em 0.75em 0.625em;\n  }\n\n  // 1. Correct the text wrapping in Edge and IE.\n  // 2. Correct the color inheritance from `fieldset` elements in IE.\n  // 3. Remove the padding so developers are not caught out when they zero out\n  //    `fieldset` elements in all browsers.\n\n  legend {\n    box-sizing: border-box; // 1\n    color: inherit; // 2\n    display: table; // 1\n    max-width: 100%; // 1\n    padding: 0; // 3\n    white-space: normal; // 1\n  }\n\n  // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  // Remove the default vertical scrollbar in IE 10+.\n\n  textarea {\n    overflow: auto;\n  }\n\n  // 1. Add the correct box sizing in IE 10.\n  // 2. Remove the padding in IE 10.\n\n  [type=\"checkbox\"],\n  [type=\"radio\"] {\n    box-sizing: border-box; // 1\n    padding: 0; // 2\n  }\n\n  // Correct the cursor style of increment and decrement buttons in Chrome.\n\n  [type=\"number\"]::-webkit-inner-spin-button,\n  [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  // 1. Correct the odd appearance in Chrome and Safari.\n  // 2. Correct the outline style in Safari.\n\n  [type=\"search\"] {\n    -webkit-appearance: textfield; // 1\n    outline-offset: -2px; // 2\n  }\n\n  // Remove the inner padding in Chrome and Safari on macOS.\n\n  [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  // 1. Correct the inability to style clickable types in iOS and Safari.\n  // 2. Change font properties to `inherit` in Safari.\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; // 1\n    font: inherit; // 2\n  }\n\n  // Interactive\n  // ==========================================================================\n\n  // Add the correct display in Edge, IE 10+, and Firefox.\n\n  details {\n    display: block;\n  }\n\n  // Add the correct display in all browsers.\n\n  summary {\n    display: list-item;\n  }\n\n  // Misc\n  // ==========================================================================\n\n  // Add the correct display in IE 10+.\n\n  template {\n    display: none;\n  }\n\n  // Add the correct display in IE 10.\n\n  [hidden] {\n    display: none;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// sass-lint:disable no-color-literals, no-qualifying-elements\n\n////\n/// @group global\n////\n\n@import 'util/util';\n\n/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.\n/// @type Number\n$global-font-size: 100% !default;\n\n/// Global width of your site. Used by the grid to determine row width.\n/// @type Number\n$global-width: rem-calc(1200) !default;\n\n/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px\n/// @type Number\n$global-lineheight: 1.5 !default;\n\n/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.\n/// @type Map\n$foundation-palette: (\n  primary: #1779ba,\n  secondary: #767676,\n  success: #3adb76,\n  warning: #ffae00,\n  alert: #cc4b37,\n) !default;\n\n/// Color used for light gray UI items.\n/// @type Color\n$light-gray: #e6e6e6 !default;\n\n/// Color used for medium gray UI items.\n/// @type Color\n$medium-gray: #cacaca !default;\n\n/// Color used for dark gray UI items.\n/// @type Color\n$dark-gray: #8a8a8a !default;\n\n/// Color used for black ui items.\n/// @type Color\n$black: #0a0a0a !default;\n\n/// Color used for white ui items.\n/// @type Color\n$white: #fefefe !default;\n\n/// Background color of the body.\n/// @type Color\n$body-background: $white !default;\n\n/// Text color of the body.\n/// @type Color\n$body-font-color: $black !default;\n\n/// Font stack of the body.\n/// @type List\n$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;\n\n/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.\n/// @type Boolean\n$body-antialiased: true !default;\n\n/// Global value used for margin on components.\n/// @type Number\n$global-margin: 1rem !default;\n\n/// Global value used for padding on components.\n/// @type Number\n$global-padding: 1rem !default;\n\n/// Global value used for positioning on components.\n/// @type Number\n$global-position: 1rem !default;\n\n/// Global font weight used for normal type.\n/// @type Keyword | Number\n$global-weight-normal: normal !default;\n\n/// Global font weight used for bold type.\n/// @type Keyword | Number\n$global-weight-bold: bold !default;\n\n/// Global value used for all elements that have a border radius.\n/// @type Number\n$global-radius: 0 !default;\n\n/// Global value used for all menu styles. Can be overwritten at individual menu component level.\n/// @type Number\n$global-menu-padding: 0.7rem 1rem !default;\n\n/// Global value used for all menu styles. Nested margin for submenu.\n$global-menu-nested-margin: 1rem !default;\n\n/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.\n/// @type Keyword\n$global-text-direction: ltr !default;\n\n/// Enables flexbox for components that support it.\n/// @type Boolean\n$global-flexbox: true !default;\n\n/// Enabled responsive breakpoints for prototypes if applicable\n/// @type Boolean\n$global-prototype-breakpoints: false !default;\n\n/// Button cursor's value, `auto` by default\n/// @type Keyword\n$global-button-cursor: auto !default;\n\n@if not map-has-key($foundation-palette, primary) {\n  @error 'In $foundation-palette, you must have a color named \"primary\".';\n}\n\n// Internal variables used for text direction\n$global-left: if($global-text-direction == rtl, right, left);\n$global-right: if($global-text-direction == rtl, left, right);\n\n// Internal variable that contains the flex justifying options\n$-zf-flex-justify: -zf-flex-justify($global-text-direction);\n\n/// Global tolerance for color pick contrast.\n/// @type Number\n$global-color-pick-contrast-tolerance: 0 !default;\n\n// Internal variables used for colors\n@include add-foundation-colors;\n\n@mixin foundation-global-styles {\n  @include foundation-normalize;\n\n  // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript\n  .foundation-mq {\n    font-family: '#{-zf-bp-serialize($breakpoints)}';\n  }\n\n  html {\n    box-sizing: border-box;\n    font-size: $global-font-size;\n  }\n\n  // Set box-sizing globally to handle padding and border widths\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  // Default body styles\n  body {\n    margin: 0;\n    padding: 0;\n\n    background: $body-background;\n\n    font-family: $body-font-family;\n    font-weight: $global-weight-normal;\n    line-height: $global-lineheight;\n    color: $body-font-color;\n\n    @if ($body-antialiased) {\n      -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes\n      -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes\n    }\n  }\n\n  img {\n    // Get rid of gap under images by making them display: inline-block; by default\n    display: inline-block;\n    vertical-align: middle;\n\n    // Grid defaults to get images and embeds to work properly\n    max-width: 100%;\n    height: auto;\n    -ms-interpolation-mode: bicubic;\n  }\n\n  // Make sure textarea takes on height automatically\n  textarea {\n    height: auto;\n    min-height: 50px;\n    border-radius: $global-radius;\n  }\n\n  // Make select elements are 100% width by default\n  select {\n    box-sizing: border-box;\n    width: 100%;\n    border-radius: $global-radius;\n  }\n\n  // Styles Google Maps and MapQuest embeds properly\n  // sass-lint:disable-line no-ids\n  .map_canvas,\n  .mqa-display {\n    img,\n    embed,\n    object {\n      max-width: none !important;\n    }\n  }\n\n  // Reset <button> styles created by most browsers\n  button {\n    @include disable-mouse-outline;\n    padding: 0;\n    appearance: none;\n    border: 0;\n    border-radius: $global-radius;\n    background: transparent;\n    line-height: 1;\n    cursor: $global-button-cursor;\n  }\n\n  // Prevent text overflow on pre\n  pre {\n    overflow: auto;\n  }\n\n  // Make reset inherit font-family instead of settings sans-serif\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit;\n  }\n\n  // Internal classes to show/hide elements in JavaScript\n  .is-visible {\n    display: block !important;\n  }\n\n  .is-hidden {\n    display: none !important;\n  }\n}\n","/**\n* Foundation for Sites Settings\n */\n//  Foundation for Sites Settings\n//  -----------------------------\n//\n//  Table of Contents:\n//\n//   1. Global\n//   2. Breakpoints\n//   3. The Grid\n//   4. Base Typography\n//   5. Typography Helpers\n//   6. Abide\n//   7. Accordion\n//   8. Accordion Menu\n//   9. Badge\n//  10. Breadcrumbs\n//  11. Button\n//  12. Button Group\n//  13. Callout\n//  14. Card\n//  15. Close Button\n//  16. Drilldown\n//  17. Dropdown\n//  18. Dropdown Menu\n//  19. Flexbox Utilities\n//  20. Forms\n//  21. Label\n//  22. Media Object\n//  23. Menu\n//  24. Meter\n//  25. Off-canvas\n//  26. Orbit\n//  27. Pagination\n//  28. Progress Bar\n//  29. Prototype Arrow\n//  30. Prototype Border-Box\n//  31. Prototype Border-None\n//  32. Prototype Bordered\n//  33. Prototype Display\n//  34. Prototype Font-Styling\n//  35. Prototype List-Style-Type\n//  36. Prototype Overflow\n//  37. Prototype Position\n//  38. Prototype Rounded\n//  39. Prototype Separator\n//  40. Prototype Shadow\n//  41. Prototype Sizing\n//  42. Prototype Spacing\n//  43. Prototype Text-Decoration\n//  44. Prototype Text-Transformation\n//  45. Prototype Text-Utilities\n//  46. Responsive Embed\n//  47. Reveal\n//  48. Slider\n//  49. Switch\n//  50. Table\n//  51. Tabs\n//  52. Thumbnail\n//  53. Title Bar\n//  54. Tooltip\n//  55. Top Bar\n//  56. Xy Grid\n\n// 1. Global\n// ---------\n\n$global-font-size: 100%;\n$global-width: rem-calc(1400);\n$global-lineheight: 1.5;\n$foundation-palette: $theme-palette;\n$light-gray: #e6e6e6 !default;\n$medium-gray: #cacaca !default;\n$dark-gray: #8a8a8a !default;\n$black: #0a0a0a !default;\n$white: #fefefe !default;\n$body-background: $white;\n$body-font-color: $black;\n$body-font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n$body-antialiased: true;\n$global-margin: 1rem;\n$global-padding: 1rem;\n$global-position: 1rem;\n$global-weight-normal: normal;\n$global-weight-bold: bold;\n$global-radius: 0px;\n$global-menu-padding: 0.7rem 1rem;\n$global-menu-nested-margin: 1rem;\n$global-text-direction: ltr;\n$global-flexbox: true;\n$global-prototype-breakpoints: false;\n$global-button-cursor: auto;\n$global-color-pick-contrast-tolerance: 0;\n$print-transparent-backgrounds: true;\n\n@include add-foundation-colors;\n\n// 2. Breakpoints\n// --------------\n\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px\n);\n$print-breakpoint: large;\n$breakpoint-classes: (small medium large);\n\n// 3. The Grid\n// -----------\n\n$grid-row-width: $global-width;\n$grid-column-count: 12;\n$grid-column-gutter: (\n  small: 20px,\n  medium: 30px\n);\n$grid-column-align-edge: true;\n$grid-column-alias: \"columns\";\n$block-grid-max: 8;\n\n// 4. Base Typography\n// ------------------\n\n$header-font-family: \"Maven Pro\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n$header-font-weight: $global-weight-normal;\n$header-font-style: normal;\n$font-family-monospace: Consolas, \"Liberation Mono\", Courier, monospace;\n$header-color: inherit;\n$header-lineheight: 1.4;\n$header-margin-bottom: 0.5rem;\n$header-styles: (\n  small: (\n    \"h1\": (\n      \"font-size\": strip-unit(ms(5)) * 16\n    ),\n    \"h2\": (\n      \"font-size\": strip-unit(ms(4)) * 16\n    ),\n    \"h3\": (\n      \"font-size\": strip-unit(ms(3)) * 16\n    ),\n    \"h4\": (\n      \"font-size\": strip-unit(ms(2)) * 16\n    ),\n    \"h5\": (\n      \"font-size\": strip-unit(ms(1)) * 16\n    ),\n    \"h6\": (\n      \"font-size\": strip-unit(ms(0)) * 16\n    )\n  ),\n  medium: (\n    \"h1\": (\n      \"font-size\": strip-unit(ms(5)) * 18\n    ),\n    \"h2\": (\n      \"font-size\": strip-unit(ms(4)) * 18\n    ),\n    \"h3\": (\n      \"font-size\": strip-unit(ms(3)) * 18\n    ),\n    \"h4\": (\n      \"font-size\": strip-unit(ms(2)) * 18\n    ),\n    \"h5\": (\n      \"font-size\": strip-unit(ms(1)) * 18\n    ),\n    \"h6\": (\n      \"font-size\": strip-unit(ms(0)) * 18\n    )\n  )\n);\n$header-text-rendering: optimizeLegibility;\n$small-font-size: 80%;\n$header-small-font-color: $medium-gray;\n$paragraph-lineheight: 1.6;\n$paragraph-margin-bottom: 1rem;\n$paragraph-text-rendering: optimizeLegibility;\n$code-color: $black;\n$code-font-family: $font-family-monospace;\n$code-font-weight: $global-weight-normal;\n$code-background: $light-gray;\n$code-border: 1px solid $medium-gray;\n$code-padding: rem-calc(2 5 1);\n$anchor-color: $primary-color;\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);\n$anchor-text-decoration: none;\n$anchor-text-decoration-hover: none;\n$hr-width: $global-width;\n$hr-border: 1px solid $medium-gray;\n$hr-margin: rem-calc(20) auto;\n$list-lineheight: $paragraph-lineheight;\n$list-margin-bottom: $paragraph-margin-bottom;\n$list-style-type: disc;\n$list-style-position: outside;\n$list-side-margin: 1.25rem;\n$list-nested-side-margin: 1.25rem;\n$defnlist-margin-bottom: 1rem;\n$defnlist-term-Weight: $global-weight-bold;\n$defnlist-term-margin-bottom: 0.3rem;\n$blockquote-color: $dark-gray;\n$blockquote-padding: rem-calc(9 20 0 19);\n$blockquote-border: 1px solid $medium-gray;\n$cite-font-size: rem-calc(13);\n$cite-color: $dark-gray;\n$cite-pseudo-content: \"\\2014 \\0020\";\n$keystroke-font: $font-family-monospace;\n$keystroke-color: $black;\n$keystroke-background: $light-gray;\n$keystroke-padding: rem-calc(2 4 0);\n$keystroke-radius: $global-radius;\n$abbr-underline: 1px dotted $black;\n\n// 5. Typography Helpers\n// ---------------------\n\n$lead-font-size: $global-font-size * 1.25;\n$lead-lineheight: 1.6;\n$subheader-lineheight: 1.4;\n$subheader-color: $dark-gray;\n$subheader-font-weight: $global-weight-normal;\n$subheader-margin-top: 0.2rem;\n$subheader-margin-bottom: 0.5rem;\n$stat-font-size: 2.5rem;\n\n// 6. Abide\n// --------\n\n$abide-inputs: true;\n$abide-labels: true;\n$input-background-invalid: get-color(alert);\n$form-label-color-invalid: get-color(alert);\n$input-error-color: get-color(alert);\n$input-error-font-size: rem-calc(12);\n$input-error-font-weight: $global-weight-bold;\n\n// 7. Accordion\n// ------------\n\n$accordion-background: $white;\n$accordion-plusminus: false;\n$accordion-title-font-size: rem-calc(12);\n$accordion-item-color: $primary-color;\n$accordion-item-background-hover: $light-gray;\n$accordion-item-padding: 1.25rem 1rem;\n$accordion-content-background: $white;\n$accordion-content-border: 1px solid $light-gray;\n$accordion-content-color: $body-font-color;\n$accordion-content-padding: 1rem;\n\n// 8. Accordion Menu\n// -----------------\n\n$accordionmenu-padding: $global-menu-padding;\n$accordionmenu-nested-margin: $global-menu-nested-margin;\n$accordionmenu-submenu-padding: $accordionmenu-padding;\n$accordionmenu-arrows: true;\n$accordionmenu-arrow-color: $primary-color;\n$accordionmenu-item-background: null;\n$accordionmenu-border: null;\n$accordionmenu-submenu-toggle-background: null;\n$accordion-submenu-toggle-border: $accordionmenu-border;\n$accordionmenu-submenu-toggle-width: 40px;\n$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width;\n$accordionmenu-arrow-size: 6px;\n\n// 9. Badge\n// --------\n\n$badge-background: $primary-color;\n$badge-color: $white;\n$badge-color-alt: $black;\n$badge-palette: $foundation-palette;\n$badge-padding: 0.3em;\n$badge-minwidth: 2.1em;\n$badge-font-size: 0.6rem;\n\n// 10. Breadcrumbs\n// ---------------\n\n$breadcrumbs-margin: 0 0 $global-margin 0;\n$breadcrumbs-item-font-size: rem-calc(11);\n$breadcrumbs-item-color: $primary-color;\n$breadcrumbs-item-color-current: $black;\n$breadcrumbs-item-color-disabled: $medium-gray;\n$breadcrumbs-item-margin: 0.75rem;\n$breadcrumbs-item-uppercase: true;\n$breadcrumbs-item-separator: true;\n$breadcrumbs-item-separator-item: \"/\";\n$breadcrumbs-item-separator-item-rtl: \"\\\\\";\n$breadcrumbs-item-separator-color: $medium-gray;\n\n// 11. Button\n// ----------\n\n$button-font-family: \"Maven Pro\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n$button-padding: 0.85em 1em;\n$button-margin: 0 0 $global-margin 0;\n$button-fill: solid;\n$button-background: $primary-color;\n$button-background-hover: scale-color($button-background, $lightness: -15%);\n$button-color: $white;\n$button-color-alt: $black;\n$button-radius: $global-radius;\n$button-hollow-border-width: 1px;\n$button-sizes: (\n  tiny: strip-unit(ms(-3)) * 1rem,\n  small: strip-unit(ms(-1)) * 1rem,\n  default: strip-unit(ms(0)) * 1rem,\n  large: strip-unit(ms(2)) * 1rem,\n  xlarge: strip-unit(ms(3)) * 1rem\n);\n$button-palette: $foundation-palette;\n$button-opacity-disabled: 0.45;\n$button-background-hover-lightness: -20%;\n$button-hollow-hover-lightness: -50%;\n$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;\n$button-responsive-expanded: false;\n\n// 12. Button Group\n// ----------------\n\n$buttongroup-margin: 1rem;\n$buttongroup-spacing: 1px;\n$buttongroup-child-selector: \".button\";\n$buttongroup-expand-max: 6;\n$buttongroup-radius-on-each: true;\n\n// 13. Callout\n// -----------\n\n$callout-background: $white;\n$callout-background-fade: 85%;\n$callout-border: 1px solid rgba($black, 0.25);\n$callout-margin: 0 0 1rem 0;\n$callout-padding: 1rem;\n$callout-font-color: $body-font-color;\n$callout-font-color-alt: $body-background;\n$callout-radius: $global-radius;\n$callout-link-tint: 30%;\n\n// 14. Card\n// --------\n\n$card-background: $white;\n$card-font-color: $body-font-color;\n$card-divider-background: $light-gray;\n$card-border: 1px solid $light-gray;\n$card-shadow: none;\n$card-border-radius: $global-radius;\n$card-padding: $global-padding;\n$card-margin-bottom: $global-margin;\n\n// 15. Close Button\n// ----------------\n\n$closebutton-position: right top;\n$closebutton-offset-horizontal: (\n  small: 0rem,\n  medium: 0rem\n);\n$closebutton-offset-vertical: (\n  small: 0em,\n  medium: 0rem\n);\n$closebutton-size: (\n  small: ms(1),\n  medium: ms(2)\n);\n$closebutton-lineheight: 1;\n$closebutton-color: mix($white, map-get($button-palette, primary));\n$closebutton-color-hover: $white;\n\n// 16. Drilldown\n// -------------\n\n$drilldown-transition: transform 0.15s linear;\n$drilldown-arrows: true;\n$drilldown-padding: $global-menu-padding;\n$drilldown-nested-margin: 0;\n$drilldown-background: $white;\n$drilldown-submenu-padding: $drilldown-padding;\n$drilldown-submenu-background: $white;\n$drilldown-arrow-color: $primary-color;\n$drilldown-arrow-size: 6px;\n\n// 17. Dropdown\n// ------------\n\n$dropdown-padding: 1rem;\n$dropdown-background: $body-background;\n$dropdown-border: 1px solid $medium-gray;\n$dropdown-font-size: 1rem;\n$dropdown-width: 300px;\n$dropdown-radius: $global-radius;\n$dropdown-sizes: (\n  tiny: 100px,\n  small: 200px,\n  large: 400px\n);\n\n// 18. Dropdown Menu\n// -----------------\n\n$dropdownmenu-arrows: true;\n$dropdownmenu-arrow-color: $anchor-color;\n$dropdownmenu-arrow-size: 6px;\n$dropdownmenu-arrow-padding: 1.5rem;\n$dropdownmenu-min-width: 200px;\n$dropdownmenu-background: $white;\n$dropdownmenu-submenu-background: $dropdownmenu-background;\n$dropdownmenu-padding: $global-menu-padding;\n$dropdownmenu-nested-margin: 0;\n$dropdownmenu-submenu-padding: $dropdownmenu-padding;\n$dropdownmenu-border: 1px solid $medium-gray;\n$dropdown-menu-item-color-active: get-color(primary);\n$dropdown-menu-item-background-active: transparent;\n\n// 19. Flexbox Utilities\n// ---------------------\n\n$flex-source-ordering-count: 6;\n$flexbox-responsive-breakpoints: true;\n\n// 20. Forms\n// ---------\n\n$fieldset-border: 1px solid $medium-gray;\n$fieldset-padding: rem-calc(20);\n$fieldset-margin: rem-calc(18 0);\n$legend-padding: rem-calc(0 3);\n$form-spacing: rem-calc(16);\n$helptext-color: $black;\n$helptext-font-size: rem-calc(13);\n$helptext-font-style: italic;\n$input-prefix-color: $black;\n$input-prefix-background: $light-gray;\n$input-prefix-border: 1px solid $medium-gray;\n$input-prefix-padding: 1rem;\n$form-label-color: $black;\n$form-label-font-size: rem-calc(14);\n$form-label-font-weight: $global-weight-normal;\n$form-label-line-height: 1.8;\n$select-background: $white;\n$select-triangle-color: $dark-gray;\n$select-radius: $global-radius;\n$input-color: $black;\n$input-placeholder-color: $medium-gray;\n$input-font-family: inherit;\n$input-font-size: rem-calc(16);\n$input-font-weight: $global-weight-normal;\n$input-line-height: $global-lineheight;\n$input-background: $white;\n$input-background-focus: $white;\n$input-background-disabled: $light-gray;\n$input-border: 1px solid $medium-gray;\n$input-border-focus: 1px solid $dark-gray;\n$input-padding: $form-spacing * 0.5;\n$input-shadow: inset 0 1px 2px rgba($black, 0.1);\n$input-shadow-focus: 0 0 5px $medium-gray;\n$input-cursor-disabled: not-allowed;\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n$input-number-spinners: true;\n$input-radius: $global-radius;\n$form-button-radius: $global-radius;\n\n// 21. Label\n// ---------\n\n$label-background: $primary-color;\n$label-color: $white;\n$label-color-alt: $black;\n$label-palette: $foundation-palette;\n$label-font-size: 0.8rem;\n$label-padding: 0.33333rem 0.5rem;\n$label-radius: $global-radius;\n\n// 22. Media Object\n// ----------------\n\n$mediaobject-margin-bottom: $global-margin;\n$mediaobject-section-padding: $global-padding;\n$mediaobject-image-width-stacked: 100%;\n\n// 23. Menu\n// --------\n\n$menu-margin: 0;\n$menu-nested-margin: $global-menu-nested-margin;\n$menu-items-padding: $global-menu-padding;\n$menu-simple-margin: 1rem;\n$menu-item-color-active: $white;\n$menu-item-background-active: get-color(primary);\n$menu-icon-spacing: 0.25rem;\n$menu-state-back-compat: true;\n$menu-centered-back-compat: true;\n$menu-icons-back-compat: true;\n\n// 24. Meter\n// ---------\n\n$meter-height: 1rem;\n$meter-radius: $global-radius;\n$meter-background: $medium-gray;\n$meter-fill-good: $success-color;\n$meter-fill-medium: $warning-color;\n$meter-fill-bad: $alert-color;\n\n// 25. Off-canvas\n// --------------\n\n$offcanvas-sizes: (\n  small: 250px\n);\n$offcanvas-vertical-sizes: (\n  small: 250px\n);\n$offcanvas-background: $light-gray;\n$offcanvas-shadow: 0 0 10px rgba($black, 0.7);\n$offcanvas-inner-shadow-size: 20px;\n$offcanvas-inner-shadow-color: rgba($black, 0.25);\n$offcanvas-overlay-zindex: 11;\n$offcanvas-push-zindex: 12;\n$offcanvas-overlap-zindex: 13;\n$offcanvas-reveal-zindex: 12;\n$offcanvas-transition-length: 0.5s;\n$offcanvas-transition-timing: ease;\n$offcanvas-fixed-reveal: true;\n$offcanvas-exit-background: rgba($white, 0.25);\n$maincontent-class: \"off-canvas-content\";\n\n// 26. Orbit\n// ---------\n\n$orbit-bullet-background: $medium-gray;\n$orbit-bullet-background-active: $dark-gray;\n$orbit-bullet-diameter: 1.2rem;\n$orbit-bullet-margin: 0.1rem;\n$orbit-bullet-margin-top: 0.8rem;\n$orbit-bullet-margin-bottom: 0.8rem;\n$orbit-caption-background: rgba($black, 0.5);\n$orbit-caption-padding: 1rem;\n$orbit-control-background-hover: rgba($black, 0.5);\n$orbit-control-padding: 1rem;\n$orbit-control-zindex: 10;\n\n// 27. Pagination\n// --------------\n\n$pagination-font-size: rem-calc(14);\n$pagination-margin-bottom: $global-margin;\n$pagination-item-color: $black;\n$pagination-item-padding: rem-calc(3 10);\n$pagination-item-spacing: rem-calc(1);\n$pagination-radius: $global-radius;\n$pagination-item-background-hover: $light-gray;\n$pagination-item-background-current: $primary-color;\n$pagination-item-color-current: $white;\n$pagination-item-color-disabled: $medium-gray;\n$pagination-ellipsis-color: $black;\n$pagination-mobile-items: false;\n$pagination-mobile-current-item: false;\n$pagination-arrows: false;\n\n// 28. Progress Bar\n// ----------------\n\n$progress-height: 1rem;\n$progress-background: $medium-gray;\n$progress-margin-bottom: $global-margin;\n$progress-meter-background: $primary-color;\n$progress-radius: $global-radius;\n\n// 29. Prototype Arrow\n// -------------------\n\n$prototype-arrow-directions: (down, up, right, left);\n$prototype-arrow-size: 0.4375rem;\n$prototype-arrow-color: $black;\n\n// 30. Prototype Border-Box\n// ------------------------\n\n$prototype-border-box-breakpoints: $global-prototype-breakpoints;\n\n// 31. Prototype Border-None\n// -------------------------\n\n$prototype-border-none-breakpoints: $global-prototype-breakpoints;\n\n// 32. Prototype Bordered\n// ----------------------\n\n$prototype-bordered-breakpoints: $global-prototype-breakpoints;\n$prototype-border-width: rem-calc(1);\n$prototype-border-type: solid;\n$prototype-border-color: $medium-gray;\n\n// 33. Prototype Display\n// ---------------------\n\n$prototype-display-breakpoints: $global-prototype-breakpoints;\n$prototype-display: (inline, inline-block, block, table, table-cell);\n\n// 34. Prototype Font-Styling\n// --------------------------\n\n$prototype-font-breakpoints: $global-prototype-breakpoints;\n$prototype-wide-letter-spacing: rem-calc(4);\n$prototype-font-normal: $global-weight-normal;\n$prototype-font-bold: $global-weight-bold;\n\n// 35. Prototype List-Style-Type\n// -----------------------------\n\n$prototype-list-breakpoints: $global-prototype-breakpoints;\n$prototype-style-type-unordered: (disc, circle, square);\n$prototype-style-type-ordered: (decimal, lower-alpha, lower-latin, lower-roman, upper-alpha, upper-latin, upper-roman);\n\n// 36. Prototype Overflow\n// ----------------------\n\n$prototype-overflow-breakpoints: $global-prototype-breakpoints;\n$prototype-overflow: (visible, hidden, scroll);\n\n// 37. Prototype Position\n// ----------------------\n\n$prototype-position-breakpoints: $global-prototype-breakpoints;\n$prototype-position: (static, relative, absolute, fixed);\n$prototype-position-z-index: 975;\n\n// 38. Prototype Rounded\n// ---------------------\n\n$prototype-rounded-breakpoints: $global-prototype-breakpoints;\n$prototype-border-radius: rem-calc(3);\n\n// 39. Prototype Separator\n// -----------------------\n\n$prototype-separator-breakpoints: $global-prototype-breakpoints;\n$prototype-separator-align: center;\n$prototype-separator-height: rem-calc(2);\n$prototype-separator-width: 3rem;\n$prototype-separator-background: $primary-color;\n$prototype-separator-margin-top: $global-margin;\n\n// 40. Prototype Shadow\n// --------------------\n\n$prototype-shadow-breakpoints: $global-prototype-breakpoints;\n$prototype-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\n\n// 41. Prototype Sizing\n// --------------------\n\n$prototype-sizing-breakpoints: $global-prototype-breakpoints;\n$prototype-sizing: (width, height);\n$prototype-sizes: (\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%\n);\n\n// 42. Prototype Spacing\n// ---------------------\n\n$prototype-spacing-breakpoints: $global-prototype-breakpoints;\n$prototype-spacers-count: 3;\n\n// 43. Prototype Text-Decoration\n// -----------------------------\n\n$prototype-decoration-breakpoints: $global-prototype-breakpoints;\n$prototype-text-decoration: (overline, underline, line-through);\n\n// 44. Prototype Text-Transformation\n// ---------------------------------\n\n$prototype-transformation-breakpoints: $global-prototype-breakpoints;\n$prototype-text-transformation: (lowercase, uppercase, capitalize);\n\n// 45. Prototype Text-Utilities\n// ----------------------------\n\n$prototype-utilities-breakpoints: $global-prototype-breakpoints;\n$prototype-text-overflow: ellipsis;\n\n// 46. Responsive Embed\n// --------------------\n\n$responsive-embed-margin-bottom: rem-calc(16);\n$responsive-embed-ratios: (\n  default: 4 by 3,\n  widescreen: 16 by 9\n);\n\n// 47. Reveal\n// ----------\n\n$reveal-background: $white;\n$reveal-width: 600px;\n$reveal-max-width: $global-width;\n$reveal-padding: $global-padding;\n$reveal-border: 1px solid $medium-gray;\n$reveal-radius: $global-radius;\n$reveal-zindex: 1005;\n$reveal-overlay-background: rgba($black, 0.45);\n\n// 48. Slider\n// ----------\n\n$slider-width-vertical: 0.5rem;\n$slider-transition: all 0.2s ease-in-out;\n$slider-height: 0.5rem;\n$slider-background: $light-gray;\n$slider-fill-background: $medium-gray;\n$slider-handle-height: 1.4rem;\n$slider-handle-width: 1.4rem;\n$slider-handle-background: $primary-color;\n$slider-opacity-disabled: 0.25;\n$slider-radius: $global-radius;\n\n// 49. Switch\n// ----------\n\n$switch-background: $medium-gray;\n$switch-background-active: $primary-color;\n$switch-height: 2rem;\n$switch-height-tiny: 1.5rem;\n$switch-height-small: 1.75rem;\n$switch-height-large: 2.5rem;\n$switch-radius: $global-radius;\n$switch-margin: $global-margin;\n$switch-paddle-background: $white;\n$switch-paddle-offset: 0.25rem;\n$switch-paddle-radius: $global-radius;\n$switch-paddle-transition: all 0.25s ease-out;\n\n// 50. Table\n// ---------\n\n$table-background: $white;\n$table-color-scale: 5%;\n$table-border: 1px solid smart-scale($table-background, $table-color-scale);\n$table-padding: rem-calc(8 10 10);\n$table-hover-scale: 2%;\n$table-row-hover: darken($table-background, $table-hover-scale);\n$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);\n$table-is-striped: true;\n$table-striped-background: smart-scale($table-background, $table-color-scale);\n$table-stripe: even;\n$table-head-background: smart-scale($table-background, $table-color-scale * 0.5);\n$table-head-row-hover: darken($table-head-background, $table-hover-scale);\n$table-foot-background: smart-scale($table-background, $table-color-scale);\n$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);\n$table-head-font-color: $body-font-color;\n$table-foot-font-color: $body-font-color;\n$show-header-for-stacked: false;\n$table-stack-breakpoint: medium;\n\n// 51. Tabs\n// --------\n\n$tab-margin: 0;\n$tab-background: $white;\n$tab-color: $primary-color;\n$tab-background-active: $white;\n$tab-active-color: $black;\n$tab-item-font-size: 1em;\n$tab-item-background-hover: $white;\n$tab-item-padding: $padding_3 $padding_4;\n$tab-content-background: $white;\n$tab-content-border: $light-gray;\n$tab-content-color: $body-font-color;\n$tab-content-padding: $padding_4;\n\n// 52. Thumbnail\n// -------------\n\n$thumbnail-border: 4px solid $white;\n$thumbnail-margin-bottom: $global-margin;\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);\n$thumbnail-transition: box-shadow 200ms ease-out;\n$thumbnail-radius: $global-radius;\n\n// 53. Title Bar\n// -------------\n\n$titlebar-background: $black;\n$titlebar-color: $white;\n$titlebar-padding: 0.5rem;\n$titlebar-text-font-weight: bold;\n$titlebar-icon-color: $white;\n$titlebar-icon-color-hover: $medium-gray;\n$titlebar-icon-spacing: 0.25rem;\n\n// 54. Tooltip\n// -----------\n\n$has-tip-cursor: help;\n$has-tip-font-weight: $global-weight-bold;\n$has-tip-border-bottom: dotted 1px $dark-gray;\n$tooltip-background-color: $black;\n$tooltip-color: $white;\n$tooltip-padding: 0.75rem;\n$tooltip-max-width: 10rem;\n$tooltip-font-size: $small-font-size;\n$tooltip-pip-width: 0.75rem;\n$tooltip-pip-height: $tooltip-pip-width * 0.866;\n$tooltip-radius: $global-radius;\n\n// 55. Top Bar\n// -----------\n\n$topbar-padding: 0.5rem;\n$topbar-background: $light-gray;\n$topbar-submenu-background: $topbar-background;\n$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;\n$topbar-input-width: 200px;\n$topbar-unstack-breakpoint: medium;\n\n// 56. Xy Grid\n// -----------\n\n$xy-grid: true;\n$grid-container: $global-width;\n$grid-columns: 12;\n$grid-margin-gutters: (\n  small: 20px,\n  medium: 30px\n);\n$grid-padding-gutters: $grid-margin-gutters;\n$grid-container-padding: $grid-padding-gutters;\n$grid-container-max: $global-width;\n$xy-block-grid-max: 8;\n\n/**\n* Foundation for Sites Settings END\n */\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n////\n/// Patch to fix issue #12080\n$-zf-pb-value: null;\n\n////\n/// Creates an inner box-shadow for only one side\n///\n/// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.\n/// @param {Number} $size - Width for the target side.\n/// @param {Color} $color - Color of the shadow.\n@mixin inner-side-shadow(\n  $side: bottom,\n  $size: 20px,\n  $color: rgba($black, 0.25)\n) {\n\n  $helper: round($size * 0.65);\n\n  @if ($side == top) {\n    box-shadow: inset 0 $helper $size (-1)*$helper $color;\n  } @else if ($side == left) {\n    box-shadow: inset $helper 0 $size (-1)*$helper $color;\n  } @else if ($side == right) {\n    box-shadow: inset (-1)*$helper 0 $size (-1)*$helper $color;\n  } @else if ($side == bottom) {\n    box-shadow: inset 0 (-1)*$helper $size (-1)*$helper $color;\n  }\n}\n\n/// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element.\n///\n/// @param {Number} $triangle-size - Width of the triangle.\n/// @param {Color} $triangle-color - Color of the triangle.\n/// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.\n@mixin css-triangle(\n  $triangle-size,\n  $triangle-color,\n  $triangle-direction\n) {\n  display: block;\n  width: 0;\n  height: 0;\n\n  border-style: solid;\n  border-width: $triangle-size;\n\n  content: '';\n\n  @if ($triangle-direction == down) {\n    border-bottom-width: 0;\n    border-color: $triangle-color transparent transparent;\n  }\n  @if ($triangle-direction == up) {\n    border-top-width: 0;\n    border-color: transparent transparent $triangle-color;\n  }\n  @if ($triangle-direction == right) {\n    border-right-width: 0;\n    border-color: transparent transparent transparent $triangle-color;\n  }\n  @if ($triangle-direction == left) {\n    border-left-width: 0;\n    border-color: transparent $triangle-color transparent transparent;\n  }\n}\n\n/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class=\"docs-example-burger\"></div>\n///\n/// @param {Color} $color [$black] - Color to use for the icon.\n/// @param {Color} $color-hover [$dark-gray] - Color to use when the icon is hovered over.\n/// @param {Number} $width [20px] - Width of the icon.\n/// @param {Number} $height [16px] - Height of the icon.\n/// @param {Number} $weight [2px] - Height of individual bars in the icon.\n/// @param {Number} $bars [3] - Number of bars in the icon.\n@mixin hamburger(\n  $color: $black,\n  $color-hover: $dark-gray,\n  $width: 20px,\n  $height: 16px,\n  $weight: 2px,\n  $bars: 3\n) {\n  // box-shadow CSS output\n  $shadow: ();\n  $hover-shadow: ();\n\n  // Spacing between bars is calculated based on the total height of the icon and the weight of each bar\n  $spacing: divide($height - ($weight * $bars), $bars - 1);\n\n  @if unit($spacing) == 'px' {\n    $spacing: floor($spacing);\n  }\n\n  @for $i from 2 through $bars {\n    $offset: ($weight + $spacing) * ($i - 1);\n    $shadow: append($shadow, 0 $offset 0 $color, comma);\n  }\n\n  // Icon container\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  width: $width;\n  height: $height;\n  cursor: pointer;\n\n  // Icon bars\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    display: block;\n    width: 100%;\n    height: $weight;\n\n    background: $color;\n    box-shadow: $shadow;\n\n    content: '';\n  }\n\n  // Hover state\n  @if $color-hover {\n    // Generate CSS\n    @for $i from 2 through $bars {\n      $offset: ($weight + $spacing) * ($i - 1);\n      $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma);\n    }\n\n    &:hover::after {\n      background: $color-hover;\n      box-shadow: $hover-shadow;\n    }\n  }\n}\n\n/// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.\n/// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color.\n///\n/// @param {Color} $color [$black] - Color to use for the triangle.\n@mixin background-triangle($color: $black) {\n  $rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';\n\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>\");\n\n  @media screen and (min-width:0\\0) {\n    @if lightness($color) < 60% {\n      // White triangle\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');\n    }\n    @else {\n      // Black triangle\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');\n    }\n  }\n}\n\n/// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.\n/// The clearfix is augmented with specific styles to prevent borders in flexbox environments\n/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack\n/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix\n@mixin clearfix {\n  &::before,\n  &::after {\n    display: table;\n    content: ' ';\n\n    @if $global-flexbox {\n      flex-basis: 0;\n      order: 1;\n    }\n  }\n\n  &::after {\n    clear: both;\n  }\n}\n\n/// Adds CSS for a \"quantity query\" selector that automatically sizes elements based on how many there are inside a container.\n/// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS\n///\n/// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items.\n/// @param {Keyword} $elem [li] - Tag to use for sibling selectors.\n@mixin auto-width($max, $elem: li) {\n  @for $i from 2 through $max {\n    &:nth-last-child(#{$i}):first-child,\n    &:nth-last-child(#{$i}):first-child ~ #{$elem} {\n      width: percentage(divide(1, $i));\n    }\n  }\n}\n\n/// Removes the focus ring around an element when a mouse input is detected.\n@mixin disable-mouse-outline {\n  [data-whatinput='mouse'] & {\n    outline: 0;\n  }\n}\n\n/// Makes an element visually hidden, but still accessible to keyboards and assistive devices.\n/// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility\n/// @link http://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n///\n/// @param {Boolean} $enforce - If `true`, use `!important` on applied properties\n@mixin element-invisible(\n  $enforce: true\n) {\n  $important: if($enforce, '!important', null);\n\n  position: absolute #{$important};\n  width: 1px #{$important};\n  height: 1px #{$important};\n  padding: 0 #{$important};\n  overflow: hidden #{$important};\n  clip: rect(0,0,0,0) #{$important};\n  white-space: nowrap #{$important};\n  border: 0 #{$important};\n}\n\n/// Reverses the CSS output created by the `element-invisible()` mixin.\n/// @param {Boolean} $enforce - If `true`, use `!important` on applied properties\n@mixin element-invisible-off(\n  $enforce: true\n) {\n  $important: if($enforce, '!important', null);\n\n  position: static #{$important};\n  width: auto #{$important};\n  height: auto #{$important};\n  overflow: visible #{$important};\n  clip: auto #{$important};\n  white-space: normal #{$important};\n}\n\n/// Vertically centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin vertical-center {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/// Horizontally centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin horizontal-center {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n/// Absolutely centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin absolute-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n/// Iterates through breakpoints defined in `$breakpoint-classes` and prints the CSS inside the mixin at each breakpoint's media query. Use this with the grid, or any other component that has responsive classes.\n///\n/// @param {Boolean} $small [true] - If `false`, the mixin will skip the `small` breakpoint. Use this with components that don't prefix classes with `small-`, only `medium-` and up.\n/// @param {Boolean} $auto-insert-breakpoints [true] - If `false`, the mixin will iterate over breakpoints without doing the media query itself. Useful for more complex media query generation as in the margin grid.\n@mixin -zf-each-breakpoint(\n  $small: true,\n  $auto-insert-breakpoints: true\n) {\n  @include -zf-each-breakpoint-in(auto, -zf-bool($small), -zf-bool($auto-insert-breakpoints)) {\n    @content\n  };\n}\n\n/// Iterates with `@content` through the given list of breakpoints `$breakpoints`.\n///\n/// @access private\n///\n/// @param {Keyword|List} $breakpoints [auto] - Breakpoints to iterates on. It can be a breakpoint name, list of breakpoints or `auto` for all breakpoints.\n/// @param {Boolean|Null} $zero-breakpoint [null] - Whether the zero-breakpoint (often `small`) must be included. If `true`, it will always be added to the list if not already there. If `false`, it will always be removed. Does nothing by default.\n/// @param {Boolean|Keyword} $media-queries [true] - Whether media-queries must be generated. If `for-lists`, only generate media-queries when `$breakpoints` is a list.\n@mixin -zf-each-breakpoint-in(\n  $breakpoints: auto,\n  $zero-breakpoint: null,\n  $media-queries: true\n) {\n  $-list: ();\n  $-breakpoints-is-a-list: true;\n\n  // Retrieve the list of breakpoint(s) to iterate on.\n  @if $breakpoints == auto {\n    $-list: $breakpoint-classes;\n  }\n  @else if type-of($breakpoints) == 'list' {\n    $-list: $breakpoints;\n  }\n  @else if type-of($breakpoints) == 'string' {\n    $-list: ($breakpoints);\n    $-breakpoints-is-a-list: false;\n  }\n  @else {\n    @error 'Wrong syntax for \"$breakpoints\" in \"-zf-each-breakpoint-in()\". Got \"#{$breakpoints}\" (#{type-of($breakpoints)}). Expected a breakpoint name, a list of breakpoints or \"auto\"';\n  }\n\n  // Add or remove the zero breakpoint according to `$zero-breakpoint`\n  @if $zero-breakpoint == true {\n    $-list: join(($-zf-zero-breakpoint), sl-remove($-list, $-zf-zero-breakpoint));\n  }\n  @else if $zero-breakpoint == false {\n    $-list: sl-remove($-list, $-zf-zero-breakpoint);\n  }\n\n  // Iterate on breakpoint(s)\n  @each $bp in $-list {\n    $old-zf-size: null;\n    @if global-variable-exists(-zf-size) {\n      $old-zf-size: $-zf-size;\n    }\n    $-zf-size: $bp !global;\n\n    @if ($media-queries == true\n      or ($media-queries == 'for-lists' and $-breakpoints-is-a-list)) {\n      @include breakpoint($bp) {\n        @content;\n      }\n    }\n    @else {\n      @content;\n    }\n\n    $-zf-size: $old-zf-size !global;\n  }\n}\n\n/// Generate the `@content` passed to the mixin with a value `$-zf-bp-value` related to a breakpoint, depending on the `$name` parameter:\n/// - For a single value, `$-zf-bp-value` is this value.\n/// - For a breakpoint name, `$-zf-bp-value` is the corresponding breakpoint value in `$map`.\n/// - For \"auto\", `$-zf-bp-value` is the corresponding breakpoint value in `$map` and is passed to `@content`, which is made responsive for each breakpoint of `$map`.\n/// @param {Number|Array|Keyword} $name [auto] - Single value, breakpoint name, or list of breakpoint names to use. \"auto\" by default.\n/// @param {Number|Map} $map - Map of breakpoints and values or single value to use.\n@mixin -zf-breakpoint-value(\n  $name: auto,\n  $map: null\n) {\n  @if $name == auto and type-of($map) == 'map' {\n    // \"auto\"\n    @each $k, $v in $map {\n      @include breakpoint($k) {\n        @include -zf-breakpoint-value($v, $map) {\n          @content;\n        }\n      }\n    }\n  }\n  @else {\n    // breakpoint name\n    @if type-of($name) == 'string' {\n      $bp-value: -zf-get-bp-val($map, $name);\n      @if $bp-value != null {\n        $name: $bp-value;\n      }\n    }\n\n    // breakpoint value\n    $-zf-bp-value: $name !global;\n    @content;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Font color of text inputs.\n/// @type Color\n$input-color: $black !default;\n\n/// Font color of placeholder text within text inputs.\n/// @type Color\n$input-placeholder-color: $medium-gray !default;\n\n/// Font family of text inputs.\n/// @type Font\n$input-font-family: inherit !default;\n\n/// Font size of text inputs.\n/// @type Number\n$input-font-size: rem-calc(16) !default;\n\n/// Font weight of text inputs.\n/// @type Keyword\n$input-font-weight: $global-weight-normal !default;\n\n/// Line height of text inputs.\n/// @type Keyword\n$input-line-height: $global-lineheight !default;\n\n/// Background color of text inputs.\n/// @type Color\n$input-background: $white !default;\n\n/// Background color of focused of text inputs.\n/// @type Color\n$input-background-focus: $white !default;\n\n/// Background color of disabled text inputs.\n/// @type Color\n$input-background-disabled: $light-gray !default;\n\n/// Border around text inputs.\n/// @type Border\n$input-border: 1px solid $medium-gray !default;\n\n/// Border around focused text inputs.\n/// @type Color\n$input-border-focus: 1px solid $dark-gray !default;\n\n/// Padding of text inputs.\n/// @type Color\n$input-padding: $form-spacing * 0.5 !default;\n\n/// Box shadow inside text inputs when not focused.\n/// @type Shadow\n$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default;\n\n/// Box shadow outside text inputs when focused.\n/// @type Shadow\n$input-shadow-focus: 0 0 5px $medium-gray !default;\n\n/// Cursor to use when hovering over a disabled text input.\n/// @type Cursor\n$input-cursor-disabled: not-allowed !default;\n\n/// Properties to transition on text inputs.\n/// @type Transition\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default;\n\n/// Enables the up/down buttons that Chrome and Firefox add to `<input type='number'>` elements.\n/// @type Boolean\n$input-number-spinners: true !default;\n\n/// Radius for text inputs.\n/// @type Border\n$input-radius: $global-radius !default;\n\n/// Border radius for form buttons, defaulted to global-radius.\n/// @type Number\n$form-button-radius: $global-radius !default;\n\n@mixin form-element {\n  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);\n\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  height: $height;\n  margin: 0 0 $form-spacing;\n  padding: $input-padding;\n\n  border: $input-border;\n  border-radius: $input-radius;\n  background-color: $input-background;\n  box-shadow: $input-shadow;\n\n  font-family: $input-font-family;\n  font-size: $input-font-size;\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n\n  @if has-value($input-transition) {\n    transition: $input-transition;\n  }\n\n  // Focus state\n  &:focus {\n    outline: none;\n    border: $input-border-focus;\n    background-color: $input-background-focus;\n    box-shadow: $input-shadow-focus;\n\n    @if has-value($input-transition) {\n      transition: $input-transition;\n    }\n  }\n}\n\n@mixin foundation-form-text {\n  // Text inputs\n  #{text-inputs()},\n  textarea {\n    @include form-element;\n    appearance: none;\n  }\n\n  // Text areas\n  textarea {\n    max-width: 100%;\n\n    &[rows] {\n      height: auto;\n    }\n  }\n\n  input,\n  textarea {\n    // Disabled/readonly state\n    &:disabled,\n    &[readonly] {\n      background-color: $input-background-disabled;\n      cursor: $input-cursor-disabled;\n    }\n  }\n\n  // Reset styles on button-like inputs\n  [type='submit'],\n  [type='button'] {\n    appearance: none;\n    border-radius: $form-button-radius;\n  }\n\n  // Reset Normalize setting content-box to search elements\n  input[type='search'] { // sass-lint:disable-line no-qualifying-elements\n    box-sizing: border-box;\n  }\n\n  // Number input styles\n  [type='number'] {\n    @if not $input-number-spinners {\n      -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefixes\n\n      &::-webkit-inner-spin-button,\n      &::-webkit-outer-spin-button {\n        -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n        margin: 0;\n      }\n    }\n  }\n\n  // Placeholder text\n  ::placeholder {\n    color: $input-placeholder-color;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n@mixin foundation-form-checkbox {\n  [type='file'],\n  [type='checkbox'],\n  [type='radio'] {\n    margin: 0 0 $form-spacing;\n  }\n\n  // Styles for input/label siblings\n  [type='checkbox'] + label,\n  [type='radio'] + label {\n    display: inline-block;\n    vertical-align: baseline;\n\n    margin-#{$global-left}: $form-spacing * 0.5;\n    margin-#{$global-right}: $form-spacing;\n    margin-bottom: 0;\n\n    &[for] {\n      cursor: pointer;\n    }\n  }\n\n  // Styles for inputs inside labels\n  label > [type='checkbox'],\n  label > [type='radio'] {\n    margin-#{$global-right}: $form-spacing * 0.5;\n  }\n\n  // Normalize file input width\n  [type='file'] {\n    width: 100%;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Color for form labels.\n/// @type Color\n$form-label-color: $black !default;\n\n/// Font size for form labels.\n/// @type Number\n$form-label-font-size: rem-calc(14) !default;\n\n/// Font weight for form labels.\n/// @type Keyword\n$form-label-font-weight: $global-weight-normal !default;\n\n/// Line height for form labels. The higher the number, the more space between the label and its input field.\n/// @type Number\n$form-label-line-height: 1.8 !default;\n\n@mixin form-label {\n  display: block;\n  margin: 0;\n\n  font-size: $form-label-font-size;\n  font-weight: $form-label-font-weight;\n  line-height: $form-label-line-height;\n  color: $form-label-color;\n}\n\n@mixin form-label-middle {\n  $input-border-width: get-border-value($input-border, width);\n\n  margin: 0 0 $form-spacing;\n  line-height: $global-lineheight;\n  padding: ($form-spacing * 0.5 + rem-calc($input-border-width)) 0;\n}\n\n@mixin foundation-form-label {\n  label {\n    @include form-label;\n\n    &.middle {\n      @include form-label-middle;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Default color for help text.\n/// @type Color\n$helptext-color: $black !default;\n\n/// Default font size for help text.\n/// @type Number\n$helptext-font-size: rem-calc(13) !default;\n\n/// Default font style for help text.\n/// @type Keyword\n$helptext-font-style: italic !default;\n\n@mixin foundation-form-helptext {\n  .help-text {\n    $margin-top: ($form-spacing * 0.5) * -1;\n\n    margin-top: $margin-top;\n    font-size: $helptext-font-size;\n    font-style: $helptext-font-style;\n    color: $helptext-color;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Color of labels prefixed to an input.\n/// @type Color\n$input-prefix-color: $black !default;\n\n/// Background color of labels prefixed to an input.\n/// @type Color\n$input-prefix-background: $light-gray !default;\n\n/// Border around labels prefixed to an input.\n/// @type Border\n$input-prefix-border: 1px solid $medium-gray !default;\n\n/// Left/right padding of an pre/postfixed input label\n$input-prefix-padding: 1rem !default;\n\n@mixin foundation-form-prepostfix {\n  $height: ($input-font-size * $input-line-height) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);\n\n  .input-group {\n    display: if($global-flexbox, flex, table);\n    width: 100%;\n    margin-bottom: $form-spacing;\n\n    @if $global-flexbox {\n      align-items: stretch;\n    }\n\n    > :first-child {\n      &, &.input-group-button > * {\n        border-radius: if($global-text-direction == rtl, 0 $input-radius $input-radius 0, $input-radius 0 0 $input-radius);\n      }\n    }\n\n    > :last-child {\n      &, &.input-group-button > * {\n        border-radius: if($global-text-direction == rtl, $input-radius 0 0 $input-radius, 0 $input-radius $input-radius 0);\n      }\n    }\n  }\n\n  %input-group-child {\n    margin: 0;\n    white-space: nowrap;\n\n    @if not $global-flexbox {\n      display: table-cell;\n      vertical-align: middle;\n    }\n  }\n\n  .input-group-label {\n    @extend %input-group-child;\n    padding: 0 $input-prefix-padding;\n    border: $input-prefix-border;\n    background: $input-prefix-background;\n\n    color: $input-prefix-color;\n    text-align: center;\n    white-space: nowrap;\n\n    @if $global-flexbox {\n      display: flex;\n      flex: 0 0 auto;\n      align-items: center;\n    }\n    @else {\n      width: 1%;\n      height: 100%;\n    }\n\n    @if has-value($input-prefix-border) {\n      &:first-child {\n        border-#{$global-right}: 0;\n      }\n\n      &:last-child {\n        border-#{$global-left}: 0;\n      }\n    }\n  }\n\n  .input-group-field {\n    @extend %input-group-child;\n    border-radius: 0;\n\n    @if $global-flexbox {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n      min-width: 0;\n    }\n  }\n\n  .input-group-button {\n    @extend %input-group-child;\n    padding-top: 0;\n    padding-bottom: 0;\n    text-align: center;\n\n    @if $global-flexbox {\n      display: flex;\n      flex: 0 0 auto;\n    }\n    @else {\n      width: 1%;\n      height: 100%;\n    }\n\n    a,\n    input,\n    button,\n    label {\n      @extend %input-group-child;\n\n      @if $global-flexbox {\n        align-self: stretch;\n        height: auto;\n      }\n      @else {\n        height: $height;\n      }\n      padding-top: 0;\n      padding-bottom: 0;\n      font-size: $input-font-size;\n    }\n  }\n\n  // Specificity bump needed to prevent override by buttons\n  @if not $global-flexbox {\n    .input-group {\n      .input-group-button {\n        display: table-cell;\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Default border around custom fieldsets.\n/// @type Border\n$fieldset-border: 1px solid $medium-gray !default;\n\n/// Default padding inside custom fieldsets.\n/// @type Number\n$fieldset-padding: rem-calc(20) !default;\n\n/// Default margin around custom fieldsets.\n/// @type Number\n$fieldset-margin: rem-calc(18 0) !default;\n\n/// Default padding between the legend text and fieldset border.\n/// @type Number\n$legend-padding: rem-calc(0 3) !default;\n\n@mixin fieldset {\n  margin: $fieldset-margin;\n  padding: $fieldset-padding;\n  border: $fieldset-border;\n\n  legend {\n    // Covers up the fieldset's border to create artificial padding\n    margin: 0;\n    margin-#{$global-left}: rem-calc(-3);\n    padding: $legend-padding;\n  }\n}\n\n@mixin foundation-form-fieldset {\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  legend {\n    max-width: 100%;\n    margin-bottom: $form-spacing * 0.5;\n  }\n\n  .fieldset {\n    @include fieldset;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Background color for select menus.\n/// @type Color\n$select-background: $white !default;\n\n/// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely.\n/// @type Color\n$select-triangle-color: $dark-gray !default;\n\n/// Default radius for select menus.\n/// @type Color\n$select-radius: $global-radius !default;\n\n@mixin form-select {\n  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);\n\n  height: $height;\n  margin: 0 0 $form-spacing;\n  padding: $input-padding;\n\n  appearance: none;\n  border: $input-border;\n  border-radius: $select-radius;\n  background-color: $select-background;\n\n  font-family: $input-font-family;\n  font-size: $input-font-size;\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n\n  @if $select-triangle-color != transparent {\n    @include background-triangle($select-triangle-color);\n    background-origin: content-box;\n    background-position: $global-right (-$form-spacing) center;\n    background-repeat: no-repeat;\n    background-size: 9px 6px;\n\n    padding-#{$global-right}: ($form-spacing * 1.5);\n  }\n\n  @if has-value($input-transition) {\n    transition: $input-transition;\n  }\n\n  // Focus state\n  &:focus {\n    outline: none;\n    border: $input-border-focus;\n    background-color: $input-background-focus;\n    box-shadow: $input-shadow-focus;\n\n    @if has-value($input-transition) {\n      transition: $input-transition;\n    }\n  }\n\n  // Disabled state\n  &:disabled {\n    background-color: $input-background-disabled;\n    cursor: $input-cursor-disabled;\n  }\n\n  // Hide the dropdown arrow shown in newer IE versions\n  &::-ms-expand {\n    display: none;\n  }\n\n  &[multiple] {\n    height: auto;\n    background-image: none;\n  }\n  &:not([multiple]) {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n}\n\n@mixin foundation-form-select {\n  select {\n    @include form-select;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group abide\n////\n\n/// Sets if error styles should be added to inputs.\n/// @type Boolean\n$abide-inputs: true !default;\n\n/// Sets if error styles should be added to labels.\n/// @type Boolean\n$abide-labels: true !default;\n\n/// Background color to use for invalid text inputs.\n/// @type Color\n$input-background-invalid: get-color(alert) !default;\n\n/// Color to use for labels of invalid inputs.\n/// @type Color\n$form-label-color-invalid: get-color(alert) !default;\n\n/// Default font color for form error text.\n/// @type Color\n$input-error-color: get-color(alert) !default;\n\n/// Default font size for form error text.\n/// @type Number\n$input-error-font-size: rem-calc(12) !default;\n\n/// Default font weight for form error text.\n/// @type Keyword\n$input-error-font-weight: $global-weight-bold !default;\n\n/// Styles the background and border of an input field to have an error state.\n///\n/// @param {Color} $background [$alert-color] - Color to use for the background and border.\n/// @param {Number} $background-lighten [10%] - Lightness level of the background color.\n@mixin form-input-error(\n  $background: $input-background-invalid,\n  $background-lighten: 10%\n) {\n  &:not(:focus) {\n    border-color: $background;\n    background-color: mix($background, $white, $background-lighten);\n\n    &::placeholder {\n      color: $background;\n    }\n  }\n}\n\n/// Adds error styles to a form element, using the values in the settings file.\n@mixin form-error {\n  display: none;\n  margin-top: $form-spacing * -0.5;\n  margin-bottom: $form-spacing;\n\n  font-size: $input-error-font-size;\n  font-weight: $input-error-font-weight;\n  color: $input-error-color;\n}\n\n@mixin foundation-form-error {\n  @if $abide-inputs {\n    // Error class for invalid inputs\n    .is-invalid-input {\n      @include form-input-error;\n    }\n  }\n\n  @if $abide-labels {\n    // Error class for labels of invalid outputs\n    .is-invalid-label {\n      color: $form-label-color-invalid;\n    }\n  }\n\n  // Form error element\n  .form-error {\n    @include form-error;\n\n    &.is-visible {\n      display: block;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group typography-base\n////\n\n// Base Typography\n// - - - - - - - - - - - - - - -\n// These are styles applied to basic HTML tags, including:\n//   - Paragraphs <p>\n//   - Bold/italics <b> <strong> <i> <em>\n//   - Small text <small>\n//   - Headings <h1>-<h6>\n//   - Anchors <a>\n//   - Dividers <hr>\n//   - Lists <ul> <ol> <dl>\n//   - Blockquotes <blockquote>\n//   - Code blocks <code>\n//   - Abbreviations <abbr>\n//   - Citations <cite>\n//   - Keystrokes <kbd>\n\n/// Font family for header elements.\n/// @type String | List\n$header-font-family: $body-font-family !default;\n\n/// Font weight of headers.\n/// @type String\n$header-font-weight: $global-weight-normal !default;\n\n/// Font style (e.g. italicized) of headers.\n/// @type String\n$header-font-style: normal !default;\n\n/// Font stack used for elements that use monospaced type, such as code samples\n/// @type String | List\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace !default;\n\n/// Color of headers.\n/// @type Color\n$header-color: inherit !default;\n\n/// Line height of headers.\n/// @type Number\n$header-lineheight: 1.4 !default;\n\n/// Bottom margin of headers.\n/// @type Number\n$header-margin-bottom: 0.5rem !default;\n\n/// Styles for headings at various screen sizes. Each key is a breakpoint, and each value is a map of heading styles.\n/// @type Map\n$header-styles: (\n  small: (\n    'h1': ('font-size': 24),\n    'h2': ('font-size': 20),\n    'h3': ('font-size': 19),\n    'h4': ('font-size': 18),\n    'h5': ('font-size': 17),\n    'h6': ('font-size': 16),\n  ),\n  medium: (\n    'h1': ('font-size': 48),\n    'h2': ('font-size': 40),\n    'h3': ('font-size': 31),\n    'h4': ('font-size': 25),\n    'h5': ('font-size': 20),\n    'h6': ('font-size': 16),\n  ),\n) !default;\n\n// $header-styles map is built from $header-sizes in order to ensure downward compatibility\n// when $header-sizes is depreciated, $header-styles needs to get !default values like settings.scss\n@function build_from_header-sizes($header-sizes) {\n  @warn 'Note, that $header-sizes has been replaced with $header-styles. $header-sizes still works, but it is going to be depreciated.';\n  $header-styles: ();\n  @each $size, $headers in $header-sizes {\n    $header-map: ();\n    @each $header, $font-size in $headers {\n      $header-map: map-merge($header-map, ($header: ('font-size': $font-size)));\n    }\n    $header-styles: map-merge($header-styles, ($size: $header-map));\n  }\n  @return $header-styles;\n}\n\n// If it exists $headers-sizes is used to build $header-styles. See the documentation.\n@if variable-exists(header-sizes) {\n  $header-styles: build_from_header-sizes($header-sizes);\n}\n\n/// Text rendering method of headers.\n/// @type String\n$header-text-rendering: optimizeLegibility !default;\n\n/// Font size of `<small>` elements.\n/// @type Number\n$small-font-size: 80% !default;\n\n/// Color of `<small>` elements when placed inside headers.\n/// @type Color\n$header-small-font-color: $medium-gray !default;\n\n/// Line height of text inside `<p>` elements.\n/// @type Number\n$paragraph-lineheight: 1.6 !default;\n\n/// Bottom margin of paragraphs.\n/// @type Number\n$paragraph-margin-bottom: 1rem !default;\n\n/// Text rendering method for paragraph text.\n/// @type String\n$paragraph-text-rendering: optimizeLegibility !default;\n\n/// Use the `.code-inline` component as default for `<code>` elements.\n/// @type Boolean\n$enable-code-inline: true !default;\n\n/// Default color for links.\n/// @type Color\n$anchor-color: $primary-color !default;\n\n/// Default color for links on hover.\n/// @type Color\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%) !default;\n\n/// Default text decoration for links.\n/// @type String\n$anchor-text-decoration: none !default;\n\n/// Default text decoration for links on hover.\n/// @type String\n$anchor-text-decoration-hover: none !default;\n\n/// Maximum width of a divider.\n/// @type Number\n$hr-width: $global-width !default;\n\n/// Default border for a divider.\n/// @type List\n$hr-border: 1px solid $medium-gray !default;\n\n/// Default margin for a divider.\n/// @type Number | List\n$hr-margin: rem-calc(20) auto !default;\n\n/// Line height for items in a list.\n/// @type Number\n$list-lineheight: $paragraph-lineheight !default;\n\n/// Bottom margin for items in a list.\n/// @type Number\n$list-margin-bottom: $paragraph-margin-bottom !default;\n\n/// Bullet type to use for unordered lists (e.g., `square`, `circle`, `disc`).\n/// @type String\n$list-style-type: disc !default;\n\n/// Positioning for bullets on unordered list items.\n/// @type String\n$list-style-position: outside !default;\n\n/// Left (or right) margin for lists.\n/// @type Number\n$list-side-margin: 1.25rem !default;\n\n/// Left (or right) margin for a list inside a list.\n/// @type Number\n$list-nested-side-margin: 1.25rem !default;\n\n/// Bottom margin for `<dl>` elements.\n/// @type Number\n$defnlist-margin-bottom: 1rem !default;\n\n/// Font weight for `<dt>` elements.\n/// @type String\n$defnlist-term-weight: $global-weight-bold !default;\n\n/// Spacing between `<dt>` and `<dd>` elements.\n/// @type Number\n$defnlist-term-margin-bottom: 0.3rem !default;\n\n/// Text color of `<blockquote>` elements.\n/// @type Color\n$blockquote-color: $dark-gray !default;\n\n/// Padding inside a `<blockquote>` element.\n/// @type Number | List\n$blockquote-padding: rem-calc(9 20 0 19) !default;\n\n/// Side border for `<blockquote>` elements.\n/// @type List\n$blockquote-border: 1px solid $medium-gray !default;\n\n/// Use the `.cite-block` component as default for `<cite>` elements.\n/// @type Boolean\n$enable-cite-block: true !default;\n\n/// Font family for `<kbd>` elements.\n/// @type String | List\n$keystroke-font: $font-family-monospace !default;\n\n/// Text color for `<kbd>` elements.\n/// @type Color\n$keystroke-color: $black !default;\n\n/// Background color for `<kbd>` elements.\n/// @type Color\n$keystroke-background: $light-gray !default;\n\n/// Padding for `<kbd>` elements.\n/// @type Number | List\n$keystroke-padding: rem-calc(2 4 0) !default;\n\n/// Border radius for `<kbd>` elements.\n/// @type Number | List\n$keystroke-radius: $global-radius !default;\n\n/// Bottom border style for `<abbr>` elements.\n/// @type List\n$abbr-underline: 1px dotted $black !default;\n\n@mixin foundation-typography-base {\n  // Typography resets\n  div,\n  dl,\n  dt,\n  dd,\n  ul,\n  ol,\n  li,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  pre,\n  form,\n  p,\n  blockquote,\n  th,\n  td {\n    margin: 0;\n    padding: 0;\n  }\n\n  // Paragraphs\n  p {\n    margin-bottom: $paragraph-margin-bottom;\n\n    font-size: inherit;\n    line-height: $paragraph-lineheight;\n    text-rendering: $paragraph-text-rendering;\n  }\n\n  // Emphasized text\n  em,\n  i {\n    font-style: italic;\n    line-height: inherit;\n  }\n\n  // Strong text\n  strong,\n  b {\n    font-weight: $global-weight-bold;\n    line-height: inherit;\n  }\n\n  // Small text\n  small {\n    font-size: $small-font-size;\n    line-height: inherit;\n  }\n\n  // Headings\n  h1, .h1,\n  h2, .h2,\n  h3, .h3,\n  h4, .h4,\n  h5, .h5,\n  h6, .h6 {\n    font-family: $header-font-family;\n    font-style: $header-font-style;\n    font-weight: $header-font-weight;\n    color: $header-color;\n    text-rendering: $header-text-rendering;\n\n    small {\n      line-height: 0;\n      color: $header-small-font-color;\n    }\n  }\n\n  // Heading styles\n  @each $size, $headers in $header-styles {\n    @include breakpoint($size) {\n      @each $header, $header-defs in $headers {\n        $font-size-temp: 1rem;\n        #{$header}, .#{$header} {\n\n          @if map-has-key($header-defs, font-size) {\n            $font-size-temp: rem-calc(map-get($header-defs, font-size));\n            font-size: $font-size-temp;\n          } @else if map-has-key($header-defs, fs) {\n            $font-size-temp: rem-calc(map-get($header-defs, fs));\n            font-size: $font-size-temp;\n          } @else if $size == $-zf-zero-breakpoint {\n            font-size: $font-size-temp;\n          }\n          @if map-has-key($header-defs, line-height) {\n            line-height: unitless-calc(map-get($header-defs, line-height), $font-size-temp);\n          } @else if map-has-key($header-defs, lh) {\n            line-height: unitless-calc(map-get($header-defs, lh), $font-size-temp);\n          } @else if $size == $-zf-zero-breakpoint {\n            line-height: unitless-calc($header-lineheight, $font-size-temp);\n          }\n\n          @if map-has-key($header-defs, margin-top) {\n            margin-top: rem-calc(map-get($header-defs, margin-top));\n          } @else if map-has-key($header-defs, mt) {\n            margin-top: rem-calc(map-get($header-defs, mt));\n          } @else if $size == $-zf-zero-breakpoint {\n            margin-top: 0;\n          }\n          @if map-has-key($header-defs, margin-bottom) {\n            margin-bottom: rem-calc(map-get($header-defs, margin-bottom));\n          } @else if map-has-key($header-defs, mb) {\n            margin-bottom: rem-calc(map-get($header-defs, mb));\n          } @else if $size == $-zf-zero-breakpoint {\n            margin-bottom: rem-calc($header-margin-bottom);\n          }\n        }\n      }\n    }\n  }\n\n  // Links\n  a {\n    line-height: inherit;\n    color: $anchor-color;\n    text-decoration: $anchor-text-decoration;\n\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      color: $anchor-color-hover;\n      @if $anchor-text-decoration-hover != $anchor-text-decoration {\n        text-decoration: $anchor-text-decoration-hover;\n      }\n    }\n\n    img {\n      border: 0;\n    }\n  }\n\n  // Horizontal rule\n  hr {\n    clear: both;\n\n    max-width: $hr-width;\n    height: 0;\n    margin: $hr-margin;\n\n    border-top: 0;\n    border-right: 0;\n    border-bottom: $hr-border;\n    border-left: 0;\n  }\n\n  // Lists\n  ul,\n  ol,\n  dl {\n    margin-bottom: $list-margin-bottom;\n    list-style-position: $list-style-position;\n    line-height: $list-lineheight;\n  }\n\n  // List items\n  li {\n    font-size: inherit;\n  }\n\n  // Unordered lists\n  ul {\n    margin-#{$global-left}: $list-side-margin;\n    list-style-type: $list-style-type;\n  }\n\n  // Ordered lists\n  ol {\n    margin-#{$global-left}: $list-side-margin;\n  }\n\n  // Nested unordered/ordered lists\n  ul, ol {\n    & & {\n      margin-#{$global-left}: $list-nested-side-margin;\n      margin-bottom: 0;\n    }\n  }\n\n  // Definition lists\n  dl {\n    margin-bottom: $defnlist-margin-bottom;\n\n    dt {\n      margin-bottom: $defnlist-term-margin-bottom;\n      font-weight: $defnlist-term-weight;\n    }\n  }\n\n  // Blockquotes\n  blockquote {\n    margin: 0 0 $paragraph-margin-bottom;\n    padding: $blockquote-padding;\n    border-#{$global-left}: $blockquote-border;\n\n    &, p {\n      line-height: $paragraph-lineheight;\n      color: $blockquote-color;\n    }\n  }\n\n  // Inline Citations\n  @if ($enable-cite-block == true) {\n    cite {\n      // Extending a class is not recommended.\n      // TODO: Break the typography-base/typography-helpers separation\n      @extend .cite-block;\n    }\n  }\n\n  // Abbreviations\n  abbr, abbr[title] {\n    border-bottom: $abbr-underline;\n    cursor: help;\n    text-decoration: none;\n  }\n\n  // Figures\n  figure {\n    margin: 0;\n  }\n\n  // Code\n  @if ($enable-code-inline == true) {\n    code {\n      @extend .code-inline;\n    }\n  }\n\n  // Keystrokes\n  kbd {\n    margin: 0;\n    padding: $keystroke-padding;\n\n    background-color: $keystroke-background;\n\n    font-family: $keystroke-font;\n    color: $keystroke-color;\n\n    @if has-value($keystroke-radius) {\n      border-radius: $keystroke-radius;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@import 'math';\n\n$contrast-warnings: true !default;\n\n////\n/// Patch to fix issue #12080\n\n$primary-color: null;\n$secondary-color: null;\n$warning-color: null;\n$alert-color: null;\n$success-color:null;\n////\n\n////\n/// @group functions\n////\n\n/// Checks the luminance of `$color`.\n///\n/// @param {Color} $color - Color to check the luminance of.\n///\n/// @returns {Number} The luminance of `$color`.\n@function color-luminance($color) {\n  // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js\n  // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n  $rgba: red($color), green($color), blue($color);\n  $rgba2: ();\n\n  @for $i from 1 through 3 {\n    $rgb: nth($rgba, $i);\n    $rgb: divide($rgb, 255);\n\n    $rgb: if($rgb < 0.03928, divide($rgb, 12.92), pow(divide($rgb + 0.055, 1.055), 2.4));\n\n    $rgba2: append($rgba2, $rgb);\n  }\n\n  @return 0.2126 * nth($rgba2, 1) + 0.7152 * nth($rgba2, 2) + 0.0722 * nth($rgba2, 3);\n}\n\n/// Checks the contrast ratio of two colors.\n///\n/// @param {Color} $color1 - First color to compare.\n/// @param {Color} $color2 - Second color to compare.\n///\n/// @returns {Number} The contrast ratio of the compared colors.\n@function color-contrast($color1, $color2) {\n  // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js\n  // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef\n  $luminance1: color-luminance($color1) + 0.05;\n  $luminance2: color-luminance($color2) + 0.05;\n  $ratio: divide($luminance1, $luminance2);\n\n  @if $luminance2 > $luminance1 {\n    $ratio: divide(1, $ratio);\n  }\n\n  $ratio: round($ratio * 10) * 0.1;\n\n  @return $ratio;\n}\n\n/// Checks the luminance of `$base`, and returns the color from `$colors` (list of colors) that has the most contrast.\n///\n/// @param {Color} $base - Color to check luminance.\n/// @param {List} $colors [($white, $black)] - Colors to compare.\n/// @param {Number} $tolerance [$global-color-pick-contrast-tolerance] - Contrast tolerance.\n///\n/// @returns {Color} the color from `$colors` (list of colors) that has the most contrast.\n@function color-pick-contrast($base, $colors: ($white, $black), $tolerance: $global-color-pick-contrast-tolerance) {\n  $contrast: color-contrast($base, nth($colors, 1));\n  $best: nth($colors, 1);\n\n  @for $i from 2 through length($colors) {\n    $current-contrast: color-contrast($base, nth($colors, $i));\n    @if ($current-contrast - $contrast > $tolerance) {\n      $contrast: color-contrast($base, nth($colors, $i));\n      $best: nth($colors, $i);\n    }\n  }\n\n  @if ($contrast-warnings and $contrast < 3) {\n    @warn \"Contrast ratio of #{$best} on #{$base} is pretty bad, just #{$contrast}\";\n  }\n\n  @return $best;\n}\n\n/// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.\n///\n/// @param {Color} $color - Color to scale.\n/// @param {Percentage} $scale [5%] - Amount to scale up or down.\n/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.\n///\n/// @returns {Color} A scaled color.\n@function smart-scale($color, $scale: 5%, $threshold: 40%) {\n  @if lightness($color) > $threshold {\n    $scale: -$scale;\n  }\n  @return scale-color($color, $lightness: $scale);\n}\n\n/// Get color from foundation-palette\n///\n/// @param {key} color key from foundation-palette\n///\n/// @returns {Color} color from foundation-palette\n@function get-color($key) {\n  @if map-has-key($foundation-palette, $key) {\n    @return map-get($foundation-palette, $key);\n  }\n  @else {\n    @error 'given $key is not available in $foundation-palette';\n  }\n}\n\n/// Transfers the colors in the `$foundation-palette` map into variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.\n@mixin add-foundation-colors() {\n  @if map-has-key($foundation-palette, primary) {\n    $primary-color: map-get($foundation-palette, primary) !global;\n  } @else {\n    $primary-color: #1779ba !global;\n  }\n  @if map-has-key($foundation-palette, secondary) {\n    $secondary-color: map-get($foundation-palette, secondary) !global;\n  } @else {\n    $secondary-color: #767676 !global;\n  }\n  @if map-has-key($foundation-palette, success) {\n    $success-color: map-get($foundation-palette, success) !global;\n  } @else {\n    $success-color: #3adb76 !global;\n  }\n  @if map-has-key($foundation-palette, warning) {\n    $warning-color: map-get($foundation-palette, warning) !global;\n  } @else {\n    $warning-color: #ffae00 !global;\n  }\n  @if map-has-key($foundation-palette, alert) {\n    $alert-color: map-get($foundation-palette, alert) !global;\n  } @else {\n    $alert-color: #cc4b37 !global;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@mixin foundation-text-alignment {\n  @each $size in $breakpoint-classes {\n    @include breakpoint($size) {\n      @each $align in (left, right, center, justify) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-text-#{$align} {\n            text-align: $align;\n          }\n        }\n        @else {\n          .text-#{$align} {\n            text-align: $align;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n/// If `true`, all elements will have transparent backgrounds when printed, to save on ink.\n/// @type Boolean\n/// @group global\n$print-transparent-backgrounds: true !default;\n\n/// If `true`, displays next to all links their \"href\" when printed.\n/// @type Boolean\n/// @group global\n$print-hrefs: true !default;\n\n// sass-lint:disable-all\n\n@mixin foundation-print-styles {\n  .show-for-print { display: none !important; }\n\n  @media print {\n    * {\n      // Ensure a \"black-on-white\" print by removing backgrounds,\n      // using black text everywhere and forcing the browser to economize ink.\n      @if $print-transparent-backgrounds {\n        background: transparent !important;\n        color: black !important; // Black prints faster: h5bp.com/s\n        color-adjust: economy;\n      }\n      // Otherwise, prevent any economy by the browser.\n      @else {\n        color-adjust: exact;\n      }\n\n      box-shadow: none !important;\n      text-shadow: none !important;\n    }\n\n    .show-for-print { display: block !important; }\n    .hide-for-print { display: none !important; }\n\n    table.show-for-print { display: table !important; }\n    thead.show-for-print { display: table-header-group !important; }\n    tbody.show-for-print { display: table-row-group !important; }\n    tr.show-for-print { display: table-row !important; }\n    td.show-for-print { display: table-cell !important; }\n    th.show-for-print { display: table-cell !important; }\n\n    // Display the URL of a link after the text\n    a,\n    a:visited { text-decoration: underline;}\n    @if $print-hrefs {\n      a[href]:after { content: ' (' attr(href) ')'; }\n    }\n\n    // Don't display the URL for images or JavaScript/internal links\n    .ir a:after,\n    a[href^='javascript:']:after,\n    a[href^='#']:after { content: ''; }\n\n    // Display what an abbreviation stands for after the text\n    abbr[title]:after { content: ' (' attr(title) ')'; }\n\n    // Prevent page breaks in the middle of a blockquote or preformatted text block\n    pre,\n    blockquote {\n      border: 1px solid $dark-gray;\n      page-break-inside: avoid;\n    }\n\n    // h5bp.com/t\n    thead { display: table-header-group; }\n\n    tr,\n    img { page-break-inside: avoid; }\n\n    img { max-width: 100% !important; }\n\n    @page { margin: 0.5cm; }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    // Avoid page breaks after a heading\n    h2,\n    h3 { page-break-after: avoid; }\n\n    // Helper to re-allow page breaks in the middle of certain elements (e.g. pre, blockquote, tr)\n    .print-break-inside {\n      page-break-inside: auto;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n// Margin Grid classes\n@mixin xy-base-grid-classes {\n\n  // Grid Container\n  .grid-container {\n    @include xy-grid-container;\n\n    &.fluid {\n      @include xy-grid-container(100%);\n    }\n\n    &.full {\n      @include xy-grid-container(100%, 0);\n    }\n  }\n\n  // Base grid styles\n  .grid-x {\n    @include xy-grid;\n  }\n\n  .cell {\n    @include xy-cell(full, $gutter-type: none);\n\n    &.auto {\n      @include xy-cell-base(auto);\n    }\n\n    &.shrink {\n      @include xy-cell-base(shrink);\n    }\n\n  }\n  .grid-x {\n    > .auto {\n      @include xy-cell-size(auto, $gutter-type: none);\n    }\n\n    > .shrink {\n      @include xy-cell-size(shrink, $gutter-type: none);\n    }\n  }\n\n  // Auto width\n  @include -zf-each-breakpoint() {\n    // This is a bit of a hack/workaround, see these issues & PRs for the backstory:\n    // https://github.com/foundation/foundation-sites/issues/10244\n    // https://github.com/foundation/foundation-sites/pull/10222 and\n    // https://github.com/foundation/foundation-sites/pull/10164\n    .grid-x {\n      $str: \"> .#{$-zf-size}-shrink, > .#{$-zf-size}-full\";\n      @for $i from 1 through $grid-columns {\n        $str: $str + \", > .#{$-zf-size}-#{$i}\"\n      }\n      #{$str} {\n        flex-basis: auto;\n      }\n    }\n  }\n\n  @include -zf-each-breakpoint() {\n    // Responsive \"auto\" modifier\n    @if not($-zf-size == $-zf-zero-breakpoint) {\n      .grid-x > .#{$-zf-size}-auto {\n        @include xy-cell(auto, $gutter-type: none);\n      }\n    }\n\n    %-xy-cell-base-shrink-horizontal-#{$-zf-size} {\n      @include xy-cell-base(shrink);\n    }\n\n    // Responsive \"shrink\" modifier\n    @if not($-zf-size == $-zf-zero-breakpoint) {\n      .grid-x > .#{$-zf-size}-shrink {\n        @extend %-xy-cell-base-shrink-horizontal-#{$-zf-size};\n        @include xy-cell-size(shrink, $gutter-type: none);\n      }\n    }\n\n    // Responsive width modifiers\n    @for $i from 1 through $grid-columns {\n      // Sizing (percentage)\n      .grid-x > .#{$-zf-size}-#{$i} {\n        @extend %-xy-cell-base-shrink-horizontal-#{$-zf-size};\n        @include xy-cell-size($i, $gutter-type: none);\n      }\n    }\n  }\n\n  // Reset width when using `.grid-margin-x` not on `.grid-x`\n  .grid-margin-x:not(.grid-x) > .cell {\n    width: auto;\n  }\n\n  // Reset height when using `.grid-margin-y` not on `.grid-y`\n  .grid-margin-y:not(.grid-y) > .cell {\n    height: auto;\n  }\n}\n\n@mixin -xy-breakpoint-cell-classes($class-breakpoint, $gutter-breakpoint, $vertical) {\n  $prefix: if($class-breakpoint == $-zf-zero-breakpoint, '', '#{$class-breakpoint}-');\n  > .#{$prefix}auto {\n    @include xy-cell-size(auto, $vertical: $vertical);\n  }\n\n  > .#{$prefix}shrink {\n    @include xy-cell-size(shrink, $vertical: $vertical);\n  }\n\n  @for $i from 1 through $grid-columns {\n    // Sizing (percentage)\n    $classname: if($vertical, '.#{$class-breakpoint}-#{$i}', '.#{$class-breakpoint}-#{$i}');\n\n    > #{$classname} {\n      @include xy-cell-size($i, $vertical: $vertical);\n    }\n  }\n}\n\n// Margin Grid classes\n@mixin xy-margin-grid-classes(\n  $gutter-position: left right,\n  $vertical: false,\n  $wrapping-selector: '.grid-margin-x'\n){\n  #{$wrapping-selector} {\n    @include xy-gutters($negative: true, $gutter-position: $gutter-position);\n\n    // Base cell styles\n    > .cell {\n      @include xy-cell($vertical: $vertical, $output: (size gutters));\n    }\n\n    // base styles need to all be before the auto and shrink styles\n    @include -zf-each-breakpoint() {\n      @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size) and $-zf-size != $-zf-zero-breakpoint) {\n        > .cell {\n          @include xy-cell($vertical: $vertical, $output: (size gutters));\n        }\n      }\n    }\n\n    @include -zf-each-breakpoint() {\n\n      // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)\n      // for all prior breakpoints.\n      // As their gutter is defined with their width/height, even breakpoint without a new margin must be\n      // generated to not having their width/height overrided by re-adjusted smaller breakpoints.\n      @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {\n        @each $bp in -zf-breakpoints-less-than($-zf-size) {\n          @include -xy-breakpoint-cell-classes($bp, $-zf-size, $vertical);\n        }\n      }\n\n      @include -xy-breakpoint-cell-classes($-zf-size, $-zf-size, $vertical);\n    }\n  }\n}\n\n// Padding Grid classes\n@mixin xy-padding-grid-classes {\n  .grid-padding-x {\n\n    // Negative margin for nested grids\n    .grid-padding-x {\n      @include xy-gutters($negative: true);\n    }\n\n    // Negative margin for grids within `grid-container/grid-container.fluid`\n    // This allows margin and padding grids to line up with eachother\n    .grid-container:not(.full) > & {\n      @include xy-gutters($negative: true);\n    }\n\n    // Base cell styles\n    > .cell {\n      @include xy-gutters($gutters: $grid-padding-gutters, $gutter-type: padding);\n    }\n  }\n}\n\n// Block Grid classes\n@mixin xy-block-grid-classes($margin-grid: true, $padding-grid: true) {\n  @if $padding-grid {\n    @include -zf-each-breakpoint {\n      @for $i from 1 through $xy-block-grid-max {\n        .#{$-zf-size}-up-#{$i} {\n          @include xy-grid-layout($n: $i, $selector: '.cell', $gutter-type: padding, $output: (size));\n        }\n      }\n    }\n  }\n\n  @if $margin-grid {\n    @include -zf-each-breakpoint {\n      @for $i from 1 through $xy-block-grid-max {\n        // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)\n        // for prior breakpoints based on the responsive gutter.\n        @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {\n          @each $bp in -zf-breakpoints-less-than($-zf-size) {\n            @if(map-has-key($grid-margin-gutters, $bp)) {\n              .grid-margin-x.#{$bp}-up-#{$i} {\n                @include xy-grid-layout($n: $i, $selector: '.cell', $gutter-type: margin, $output: (size));\n              }\n            }\n          }\n        }\n      }\n      @for $i from 1 through $xy-block-grid-max {\n        .grid-margin-x.#{$-zf-size}-up-#{$i} {\n          @include xy-grid-layout($n: $i, $selector: '.cell', $gutter-type: margin, $output: (size));\n        }\n      }\n    }\n  }\n}\n\n// Collapse classes\n@mixin xy-collapse-grid-classes($margin-grid: true, $padding-grid: true) {\n  @each $bp in $breakpoint-classes {\n    @if $margin-grid {\n      .#{$bp}-margin-collapse {\n        @include xy-grid-collapse($gutter-type: margin, $min-breakpoint: $bp);\n      }\n    }\n\n    @if $padding-grid {\n      .#{$bp}-padding-collapse {\n        @include xy-grid-collapse($gutter-type: padding, $min-breakpoint: $bp);\n      }\n    }\n  }\n}\n\n// Offset classes\n@mixin xy-offset-cell-classes {\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $grid-columns {\n      // Offsets\n      $o: $i - 1;\n\n      .#{$-zf-size}-offset-#{$o} {\n        @include xy-cell-offset($o, $gutters: $grid-padding-gutters, $gutter-type: padding);\n      }\n\n      .grid-margin-x > .#{$-zf-size}-offset-#{$o} {\n        @include xy-cell-offset($o);\n      }\n    }\n  }\n}\n\n// Vertical Grid classes\n@mixin xy-vertical-grid-classes(\n  $margin-grid: true,\n  $padding-grid: true\n) {\n\n  @include -zf-each-breakpoint() {\n    @if not($-zf-size == $-zf-zero-breakpoint) {\n    }\n  }\n\n  .grid-y {\n    @include xy-grid(vertical, false);\n\n\n    > .cell {\n      @include xy-cell-reset();\n    }\n\n    > .auto {\n      @include xy-cell-size(auto, $gutter-type: none, $vertical: true);\n    }\n\n    > .shrink {\n      @include xy-cell-size(shrink, $gutter-type: none, $vertical: true);\n    }\n\n\n    @include -zf-each-breakpoint() {\n      // This is a bit of a hack/workaround, see these issues and PRs for the backstory:\n      // https://github.com/foundation/foundation-sites/issues/10244\n      // https://github.com/foundation/foundation-sites/pull/10222 and\n      // https://github.com/foundation/foundation-sites/pull/10164\n      $str: \"> .#{$-zf-size}-shrink, > .#{$-zf-size}-full\";\n      @for $i from 1 through $grid-columns {\n        $str: $str + \", > .#{$-zf-size}-#{$i}\"\n      }\n      #{$str} {\n        flex-basis: auto;\n      }\n    }\n\n    @include -zf-each-breakpoint() {\n      // Responsive \"auto\" modifier\n      @if not($-zf-size == $-zf-zero-breakpoint) {\n        > .#{$-zf-size}-auto {\n          @include xy-cell(auto, $gutter-type: none, $vertical: true);\n        }\n      }\n\n      %-xy-cell-base-shrink-vertical-#{$-zf-size} {\n        @include xy-cell-base(shrink);\n      }\n\n      // Responsive \"shrink\" modifier\n      @if not($-zf-size == $-zf-zero-breakpoint) {\n        > .#{$-zf-size}-shrink {\n          @extend %-xy-cell-base-shrink-vertical-#{$-zf-size};\n          @include xy-cell-size(shrink, $gutter-type: none, $vertical: true);\n        }\n      }\n\n      // Responsive width modifiers\n      @for $i from 1 through $grid-columns {\n        // Sizing (percentage)\n        > .#{$-zf-size}-#{$i} {\n          @extend %-xy-cell-base-shrink-vertical-#{$-zf-size};\n          @include xy-cell-size($i, $gutter-type: none, $vertical: true);\n        }\n      }\n\n    }\n  }\n\n  @if $padding-grid {\n    .grid-padding-y {\n      // Negative margin for nested grids\n      .grid-padding-y {\n        @include xy-gutters($negative: true, $gutter-position: top bottom);\n      }\n\n      // Base cell styles\n      > .cell {\n        @include xy-gutters($gutters: $grid-padding-gutters, $gutter-type: padding, $gutter-position: top bottom);\n      }\n    }\n  }\n\n  @if $margin-grid {\n    @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');\n  }\n\n}\n\n@mixin xy-frame-grid-classes($vertical-grid: true, $margin-grid: true) {\n  // Framed grid styles\n  .grid-frame {\n    @include xy-grid-frame;\n  }\n\n  .cell .grid-frame {\n    width: 100%; // Same as include with $nested, but with less css\n  }\n\n  .cell-block {\n    @include xy-cell-block();\n  }\n\n  .cell-block-y {\n    @include xy-cell-block(true);\n  }\n\n\n  .cell-block-container {\n    @include xy-cell-block-container();\n  }\n\n\n  @include -zf-each-breakpoint(false) {\n\n    .#{$-zf-size}-grid-frame {\n      @include xy-grid-frame;\n    }\n\n    .cell .#{$-zf-size}-grid-frame {\n      width: 100%; // Same as include with $nested, but with less css\n    }\n\n    .#{$-zf-size}-cell-block {\n      @include xy-cell-block();\n    }\n\n    .#{$-zf-size}-cell-block-container {\n      @include xy-cell-block-container();\n    }\n\n    .#{$-zf-size}-cell-block-y {\n      @include xy-cell-block(true);\n    }\n  }\n\n  @if $vertical-grid {\n    .grid-y {\n      &.grid-frame {\n        width: auto;\n        @include xy-grid-frame(true);\n      }\n\n      @include -zf-each-breakpoint(false) {\n        &.#{$-zf-size}-grid-frame {\n          width: auto;\n          @include xy-grid-frame(true);\n        }\n\n      }\n    }\n    .cell {\n      .grid-y.grid-frame {\n        height: 100%; // Same as include with $nested, but with less css\n      }\n      @include -zf-each-breakpoint(false) {\n        .grid-y.#{$-zf-size}-grid-frame {\n          height: 100%; // Same as include with $nested, but with less css\n        }\n      }\n    }\n  }\n  @if $margin-grid {\n    @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');\n    .grid-frame.grid-margin-y {\n      @include xy-grid-frame(true, false, $grid-margin-gutters, $include-base: false);\n    }\n    @include -zf-each-breakpoint(false) {\n      .grid-margin-y.#{$-zf-size}-grid-frame {\n        @include xy-grid-frame(true, false, $grid-margin-gutters, $-zf-size, false);\n      }\n    }\n  }\n}\n\n// Final classes\n@mixin foundation-xy-grid-classes(\n  $base-grid: true,\n  $margin-grid: true,\n  $padding-grid: true,\n  $block-grid: true,\n  $collapse: true,\n  $offset: true,\n  $vertical-grid: true,\n  $frame-grid: true\n) {\n\n  // Base grid styles\n  @if($base-grid) {\n    @include xy-base-grid-classes();\n  }\n\n  // Margin grid\n  @if($margin-grid) {\n    @include xy-margin-grid-classes();\n  }\n\n  // Padding grid\n  @if($padding-grid) {\n    @include xy-padding-grid-classes();\n  }\n\n  // Block grid\n  @if($block-grid) {\n    @include xy-block-grid-classes($margin-grid, $padding-grid);\n  }\n\n  // Collapse gutters\n  @if($collapse) {\n    @include xy-collapse-grid-classes($margin-grid, $padding-grid);\n  }\n\n  // Offset gutters\n  @if($offset) {\n    @include xy-offset-cell-classes();\n  }\n\n  // Vertical grid\n  @if($vertical-grid) {\n    @include xy-vertical-grid-classes($margin-grid, $padding-grid);\n  }\n\n  @if ($frame-grid) {\n    @include xy-frame-grid-classes($vertical-grid, $margin-grid)\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Creates a max width container, designed to house your grid content.\n///\n/// @param {Number} $width [$grid-container] - a width to limit the container to.\n/// @param {Number} $padding [$grid-container-padding] - paddings of the container.\n@mixin xy-grid-container(\n  $width: $grid-container,\n  $padding: $grid-container-padding\n) {\n  @include xy-gutters($gutters: $padding, $gutter-type: padding);\n\n  max-width: $width;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/// Creates a container for your flex cells.\n///\n/// @param {Keyword} $direction [horizontal] - Either horizontal or vertical direction of cells within.\n/// @param {Boolean} $wrap [true] - If the cells within should wrap or not.\n@mixin xy-grid(\n  $direction: horizontal,\n  $wrap: true\n) {\n  $direction: if($direction == 'horizontal', row, column);\n  $wrap: if($wrap, wrap, nowrap);\n\n  display: flex;\n  flex-flow: $direction $wrap;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Create gutters for a cell/container.\n///\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts either margin or padding.\n/// @param {List} $gutter-position [right left] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination.\n/// @param {Boolean} $negative [false] - Whether to apply the gutter as a negative value. Commonly used for nested grids.\n@mixin xy-gutters(\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: right left,\n  $negative: false\n) {\n  $operator: if($negative, '-', '');\n\n  // If we have declared negative gutters, force type to `margin.\n  $gutter-type: if($negative, 'margin', $gutter-type);\n\n  // Output our margin gutters.\n  @if (type-of($gutters) == 'map') {\n    @include -zf-breakpoint-value(auto, $gutters) {\n      $gutter: rem-calc($-zf-bp-value) * 0.5;\n\n      // Loop through each gutter position\n      @each $value in $gutter-position {\n        #{$gutter-type}-#{$value}: unquote(\"#{$operator}#{$gutter}\");\n      }\n    }\n  }\n  @else if (type-of($gutters) == 'number') {\n    $gutter: rem-calc($gutters) * 0.5;\n\n    // Loop through each gutter position\n    @each $value in $gutter-position {\n      #{$gutter-type}-#{$value}: unquote(\"#{$operator}#{$gutter}\");\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Returns the appropriate CSS flex value for a cell base.\n///\n/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto`, `shrink`, `grow`, or any other value representing a cell size (it will be treated as `shrink`).\n///\n/// @returns {List} The cell flex property value.\n@function xy-cell-base($size: full) {\n  @if ($size == 'auto') {\n    @return 1 1 0px;\n  }\n  @else if ($size == 'grow') {\n    @return 1 0 auto;\n  }\n  @else if ($size == 'shrink' or $size == 'full' or zf-is-fraction($size, $allow-no-denominator: true)) {\n    @return 0 0 auto;\n  }\n  @return null;\n}\n\n/// Calculate the size of a cell gutters.\n///\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, returns the responsive gutters map `$gutters`. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n///\n/// @returns {Number|Map} The cell gutter size or the responsive gutters map.\n@function xy-cell-gutters(\n  $gutters: $grid-margin-gutters,\n  $breakpoint: null\n) {\n  // For `auto`, returns the responsive map `$gutters`.\n  @if ($breakpoint == 'auto') {\n    @return $gutters;\n  }\n\n  // Use the contextual breakpoint by default.\n  $breakpoint: -zf-current-breakpoint($breakpoint);\n\n  @if ($breakpoint) {\n    @return -zf-get-bp-val($gutters, $breakpoint);\n  }\n  @else {\n    @return -zf-get-bp-val($gutters, $-zf-zero-breakpoint) or 0;\n  }\n}\n\n/// Returns the percentage size of a cell.\n///\n/// @param {Number|List} $size [$grid-columns] - Size to make the cell. You can pass a value in multiple formats, such as `6`, `50%`, `1 of 2` or `1/3`.\n///\n/// @returns {Number} Size of the cell (in percent).\n@function xy-cell-size(\n  $size: $grid-columns\n) {\n  @return fraction-to-percentage($size, $denominator: $grid-columns);\n}\n\n/// Returns the appropriate CSS value for a cell size.\n///\n/// Gutters-related arguments are required for cells with margin gutters (by default) as the gutter is included in the width.\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full`, `auto`, `shrink` or any fraction like `6`, `50%`, `1 of 2` or `1/2`.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, returns a map of sizes adapted to responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n///\n/// @returns {Number|String|Map} The cell sizing property value, or a responsive map of them.\n@function xy-cell-size-css(\n  $size: full,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: null\n) {\n  $margin-gutter: 0;\n\n  @if ($size == 'auto' or $size == 'shrink') {\n    @return auto;\n  }\n\n  // For cells with margin gutters, the gutter is included in the width.\n  @if ($gutter-type == 'margin') {\n    $margin-gutter: xy-cell-gutters($gutters, $breakpoint);\n    @if ($margin-gutter == null) {\n      @error 'xy-cell-size: no gutters were found in `$gutters` for \"$breakpoint: #{$breakpoint}\"';\n    }\n  }\n\n  // Calculate the cell size (number)\n  $size-raw: if($size == 'full', 100%, xy-cell-size($size));\n\n  // Calculate the cell CSS size including gutters (string)\n  // If the cell has responsive margin gutters, return a responsive map of sizes.\n  @if type-of($margin-gutter) == 'map' {\n    $responsive-css-sizes: ();\n\n    @each $bp, $mg in $margin-gutter {\n      $size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($mg)}));\n      $responsive-css-sizes: map-merge($responsive-css-sizes, ($bp: $size-css));\n    }\n\n    @return $responsive-css-sizes;\n  }\n  // Otherwise, return a single CSS size.\n  @else {\n    $css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($margin-gutter)}));\n    @return $css-size;\n  }\n}\n\n/// Sets base flex properties for cells.\n///\n/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto`, `shrink`, `grow`, or any other value representing a cell size (it will be treated as `shrink`).\n@mixin xy-cell-base($size: full) {\n  $base: xy-cell-base($size);\n\n  flex: #{$base};\n\n  // Set base styles for \"full\" only\n  @if($size == 'full') {\n    min-height: 0px;\n    min-width: 0px;\n  }\n}\n\n/// Resets a cells width (or height if vertical is true) as well as strips its gutters.\n///\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n@mixin xy-cell-reset($vertical: true) {\n  $direction: if($vertical == true, height, width);\n  #{$direction}: auto;\n  max-#{$direction}: none;\n}\n\n/// Sets sizing properties for cells.\n///\n/// Gutters-related arguments are required for cells with margin gutters (by default) as the gutter is included in the width.\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (100% width), `auto` (use all available space), `shrink` (use only the required space) or any fraction (`6`, `50%`, `1 of 2` or `1/2`...).\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, generates sizes adapted for responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n@mixin xy-cell-size(\n  $size: full,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: null,\n  $vertical: false\n) {\n  $sizes: xy-cell-size-css($size, $gutters, $gutter-type, $breakpoint);\n  $direction: if($vertical == true, height, width);\n\n  @if (type-of($sizes) == 'map') {\n    @include -zf-breakpoint-value(auto, $sizes) {\n      #{$direction}: $-zf-bp-value;\n    }\n  }\n  @else {\n    #{$direction}: $sizes;\n  }\n}\n\n/// Sets gutters properties for cells.\n///\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {List} $gutter-position [null] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination. By default `right left` for horizontal cells and `top bottom` for vertical cells.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, generates responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Direction of the gutters to output. See `$gutter-position`.\n@mixin xy-cell-gutters(\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: null,\n  $breakpoint: null,\n  $vertical: false\n) {\n  // Get the default gutter position according to cell direction\n  @if($gutter-position == null) {\n    $gutter-position: if($vertical == true, top bottom, left right);\n  }\n\n  // Get the gutter width for this breakpoint\n  $gutter-width: xy-cell-gutters($gutters, $breakpoint);\n  @if ($gutter-width == null) {\n    @error 'xy-cell-gutters: no gutters were found in `$gutters` for \"$breakpoint: #{$breakpoint}\"';\n  }\n\n  @if ($gutter-type and $gutter-type != none) {\n    @include xy-gutters($gutter-width, $gutter-type, $gutter-position);\n  }\n}\n\n/// Creates a cell for your grid.\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (100% width), `auto` (use all available space), `shrink` (use only the required space) or any fraction (`6`, `50%`, `1 of 2` or `1/2`...).\n/// @param {Boolean} $gutter-output [null] - [DEPRECATED] Whether or not to output gutters.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {List} $gutter-position [null] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination. By default `right left` for horizontal cells and `top bottom` for vertical cells.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, generates responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n/// @param {List} $output [(base size gutters)] - Cell parts to output. You will need to generate others parts of the cell seperately, it may not work properly otherwise.\n@mixin xy-cell(\n  $size: full,\n  $gutter-output: null,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: null,\n  $breakpoint: null,\n  $vertical: false,\n  $output: (base size gutters)\n) {\n  // Default for $gutter-output\n  @if ($gutter-output != null) {\n    @warn 'xy-cell: $gutter-output is deprecated and will be removed. See migration notes at https://git.io/foundation-6-6-0';\n    @if ($gutter-output == false) {\n      $output: sl-remove($output, gutters);\n    }\n  }\n\n  @if (index($output, base)) {\n    @include xy-cell-base($size);\n  }\n  @if (index($output, size)) {\n    @include xy-cell-size($size, $gutters, $gutter-type, $breakpoint, $vertical);\n  }\n  @if (index($output, gutters)) {\n    @include xy-cell-gutters($gutters, $gutter-type, $gutter-position, $breakpoint, $vertical);\n  }\n}\n\n/// Creates a single breakpoint sized grid. Used to generate our grid classes.\n///\n/// `xy-cell-static()` is deprecated and will be removed.\n/// Use `xy-cell()` instead with `$output: (size gutters)` to not generate the cell base.\n/// See migration notes at https://git.io/foundation-6-6-0\n///\n/// @deprecated v6.6.0\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (100% width), `auto` (use all available space), `shrink` (use only the required space) or any fraction (`6`, `50%`, `1 of 2` or `1/2`...).\n/// @param {Boolean} $gutter-output [true] - Whether or not to output gutters. Always `true` for margin gutters.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Map or single value for gutters.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n@mixin xy-cell-static(\n  $size: full,\n  $gutter-output: true,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: $-zf-zero-breakpoint,\n  $vertical: false\n) {\n  @warn 'xy-cell-static() mixin is deprecated and will be removed. Use \"xy-cell()\" instead. See migration notes at https://git.io/foundation-6-6-0';\n\n  $gutter: -zf-get-bp-val($gutters, $breakpoint);\n  $gutter-position: if($vertical == true, top bottom, left right);\n\n  $-gutter-output: if($gutter-type == 'margin', true, $gutter-output);\n  $-gutter-margin: if($gutter-type == 'margin', $gutter, 0);\n\n  @include -xy-cell-properties($size, $-gutter-margin, $vertical);\n  @if ($-gutter-output) {\n    @include xy-gutters($gutter, $gutter-type, $gutter-position);\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Sizes child elements so that `$n` number of items appear on each row.\n///\n/// @param {Number} $n - Number of elements to display per row.\n/// @param {String} $selector ['.cell'] - Selector(s) to use for child elements.\n/// @param {Boolean} $gutter-output [null] - [DEPRECATED] Whether or not to output gutters.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {List} $gutter-position [null] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination. By default `right left` for horizontal cells and `top bottom` for vertical cells.\n/// @param {String} $breakpoint [null] - The breakpoint to use for the cell generation. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n/// @param {List} $output [(base size gutters)] - Cell parts to output. You will need to generate others parts of the cell seperately, it may not work correctly otherwise.\n@mixin xy-grid-layout(\n  $n,\n  $selector: '.cell',\n  $gutter-output: null,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: null,\n  $breakpoint: null,\n  $vertical: false,\n  $output: (base size gutters)\n) {\n  $size: percentage(divide(1, $n));\n\n  & > #{$selector} {\n    @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical, $output);\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Collapses the grid a cells within it.\n///\n/// @param {String} $selector [.cell] - The child element to remove the gutter from.\n/// @param {Keyword} $gutter-type [margin] - The type of gutter to remove.\n/// @param {List} $gutter-position [right left] - The positions to remove gutters from. Accepts `top`, `bottom`, `left`, `right` in any combination.\n/// @param {Keyword} $min-breakpoint [$-zf-zero-breakpoint] - Minimum breakpoint in `$breakpoint-classes` for which to collapse the gutter.\n@mixin xy-grid-collapse(\n  $selector: '.cell',\n  $gutter-type: margin,\n  $gutter-position: right left,\n  $min-breakpoint: $-zf-zero-breakpoint\n) {\n  // First, lets negate any margins on the top level\n  @if ($gutter-type == 'margin') {\n\n    @include breakpoint($min-breakpoint) {\n      @each $value in $gutter-position {\n        margin-#{$value}: 0;\n      }\n\n      > #{$selector} {\n        @each $value in $gutter-position {\n          margin-#{$value}: 0;\n        }\n      }\n    }\n\n    $excluded-bps: -zf-breakpoints-less-than($min-breakpoint);\n\n    // Output new widths to not include gutters\n    @each $bp in $breakpoint-classes {\n      @if(sl-contain($excluded-bps, $bp)) {\n        @include breakpoint($min-breakpoint) {\n          @for $i from 1 through $grid-columns {\n            // Sizing (percentage)\n            > .#{$bp}-#{$i} {\n              @include xy-cell-size($i, $gutter-type: none);\n            }\n          }\n        }\n      } @else {\n        @include breakpoint($bp) {\n          @for $i from 1 through $grid-columns {\n            // Sizing (percentage)\n            > .#{$bp}-#{$i} {\n              @include xy-cell-size($i, $gutter-type: none);\n            }\n          }\n        }\n      }\n    }\n  }\n  @else {\n\n    @include breakpoint($min-breakpoint) {\n      @each $value in $gutter-position {\n        margin-#{$value}: 0;\n      }\n\n      > #{$selector} {\n        @each $value in $gutter-position {\n          padding-#{$value}: 0;\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Returns the appropriate CSS value to offset a cell.\n///\n/// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `xy-cell()` mixin, such as `6`, `50%`, or `1 of 2`.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] Map of gutters or single value to use for responsive gutters.\n/// @param {Keyword} $gutter-type [margin] The type of gutter to use. Can be `margin` or `padding`\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n///\n/// @returns {Number|String} The cell offset property value.\n@function xy-cell-offset(\n  $n,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: null\n) {\n  $breakpoint: -zf-current-breakpoint($breakpoint, $default: $-zf-zero-breakpoint);\n  $size: xy-cell-size($n);\n\n  $offset: $size;\n  @if ($gutter-type == 'margin') {\n    $gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint) * 0.5);\n    $offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter}));\n  }\n  @return $offset;\n}\n\n/// Offsets a column to the right/bottom by `$n` columns.\n///\n/// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `xy-cell()` mixin, such as `6`, `50%`, or `1 of 2`.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] Map of gutters or single value to use for responsive gutters.\n/// @param {Keyword} $gutter-type [margin] The type of gutter to use. Can be `margin` or `padding`\n/// @param {Number|Array|Keyword} $breakpoint [null] - Breakpoint to use for `$gutters`. It can be a breakpoint name, list of breakpoints or `auto` for all breakpoints. If a list is given, media-queries will be generated. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.\n@mixin xy-cell-offset(\n $n,\n $gutters: $grid-margin-gutters,\n $gutter-type: margin,\n $breakpoint: null,\n $vertical: false\n) {\n  $breakpoint: -zf-current-breakpoint($breakpoint, $default: $-zf-zero-breakpoint);\n  $direction: if($vertical, 'top', $global-left);\n\n  @include -zf-each-breakpoint-in($breakpoint, $media-queries: 'for-lists') {\n    $offset: xy-cell-offset($n, $gutters, $gutter-type);\n    margin-#{$direction}: #{$offset};\n  }\n}\n","/// Modifies a grid to give it \"frame\" behavior (no overflow, no wrap, stretch behavior)\n///\n/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.\n/// @param {Boolean} $nested [false] - Is grid nested or not. If nested is true this sets the frame to 100% height, otherwise will be 100vh.\n/// @param {Number|Map} $gutters [null] - Map or single value for gutters.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from.\n/// @param {Boolean} $include-base [true] - Include the base styles that don't vary per breakpoint.\n@mixin xy-grid-frame(\n  $vertical: false,\n  $nested: false,\n  $gutters: null,\n  $breakpoint: null,\n  $include-base: true\n) {\n\n  @if $include-base {\n    overflow: hidden;\n    position: relative;\n    flex-wrap: nowrap;\n    align-items: stretch;\n  }\n\n  @if $breakpoint == null and type-of($gutters) == 'map' {\n    @include -zf-each-breakpoint() {\n      @include xy-grid-frame($vertical, $nested, $gutters, $-zf-size, false);\n    }\n  } @else {\n    // Get our gutters if applicable\n    $gutter: -zf-get-bp-val($gutters, $breakpoint);\n\n    // If we have a gutter, add it to the width/height\n    @if $gutter {\n      @if $vertical == true {\n        $unit: if($nested == true, 100%, 100vh);\n        $gutter: rem-calc($gutter);\n        height: calc(#{$unit} + #{$gutter});\n      } @else {\n        $unit: if($nested == true, 100%, 100vw);\n        $gutter: rem-calc($gutter);\n        width: calc(#{$unit} + #{$gutter});\n      }\n    }\n    @else {\n      @if $vertical == true {\n        height: if($nested == true, 100%, 100vh);\n      } @else {\n        width: if($nested == true, 100%, 100vw);\n      }\n    }\n  }\n}\n\n/// Modifies a cell to give it \"block\" behavior (overflow auto, inertial scrolling)\n///\n/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.\n@mixin xy-cell-block(\n  $vertical: false\n) {\n  $property: if($vertical == true, 'overflow-y', 'overflow-x');\n\n  @if $vertical == true {\n    overflow-y: auto;\n    max-height: 100%;\n    min-height: 100%;\n  } @else {\n    overflow-x: auto;\n    max-width: 100%;\n  }\n\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n/// Container for inside a grid frame containing multiple blocks. Typically used\n/// as a modifier for a `.cell` to allow the cell to pass along flex sizing\n/// constraints / from parents to children.\n@mixin xy-cell-block-container() {\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n\n  > .grid-x {\n    max-height: 100%;\n    flex-wrap: nowrap;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group button\n////\n\n/// Font family for button elements.\n/// @type Font\n$button-font-family: inherit !default;\n\n/// Font weight for button elements.\n/// Ignored if null (default)\n/// @type Font-Weight\n$button-font-weight: null !default;\n\n/// Padding inside buttons.\n/// @type List\n$button-padding: 0.85em 1em !default;\n\n/// Margin around buttons.\n/// @type List\n$button-margin: 0 0 $global-margin 0 !default;\n\n/// Default fill for buttons. Can either be `solid` or `hollow`.\n/// @type Keyword\n$button-fill: solid !default;\n\n/// Default background color for buttons.\n/// @type Color\n$button-background: $primary-color !default;\n\n/// Background color on hover for buttons.\n/// @type Color\n$button-background-hover: scale-color($button-background, $lightness: -15%) !default;\n\n/// Font color for buttons.\n/// @type List\n$button-color: $white !default;\n\n/// Alternative font color for buttons.\n/// @type List\n$button-color-alt: $black !default;\n\n/// Border radius for buttons, defaulted to global-radius.\n/// @type Number\n$button-radius: $global-radius !default;\n\n/// Border for buttons, transparent by default\n/// @type List\n$button-border: 1px solid transparent !default;\n\n/// Border width for hollow outline buttons\n/// @type Number\n$button-hollow-border-width: 1px !default;\n\n/// Sizes for buttons.\n/// @type Map\n$button-sizes: (\n  tiny: 0.6rem,\n  small: 0.75rem,\n  default: 0.9rem,\n  large: 1.25rem,\n) !default;\n\n/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.\n/// @type Map\n$button-palette: $foundation-palette !default;\n\n/// opacity for a disabled button.\n/// @type List\n$button-opacity-disabled: 0.25 !default;\n\n/// Background color lightness on hover for buttons.\n/// @type Number\n$button-background-hover-lightness: -20% !default;\n\n/// Color lightness on hover for hollow buttons.\n/// @type Number\n$button-hollow-hover-lightness: -50% !default;\n\n// Internal: flip from margin-right to margin-left for defaults\n@if $global-text-direction == 'rtl' {\n  $button-margin: 0 0 $global-margin $global-margin !default;\n}\n\n/// transitions for buttons.\n/// @type List\n$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;\n\n/// Additional responsive classes for .expanded\n/// @type Boolean\n$button-responsive-expanded: false !default;\n\n// TODO: Document button-base() mixin\n@mixin button-base {\n  @include disable-mouse-outline;\n  display: inline-block;\n  vertical-align: middle;\n  margin: $button-margin;\n\n  @if (type-of($button-padding) == 'map') {\n    @each $size, $padding in $button-padding {\n      @include breakpoint($size) {\n        padding: $padding;\n      }\n    }\n  }\n  @else {\n    padding: $button-padding;\n  }\n\n  border: $button-border;\n  border-radius: $button-radius;\n  transition: $button-transition;\n  font-family: $button-font-family;\n  font-size: map-get($button-sizes, default);\n  font-weight: $button-font-weight;\n  -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n  line-height: 1;\n  text-align: center;\n  cursor: pointer;\n}\n\n/// Expands a button to make it full-width.\n/// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior.\n@mixin button-expand($expand: true) {\n  @if $expand {\n    display: block;\n    width: 100%;\n    margin-right: 0;\n    margin-left: 0;\n  }\n  @else {\n    display: inline-block;\n    width: auto;\n    margin: $button-margin;\n  }\n}\n\n/// Sets the base styles of a hollow or clear button filling according to `$fill`.\n/// See mixin `button-fill-style` for the filling styles.\n/// @param {Keyword} $fill [$button-fill] - Type of filling between `hollow` and `clear`. `solid` has no effects.\n@mixin button-fill(\n  $fill: $button-fill\n) {\n  @if $fill == hollow {\n    @include button-hollow;\n  }\n  @else if $fill == clear {\n    @include button-clear;\n  }\n}\n\n/// Sets the visual styles of a solid/hollow/clear button filling according to `$fill`.\n/// See mixins `button-style`, `button-hollow-style` and `button-clear-style` for effects of visual styling parameters.\n/// @param {Keyword} $fill [$button-fill] - Type of filling between `hollow` and `clear`.\n/// @param {Color} $background [$button-background] - -\n/// @param {Color} $background-hover [$button-background-hover] - -\n/// @param {Color} $color [$button-color] - -\n@mixin button-fill-style(\n  $fill: $button-fill,\n  $background: $button-background,\n  $background-hover: $button-background-hover,\n  $color: $button-color\n) {\n  @if $fill == solid {\n    @include button-style($background, $background-hover, $color);\n  }\n  @else if $fill == hollow {\n    @include button-hollow-style($background);\n  }\n  @else if $fill == clear {\n    @include button-clear-style($background);\n  }\n}\n\n/// Sets the visual style of a button.\n/// @param {Color} $background [$button-background] - Background color of the button.\n/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.\n/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.\n@mixin button-style(\n  $background: $button-background,\n  $background-hover: $button-background-hover,\n  $color: $button-color,\n  $background-hover-lightness: $button-background-hover-lightness\n) {\n  @if $color == auto {\n    $color: color-pick-contrast($background, ($button-color, $button-color-alt));\n  }\n\n  @if $background-hover == auto {\n    $background-hover: scale-color($background, $lightness: $background-hover-lightness);\n  }\n\n  // Default and disabled states\n  &,\n  &.disabled, &[disabled],\n  &.disabled:hover, &[disabled]:hover,\n  &.disabled:focus, &[disabled]:focus {\n    background-color: $background;\n    color: $color;\n  }\n\n  &:hover, &:focus {\n    background-color: $background-hover;\n    color: $color;\n  }\n}\n\n/// Sets the base styles of a hollow button.\n/// See mixin `button-hollow-style` for the filling styles.\n@mixin button-hollow {\n  &, &.disabled, &[disabled] {\n    &, &:hover, &:focus {\n      background-color: transparent;\n    }\n  }\n}\n\n/// Sets the visual style of a hollow button.\n/// @param {Color} $color [$button-background] - Text and border color of the button.\n/// @param {Color} $hover-lightness [$button-hollow-hover-lightness] - Color lightness on hover.\n/// @param {Color} $border-width [$button-hollow-border-width] - Border width of the button.\n@mixin button-hollow-style(\n  $color: $button-background,\n  $hover-lightness: $button-hollow-hover-lightness,\n  $border-width: $button-hollow-border-width\n) {\n  $color-hover: scale-color($color, $lightness: $hover-lightness);\n\n  // Default and disabled states\n  &,\n  &.disabled, &[disabled],\n  &.disabled:hover, &[disabled]:hover,\n  &.disabled:focus, &[disabled]:focus {\n    border: $border-width solid $color;\n    color: $color;\n  }\n\n  &:hover, &:focus {\n    border-color: $color-hover;\n    color: $color-hover;\n  }\n}\n\n/// Sets the base styles of a clear button.\n/// See mixin `button-clear-style` for the filling styles.\n@mixin button-clear {\n  &, &.disabled, &[disabled] {\n    &, &:hover, &:focus {\n      border-color: transparent;\n      background-color: transparent;\n    }\n  }\n}\n\n/// Sets the visual style of a clear button.\n/// @param {Color} $color [$button-background] - Text color of the button.\n/// @param {Color} $hover-lightness [$button-hollow-hover-lightness] - Color lightness on hover.\n@mixin button-clear-style(\n  $color: $button-background,\n  $hover-lightness: $button-hollow-hover-lightness\n) {\n  $color-hover: scale-color($color, $lightness: $hover-lightness);\n\n  // Default and disabled states\n  &,\n  &.disabled, &[disabled],\n  &.disabled:hover, &[disabled]:hover,\n  &.disabled:focus, &[disabled]:focus {\n    color: $color;\n  }\n\n  &:hover, &:focus {\n    color: $color-hover;\n  }\n}\n\n/// Adds disabled styles to a button by fading the element and reseting the cursor.\n/// @param {Number} $opacity [$button-opacity-disabled] - Opacity of the disabled button.\n@mixin button-disabled(\n  $opacity: $button-opacity-disabled\n) {\n  opacity: $button-opacity-disabled;\n  cursor: not-allowed;\n}\n\n/// Adds a dropdown arrow to a button.\n/// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons.\n/// @param {Color} $color [white] - Color of the arrow.\n/// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is.\n@mixin button-dropdown(\n  $size: 0.4em,\n  $color: $white,\n  $offset: get-side($button-padding, right)\n) {\n  &::after {\n    @include css-triangle($size, $color, down);\n    position: relative;\n    top: 0.4em; // Aligns the arrow with the text of the button\n\n    display: inline-block;\n    float: #{$global-right};\n    margin-#{$global-left}: $offset;\n  }\n}\n\n/// Adds all styles for a button. For more granular control over styles, use the individual button mixins.\n/// @param {Boolean} $expand [false] - Set to `true` to make the button full-width.\n/// @param {Color} $background [$button-background] - Background color of the button.\n/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.\n/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.\n/// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button.\n@mixin button(\n  $expand: false,\n  $background: $button-background,\n  $background-hover: $button-background-hover,\n  $color: $button-color,\n  $style: $button-fill\n) {\n  @include button-base;\n  @include button-fill($style);\n  @include button-fill-style($style, $background, $background-hover, $color);\n\n  @if $expand {\n    @include button-expand;\n  }\n}\n\n@mixin foundation-button {\n  .button {\n    @include button($style: none);\n\n    // Sizes\n    @each $size, $value in map-remove($button-sizes, default) {\n      &.#{$size} {\n        font-size: $value;\n      }\n    }\n\n    &.expanded { @include button-expand; }\n\n    @if $button-responsive-expanded {\n      @each $size in $breakpoint-classes {\n        @include breakpoint(#{$size} only) {\n          &.#{$size}-only-expanded {\n            @include button-expand;\n          }\n        }\n        @if $size != $-zf-zero-breakpoint {\n          @include breakpoint(#{$size} down) {\n            &.#{$size}-down-expanded {\n              @include button-expand;\n            }\n          }\n\n          @include breakpoint(#{$size}) {\n            &.#{$size}-expanded {\n              @include button-expand;\n            }\n          }\n        }\n      }\n    }\n\n    // Solid, hollow & clear styles\n    @each $filling in (solid hollow clear) {\n      $selector: if($button-fill == $filling, null, '.#{$filling}');\n\n      &#{$selector} {\n        @include button-fill($filling);\n        @include button-fill-style($filling);\n\n        @each $name, $color in $button-palette {\n          &.#{$name} {\n            @include button-fill-style($filling, $color, auto, auto);\n          }\n        }\n      }\n    }\n\n    // Disabled state\n    &.disabled, &[disabled] {\n      @include button-disabled;\n    }\n\n    // Dropdown arrow\n    &.dropdown {\n      @include button-dropdown;\n\n      @if $button-fill == hollow {\n        &::after {\n          border-top-color: $button-background;\n        }\n      }\n\n      &.hollow, &.clear {\n        &::after {\n          border-top-color: $button-background;\n        }\n\n        @each $name, $color in $button-palette {\n          &.#{$name} {\n            &::after {\n              border-top-color: $color;\n            }\n          }\n        }\n      }\n    }\n\n    // Button with dropdown arrow only\n    &.arrow-only::after {\n      top: -0.1em;\n      float: none;\n      margin-#{$global-left}: 0;\n    }\n  }\n\n  a.button { // sass-lint:disable-line no-qualifying-elements\n    &:hover,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group button-group\n////\n\n/// Margin for button groups.\n/// @type Number\n$buttongroup-margin: 1rem !default;\n\n/// Margin between buttons in a button group.\n/// @type Number\n$buttongroup-spacing: 1px !default;\n\n/// Selector for the buttons inside a button group.\n/// @type String\n$buttongroup-child-selector: '.button' !default;\n\n/// Maximum number of buttons that can be in an even-width button group. (Only needed when $global-flexbox: false;)\n/// @type Number\n$buttongroup-expand-max: 6 !default;\n\n/// Determines if $button-radius is applied to each button or the button group as a whole. Use $global-radius in _settings.scss to change radius.\n/// @type Boolean\n$buttongroup-radius-on-each: true !default;\n\n/// Add styles for a button group container.\n/// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.\n/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.\n@mixin button-group(\n  $child-selector: $buttongroup-child-selector,\n  $spacing: $buttongroup-spacing\n) {\n  @include clearfix;\n  margin-bottom: $buttongroup-margin;\n\n  @if $global-flexbox {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    flex-grow: 1;\n\n    &::before,\n    &::after {\n      display: none; // Disable clearfix\n    }\n  }\n  @else {\n    font-size: 0;\n  }\n\n  #{$child-selector} {\n    margin: 0;\n    margin-#{$global-right}: $spacing;\n    margin-bottom: $spacing;\n    font-size: map-get($button-sizes, default);\n\n    @if $global-flexbox {\n      flex: 0 0 auto;\n    }\n\n    &:last-child {\n      margin-#{$global-right}: 0;\n    }\n\n    @if not $buttongroup-radius-on-each {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-#{$global-left}-radius: $button-radius;\n        border-bottom-#{$global-left}-radius: $button-radius;\n      }\n\n      &:last-child {\n        border-top-#{$global-right}-radius: $button-radius;\n        border-bottom-#{$global-right}-radius: $button-radius;\n      }\n    }\n  }\n}\n\n/// Make buttons bonded without gap between them. Borders between buttons are merged\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.\n@mixin button-group-no-gaps(\n  $selector: $buttongroup-child-selector,\n  $border-width: $button-hollow-border-width\n) {\n  #{$selector} {\n    margin-#{$global-right}: rem-calc(-$border-width);\n\n    + #{$selector} {\n      border-#{$global-left}-color: transparent;\n    }\n  }\n}\n\n/// Creates a full-width button group, making each button equal width.\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.\n/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.\n@mixin button-group-expand(\n  $selector: $buttongroup-child-selector,\n  $spacing: $buttongroup-spacing,\n  $count: null\n) {\n  @if not $global-flexbox {\n    margin-#{$global-right}: -$spacing;\n\n    &::before,\n    &::after {\n      display: none; // Disable clearfix\n    }\n  }\n\n  #{$selector} {\n    @if $global-flexbox {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n    @else {\n      // One child\n      &:first-child {\n        &:last-child {\n          width: calc(100% - #{$spacing});\n        }\n      }\n\n      // Two or more childreen\n      @for $i from 2 through $buttongroup-expand-max {\n        &:first-child:nth-last-child(#{$i}) {\n          &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {\n            display: inline-block;\n            width: calc(#{percentage(divide(1, $i))} - #{$spacing});\n            margin-#{$global-right}: $spacing;\n\n            &:last-child {\n              margin-#{$global-right}: $spacing * -$buttongroup-expand-max;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/// Stacks the buttons in a button group.\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.\n@mixin button-group-stack(\n  $selector: $buttongroup-child-selector\n) {\n  @if $global-flexbox {\n    flex-wrap: wrap;\n  }\n\n  #{$selector} {\n    @if $global-flexbox {\n      flex: 0 0 100%;\n    }\n    @else {\n      width: 100%;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    @if not $buttongroup-radius-on-each {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-#{$global-left}-radius: $global-radius;\n        border-top-#{$global-right}-radius: $global-radius;\n      }\n\n      &:last-child {\n        border-bottom-#{$global-left}-radius: $global-radius;\n        border-bottom-#{$global-right}-radius: $global-radius;\n      }\n    }\n  }\n}\n\n/// Un-stacks the buttons in a button group.\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.\n@mixin button-group-unstack(\n  $selector: $buttongroup-child-selector\n) {\n  #{$selector} {\n    @if $global-flexbox {\n      flex: 0 0 auto;\n    }\n    @else {\n      width: auto;\n    }\n    margin-bottom: 0;\n\n    @if not $buttongroup-radius-on-each {\n      &:first-child {\n        border-top-#{$global-left}-radius: $global-radius;\n        border-top-#{$global-right}-radius: 0;\n        border-bottom-#{$global-left}-radius: $global-radius;\n      }\n\n      &:last-child {\n        border-top-#{$global-right}-radius: $global-radius;\n        border-bottom-#{$global-right}-radius: $global-radius;\n        border-bottom-#{$global-left}-radius: 0;\n      }\n    }\n\n  }\n}\n\n@mixin foundation-button-group {\n  .button-group {\n    @include button-group;\n\n    // Sizes\n    @each $size, $value in map-remove($button-sizes, default) {\n      &.#{$size} #{$buttongroup-child-selector} {\n        font-size: $value;\n      }\n    }\n\n    // Even-width Group\n    &.expanded {\n      @include button-group-expand;\n    }\n\n    // Solid, hollow & clear styles\n    @each $filling in (solid hollow clear) {\n      $base-selector: if($button-fill == $filling, null, '.#{$filling}');\n\n      &#{$base-selector} {\n        // Do not generate button base styles for the default filling\n        @if($button-fill != $filling) {\n          #{$buttongroup-child-selector} {\n            @include button-fill($filling);\n            @include button-fill-style($filling);\n          }\n        }\n\n        @each $name, $color in $button-palette {\n          $individual-selector: if($button-fill == $filling, null, ' #{$buttongroup-child-selector}.#{$name}');\n\n          &.#{$name} #{$buttongroup-child-selector}, #{$individual-selector} {\n            @include button-fill-style($filling, $color, auto, auto);\n          }\n        }\n      }\n\n    }\n\n    &.no-gaps {\n      @include button-group-no-gaps;\n    }\n\n    &.stacked,\n    &.stacked-for-small,\n    &.stacked-for-medium {\n      @include button-group-stack;\n\n      &.expanded {\n        @include button-group-expand;\n      }\n    }\n\n    &.stacked-for-small {\n      @include breakpoint(medium) {\n        @include button-group-unstack;\n      }\n    }\n\n    &.stacked-for-medium {\n      @include breakpoint(large) {\n        @include button-group-unstack;\n      }\n    }\n\n    &.stacked-for-small.expanded {\n      @include breakpoint(small only) {\n        display: block;\n\n        #{$buttongroup-child-selector} {\n          display: block;\n          margin-#{$global-right}: 0;\n        }\n      }\n    }\n\n    &.stacked-for-medium.expanded {\n      @include breakpoint(medium down) {\n        display: block;\n\n        #{$buttongroup-child-selector} {\n          display: block;\n          margin-#{$global-right}: 0;\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group close-button\n////\n\n/// Default position of the close button. The first value should be `right` or `left`, and the second value should be `top` or `bottom`.\n/// @type List\n$closebutton-position: right top !default;\n\n/// Default z-index for a close button.\n/// @type Number\n$closebutton-z-index: 10 !default;\n\n/// Button size to use as default\n/// @type String\n/// @see $closebutton-size\n/// @see $closebutton-offset-horizontal\n/// @see $closebutton-offset-vertical\n$closebutton-default-size: medium !default;\n\n/// Right (or left) offset(s) for a close button.\n/// @type Number|Map\n$closebutton-offset-horizontal: (\n  small: 0.66rem,\n  medium: 1rem,\n) !default;\n\n/// Top (or bottom) offset(s) for a close button.\n/// @type Number|Map\n$closebutton-offset-vertical: (\n  small: 0.33em,\n  medium: 0.5rem,\n) !default;\n\n/// Size(s) of the close button. Used to generate sizing modifiers.\n/// @type Number|Map\n$closebutton-size: (\n  small: 1.5em,\n  medium: 2em,\n) !default;\n\n/// The line-height of the close button. It affects the spacing of the element.\n/// @type Number\n$closebutton-lineheight: 1 !default;\n\n/// Default color of the close button.\n/// @type Color\n$closebutton-color: $dark-gray !default;\n\n/// Default color of the close button when being hovered on.\n/// @type Color\n$closebutton-color-hover: $black !default;\n\n\n/// Get the size and position for a close button. If the input value is a number, the number is returned. If the input value is a config map and the map has the key `$size`, the value is returned.\n///\n/// @param {Number|Map} $value - A number or map that represents the size or position value(s) of the close button.\n/// @param {Keyword} $size - The size of the close button to use.\n///\n/// @return {Number} The given number or the value found in the map.\n@function -zf-get-size-val($value, $size) {\n  // Check if the value is a number\n  @if type-of($value) == 'number' {\n    // If it is, just return the number\n    @return $value;\n  }\n\n  // Check if the size name exists in the value map\n  @else if map-has-key($value, $size) {\n    // If it does, return the value\n    @return map-get($value, $size);\n  }\n}\n\n/// Sets the size and position of a close button.\n/// @param {Keyword} $size [medium] - The size to use. Set to `small` to create a small close button. The 'medium' values defined in `$closebutton-*` variables will be used as the default size and position of the close button.\n@mixin close-button-size($size) {\n  $x: nth($closebutton-position, 1);\n  $y: nth($closebutton-position, 2);\n\n  #{$x}: -zf-get-size-val($closebutton-offset-horizontal, $size);\n  #{$y}: -zf-get-size-val($closebutton-offset-vertical, $size);\n  font-size: -zf-get-size-val($closebutton-size, $size);\n  line-height: -zf-get-size-val($closebutton-lineheight, $size);\n}\n\n/// Adds styles for a close button, using the styles in the settings variables.\n@mixin close-button {\n  $x: nth($closebutton-position, 1);\n  $y: nth($closebutton-position, 2);\n\n  @include disable-mouse-outline;\n  position: absolute;\n  z-index: $closebutton-z-index;\n  color: $closebutton-color;\n  cursor: pointer;\n\n  &:hover,\n  &:focus {\n    color: $closebutton-color-hover;\n  }\n}\n\n@mixin foundation-close-button {\n  .close-button {\n    @include close-button;\n\n    // Generate a placeholder and a class for each size\n    @each $name, $size in $closebutton-size {\n      @at-root {\n        %zf-close-button--#{$name} {\n          @include close-button-size($name);\n        }\n      }\n\n      &.#{$name} {\n        @extend %zf-close-button--#{$name};\n      }\n    }\n\n    // Use by default the placeholder of the default size\n    @extend %zf-close-button--#{$closebutton-default-size};\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group label\n////\n\n/// Default background color for labels.\n/// @type Color\n$label-background: $primary-color !default;\n\n/// Default text color for labels.\n/// @type Color\n$label-color: $white !default;\n\n/// Alternate text color for labels.\n/// @type Color\n$label-color-alt: $black !default;\n\n/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.\n/// @type Map\n$label-palette: $foundation-palette !default;\n\n/// Default font size for labels.\n/// @type Number\n$label-font-size: 0.8rem !default;\n\n/// Default padding inside labels.\n/// @type Number\n$label-padding: 0.33333rem 0.5rem !default;\n\n/// Default radius of labels.\n/// @type Number\n$label-radius: $global-radius !default;\n\n/// Generates base styles for a label.\n@mixin label {\n  display: inline-block;\n  padding: $label-padding;\n\n  border-radius: $label-radius;\n\n  font-size: $label-font-size;\n  line-height: 1;\n  white-space: nowrap;\n  cursor: default;\n}\n\n@mixin foundation-label {\n  .label {\n    @include label;\n\n    background: $label-background;\n    color: $label-color;\n\n    @each $name, $color in $label-palette {\n      &.#{$name} {\n        background: $color;\n        color: color-pick-contrast($color, ($label-color, $label-color-alt));\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n/// Adds styles for a progress bar container.\n@mixin progress-container {\n  height: $progress-height;\n  margin-bottom: $progress-margin-bottom;\n  border-radius: $progress-radius;\n  background-color: $progress-background;\n}\n\n/// Adds styles for the inner meter of a progress bar.\n@mixin progress-meter {\n  position: relative;\n  display: block;\n  width: 0%;\n  height: 100%;\n  background-color: $progress-meter-background;\n\n  @if has-value($progress-radius) {\n    border-radius: $global-radius;\n  }\n}\n\n/// Adds styles for text in the progress meter.\n@mixin progress-meter-text {\n  @include absolute-center;\n  margin: 0;\n  font-size: 0.75rem;\n  font-weight: bold;\n  color: $white;\n  white-space: nowrap;\n\n  @if has-value($progress-radius) {\n    border-radius: $progress-radius;\n  }\n}\n\n@mixin foundation-progress-bar {\n  // Progress bar\n  .progress {\n    @include progress-container;\n\n    @each $name, $color in $foundation-palette {\n      &.#{$name} {\n        .progress-meter {\n          background-color: $color;\n        }\n      }\n    }\n  }\n\n  // Inner meter\n  .progress-meter {\n    @include progress-meter;\n  }\n\n  // Inner meter text\n  .progress-meter-text {\n    @include progress-meter-text;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// [TODO] Check how plugin confirms disabled or vertical status\n// [TODO] Check if transition: all; is necessary\n\n////\n/// @group slider\n////\n\n/// Default slider width of a vertical slider. (Doesn't apply to the native slider.)\n/// @type Number\n$slider-width-vertical: 0.5rem !default;\n\n/// Transition properties to apply to the slider handle and fill. (Doesn't apply to the native slider.)\n/// @type Transition\n$slider-transition: all 0.2s ease-in-out !default;\n\n/// Adds the general styles for sliders.\n@mixin slider-container {\n  position: relative;\n  height: $slider-height;\n  margin-top: 1.25rem;\n  margin-bottom: 2.25rem;\n\n  background-color: $slider-background;\n  cursor: pointer;\n  user-select: none;\n  touch-action: none;\n}\n\n/// Adds the general styles for active fill for sliders.\n@mixin slider-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: inline-block;\n  max-width: 100%;\n  height: $slider-height;\n\n  background-color: $slider-fill-background;\n  transition: $slider-transition;\n\n  &.is-dragging {\n    transition: all 0s linear;\n  }\n}\n\n/// Adds the general styles for the slider handles.\n@mixin slider-handle {\n  @include disable-mouse-outline;\n  @include vertical-center;\n  left: 0;\n  z-index: 1;\n\n  display: inline-block;\n  width: $slider-handle-width;\n  height: $slider-handle-height;\n\n  border-radius: $slider-radius;\n  background-color: $slider-handle-background;\n  transition: $slider-transition;\n  touch-action: manipulation;\n\n  &:hover {\n    background-color: scale-color($slider-handle-background, $lightness: -15%);\n  }\n\n  &.is-dragging {\n    transition: all 0s linear;\n  }\n}\n\n@mixin slider-disabled {\n  opacity: $slider-opacity-disabled;\n  cursor: not-allowed;\n}\n\n@mixin slider-vertical {\n  display: inline-block;\n  width: $slider-width-vertical;\n  height: 12.5rem;\n  margin: 0 1.25rem;\n  transform: scale(1, -1);\n\n  .slider-fill {\n    top: 0;\n    width: $slider-width-vertical;\n    max-height: 100%;\n  }\n\n  .slider-handle {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: $slider-handle-height;\n    height: $slider-handle-width;\n    transform: translateX(-50%);\n  }\n}\n\n@mixin foundation-slider {\n  // Container\n  .slider {\n    @include slider-container;\n  }\n\n  // Fill area\n  .slider-fill {\n    @include slider-fill;\n  }\n\n  // Draggable handle\n  .slider-handle {\n    @include slider-handle;\n  }\n\n  // Disabled state\n  .slider.disabled,\n  .slider[disabled] {\n    @include slider-disabled;\n  }\n\n  // Vertical slider\n  .slider.vertical {\n    @include slider-vertical;\n  }\n\n  // RTL support\n  @if $global-text-direction == rtl {\n    .slider:not(.vertical) {\n      transform: scale(-1, 1);\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group switch\n////\n\n/// Background color of a switch.\n/// @type Color\n$switch-background: $medium-gray !default;\n\n/// Background active color of a switch.\n/// @type Color\n$switch-background-active: $primary-color !default;\n\n/// Height of a switch, with no class applied.\n/// @type Number\n$switch-height: 2rem !default;\n\n/// Height of a switch with .tiny class.\n/// @type Number\n$switch-height-tiny: 1.5rem !default;\n\n/// Height of a switch with .small class.\n/// @type Number\n$switch-height-small: 1.75rem !default;\n\n/// Height of a switch with .large class.\n/// @type Number\n$switch-height-large: 2.5rem !default;\n\n/// Border radius of the switch\n/// @type Number\n$switch-radius: $global-radius !default;\n\n/// border around a modal.\n/// @type Number\n$switch-margin: $global-margin !default;\n\n/// Background color for the switch container and paddle.\n/// @type Color\n$switch-paddle-background: $white !default;\n\n/// Spacing between a switch paddle and the edge of the body.\n/// @type Number\n$switch-paddle-offset: 0.25rem !default;\n\n/// border radius of the switch paddle\n/// @type Number\n$switch-paddle-radius: $global-radius !default;\n\n/// switch transition.\n/// @type Number\n$switch-paddle-transition: all 0.25s ease-out !default;\n\n/// Opacity of a disabled switch.\n/// @type Number\n$switch-opacity-disabled: .5 !default;\n\n/// Cursor for a disabled switch.\n/// @type Cursor\n$switch-cursor-disabled: not-allowed !default;\n\n// make them variables\n// ask about accessibility on label\n// change class name for text\n\n/// Adds styles for a switch container. Apply this to a container class.\n@mixin switch-container {\n  position: relative;\n  margin-bottom: $switch-margin;\n  outline: 0;\n\n  // These properties cascade down to the switch text\n  font-size: rem-calc(14);\n  font-weight: bold;\n  color: $white;\n\n  user-select: none;\n}\n\n/// Adds styles for a switch input. Apply this to an `<input>` within a switch.\n@mixin switch-input {\n  position: absolute;\n  margin-bottom: 0;\n  opacity: 0;\n}\n\n/// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch.\n@mixin switch-paddle {\n  $switch-width: $switch-height * 2;\n  $paddle-height: $switch-height - ($switch-paddle-offset * 2);\n  $paddle-width: $switch-height - ($switch-paddle-offset * 2);\n  $paddle-active-offest: $switch-width - $paddle-width - $switch-paddle-offset;\n\n  position: relative;\n  display: block;\n  width: $switch-width;\n  height: $switch-height;\n\n  border-radius: $switch-radius;\n  background: $switch-background;\n  transition: $switch-paddle-transition;\n\n  // Resetting these <label> presets so type styles cascade down\n  font-weight: inherit;\n  color: inherit;\n\n  cursor: pointer;\n\n  // Needed to override specificity\n  input + & {\n    margin: 0;\n  }\n\n  // The paddle itself\n  &::after {\n    position: absolute;\n    top: $switch-paddle-offset;\n    #{$global-left}: $switch-paddle-offset;\n\n    display: block;\n    width: $paddle-width;\n    height: $paddle-height;\n\n    transform: translate3d(0, 0, 0);\n    border-radius: $switch-paddle-radius;\n    background: $switch-paddle-background;\n    transition: $switch-paddle-transition;\n    content: '';\n  }\n\n  // Change the visual style when the switch is active\n  input:checked ~ & {\n    background: $switch-background-active;\n\n    &::after {\n      #{$global-left}: $paddle-active-offest;\n    }\n  }\n\n  // indicate a disabled switch\n  input:disabled ~ & {\n    cursor: $switch-cursor-disabled;\n    opacity: $switch-opacity-disabled;\n  }\n\n  input:focus ~ & {\n    @include disable-mouse-outline;\n  }\n}\n\n/// Adds base styles for active/inactive text inside a switch. Apply this to text elements inside the switch `<label>`.\n@mixin switch-text {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/// Adds styles for the active state text within a switch.\n@mixin switch-text-active {\n  #{$global-left}: 8%;\n  display: none;\n\n  input:checked + label > & {\n    display: block;\n  }\n}\n\n/// Adds styles for the inactive state text within a switch.\n@mixin switch-text-inactive {\n  #{$global-right}: 15%;\n\n  input:checked + label > & {\n    display: none;\n  }\n}\n\n/// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container.\n/// @param {Number} $font-size [1rem] - Font size of label text within the switch.\n/// @param {Number} $switch-height [2rem] - Height of the switch body.\n/// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body.\n@mixin switch-size(\n  $font-size: 1rem,\n  $switch-height: 2rem,\n  $paddle-offset: 0.25rem\n) {\n\n  $switch-width: $switch-height * 2;\n  $paddle-width: $switch-height - ($paddle-offset * 2);\n  $paddle-height: $switch-height - ($paddle-offset * 2);\n  $paddle-active-offest: $switch-width - $paddle-width - $paddle-offset;\n\n  height: $switch-height;\n\n  .switch-paddle {\n    width: $switch-width;\n    height: $switch-height;\n    font-size: $font-size;\n  }\n\n  .switch-paddle::after {\n    top: $paddle-offset;\n    #{$global-left}: $paddle-offset;\n    width: $paddle-width;\n    height: $paddle-height;\n  }\n\n  input:checked ~ .switch-paddle::after {\n    #{$global-left}: $paddle-active-offest;\n  }\n}\n\n@mixin foundation-switch {\n  // Container class\n  .switch {\n    height: $switch-height;\n    @include switch-container;\n  }\n\n  // <input> element\n  .switch-input {\n    @include switch-input;\n  }\n\n  // <label> element\n  .switch-paddle {\n    @include switch-paddle;\n  }\n\n  // Base label text styles\n  %switch-text {\n    @include switch-text;\n  }\n\n  // Active label text styles\n  .switch-active {\n    @extend %switch-text;\n    @include switch-text-active;\n  }\n\n  // Inactive label text styles\n  .switch-inactive {\n    @extend %switch-text;\n    @include switch-text-inactive;\n  }\n\n  // Switch sizes\n  .switch.tiny {\n    @include switch-size(rem-calc(10), $switch-height-tiny, $switch-paddle-offset);\n  }\n\n  .switch.small {\n    @include switch-size(rem-calc(12), $switch-height-small, $switch-paddle-offset);\n  }\n\n  .switch.large {\n    @include switch-size(rem-calc(16), $switch-height-large, $switch-paddle-offset);\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// sass-lint:disable no-qualifying-elements\n\n////\n/// @group table\n////\n\n/// Default color for table background.\n/// @type Color\n$table-background: $white  !default;\n\n/// Default scale for darkening the striped table rows and the table border.\n/// @type Number\n$table-color-scale: 5% !default;\n\n/// Default style for table border.\n/// @type List\n$table-border: 1px solid smart-scale($table-background, $table-color-scale) !default;\n\n/// Default padding for table.\n/// @type Number\n$table-padding: rem-calc(8 10 10) !default;\n\n/// Default scale for darkening the table rows on hover.\n/// @type Number\n$table-hover-scale: 2% !default;\n\n/// Default color of standard rows on hover.\n/// @type List\n$table-row-hover: darken($table-background, $table-hover-scale) !default;\n\n/// Default color of striped rows on hover.\n/// @type List\n$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default;\n\n/// If `true`, tables are striped by default and an .unstriped class is created. If `false`, a .striped class is created.\n/// @type Boolean\n$table-is-striped: true !default;\n\n/// Default background color for striped rows.\n/// @type Color\n$table-striped-background: smart-scale($table-background, $table-color-scale) !default;\n\n/// Default value for showing the stripe on rows of the tables, excluding the header and footer. If even, the even rows will have a background color. If odd, the odd rows will have a background color. If empty, or any other value, the table rows will have no striping.\n/// @type Keyword\n$table-stripe: even !default;\n\n/// Default color for header background.\n/// @type Color\n$table-head-background: smart-scale($table-background, $table-color-scale * 0.5) !default;\n\n/// Default color of header rows on hover.\n/// @type List\n$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;\n\n/// Default color for footer background.\n/// @type Color\n$table-foot-background: smart-scale($table-background, $table-color-scale) !default;\n\n/// Default color of footer rows on hover.\n/// @type List\n$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;\n\n/// Default font color for header.\n/// @type Color\n$table-head-font-color: $body-font-color !default;\n\n/// Default font color for footer.\n/// @type Color\n$table-foot-font-color: $body-font-color !default;\n\n/// Default value for showing the header when using stacked tables.\n/// @type Boolean\n$show-header-for-stacked: false !default;\n\n/// Breakpoint at which stacked table switches from mobile to desktop view.\n/// @type Breakpoint\n$table-stack-breakpoint: medium !default;\n\n@mixin -zf-table-stripe($stripe: $table-stripe) {\n  tr {\n    // If stripe is set to even, darken the even rows.\n    @if $stripe == even {\n      &:nth-child(even) {\n        border-bottom: 0;\n        background-color: $table-striped-background;\n      }\n    }\n\n    // If stripe is set to odd, darken the odd rows.\n    @else if $stripe == odd {\n      &:nth-child(odd) {\n        background-color: $table-striped-background;\n      }\n    }\n  }\n}\n\n@mixin -zf-table-unstripe() {\n  tr {\n    border-bottom: 0;\n    border-bottom: $table-border;\n    background-color: $table-background;\n  }\n}\n\n@mixin -zf-table-children-styles($stripe: $table-stripe, $is-striped: $table-is-striped) {\n  thead,\n  tbody,\n  tfoot {\n    border: $table-border;\n    background-color: $table-background;\n  }\n\n  // Caption\n  caption {\n    padding: $table-padding;\n    font-weight: $global-weight-bold;\n  }\n\n  // Table head\n  thead {\n    background: $table-head-background;\n    color: $table-head-font-color;\n  }\n\n  // Table foot\n  tfoot {\n    background: $table-foot-background;\n    color: $table-foot-font-color;\n  }\n\n  // Table head and foot\n  thead,\n  tfoot {\n    // Rows within head and foot\n    tr {\n      background: transparent;\n    }\n\n    // Cells within head and foot\n    th,\n    td {\n      padding: $table-padding;\n      font-weight: $global-weight-bold;\n      text-align: #{$global-left};\n    }\n  }\n\n  // Table rows\n  tbody {\n    th,\n    td {\n      padding: $table-padding;\n    }\n  }\n\n  // If tables are striped\n  @if $is-striped == true {\n    tbody {\n      @include -zf-table-stripe($stripe);\n    }\n\n    &.unstriped {\n      tbody {\n        @include -zf-table-unstripe();\n        background-color: $table-background;\n      }\n    }\n  }\n\n  // If tables are not striped\n  @else if $is-striped == false {\n    tbody {\n      @include -zf-table-unstripe();\n    }\n\n    &.striped {\n      tbody {\n        @include -zf-table-stripe($stripe);\n      }\n    }\n  }\n}\n\n/// Adds the general styles for tables.\n/// @param {Keyword} $stripe [$table-stripe] - Uses keywords even, odd, or none to darken rows of the table. The default value is even.\n/// @param {Boolean} $nest [false] - Needed if you only want to apply this to a specific table.\n@mixin table(\n  $stripe: $table-stripe,\n  $nest: false\n) {\n  border-collapse: collapse;\n  width: 100%;\n  margin-bottom: $global-margin;\n  border-radius: $global-radius;\n\n  @if $nest {\n    @include -zf-table-children-styles($stripe);\n  }\n  @else {\n    @at-root {\n      @include -zf-table-children-styles($stripe);\n    }\n  }\n}\n\n/// Adds the ability to horizontally scroll the table when the content overflows horizontally.\n@mixin table-scroll {\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n}\n\n/// Slightly darkens the table rows on hover.\n@mixin table-hover {\n  thead tr {\n    //Darkens the table header rows on hover.\n    &:hover {\n      background-color: $table-head-row-hover;\n    }\n  }\n\n  tfoot tr {\n    //Darkens the table footer rows on hover.\n    &:hover {\n      background-color: $table-foot-row-hover;\n    }\n  }\n\n  tbody tr {\n    //Darkens the non-striped table rows on hover.\n    &:hover {\n      background-color: $table-row-hover;\n    }\n  }\n\n  @if $table-is-striped == true {\n    // Darkens the even striped table rows.\n    @if($table-stripe == even) {\n      &:not(.unstriped) tr:nth-of-type(even):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n\n    // Darkens the odd striped table rows.\n    @else if($table-stripe == odd) {\n      &:not(.unstriped) tr:nth-of-type(odd):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n  }\n\n  @else if $table-is-striped == false {\n    // Darkens the even striped table rows.\n    @if($table-stripe == even) {\n      &.striped tr:nth-of-type(even):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n\n    // Darkens the odd striped table rows.\n    @else if($table-stripe == odd) {\n      &.striped tr:nth-of-type(odd):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n  }\n}\n\n/// Adds styles for a stacked table. Useful for small-screen layouts.\n/// @param {Boolean} $header [$show-header-for-stacked] - Show the first th of header when stacked.\n@mixin table-stack($header: $show-header-for-stacked) {\n  @if $header {\n    thead {\n      th {\n        display: block;\n      }\n    }\n  }\n  @else {\n    thead {\n      display: none;\n    }\n  }\n\n  tfoot {\n    display: none;\n  }\n\n  tr,\n  th,\n  td {\n    display: block;\n  }\n\n  td {\n    border-top: 0;\n  }\n}\n\n@mixin foundation-table($nest: false) {\n  table {\n    @include table($nest: $nest);\n  }\n\n  table.stack {\n    @include breakpoint($table-stack-breakpoint down) {\n      @include table-stack;\n    }\n  }\n\n  table.scroll {\n    @include table-scroll;\n  }\n\n  table.hover {\n    @include table-hover;\n  }\n\n  .table-scroll {\n    overflow-x: auto;\n\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group badge\n////\n\n/// Default background color for badges.\n/// @type Color\n$badge-background: $primary-color !default;\n\n/// Default text color for badges.\n/// @type Color\n$badge-color: $white !default;\n\n/// Alternate text color for badges.\n/// @type Color\n$badge-color-alt: $black !default;\n\n/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.\n/// @type Map\n$badge-palette: $foundation-palette !default;\n\n/// Default padding inside badges.\n/// @type Number\n$badge-padding: 0.3em !default;\n\n/// Minimum width of a badge.\n/// @type Number\n$badge-minwidth: 2.1em !default;\n\n/// Default font size for badges.\n/// @type Number\n$badge-font-size: 0.6rem !default;\n\n/// Generates the base styles for a badge.\n@mixin badge {\n  display: inline-block;\n  min-width: $badge-minwidth;\n  padding: $badge-padding;\n\n  border-radius: 50%;\n\n  font-size: $badge-font-size;\n  text-align: center;\n}\n\n@mixin foundation-badge {\n  .badge {\n    @include badge;\n\n    background: $badge-background;\n    color: $badge-color;\n\n    @each $name, $color in $badge-palette {\n      &.#{$name} {\n        background: $color;\n        color: color-pick-contrast($color, ($badge-color, $badge-color-alt));\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breadcrumbs\n////\n\n/// Margin around a breadcrumbs container.\n/// @type Number\n$breadcrumbs-margin: 0 0 $global-margin 0 !default;\n\n/// Font size of breadcrumb links.\n/// @type Number\n$breadcrumbs-item-font-size: rem-calc(11) !default;\n\n/// Color of breadcrumb links.\n/// @type Color\n$breadcrumbs-item-color: $primary-color !default;\n\n/// Color of the active breadcrumb link.\n/// @type Color\n$breadcrumbs-item-color-current: $black !default;\n\n/// Opacity of disabled breadcrumb links.\n/// @type Number\n$breadcrumbs-item-color-disabled: $medium-gray !default;\n\n/// Margin between breadcrumb items.\n/// @type Number\n$breadcrumbs-item-margin: 0.75rem !default;\n\n/// If `true`, makes breadcrumb links uppercase.\n/// @type Boolean\n$breadcrumbs-item-uppercase: true !default;\n\n/// If `true`, adds a seperator between breadcrumb links.\n/// @type Boolean\n$breadcrumbs-item-separator: true !default;\n\n// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.\n@if variable-exists(breadcrumbs-item-slash) {\n  $breadcrumbs-item-separator: $breadcrumbs-item-slash;\n}\n\n/// Used character for the breadcrumb separator.\n/// @type Content\n$breadcrumbs-item-separator-item: '/' !default;\n\n/// Used character for the breadcrumb separator in rtl mode.\n/// @type Content\n$breadcrumbs-item-separator-item-rtl: '\\\\' !default;\n\n/// Color of breadcrumb item.\n/// @type Color\n$breadcrumbs-item-separator-color: $medium-gray !default;\n\n// If it exists $breadcrumbs-item-slash-color is used to build $breadcrumbs-item-separator-color. See the documentation.\n@if variable-exists(breadcrumbs-item-slash-color) {\n  $breadcrumbs-item-separator-color: $breadcrumbs-item-slash-color;\n}\n\n/// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.\n@mixin breadcrumbs-container {\n  @include clearfix;\n  margin: $breadcrumbs-margin;\n  list-style: none;\n\n  // Item wrapper\n  li {\n    float: #{$global-left};\n\n    font-size: $breadcrumbs-item-font-size;\n    color: $breadcrumbs-item-color-current;\n    cursor: default;\n\n    @if $breadcrumbs-item-uppercase {\n      text-transform: uppercase;\n    }\n\n    @if $breadcrumbs-item-separator {\n      // Need to escape the backslash\n      $separator: if($global-text-direction == 'ltr', $breadcrumbs-item-separator-item, $breadcrumbs-item-separator-item-rtl);\n\n      &:not(:last-child) {\n        &::after {\n          position: relative;\n          margin: 0 $breadcrumbs-item-margin;\n          opacity: 1;\n          content: $separator;\n          color: $breadcrumbs-item-separator-color;\n        }\n      }\n    }\n    @else {\n      margin-#{$global-right}: $breadcrumbs-item-margin;\n    }\n  }\n\n  // Page links\n  a {\n    color: $breadcrumbs-item-color;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n@mixin foundation-breadcrumbs {\n  .breadcrumbs {\n    @include breadcrumbs-container;\n\n    .disabled {\n      color: $breadcrumbs-item-color-disabled;\n      cursor: not-allowed;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group callout\n////\n\n/// Default background color.\n/// @type Color\n$callout-background: $white !default;\n\n/// Default fade value for callout backgrounds.\n/// @type Number\n$callout-background-fade: 85% !default;\n\n/// Default border style for callouts.\n/// @type List\n$callout-border: 1px solid rgba($black, 0.25) !default;\n\n/// Default bottom margin for callouts.\n/// @type Number\n$callout-margin: 0 0 1rem 0 !default;\n\n/// Sizes for Callout paddings.\n/// @type Map\n$callout-sizes: (\n  small: 0.5rem,\n  default: 1rem,\n  large: 3rem,\n) !default;\n\n/// Default font color for callouts.\n/// @type Color\n$callout-font-color: $body-font-color !default;\n\n/// Default font color for callouts, if the callout has a dark background.\n/// @type Color\n$callout-font-color-alt: $body-background !default;\n\n/// Default border radius for callouts.\n/// @type Color\n$callout-radius: $global-radius !default;\n\n/// Amount to tint links used within colored panels. Set to `false` to disable this feature.\n/// @type Number | Boolean\n$callout-link-tint: 30% !default;\n\n/// Adds basic styles for a callout, including padding and margin.\n@mixin callout-base() {\n  position: relative;\n  margin: $callout-margin;\n  padding: map-get($callout-sizes, default);\n\n  border: $callout-border;\n  border-radius: $callout-radius;\n\n  // Respect the padding, fool.\n  > :first-child {\n    margin-top: 0;\n  }\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Generate quick styles for a callout using a single color as a baseline.\n/// @param {Color} $color [$callout-background] - Color to use.\n@mixin callout-style($color: $callout-background) {\n  $background: scale-color($color, $lightness: $callout-background-fade);\n\n  background-color: $background;\n  color: color-pick-contrast($background, ($callout-font-color, $callout-font-color-alt));\n}\n\n@mixin callout-size($padding) {\n  padding-top: $padding;\n  padding-right: $padding;\n  padding-bottom: $padding;\n  padding-left: $padding;\n}\n\n\n/// Adds styles for a callout.\n/// @param {Color} $color [$callout-background] - Color to use.\n@mixin callout($color: $callout-background) {\n  @include callout-base;\n  @include callout-style($color);\n}\n\n@mixin foundation-callout {\n  .callout {\n    @include callout;\n\n    @each $name, $color in $foundation-palette {\n      &.#{$name} {\n        @include callout-style($color);\n      }\n    }\n\n    @each $size, $padding in map-remove($callout-sizes, default) {\n      &.#{$size} {\n        @include callout-size($padding);\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group card\n////\n\n/// Default background color.\n/// @type Color\n$card-background: $white !default;\n\n/// Default font color for cards.\n/// @type Color\n$card-font-color: $body-font-color !default;\n\n/// Default background.\n/// @type Color\n$card-divider-background: $light-gray !default;\n\n/// Default border style.\n/// @type List\n$card-border: 1px solid $light-gray !default;\n\n/// Default card shadow.\n/// @type List\n$card-shadow: none !default;\n\n/// Default border radius.\n/// @type List\n$card-border-radius: $global-radius !default;\n\n/// Default padding.\n/// @type Number\n$card-padding: $global-padding !default;\n\n/// Default bottom margin.\n/// @type number\n$card-margin-bottom: $global-margin !default;\n\n/// Adds styles for a card container.\n/// @param {Color} $background - Background color of the card.\n/// @param {Color} $color - font color of the card.\n/// @param {Number} $margin - Bottom margin of the card.\n/// @param {List} $border - Border around the card.\n/// @param {List} $radius - border radius of the card.\n/// @param {List} $shadow - box shadow of the card.\n@mixin card-container(\n  $background: $card-background,\n  $color: $card-font-color,\n  $margin: $card-margin-bottom,\n  $border: $card-border,\n  $radius: $card-border-radius,\n  $shadow: $card-shadow\n) {\n  @if $global-flexbox {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  margin-bottom: $margin;\n\n  border: $border;\n  border-radius: $radius;\n\n  background: $background;\n  box-shadow: $shadow;\n\n  overflow: hidden;\n  color: $color;\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Adds styles for a card divider.\n@mixin card-divider(\n  $background: $card-divider-background,\n  $padding: $card-padding\n) {\n  @if $global-flexbox {\n    display: flex;\n    flex: 0 1 auto;\n  }\n\n  padding: $padding;\n  background: $background;\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Adds styles for a card section.\n@mixin card-section(\n  $padding: $card-padding\n) {\n  @if $global-flexbox {\n    flex: 1 0 auto;\n  }\n\n  padding: $padding;\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n@mixin foundation-card {\n  .card {\n    @include card-container;\n  }\n\n  .card-divider {\n    @include card-divider;\n  }\n\n  .card-section {\n    @include card-section;\n  }\n\n  // For IE 11 - Flexbug\n  // https://github.com/philipwalton/flexbugs/issues/75\n  .card-image {\n    min-height: 1px;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group dropdown\n////\n\n/// Padding for dropdown panes.\n/// @type List\n$dropdown-padding: 1rem !default;\n\n/// Background for dropdown panes.\n/// @type Color\n$dropdown-background: $body-background !default;\n\n/// Border for dropdown panes.\n/// @type List\n$dropdown-border: 1px solid $medium-gray !default;\n\n/// Font size for dropdown panes.\n/// @type List\n$dropdown-font-size: 1rem !default;\n\n/// Width for dropdown panes.\n/// @type Number\n$dropdown-width: 300px !default;\n\n/// Border radius dropdown panes.\n/// @type Number\n$dropdown-radius: $global-radius !default;\n\n/// Sizes for dropdown panes. Each size is a CSS class you can apply.\n/// @type Map\n$dropdown-sizes: (\n  tiny: 100px,\n  small: 200px,\n  large: 400px,\n) !default;\n\n/// Applies styles for a basic dropdown.\n@mixin dropdown-container {\n  position: absolute;\n  z-index: 10;\n\n  display: none;\n\n  width: $dropdown-width;\n  padding: $dropdown-padding;\n\n  visibility: hidden;\n  border: $dropdown-border;\n  border-radius: $dropdown-radius;\n  background-color: $dropdown-background;\n\n  font-size: $dropdown-font-size;\n\n\n  // Allow an intermittent state to do positioning before making visible.\n  &.is-opening {\n    display: block;\n  }\n\n  &.is-open {\n    display: block;\n    visibility: visible;\n  }\n}\n\n@mixin foundation-dropdown {\n  .dropdown-pane {\n    @include dropdown-container;\n  }\n\n  @each $name, $size in $dropdown-sizes {\n    .dropdown-pane {\n      &.#{$name} {\n        width: $size;\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group pagination\n////\n\n/// Font size of pagination items.\n/// @type Number\n$pagination-font-size: rem-calc(14) !default;\n\n/// Default bottom margin of the pagination object.\n/// @type Number\n$pagination-margin-bottom: $global-margin !default;\n\n/// Text color of pagination items.\n/// @type Color\n$pagination-item-color: $black !default;\n\n/// Padding inside of pagination items.\n/// @type Number\n$pagination-item-padding: rem-calc(3 10) !default;\n\n/// Right margin to separate pagination items.\n/// @type Number\n$pagination-item-spacing: rem-calc(1) !default;\n\n/// Default radius for pagination items.\n/// @type Number\n$pagination-radius: $global-radius !default;\n\n/// Background color of pagination items on hover.\n/// @type Color\n$pagination-item-background-hover: $light-gray !default;\n\n/// Background color of pagination item for the current page.\n/// @type Color\n$pagination-item-background-current: $primary-color !default;\n\n/// Text color of the pagination item for the current page.\n/// @type Color\n$pagination-item-color-current: $white !default;\n\n/// Text color of a disabled pagination item.\n/// @type Color\n$pagination-item-color-disabled: $medium-gray !default;\n\n/// Color of the ellipsis in a pagination menu.\n/// @type Color\n$pagination-ellipsis-color: $black !default;\n\n/// If `false`, don't display page number links on mobile, only next/previous links\n/// and optionally current page number.\n/// @type Boolean\n$pagination-mobile-items: false !default;\n\n/// If `true`, display the current page number on mobile even if `$pagination-mobile-items` is set to `false`.\n/// This parameter will only override the visibility setting of the current item for `$pagination-mobile-items: false;`,\n/// it will not affect the current page number visibility when `$pagination-mobile-items` is set to `true`.\n/// @type Boolean\n$pagination-mobile-current-item: false !default;\n\n/// If `true`, arrows are added to the next and previous links of pagination.\n/// @type Boolean\n$pagination-arrows: true !default;\n\n/// Content for the previous arrow when `$pagination-arrows` is `true`\n/// @type String\n$pagination-arrow-previous: '\\00AB' !default;\n\n/// Content for the next arrow when `$pagination-arrows` is `true`\n/// @type String\n$pagination-arrow-next: '\\00BB' !default;\n\n/// Adds styles for a pagination container. Apply this to a `<ul>`.\n@mixin pagination-container (\n  $margin-bottom: $pagination-margin-bottom,\n  $font-size: $pagination-font-size,\n  $spacing: $pagination-item-spacing,\n  $radius: $pagination-radius,\n  $color: $pagination-item-color,\n  $padding: $pagination-item-padding,\n  $background-hover: $pagination-item-background-hover\n) {\n  @include clearfix;\n  margin-#{$global-left}: 0;\n  margin-bottom: $margin-bottom;\n\n  // List item\n  li {\n    margin-#{$global-right}: $spacing;\n    border-radius: $radius;\n    font-size: $font-size;\n\n    @if $pagination-mobile-items {\n      display: inline-block;\n    }\n    @else {\n      display: none;\n\n      &:last-child,\n      &:first-child {\n        display: inline-block;\n      }\n\n      @if $pagination-mobile-current-item {\n        &.current {\n          display: inline-block;\n        }\n      }\n\n      @include breakpoint(medium) {\n        display: inline-block;\n      }\n    }\n  }\n\n  // Page links\n  a,\n  button {\n    display: block;\n    padding: $padding;\n    border-radius: $radius;\n    color: $color;\n\n    &:hover {\n      background: $background-hover;\n    }\n  }\n}\n\n/// Adds styles for the current pagination item. Apply this to an `<a>`.\n@mixin pagination-item-current (\n  $padding: $pagination-item-padding,\n  $background-current: $pagination-item-background-current,\n  $color-current: $pagination-item-color-current\n) {\n  padding: $padding;\n  background: $background-current;\n  color: $color-current;\n  cursor: default;\n}\n\n/// Adds styles for a disabled pagination item. Apply this to an `<a>`.\n@mixin pagination-item-disabled (\n  $padding: $pagination-item-padding,\n  $color: $pagination-item-color-disabled\n) {\n  padding: $padding;\n  color: $color;\n  cursor: not-allowed;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n/// Adds styles for an ellipsis for use in a pagination list.\n@mixin pagination-ellipsis (\n  $padding: $pagination-item-padding,\n  $color: $pagination-ellipsis-color\n) {\n  padding: $padding;\n  content: '\\2026';\n  color: $color;\n}\n\n@mixin foundation-pagination {\n  .pagination {\n    @include pagination-container;\n\n    .current {\n      @include pagination-item-current;\n    }\n\n    .disabled {\n      @include pagination-item-disabled;\n    }\n\n    .ellipsis::after {\n      @include pagination-ellipsis;\n    }\n  }\n\n  @if $pagination-arrows {\n    .pagination-previous a::before,\n    .pagination-previous.disabled::before {\n      display: inline-block;\n      margin-#{$global-right}: 0.5rem;\n      content: $pagination-arrow-previous;\n    }\n\n    .pagination-next a::after,\n    .pagination-next.disabled::after {\n      display: inline-block;\n      margin-#{$global-left}: 0.5rem;\n      content: $pagination-arrow-next;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group tooltip\n////\n\n/// Default cursor of the defined term.\n/// @type Keyword\n$has-tip-cursor: help !default;\n\n/// Default font weight of the defined term.\n/// @type Keyword | Number\n$has-tip-font-weight: $global-weight-bold !default;\n\n/// Default border bottom of the defined term.\n/// @type List\n$has-tip-border-bottom: dotted 1px $dark-gray !default;\n\n/// Default color of the tooltip background.\n/// @type Color\n$tooltip-background-color: $black !default;\n\n/// Default color of the tooltip font.\n/// @type Color\n$tooltip-color: $white !default;\n\n/// Default padding of the tooltip background.\n/// @type Number\n$tooltip-padding: 0.75rem !default;\n\n/// Default max width for tooltips.\n/// @type Number\n$tooltip-max-width: 10rem !default;\n\n/// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy.\n/// @type Number\n$tooltip-font-size: $small-font-size !default;\n\n/// Default pip width for tooltips.\n/// @type Number\n$tooltip-pip-width: 0.75rem !default;\n\n/// Default pip height for tooltips. This is helpful for calculating the distance of the tooltip from the tooltip word.\n/// @type Number\n$tooltip-pip-height: $tooltip-pip-width * 0.866 !default;\n\n/// Default radius for tooltips.\n/// @type Number\n$tooltip-radius: $global-radius !default;\n\n@mixin has-tip {\n  position: relative;\n  display: inline-block;\n\n  border-bottom: $has-tip-border-bottom;\n  font-weight: $has-tip-font-weight;\n  cursor: $has-tip-cursor;\n}\n\n@mixin tooltip {\n  position: absolute;\n  top: calc(100% + #{$tooltip-pip-height});\n  z-index: 1200;\n\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding;\n\n  border-radius: $tooltip-radius;\n  background-color: $tooltip-background-color;\n  font-size: $tooltip-font-size;\n  color: $tooltip-color;\n\n  &::before {\n    position: absolute;\n  }\n\n  &.bottom {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);\n      bottom: 100%;\n    }\n\n    &.align-center::before {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n\n  &.top {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);\n      top: 100%;\n      bottom: auto;\n    }\n\n    &.align-center::before {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n\n  &.left {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);\n      left: 100%;\n    }\n\n    &.align-center::before {\n      bottom: auto;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &.right {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);\n      right: 100%;\n      left: auto;\n    }\n\n    &.align-center::before {\n      bottom: auto;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &.align-top::before {\n    bottom: auto;\n    top: 10%;\n  }\n\n  &.align-bottom::before {\n    bottom: 10%;\n    top: auto;\n  }\n\n  &.align-left::before {\n    left: 10%;\n    right: auto;\n  }\n\n  &.align-right::before {\n    left: auto;\n    right: 10%;\n  }\n}\n\n@mixin foundation-tooltip {\n  .has-tip {\n    @include has-tip;\n  }\n\n  .tooltip {\n    @include tooltip;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group accordion\n////\n\n/// Default background color of an accordion group.\n/// @type Color\n$accordion-background: $white !default;\n\n/// If `true`, adds plus and minus icons to the side of each accordion title.\n/// @type Boolean\n$accordion-plusminus: true !default;\n\n/// Content for the plus icon when `$accordion-plusminus` is `true`\n/// @type String\n$accordion-plus-content: '\\002B' !default;\n\n/// Content for the minus icon when `$accordion-plusminus` is `true`\n/// @type String\n$accordion-minus-content: '\\2013' !default;\n\n/// Font size of accordion titles.\n/// @type Number\n$accordion-title-font-size: rem-calc(12) !default;\n\n/// Default text color for items in a Menu.\n/// @type Color\n$accordion-item-color: $primary-color !default;\n\n/// Default background color on hover for items in a Menu.\n/// @type Color\n$accordion-item-background-hover: $light-gray !default;\n\n/// Default padding of an accordion item.\n/// @type Number | List\n$accordion-item-padding: 1.25rem 1rem !default;\n\n/// Default background color of tab content.\n/// @type Color\n$accordion-content-background: $white !default;\n\n/// Default border color of tab content.\n/// @type Color\n$accordion-content-border: 1px solid $light-gray !default;\n\n/// Default text color of tab content.\n/// @type Color\n$accordion-content-color: $body-font-color !default;\n\n/// Default padding for tab content.\n/// @type Number | List\n$accordion-content-padding: 1rem !default;\n\n/// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`.\n@mixin accordion-container (\n  $background: $accordion-background\n) {\n  margin-#{$global-left}: 0;\n  background: $background;\n  list-style-type: none;\n\n  &[disabled] {\n    .accordion-title {\n      cursor: not-allowed;\n    }\n  }\n}\n\n/// Adds styles for the accordion item. Apply this to the list item within an accordion ul.\n@mixin accordion-item {\n  &:first-child > :first-child {\n    border-radius: $global-radius $global-radius 0 0;\n  }\n\n  &:last-child > :last-child {\n    border-radius: 0 0 $global-radius $global-radius;\n  }\n}\n\n/// Adds styles for the title of an accordion item. Apply this to the link within an accordion item.\n@mixin accordion-title (\n  $padding: $accordion-item-padding,\n  $font-size: $accordion-title-font-size,\n  $color: $accordion-item-color,\n  $border: $accordion-content-border,\n  $background-hover: $accordion-item-background-hover\n) {\n  position: relative;\n  display: block;\n  padding: $padding;\n\n  border: $border;\n  border-bottom: 0;\n\n  font-size: $font-size;\n  line-height: 1;\n  color: $color;\n\n  :last-child:not(.is-active) > & {\n    border-bottom: $border;\n    border-radius: 0 0 $global-radius $global-radius;\n  }\n\n  &:hover,\n  &:focus {\n    background-color: $background-hover;\n  }\n\n  @if $accordion-plusminus {\n    &::before {\n      position: absolute;\n      top: 50%;\n      #{$global-right}: 1rem;\n      margin-top: -0.5rem;\n      content: $accordion-plus-content;\n    }\n\n    .is-active > &::before {\n      content: $accordion-minus-content;\n    }\n  }\n}\n\n/// Adds styles for accordion content. Apply this to the content pane below an accordion item's title.\n@mixin accordion-content (\n  $padding: $accordion-content-padding,\n  $border: $accordion-content-border,\n  $background: $accordion-content-background,\n  $color: $accordion-content-color\n) {\n  display: none;\n  padding: $padding;\n\n  border: $border;\n  border-bottom: 0;\n  background-color: $background;\n\n  color: $color;\n\n  :last-child > &:last-child {\n    border-bottom: $border;\n  }\n}\n\n@mixin foundation-accordion {\n  .accordion {\n    @include accordion-container;\n  }\n\n  .accordion-item {\n    @include accordion-item;\n  }\n\n  .accordion-title {\n    @include accordion-title;\n  }\n\n  .accordion-content {\n    @include accordion-content;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group media-object\n////\n\n/// Bottom margin of a media object.\n/// @type Number\n$mediaobject-margin-bottom: $global-margin !default;\n\n/// Left and right padding on sections within a media object.\n/// @type Number\n$mediaobject-section-padding: $global-padding !default;\n\n/// Width of images within a media object, when the object is stacked vertically. Set to 'auto' to use the image's natural width.\n/// @type Number\n$mediaobject-image-width-stacked: 100% !default;\n\n/// Adds styles for a media object container.\n@mixin media-object-container {\n  display: if($global-flexbox, flex, block);\n  margin-bottom: $mediaobject-margin-bottom;\n\n  @if $global-flexbox {\n    flex-wrap: nowrap;\n  }\n\n  img {\n    max-width: none;\n  }\n\n  @if $global-flexbox {\n    &.stack-for-#{$-zf-zero-breakpoint} {\n      @include breakpoint($-zf-zero-breakpoint only) {\n        flex-wrap: wrap;\n      }\n    }\n  }\n}\n\n/// Adds styles for sections within a media object.\n/// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.\n@mixin media-object-section($padding: $mediaobject-section-padding) {\n  @if $global-flexbox {\n    flex: 0 1 auto;\n  }\n  @else {\n    display: table-cell;\n    vertical-align: top;\n  }\n\n  &:first-child {\n    padding-#{$global-right}: $padding;\n  }\n\n  &:last-child:not(:nth-child(2)) {\n    padding-#{$global-left}: $padding;\n  }\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n\n  .stack-for-#{$-zf-zero-breakpoint} & {\n    @include breakpoint($-zf-zero-breakpoint only) {\n      @include media-object-stack;\n    }\n  }\n\n  @if $global-flexbox {\n    &.main-section {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n  }\n  @else {\n    &.middle {\n      vertical-align: middle;\n    }\n\n    &.bottom {\n      vertical-align: bottom;\n    }\n  }\n}\n\n/// Adds styles to stack sections of a media object. Apply this to the section elements, not the container.\n@mixin media-object-stack {\n  padding: 0;\n  padding-bottom: $mediaobject-section-padding;\n\n  @if $global-flexbox {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  @else {\n    display: block;\n  }\n\n  img {\n    width: $mediaobject-image-width-stacked;\n  }\n}\n\n@mixin foundation-media-object {\n  .media-object {\n    @include media-object-container;\n  }\n\n  .media-object-section {\n    @include media-object-section;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group orbit\n////\n\n/// Default color for Orbit's bullets.\n/// @type Color\n$orbit-bullet-background: $medium-gray !default;\n\n/// Default active color for Orbit's bullets.\n/// @type Color\n$orbit-bullet-background-active: $dark-gray !default;\n\n/// Default diameter for Orbit's bullets.\n/// @type Number\n$orbit-bullet-diameter: 1.2rem !default;\n\n/// Default margin between Orbit's bullets.\n/// @type Number\n$orbit-bullet-margin: 0.1rem !default;\n\n/// Default distance from slide region for Orbit's bullets.\n/// @type Number\n$orbit-bullet-margin-top: 0.8rem !default;\n\n/// Default bottom margin from Orbit's bullets to whatever content may lurk below it.\n/// @type Number\n$orbit-bullet-margin-bottom: 0.8rem !default;\n\n/// Default background color for Orbit's caption.\n/// @type Color\n$orbit-caption-background: rgba($black, 0.5) !default;\n\n/// Default padding for Orbit's caption.\n/// @type Number\n$orbit-caption-padding: 1rem !default;\n\n/// Default background color for Orbit's controls when hovered.\n/// @type Color\n$orbit-control-background-hover: rgba($black, 0.5) !default;\n\n/// Default padding for Orbit's controls.\n/// @type Number\n$orbit-control-padding: 1rem !default;\n\n/// Default z-index for Orbit's controls.\n/// @type Number\n$orbit-control-zindex: 10 !default;\n\n/// Adds styles for the outer Orbit wrapper. These styles are used on the `.orbit` class.\n@mixin orbit-wrapper {\n  position: relative;\n}\n\n/// Adds styles for the inner Orbit slide container. These styles are used on the `.orbit-container` class.\n@mixin orbit-container {\n  position: relative;\n  height: 0; // Prevent FOUC by not showing until JS sets height\n  margin: 0;\n  list-style: none;\n  overflow: hidden;\n}\n\n/// Adds styles for the individual slides of an Orbit slider. These styles are used on the `.orbit-slide` class.\n@mixin orbit-slide {\n  width: 100%;\n  position: absolute;\n\n  &.no-motionui {\n    &.is-active {\n      top: 0;\n      left: 0;\n    }\n  }\n}\n\n@mixin orbit-figure {\n  margin: 0;\n}\n\n/// Adds styles for a slide containing an image. These styles are used on the `.orbit-image` class.\n@mixin orbit-image {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n\n/// Adds styles for an orbit slide caption. These styles are used on the `.orbit-caption` class.\n@mixin orbit-caption {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  margin-bottom: 0;\n  padding: $orbit-caption-padding;\n\n  background-color: $orbit-caption-background;\n  color: color-pick-contrast($orbit-caption-background);\n}\n\n/// Adds base styles for the next/previous buttons in an Orbit slider. These styles are shared between the `.orbit-next` and `.orbit-previous` classes in the default CSS.\n@mixin orbit-control {\n  @include disable-mouse-outline;\n  @include vertical-center;\n  z-index: $orbit-control-zindex;\n  padding: $orbit-control-padding;\n  color: $white;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background-color: $orbit-control-background-hover;\n  }\n}\n\n/// Adds styles for the Orbit previous button. These styles are used on the `.orbit-previous` class.\n@mixin orbit-previous {\n  #{$global-left}: 0;\n}\n\n/// Adds styles for the Orbit next button. These styles are used on the `.orbit-next` class.\n@mixin orbit-next {\n  #{$global-left}: auto;\n  #{$global-right}: 0;\n}\n\n/// Adds styles for a container of Orbit bullets. /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-bullets` class.\n@mixin orbit-bullets {\n  @include disable-mouse-outline;\n  position: relative;\n  margin-top: $orbit-bullet-margin-top;\n  margin-bottom: $orbit-bullet-margin-bottom;\n  text-align: center;\n\n  button {\n    width: $orbit-bullet-diameter;\n    height: $orbit-bullet-diameter;\n    margin: $orbit-bullet-margin;\n\n    border-radius: 50%;\n    background-color: $orbit-bullet-background;\n\n    &:hover {\n      background-color: $orbit-bullet-background-active;\n    }\n\n    &.is-active {\n      background-color: $orbit-bullet-background-active;\n    }\n  }\n}\n\n@mixin foundation-orbit {\n  .orbit {\n    @include orbit-wrapper;\n  }\n\n  .orbit-container {\n    @include orbit-container;\n  }\n\n  .orbit-slide {\n    @include orbit-slide;\n  }\n\n  .orbit-figure {\n    @include orbit-figure;\n  }\n\n  .orbit-image {\n    @include orbit-image;\n  }\n\n  .orbit-caption {\n    @include orbit-caption;\n  }\n\n  %orbit-control {\n    @include orbit-control;\n  }\n\n  .orbit-previous {\n    @extend %orbit-control;\n    @include orbit-previous;\n  }\n\n  .orbit-next {\n    @extend %orbit-control;\n    @include orbit-next;\n  }\n\n  .orbit-bullets {\n    @include orbit-bullets;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group responsive-embed\n////\n\n/// Margin below a responsive embed container.\n/// @type Number\n$responsive-embed-margin-bottom: rem-calc(16) !default;\n\n/// Aspect ratios used to determine padding-bottom of responsive embed containers.\n/// @type Map\n$responsive-embed-ratios: (\n  default: 4 by 3,\n  widescreen: 16 by 9,\n) !default;\n\n/// Creates a responsive embed container.\n/// @param {String|List} $ratio [default] - Ratio of the container. Can be a key from the `$responsive-embed-ratios` map or a list formatted as `x by y`.\n@mixin responsive-embed($ratio: default) {\n  @if type-of($ratio) == 'string' {\n    $ratio: map-get($responsive-embed-ratios, $ratio);\n  }\n  position: relative;\n  height: 0;\n  margin-bottom: $responsive-embed-margin-bottom;\n  padding-bottom: ratio-to-percentage($ratio);\n  overflow: hidden;\n\n  iframe,\n  object,\n  embed,\n  video {\n    position: absolute;\n    top: 0;\n    #{$global-left}: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n@mixin foundation-responsive-embed {\n  .responsive-embed,\n  .flex-video {\n    @include responsive-embed($ratio: default);\n\n    $ratios: map-remove($responsive-embed-ratios,default);\n\n    @each $name, $ratio in $ratios {\n      &.#{$name} {\n        padding-bottom: ratio-to-percentage($ratio);\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group tabs\n////\n\n/// Default margin of the tab bar.\n/// @type Number\n$tab-margin: 0 !default;\n\n/// Default background color of a tab bar.\n/// @type Color\n$tab-background: $white !default;\n\n/// Font color of tab item.\n/// @type Color\n$tab-color: $primary-color !default;\n\n/// Active background color of a tab bar.\n/// @type Color\n$tab-background-active: $light-gray !default;\n\n/// Active font color of tab item.\n/// @type Color\n$tab-active-color: $primary-color !default;\n\n/// Font size of tab items.\n/// @type Number\n$tab-item-font-size: rem-calc(12) !default;\n\n/// Default background color on hover for items in a Menu.\n$tab-item-background-hover: $white !default;\n\n/// Default padding of a tab item.\n/// @type Number\n$tab-item-padding: 1.25rem 1.5rem !default;\n\n/// Default background color of tab content.\n/// @type Color\n$tab-content-background: $white !default;\n\n/// Default border color of tab content.\n/// @type Color\n$tab-content-border: $light-gray !default;\n\n/// Default text color of tab content.\n/// @type Color\n$tab-content-color: $body-font-color !default;\n\n/// Default padding for tab content.\n/// @type Number | List\n$tab-content-padding: 1rem !default;\n\n/// Adds styles for a tab container. Apply this to a `<ul>`.\n@mixin tabs-container (\n  $margin: $tab-margin,\n  $background: $tab-background,\n  $border-color: $tab-content-border\n) {\n  @include clearfix;\n  margin: $margin;\n  border: 1px solid $border-color;\n  background: $background;\n  list-style-type: none;\n}\n\n/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.\n@mixin tabs-container-vertical {\n  > li {\n    display: block;\n    float: none;\n    width: auto;\n  }\n}\n\n/// Adds styles for the links within a tab container. Apply this to the `<li>` elements inside a tab container.\n@mixin tabs-title (\n  $padding: $tab-item-padding,\n  $font-size: $tab-item-font-size,\n  $color: $tab-color,\n  $color-active: $tab-active-color,\n  $background-hover: $tab-item-background-hover,\n  $background-active: $tab-background-active\n) {\n  float: #{$global-left};\n\n  > a {\n    @include disable-mouse-outline;\n    display: block;\n    padding: $padding;\n    font-size: $font-size;\n    line-height: 1;\n    color: $color;\n\n    &:hover {\n      background: $background-hover;\n      color: scale-color($color, $lightness: -14%);\n    }\n\n    &:focus,\n    &[aria-selected='true'] {\n      background: $background-active;\n      color: $color-active;\n    }\n  }\n}\n\n/// Adds styles for the wrapper that surrounds a tab group's content panes.\n@mixin tabs-content (\n  $background: $tab-content-background,\n  $color: $tab-content-color,\n  $border-color: $tab-content-border\n) {\n  border: 1px solid $border-color;\n  border-top: 0;\n  background: $background;\n  color: $color;\n  transition: all 0.5s ease;\n}\n\n/// Augments a tab content container to have a vertical style, by shifting the border around. Use this in conjunction with `tabs-content()`.\n@mixin tabs-content-vertical (\n  $border-color: $tab-content-border\n) {\n  border: 1px solid $border-color;\n  border-#{$global-left}: 0;\n}\n\n/// Adds styles for an individual tab content panel within the tab content container.\n@mixin tabs-panel (\n  $padding: $tab-content-padding\n) {\n  display: none;\n  padding: $padding;\n\n  &.is-active {\n    display: block;\n  }\n}\n\n@mixin foundation-tabs {\n  .tabs {\n    @include tabs-container;\n  }\n\n  // Vertical\n  .tabs.vertical {\n    @include tabs-container-vertical;\n  }\n\n  // Simple\n  .tabs.simple {\n    > li > a {\n      padding: 0;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n  }\n\n  // Primary color\n  .tabs.primary {\n    background: $primary-color;\n\n    > li > a {\n      color: color-pick-contrast($primary-color);\n\n      &:hover,\n      &:focus {\n        background: smart-scale($primary-color);\n      }\n    }\n  }\n\n  .tabs-title {\n    @include tabs-title;\n  }\n\n  .tabs-content {\n    @include tabs-content;\n  }\n\n  .tabs-content.vertical {\n    @include tabs-content-vertical;\n  }\n\n  .tabs-panel {\n    @include tabs-panel;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group thumbnail\n////\n\n/// Border around thumbnail images.\n/// @type Border\n$thumbnail-border: 4px solid $white !default;\n\n/// Bottom margin for thumbnail images.\n/// @type Length\n$thumbnail-margin-bottom: $global-margin !default;\n\n/// Box shadow under thumbnail images.\n/// @type Shadow\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default;\n\n/// Box shadow under thumbnail images.\n/// @type Shadow\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default;\n\n/// Transition proprties for thumbnail images.\n/// @type Transition\n$thumbnail-transition: box-shadow 200ms ease-out !default;\n\n/// Default radius for thumbnail images.\n/// @type Number\n$thumbnail-radius: $global-radius !default;\n\n/// Adds thumbnail styles to an element.\n@mixin thumbnail {\n  display: inline-block;\n  max-width: 100%;\n  margin-bottom: $thumbnail-margin-bottom;\n\n  border: $thumbnail-border;\n  border-radius: $thumbnail-radius;\n  box-shadow: $thumbnail-shadow;\n\n  line-height: 0;\n}\n\n@mixin thumbnail-link {\n  transition: $thumbnail-transition;\n\n  &:hover,\n  &:focus {\n    box-shadow: $thumbnail-shadow-hover;\n  }\n\n  image {\n    box-shadow: none;\n  }\n}\n\n@mixin foundation-thumbnail {\n  .thumbnail {\n    @include thumbnail;\n  }\n\n  a.thumbnail {\n    @include thumbnail-link;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group menu\n////\n\n/// Margin of a menu.\n/// @type Number\n$menu-margin: 0 !default;\n\n/// Left-hand margin of a nested menu.\n/// @type Number\n$menu-nested-margin: $global-menu-nested-margin !default;\n\n/// Padding for items in a pill menu.\n/// @type Number\n$menu-items-padding: $global-menu-padding !default;\n\n/// margin for items in a simple menu.\n/// @type Number\n$menu-simple-margin: 1rem !default;\n\n/// Text color of an active menu item.\n/// @type Color\n$menu-item-color-active: $white !default;\n\n/// Alternative text color of an active menu item..\n/// @type Color\n$menu-item-color-alt-active: $black !default;\n\n/// Background color of an active menu item.\n/// @type Color\n$menu-item-background-active: get-color(primary) !default;\n\n/// Spacing between an icon and text in a menu item.\n/// @type Number\n$menu-icon-spacing: 0.25rem !default;\n\n/// Backward compatibility for menu state. If true, this duplicate `active` with `is-active`.\n/// But please note that `active` will be removed in upcoming versions.\n/// @type Boolean\n$menu-state-back-compat: true !default;\n\n/// Backward compatibility for menu centered. If true, this duplicate `.menu-centered > .menu` with `.menu.align-center`.\n/// But please note that `menu-centered` will be removed in upcoming versions.\n/// @type Boolean\n$menu-centered-back-compat: true !default;\n\n/// Backward compatibility for using `icon-*` classes without `.icons` classes\n/// But please note that this backward compatibility will be removed in upcoming versions.\n/// @type Boolean\n$menu-icons-back-compat: true !default;\n\n/// Creates the base styles for a Menu.\n@mixin menu-base {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  position: relative;\n\n  @if $global-flexbox {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  li {\n    @include disable-mouse-outline;\n  }\n\n  a,\n  .button {\n    line-height: 1;\n    text-decoration: none;\n    display: block;\n    padding: $menu-items-padding;\n  }\n\n  // Reset styles of inner elements\n  input,\n  select,\n  a,\n  button {\n    margin-bottom: 0;\n  }\n\n  input {\n    display: inline-block;\n  }\n}\n\n/// Expands the items of a Menu, so each item is the same width.\n@mixin menu-expand {\n  @if $global-flexbox {\n    li {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n  }\n  @else {\n    display: table;\n    width: 100%;\n\n    > li {\n      display: table-cell;\n      vertical-align: middle;\n    }\n  }\n}\n\n/// Align menu items.\n@mixin menu-align($alignment) {\n  @if $alignment == left {\n    @if $global-flexbox {\n      justify-content: flex-start;\n    }\n    @else {\n      text-align: $global-left;\n    }\n  }\n  @else if $alignment == right {\n    @if $global-flexbox {\n      li {\n        display: flex;\n        justify-content: flex-end;\n\n        .submenu li {\n          justify-content: flex-start;\n        }\n      }\n\n      &.vertical li {\n        display: block;\n        text-align: $global-right;\n\n        .submenu li {\n          text-align: $global-right;\n        }\n      }\n    }\n    @else {\n      text-align: $global-right;\n\n      .submenu li {\n        text-align: $global-left;\n      }\n\n      &.vertical {\n        .submenu li {\n          text-align: $global-right;\n        }\n      }\n    }\n  }\n  @else if $alignment == center {\n    @if $global-flexbox {\n      li {\n        display: flex;\n        justify-content: center;\n\n        .submenu li {\n          justify-content: flex-start;\n        }\n      }\n    }\n    @else {\n      text-align: center;\n\n      .submenu li {\n        text-align: $global-left;\n      }\n    }\n  }\n}\n\n/// Sets the direction of a Menu.\n/// @param {Keyword} $dir [horizontal] - Direction of the Menu. Can be `horizontal` or `vertical`.\n@mixin menu-direction($dir: horizontal) {\n  @if $dir == horizontal {\n    @if $global-flexbox {\n      flex-wrap: wrap;\n      flex-direction: row;\n    }\n    @else {\n      li {\n        display: inline-block;\n      }\n    }\n  }\n  @else if $dir == vertical {\n    @if $global-flexbox {\n      flex-wrap: nowrap;\n      flex-direction: column;\n    }\n    @else {\n      li {\n        display: block;\n      }\n    }\n  }\n  @else {\n    @warn 'The direction used for menu-direction() must be horizontal or vertical.';\n  }\n}\n\n/// Creates a simple Menu, which has no padding or hover state.\n/// @param {Keyword} $dir [$global-left] - Direction of the menu. This effects the side of the `<li>` that receives the margin.\n/// @param {Number} $margin [$menu-simple-margin] - The margin to apply to each `<li>`.\n@mixin menu-simple($dir: $global-left, $margin: $menu-simple-margin) {\n  @if $global-flexbox {\n    align-items: center;\n  }\n\n  li + li {\n    margin-#{$dir}: $margin;\n  }\n\n  a {\n    padding: 0;\n  }\n}\n\n/// Adds styles for a nested Menu, by adding `margin-left` to the menu.\n/// @param {Keyword|Number} $margin [$menu-nested-margin] - Length of the margin.\n/// @param {Keyword} $nested-alignment [left] - Alignment of the nested class\n@mixin menu-nested(\n  $margin: $menu-nested-margin,\n  $nested-alignment: left\n) {\n  @if $nested-alignment == right {\n    margin-#{$global-right}: $margin;\n    margin-#{$global-left}: 0;\n  }\n  @else {\n    margin-#{$global-right}: 0;\n    margin-#{$global-left}: $margin;\n  }\n\n}\n\n/// Adds basic styles for icons in menus.\n@mixin menu-icons() {\n  @if $global-flexbox {\n    a {\n      display: flex;\n    }\n  }\n  @else {\n    img,\n    i,\n    svg {\n      vertical-align: middle;\n\n      + span {\n        vertical-align: middle;\n      }\n    }\n  }\n}\n\n/// Align top/bottom icons within a menu.\n/// @param {Keyword} $alignment [center] - Alignment of the icon\n@mixin menu-icon-alignment($alignment: center) {\n  @if $global-flexbox {\n    &.icon-top,\n    &.icon-bottom {\n      li a {\n        img,\n        i,\n        svg {\n          @if $alignment == left {\n            text-align: left;\n          }\n\n          @else if $alignment == right {\n            text-align: right;\n          }\n\n          @else {\n            text-align: center;\n          }\n        }\n      }\n    }\n  }\n}\n\n/// Adds position classes for icons within a menu.\n@mixin menu-icon-position($position: left, $spacing: $menu-icon-spacing) {\n  @if $position == left {\n    li a {\n      @if $global-flexbox {\n        flex-flow: row nowrap;\n      }\n\n      img,\n      i,\n      svg {\n        margin-#{$global-right}: $spacing;\n\n        @if not $global-flexbox {\n          display: inline-block;\n        }\n      }\n    }\n  }\n  @else if $position == right {\n    li a {\n      @if $global-flexbox {\n        flex-flow: row nowrap;\n      }\n\n      img,\n      i,\n      svg {\n        margin-#{$global-left}: $spacing;\n\n        @if not $global-flexbox {\n          display: inline-block;\n        }\n      }\n    }\n  }\n  @else if $position == top {\n    li a {\n      @if $global-flexbox {\n        flex-flow: column nowrap;\n      }\n      @else {\n        text-align: center;\n      }\n\n      img,\n      i,\n      svg {\n        @if not $global-flexbox {\n          display: block;\n          margin: 0 auto $spacing;\n        }\n        @else {\n          align-self: stretch;\n          margin-bottom: $spacing;\n          text-align: center;\n        }\n      }\n    }\n  }\n  @else if $position == bottom {\n    li a {\n      @if $global-flexbox {\n        flex-flow: column nowrap;\n      }\n      @else {\n        text-align: center;\n      }\n\n      img,\n      i,\n      svg {\n        @if not $global-flexbox {\n          display: block;\n          margin: $spacing auto 0;\n        }\n        @else {\n          align-self: stretch;\n          margin-bottom: $spacing;\n          text-align: center;\n        }\n      }\n    }\n  }\n}\n\n@mixin menu-text {\n  padding: $global-menu-padding;\n\n  font-weight: bold;\n  line-height: 1;\n  color: inherit;\n}\n\n@mixin menu-state-active {\n  background: $menu-item-background-active;\n  color: color-pick-contrast($menu-item-background-active, ($menu-item-color-active, $menu-item-color-alt-active));\n}\n\n@mixin foundation-menu {\n  .menu {\n    @include menu-base;\n\n    // Default orientation: horizontal\n    &, &.horizontal {\n      @include menu-direction(horizontal);\n    }\n\n    // Vertical orientation modifier\n    &.vertical {\n      @include menu-direction(vertical);\n      @include menu-icon-alignment(left);\n    }\n\n    // Even-width modifier for horizontal orientation\n    &.expanded {\n      @include menu-expand;\n      @include menu-icon-alignment(left);\n    }\n\n    // Simple\n    &.simple {\n      @include menu-simple;\n    }\n\n    // Breakpoint specific versions\n    @include -zf-each-breakpoint($small: false) {\n      &.#{$-zf-size}-horizontal {\n        @include menu-direction(horizontal);\n      }\n\n      &.#{$-zf-size}-vertical {\n        @include menu-direction(vertical);\n      }\n\n      &.#{$-zf-size}-expanded {\n        @include menu-expand;\n      }\n\n      &.#{$-zf-size}-simple {\n        @include menu-expand;\n      }\n    }\n\n    // Nesting\n    &.nested {\n      @include menu-nested;\n    }\n\n    // Icon Base Styles\n    &.icons {\n      @include menu-icons;\n    }\n\n    // Backward Compatibility for active state\n    @if $menu-icons-back-compat {\n      &.icon-top,\n      &.icon-right,\n      &.icon-bottom,\n      &.icon-left {\n        @include menu-icons;\n      }\n    }\n\n    // Menu icon position\n    // Includes specificity to nested icons with a different position\n    &,\n    &.nested {\n      // Icon Left\n      &.icon-left {\n        @include menu-icon-position(left);\n      }\n\n      // Icon Right\n      &.icon-right {\n        @include menu-icon-position(right);\n      }\n\n      // Icon Top\n      &.icon-top {\n        @include menu-icon-position(top);\n      }\n\n      // Icon Bottom\n      &.icon-bottom {\n        @include menu-icon-position(bottom);\n      }\n    }\n\n    // Active state\n    .is-active > a {\n      @include menu-state-active;\n    }\n\n    // Backward Compatibility for active state\n    @if $menu-state-back-compat {\n      .active > a {\n        @include menu-state-active;\n      }\n    }\n\n    // Align left\n    &.align-#{$global-left} {\n      @include menu-align(left);\n    }\n\n    // Align right\n    &.align-#{$global-right} {\n      @include menu-align(right);\n      @include menu-icon-alignment(right);\n\n      .nested {\n        @include menu-nested($nested-alignment: right);\n      }\n    }\n\n    // Align center\n    &.align-center {\n      @include menu-align(center);\n    }\n\n    .menu-text {\n      @include menu-text;\n    }\n  }\n\n  @if $menu-centered-back-compat {\n    .menu-centered {\n      > .menu {\n        @if $global-flexbox {\n          justify-content: center;\n        }\n\n        @include menu-align(center);\n      }\n    }\n  }\n\n  // Prevent FOUC when using the Responsive Menu plugin\n  .no-js [data-responsive-menu] ul {\n    display: none;\n  }\n}\n","@mixin foundation-menu-icon {\n  .menu-icon {\n    @include hamburger($color: $titlebar-icon-color, $color-hover: $titlebar-icon-color-hover);\n  }\n\n  .menu-icon.dark {\n    @include hamburger;\n  }\n}\n","////\n/// @group accordion-menu\n////\n\n/// Sets accordion menu padding.\n/// @type Number\n$accordionmenu-padding: $global-menu-padding !default;\n\n/// Sets accordion menu nested margin\n/// @type Number\n$accordionmenu-nested-margin: $global-menu-nested-margin !default;\n\n/// Sets accordion menu submenu padding.\n/// @type Number\n$accordionmenu-submenu-padding: $accordionmenu-padding !default;\n\n/// Sets if accordion menus have the default arrow styles.\n/// @type Boolean\n$accordionmenu-arrows: true !default;\n\n/// Sets accordion menu arrow color if arrow is used.\n/// @type Color\n$accordionmenu-arrow-color: $primary-color !default;\n\n/// Sets accordion menu item padding.\n/// @type Color\n$accordionmenu-item-background: null !default;\n\n/// Sets accordion menu item border.\n/// @type Color\n$accordionmenu-border: null !default;\n\n/// Sets accordion menu item padding.\n/// @type Color\n$accordionmenu-submenu-toggle-background: null !default;\n\n/// Sets accordion menu item padding.\n/// @type List\n$accordion-submenu-toggle-border: $accordionmenu-border !default;\n\n/// Sets accordion menu submenu toggle background width.\n/// @type Number\n$accordionmenu-submenu-toggle-width: 40px !default;\n\n/// Sets accordion menu submenu toggle background height.\n/// @type Number\n$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width !default;\n\n/// Sets accordion menu arrow size if arrow is used.\n/// @type Length\n$accordionmenu-arrow-size: 6px !default;\n\n@mixin zf-accordion-menu-left-right-arrows {\n  .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {\n    position: relative;\n\n    &::after {\n      @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);\n      position: absolute;\n      top: 50%;\n      margin-top: -1 * ($accordionmenu-arrow-size * 0.5);\n      #{$global-right}: 1rem;\n    }\n  }\n\n  &.align-left .is-accordion-submenu-parent > a::after {\n    right: 1rem;\n    left: auto;\n  }\n\n  &.align-right .is-accordion-submenu-parent > a::after {\n    right: auto;\n    left: 1rem;\n  }\n}\n@mixin foundation-accordion-menu {\n\n  .accordion-menu {\n    @if $accordionmenu-border {\n      border-bottom: $accordionmenu-border;\n    }\n\n    li {\n      @if $accordionmenu-border {\n        border-top: $accordionmenu-border;\n        border-right: $accordionmenu-border;\n        border-left: $accordionmenu-border;\n      }\n      width: 100%;\n    }\n\n    a {\n      @if $accordionmenu-item-background {\n        background: $accordionmenu-item-background;\n      }\n      padding: $accordionmenu-padding;\n    }\n\n    .is-accordion-submenu a {\n      padding: $accordionmenu-submenu-padding;\n    }\n\n    .nested.is-accordion-submenu {\n      @include menu-nested($accordionmenu-nested-margin);\n    }\n\n    &.align-#{$global-right} {\n      .nested.is-accordion-submenu {\n        @include menu-nested($accordionmenu-nested-margin, right);\n      }\n    }\n\n    @if $accordionmenu-arrows {\n      @include zf-accordion-menu-left-right-arrows;\n\n      .is-accordion-submenu-parent[aria-expanded='true'] > a::after {\n        transform: rotate(180deg);\n        transform-origin: 50% 50%;\n      }\n    }\n  }\n\n  .is-accordion-submenu li {\n    @if $accordionmenu-border {\n      border-right: 0;\n      border-left: 0;\n    }\n  }\n\n  .is-accordion-submenu-parent {\n    position: relative;\n  }\n\n  .has-submenu-toggle > a {\n    margin-#{$global-right}: $accordionmenu-submenu-toggle-width;\n  }\n\n  // Submenu toggle\n  .submenu-toggle {\n    position: absolute;\n    top: 0;\n    #{$global-right}: 0;\n\n    width: $accordionmenu-submenu-toggle-width;\n    height: $accordionmenu-submenu-toggle-height;\n\n    cursor: pointer;\n\n    border-#{$global-left}: $accordion-submenu-toggle-border;\n\n    @if $accordionmenu-submenu-toggle-background {\n      background: $accordionmenu-submenu-toggle-background;\n    }\n\n    // Add the arrow to the toggle\n    &::after {\n      @include css-triangle(6px, $accordionmenu-arrow-color, down);\n\n      top: 0;\n      bottom: 0;\n      margin: auto;\n    }\n  }\n\n  // Rotate the arrow when menu is open\n  .submenu-toggle[aria-expanded='true']::after {\n    transform: scaleY(-1);\n    transform-origin: 50% 50%;\n  }\n\n  .submenu-toggle-text {\n    @include element-invisible;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group drilldown\n////\n\n/// Transition property to use for animating menus.\n/// @type Transition\n$drilldown-transition: transform 0.15s linear !default;\n\n/// Adds arrows to drilldown items with submenus, as well as the back button.\n/// @type Boolean\n$drilldown-arrows: true !default;\n\n/// Sets drilldown menu item padding.\n/// @type Number\n$drilldown-padding: $global-menu-padding !default;\n\n/// Sets drilldown menu nested margin\n/// @type Number\n$drilldown-nested-margin: 0 !default;\n\n/// Background color for drilldown top level items.\n/// @type Color\n$drilldown-background: $white !default;\n\n/// Sets drilldown menu item padding in the submenu.\n/// @type Number\n$drilldown-submenu-padding: $drilldown-padding !default;\n\n/// Background color for drilldown submenus.\n/// @type Color\n$drilldown-submenu-background: $white !default;\n\n/// Sets drilldown arrow color if arrow is used.\n/// @type Color\n$drilldown-arrow-color: $primary-color !default;\n\n/// Sets drilldown arrow size if arrow is used.\n/// @type Length\n$drilldown-arrow-size: 6px !default;\n\n@mixin zf-drilldown-left-right-arrows {\n  .is-drilldown-submenu-parent > a {\n    position: relative;\n\n    &::after {\n      @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);\n      position: absolute;\n      top: 50%;\n      margin-top: -1 * $drilldown-arrow-size;\n      #{$global-right}: 1rem;\n    }\n  }\n\n  &.align-left .is-drilldown-submenu-parent > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);\n    right: 1rem;\n    left: auto;\n  }\n\n  &.align-right .is-drilldown-submenu-parent > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);\n    right: auto;\n    left: 1rem;\n  }\n\n}\n\n@mixin foundation-drilldown-menu {\n  // Applied to the Menu container\n  .is-drilldown {\n    position: relative;\n    overflow: hidden;\n\n    li {\n      display: block;\n    }\n\n    &.animate-height {\n      transition: height 0.5s;\n    }\n  }\n\n  // The top level <ul>\n  .drilldown {\n    a {\n      padding: $drilldown-padding;\n      background: $drilldown-background;\n    }\n\n    // Applied to submenu <ul>s\n    .is-drilldown-submenu {\n      position: absolute;\n      top: 0;\n      #{$global-left}: 100%;\n      z-index: -1;\n\n      width: 100%;\n      background: $drilldown-submenu-background;\n      transition: $drilldown-transition;\n\n      &.is-active {\n        z-index: 1;\n        display: block;\n        transform: translateX(if($global-text-direction == ltr, -100%, 100%));\n      }\n\n      &.is-closing {\n        transform: translateX(if($global-text-direction == ltr, 100%, -100%));\n      }\n\n      // Submenu item padding\n      a {\n        padding: $drilldown-submenu-padding;\n      }\n    }\n\n    .nested.is-drilldown-submenu {\n      @include menu-nested($drilldown-nested-margin);\n    }\n\n    .drilldown-submenu-cover-previous {\n      min-height: 100%;\n    }\n\n    @if $drilldown-arrows {\n      @include zf-drilldown-left-right-arrows;\n\n      .js-drilldown-back > a::before {\n        @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-left);\n        display: inline-block;\n        vertical-align: middle;\n        margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group dropdown-menu\n////\n\n/// Enables arrows for items with dropdown menus.\n/// @type Boolean\n$dropdownmenu-arrows: true !default;\n\n/// Sets dropdown menu arrow color if arrow is used.\n/// @type Color\n$dropdownmenu-arrow-color: $anchor-color !default;\n\n/// Sets dropdown menu arrow size if arrow is used.\n/// @type Length\n$dropdownmenu-arrow-size: 6px !default;\n\n/// Sets dropdown menu arrow padding for aligning the arrow correctly.\n/// @type Length\n$dropdownmenu-arrow-padding: 1.5rem !default;\n\n/// Minimum width of dropdown sub-menus.\n/// @type Length\n$dropdownmenu-min-width: 200px !default;\n\n/// Background color for top level items.\n/// @type Color\n$dropdownmenu-background: null !default;\n\n/// Background color for dropdowns.\n/// @type Color\n$dropdownmenu-submenu-background: $white !default;\n\n/// Padding for top level items.\n/// @type Number\n$dropdownmenu-padding: $global-menu-padding !default;\n\n/// Sets dropdown menu nested margin\n/// @type Number\n$dropdownmenu-nested-margin: 0 !default;\n\n/// Padding for sub-menu items.\n/// @type Number\n$dropdownmenu-submenu-padding: $dropdownmenu-padding !default;\n\n/// Border for dropdown sub-menus.\n/// @type List\n$dropdownmenu-border: 1px solid $medium-gray !default;\n\n// Border width for dropdown sub-menus.\n// Used to adjust top margin of a sub-menu if a border is used.\n// @type Length\n$dropdownmenu-border-width: nth($dropdownmenu-border, 1);\n\n/// Text color of an active dropdown menu item. Explicit override for menu defaults\n/// @type Color\n$dropdown-menu-item-color-active: get-color(primary) !default;\n\n/// Background color of an active dropdown menu item. Explicit override for menu defaults\n/// @type Color\n$dropdown-menu-item-background-active: transparent !default;\n\n@mixin zf-dropdown-left-right-arrows {\n  > a::after {\n    #{$global-right}: 14px;\n  }\n\n  &.opens-left > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);\n    right: auto;\n    left: 5px;\n  }\n\n  &.opens-right > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);\n  }\n}\n\n@mixin dropdown-menu-direction($dir: horizontal) {\n  @if $dir == horizontal {\n    > li.opens-left { // sass-lint:disable-line no-qualifying-elements\n      > .is-dropdown-submenu {\n        top: 100%;\n        right: 0;\n        left: auto;\n      }\n    }\n\n    > li.opens-right { // sass-lint:disable-line no-qualifying-elements\n      > .is-dropdown-submenu {\n        top: 100%;\n        right: auto;\n        left: 0;\n      }\n    }\n\n    @if $dropdownmenu-arrows {\n      > li.is-dropdown-submenu-parent > a { // sass-lint:disable-line no-qualifying-elements\n        position: relative;\n        padding-#{$global-right}: $dropdownmenu-arrow-padding;\n      }\n\n      > li.is-dropdown-submenu-parent > a::after { // sass-lint:disable-line no-qualifying-elements\n        @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, down);\n        #{$global-right}: 5px;\n        #{$global-left}: auto;\n        margin-top: -1 * ($dropdownmenu-arrow-size * 0.5);\n      }\n    }\n  }\n  @else if $dir == vertical {\n    > li {\n      .is-dropdown-submenu {\n        top: 0;\n      }\n\n      &.opens-left {\n        > .is-dropdown-submenu {\n          top: 0;\n          right: 100%;\n          left: auto;\n        }\n      }\n\n      &.opens-right {\n        > .is-dropdown-submenu {\n          right: auto;\n          left: 100%;\n        }\n      }\n\n      @if $dropdownmenu-arrows {\n        @include zf-dropdown-left-right-arrows;\n      }\n    }\n  }\n  @else {\n    @warn 'The direction used for dropdown-menu-direction() must be horizontal or vertical.';\n  }\n}\n\n@mixin foundation-dropdown-menu {\n  .dropdown.menu {\n    @include dropdown-menu-direction(horizontal);\n\n    a {\n      @include disable-mouse-outline;\n    }\n\n    // Top-level item\n    > li > a {\n      background: $dropdownmenu-background;\n      padding: $dropdownmenu-padding;\n    }\n\n    // Top-level item active state\n    > li.is-active > a {\n      background: $dropdown-menu-item-background-active;\n      color: $dropdown-menu-item-color-active;\n    }\n\n    .no-js & ul {\n      display: none;\n    }\n\n    .nested.is-dropdown-submenu {\n      @include menu-nested($dropdownmenu-nested-margin);\n    }\n\n    &.vertical {\n      @include dropdown-menu-direction(vertical);\n    }\n\n    @each $size in $breakpoint-classes {\n      @if $size != $-zf-zero-breakpoint {\n        @include breakpoint($size) {\n          &.#{$size}-horizontal {\n            @include dropdown-menu-direction(horizontal);\n          }\n\n          &.#{$size}-vertical {\n            @include dropdown-menu-direction(vertical);\n          }\n        }\n      }\n    }\n\n    &.align-right {\n      .is-dropdown-submenu.first-sub {\n        top: 100%;\n        right: 0;\n        left: auto;\n      }\n    }\n  }\n\n  .is-dropdown-menu.vertical {\n    width: 100px;\n\n    &.align-right {\n      float: right;\n    }\n  }\n\n  .is-dropdown-submenu-parent {\n    position: relative;\n\n    a::after {\n      position: absolute;\n      top: 50%;\n      #{$global-right}: 5px;\n      #{$global-left}: auto;\n      margin-top: -1 * $dropdownmenu-arrow-size;\n    }\n\n    &.opens-inner > .is-dropdown-submenu {\n\n      top: 100%;\n      @if $global-text-direction == 'rtl' {\n        right: auto;\n      }\n      @else {\n        left: auto;\n      }\n    }\n\n    &.opens-left > .is-dropdown-submenu {\n      right: 100%;\n      left: auto;\n    }\n\n    &.opens-right > .is-dropdown-submenu {\n      right: auto;\n      left: 100%;\n    }\n  }\n\n  .is-dropdown-submenu {\n    position: absolute;\n    top: 0;\n    #{$global-left}: 100%;\n    z-index: 1;\n\n    display: none;\n    min-width: $dropdownmenu-min-width;\n\n    border: $dropdownmenu-border;\n    background: $dropdownmenu-submenu-background;\n\n    .dropdown & a {\n      padding: $dropdownmenu-submenu-padding;\n    }\n\n    .is-dropdown-submenu-parent {\n      @if $dropdownmenu-arrows {\n        @include zf-dropdown-left-right-arrows;\n      }\n    }\n\n    @if (type-of($dropdownmenu-border-width) == 'number') {\n      .is-dropdown-submenu {\n        margin-top: (-$dropdownmenu-border-width);\n      }\n    }\n\n    > li {\n      width: 100%;\n    }\n\n    // [TODO] Cut back specificity\n    //&:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &, // why is this line needed? Opening is handled by JS and this causes some ugly flickering when the sub is re-positioned automatically...\n    &.js-dropdown-active {\n      display: block;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group off-canvas\n////\n\n/// Width map of a left/right off-canvas panel.\n/// @type Map\n$offcanvas-sizes: (\n  small: 250px,\n) !default;\n\n/// Height map of a top/bottom off-canvas panel.\n/// @type Map\n$offcanvas-vertical-sizes: (\n  small: 250px,\n) !default;\n\n/// Background color of an off-canvas panel.\n/// @type Color\n$offcanvas-background: $light-gray !default;\n\n/// Box shadow for the off-canvas overlap panel.\n/// @type Shadow\n$offcanvas-shadow: 0 0 10px rgba($black, 0.7) !default;\n\n/// Inner box shadow size for the off-canvas push panel.\n/// @type Number\n$offcanvas-inner-shadow-size: 20px !default;\n\n/// Inner box shadow color for the off-canvas push panel.\n/// @type Color\n$offcanvas-inner-shadow-color: rgba($black, 0.25) !default;\n\n/// Z-index of an off-canvas content overlay.\n/// @type Number\n$offcanvas-overlay-zindex: 11 !default;\n\n/// Z-index of an off-canvas panel with the `push` transition.\n/// @type Number\n$offcanvas-push-zindex: 12 !default;\n\n/// Z-index of an off-canvas panel with the `overlap` transition.\n/// @type Number\n$offcanvas-overlap-zindex: 13 !default;\n\n/// Z-index of an off-canvas panel using the `reveal-for-*` classes or mixin.\n/// @type Number\n$offcanvas-reveal-zindex: 12 !default;\n\n/// Length of the animation on an off-canvas panel.\n/// @type Number\n$offcanvas-transition-length: 0.5s !default;\n\n/// Timing function of the animation on an off-canvas panel.\n/// @type Keyword\n$offcanvas-transition-timing: ease !default;\n\n/// If `true`, a revealed off-canvas will be fixed-position, and scroll with the screen.\n/// @type Bool\n$offcanvas-fixed-reveal: true !default;\n\n/// Background color for the overlay that appears when an off-canvas panel is open.\n/// @type Color\n$offcanvas-exit-background: rgba($white, 0.25) !default;\n\n/// CSS class used for the main content area. The off-canvas mixins use this to target the page content.\n$maincontent-class: 'off-canvas-content' !default;\n\n/// Adds baseline styles for off-canvas. This CSS is required to make the other pieces work.\n@mixin off-canvas-basics {\n\n  /// Transform deprecated size settings into map & show warning\n  @if variable-exists(offcanvas-size) {\n    $offcanvas-sizes: (small: $offcanvas-size, medium: $offcanvas-size) !global;\n    @warn '$offcanvas-size is deprecated and not used anymore! Please update your settings and use the map $offcanvas-sizes instead';\n  }\n  @if variable-exists(offcanvas-vertical-size) {\n    $offcanvas-vertical-sizes: (small: $offcanvas-vertical-size, medium: $offcanvas-vertical-size) !global;\n    @warn '$offcanvas-vertical-size is deprecated and not used anymore! Please update your settings and use the map $offcanvas-vertical-sizes instead';\n  }\n\n  // Checks the z-indexes and increase them due to backwards compatibility.\n  // This is necessary because the overlay's z-index is new since v6.4 and may be identical to the user custom settings of the push z-index.\n  @if $offcanvas-push-zindex <= $offcanvas-overlay-zindex { $offcanvas-push-zindex: $offcanvas-overlay-zindex + 1 !global; }\n  @if $offcanvas-overlap-zindex <= $offcanvas-push-zindex { $offcanvas-overlap-zindex: $offcanvas-push-zindex + 1 !global; }\n  @if $offcanvas-reveal-zindex <= $offcanvas-overlay-zindex { $offcanvas-reveal-zindex: $offcanvas-overlay-zindex + 1 !global; }\n\n  // Hides overflow on body when an off-canvas panel is open.\n  .is-off-canvas-open {\n    overflow: hidden;\n  }\n\n  // Off-canvas overlay (generated by JavaScript)\n  .js-off-canvas-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: $offcanvas-overlay-zindex;\n\n    width: 100%;\n    height: 100%;\n\n    transition: opacity $offcanvas-transition-length $offcanvas-transition-timing, visibility $offcanvas-transition-length $offcanvas-transition-timing;\n\n    background: $offcanvas-exit-background;\n\n    opacity: 0;\n    visibility: hidden;\n\n    overflow: hidden;\n\n    &.is-visible {\n      opacity: 1;\n      visibility: visible;\n    }\n\n    &.is-closable {\n      cursor: pointer;\n    }\n\n    &.is-overlay-absolute {\n      position: absolute;\n    }\n\n    &.is-overlay-fixed {\n      position: fixed;\n    }\n  }\n}\n\n// Adds basic styles for an off-canvas wrapper.\n@mixin off-canvas-wrapper() {\n  position: relative;\n  overflow: hidden;\n}\n\n/// Adds basic styles for an off-canvas panel.\n@mixin off-canvas-base(\n  $background: $offcanvas-background,\n  $transition: $offcanvas-transition-length $offcanvas-transition-timing,\n  $fixed: true\n) {\n  @include disable-mouse-outline;\n\n  @if $fixed == true {\n    position: fixed;\n  }\n  @else {\n    position: absolute;\n  }\n\n  // Set the off-canvas z-index.\n  z-index: $offcanvas-push-zindex;\n\n  // Increase CSS specificity\n  &.is-transition-push {\n    z-index: $offcanvas-push-zindex;\n  }\n\n  transition: transform $transition;\n  backface-visibility: hidden;\n\n  background: $background;\n\n  // Hide inactive off-canvas within the content that have the same position\n  &.is-closed {\n    visibility: hidden;\n  }\n\n  // Overlap only styles.\n  &.is-transition-overlap {\n    z-index: $offcanvas-overlap-zindex;\n\n    &.is-open {\n      box-shadow: $offcanvas-shadow;\n    }\n  }\n\n  // Sets transform to 0 to show an off-canvas panel.\n  &.is-open {\n    transform: translate(0, 0);\n  }\n}\n\n/// Adds styles to position an off-canvas panel to the left/right/top/bottom.\n@mixin off-canvas-position(\n  $position: left,\n  $orientation: horizontal,\n  $sizes: if($orientation == horizontal, $offcanvas-sizes, $offcanvas-vertical-sizes)\n) {\n  @if $position == left {\n    top: 0;\n    left: 0;\n    height: 100%;\n    overflow-y: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        width: $size;\n        transform: translateX(-$size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateX(-$size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateX($size);\n          }\n        }\n      }\n    }\n  }\n  @else if $position == right {\n    top: 0;\n    right: 0;\n    height: 100%;\n    overflow-y: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        width: $size;\n        transform: translateX($size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateX($size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateX(-$size);\n          }\n        }\n      }\n    }\n  }\n  @else if $position == top {\n    top: 0;\n    left: 0;\n    width: 100%;\n    overflow-x: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        height: $size;\n        transform: translateY(-$size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateY(-$size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateY($size);\n          }\n        }\n      }\n    }\n  }\n  @else if $position == bottom {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    overflow-x: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        height: $size;\n        transform: translateY($size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateY($size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateY(-$size);\n          }\n        }\n      }\n    }\n  }\n\n  // If $offcanvas-inner-shadow-size is set, add inner box-shadow.\n  // This mimics the off-canvas panel having a lower z-index, without having to have one.\n  @if $offcanvas-inner-shadow-size {\n    &.is-transition-push {\n      @if $position == left {\n        @include inner-side-shadow(right, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n      @else if $position == right {\n        @include inner-side-shadow(left, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n      @else if $position == top {\n        @include inner-side-shadow(bottom, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n      @else if $position == bottom {\n        @include inner-side-shadow(top, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n    }\n  }\n\n}\n\n/// Sets the styles for the content container.\n@mixin off-canvas-content() {\n  transform: none;\n  backface-visibility: hidden;\n\n  // Bind to has-transition-X class to prevent transition for transform:none\n  &.has-transition-overlap,\n  &.has-transition-push {\n    transition: transform $offcanvas-transition-length $offcanvas-transition-timing;\n  }\n\n  // Transform scope until the element is closed (makes sure transitionend gets triggered)\n  &.has-transition-push {\n    transform: translate(0, 0);\n  }\n\n  // Consider element & content, nested in another content\n  .off-canvas.is-open {\n    transform: translate(0, 0);\n  }\n}\n\n/// Adds styles that reveal an off-canvas panel.\n@mixin off-canvas-reveal(\n$position: left,\n$zindex: $offcanvas-reveal-zindex,\n$content: $maincontent-class,\n$breakpoint: small\n) {\n  transform: none;\n  z-index: $zindex;\n  transition: none;\n  visibility: visible;\n\n  @if not $offcanvas-fixed-reveal {\n    position: absolute;\n  }\n\n  .close-button {\n    display: none;\n  }\n\n  // Consider revealed element is nested in content\n  .#{$maincontent-class} & {\n    transform: none;\n  }\n\n  @at-root .#{$content}.has-reveal-#{$position} {\n    margin-#{$position}: -zf-get-bp-val($offcanvas-sizes, $breakpoint);\n  }\n\n  // backwards compatibility (prior to v6.4)\n  & ~ .#{$content} {\n    margin-#{$position}: -zf-get-bp-val($offcanvas-sizes, $breakpoint);\n  }\n}\n\n/// Overrides the off-canvas styles\n@mixin in-canvas() {\n  visibility: visible;\n  height: auto;\n  position: static;\n  background: none;\n  width: auto;\n  overflow: visible;\n  transition: none;\n\n  // Increase CSS specificity\n  &.position-left,\n  &.position-right,\n  &.position-top,\n  &.position-bottom {\n    box-shadow: none;\n    transform: none;\n  }\n\n  .close-button {\n    display: none;\n  }\n}\n\n@mixin foundation-off-canvas {\n  @include off-canvas-basics;\n\n  // Off-canvas wrapper\n  .off-canvas-wrapper {\n    @include off-canvas-wrapper;\n  }\n\n  // Off-canvas container\n  .off-canvas {\n    @include off-canvas-base;\n\n    // Force position absolute for nested off-canvas because fixed doesn't work for push transition within the transform scope.\n    @at-root .#{$maincontent-class} & {\n      // NOTE: since overlap transition is currently forced if nested, there's no need to force position absolute until nested push transition is supported.\n      // position: absolute;\n    }\n  }\n\n  // Off-canvas container with absolute position\n  .off-canvas-absolute {\n    @include off-canvas-base($fixed: false);\n  }\n\n  // Off-canvas position classes\n  .position-left    { @include off-canvas-position(left,   horizontal); }\n  .position-right   { @include off-canvas-position(right,  horizontal); }\n  .position-top     { @include off-canvas-position(top,    vertical); }\n  .position-bottom  { @include off-canvas-position(bottom, vertical); }\n\n  .off-canvas-content {\n    @include off-canvas-content;\n  }\n\n  // Reveal off-canvas panel on larger screens\n  @each $name, $value in $breakpoint-classes {\n    @if $name != $-zf-zero-breakpoint {\n      @include breakpoint($name) {\n        .position-left.reveal-for-#{$name} {\n          @include off-canvas-reveal(left, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n\n        .position-right.reveal-for-#{$name} {\n          @include off-canvas-reveal(right, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n\n        .position-top.reveal-for-#{$name} {\n          @include off-canvas-reveal(top, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n\n        .position-bottom.reveal-for-#{$name} {\n          @include off-canvas-reveal(bottom, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n      }\n    }\n  }\n\n  // Move in-canvas for larger screens\n  @each $name, $value in $breakpoint-classes {\n    @if $name != $-zf-zero-breakpoint {\n      @include breakpoint($name) {\n        .off-canvas.in-canvas-for-#{$name} {\n          @include in-canvas;\n        }\n      }\n    }\n  }\n}\n\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@mixin foundation-sticky {\n  .sticky-container {\n    position: relative;\n  }\n\n  .sticky {\n    position: relative;\n    z-index: 0;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .sticky.is-stuck {\n    position: fixed;\n    z-index: 5;\n    width: 100%;\n\n    &.is-at-top {\n      top: 0;\n    }\n\n    &.is-at-bottom {\n      bottom: 0;\n    }\n  }\n\n  .sticky.is-anchored {\n    position: relative;\n    right: auto;\n    left: auto;\n\n    &.is-at-bottom {\n      bottom: 0;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group title-bar\n////\n\n/// Background color of a title bar.\n/// @type Color\n$titlebar-background: $black !default;\n\n/// Color of text inside a title bar.\n/// @type Color\n$titlebar-color: $white !default;\n\n/// Padding inside a title bar.\n/// @type Length\n$titlebar-padding: 0.5rem !default;\n\n/// Font weight of text inside a title bar.\n/// @type Weight\n$titlebar-text-font-weight: bold !default;\n\n/// Color of menu icons inside a title bar.\n/// @type Color\n$titlebar-icon-color: $white !default;\n\n/// Color of menu icons inside a title bar on hover.\n/// @type Color\n$titlebar-icon-color-hover: $medium-gray !default;\n\n/// Spacing between the menu icon and text inside a title bar.\n/// @type Length\n$titlebar-icon-spacing: 0.25rem !default;\n\n@mixin foundation-title-bar {\n  .title-bar {\n    padding: $titlebar-padding;\n    background: $titlebar-background;\n    color: $titlebar-color;\n\n    @if $global-flexbox {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n    }\n    @else {\n      @include clearfix;\n    }\n\n    .menu-icon {\n      margin-#{$global-left}: $titlebar-icon-spacing;\n      margin-#{$global-right}: $titlebar-icon-spacing;\n    }\n  }\n\n  @if $global-flexbox {\n    .title-bar-left,\n    .title-bar-right {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n\n    .title-bar-right {\n      text-align: right;\n    }\n  }\n  @else {\n    .title-bar-left {\n      float: left;\n    }\n\n    .title-bar-right {\n      float: right;\n      text-align: right;\n    }\n  }\n\n  .title-bar-title {\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: $titlebar-text-font-weight;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group top-bar\n////\n\n/// Padding for the top bar.\n/// @type Number\n$topbar-padding: 0.5rem !default;\n\n/// Background color for the top bar. This color also cascades to menus within the top bar.\n/// @type Color\n$topbar-background: $light-gray !default;\n\n/// Background color submenus within the top bar. Usefull if $topbar-background is transparent.\n/// @type Color\n$topbar-submenu-background: $topbar-background !default;\n\n/// Spacing for the top bar title.\n/// @type Number\n$topbar-title-spacing: 0.5rem 1rem 0.5rem 0 !default;\n\n/// Maximum width of `<input>` elements inside the top bar.\n/// @type Number\n$topbar-input-width: 200px !default;\n\n/// Breakpoint at which top bar switches from mobile to desktop view.\n/// @type Breakpoint\n$topbar-unstack-breakpoint: medium !default;\n\n/// Adds styles for a top bar container.\n@mixin top-bar-container {\n  @if $global-flexbox {\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    align-items: center;\n  }\n  @else {\n    @include clearfix;\n  }\n\n  padding: $topbar-padding;\n\n  &,\n  ul {\n    background-color: $topbar-background;\n  }\n\n  // Check if $topbar-background is differnt from $topbar-background-submenu\n  @if ($topbar-background != $topbar-submenu-background) {\n    ul ul {\n      background-color: $topbar-submenu-background;\n    }\n  }\n\n  // Restrain width of inputs by default to make them easier to arrange\n  input {\n    max-width: $topbar-input-width;\n    margin-#{$global-right}: 1rem;\n  }\n\n  // The above styles shouldn't apply to input group fields\n  .input-group-field {\n    width: 100%;\n    margin-#{$global-right}: 0;\n  }\n\n  input.button { // sass-lint:disable-line no-qualifying-elements\n    width: auto;\n  }\n}\n\n/// Makes sections of a top bar stack on top of each other.\n@mixin top-bar-stacked {\n  @if $global-flexbox {\n    flex-wrap: wrap;\n\n    // Sub-sections\n    .top-bar-left,\n    .top-bar-right {\n      flex: 0 0 100%;\n      max-width: 100%;\n    }\n  }\n  @else {\n    // Sub-sections\n    .top-bar-left,\n    .top-bar-right {\n      width: 100%;\n    }\n  }\n}\n\n/// Undoes the CSS applied by the `top-bar-stacked()` mixin.\n@mixin top-bar-unstack {\n  @if $global-flexbox {\n    flex-wrap: nowrap;\n\n    .top-bar-left {\n      flex: 1 1 auto;\n      margin-right: auto;\n    }\n\n    .top-bar-right {\n      flex: 0 1 auto;\n      margin-left: auto;\n    }\n  }\n  @else {\n    .top-bar-left,\n    .top-bar-right {\n      width: auto;\n    }\n  }\n}\n\n@mixin foundation-top-bar {\n  // Top bar container\n  .top-bar {\n    @include top-bar-container;\n\n    // Stack on small screens by default\n    @include top-bar-stacked;\n\n    @include breakpoint($topbar-unstack-breakpoint) {\n      @include top-bar-unstack;\n    }\n\n    // Generate classes for stacking on each screen size (defined in $breakpoint-classes)\n    @each $size in $breakpoint-classes {\n      @if $size != $-zf-zero-breakpoint {\n        &.stacked-for-#{$size} {\n          @include breakpoint($size down) {\n            @include top-bar-stacked;\n          }\n        }\n      }\n    }\n  }\n\n  // Sub-sections\n  @if $global-flexbox {\n    .top-bar-title {\n      flex: 0 0 auto;\n      margin: $topbar-title-spacing;\n    }\n\n    .top-bar-left,\n    .top-bar-right {\n      flex: 0 0 auto;\n    }\n  }\n  @else {\n    .top-bar-title {\n      display: inline-block;\n      float: left;\n      padding: $topbar-title-spacing;\n\n      .menu-icon {\n        bottom: 2px;\n      }\n    }\n\n    .top-bar-left {\n      float: left;\n    }\n\n    .top-bar-right {\n      float: right;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group float\n////\n\n@mixin foundation-float-classes {\n  .float-left {\n    float: left !important;\n  }\n\n  .float-right {\n    float: right !important;\n  }\n\n  .float-center {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .clearfix {\n    @include clearfix;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group Flexbox Utilities\n////\n//\n/// Default value for the count of source ordering`\n/// @type Number\n$flex-source-ordering-count: 6 !default;\n\n/// Quickly disable/enable Responsive breakpoints for Vanilla Flex Helpers.\n/// @type Boolean\n$flexbox-responsive-breakpoints: true !default;\n\n@mixin flex-helpers {\n  .flex-container {\n    @include flex;\n  }\n\n  .flex-child-auto {\n    flex: 1 1 auto;\n  }\n\n  .flex-child-grow {\n    flex: 1 0 auto;\n  }\n\n  .flex-child-shrink {\n    flex: 0 1 auto;\n  }\n\n  @each $dir, $prop in $-zf-flex-direction {\n    .flex-dir-#{$dir} {\n      @include flex-direction($prop);\n    }\n  }\n\n  @if ($flexbox-responsive-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-flex-container {\n            @include flex;\n          }\n\n          .#{$size}-flex-child-auto {\n            flex: 1 1 auto;\n          }\n\n          .#{$size}-flex-child-grow {\n            flex: 1 0 auto;\n          }\n\n          .#{$size}-flex-child-shrink {\n            flex: 0 1 auto;\n          }\n\n          @each $dir, $prop in $-zf-flex-direction {\n            .#{$size}-flex-dir-#{$dir} {\n              @include flex-direction($prop);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@mixin foundation-flex-classes {\n  // Horizontal alignment using justify-content\n  @each $hdir, $prop in $-zf-flex-justify {\n    .align-#{$hdir} {\n      @include flex-align($x: $hdir);\n    }\n  }\n  \n  // Horizontal alignment Specifically for Vertical Menu\n  @each $hdir, $prop in map-remove($-zf-flex-justify, 'justify', 'spaced') {\n    .align-#{$hdir} {\n      &.vertical {\n        &.menu > li > a {\n          @include flex-align($x: $hdir);\n        }\n      }\n    }\n  }\n\n  // Vertical alignment using align-items and align-self\n  @each $vdir, $prop in $-zf-flex-align {\n    .align-#{$vdir} {\n      @include flex-align($y: $vdir);\n    }\n\n    .align-self-#{$vdir} {\n      @include flex-align-self($y: $vdir);\n    }\n  }\n\n  // Central alignment of content\n  .align-center-middle {\n    @include flex-align($x: center, $y: middle);\n    align-content: center;\n  }\n\n  // Source ordering\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $flex-source-ordering-count {\n      .#{$-zf-size}-order-#{$i} {\n        @include flex-order($i);\n      }\n    }\n  }\n\n  // Vanilla Flexbox Helpers\n  @include flex-helpers;\n}\n","@function -zf-flex-justify($text-direction){\n  $-zf-flex-justify: (\n    'left': if($text-direction == rtl, flex-end, flex-start),\n    'right': if($text-direction == rtl, flex-start, flex-end),\n    'center': center,\n    'justify': space-between,\n    'spaced': space-around,\n  );\n\n  @return $-zf-flex-justify;\n}\n\n\n$-zf-flex-align: (\n  'top': flex-start,\n  'bottom': flex-end,\n  'middle': center,\n  'stretch': stretch,\n);\n\n$-zf-flex-direction: (\n  'row': row,\n  'row-reverse': row-reverse,\n  'column': column,\n  'column-reverse': column-reverse,\n);\n\n/// Enables flexbox by adding `display: flex` to the element.\n@mixin flex {\n  display: flex;\n}\n\n/// Horizontally or vertically aligns the items within a flex container.\n///\n/// @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`, `right`, `center`, `justify`, or `spaced`. Or, set it to `null` (the default) to not set horizontal alignment.\n/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.\n@mixin flex-align($x: null, $y: null) {\n  @if $x {\n    @if map-has-key($-zf-flex-justify, $x) {\n      $x: map-get($-zf-flex-justify, $x);\n    }\n    @else {\n      @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.';\n    }\n  }\n\n  @if $y {\n    @if map-has-key($-zf-flex-align, $y) {\n      $y: map-get($-zf-flex-align, $y);\n    }\n    @else {\n      @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.';\n    }\n  }\n\n  justify-content: $x;\n  align-items: $y;\n}\n\n/// Vertically align a single column within a flex row. Apply this mixin to a flex column.\n///\n/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.\n@mixin flex-align-self($y: null) {\n  @if $y {\n    @if map-has-key($-zf-flex-align, $y) {\n      $y: map-get($-zf-flex-align, $y);\n    }\n    @else {\n      @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.';\n    }\n  }\n\n  align-self: $y;\n}\n\n/// Changes the source order of a flex child. Children with lower numbers appear first in the layout.\n/// @param {Number} $order [0] - Order number to apply.\n@mixin flex-order($order: 0) {\n  order: $order;\n}\n\n/// Change flex-direction\n/// @param {Keyword} $direction [row] - Flex direction to use. Can be\n///   - row (default): same as text direction\n///   - row-reverse: opposite to text direction\n///   - column: same as row but top to bottom\n///   - column-reverse: same as row-reverse top to bottom\n@mixin flex-direction($direction: row) {\n  flex-direction: $direction;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n/// Hide an element by default, only displaying it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin show-for($size) {\n  $size: map-get($breakpoints, $size);\n  // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n  // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n  // See https://github.com/foundation/foundation-sites/issues/11313\n  $size: -zf-bp-to-em($size) - .00125;\n\n  @include breakpoint($size down) {\n    display: none !important;\n  }\n}\n\n/// Hide an element by default, only displaying it within a certain breakpoint.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin show-for-only($size) {\n  $lower-bound-size: map-get($breakpoints, $size);\n  $upper-bound-size: -zf-map-next($breakpoints, $size);\n\n  // more often than not this will be correct, just one time round the loop it won't so set in scope here\n  $lower-bound: -zf-bp-to-em($lower-bound-size) - .00125;\n  // test actual lower-bound-size, if 0 set it to 0em\n  @if strip-unit($lower-bound-size) == 0 {\n    $lower-bound: -zf-bp-to-em($lower-bound-size);\n  }\n\n  @if $upper-bound-size == null {\n    @media screen and (max-width: $lower-bound) {\n      display: none !important;\n    }\n  }\n  @else {\n    $upper-bound: -zf-bp-to-em($upper-bound-size);\n\n    @media screen and (max-width: $lower-bound), screen and (min-width: $upper-bound) {\n      display: none !important;\n    }\n  }\n}\n\n\n/// Show an element by default, and hide it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin hide-for($size) {\n  @include breakpoint($size) {\n    display: none !important;\n  }\n}\n\n/// Show an element by default, and hide it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin hide-for-only($size) {\n  @include breakpoint($size only) {\n    display: none !important;\n  }\n}\n\n@mixin foundation-visibility-classes {\n  // Basic hiding classes\n  .hide {\n    display: none !important;\n  }\n\n  .invisible {\n    visibility: hidden;\n  }\n  .visible {\n    visibility: visible;\n  }\n\n  // Responsive visibility classes\n  @each $size in $breakpoint-classes {\n    @if $size != $-zf-zero-breakpoint {\n      .hide-for-#{$size} {\n        @include hide-for($size);\n      }\n\n      .show-for-#{$size} {\n        @include show-for($size);\n      }\n    }\n\n    .hide-for-#{$size}-only {\n      @include hide-for-only($size);\n    }\n\n    .show-for-#{$size}-only {\n      @include show-for-only($size);\n    }\n  }\n\n  // Screen reader visibility classes\n  // Need a \"hide-for-sr\" class? Add aria-hidden='true' to the element\n  .show-for-sr,\n  .show-on-focus {\n    @include element-invisible;\n  }\n\n  // Only display the element when it's focused\n  .show-on-focus {\n    &:active,\n    &:focus {\n      @include element-invisible-off;\n    }\n  }\n\n  // Landscape and portrait visibility\n  .show-for-landscape,\n  .hide-for-portrait {\n    display: block !important;\n\n    @include breakpoint(landscape) {\n      display: block !important;\n    }\n\n    @include breakpoint(portrait) {\n      display: none !important;\n    }\n  }\n\n  .hide-for-landscape,\n  .show-for-portrait {\n    display: none !important;\n\n    @include breakpoint(landscape) {\n      display: none !important;\n    }\n\n    @include breakpoint(portrait) {\n      display: block !important;\n    }\n  }\n}\n","body {\n    font-family: $font_copy;\n    font-size: $font_0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-family: $font_display;\n    font-weight: $font_regular;\n}\n\nh6 {\n    font-weight: $font_bold;\n}\n\n\n\np {\n    line-height: $line-height_2;\n}\n\nul,\nol {\n    line-height: $line-height_3;\n}\n\n\n\n// Need to move to a point were it can only clean when it is on top of a second build. \n// a,\n// a:hover {\n// \tcolor: unset;\n// }\nkbd,\ncode,\nsamp,\nvar {\n    font-family: $font_mono;\n}","\n/**\n * arches - Global style system focused on utility classes\n * @version v4.1.4x\n * @link https://github.com/ACC-Style/Arches/\n */\n\n\n\n/**  Build Comment: including file /setup/__preheader.scss  **/ \n@use \"sass:math\";\n@use \"sass:color\";\n\n// Consider using https://www.purgecss.com/ to remove styles not used in the project.\n/** SCSS DOC: _preheader.scss **/\n$debug-trace: false !default;\n$name-mode: 'SHORT' !default; // $name-mode: \"SHORT\",\"LONG\",\"ALL\"\n$ms-base: 1rem !default; // needs to be in rem's\n$colors: ();\n$grays: ();\n$theme-palette: ();\n$usingFontAwesome:true;\n@import 'helpers/helpers';\n@import 'vendor/modular-scale';\n/** SCSS DOC: _utility-css.vars.scss **/\n@import 'setup/config/utility-css.vars';\n@import 'helpers/breakpoint';\n%font-awesome-pro {\n\t-webkit-font-smoothing: antialiased;\n\tdisplay: inline-block;\n\tfont-style: normal;\n\tfont-variant: normal;\n\ttext-rendering: auto;\n\tline-height: 1;\n\tfont-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';\n\tfont-weight: 900;\n}\n\n\n\n\n/**  Build Comment: This Style Sheet was formatted to work best with the inclusion of Zurb Foundation ^6.6.1   **/ \n\n$active-class-name: 'is-active';\n\n\n/**  Build Comment: Set Active Class  **/ \n/** SCSS DOC: __brand.base.scss **/\n/**  Colors  **/\n\n@import 'setup/config/colors';\n/**  Fonts  **/\n@import 'setup/config/fonts';\n/**  Textures  **/\n@import 'setup/config/textures';\n\n/**  logos  **/\n@import 'setup/config/logo';\n\n\n\n// reading-typography\n$headline-color: inherit !default;\n$reading-min:16px;\n// Mobile Branding is inline with the ACC.org site. \n/** SCSS DOC: __brand.mobile.scss **/\n@import \"setup/__brand.acc\";\n\n/**  Build Comment: Overlay and alter for mobile Branding 4.1.4x  **/ \n/** SCSS DOC:_brand.compile.scss **/\n@import 'setup/config/__root.cssvars';\n\n/**  Build Comment: Render Root Variables  **/ \n/** SCSS DOC: __var.output.scss **/\n/** This needs to run later then brand **/\n\n$margin_0: get-css-size(margin, 0);\n$margin_1: get-css-size(margin, 1);\n$margin_2: get-css-size(margin, 2);\n$margin_3: get-css-size(margin, 3);\n$margin_4: get-css-size(margin, 4);\n$margin_5: get-css-size(margin, 5);\n$margin_n1: get-css-size(margin, n1);\n$margin_n2: get-css-size(margin, n2);\n$margin_n3: get-css-size(margin, n3);\n$margin_n4: get-css-size(margin, n4);\n$margin_n5: get-css-size(margin, n5);\n$padding_0: get-css-size(padding, 0);\n$padding_1: get-css-size(padding, 1);\n$padding_2: get-css-size(padding, 2);\n$padding_3: get-css-size(padding, 3);\n$padding_4: get-css-size(padding, 4);\n$padding_5: get-css-size(padding, 5);\n$border_square: 0;\n$border_radius: get-css-size(border-radius, radius);\n$border_round: get-css-size(border-radius, round);\n$border_circle: get-css-size(border-radius, circle);\n$border-width_0: get-css-size(border-width, 0);\n$border-width_1: get-css-size(border-width, 1);\n$border-width_2: get-css-size(border-width, 2);\n$border-width_3: get-css-size(border-width, 3);\n$border-width_4: get-css-size(border-width, 4);\n$border-width_5: get-css-size(border-width, 5);\n$font_display: var(--font-family_display);\n$font_accent: var(--font-family_accent);\n$font_ui: var(--font-family_ui);\n$font_copy: var(--font-family_copy);\n$font_mono: var(--font-family_mono);\n$font_6: get-css-size(font-size, 6);\n$font_5: get-css-size(font-size, 5);\n$font_4: get-css-size(font-size, 4);\n$font_3: get-css-size(font-size, 3);\n$font_2: get-css-size(font-size, 2);\n$font_1: get-css-size(font-size, 1);\n$font_0: get-css-size(font-size, 0);\n$font_n1: get-css-size(font-size, n1);\n$font_n2: get-css-size(font-size, n2);\n$font_n3: get-css-size(font-size, n3);\n$font_n4: get-css-size(font-size, n4);\n$font_n5: get-css-size(font-size, n5);\n$font_bold: var(--font_bold);\n$font_medium: var(--font_medium);\n$font_xbold: var(--font_xbold);\n$font_light: var(--font_light);\n$font_regular: var(--font_regular);\n$line-height_0: get-css-size(line-height, 0);\n$line-height_1: get-css-size(line-height, 1);\n$line-height_2: get-css-size(line-height, 2);\n$line-height_3: get-css-size(line-height, 3);\n$line-height_4: get-css-size(line-height, 4);\n$line-height_5: get-css-size(line-height, 5);\n/**  Zurb Foundation Framework Setup Files. ***************************************/\n/** SCSS DOC: _setup.zurb.scss **/\n@import '../../node_modules/foundation-sites/scss/util/util';\n@import 'setup/config/__config.zurb';\n@import '../../node_modules/foundation-sites/scss/foundation.scss';\n@include foundation-everything();\n/*\n\tFoundation\n\n\tCombination of UCs and Base Components from the Framework can make an infinate amount of alterations to designs and layouts. Bellow are some alteratoins to Foudations Components with the Utiltity Classes. \n\n\tWeight: 1000\n\n\tStyleguide  Recipes Zurb\n\n*/\n/* Styleguide recipes.zurb */\n/* Styleguide Recipes.010 */\n@import \"recipes/zurb/zurb.quicklinks\";\n@import \"recipes/zurb/zurb.cards\";\n@import \"recipes/zurb/zurb.button_group\";\n@import \"recipes/zurb/zurb.grid_button_splash\";\n@import \"recipes/zurb/zurb.accordians\";\n@import \"recipes/mobile/_mobile._footer\";\n\n// ACC Design Alterations\n@import \"base/base\";\n\n@import \"components/interactive-extras\";\n@import \"styleguide/styleguide\";\n@import \"styleguide/__basic-html.base\";\n@import \"containers/containers\";\n\n@import \"components/zurb/table.zurb.override\";\n@import \"components/zurb/zurb.buttons.override\";\n@import \"components/zurb/zurb.close-button.override\";\n@import \"components/zurb/zurb.tabs.override\";\n@import \"components/zurb/zurb.questions\";\n@import \"components/zurb/zurb.pagination.override\";\n@import \"components/zurb/zurb.breadcrumbs\";\n@import \"styleguide/__basic-html.zurb\";\n@import \"components/mobile/_mobile.zurb._temp.override\";\n/** SCSS DOC: __globalshame_framework.scss **/","@use \"sass:color\";\n\nform {\n\tborder-color: rgba($black, get-css-size(opacity, 4));\n}\nlabel {\n\tfont-size: $font_0;\n\tfont-weight: $font_bold;\n\tfont-family: $font_ui;\n\tcolor: currentColor;\n}\n%input-font {\n\tbox-sizing: border-box;\n\tfont-size: $font_0;\n\tfont-family: $font_ui;\n\tcolor: currentColor;\n}\n%input-text-base {\n\tpadding: $padding_2 $padding_3;\n\tline-height: $line-height_3;\n\tmin-height: 1.5em;\n\tborder-color: rgba($black, get-css-size(opacity, 3));\n\tborder-width: thin;\n\tborder-radius: $border_radius;\n\t\n}\n%input-focus{\n\t&:focus {\n\t\tbox-shadow: inset 1px 1px 2px 2px get-theme-color('primary', 0, CSSVAR,.12), inset 2px 2px 3px 0px get-theme-color('primary', 0, CSSVAR,.1), inset -2px -2px 3px 0px get-theme-color('primary', 0, CSSVAR,.1);\n\t\toutline-color:get-theme-color('primary', 0, CSSVAR,.5);\n\t}\n}\n\n%input-expand-to-container {\n\twidth: 100%;\n}\ninput,\nselect,\ntextarea{\n\t@extend %input-focus;\n}\n\ninput,\nselect,\ntextarea,\nlegend,\nfieldset,\nbutton {\n\tbox-sizing: border-box;\n\t@extend %input-font;\n}\nselect,\ntextarea {\n\t@extend %input-text-base;\n\t@extend %input-expand-to-container;\n}\n\n[type='color'] {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tpadding: 0;\n\tborder-color: rgba($black, get-css-size(opacity, 3));\n}\n[type='radio'],\n[type='checkbox'] {\n\tpadding-left: $padding_3;\n}\n[type='date'],\n[type='datetime'],\n[type='datetime-local'],\n[type='email'],\n[type='month'],\n[type='number'],\n[type='password'],\n[type='search'],\n[type='tel'],\n[type='text'],\n[type='url'],\n[type='week'],\n[type='time'] {\n\t@extend %input-text-base;\n\t@extend %input-expand-to-container;\n\t\n}\n\nbutton,\n[type='button'],\n[type='submit'],\n[type='reset'] {\n\t@extend %input-text-base;\n\twidth: auto;\n\tborder-radius: $border_radius;\n}\n\nfieldset {\n\tpadding: $padding_3 $padding_4;\n\tmargin: $margin_3 0;\n\tborder-color: rgba($black, get-css-size(opacity, 2));\n}\n/*\n\n Basic Inputs\n\n Arches is strongly based on utility classes styling everything so it commonly just builds on either the base of the browser defaults or the defaults of the framework that is built on. This is a kitchen sink of html elements so you can see how this variation will effect html. There is No basic styling around the pure DOM with the utility class only.  To get full brand styling use a framework based version of arches.  \n\n  Styleguide HTML.Inputs\n\n*/\n\n/*\n\n  Text Inputs \n\n  Bellow is the comparison of using the basic Html input types with the utility classes only vs using the bootstrap pattern for the input.\n\nMarkup:\n<div class=\"flex_row flex gap-x_5\">\n\t<div class=\"flex_auto\">\n\t\t<h3>Utility Class</h3>\n\t\t<label for=\"example-input-email\" class='m-b_3'>Email address</label> \n\t\t<input type=\"email\" id=\"example-input-email\" placeholder=\"Enter email\"/>\n\t</div>\n\t<div class=\"flex_auto\">\n\t\t<h3>Bootstrap</h3>\n\t\t<label for=\"exampleFormControlInput1\" class=\"form-label\">Email address</label>\n\t\t<input type=\"email\" class=\"form-control\" id=\"exampleFormControlInput1\" placeholder=\"name@example.com\"/>\n\t</div>\n</div>\n\n  Styleguide HTML.Inputs.Text\n  \n*/\n\n\n/*\n\nInputs UC\n \nUtility Class only build inputs\n \nMarkup:\n<form>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-email\">Email address</label> <input type=\"email\" id=\"example-input-email\" placeholder=\"Enter email\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-password1\">Number</label> <input type=\"number\" id=\"example-input-number\" placeholder=\"Number\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-password\">Password</label> <input type=\"password\" id=\"example-input-password\" placeholder=\"Password\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-search\">Search</label> <input type=\"search\" id=\"example-input-serach\" placeholder=\"Search ..\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-tel\">Telephone number</label> <input type=\"tel\" id=\"example-input-tel\" placeholder=\"Telephone number\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-text\">Text</label> <input type=\"text\" id=\"example-input-text\" placeholder=\"Enter some text here\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-url\">Url</label> <input type=\"url\" id=\"example-input-url\" placeholder=\"Enter a url here\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-color\">Color</label> <input type=\"color\" id=\"example-inupt-color\" placeholder=\"#fff\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-date\">Date</label> <input type=\"date\" id=\"example-input-date\" placeholder=\"date\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-date-time\">Date / Time</label> <input type=\"datetime\" id=\"example-input-date-time\" placeholder=\"date / time\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-date-time-local\">Date / Time local</label> <input type=\"datetime-local\" id=\"example-input-date-time-local\" placeholder=\"date / time local\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-month\">Month</label> <input type=\"month\" id=\"example-input-month\" placeholder=\"Month\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-week\">Week</label> <input type=\"week\" id=\"example-input-week\" placeholder=\"Week\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-input-time\">Time</label> <input type=\"time\" id=\"example-input-time\" placeholder=\"Time\"></div>\n    <div class=\"m-b_3\"><label class=\"m-b_3\" for=\"example-select1\">Example select</label> <select id=\"example-select1\">\n            <option>1</option>\n            <option>2</option>\n            <option>3</option>\n            <option>4</option>\n            <option>5</option>\n        </select></div>\n    <div><label for=\"example-select2\">Example multiple select</label> <select multiple=\"\" id=\"example-select2\">\n            <option>1</option>\n            <option>2</option>\n            <option>3</option>\n            <option>4</option>\n            <option>5</option>\n        </select></div>\n    <div><label for=\"example-textarea\">Example textarea</label> <textarea id=\"example-textarea\" rows=\"3\"></textarea></div>\n    <div><label for=\"example-input-file\">File input</label> <input type=\"file\" id=\"example-input-file\"></div>\n    <fieldset>\n        <legend>I am legend</legend>\n        <div><label><input type=\"radio\" name=\"options-radios\" id=\"optionsR-radios1\" value=\"option1\" checked=\"\"> Option one is this and that—be sure to include why it's great</label></div>\n        <div><label><input type=\"radio\" name=\"options-radios\" id=\"options-radios2\" value=\"option2\"> Option two can be something else and selecting it will deselect option one</label></div>\n        <div><label><input type=\"radio\" name=\"optionsRadios\" id=\"options-radios3\" value=\"option3\" disabled=\"\"> Option three is disabled</label></div>\n    </fieldset>\n    <fieldset>\n        <legend>I am also legend</legend><label for=\"checkbox-demo-1\"><input type=\"checkbox\" id=\"checkbox-demo-1\"> Check me out</label> <label for=\"checkbox-demo-2\"><input type=\"checkbox\" id=\"checkbox-demo-2\"> Or check me out</label>\n    </fieldset>\n    <div>\n        <button type=\"button\" name=\"button\">Button</button>\n        <input type=\"button\" name=\"input\" value=\"Input Button\">\n        <input type=\"submit\" name=\"submit\" value=\"Submit Button\">\n        <input type=\"reset\" name=\"reset\" value=\"Reset Button\">\n    </div>\n</form>\n \nWeight:100\n \nStyleguide HTML.Inputs.All\n\n*/","/*\n\nTable\n\nBasic Tables with this variation of Arches. Please note that the html can have a different look depending on the brand or the framework the variation is built on.  \n\n<table><caption>Tables can have captions now.</caption><tbody><tr><th>Person</th><th>Number</th><th>Third Column</th></tr><tr><td>Someone Lastname</td><td>900</td><td>Nullam quis risus eget urna mollis ornare vel eu leo.</td></tr><tr><td><a href=\"#\">Person Name</a></td><td>1200</td><td>Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.</td></tr><tr><td>Another Person</td><td>1500</td><td>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit.</td></tr><tr><td>Last One</td><td>2800</td><td>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</td></tr></tbody></table>\n\n\nStyleguide HTML.BasicTable\n\n*/\n\ntable {\n\tfont-family: $font_ui;\n\tfont-size: $font_0;\n\tcaption {\n\t\tpadding: $padding_3;\n\t}\n}\nth,\ntd {\n\tpadding: $padding_2 $padding_3;\n\ttext-align: start;\n}\nthead {\n\tfont-weight: $font_bold;\n\tpadding: $padding_2 $padding_3 $padding_0; \n}\ntbody{\n\tpadding: $padding_0 $padding_3;\n}\ntfoot,\ncaption {\n\tfont-size: $font_n1;\n\tpadding: $padding_0 $padding_3 $padding_2; \n}\n","/*\n\nDeprecated: Lorem Text Loader\n\nIt is often we need to have space held for a return of details or text.  \n\nMarkup:\n<div class=\"max-w_40\">\n   <h1 class=\"lorem-loader font_3 m-y_3\">&nbsp;</h1>\n   <p class=\"m-y_2 font_0 lorem-loader\">&nbsp;</p>\n   <p class=\"m-y_2 font_0 lorem-loader\">&nbsp;</p>\n   <p class=\"m-y_2 font_0 lorem-loader\">&nbsp;</p>\n</div>\n\nStyleguide Recipes.InteractiveExtras.Text Placeholder Loader\n\n\n*/\n\n/*\n\nAspect Ratio\n\nTo create an image placeholder use the lorem-loader plus an aspect of the intended image on th parent container while waiting for the image.The placeholder will be a 100% of the container so size the container properly. \n\n.aspect_8x10\t\t\t- lock image to a 8 to 10 ratio\n.aspect_1x1\t\t\t- lock image to a 1 to 1 ratio\n.aspect_2x1\t\t\t- lock image to a 2 to 1 ratio\n.aspect_3x2\t\t\t- lock image to a 3 to 2 ratio   \n.aspect_4x3\t\t\t- lock image to a 4 to 3 ratio \n.aspect_16x9\t\t- lock image to a 16 to 9 ratio \n.aspect_21x9\t\t- lock image to a 21 to 9 ratio \n.aspect_4x1\t\t\t- lock image to a 4 to 1 ratio \n\nMarkup:\n<div class=\"grid-w_2 max-w_20\"  data-style=\"{{ modifier_class }}\" >\n   <div class=\"m-y_2 lorem-loader {{modifier_class}} \">&nbsp;</div>\n</div>\n\nStyleguide Recipes.InteractiveExtras.Placeholder Aspect Ratio\n*/\n\n\n@use \"sass:math\";\n@use \"sass:list\";\n\n// Aspect Ratio\n\n.lorem-loader {\n\twidth: 100%;\n\toverflow: hidden;\n\tcolor: #fff;\n\tbackground: linear-gradient(-45deg, get-theme-color(shade, 2, CSSVAR), get-theme-color(shade, 3, CSSVAR));\n\tbackground-size: 400% 400%;\n\t-webkit-animation: Gradient 3s ease infinite;\n\t-moz-animation: Gradient 3s ease infinite;\n\tanimation: Gradient 3s ease infinite;\n}\n\n@-webkit-keyframes Gradient {\n\t0% {\n\t\tbackground-position: 0% 50%;\n\t}\n\t50% {\n\t\tbackground-position: 100% 50%;\n\t}\n\t100% {\n\t\tbackground-position: 0% 50%;\n\t}\n}\n\n@-moz-keyframes Gradient {\n\t0% {\n\t\tbackground-position: 0% 50%;\n\t}\n\t50% {\n\t\tbackground-position: 100% 50%;\n\t}\n\t100% {\n\t\tbackground-position: 0% 50%;\n\t}\n}\n\n@keyframes Gradient {\n\t0% {\n\t\tbackground-position: 0% 50%;\n\t}\n\t50% {\n\t\tbackground-position: 100% 50%;\n\t}\n\t100% {\n\t\tbackground-position: 0% 50%;\n\t}\n}\n","@if($usingFontAwesome) {\n    %icon-toggle-space {\n        margin: $margin_0 $margin_2;\n    }\n\n\n    %icon-toggle-space {\n        margin: $margin_0 $margin_2;\n    }\n\n\n    /*\nIs Active Toggle \n\nMany momment there are needs for toggles of icon when the parent is in the state of `#{$active-class-name}`.  Used in tree navs, dropdowns, and collapsing areas. \n\n.icon-toggle_plus-minus \t\t\t\t\t-  Toggle between plus and minus square\n.icon-toggle_chevron-up-down\t\t\t\t- \tToggle a chevron pointing up and then down.\n.icon-toggle_chevron-double-up-down \t\t-  Toggle the double chevron to point up when active\n.icon-toggle_chevron-double-left-right\t\t- Toggle chevron left and right\n.icon-toggle_arrow-circle \t\t\t\t\t-  Toggle the arrow to have a circle when active.\n.icon-toggle_bars-times \t\t\t\t\t-  Toggle between bars and times\n.icon-toggle_check-sqaure\t\t\t\t\t-  Check Marks toggle on and off\n.icon-toggle_check-circle \t\t\t\t\t-  Check Marks toggle on and off\n.icon-toggle_check \t\t\t\t\t\t\t-  Check Marks toggle on and off\n \nMarkup:\n<ul data-style=\"{{ modifier_class }}\" class=\"ul_none m_0 p_0\">\n\t<li class=\"m-t_1 is-active_toggle-function c_black a:c_white flex p-x_3 p-y_2 a:bg_primary font_1 bg_shade-2 \">\t\n\t<i class=\"flex_none m-r_5 font_3 fas fa-fw {{ modifier_class }}\"></i>\n\t\t\t<span class=\"flex_auto \">FA Solid {{ modifier_class }}</span>\n\t\t\t<span class=\"flex_shrink m-l_auto w_20 self_end a:_block display_none\"> #{$active-class-name} </span>\n\t</li>\n\t<li class=\"m-t_1 is-active_toggle-function c_black a:c_white flex p-x_3 p-y_2 a:bg_primary font_1 bg_shade-2 \">\t\n\t<i class=\"flex_none m-r_5 font_3 far  fa-fw {{ modifier_class }}\"></i>\n\t\t\t<span class=\"flex_auto \">FA Regular {{ modifier_class }}</span>\n\t\t\t<span class=\"flex_shrink m-l_auto w_20 self_end a:_block display_none\"> #{$active-class-name} </span>\n\t</li>\n\t<li class=\"m-t_1 is-active_toggle-function c_black a:c_white flex p-x_3 p-y_2 a:bg_primary font_1 bg_shade-2 \">\t\n\t<i class=\"flex_none m-r_5 font_3 fal fa-fw {{ modifier_class }}\"></i>\n\t\t\t<span class=\"flex_auto\">FA Light {{ modifier_class }}</span>\n\t\t\t<span class=\"flex_shrink m-l_auto w_20 self_end a:_block display_none\"> #{$active-class-name} </span>\n\t</li>\n</ul>\n\n\nStyleguide Recipes.InteractiveExtras.ToggleIcons\n*/\n\n    .icon-toggle_bars-times:before {\n        @extend %icon-toggle-space;\n        content: '\\f0c9';\n        .#{$active-class-name} &,\n        &.show,\n        .show>&,\n        .#{$active-class-name} > & {\n            content: '\\f00d';\n        }\n    }\n\n    .icon-toggle_plus-minus:before {\n        @extend %icon-toggle-space;\n        content: '\\f0fe';\n        .#{$active-class-name} &,\n        &.show,\n        .show>&,\n        .#{$active-class-name} > & {\n            content: '\\f146';\n        }\n    }\n\n    .icon-toggle_chevron-up-down:before {\n        @extend %icon-toggle-space;\n        content: '\\f106';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f107';\n        }\n    }\n\n    .icon-toggle_chevron-double-up-down:before {\n        @extend %icon-toggle-space;\n        content: '\\f103';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f325';\n        }\n    }\n\n    .icon-toggle_chevron-double-left-right:before {\n        @extend %icon-toggle-space;\n        content: '\\f324';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f323';\n        }\n    }\n\n\n    .icon-toggle_arrow-circle:before {\n        @extend %icon-toggle-space;\n        content: '\\f061';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f0a9';\n        }\n    }\n\n    .icon-toggle_check-sqaure:before {\n        @extend %icon-toggle-space;\n        content: '\\f0c8';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f14a';\n        }\n    }\n\n    .icon-toggle_check-circle:before {\n        @extend %icon-toggle-space;\n        content: '\\f111';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f058';\n        }\n    }\n\n    .icon-toggle_check:before {\n        @extend %icon-toggle-space;\n        content: '';\n        .#{$active-class-name} &,\n        .show &,\n        .#{$active-class-name} > & {\n            content: '\\f00c';\n        }\n    }\n}\n","/*\nStars\n \nStar ratings should be build throughout arches in a more dynamic way but this is an easy level of adding stars. \n \nMarkup:\n<ul class=\"ul_none flex flex_inline star-rating\">\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n    <li class=\"flex_shrink\"> <i class=\"fas fa-star\"></i></li>\n</ul>\n \nWeight:0\n\ncaution: This item is not finalized and might be subject to change\n\n\n \nStyleguide Recipes.InteractiveExtras.Stars\n*/\n\n.star-rating{\n    color: get-theme-color(secondary, 3, CSSVAR);;\n    &.rating-5 li:nth-child(-n+5){ color:get-theme-color(primary, -1, CSSVAR);}\n    &.rating-4 li:nth-child(-n+4){ color:get-theme-color(primary, -1, CSSVAR);}\n    &.rating-3 li:nth-child(-n+3){ color:get-theme-color(primary, -1, CSSVAR);}\n    &.rating-2 li:nth-child(-n+2){ color:get-theme-color(primary, -1, CSSVAR);}\n    &.rating-1 li:nth-child(-n+1){ color:get-theme-color(primary, -1, CSSVAR);}\n}","@import \"design-base\";\n@import \"crayonbox\";\n@import \"interactive-extras\";\n.font {\n\t.font--example {\n\t\tbackground-image: url(http://basehold.it/i/24);\n\t}\n\t.font--name {\n\t\tcolor: #000;\n\t}\n\n\t.font--dropcase_2x {\n\t\tcolor: map-get($theme-palette, primary);\n\t}\n}",".container,\n.card {\n\tposition: relative;\n}\n","/*\n  Table\n\n  There is a basic styling around the pure DOM of a table.   But to get full brand styling alter the parent tag to <table class='table'>.\n\n  Markup:\n  <table>\n    <thead>\n      <tr>\n        <th>Table Header</th>\n        <th>Table Header</th>\n        <th>Table Header</th>\n        <th>Table Header</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Content Goes Here</td>\n        <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>\n        <td>Content Goes Here</td>\n        <td>Content Goes Here</td>\n      </tr>\n      <tr>\n        <td>Content Goes Here</td>\n        <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>\n        <td>Content Goes Here</td>\n        <td>Content Goes Here</td>\n      </tr>\n      <tr>\n        <td>Content Goes Here</td>\n        <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>\n        <td>Content Goes Here</td>\n        <td>Content Goes Here</td>\n      </tr>\n    </tbody>\n  </table>\n\n Styleguide HTML.Table\n*/\n\n/*\n\nTable Styled\n\n<table class='table'> will style the table with the generic branded coloring and spacing. \n\nMarkup:\n<table class=\"table\">\n  <thead class=\"thead\">\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>table row 1 table cell A\n        <br>\n        <small class=\"c_primary\">this is small text in blue</small>\n      </td>\n      <td>table row 1 table cell B\n        <br>\n        <small class=\"c_highlight\">this is small text with magenta</small>\n      </td>\n      <td>table row 1 table cell C</td>\n    </tr>\n    <tr>\n      <td>table row 2 table cell A</td>\n      <td>table row 2 table cell B</td>\n      <td>table row 2 table cell C</td>\n    </tr>\n  </tbody>\n  <tfoot class=\"tfoot\">\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.BasicStyle\n*/\n.table {\n\tborder-spacing: 0;\n\t.thead,\n\tthead {\n\t\tbackground-color: $white;\n\n\t\tth,\n\t\ttd {\n\t\t\tborder-bottom: 2px solid get-theme-color(primary, 1,CSSVAR);\n\t\t}\n\t}\n\t.tfoot,\n\ttfoot {\n\t\tbackground-color: get-theme-color(shade, 5,CSSVAR);\n\n\t\tth,\n\t\ttd {\n\t\t\tborder-top: 1px solid get-theme-color(shade, 1,CSSVAR);\n\t\t\tfont-style: italic;\n\t\t}\n\t}\n}\n\n/*\n\nTable Column Shaded\n\n`<table class=\"table column-shaded\">` gives a blue tint to every other column in the table.\n\n\n\nMarkup:\n<table class=\"table column-shaded\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr>\n      <td>row 2 cell A</td>\n      <td>row 2 cell B</td>\n      <td>row 2 cell C</td>\n    </tr>\n    <tr>\n      <td>row 3 cell A</td>\n      <td>row 3 cell B</td>\n      <td>row 3 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.ColumnShaded\n*/\n.table.column-shaded {\n\t.thead,\n\tthead {\n\t\tth:nth-child(even) {\n\t\t\t// @extend .bg_acc-5;\n\t\t\tbackground-color: get-theme-color(acc, 5,CSSVAR);\n\t\t}\n\t}\n\t.tbody,\n\ttbody {\n\t\ttd:nth-child(even) {\n\t\t\t// @extend .bg_primary-5;\n\t\t\tbackground-color: get-theme-color(primary, 5,CSSVAR);\n\t\t}\n\t\ttr:nth-child(even) {\n\t\t\ttd:nth-child(even) {\n\t\t\t\t// @extend .bg_acc-4;\n\t\t\t\tbackground-color: get-theme-color(acc, 4,CSSVAR);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/*\n\n\nTable Unshaded\n\n`<table class=\"table unshaded\"> removes the shadding for rows and footer giving a cleaner table. This table type is great for small data sets and removes the 100% wide table that is default in all other tables.  \n\nMarkup:\n<table class=\"table unshaded\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr>\n      <td>row 2 cell A</td>\n      <td>row 2 cell B</td>\n      <td>row 2 cell C</td>\n    </tr>\n    <tr>\n      <td>row 3 cell A</td>\n      <td>row 3 cell B</td>\n      <td>row 3 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.Unshaded\n*/\n.table.unshaded {\n\twidth: auto;\n\tborder: none;\n\tthead {\n\t\tborder-top: none;\n\t\tborder-right: none;\n\t\tborder-left: none;\n\t}\n\ttbody tr:nth-child(even) {\n\t\tbackground-color: unset;\n\t}\n\ttbody tr + tr td {\n\t\tborder-top: 1px get-theme-color(shade, 5,CSSVAR) solid;\n\t}\n\ttfoot {\n\t\tbackground-color: unset;\n\t}\n}\n\n/*\n\nTable Column Shading: recipe\n\nTable shading can be much more dynamic and varied if you are willing to build with utlity classes(UC's). You can see few variations of tables bellow that have been quickly been made with a basic table and background color classes applied to cells. \n\n.primary          - column colored variations of primary\n.info             - column colored variations of info \n.accent      - column colored variations of highlighted \n\nMarkup:\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th class=\"bg_{{modifier_class}}-4\">table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td class=\"bg_{{modifier_class}}-5\">row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr>\n      <td>row 2 cell A</td>\n      <td class=\"bg_{{modifier_class}}-4\">row 2 cell B</td>\n      <td>row 2 cell C</td>\n    </tr>\n    <tr>\n      <td>row 3 cell A</td>\n      <td class=\"bg_{{modifier_class}}-5\">row 3 cell B</td>\n      <td>row 3 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.UtilityClasses.Shading\n*/\n\n/*\nTable Cell States: RECIPE\n\nStates can be easily applied to the tables using UC's\n\n\nMarkup:\n<table class=\"table\">\n  <tr>\n    <td class=\"bg_alert-4 border_solid border-width_1 border_alert font-weight_bold text_center\">\n      <i class=\"fas fa-times-circle\"></i>\n    </td>\n    <td class=\"\">\n    </td>\n    <td class=\"\">Text</td>\n    <td class=\"bg_warning-4 border_solid border-width_1 border_warning font-weight_bold\">\n      <i class=\"fas fa-exclamation-triangle\"></i> Warning</td>\n  </tr>\n  <tr>\n    <td class=\"\">\n    </td>\n    <td class=\"bg_info-4 border_solid border-width_1 border_info font-weight_bold text_center\">\n      <i class=\"fas fa-lightbulb-exclamation\"></i>\n    </td>\n    <td class=\"\">Text</td>\n    <td class=\"bg_info-4 border_solid border-width_1 border_info font-weight_bold\">\n      <i class=\"fas fa-lightbulb-exclamation\"></i>\n      Info</td>\n  </tr>\n  <tr>\n    <td class=\"\">\n    </td>\n    <td class=\"warning icon\">\n    </td>  \n    <td class=\"bg_alert-4 border_solid border-width_1 border_alert font-weight_bold\">Alert</td>\n    <td class=\"\"> Text</td>\n  </tr>\n  <tr>\n    <td class=\"success icon\">\n    </td>\n    <td class=\"info icon\">\n    </td>\n    <td class=\"bg_success-4 border_solid border-width_1 border_success font-weight_bold\"><i class=\"fas fa-check\"></i> Success</td>\n    <td class=\"\"> text</td>\n  </tr>\n</table>\n\nStyleguide HTML.Table.UtilityClasses.CellStates\n*/\n\n/*\n\nTable Seperators: RECIPE\n\nStyling seperators on tables is now completely controled by utility classes giving much more flexablity to designs.\n\n\n\nMarkup:\n<table class=\"table stripped\">\n  <thead>\n    <tr>\n      <th>table header</th>\n      <th>table header</th>\n      <th>table header</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr class=\"bg_info-1 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_info font-weight_bold font_n2 text-left c_white\">\n      <td colspan='3' class=\"p_2\">Separator With Info</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr class=\"bg_success-1 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_success font-weight_bold font_n2 text-left c_white\">\n      <td colspan='3' class=\"p_2\">Separator With success</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n    <tr class=\"bg_alert-1 border_solid border-left-width_0 border-right-width_0 border-width_1 border border_alert font-weight_bold font_n2 text-left c_white\">\n      <td colspan='3' class=\"p_2\">Separator With Alert</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n   <tr class=\"bg_warning-1 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_warning font-weight_bold font_n2 text-left\">\n      <td colspan='3' class=\"p_2\">Separator With warning</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n   <tr class=\"bg_shade-3 border_solid border-left-width_0  border-right-width_0 border-width_1 border border_shade font-weight_bold font_n2 text-left\">\n      <td colspan='3' class=\"p_2\">Separator With disabled</td>\n    </tr>\n    <tr>\n      <td>row 1 cell A</td>\n      <td>row 1 cell B</td>\n      <td>row 1 cell C</td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr>\n      <td colspan=\"3\">footer cell</td>\n    </tr>\n  </tfoot>\n</table>\n\nStyleguide HTML.Table.UtilityClasses.RowSeperators\n*/\n","/*\nButtons\n\nBasic Buttons\n\n.primary\t            \t- Primary Class Button (default)\n.secondary \t            - Second Class Button\n.shade \t            \t- Shade Class Button\n.navigation             - Button reserved for navigation elements\n.success                - Success State.\n.alert                  - Alert State.\n.warning\t            \t- Warning State\n.hollow\t\t            - All button states can become hollow\n.clear\t\t            - All button states can become hollow\n.dropdown\t\t        \t- All button states can become hollow\n.radius\t\t            - Give the button softer corners\n.shadow.clear\t\t   \t- Give a button a shadow\n.tiny\t\t           \t\t- tiny buttons\n.small\t\t            - Small buttons\ndefault\t\t            - Medium buttons (default)\n.large\t\t            - Large buttons\n.xlarge\t\t            - Large buttons\n.disabled\t            - Disabled buttons\n\nMarkup:\n<a data-style=\"{{ modifier_class }}\"  class=\"button {{modifier_class}}\">{{modifier_class}} button</a>\n\n Styleguide HTML.Buttons\n*/\n.button {\n\twhite-space: nowrap;\n\t&.hollow {\n\t\tbackground-color: transparent;\n\t}\n\t&.clear {\n\t\tbackground-color: transparent;\n\t\tborder-color: transparent;\n\t}\n\t&.shadow {\n\t\t@extend %hover_transition !optional;\n\t\tbox-shadow: make-shadow(3, \"drop\", #000, 0.4);\n\n\t\t&:hover {\n\t\t\tbox-shadow: make-shadow(1, \"drop\", #000, 0.1);\n\t\t}\n\t}\n}\n",".close-button{\n    text-align: right;\n    border-top: map-get($button-palette, primary) 9px solid;\n    width:100%;\n    left:0;\n    right:0;\n\tspan{\n\t\tbackground: map-get($button-palette, primary);\n\t\tpadding: 0 .2em;\n\t\tvertical-align: top;\n\t}\n\t&:focus{\n\t\toutline: none;\n\t}\n}","/*\n\n    Question Structure\n\n    shade - default decoration when there is no validation run on the input.\n\n    Markup:\n    <div data-style=\"{{ modifier_class }}\"  class=\"question required {{modifier_class}}\">\n    <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n        <span class=\"text cell shrink\">Question Text</span>\n        <span class=\"required-holder cell shrink\">\n            <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n        </span>\n    </label>\n    <div class=\"input-holder grid-x c_{{modifier_class}}\">\n        <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n        </div>\n        <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n        </div>\n        <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n        </div>\n        <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n        </div>\n        <div class=\"input-space cell auto\">\n            <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n        </div>\n    </div>\n    <div class=\"message-holder font_n1\">\n        <div class=\"alert p_2 bg_alert-n1 c_white\">\n        <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2\"></i> Error message</div>\n        <div class=\"warning p_2 bg_warning-n1 c_white\">\n        <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n        <div class=\"info p_2 bg_info-n1 c_white\">\n        <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n    </div>\n    <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n    \n    Weight: -1\n\n    Styleguide Questions.Introduction\n*/\n\n/*\n\n    Question Structure with States applied\n\n    shade - default decoration when there is no validation run on the input.\n    alert   - alert settings for questions\n    warning - warning decoration for when required is missing. \n    info - sometimes inputs show extra informaiton when an item is selected or when a value is entered.\n    success - On rare occations it is needed for a success response on an input.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n    <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n        <span class=\"text cell shrink\">Question Text</span>\n        <span class=\"required-holder cell shrink\">\n            <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n        </span>\n        </label>\n    <div class=\"input-holder grid-x c_{{modifier_class}}\">\n        <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n        </div>\n        <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n        </div>\n        <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n        </div>\n        <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n            <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n        </div>\n        <div class=\"input-space cell auto\">\n            <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n        </div>\n    </div>\n    <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n            <div class=\"success br_success-n1 c_success \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> succes message are rare but sometimes needed.</div>\n        </div>\n    <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.States\n*/\n\n.question div.alert,\n.question div.warning,\n.question div.info,\n.question div.success {\n\tdisplay: none;\n}\n.alert.question div.alert,\n.warning.question div.warning,\n.info.question div.info,\n.success.question div.success {\n\tdisplay: block;\n}\n.alert.question select {\n\tborder-color: get-theme-color(alert, 2,CSSVAR);\n\tcolor: get-theme-color(alert, -2,CSSVAR);\n}\n.warning.question select {\n\tborder-color: get-theme-color(warning, 2,CSSVAR);\n\tcolor: get-theme-color(warning, -2,CSSVAR);\n}\n.info.question select {\n\tborder-color: get-theme-color(info, 2,CSSVAR);\n\tcolor: get-theme-color(info, -2,CSSVAR);\n}\n.success.question select {\n\tborder-color: get-theme-color(success, 2,CSSVAR);\n\tcolor: get-theme-color(success, -2,CSSVAR);\n}\n\n.required .required-holder {\n\tdisplay: inline-flex;\n}\n\n.switch {\n\tmargin-bottom: $margin_0;\n}\n.switch-value {\n\tmargin-left: $margin_3;\n}\n\n.question {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.label-holder {\n\tflex: 1 0 auto;\n}\n.input-holder {\n\tflex: 1 0 auto;\n}\n.message-holder {\n\tflex: 1 0 auto;\n}\n.message-holder div {\n\tborder-top-width: $border-width_3;\n\tborder-top-style: solid;\n\tpadding: $padding_2;\n}\n.hint-holder {\n\tflex: 1 0 auto;\n}\n\n/*\n\n    Question Input Value Area\n\n    shade - default decoration when there is no validation run on the input.\n    alert   - alert settings for questions\n    warning - warning decoration for when required is missing. \n    info - sometimes inputs show extra informaiton when an item is selected or when a value is entered.\n    success - On rare occations it is needed for a success response on an input.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n        <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n        <span class=\"text cell shrink\">Question Text</span>\n        <span class=\"required-holder cell shrink\">\n            <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n        </span>\n        </label>\n        <div class=\"input-holder grid-x c_{{modifier_class}}\">\n            <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n            </div>\n            <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n            </div>\n            <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n            </div>\n            <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n            </div>\n            <div class=\"input-space cell auto\">\n                <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n            </div>\n            <div class=\"br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"value\">Years</span>\n            </div>\n        </div>\n        <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n        </div>\n        <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.Value Area\n*/\n\n/*\n\n    Question with grouped inputs\n\n    shade - default decoration when there is no validation run on the input.\n    alert - alerts show up when errors are validated from the input.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n        <label for=\"input-x\" class=\"label-holder grid-x c_{{modifier_class}} font_1\">\n            <span class=\"text cell shrink\">Question Text</span>\n            <span class=\"required-holder cell shrink\">\n                <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n            </span>\n            </label>\n        <div class=\"input-holder grid-x c_{{modifier_class}}\">\n            <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n            </div>\n            <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n            </div>\n            <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n            </div>\n            <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n            </div>\n            <div class=\"input-space cell small-2\">\n                <select name=\"\" id=\"\" class=\"m-b_0\">\n                    <option value=\"\">All</option>\n                    <option value=\"\">Group A</option>\n                    <option value=\"\">Group B</option>\n                </select>\n            </div>       \n            <div class=\"input-space cell auto\">\n                <input id=\"input-x\" type=\"text\" class=\"m-b_0 br_{{modifier_class}}-3 \" />\n            </div>\n            <div class=\"br_{{modifier_class}}-3  bg_{{modifier_class}}-4 c_{{modifier_class}}-n2  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"value\">Years</span>\n            </div>\n        </div>\n        <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n        </div>\n        <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.Grouped Inputs\n*/\n\n/*\n\n    Question with Switches\n\n    shade - default decoration when there is no validation run on the input.\n    alert - alert on the area of inputs\n    warning - warning decoration for when required is missing. \n    info - sometimes inputs show extra informaiton when an item is selected or when a value is entered.\n\n    Markup:\n    <div class=\"question required {{modifier_class}}\">\n        <label for=\"tinySwitch_{{modifier_class}}\" class=\"grid-x c_{{modifier_class}} font_1 label-holder\">\n            <span class=\"text cell shrink\">Question Text</span>\n            <span class=\"required-holder cell shrink\">\n                <i class=\"fas fa-asterisk c_warning font_n3 vertical-align_t\"></i>\n            </span>\n        </label>\n        <div class=\"input-holder grid-x c_{{modifier_class}}\">\n            <div class=\"alert br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-square\"></i></span>\n            </div>\n            <div class=\"warning br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-exclamation-triangle\"></i></span>\n            </div>\n            <div class=\"info br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-lightbulb-exclamation\"></i></span>\n            </div>\n            <div class=\"success br_{{modifier_class}}-3  bg_{{modifier_class}}-4  value-space cell shrink  br_solid br-w_1 p_3 p-b_2 b_shade-4 texture_light\">\n                <span class=\"c_{{modifier_class}} p_2\"><i class=\"fas fa-fw fa-check-square\"></i></span>\n            </div>\n            <div class=\"input-space cell auto grid-x\">\n                <div class=\"cell grid-x p_3 p-r_0 small-12 medium-6\">\n                    <div class=\"switch tiny radius cell shrink\">\n                        <input class=\"switch-input\" id=\"tinySwitch_{{modifier_class}}\" type=\"checkbox\" name=\"exampleSwitch\">\n                        <label class=\"switch-paddle\" for=\"tinySwitch_{{modifier_class}}\">\n                            <span class=\"show-for-sr\">Tiny Sandwiches Enabled</span>\n                        </label>\n                    </div>\n                    <label class=\"switch-value cell auto font_bold\" for=\"tinySwitch_{{modifier_class}}\">No Question</label>\n                </div>\n                <div class=\"cell grid-x p_3 p-r_0 small-12 medium-6\">\n                    <div class=\"switch tiny radius cell shrink\">\n                        <input class=\"switch-input\" id=\"tinySwitchNo_{{modifier_class}}\" type=\"checkbox\" name=\"exampleSwitch\">\n                        <label class=\"switch-paddle\" for=\"tinySwitchNo_{{modifier_class}}\">\n                            <span class=\"show-for-sr\">Tiny Sandwiches Enabled</span>\n                        </label>\n                    </div>\n                    <label class=\"switch-value cell auto font_bold\" for=\"tinySwitchNo_{{modifier_class}}\">Yes Question</label>\n                </div>\n            </div>     \n        </div>\n        <div class=\"message-holder font_n1 font_bold\">\n            <div class=\"alert br_alert-n1 c_alert\">\n            <i class=\"fas fa-fw fa-exclamation-square m-r_3 m-l_2 \"></i> Error message</div>\n            <div class=\"warning br_warning-n1 c_warning \">\n            <i class=\"fas fa-fw fa-exclamation-triangle m-r_3 m-l_2\"></i> Warning message</div>\n            <div class=\"info br_info-n1 c_info \">\n            <i class=\"fas fa-fw fa-lightbulb-exclamation m-r_3 m-l_2\"></i> Informational message about your input</div>\n        </div>\n        <div class=\"hint-holder m-t_2 font_n1 c_shade p_2 p-t_0\">This is some hint-holder text</div>\n    </div>\n\n    Styleguide Questions.Switches\n*/\n","/*\n Pagination\n\n This is what pagination should look like and its modifications.\n\n Markup:\n <nav aria-label=\"Pagination\" class=\"border_solid border_primary border-top-width_3\">\n  <ul class=\"pagination font_display font_bold\">\n    <li class=\"pagination-previous disabled\"><i class=\"fas fa-chevron-left\"></i> <span class=\"show-for-sr\">page</span></li>\n    <li class=\"current\"><span class=\"show-for-sr\">You're on page</span> 1</li>\n    <li><a href=\"#\" aria-label=\"Page 2\">2</a></li>\n    <li><a href=\"#\" aria-label=\"Page 3\">3</a></li>\n    <li><a href=\"#\" aria-label=\"Page 4\">4</a></li>\n    <li class=\"fal fa-ellipsis-h\" aria-hidden=\"true\"></li>\n    <li><a href=\"#\" aria-label=\"Page 12\">12</a></li>\n    <li><a href=\"#\" aria-label=\"Page 13\">13</a></li>\n    <li class=\"pagination-next\"><a href=\"#\" aria-label=\"Next page\"><i class=\"fas fa-chevron-right\"></i><span class=\"show-for-sr\">page</span></a></li>\n  </ul>\n</nav>\n\n Styleguide Navigation.Pagination\n*/\n.pagination-previous,\n.pagination-next {\n\tbackground: get-theme-color(shade, 3, CSSVAR);\n}\n.pagination .disabled:hover {\n\t@include texture-disabled;\n}\n\n/*\n Pagination in Card\n\n This is what pagination should look like and its modifications.\n\n Markup:\n <div class=\"card shadow_2\" >\n    <div class=\"card-section\">\n        <h4>This is a card.</h4>\n    </div>\n    <nav aria-label=\"Pagination\" class=\" pagination-container\">\n      <ul class=\"pagination font_display font_bold float-right\">\n        <li class=\"pagination-previous disabled\"><i class=\"fas fa-chevron-left\"></i> <span class=\"show-for-sr\">page</span></li>\n        <li class=\"current\"><span class=\"show-for-sr\">You're on page</span> 1</li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 2\">2</a></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 3\">3</a></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 4\">4</a></li>\n        <li class=\" fal fa-ellipsis-h \" aria-hidden=\"true\"></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 12\">12</a></li>\n        <li class=\"\"><a href=\"#\" aria-label=\"Page 13\">13</a></li>\n        <li class=\"pagination-next\"><a href=\"#\" aria-label=\"Next page\"><i class=\"fas fa-chevron-right\"></i><span class=\"show-for-sr\">page</span></a></li>\n      </ul>\n    </nav>\n</div>\n\n Styleguide Navigation.Pagination.Cards\n*/\n\n.pagination-container {\n\tbackground: get-theme-color(primary, 0, CSSVAR);\n\tpadding: $padding_0 $padding_3;\n\t.pagination {\n\t\tmargin-bottom: $margin_3;\n\t}\n\t.current {\n\t\tbackground: $white;\n\t\tcolor: get-theme-color(primary, 0, CSSVAR);\n\t}\n\ta:not([class=\"pagination-previous\"]):not([class=\"pagination-next\"]) {\n\t\tcolor: $white;\n\t\t&:hover {\n\t\t\tcolor: $black;\n\t\t}\n\t}\n}\n"]}