{"version":3,"sources":["file:///var/www/ianmoffitt.dev/src/assets/css/main.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/vendor/normalize.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/_global.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/util/_unit.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/util/_mixins.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/typography/_base.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/util/_breakpoint.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/util/_color.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/typography/_helpers.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/typography/_alignment.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/typography/_print.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_grid.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_classes.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_gutters.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_cell.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_layout.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_collapse.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_position.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/xy-grid/_frame.scss","file:///var/www/ianmoffitt.dev/node_modules/foundation-sites/scss/components/_button.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_vars.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_reset.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_base.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_drupal.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_global-footer.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_user-markup.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_content.scss","file:///var/www/ianmoffitt.dev/src/assets/css/_spotify.scss"],"names":[],"mappings":"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qBDZyB,gBDH/B,CAAA,iBACA,CCCE,cAC6B,CCqB3B,cAAA,CFvBJ,eEuBI,CAAA,QDhBJ,YDSA,CAAA,kBACA,CAAA,MCNA,aEuGA,CAAA,YAIE,CAAA,WACA,CAAA,UA6BM,CAAA,WFtIN,UEoGF,CAAA,aFhGE,aEgGF,CAkCQ,8BFxHN,UEwHM,CAAA,yPFxGJ,eACE,CAAA,yCNoHA,uQMrHF,eACE,CAAA,CAAA,yCNoHA,yPMrHF,eACE,CAAA,CAAA,+MAaJ,aEwDF,CAAA,iBFzCI,mBE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,SE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,SE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,SE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,UE2EI,CAAA,yCRaF,qBM5GF,UE6DJ,CAAA,UAkCQ,CAAA,kPF1FN,aEwDF,CAAA,uBFlDI,UEoFI,CAAA,kBF3EJ,mBE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,SE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,SE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,SE2EI,CAAA,mBF3EJ,oBE2EI,CAAA,mBF3EJ,oBE2EI,CAAA,mBF3EJ,UE2EI,CAAA,CAAA,yCRaF,oBM5GF,UE6DJ,CAAA,UAkCQ,CAAA,qOF1FN,aEwDF,CAAA,sBFlDI,UEoFI,CAAA,iBF3EJ,mBE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,SE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,SE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,oBE2EI,CAAA,iBF3EJ,SE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,oBE2EI,CAAA,kBF3EJ,UE2EI,CAAA,CAAA,kCFnER,UACE,CAAA,kCAIF,WACE,CAAA,eA8BF,oBCvGM,CAAA,qBAAA,CAAA,yCPmJA,eM5CN,qBCvGM,CAAA,sBAAA,CAAA,CAAA,qBCsIE,mBD7HJ,CAAA,oBAAA,CDkGF,0BClGE,CAAA,yCP0IE,qBQbE,oBD7HJ,CAAA,qBAAA,CDyGE,2BCzGF,CAAA,CC6HI,4CFnDR,UEmDQ,CAAA,wBF3CN,8BE2CM,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,yBE2CM,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,yBE2CM,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,yBE2CM,CAAA,yBF3CN,+BE2CM,CAAA,yBF3CN,+BE2CM,CAAA,yBF3CN,0BE2CM,CAAA,yCAAA,4CFnDR,UEmDQ,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,2BE2CM,CAAA,0DFnDR,UEmDQ,CAAA,yBF3CN,+BE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,0BE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,0BE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,0BE2CM,CAAA,0BF3CN,gCE2CM,CAAA,0BF3CN,gCE2CM,CAAA,0BF3CN,2BE2CM,CAAA,CAAA,yCAAA,wDFnDR,UEmDQ,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,2BE2CM,CAAA,CAAA,gCDtIF,oBAAA,CD8IJ,qBC9II,CAAA,yCPmJA,gCOnJA,qBAAA,CD8IJ,sBC9II,CAAA,CAAA,2CAAA,oBAAA,CDoJJ,qBCpJI,CAAA,yCPmJA,2COnJA,qBAAA,CDoJJ,sBCpJI,CAAA,CAAA,sBAAA,oBAAA,CDyJJ,qBCzJI,CAAA,yCPmJA,sBOnJA,qBAAA,CDyJJ,sBCzJI,CAAA,CAAA,kBAAA,UCsIE,CAAA,kBCtIR,SDsIQ,CAAA,kBCtIR,oBDsIQ,CAAA,kBCtIR,SDsIQ,CAAA,kBCtIR,SDsIQ,CAAA,kBCtIR,oBDsIQ,CAAA,kBCtIR,oBDsIQ,CAAA,kBCtIR,WDsIQ,CAAA,yCRaF,mBSnJN,UDsIQ,CAAA,mBCtIR,SDsIQ,CAAA,mBCtIR,oBDsIQ,CAAA,mBCtIR,SDsIQ,CAAA,mBCtIR,SDsIQ,CAAA,mBCtIR,oBDsIQ,CAAA,mBCtIR,oBDsIQ,CAAA,mBCtIR,WDsIQ,CAAA,CAAA,yCRaF,kBSnJN,UDsIQ,CAAA,kBCtIR,SDsIQ,CAAA,kBCtIR,oBDsIQ,CAAA,kBCtIR,SDsIQ,CAAA,kBCtIR,SDsIQ,CAAA,kBCtIR,oBDsIQ,CAAA,kBCtIR,oBDsIQ,CAAA,kBCtIR,WDsIQ,CAAA,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,yBDsIQ,CAAA,gCCtIR,+BDsIQ,CAAA,gCCtIR,yBDsIQ,CAAA,gCCtIR,yBDsIQ,CAAA,gCCtIR,+BDsIQ,CAAA,gCCtIR,+BDsIQ,CAAA,gCCtIR,2BDsIQ,CAAA,yCRaF,gCSnJN,2BDsIQ,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,gCDsIQ,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,gCDsIQ,CAAA,gCCtIR,gCDsIQ,CAAA,gCCtIR,4BDsIQ,CAAA,iCCtIR,2BDsIQ,CAAA,iCCtIR,0BDsIQ,CAAA,iCCtIR,gCDsIQ,CAAA,iCCtIR,0BDsIQ,CAAA,iCCtIR,0BDsIQ,CAAA,iCCtIR,gCDsIQ,CAAA,iCCtIR,gCDsIQ,CAAA,iCCtIR,4BDsIQ,CAAA,CAAA,yCRaF,gCSnJN,2BDsIQ,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,gCDsIQ,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,0BDsIQ,CAAA,gCCtIR,gCDsIQ,CAAA,gCCtIR,gCDsIQ,CAAA,gCCtIR,4BDsIQ,CAAA,CE7IF,oDAKE,aAAA,CAFJ,cAEI,CAAA,gCAsBE,mBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,UFkHF,CAAA,yCRaF,iCU/HI,mBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,SFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,UFkHF,CAAA,CAAA,yCRaF,gCU/HI,mBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,UFkHF,CAAA,CAAA,wBEtGF,aAAA,CJ6KF,cI7KE,CAAA,8BAKE,cAAA,CAFJ,eAEI,CAAA,yCA5CF,sDAKE,aAAA,CAFJ,cAEI,CVqJF,iCUxII,mBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,SF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,SF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,SF2HF,CAAA,kCE3HE,oBF2HF,CAAA,kCE3HE,oBF2HF,CAAA,kCE3HE,UF2HF,CRaF,kCU/HI,mBFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,SFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,SFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,SFkHF,CAAA,mCElHE,oBFkHF,CAAA,mCElHE,oBFkHF,CAAA,mCElHE,UFkHF,CExIA,CFwIA,yCRaF,iCU/HI,mBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,SFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,oBFkHF,CAAA,kCElHE,UFkHF,CAAA,CAAA,yCRaF,yBUnHA,aAAA,CJ6KF,cI7KE,CAAA,+BAKE,cAAA,CAFJ,eAEI,CAAA,CAAA,yCA5CF,oDAKE,aAAA,CAFJ,cAEI,CVqJF,gCUxII,mBF2HF,CAAA,gCE3HE,oBF2HF,CAAA,gCE3HE,SF2HF,CAAA,gCE3HE,oBF2HF,CAAA,gCE3HE,oBF2HF,CAAA,gCE3HE,SF2HF,CAAA,gCE3HE,oBF2HF,CAAA,gCE3HE,oBF2HF,CAAA,gCE3HE,SF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,UF2HF,CRaF,iCUxII,mBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,SF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,SF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,oBF2HF,CAAA,iCE3HE,SF2HF,CAAA,kCE3HE,oBF2HF,CAAA,kCE3HE,oBF2HF,CAAA,kCE3HE,UF2HF,CRaF,gCU/HI,mBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,oBFkHF,CAAA,gCElHE,SFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,oBFkHF,CAAA,iCElHE,UFkHF,CRaF,wBUnHA,aAAA,CJ6KF,cI7KE,CAAA,8BAKE,cAAA,CAFJ,eAEI,CAvCA,CAuCA,gBJsLJ,aKlMF,CAAA,+BLsME,mBKtMF,CAAA,gBLkME,yBKlMF,CAAA,+BLsME,oCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,qCKtMF,CAAA,gBLkME,eKlMF,CAAA,+BLsME,+BKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,qCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,qCKtMF,CAAA,gBLkME,eKlMF,CAAA,+BLsME,+BKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,qCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,qCKtMF,CAAA,gBLkME,eKlMF,CAAA,+BLsME,+BKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,qCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,qCKtMF,CAAA,yCX0HI,iBMwEF,aKlMF,CAAA,gCLsME,oBKtMF,CAAA,iBLkME,yBKlMF,CAAA,gCLsME,qCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,iBLkME,eKlMF,CAAA,gCLsME,gCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,iBLkME,eKlMF,CAAA,gCLsME,gCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,iBLkME,eKlMF,CAAA,gCLsME,gCKtMF,CAAA,kBLkME,0BKlMF,CAAA,iCLsME,sCKtMF,CAAA,kBLkME,0BKlMF,CAAA,iCLsME,sCKtMF,CAAA,CAAA,yCX0HI,gBMwEF,aKlMF,CAAA,+BLsME,oBKtMF,CAAA,gBLkME,yBKlMF,CAAA,+BLsME,qCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,sCKtMF,CAAA,gBLkME,eKlMF,CAAA,+BLsME,gCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,sCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,sCKtMF,CAAA,gBLkME,eKlMF,CAAA,+BLsME,gCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,sCKtMF,CAAA,gBLkME,0BKlMF,CAAA,+BLsME,sCKtMF,CAAA,gBLkME,eKlMF,CAAA,+BLsME,gCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,iBLkME,0BKlMF,CAAA,gCLsME,sCKtMF,CAAA,CAAA,QLwNF,YD/OA,CAAA,uBACA,CAAA,cCkPE,WEnIF,CAAA,eACA,CAmBQ,8BFuHN,WEvHM,CAAA,yPFqIJ,eACE,CAAA,yCNzHA,uQMwHF,eACE,CAAA,CAAA,yCNzHA,yPMwHF,eACE,CAAA,CAAA,+MAYF,aEpLJ,CAAA,iBFmMM,oBEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,UEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,UEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,UEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,WEjKE,CAAA,yCRaF,qBMgIA,UE/KN,CAAA,WAkCQ,CAAA,kPFkJJ,aEpLJ,CAAA,uBF0LM,WExJE,CAAA,kBFiKF,oBEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,UEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,UEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,UEjKE,CAAA,mBFiKF,qBEjKE,CAAA,mBFiKF,qBEjKE,CAAA,mBFiKF,WEjKE,CAAA,CAAA,yCRaF,oBMgIA,UE/KN,CAAA,WAkCQ,CAAA,qOFkJJ,aEpLJ,CAAA,sBF0LM,WExJE,CAAA,iBFiKF,oBEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,UEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,UEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,qBEjKE,CAAA,iBFiKF,UEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,qBEjKE,CAAA,kBFiKF,WEjKE,CAAA,CAAA,gCDtIF,sBAAA,CDmTF,mBCnTE,CAAA,yCPmJA,gCOnJA,uBAAA,CDmTF,oBCnTE,CAAA,CAAA,sBAAA,sBAAA,CDwTF,mBCxTE,CAAA,yCPmJA,sBOnJA,uBAAA,CDwTF,oBCxTE,CAAA,CCsIE,YIlJN,mBACA,CAFA,gBACA,CNkVF,eMpVE,CAAA,iBACA,CAEA,WAqCI,CAAA,kBNgTN,UACE,CAAA,YM9RA,cACA,CNgSF,eM5RA,CAAA,0BAJE,gCAGF,CAAA,2CACA,CAAA,cATE,eACA,CAAA,eACA,CNuSF,eMhSA,CAAA,sBNqSA,YM9RA,CAAA,qBACA,CAAA,eACA,CAAA,8BAGE,gBACA,CAFF,eAEE,CAAA,yCZoFI,mBY/JJ,mBACA,CAFA,gBACA,CN0WA,eM5WA,CAAA,iBACA,CAEA,WAqCI,CAAA,yBNwUJ,UACE,CAAA,mBMtTF,cACA,CNwTA,eMzTA,CACA,gCAGF,CAAA,2CACA,CAAA,6BNwTE,YMjTF,CAAA,qBACA,CAAA,eACA,CAAA,qCAGE,gBACA,CAFF,eAEE,CAAA,qBAtBA,eACA,CAAA,eACA,CNmUA,eMrUA,CAEA,gCAMF,CAAA,2CACA,CAAA,CAAA,yCZiGM,kBY/JJ,mBACA,CAFA,gBACA,CN0WA,eM5WA,CAAA,iBACA,CAEA,WAqCI,CAAA,wBNwUJ,UACE,CAAA,kBMtTF,cACA,CNwTA,eMzTA,CACA,gCAGF,CAAA,2CACA,CAAA,4BNwTE,YMjTF,CAAA,qBACA,CAAA,eACA,CAAA,oCAGE,gBACA,CAFF,eAEE,CAAA,oBAtBA,eACA,CAAA,eACA,CNmUA,eMrUA,CAEA,gCAMF,CAAA,2CACA,CAAA,CAAA,mBA9DE,mBACA,CAFA,gBACA,CACA,YAmCI,CN6VF,eMnYF,CAAA,iBACA,CAqCI,UN+VA,CAAA,yCNpOA,0BY/JJ,mBACA,CAFA,gBACA,CACA,YAmCI,CNmWA,eMzYJ,CAAA,iBACA,CAqCI,UNqWE,CAAA,CAAA,yCN1OF,yBY/JJ,mBACA,CAFA,gBACA,CACA,YAmCI,CNmWA,eMzYJ,CAAA,iBACA,CAqCI,UNqWE,CAAA,CAAA,yBAMJ,WACE,CAAA,yCNjPA,gCMoPA,WACE,CAAA,CAAA,yCNrPF,+BMoPA,WACE,CAAA,CAAA,eCxYF,sBAAA,CDuGN,mBCvGM,CAAA,yCPmJA,eOnJA,uBAAA,CDuGN,oBCvGM,CAAA,CAAA,qBD2GJ,2BE2BM,CD7HJ,qBAAA,CC6HI,kBD7HJ,CAAA,yCP0IE,qBMjCA,4BEoBE,CD7HJ,sBAAA,CC6HI,mBD7HJ,CAAA,CC6HI,4CFnDR,WEmDQ,CAAA,wBF3CN,+BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,0BE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,2BE2CM,CAAA,yCAAA,4CFnDR,WEmDQ,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,2BE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,2BE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,2BE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,4BE2CM,CAAA,0DFnDR,WEmDQ,CAAA,yBF3CN,gCE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,2BE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,2BE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,2BE2CM,CAAA,0BF3CN,iCE2CM,CAAA,0BF3CN,iCE2CM,CAAA,0BF3CN,4BE2CM,CAAA,CAAA,yCAAA,wDFnDR,WEmDQ,CAAA,wBF3CN,gCE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,2BE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,2BE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,iCE2CM,CAAA,wBF3CN,2BE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,iCE2CM,CAAA,yBF3CN,4BE2CM,CAAA,CAAA,0BFyQN,4BMrYI,CAAA,yCZyIA,0BM4PJ,6BMrYI,C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","file":"file:///var/www/ianmoffitt.dev/src/assets/css/main.scss","sourcesContent":["@import \"foundation.scss\";\n\n@include foundation-global-styles();\n@include foundation-typography();\n@include foundation-xy-grid-classes();\n@include foundation-button();\n\n@import \"vars\";\n@import \"reset\";\n@import \"base\";\n@import \"drupal\";\n@import \"global-footer\";\n@import \"user-markup\";\n@import \"content\";\n@import \"spotify\";\n/*@import \"_expand.scss\" layer(module);*/\n/*@import \"_masthead.scss\" layer(module);*/\n\n.grid-base {\n\tleft: 0;\n\tmargin: 0;\n\tposition: fixed;\n\ttop: 0;\n\tz-index: 1;\n\topacity: 0;\n\n\t&.ready {\n\t\ttransition: opacity 1s linear;\n\t}\n\n\t&.loaded {\n\t\topacity: 1;\n\t}\n}\n\n.logo {\n\tdisplay: inline-block;\n\tmargin: 10px 0 0;\n\twidth: 45px;\n\n\t.letter_i {\n\t\tfill: var(--color-secondary);\n\t}\n\n\t.letter_m {\n\t\tfill: var(--color-secondary-light);\n\t}\n}\n\n.button {\n\tbackground-color: var(--color-primary);\n\n\t&:hover,\n\t&:active {\n\t\tbackground-color: var(--color-primary);\n\t\tcolor: var(--color-tertiary);\n\t}\n}\n\n.view-more {\n\ttext-align: center;\n\n\ta {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tz-index: 10;\n\t\tpointer-events: all;\n\t}\n}","// sass-lint:disable no-vendor-prefixes\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: 0; // 1\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  // Disable outline when intent is clearly mouse and touch\n  [data-whatintent=\"mouse\"],\n  [data-whatintent=\"touch\"],\n  [data-whatinput=\"mouse\"],\n  [data-whatinput=\"touch\"] {\n    *, *:focus {\n      outline: none;\n    }\n  }\n\n  // Disable iOS callouts when draggable is false\n  [draggable=false] {\n    -webkit-touch-callout: none;\n    -webkit-user-select: 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 safe padding on the body for non-rectangular devices (i.e. phones with notches)\n/// @type Boolean\n$body-safe-padding: false !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    @if ($body-safe-padding) {\n      // using environment variables to account for non-rectangular displays e.g. phones with notches\n      padding-top: env(safe-area-inset-top);\n      padding-right: env(safe-area-inset-right);\n      padding-bottom: env(safe-area-inset-bottom);\n      padding-left: env(safe-area-inset-left);\n    }\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    -webkit-overflow-scrolling: touch;\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","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@import 'math';\n\n$unit-warnings: true !default;\n\n////\n/// @group functions\n////\n\n$global-font-size: 100% !default;\n\n/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.\n///\n/// @param {Number} $num - Number to strip unit from.\n///\n/// @returns {Number} The same number, sans unit.\n@function strip-unit($num) {\n  @return divide($num, $num * 0 + 1);\n}\n\n/// Converts one or more pixel values into matching rem values.\n///\n/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.\n/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$global-font-size` variable as the base.\n///\n/// @returns {List} A list of converted values.\n@function rem-calc($values, $base: null) {\n  $rem-values: ();\n  $count: length($values);\n\n  // If no base is defined, defer to the global font size\n  @if $base == null {\n    $base: $global-font-size;\n  }\n\n  // If the base font size is a %, then multiply it by 16px\n  // This is because 100% font size = 16px in most all browsers\n  @if unit($base) == '%' {\n    $base: divide($base, 100%) * 16px;\n  }\n\n  // Using rem as base allows correct scaling\n  @if unit($base) == 'rem' {\n    $base: strip-unit($base) * 16px;\n  }\n\n  @if $count == 1 {\n    @return -zf-to-rem($values, $base);\n  }\n\n  @for $i from 1 through $count {\n    $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));\n  }\n\n  @return $rem-values;\n}\n\n// Converts a unitless, pixel, or rem value to em, for use in breakpoints.\n@function -zf-bp-to-em($value) {\n  // Pixel and unitless values are converted to rems\n  @if unit($value) == 'px' or unitless($value) {\n    $value: rem-calc($value, $base: 16px);\n  }\n\n  // Then the value is converted to ems\n  @return strip-unit($value) * 1em;\n}\n\n/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.\n/// @access private\n///\n/// @param {Number} $value - Pixel value to convert.\n/// @param {Number} $base [null] - Base for pixel conversion.\n///\n/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.\n@function -zf-to-rem($value, $base: null) {\n  // Check if the value is a number\n  @if type-of($value) != 'number' {\n    @if $unit-warnings {\n      @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';\n    }\n    @return $value;\n  }\n\n  // Transform em into rem if someone hands over 'em's\n  @if unit($value) == 'em' {\n    $value: strip-unit($value) * 1rem;\n  }\n\n  // Calculate rem if units for $value is not rem or em\n  @if unit($value) != 'rem' {\n    $value: divide(strip-unit($value), strip-unit($base)) * 1rem;\n  }\n\n  // Turn 0rem into 0\n  @if $value == 0rem {\n    $value: 0;\n  }\n\n  @return $value;\n}\n\n/// Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.\n///\n/// @param {Number} $value - Value to convert to a unitless line height\n/// @param {Number} $base - The font size to use to work out the line height - defaults to $global-font-size\n///\n/// @return {Number} - Unitless number\n@function unitless-calc($value, $base: null) {\n\n  // If no base is defined, defer to the global font size\n  @if $base == null {\n    $base: $global-font-size;\n  }\n\n  // First, lets convert our $base to pixels\n\n  // If the base font size is a %, then multiply it by 16px\n  @if unit($base) == '%' {\n    $base: divide($base, 100%) * 16px;\n  }\n\n  @if unit($base) == 'rem' {\n    $base: strip-unit($base) * 16px;\n  }\n\n  @if unit($base) == 'em' {\n    $base: strip-unit($base) * 16px;\n  }\n\n  // Now let's convert our value to pixels too\n  @if unit($value) == '%' {\n    $value: divide($value, 100%) * $base;\n  }\n\n  @if unit($value) == 'rem' {\n    $value: strip-unit($value) * $base;\n  }\n\n  @if unit($value) == 'em' {\n    $value: strip-unit($value) * $base;\n  }\n\n  // 'px'\n  @if unit($value) == 'px' {\n    @return divide(strip-unit($value), strip-unit($base));\n  }\n\n  // assume that line-heights greater than 10 are meant to be absolute in 'px'\n  @if unitless($value) and ($value > 10) {\n    @return divide($value, strip-unit($base));\n  }\n\n  @return $value;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n@use \"sass:color\";\n\n// Patch to fix issue #12080\n$-zf-bp-value: null;\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  $red   : round(color.channel($color, \"red\", $space: rgb));\n  $green : round(color.channel($color, \"green\", $space: rgb));\n  $blue  : round(color.channel($color, \"blue\", $space: rgb));\n  $rgb   : 'rgb%28#{$red}, #{$green}, #{$blue}%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 color.channel($color, \"lightness\", $space: hsl) < 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 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 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////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\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@use \"sass:color\";\n@import 'math';\n\n$contrast-warnings: true !default;\n\n/// Patch to fix issue #12080\n$primary-color: null !default;\n$secondary-color: null !default;\n$warning-color: null !default;\n$alert-color: null !default;\n$success-color: null !default;\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  $red   : round(color.channel($color, \"red\", $space: rgb));\n  $green : round(color.channel($color, \"green\", $space: rgb));\n  $blue  : round(color.channel($color, \"blue\", $space: rgb));\n\n  $rgba: $red, $green, $blue;\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 color.channel($color, \"lightness\", $space: hsl) > $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////\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  .cite-block {\n    @extend %cite-block;\n  }\n\n  %code-inline {\n    @include code-style;\n    @include code-inline;\n  }\n\n  .code-inline {\n    @extend %code-inline;\n  }\n\n  .code-block {\n    @include code-style;\n    @include code-block;\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        print-color-adjust: economy;\n      }\n      // Otherwise, prevent any economy by the browser.\n      @else {\n        print-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/// 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  max-width: $width;\n  margin-left: auto;\n  margin-right: auto;\n\n  @include xy-gutters($gutters: $padding, $gutter-type: padding);\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// 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        @include xy-grid-frame(true);\n        width: auto;\n      }\n\n      @include -zf-each-breakpoint(false) {\n        &.#{$-zf-size}-grid-frame {\n          @include xy-grid-frame(true);\n          width: auto;\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/// 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 0;\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      $mgc: rem-calc($mg);\n      @if $mgc == 0 {\n        // sass-lint:disable zero-unit\n        $mgc: 0rem;\n      }\n      $size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{$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    // Make sure that 0 is translated in 0rem for calc()\n    $mgc: rem-calc($margin-gutter);\n    @if $mgc == 0 {\n      // sass-lint:disable zero-unit\n      $mgc: 0rem;\n    }\n    $css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{$mgc}));\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: 0;\n    min-width: 0;\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    // Make sure that 0 is translated in 0rem for calc()\n    $gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint));\n    @if $gutter == 0 {\n      // sass-lint:disable zero-unit\n      $gutter: 0rem;\n    }\n    $offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter} / 2));\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","// sass-lint:disable no-vendor-prefixes\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        // Make sure that 0 is translated in 0rem for calc()\n        @if $gutter == 0 {\n          // sass-lint:disable zero-unit\n          $gutter: 0rem;\n        }\n        height: calc(#{$unit} + #{$gutter});\n      } @else {\n        $unit: if($nested == true, 100%, 100vw);\n        $gutter: rem-calc($gutter);\n        // Make sure that 0 is translated in 0rem for calc()\n        @if $gutter == 0 {\n          // sass-lint:disable zero-unit\n          $gutter: 0rem;\n        }\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  display: inline-block;\n  vertical-align: middle;\n  margin: $button-margin;\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  @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  @include disable-mouse-outline;\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",":root {\n    --flow-space: 2.5rem;\n    --primary-font: \"Gill Sans\";\n    --color-black: #0a0a0a;\n    --color-white: #cacaca;\n    --color-primary: #00665c;\n    --color-secondary: #259a92;\n    --color-secondary-light: #5cc5c3;\n\t--color-tertiary: #e8c453;\n\n    --heading-color: var(--color-primary);\n    --heading-shadow-color: var(--color-secondary);\n\n\t--link-color: var(--color-tertiary);\n}","body {\n    min-height: 100vh;\n    overflow-x: hidden;\n    font-family: var(--primary-font);\n}\n\nbody * {\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /*outline: thin solid red;*/\n}\n\nhtml,\nbutton,\ninput,\nselect,\ntextarea {\n    color: var(--color-black);\n}\n\naudio,\ncanvas,\nimg,\nvideo {\n    vertical-align: middle;\n}\n\niframe {\n    max-width: 100%;\n}\n\nul[class],\nol[class] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 1;\n}\n\nhr {\n    border-color: var(--color-white);\n    border-style: solid;\n    border-width: 1px 0 0;\n    display: block;\n    height: 1px;\n    margin: 1em 0;\n    padding: 0;\n}\n\nimg {\n    display: block;\n    max-width: 100%;\n    height: auto;\n}\n\na {\n    text-decoration: none;\n\n    :hover,\n    :focus {\n        text-decoration: underline;\n    }\n}","::-moz-selection {\n\tbackground: #a2cdee;\n\ttext-shadow: none;\n}\n\n::selection {\n\tbackground: #a2cdee;\n\ttext-shadow: none;\n}\n\n:focus {\n\toutline: 0.25rem dashed #000;\n\toutline-offset: 0.25rem;\n\n\t&:not(:focus-visible) {\n\t\toutline: 0;\n\t}\n}\n\n@media not (prefers-reduced-motion: reduce) {\n\t@view-transition {\n\t\tnavigation: auto;\n\t}\n\n\tmain { view-transition-name: content; }\n\t.grid-base { view-transition-name: grid; }\n\n\t/* Old stuff going out */\n\t::view-transition-old(content) {\n\t\tanimation: fade 0.2s linear forwards;\n\t}\n\n\t/* New stuff coming in */\n\t::view-transition-new(content) {\n\t\tanimation: fade 0.3s linear reverse;\n\t}\n\n\t@keyframes fade {\n\t\tfrom {\n\t\t\topacity: 1;\n\t\t}\n\t\tto {\n\t\t\topacity: 0;\n\t\t}\n\t}\n}\n\nbody {\n\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPklEQVQokd3MsQ0AMAgDwdgyEpTsPxyjkCY96SLl69Ojqkia2ZoSSUnuPlNJEZGZIyWAER3a3bf0+fXS/Us3lcIJWaJk9Y8AAAAASUVORK5CYII=);\n\tbackground-position: -1px -1px;\n\tbackground-origin: border-box;\n\tbackground-repeat: repeat;\n}\n\nmain {\n\tpadding-top: var(--flow-space, 2.5rem);\n\tpointer-events: none;\n\tposition: relative;\n\tz-index: 2;\n}\n\nmain > * + *,\n.flow > * + * {\n\tmargin-block-start: var(--flow-space, 2.5rem);\n}\n\n[class] :is(h1, h2, h3, h4, h5, h6) {\n    color: var(--heading-color);\n    text-shadow: 1px 1px 1px var(--heading-shadow-color);\n    -webkit-transition: color 0.425s, text-shadow 0.425s;\n    transition: color 0.425s, text-shadow 0.425s;\n}\n\n:is(.h1, .h2, .h3, .h4, .h5, .h6) {\n    display: block;\n}\n\nh1 {\n\tfont-size: 38px;\n}\n\n@media screen and (min-width: 768px) {\n\th1 {\n\t\tfont-size: 56px;\n\t}\n}\n\n@media screen and (min-width: 1024px) {\n\th1 {\n\t\tfont-size: 72px;\n\t}\n}\n\n",".visually-hidden {\n    position: absolute !important;\n    overflow: hidden;\n    clip: rect(1px, 1px, 1px, 1px);\n    width: 1px;\n    height: 1px;\n    word-wrap: normal;\n}\n\n/**\n * Alignment classes for text and block level elements.\n */\n\n.text-align-left {\n    text-align: left;\n}\n.text-align-right {\n    text-align: right;\n}\n.text-align-center {\n    text-align: center;\n}\n.text-align-justify {\n    text-align: justify;\n}\n\n/**\n * Alignment classes for block level elements (images, videos, blockquotes, etc.)\n */\n.align-left {\n    float: left;\n}\n.align-right {\n    float: right;\n}\n.align-center {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n\n    img {\n        margin-inline: auto;\n    }\n}\n",".global-footer {\n\t--heading-color: #ffffff;\n\n    background-color: #00665c;\n    border-radius: 3px;\n    margin: 100px 0;\n    padding: 20px;\n    pointer-events: all;\n    position: relative;\n    z-index: 10;\n}\n\n.global-footer__links {\n    padding-bottom: 16px;\n}\n\n@media print, screen and (min-width: 40em) {\n    .global-footer__links {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: horizontal;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        -webkit-box-ordinal-group: 2;\n        -ms-flex-order: 1;\n        order: 1;\n        padding-bottom: 0;\n        width: 50%;\n    }\n}\n\n.global-footer__info {\n    color: #ffffff;\n}\n\n@media print, screen and (min-width: 40em) {\n    .global-footer__info {\n        -webkit-box-ordinal-group: 3;\n        -ms-flex-order: 2;\n        order: 2;\n        width: 50%;\n    }\n}\n\n.global-footer__list {\n    padding: 0 16px 0 0;\n    list-style: none;\n}\n\n@media print, screen and (min-width: 40em) {\n    .global-footer__list {\n        -webkit-box-flex: 1;\n        -ms-flex: 1 0 auto;\n        flex: 1 0 auto;\n    }\n}\n\n.global-footer a,\n.global-footer__link {\n    color: #ffffff;\n    text-decoration: underline;\n    -webkit-transition: color 0.425s;\n    transition: color 0.425s;\n}\n\n.global-footer a:hover,\n.global-footer a:focus,\n.global-footer__link:hover,\n.global-footer__link:focus {\n    color: var(--link-color);\n}\n\n@media print, screen and (min-width: 40em) {\n    .global-footer__copyright {\n        bottom: 0;\n        font-size: 14px;\n        position: absolute;\n        right: 20px;\n    }\n}\n@media print, screen and (min-width: 40em) {\n    .global-footer {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: horizontal;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n        flex-direction: row;\n    }\n}\n",".user-markup {\n\n    :is(h1, h2, h3, h4, h5, h6) {\n        margin: 0 0 1rem;\n    }\n\n    img {\n        /*margin: 0.375em 0.75em 1.5em 0;*/\n    }\n\n    img[align=right],\n    img[style*=\"float: right\"] {\n        /*margin: 0.375em 0 1.5em 0.75em;*/\n    }\n\n    img[align=right] {\n        float: right;\n    }\n\n    p {\n        overflow: visible;\n\n        img { float: left; margin-block-end: 0.375em; }\n\n        img[align=right],\n        img[style*=\"float: right\"] {\n            margin-block-start: 0.375em;\n            margin-inline: 0 0.75em;\n        }\n    }\n\n    :is(p, dt, dd, li) {\n\t\tfont-size: 1.1rem;\n        line-height: 1.6;\n        font-weight: 400;\n\n\t\t@media screen and (min-width: 768px) {\n\t\t\tfont-size: 21px;\n\t\t}\n    }\n\n    dd {\n        margin-block-end: 1rem;\n    }\n\n    header {\n        padding: 0 0 1rem;\n    }\n\n    pre {\n        padding-bottom: 1rem;\n    }\n\n    > :last-child {\n        margin-block-end: 0;\n    }\n\n}",".content {\n    background-color: #ffffff;\n    border: 2px solid rgba(10, 10, 10, 0.2);\n    padding: 0 1rem;\n    pointer-events: all;\n    position: relative;\n    z-index: 10;\n    display: inline-block;\n    width: 100%;\n\n    time {\n        font-weight: 600;\n    }\n\n    .user-markup {\n        margin: 1rem 0;\n    }\n\n\t> *:first-child {\n\t\tmargin-block-start: 1rem;\n\t}\n\n\t> *:last-child {\n\t\tmargin-block-end: 1rem;\n\t}\n\n\t@media screen and (min-width: 768px) {\n\t\tpadding: 0 2rem;\n\t}\n}\n\n.content--snippet {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tpadding: 1rem;\n\n\theader {\n\t\tflex: 1 0 auto;\n\t\tmax-width: calc(100% - 5rem);\n\t\tmargin-block-start: 0;\n\t\tpadding-right: 1rem;\n\n\t\t:is(h1, h2, h3, h4, h5, h6) {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.user-markup {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t}\n\n\t> *:first-child {\n\t\tmargin-block-start: 0;\n\t}\n\n\t> *:last-child {\n\t\tmargin-block-end: 0;\n\t}\n\n\t@media screen and (min-width: 768px) {\n\t\tpadding: 1rem 2rem;\n\t}\n}\n",".spotify {\n\t--heading-color: #ffffff;\n\n\tpadding: 20px;\n\tbackground-color: #00665c;\n\tborder-radius: 3px;\n\tmargin: 100px auto;\n\tmax-width: 600px;\n\tdisplay: none;\n\tposition: relative;\n\tz-index: 10;\n\n\t&.loaded {\n\t\tdisplay: block;\n\t}\n}\n\n.spotify__progress {\n\t--animation-width: 0%;\n\t--animation-length: 60s;\n\n\twidth: 100%;\n\theight: 4px;\n\tbackground-color: var(--color-secondary);\n\tborder-radius: 2px;\n\tposition: relative;\n\n\t&:before {\n\t\tcontent: '';\n\t\twidth: var(--animation-width, 0%);\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbackground-color: var(--color-secondary-light);\n\t\tz-index: 10;\n\t\tborder-radius: 2px;\n\n\t\tanimation-duration: var(--animation-length);\n\t\tanimation-name: spotify-progress;\n\t\tanimation-timing-function: linear;\n\t\tanimation-fill-mode: forwards;\n\t\tanimation-play-state: var(--animation-state, \"running\");\n\t}\n}\n\n.paused .spotify__progress {\n\tdisplay: none;\n}\n\n@keyframes spotify-progress {\n\tfrom {\n\t\twidth: var(--animation-width, 0%);\n\t}\n\tto {\n\t\twidth: 100%;\n\t}\n}\n\n.spotify__player {\n\tdisplay: grid;\n\tgrid-template-columns: 150px 1fr;\n\tmin-height: 150px;\n\tgap: 20px;\n}\n\n.spotify__song {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tgap: 1em;\n}\n\n.spotify__header {\n\tfont-size: 15px;\n}\n\n.spotify__title {\n\tfont-size: 18px;\n}\n\n.spotify__artist {\n\tfont-size: 15px;\n}\n\n.spotify__album {\n\tfont-size: 14px;\n}\n"]}