{"version":3,"sources":["../../../sass/modules/spartacus/_webfonts.scss","../../../node_modules/node-normalize-scss/_normalize.scss","spartacus/css/master.css","../../../spartacus/css/master.css","../../../sass/base/_defaults.scss","../../../sass/mixins/_img.scss","../../../sass/base/_forms.scss","../../../sass/mixins/_buttons.scss","../../../sass/base/_images.scss","../../../sass/base/_navigation.scss","../../../sass/mixins/_icon.scss","../../../sass/mixins/_helpers.scss","../../../sass/base/_print.scss","../../../node_modules/magnific-popup/src/css/main.scss","../../../sass/modules/global/_general.scss","../../../sass/mixins/_grid.scss","../../../sass/modules/global/_navbar.scss","../../../sass/modules/spartacus/_navbar.scss","../../../sass/modules/global/_header.scss","../../../sass/modules/spartacus/_header.scss","../../../sass/modules/spartacus/_content.scss","../../../sass/modules/spartacus/_pluginlist.scss","../../../sass/modules/spartacus/_themelist.scss","../../../sass/modules/global/_sidebar.scss","../../../sass/modules/global/_footer.scss"],"names":[],"mappings":"iBAWI,WACI,YAAA,KACA,WAAA,OACA,YAAA,IACA,IAAA,iDAAA,eAAA,CAAA,gDAAA,cAAA,CAAA,+CAAA,mBAJJ,WACI,YAAA,KACA,WAAA,OACA,YAAA,IACA,IAAA,gDAAA,eAAA,CAAA,+CAAA,cAAA,CAAA,8CAAA,mBAJJ,WACI,YAAA,KACA,WAAA,OACA,YAAA,IACA,IAAA,8CAAA,eAAA,CAAA,6CAAA,cAAA,CAAA,4CAAA,mBAJJ,WACI,YAAA,KACA,WAAA,OACA,YAAA,IACA,IAAA,oDAAA,eAAA,CAAA,mDAAA,cAAA,CAAA,kDAAA,mBCfR,4EAUA,KACE,YAAA,KACA,yBAAA,KAUF,KACE,OAAA,EAQF,GACE,UAAA,IACA,OAAA,MAAA,EAWF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAQF,IACE,YAAA,SAAA,CAAA,UACA,UAAA,IAUF,EACE,iBAAA,YAQF,YACE,cAAA,KACA,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OAOF,EC4BA,OD1BE,YAAA,OAQF,KC2BA,IACA,KDzBE,YAAA,SAAA,CAAA,UACA,UAAA,IAOF,MACE,UAAA,IAQF,IC2BA,IDzBE,UAAA,IACA,YAAA,EACA,SAAA,SACA,eAAA,SAGF,IACE,OAAA,OAGF,IACE,IAAA,MAUF,IACE,aAAA,KAWF,OCuBA,MACA,SACA,OACA,SDrBE,YAAA,QACA,UAAA,KACA,YAAA,KACA,OAAA,EAQF,OC0BA,MDxBE,SAAA,QAQF,OC0BA,ODxBE,eAAA,KCiCF,cACA,aACA,cD5BA,OAIE,mBAAA,OCgCF,gCACA,+BACA,gCD3BA,yBAIE,aAAA,KACA,QAAA,EC+BF,6BACA,4BACA,6BD1BA,sBAIE,QAAA,IAAA,OAAA,WAOF,SACE,QAAA,MAAA,MAAA,OAUF,OACE,WAAA,WACA,MAAA,QACA,QAAA,MACA,UAAA,KACA,QAAA,EACA,YAAA,OAOF,SACE,eAAA,SAOF,SACE,SAAA,KE+BF,gBDEA,aDvBE,WAAA,WACA,QAAA,EE+BF,yCDEA,yCDxBE,OAAA,KE+BF,cFtBE,mBAAA,UACA,eAAA,KE+BF,yCFvBE,mBAAA,KAQF,6BACE,mBAAA,OACA,KAAA,QAUF,QACE,QAAA,MAOF,QACE,QAAA,UAUF,SACE,QAAA,KE0BF,SFlBE,QAAA,KG5UF,YACI,WAAA,QACA,YAAA,KAGJ,GACI,YAAA,IAGJ,GACI,OAAA,EAGJ,QFoWA,GElWI,WAAA,KAGJ,MACI,OAAA,KAAA,EAAA,OAAA,KAAA,EACA,MAAA,KAFJ,cAKQ,WAAA,OFyWR,MErWA,MAGQ,OAAA,EHOR,GGFI,OAAA,EACA,WAAA,IAAA,MAAA,KACA,QAAA,MACA,OAAA,IACA,OAAA,KAAA,EAAA,OAAA,OAAA,EACA,QAAA,EHgRJ,QG5QI,OAAA,QHwFJ,IGnFI,eAAA,OAIJ,cACI,MAAA,aAKJ,OAAA,KFgWA,MACA,OACA,SEjWI,YAAA,IAAA,CAAA,WHzDJ,KG+DI,UAAA,KHnDJ,KGsEI,YAAA,IAGJ,GFkVA,GACA,GACA,GACA,GACA,GEhVI,OAAA,KAAA,EAAA,OAAA,KAAA,EAGJ,GFmVA,GEjVI,UAAA,KAAA,UAAA,KFuVJ,KAEA,IEtVA,IFqVA,KEjVI,UAAA,KAAA,UAAA,QAGJ,SACI,UAAA,IAMJ,EACI,OAAA,IAAA,IAAA,IAAA,IAGJ,YACI,OAAA,IAAA,IAAA,IAAA,IAKJ,EACI,gBAAA,KAAA,YAAA,KAAA,QAAA,KADJ,OFuVA,MADA,OE/UQ,gBAAA,KAAA,YAAA,KAAA,QAAA,KFuVR,IEjVA,MC9II,OAAA,KACA,UAAA,KJuNJ,SK3MQ,OAAA,EACA,OAAA,EACA,QAAA,EJ+dR,4BADA,2BI3dI,wBAAA,uBJ0dJ,yBADA,wBIpdY,WAAA,KAIR,4BACI,MAAA,KAIJ,mBACI,MAAA,KAIJ,uBACI,MAAA,KAGJ,SAGI,WAAA,KAaJ,kBJ0cJ,mBACA,iBACA,OACA,SI5cQ,mBAAA,KACA,gBAAA,YACA,iBAAA,QACA,OAAA,IAAA,MACA,aAAA,QAAA,QAAA,QACA,cAAA,EACA,WAAA,WACA,MAAA,KACA,OAAA,MACA,QAAA,EACA,QAAA,IAAA,IACA,WAAA,KAEA,4BJ+cR,6BACA,2BACA,iBACA,mBIjdY,iBAAA,KJsdZ,iBI3bI,aJ4bJ,SIzbQ,OAAA,KAIJ,0CACI,OACI,iBAAA,oGACA,oBAAA,MAAA,OACA,kBAAA,UACA,cAAA,KJ4bV,iBIzbM,aAEI,iBAAA,KACA,QAAA,GLmIZ,SK9HQ,WAAA,KACA,SAAA,KACA,OAAA,SACA,MAAA,KAMA,YJsbR,mBACA,kBACA,mBKljBI,gBAAA,YACA,iBAAA,KACA,iBAAA,qCAKA,OAAA,IAAA,MACA,aAAA,KAAA,KAAA,KACA,cAAA,IACA,MAAA,KACA,QAAA,aACA,YAAA,OACA,QAAA,EACA,QAAA,IAAA,KAAA,QAAA,SAAA,QACA,WAAA,OACA,gBAAA,KACA,YAAA,KAAA,EAAA,IAAA,IACA,MAAA,KAEA,kBLkjBJ,yBACA,wBACA,yBKnjBQ,iBAAA,KACA,iBAAA,qCAOJ,mBLijBJ,0BACA,yBACA,0BKljBQ,iBAAA,KACA,iBAAA,qCAKA,aAAA,KAAA,KAAA,KAEA,WAAA,MAAA,mBAAA,EAAA,IAAA,IAAA,EAGJ,kBL+iBJ,yBACA,wBACA,yBKhjBQ,WAAA,KAAA,EAAA,EAAA,IAAA,EACA,QAAA,EAGJ,mBAAA,kBAAA,kBAAA,oBLkjBJ,0BAGA,yBADA,yBADA,2BAGA,yBAGA,wBADA,wBADA,0BAGA,0BAGA,yBADA,yBADA,2BKvjBQ,MAAA,KDgGJ,kBJgeJ,YAFA,aACA,eI1dY,WAAA,EAAA,EAAA,IAAA,EAAA,KACA,QAAA,EE3JZ,OACI,QAAA,MACA,OAAA,KAAA,EAAA,OAAA,KAAA,EN+nBJ,OOpoBA,OAEI,WAAA,KACA,OAAA,EACA,QAAA,EAMA,YCCA,iBAAA,YACA,QAAA,aACA,OAAA,KACA,SAAA,SACA,MAAA,KAEA,uBACI,KAAA,IACA,IAAA,KACA,WAAA,iBAAA,IAAA,QAGA,uBAAA,8BAAA,+BAGI,iBAAA,KACA,QAAA,MACA,OAAA,IACA,SAAA,SACA,MAAA,KAGJ,8BAAA,+BAEI,QAAA,GAGJ,+BACI,IAAA,KACA,WAAA,IAAA,IAAA,QAAA,GAAA,CAAA,UAAA,IAAA,QAKJ,8BACI,OAAA,KACA,WAAA,OAAA,IAAA,QAAA,GAAA,CAAA,UAAA,IAAA,QAMR,sCACI,iBAAA,YACA,WAAA,iBAAA,IAAA,QAFJ,8CAMQ,IAAA,EACA,UAAA,eACA,WAAA,IAAA,IAAA,OAAA,CAAA,UAAA,IAAA,QAAA,IARR,6CAcQ,OAAA,EACA,UAAA,cACA,WAAA,OAAA,IAAA,OAAA,CAAA,UAAA,IAAA,QAAA,IAMR,2BC9EA,OAAA,EACA,KAAA,cACA,OAAA,IACA,OAAA,KACA,SAAA,OACA,QAAA,EACA,SAAA,SACA,MAAA,ITusBJ,iBOxrBI,iBAGQ,QAAA,MACA,MAAA,KAGJ,kBACI,KAAA,cACA,QAAA,MACA,WAAA,EACA,SAAA,OACA,SAAA,SACA,KAAA,EAbR,qBAiBQ,WAAA,OAIR,wBACI,eAAA,eA/BJ,YAmCI,4BAAA,YACA,sBAAA,KACA,oBAAA,KAAA,iBAAA,KAAA,gBAAA,KAAA,YAAA,KAGJ,mCACI,iBAEQ,MAAA,KA3BR,kBAgCI,KAAA,KACA,OAAA,KACA,OAAA,EACA,WAAA,KACA,SAAA,QACA,SAAA,SACA,MAAA,KAtDR,YA0DQ,QAAA,eACA,WAAA,QGvEZ,aACI,EACI,WAAA,cACA,WAAA,eACA,MAAA,eACA,YAAA,eAGJ,EV+vBF,UU7vBM,gBAAA,UAGJ,eACI,QAAA,KAAA,WAAA,IAGJ,mBACI,QAAA,KAAA,YAAA,IAGJ,aV6vBF,oBADA,8BUzvBM,QAAA,GV8vBN,WU3vBE,IAEI,OAAA,IAAA,MAAA,KACA,kBAAA,MAGJ,MACI,QAAA,mBV4vBN,IUzvBE,GAEI,kBAAA,MX+FR,IW3FQ,UAAA,eAGJ,MACI,OAAA,KVyvBN,GACA,GUvvBE,EAGI,QAAA,EACA,OAAA,EAGJ,GVqvBF,GUnvBM,iBAAA,OC/BR,QACE,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,KACA,SAAA,OACA,SAAA,MAEA,WAAA,QACA,QAAA,GAIF,UACE,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,KACA,SAAA,MACA,QAAA,YACA,4BAAA,OAIF,eACE,WAAA,OACA,SAAA,SACA,MAAA,KACA,OAAA,KACA,KAAA,EACA,IAAA,EACA,QAAA,EAAA,IACA,WAAA,WAIF,sBAEI,QAAA,GACA,QAAA,aACA,OAAA,KACA,eAAA,OAKJ,qCAGM,QAAA,KAMN,aACE,SAAA,SACA,QAAA,aACA,eAAA,OACA,OAAA,EAAA,KACA,WAAA,KACA,QAAA,KXgxBF,8BW9wBA,gCAGI,MAAA,KACA,OAAA,KAKJ,cACE,OAAA,SAEF,kBAAA,+CAII,OAAA,SAGJ,UACE,OAAA,QAGA,OAAA,QAEF,8BAEI,OAAA,KX0wBJ,WWtwBA,WXwwBA,aADA,eWnwBE,oBAAA,KACA,iBAAA,KACA,gBAAA,KAAA,YAAA,KAIF,wBAEI,QAAA,KAkBF,UACE,QAAA,eAUJ,eACE,MAAA,KACA,SAAA,SACA,IAAA,IACA,MAAA,KACA,WAAA,OACA,WAAA,MACA,KAAA,IACA,MAAA,IACA,QAAA,KATF,iBAWI,MAAA,KAXJ,uBAaM,MAAA,KAMN,4BAEI,QAAA,KAKJ,0BAEI,QAAA,KAKJ,iBAAA,iBAGI,SAAA,QACA,OAAA,QACA,WAAA,IACA,OAAA,EACA,mBAAA,KACA,QAAA,MACA,QAAA,EACA,QAAA,EACA,QAAA,KACA,WAAA,KACA,aAAA,aAbJ,yBAgBM,QAAA,EACA,OAAA,EAMN,WACE,MAAA,KACA,OAAA,KACA,YAAA,KAEA,SAAA,SACA,MAAA,EACA,IAAA,EACA,gBAAA,KACA,WAAA,OACA,QAAA,IACA,QAAA,EAAA,EAAA,KAAA,KACA,MAAA,KAEA,WAAA,OACA,UAAA,KACA,YAAA,KAAA,CAAA,WAAA,CAAA,UAhBF,iBAAA,iBAoBI,QAAA,EApBJ,kBAwBI,IAAA,IAGJ,6BAEI,MAAA,KXsuBJ,8BWnuBA,6BAGI,MAAA,KACA,MAAA,KACA,WAAA,MACA,cAAA,IACA,MAAA,KAKJ,aACE,SAAA,SACA,IAAA,EACA,MAAA,EACA,MAAA,KACA,UAAA,KACA,YAAA,KACA,YAAA,OAKA,WACE,SAAA,SACA,QAAA,IACA,OAAA,EACA,IAAA,IACA,WAAA,MACA,QAAA,EACA,MAAA,KACA,OAAA,MACA,4BAAA,YATF,kBAWI,WAAA,MAXJ,iBAAA,iBAeI,QAAA,EAfJ,iBAAA,kBAmBI,QAAA,GACA,QAAA,MACA,MAAA,EACA,OAAA,EACA,SAAA,SACA,KAAA,EACA,IAAA,EACA,WAAA,KACA,YAAA,KACA,OAAA,OAAA,MAAA,YA5BJ,iBAiCI,iBAAA,KACA,oBAAA,KACA,IAAA,IAnCJ,kBAuCI,iBAAA,KACA,oBAAA,KACA,QAAA,GAKJ,gBACE,KAAA,EADF,sBAGI,aAAA,KAAA,MAAA,KACA,YAAA,KAJJ,uBAOI,YAAA,KACA,aAAA,KAAA,MAAA,QAIJ,iBACE,MAAA,EADF,uBAGI,YAAA,KAAA,MAAA,KACA,YAAA,KAJJ,wBAOI,YAAA,KAAA,MAAA,QASJ,mBACE,YAAA,KACA,eAAA,KAFF,gCAII,YAAA,EACA,MAAA,KACA,UAAA,MANJ,8BASI,IAAA,MAGJ,mBACE,MAAA,KACA,OAAA,EACA,SAAA,OACA,YAAA,OAJF,0BAMI,SAAA,SACA,QAAA,MACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,WAAA,EAAA,EAAA,IAAA,eACA,WAAA,KAWJ,YAEI,MAAA,KACA,UAAA,KACA,OAAA,KACA,QAAA,MACA,YAAA,EACA,WAAA,WACA,QAAA,KAAA,EAAA,KACA,OAAA,EAAA,KAKJ,YACE,YAAA,EADF,kBAGI,QAAA,GACA,SAAA,SACA,KAAA,EACA,IAAA,KACA,OAAA,KACA,QAAA,MACA,MAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,GACA,WAAA,EAAA,EAAA,IAAA,eACA,WAAA,KAdJ,kBAiBI,MAAA,QACA,QAAA,MACA,UAAA,KACA,YAAA,KApBJ,mBAuBI,OAAA,EAGJ,gBACE,WAAA,MACA,SAAA,SACA,IAAA,KACA,KAAA,EACA,MAAA,KACA,OAAA,KAEF,WACE,WAAA,KACA,YAAA,KACA,MAAA,QACA,UAAA,WACA,cAAA,KAGF,+BAEI,UAAA,KAIJ,2CAGM,OAAA,QAOJ,gEAAA,8BAIE,kCAEI,aAAA,EACA,cAAA,EAHJ,4BAOM,QAAA,EAPN,kCAaM,IAAA,EACA,OAAA,EAdN,kCAiBM,QAAA,OACA,YAAA,IAlBN,gCAsBI,WAAA,eACA,OAAA,EACA,OAAA,EACA,IAAA,KACA,QAAA,IAAA,IACA,SAAA,MACA,WAAA,WA5BJ,sCA8BM,QAAA,EA9BN,6BAkCI,MAAA,IACA,IAAA,IAnCJ,2BAsCI,IAAA,EACA,MAAA,EACA,MAAA,KACA,OAAA,KACA,YAAA,KACA,WAAA,eACA,SAAA,MACA,WAAA,OACA,QAAA,GAUV,iCAlPE,WAqPE,UAAA,WAvMF,gBA2ME,iBAAA,EA/LF,iBAmME,iBAAA,KA5dJ,eA+dI,aAAA,IACA,cAAA,KZjhBJ,KaPI,iBAAA,QACA,MAAA,KAEA,oCbIJ,KaHQ,UAAA,QbeR,KaVI,iBAAA,QAEA,mCbQJ,KaPQ,YAAA,KAAA,YAAA,MFFJ,EV8uCJ,UYruCQ,MAAA,QAHR,QAAA,QAQQ,MAAA,QAIR,GACI,aAAA,KAAA,aAAA,QAGJ,WACI,YAAA,IAAA,MAAA,QAAA,YAAA,MAAA,MAAA,QACA,OAAA,KAAA,KAAA,OAAA,KAAA,KACA,QAAA,IAAA,EAAA,IAAA,KAAA,QAAA,MAAA,EAAA,MAAA,KAKJ,eAAA,oBAAA,gBAAA,gBAAA,eACI,WAAA,KACA,QAAA,EAGJ,kBClCI,YAAA,KACA,aAAA,KAEI,UAAA,OAAA,UAAA,SAGJ,MAAA,KJuBA,yBAAA,0BAEI,QAAA,IACA,QAAA,MAGJ,yBACI,MAAA,KGIR,aPoBI,WAAA,QACA,gBAAA,YACA,OAAA,IAAA,MAAA,QACA,cAAA,IACA,MAAA,KACA,QAAA,aACA,YAAA,OACA,QAAA,EACA,QAAA,IAAA,KAAA,QAAA,SAAA,QACA,WAAA,OACA,gBAAA,KACA,YAAA,KACA,MAAA,KO7BA,WAAA,WACA,YAAA,IACA,QAAA,IAAA,KAAA,QAAA,OAAA,KACA,WAAA,IAAA,KAAA,OP4BA,oBAAA,mBAAA,mBAGI,WAAA,QACA,aAAA,QACA,MAAA,KAGJ,mBACI,WAAA,KACA,QAAA,KO5CR,aAAA,qBAUQ,MAAA,KAVR,mBAcQ,WAAA,IAAA,KAAA,OAMR,UACI,WAAA,QADJ,4BAIQ,cAAA,IAAA,MAAA,KAEA,mCANR,4BAOY,YAAA,KAAA,YAAA,MAKZ,WAEQ,OAAA,IAAA,MAAA,QACA,WAAA,WACA,OAAA,EAIR,WACI,WAAA,WACA,MAAA,KACA,UAAA,KAAA,UAAA,SACA,QAAA,IAAA,EAAA,EAAA,QAAA,SAAA,EAAA,EACA,WAAA,OAGJ,SCxEI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KDoEJ,WAIQ,WAAA,QAJR,aTlGI,OAAA,KACA,UAAA,KSiGJ,aAYQ,iBAAA,KACA,OAAA,IAAA,MAAA,KACA,WAAA,WACA,WAAA,OACA,QAAA,IAAA,QAAA,MAGJ,mCAnBJ,SCxEI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,MD2FA,mCAvBJ,SCxEI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,IASA,KAAA,IACA,SAAA,UDuFJ,eACI,OAAA,IAAA,MAAA,QACA,WAAA,WACA,OAAA,KAAA,EAAA,OAAA,KAAA,EEpIJ,UD4BI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KChCJ,YAIQ,QAAA,MACA,QAAA,EAAA,EAAA,IAAA,QAAA,EAAA,EAAA,MAGJ,mCARJ,UD4BI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,IA4BA,YAAA,IC5DJ,aAaY,QAAA,WACA,WAAA,OACA,MAAA,GAfZ,YAmBY,QAAA,IAAA,KAAA,QAAA,MAAA,OAnBZ,0BAAA,kCAyBgB,iBAAA,QACA,MAAA,MAKZ,mCA/BJ,YAiCY,QAAA,IAAA,KAAA,QAAA,MAAA,SAKZ,YACI,iBAAA,QACA,QAAA,KAAA,EAAA,IAAA,QAAA,QAAA,EAAA,OACA,SAAA,SAHJ,mBAAA,oBAQQ,QAAA,GACA,QAAA,MACA,OAAA,KACA,SAAA,SACA,IAAA,KAZR,oBAiBQ,KAAA,KAAA,KAAA,KACA,MAAA,MAlBR,mBAuBQ,MAAA,IAAA,MAAA,MACA,MAAA,KAxBR,cA4BQ,gBAAA,KA5BR,cAAA,sBAgCY,iBAAA,YACA,MAAA,QACA,WAAA,IAAA,KAAA,OAlCZ,oBAAA,oBAuCY,iBAAA,QACA,MAAA,KACA,WAAA,IAAA,KAAA,OAIR,mCA7CJ,YA8CQ,QAAA,EACA,SAAA,OA/CR,mBAAA,oBAmDY,WAAA,IAnDZ,8BAuDY,SAAA,SAvDZ,sCA0DgB,QAAA,GACA,QAAA,MACA,OAAA,MACA,KAAA,IAAA,KAAA,MACA,SAAA,SACA,IAAA,MAAA,IAAA,SACA,MAAA,OAKZ,mCArEJ,sCAwEgB,OAAA,MACA,IAAA,MAAA,IAAA,QACA,MAAA,OAKZ,oCA/EJ,sCAkFgB,OAAA,MACA,MAAA,OAMhB,ULxEI,iBAAA,YACA,OAAA,EACA,SAAA,OKyEA,WAAA,glBAAA,EAAA,EAAA,UAEA,gBAAA,QACA,QAAA,aACA,OAAA,KACA,YAAA,IAAA,YAAA,MACA,MAAA,KL7EA,kBACI,QAAA,GACA,QAAA,MACA,OAAA,KACA,MAAA,EK2EJ,kBACI,iBAAA,wOArGR,oBCnCQ,WAA6D,kDAA7D,EAAA,EAAA,UACA,gBAAA,QDkCR,mBC7BQ,WAAwD,6CAAxD,EAAA,EAAA,UACA,gBAAA,QAGJ,mCDyBJ,sCCtBgB,WAAqD,0CAArD,EAAA,EAAA,UACA,gBAAA,SNwBZ,iBAAA,kBAEI,QAAA,IACA,QAAA,MAGJ,iBACI,MAAA,KOhDR,aH4BI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KG1BI,UAAA,KAAA,UAAA,QACA,WAAA,OAPR,kBPEI,OAAA,EACA,KAAA,cACA,OAAA,IACA,OAAA,KACA,SAAA,OACA,QAAA,EACA,SAAA,SACA,MAAA,IOII,mCAbR,aH4BI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,IA4BA,YAAA,IG3CQ,WAAA,MAGJ,mCApBR,aAqBY,UAAA,KAAA,UAAA,KACA,cAAA,KAAA,cAAA,OACA,WAAA,KAAA,WAAA,QAGJ,oCA1BR,aA2BY,UAAA,KAAA,UAAA,OACA,cAAA,KAAA,cAAA,KACA,WAAA,KAAA,WAAA,MAKZ,OACI,iBAAA,QACA,QAAA,IAAA,EAAA,QAAA,OAAA,EAGJ,QHXI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KGUA,MAAA,QACA,UAAA,KAAA,UAAA,QACA,eAAA,IACA,WAAA,OACA,eAAA,UAEA,mCATJ,QHXI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,IA4BA,YAAA,IGRI,eAAA,IACA,WAAA,KACA,aAAA,IAAA,aAAA,QCtDR,kBJ4BI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KIhCJ,uBAIQ,QAAA,MACA,OAAA,EAAA,EAAA,KAAA,OAAA,EAAA,EAAA,KACA,WAAA,QAGJ,mCATJ,kBJ4BI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,IA4BA,YAAA,II5DJ,uBAcY,UAAA,KAAA,UAAA,UCdZ,gBACI,QAAA,aACA,OAAA,KAAA,EAAA,OAAA,KAAA,EAFJ,wBAKQ,QAAA,KCJJ,mCADJ,iBAEQ,QAAA,KACA,UAAA,MAHR,oBAOQ,cAAA,IAAA,OAAA,QACA,WAAA,KAAA,WAAA,OAEA,mCAVR,oBAWY,KAAA,EAAA,EAAA,MAXZ,kCAgBQ,WAAA,EAIR,QACI,WAAA,KACA,OAAA,IAAA,MAAA,KACA,WAAA,WACA,OAAA,KAAA,EAAA,OAAA,KAAA,EACA,QAAA,EAAA,IAAA,QAAA,EAAA,MACA,SAAA,OAEA,mCARJ,QASQ,KAAA,EAAA,EAAA,MACA,OAAA,EAAA,EAAA,KAAA,OAAA,EAAA,EAAA,KAVR,yBAaY,aAAA,KAbZ,0BAiBY,YAAA,MAKZ,aACI,YAAA,IACA,WAAA,OAGJ,mBAIQ,QAAA,aACA,aAAA,IAAA,aAAA,MCpDR,OACI,WAAA,KACA,OAAA,IAAA,MAAA,KACA,WAAA,WACA,OAAA,KAAA,EAAA,OAAA,KAAA,EACA,QAAA,EAAA,IAAA,QAAA,EAAA,MACA,SAAA,OAEA,mCARJ,OASQ,KAAA,EAAA,EAAA,MACA,OAAA,EAAA,EAAA,KAAA,OAAA,EAAA,EAAA,KAVR,wBAaY,aAAA,KAbZ,yBAiBY,YAAA,MAMR,mCADJ,cAEQ,KAAA,EAAA,EACA,OAAA,EAAA,EAAA,KAAA,OAAA,EAAA,EAAA,KAHR,+BAMY,aAAA,EANZ,gCAUY,YAAA,GAKZ,YACI,cAAA,KAAA,cAAA,KAGJ,kBAIQ,QAAA,aACA,aAAA,IAAA,aAAA,MC9CR,SR4BI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KQhCJ,YZEI,OAAA,EACA,KAAA,cACA,OAAA,IACA,OAAA,KACA,SAAA,OACA,QAAA,EACA,SAAA,SACA,MAAA,IYFA,mCAPJ,SRyEI,QAAA,GQ9DA,mCAXJ,SR4BI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,IAkBA,KAAA,KACA,SAAA,UQjCA,mCADJ,QRWI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,KQVA,mCALJ,QAMQ,MAAA,KACA,aAAA,EACA,cAAA,EACA,MAAA,MC1BR,SACI,iBAAA,QACA,MAAA,KACA,UAAA,KAAA,UAAA,QACA,eAAA,KAAA,eAAA,KAGJ,eTqBI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KSpBA,cAAA,EACA,WAAA,OAEA,mCARJ,eTqBI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,KSdI,OAAA,KAAA,EAAA,EAAA,OAAA,KAAA,EAAA,GAGJ,mCAdJ,eTqBI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,ISRI,OAAA,KAAA,EAAA,OAAA,KAAA,EACA,WAAA,MAIR,YTDI,WAAA,WACA,MAAA,KACA,aAAA,IAAA,aAAA,MACA,cAAA,IAAA,cAAA,MACA,MAAA,KSAA,WAAA,OAEA,mCALJ,YTDI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,MSMA,mCATJ,YTDI,WAAA,WACA,MAAA,KACA,aAAA,KAAA,aAAA,KACA,cAAA,KAAA,cAAA,KACA,MAAA,ISSI,WAAA","sourcesContent":["// SELF-HOSTED WEBFONTS\n// --------------------------------------------------------------------\n$font-path: '../fonts/' !default;\n\n@mixin webfont(\n    $family,\n    $src,\n    $style: normal,\n    $weight: normal,\n    $path: $font-path\n) {\n    @font-face {\n        font-family: $family;\n        font-style: $style;\n        font-weight: $weight;\n        src: url('#{$path}#{$src}.woff2') format('woff2'),\n            url('#{$path}#{$src}.woff') format('woff'),\n            url('#{$path}#{$src}.ttf') format('truetype');\n    }\n}\n\n@include webfont('Lato', Lato-Regular, normal, normal);\n@include webfont('Lato', Lato-Italic, italic, normal);\n@include webfont('Lato', Lato-Bold, normal, bold);\n@include webfont('Lato', Lato-BoldItalic, italic, bold);\n","/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\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\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\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\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\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\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\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\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\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\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\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\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\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\nlegend {\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/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\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\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}","@charset \"UTF-8\";\n@font-face {\n  font-family: \"Lato\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"../fonts/Lato-Regular.woff2\") format(\"woff2\"), url(\"../fonts/Lato-Regular.woff\") format(\"woff\"), url(\"../fonts/Lato-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Lato\";\n  font-style: italic;\n  font-weight: normal;\n  src: url(\"../fonts/Lato-Italic.woff2\") format(\"woff2\"), url(\"../fonts/Lato-Italic.woff\") format(\"woff\"), url(\"../fonts/Lato-Italic.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Lato\";\n  font-style: normal;\n  font-weight: bold;\n  src: url(\"../fonts/Lato-Bold.woff2\") format(\"woff2\"), url(\"../fonts/Lato-Bold.woff\") format(\"woff\"), url(\"../fonts/Lato-Bold.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Lato\";\n  font-style: italic;\n  font-weight: bold;\n  src: url(\"../fonts/Lato-BoldItalic.woff2\") format(\"woff2\"), url(\"../fonts/Lato-BoldItalic.woff\") format(\"woff\"), url(\"../fonts/Lato-BoldItalic.ttf\") format(\"truetype\");\n}\n\n/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\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 */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\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 */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\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 */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\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 */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\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 */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\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 */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\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 */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\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 */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\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;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\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/**\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;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\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/**\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;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n::selection {\n  background: #b3d4fc;\n  text-shadow: none;\n}\n\ndt {\n  font-weight: bold;\n}\n\ndd {\n  margin: 0;\n}\n\ncaption,\nth {\n  text-align: left;\n}\n\ntable {\n  margin: 16px 0;\n  margin: 1rem 0;\n  width: 100%;\n}\n\ntable caption {\n  text-align: center;\n}\n\nli ul,\nli ol {\n  margin: 0;\n}\n\nhr {\n  border: 0;\n  border-top: 1px solid #ddd;\n  display: block;\n  height: 1px;\n  margin: 24px 0;\n  margin: 1.5rem 0;\n  padding: 0;\n}\n\nsummary {\n  cursor: pointer;\n}\n\nimg {\n  vertical-align: middle;\n}\n\n@-ms-viewport {\n  width: device-width;\n}\n\nhtml, button,\ninput,\nselect,\ntextarea {\n  font-family: \"Lato\", sans-serif;\n}\n\nhtml {\n  font-size: 100%;\n}\n\nbody {\n  line-height: 1.5;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 16px 0;\n  margin: 1rem 0;\n}\n\nh5,\nh6 {\n  font-size: 16px;\n  font-size: 1rem;\n}\n\npre,\ncode,\nsamp,\nkbd {\n  font-size: 14px;\n  font-size: 0.875rem;\n}\n\npre code {\n  font-size: 1em;\n}\n\nq {\n  quotes: '“' '”' '‘' '’';\n}\n\n:lang(de) q {\n  quotes: '„' '“' '‚' '‘';\n}\n\np {\n  -webkit-hyphens: auto;\n      -ms-hyphens: auto;\n          hyphens: auto;\n}\n\np code,\np samp,\np kbd {\n  -webkit-hyphens: none;\n      -ms-hyphens: none;\n          hyphens: none;\n}\n\nvideo,\nimg {\n  height: auto;\n  max-width: 100%;\n}\n\nfieldset {\n  border: 0;\n  margin: 0;\n  padding: 0;\n}\n\ninput[type='file']:focus, input[type='file']:active,\ninput[type='radio']:focus,\ninput[type='radio']:active,\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  box-shadow: none;\n}\n\n::-webkit-input-placeholder {\n  color: #888;\n}\n\n::-moz-placeholder {\n  color: #888;\n}\n\n:-ms-input-placeholder {\n  color: #888;\n}\n\n:invalid {\n  box-shadow: none;\n}\n\ninput[type='email'],\ninput[type='search'],\ninput[type='text'],\nselect,\ntextarea {\n  -webkit-appearance: none;\n  background-clip: padding-box;\n  background-color: #fcfcfc;\n  border: 1px solid;\n  border-color: #c1c1c1 #c1c1c1 #e1e1e1;\n  border-radius: 0;\n  box-sizing: border-box;\n  color: #222;\n  height: 1.8em;\n  outline: 0;\n  padding: 2px 3px;\n  text-align: left;\n}\n\ninput[disabled][type='email'],\ninput[disabled][type='search'],\ninput[disabled][type='text'],\nselect[disabled],\ntextarea[disabled] {\n  background-color: #eee;\n}\n\nselect[size],\nselect[multiple],\ntextarea {\n  height: auto;\n}\n\n@media (-webkit-min-device-pixel-ratio: 0) {\n  select {\n    background-image: url(\"data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==\");\n    background-position: right center;\n    background-repeat: no-repeat;\n    padding-right: 20px;\n  }\n  select[size],\n  select[multiple] {\n    background-image: none;\n    padding: 0;\n  }\n}\n\ntextarea {\n  min-height: 40px;\n  overflow: auto;\n  resize: vertical;\n  width: 100%;\n}\n\nform button,\ninput[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  background-clip: padding-box;\n  background-color: white;\n  background-image: linear-gradient(to bottom, white, #ddd);\n  border: 1px solid;\n  border-color: #ddd #bbbbbb #999999;\n  border-radius: 4px;\n  color: #111;\n  display: inline-block;\n  line-height: normal;\n  outline: 0;\n  padding: 3px 10px;\n  padding: 0.1875rem 0.625rem;\n  text-align: center;\n  text-decoration: none;\n  text-shadow: #eeeeee 0 1px 1px;\n  width: auto;\n}\n\nform button:hover,\ninput[type='button']:hover,\ninput[type='reset']:hover,\ninput[type='submit']:hover {\n  background-color: white;\n  background-image: linear-gradient(to bottom, white, #cccccc);\n}\n\nform button:active,\ninput[type='button']:active,\ninput[type='reset']:active,\ninput[type='submit']:active {\n  background-color: white;\n  background-image: linear-gradient(to bottom, white, #cccccc);\n  border-color: #999999 #bbbbbb #ddd;\n  box-shadow: inset rgba(17, 17, 17, 0.25) 0 1px 2px 0;\n}\n\nform button:focus,\ninput[type='button']:focus,\ninput[type='reset']:focus,\ninput[type='submit']:focus {\n  box-shadow: #06f 0 0 5px 0;\n  z-index: 1;\n}\n\nform button:active, form button:visited, form button:hover, form button:focus,\ninput[type='button']:active,\ninput[type='button']:visited,\ninput[type='button']:hover,\ninput[type='button']:focus,\ninput[type='reset']:active,\ninput[type='reset']:visited,\ninput[type='reset']:hover,\ninput[type='reset']:focus,\ninput[type='submit']:active,\ninput[type='submit']:visited,\ninput[type='submit']:hover,\ninput[type='submit']:focus {\n  color: #111;\n}\n\nform button:focus,\nselect:focus,\ntextarea:focus,\ninput:focus {\n  box-shadow: 0 0 5px 0 #06f;\n  z-index: 1;\n}\n\nfigure {\n  display: block;\n  margin: 16px 0;\n  margin: 1rem 0;\n}\n\nnav ul,\nnav ol {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.nav-toggle {\n  background-color: transparent;\n  display: inline-block;\n  height: 32px;\n  position: relative;\n  width: 32px;\n}\n\n.nav-toggle .icon-menu {\n  left: 4px;\n  top: 14px;\n  transition: background-color 0.2s ease-in;\n}\n\n.nav-toggle .icon-menu, .nav-toggle .icon-menu::before, .nav-toggle .icon-menu::after {\n  background-color: #222;\n  display: block;\n  height: 4px;\n  position: absolute;\n  width: 24px;\n}\n\n.nav-toggle .icon-menu::before, .nav-toggle .icon-menu::after {\n  content: '';\n}\n\n.nav-toggle .icon-menu::before {\n  top: -8px;\n  transition: top 0.2s ease-in 0.2s, transform 0.2s ease-in;\n}\n\n.nav-toggle .icon-menu::after {\n  bottom: -8px;\n  transition: bottom 0.2s ease-in 0.2s, transform 0.2s ease-in;\n}\n\n.js-nav-active .nav-toggle .icon-menu {\n  background-color: transparent;\n  transition: background-color 0.2s ease-in;\n}\n\n.js-nav-active .nav-toggle .icon-menu::before {\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.2s ease-in, transform 0.2s ease-in 0.2s;\n}\n\n.js-nav-active .nav-toggle .icon-menu::after {\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.2s ease-in, transform 0.2s ease-in 0.2s;\n}\n\n.nav-toggle .fallback-text {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.nav-collapse ul,\n.nav-collapse li {\n  display: block;\n  width: 100%;\n}\n\n.js .nav-collapse {\n  clip: rect(0 0 0 0);\n  display: block;\n  max-height: 0;\n  overflow: hidden;\n  position: absolute;\n  zoom: 1;\n}\n\n.nav-collapse.opened {\n  max-height: 9999px;\n}\n\n.disable-pointer-events {\n  pointer-events: none !important;\n}\n\n.nav-toggle {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n@media screen and (min-width: 48em) {\n  .nav-collapse li {\n    width: auto;\n  }\n  .js .nav-collapse {\n    clip: auto;\n    height: auto;\n    margin: 0;\n    max-height: none;\n    overflow: visible;\n    position: relative;\n    width: auto;\n  }\n  .nav-toggle {\n    display: none !important;\n    visibility: hidden;\n  }\n}\n\n@media print {\n  * {\n    background: transparent !important;\n    box-shadow: none !important;\n    color: #000 !important;\n    text-shadow: none !important;\n  }\n  a,\n  a:visited {\n    text-decoration: underline;\n  }\n  a[href]::after {\n    content: \" (\" attr(href) \")\";\n  }\n  abbr[title]::after {\n    content: \" (\" attr(title) \")\";\n  }\n  .ir a::after,\n  a[href^='javascript:']::after,\n  a[href^='#']::after {\n    content: '';\n  }\n  pre,\n  blockquote {\n    border: 1px solid #888;\n    page-break-inside: avoid;\n  }\n  thead {\n    display: table-header-group;\n  }\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n  img {\n    max-width: 100% !important;\n  }\n  @page {\n    margin: 0.5cm;\n  }\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n}\n\n/* Magnific Popup CSS */\n.mfp-bg {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1042;\n  overflow: hidden;\n  position: fixed;\n  background: #0b0b0b;\n  opacity: 0.8;\n}\n\n.mfp-wrap {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1043;\n  position: fixed;\n  outline: none !important;\n  -webkit-backface-visibility: hidden;\n}\n\n.mfp-container {\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  padding: 0 8px;\n  box-sizing: border-box;\n}\n\n.mfp-container:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n}\n\n.mfp-align-top .mfp-container:before {\n  display: none;\n}\n\n.mfp-content {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 auto;\n  text-align: left;\n  z-index: 1045;\n}\n\n.mfp-inline-holder .mfp-content,\n.mfp-ajax-holder .mfp-content {\n  width: 100%;\n  cursor: auto;\n}\n\n.mfp-ajax-cur {\n  cursor: progress;\n}\n\n.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {\n  cursor: zoom-out;\n}\n\n.mfp-zoom {\n  cursor: pointer;\n  cursor: zoom-in;\n}\n\n.mfp-auto-cursor .mfp-content {\n  cursor: auto;\n}\n\n.mfp-close,\n.mfp-arrow,\n.mfp-preloader,\n.mfp-counter {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n      user-select: none;\n}\n\n.mfp-loading.mfp-figure {\n  display: none;\n}\n\n.mfp-hide {\n  display: none !important;\n}\n\n.mfp-preloader {\n  color: #CCC;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  text-align: center;\n  margin-top: -0.8em;\n  left: 8px;\n  right: 8px;\n  z-index: 1044;\n}\n\n.mfp-preloader a {\n  color: #CCC;\n}\n\n.mfp-preloader a:hover {\n  color: #FFF;\n}\n\n.mfp-s-ready .mfp-preloader {\n  display: none;\n}\n\n.mfp-s-error .mfp-content {\n  display: none;\n}\n\nbutton.mfp-close, button.mfp-arrow {\n  overflow: visible;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  -webkit-appearance: none;\n  display: block;\n  outline: none;\n  padding: 0;\n  z-index: 1046;\n  box-shadow: none;\n  touch-action: manipulation;\n}\n\nbutton::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n\n.mfp-close {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-decoration: none;\n  text-align: center;\n  opacity: 0.65;\n  padding: 0 0 18px 10px;\n  color: #FFF;\n  font-style: normal;\n  font-size: 28px;\n  font-family: Arial, Baskerville, monospace;\n}\n\n.mfp-close:hover, .mfp-close:focus {\n  opacity: 1;\n}\n\n.mfp-close:active {\n  top: 1px;\n}\n\n.mfp-close-btn-in .mfp-close {\n  color: #333;\n}\n\n.mfp-image-holder .mfp-close,\n.mfp-iframe-holder .mfp-close {\n  color: #FFF;\n  right: -6px;\n  text-align: right;\n  padding-right: 6px;\n  width: 100%;\n}\n\n.mfp-counter {\n  position: absolute;\n  top: 0;\n  right: 0;\n  color: #CCC;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.mfp-arrow {\n  position: absolute;\n  opacity: 0.65;\n  margin: 0;\n  top: 50%;\n  margin-top: -55px;\n  padding: 0;\n  width: 90px;\n  height: 110px;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.mfp-arrow:active {\n  margin-top: -54px;\n}\n\n.mfp-arrow:hover, .mfp-arrow:focus {\n  opacity: 1;\n}\n\n.mfp-arrow:before, .mfp-arrow:after {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  left: 0;\n  top: 0;\n  margin-top: 35px;\n  margin-left: 35px;\n  border: medium inset transparent;\n}\n\n.mfp-arrow:after {\n  border-top-width: 13px;\n  border-bottom-width: 13px;\n  top: 8px;\n}\n\n.mfp-arrow:before {\n  border-top-width: 21px;\n  border-bottom-width: 21px;\n  opacity: 0.7;\n}\n\n.mfp-arrow-left {\n  left: 0;\n}\n\n.mfp-arrow-left:after {\n  border-right: 17px solid #FFF;\n  margin-left: 31px;\n}\n\n.mfp-arrow-left:before {\n  margin-left: 25px;\n  border-right: 27px solid #3F3F3F;\n}\n\n.mfp-arrow-right {\n  right: 0;\n}\n\n.mfp-arrow-right:after {\n  border-left: 17px solid #FFF;\n  margin-left: 39px;\n}\n\n.mfp-arrow-right:before {\n  border-left: 27px solid #3F3F3F;\n}\n\n.mfp-iframe-holder {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n\n.mfp-iframe-holder .mfp-content {\n  line-height: 0;\n  width: 100%;\n  max-width: 900px;\n}\n\n.mfp-iframe-holder .mfp-close {\n  top: -40px;\n}\n\n.mfp-iframe-scaler {\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  padding-top: 56.25%;\n}\n\n.mfp-iframe-scaler iframe {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n  background: #000;\n}\n\n/* Main image in popup */\nimg.mfp-img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  line-height: 0;\n  box-sizing: border-box;\n  padding: 40px 0 40px;\n  margin: 0 auto;\n}\n\n/* The shadow behind the image */\n.mfp-figure {\n  line-height: 0;\n}\n\n.mfp-figure:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 40px;\n  bottom: 40px;\n  display: block;\n  right: 0;\n  width: auto;\n  height: auto;\n  z-index: -1;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n  background: #444;\n}\n\n.mfp-figure small {\n  color: #BDBDBD;\n  display: block;\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.mfp-figure figure {\n  margin: 0;\n}\n\n.mfp-bottom-bar {\n  margin-top: -36px;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  cursor: auto;\n}\n\n.mfp-title {\n  text-align: left;\n  line-height: 18px;\n  color: #F3F3F3;\n  word-wrap: break-word;\n  padding-right: 36px;\n}\n\n.mfp-image-holder .mfp-content {\n  max-width: 100%;\n}\n\n.mfp-gallery .mfp-image-holder .mfp-figure {\n  cursor: pointer;\n}\n\n@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {\n  /**\n       * Remove all paddings around the image on small screen\n       */\n  .mfp-img-mobile .mfp-image-holder {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .mfp-img-mobile img.mfp-img {\n    padding: 0;\n  }\n  .mfp-img-mobile .mfp-figure:after {\n    top: 0;\n    bottom: 0;\n  }\n  .mfp-img-mobile .mfp-figure small {\n    display: inline;\n    margin-left: 5px;\n  }\n  .mfp-img-mobile .mfp-bottom-bar {\n    background: rgba(0, 0, 0, 0.6);\n    bottom: 0;\n    margin: 0;\n    top: auto;\n    padding: 3px 5px;\n    position: fixed;\n    box-sizing: border-box;\n  }\n  .mfp-img-mobile .mfp-bottom-bar:empty {\n    padding: 0;\n  }\n  .mfp-img-mobile .mfp-counter {\n    right: 5px;\n    top: 3px;\n  }\n  .mfp-img-mobile .mfp-close {\n    top: 0;\n    right: 0;\n    width: 35px;\n    height: 35px;\n    line-height: 35px;\n    background: rgba(0, 0, 0, 0.6);\n    position: fixed;\n    text-align: center;\n    padding: 0;\n  }\n}\n\n@media all and (max-width: 900px) {\n  .mfp-arrow {\n    transform: scale(0.75);\n  }\n  .mfp-arrow-left {\n    transform-origin: 0;\n  }\n  .mfp-arrow-right {\n    transform-origin: 100%;\n  }\n  .mfp-container {\n    padding-left: 6px;\n    padding-right: 6px;\n  }\n}\n\nhtml {\n  background-color: #fcfcfc;\n  color: #222;\n}\n\n@media screen and (min-width: 120em) {\n  html {\n    font-size: 112.5%;\n  }\n}\n\nbody {\n  background-color: #ccdee7;\n}\n\n@media screen and (min-width: 48em) {\n  body {\n    padding-top: 32px;\n    padding-top: 2rem;\n  }\n}\n\na,\na:visited {\n  color: #374d76;\n}\n\na:hover, a:focus {\n  color: #25253d;\n}\n\nul {\n  padding-left: 20px;\n  padding-left: 1.25rem;\n}\n\nblockquote {\n  border-left: 8px solid #374d76;\n  border-left: 0.5rem solid #374d76;\n  margin: 16px 32px;\n  margin: 1rem 2rem;\n  padding: 8px 0 8px 32px;\n  padding: 0.5rem 0 0.5rem 2rem;\n}\n\n.plugin_actions, .theme_actions, .spartacus-list, #spartacus-feeds ul, #service-links {\n  list-style: none;\n  padding: 0;\n}\n\n.layout-container {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 1140px;\n  max-width: 71.25rem;\n  width: 100%;\n}\n\n.layout-container::before, .layout-container::after {\n  content: ' ';\n  display: table;\n}\n\n.layout-container::after {\n  clear: both;\n}\n\n.button-link {\n  background: #374d76;\n  background-clip: padding-box;\n  border: 1px solid #374d76;\n  border-radius: 4px;\n  color: #fff;\n  display: inline-block;\n  line-height: normal;\n  outline: 0;\n  padding: 3px 10px;\n  padding: 0.1875rem 0.625rem;\n  text-align: center;\n  text-decoration: none;\n  text-shadow: none;\n  width: auto;\n  box-sizing: border-box;\n  line-height: 1.5;\n  padding: 4px 16px;\n  padding: 0.25rem 1rem;\n  transition: all 0.25s linear;\n}\n\n.button-link:active, .button-link:hover, .button-link:focus {\n  background: #25253d;\n  border-color: #25253d;\n  color: #fff;\n}\n\n.button-link:focus {\n  box-shadow: none;\n  z-index: auto;\n}\n\n.button-link, .button-link:visited {\n  color: #fff;\n}\n\n.button-link:hover {\n  transition: all 0.25s linear;\n}\n\nbody > main {\n  background: #fcfcfc;\n}\n\nbody > main .layout-container {\n  border-bottom: 1px solid #ddd;\n}\n\n@media screen and (min-width: 64em) {\n  body > main .layout-container {\n    padding-top: 16px;\n    padding-top: 1rem;\n  }\n}\n\nfigure img {\n  border: 1px solid #374d76;\n  box-sizing: border-box;\n  margin: 0;\n}\n\nfigcaption {\n  box-sizing: border-box;\n  color: #888;\n  font-size: 13px;\n  font-size: 0.8125rem;\n  padding: 5px 0 0;\n  padding: 0.3125rem 0 0;\n  text-align: center;\n}\n\n#content {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n#content p {\n  text-align: justify;\n}\n\n#content img {\n  height: auto;\n  max-width: 100%;\n}\n\n#content pre {\n  background-color: #eee;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n  overflow-x: scroll;\n  padding: 8px;\n  padding: 0.5rem;\n}\n\n@media screen and (min-width: 30em) {\n  #content {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #content {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 75%;\n    left: 25%;\n    position: relative;\n  }\n}\n\n.content-image {\n  border: 1px solid #374d76;\n  box-sizing: border-box;\n  margin: 16px 0;\n  margin: 1rem 0;\n}\n\n#site-nav {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n#site-nav a {\n  display: block;\n  padding: 0 0 8px;\n  padding: 0 0 0.5rem;\n}\n\n@media screen and (min-width: 30em) {\n  #site-nav {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n  }\n  #site-nav li {\n    display: table-cell;\n    text-align: center;\n    width: 1%;\n  }\n  #site-nav a {\n    padding: 8px 12px;\n    padding: 0.5rem 0.75rem;\n  }\n  #site-nav #current-page a, #site-nav #current-page a:visited {\n    background-color: #ffbf00;\n    color: #111;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #site-nav a {\n    padding: 8px 20px;\n    padding: 0.5rem 1.25rem;\n  }\n}\n\n#nav-global {\n  background-color: #374d76;\n  padding: 10px 0 4px;\n  padding: 0.625rem 0 0.25rem;\n  position: relative;\n}\n\n#nav-global::before, #nav-global::after {\n  content: '';\n  display: block;\n  height: 28px;\n  position: absolute;\n  top: 10px;\n}\n\n#nav-global::before {\n  left: 48px;\n  left: 3rem;\n  width: 151px;\n}\n\n#nav-global::after {\n  right: 8px;\n  right: 0.5rem;\n  width: 56px;\n}\n\n#nav-global a {\n  text-decoration: none;\n}\n\n#nav-global a, #nav-global a:visited {\n  background-color: transparent;\n  color: #fcfcfc;\n  transition: all 0.25s linear;\n}\n\n#nav-global a:hover, #nav-global a:focus {\n  background-color: #ffbf00;\n  color: #222;\n  transition: all 0.25s linear;\n}\n\n@media screen and (min-width: 30em) {\n  #nav-global {\n    padding: 0;\n    position: static;\n  }\n  #nav-global::before, #nav-global::after {\n    background: transparent;\n  }\n  #nav-global .layout-container {\n    position: relative;\n  }\n  #nav-global .layout-container::before {\n    content: '';\n    display: block;\n    height: 106px;\n    left: 8px;\n    left: 0.5rem;\n    position: absolute;\n    top: -20px;\n    top: -1.25rem;\n    width: 150px;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #nav-global .layout-container::before {\n    height: 141px;\n    top: -24px;\n    top: -1.5rem;\n    width: 200px;\n  }\n}\n\n@media screen and (min-width: 120em) {\n  #nav-global .layout-container::before {\n    height: 194px;\n    width: 275px;\n  }\n}\n\n#open-nav {\n  background-color: transparent;\n  border: 0;\n  overflow: hidden;\n  background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0OCIgaGVpZ2h0PSIyMDQ4IiB2aWV3Qm94PSIwIDAgMjA0OCAyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNzkyIDE0NzJ2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5aC0xNDA4cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTE0MDhxLTI2IDAtNDUtMTl0LTE5LTQ1di0xMjhxMC0yNiAxOS00NXQ0NS0xOWgxNDA4cTI2IDAgNDUgMTl0MTkgNDV6bTAtNTEydjEyOHEwIDI2LTE5IDQ1dC00NSAxOWgtMTQwOHEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDE0MDhxMjYgMCA0NSAxOXQxOSA0NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=\") 0 0 no-repeat;\n  background-size: contain;\n  display: inline-block;\n  height: 28px;\n  margin-left: 8px;\n  margin-left: 0.5rem;\n  width: 28px;\n}\n\n#open-nav::before {\n  content: '';\n  display: block;\n  height: 150%;\n  width: 0;\n}\n\n.no-svg #open-nav {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAATklEQVRYhe3UsRHAIAxDUZz9VwpFMphSw7mgkeFy/w1gyY1aAzCR1OVzz3mRFJDzwYgYMi9n2IqswGvMe4y38RfsQDV2AOdhB6qxA8B2H5KILgWNAjWdAAAAAElFTkSuQmCC\");\n}\n\n#nav-global::before {\n  background: url(\"../img/logos/serendipity.png\") 0 0 no-repeat;\n  background-size: contain;\n}\n\n#nav-global::after {\n  background: url(\"../img/logos/flower.png\") 0 0 no-repeat;\n  background-size: contain;\n}\n\n@media screen and (min-width: 30em) {\n  #nav-global .layout-container::before {\n    background: url(\"../img/logos/s9y.png\") 0 0 no-repeat;\n    background-size: contain;\n  }\n}\n\n#masthead::before, #masthead::after {\n  content: ' ';\n  display: table;\n}\n\n#masthead::after {\n  clear: both;\n}\n\n#masthead h1 {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n  font-size: 28px;\n  font-size: 1.75rem;\n  text-align: center;\n}\n\n#masthead h1 > span {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n@media screen and (min-width: 30em) {\n  #masthead h1 {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n    text-align: left;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #masthead h1 {\n    font-size: 32px;\n    font-size: 2rem;\n    margin-bottom: 24px;\n    margin-bottom: 1.5rem;\n    margin-top: 24px;\n    margin-top: 1.5rem;\n  }\n}\n\n@media screen and (min-width: 120em) {\n  #masthead h1 {\n    font-size: 40px;\n    font-size: 2.5rem;\n    margin-bottom: 32px;\n    margin-bottom: 2rem;\n    margin-top: 32px;\n    margin-top: 2rem;\n  }\n}\n\n#claim {\n  background-color: #374d76;\n  padding: 4px 0;\n  padding: 0.25rem 0;\n}\n\n#slogan {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n  color: #fcfcfc;\n  font-size: 14px;\n  font-size: 0.875rem;\n  letter-spacing: 2px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n@media screen and (min-width: 30em) {\n  #slogan {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n    letter-spacing: 4px;\n    text-align: left;\n    word-spacing: 4px;\n    word-spacing: 0.25rem;\n  }\n}\n\n.spartacus-slogan {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n.spartacus-slogan > span {\n  display: block;\n  margin: 0 0 16px;\n  margin: 0 0 1rem;\n  text-align: justify;\n}\n\n@media screen and (min-width: 48em) {\n  .spartacus-slogan {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n  }\n  .spartacus-slogan > span {\n    font-size: 18px;\n    font-size: 1.125rem;\n  }\n}\n\n.spartacus-back {\n  display: inline-block;\n  margin: 16px 0;\n  margin: 1rem 0;\n}\n\n.spartacus-back::before {\n  content: '← ';\n}\n\n@media screen and (min-width: 48em) {\n  .spartacus-group {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n\n.spartacus-group > h3 {\n  border-bottom: 1px dashed #374d76;\n  margin-top: 24px;\n  margin-top: 1.5rem;\n}\n\n@media screen and (min-width: 48em) {\n  .spartacus-group > h3 {\n    flex: 0 1 100%;\n  }\n}\n\n.spartacus-group:first-of-type > h3 {\n  margin-top: 0;\n}\n\n.plugin {\n  background: #eee;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n  margin: 16px 0;\n  margin: 1rem 0;\n  padding: 0 8px;\n  padding: 0 0.5rem;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 48em) {\n  .plugin {\n    flex: 0 1 48.5%;\n    margin: 0 0 16px;\n    margin: 0 0 1rem;\n  }\n  .plugin:nth-of-type(odd) {\n    margin-right: 1.5%;\n  }\n  .plugin:nth-of-type(even) {\n    margin-left: 1.5%;\n  }\n}\n\n.plugin_name {\n  font-weight: normal;\n  font-style: italic;\n}\n\n.plugin_actions li {\n  display: inline-block;\n  margin-right: 8px;\n  margin-right: 0.5rem;\n}\n\n.theme {\n  background: #eee;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n  margin: 16px 0;\n  margin: 1rem 0;\n  padding: 0 8px;\n  padding: 0 0.5rem;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 48em) {\n  .theme {\n    flex: 0 1 48.5%;\n    margin: 0 0 16px;\n    margin: 0 0 1rem;\n  }\n  .theme:nth-of-type(odd) {\n    margin-right: 1.5%;\n  }\n  .theme:nth-of-type(even) {\n    margin-left: 1.5%;\n  }\n}\n\n@media screen and (min-width: 48em) {\n  .theme-single {\n    flex: 0 1;\n    margin: 0 0 16px;\n    margin: 0 0 1rem;\n  }\n  .theme-single:nth-of-type(odd) {\n    margin-right: 0;\n  }\n  .theme-single:nth-of-type(even) {\n    margin-left: 0;\n  }\n}\n\n.theme_name {\n  margin-bottom: 16px;\n  margin-bottom: 1rem;\n}\n\n.theme_actions li {\n  display: inline-block;\n  margin-right: 8px;\n  margin-right: 0.5rem;\n}\n\n#sidebar {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n#sidebar > h2 {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n@media screen and (min-width: 30em) {\n  #sidebar {\n    padding: 0;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #sidebar {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 25%;\n    left: -75%;\n    position: relative;\n  }\n}\n\n@media screen and (min-width: 30em) {\n  .widget {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 50%;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  .widget {\n    float: none;\n    padding-left: 0;\n    padding-right: 0;\n    width: 100%;\n  }\n}\n\n#service {\n  background-color: #fcfcfc;\n  color: #888;\n  font-size: 14px;\n  font-size: 0.875rem;\n  padding-bottom: 16px;\n  padding-bottom: 1rem;\n}\n\n#service-links {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n  margin-bottom: 0;\n  text-align: center;\n}\n\n@media screen and (min-width: 30em) {\n  #service-links {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 100%;\n    margin: 16px 0 0;\n    margin: 1rem 0 0;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #service-links {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 25%;\n    margin: 16px 0;\n    margin: 1rem 0;\n    text-align: left;\n  }\n}\n\n#supporters {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 8px;\n  padding-left: 0.5rem;\n  padding-right: 8px;\n  padding-right: 0.5rem;\n  width: 100%;\n  text-align: center;\n}\n\n@media screen and (min-width: 30em) {\n  #supporters {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #supporters {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 16px;\n    padding-left: 1rem;\n    padding-right: 16px;\n    padding-right: 1rem;\n    width: 75%;\n    text-align: left;\n  }\n}\n/*# sourceMappingURL=master.css.map */","@charset \"UTF-8\";\n@font-face {\n  font-family: \"Lato\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"../fonts/Lato-Regular.woff2\") format(\"woff2\"), url(\"../fonts/Lato-Regular.woff\") format(\"woff\"), url(\"../fonts/Lato-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Lato\";\n  font-style: italic;\n  font-weight: normal;\n  src: url(\"../fonts/Lato-Italic.woff2\") format(\"woff2\"), url(\"../fonts/Lato-Italic.woff\") format(\"woff\"), url(\"../fonts/Lato-Italic.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Lato\";\n  font-style: normal;\n  font-weight: bold;\n  src: url(\"../fonts/Lato-Bold.woff2\") format(\"woff2\"), url(\"../fonts/Lato-Bold.woff\") format(\"woff\"), url(\"../fonts/Lato-Bold.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Lato\";\n  font-style: italic;\n  font-weight: bold;\n  src: url(\"../fonts/Lato-BoldItalic.woff2\") format(\"woff2\"), url(\"../fonts/Lato-BoldItalic.woff\") format(\"woff\"), url(\"../fonts/Lato-BoldItalic.ttf\") format(\"truetype\");\n}\n\n/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\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 */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\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 */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\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 */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\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 */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\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 */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\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 */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\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 */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\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 */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\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;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\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/**\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;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\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/**\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;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n::selection {\n  background: #b3d4fc;\n  text-shadow: none;\n}\n\ndt {\n  font-weight: bold;\n}\n\ndd {\n  margin: 0;\n}\n\ncaption,\nth {\n  text-align: left;\n}\n\ntable {\n  margin: 1rem 0;\n  width: 100%;\n}\n\ntable caption {\n  text-align: center;\n}\n\nli ul,\nli ol {\n  margin: 0;\n}\n\nhr {\n  border: 0;\n  border-top: 1px solid #ddd;\n  display: block;\n  height: 1px;\n  margin: 1.5rem 0;\n  padding: 0;\n}\n\nsummary {\n  cursor: pointer;\n}\n\nimg {\n  vertical-align: middle;\n}\n\n@-ms-viewport {\n  width: device-width;\n}\n\nhtml, button,\ninput,\nselect,\ntextarea {\n  font-family: \"Lato\", sans-serif;\n}\n\nhtml {\n  font-size: 100%;\n}\n\nbody {\n  line-height: 1.5;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 1rem 0;\n}\n\nh5,\nh6 {\n  font-size: 1rem;\n}\n\npre,\ncode,\nsamp,\nkbd {\n  font-size: 0.875rem;\n}\n\npre code {\n  font-size: 1em;\n}\n\nq {\n  quotes: '“' '”' '‘' '’';\n}\n\n:lang(de) q {\n  quotes: '„' '“' '‚' '‘';\n}\n\np {\n  hyphens: auto;\n}\n\np code,\np samp,\np kbd {\n  hyphens: none;\n}\n\nvideo,\nimg {\n  height: auto;\n  max-width: 100%;\n}\n\nfieldset {\n  border: 0;\n  margin: 0;\n  padding: 0;\n}\n\ninput[type='file']:focus, input[type='file']:active,\ninput[type='radio']:focus,\ninput[type='radio']:active,\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  box-shadow: none;\n}\n\n::-webkit-input-placeholder {\n  color: #888;\n}\n\n::-moz-placeholder {\n  color: #888;\n}\n\n:-ms-input-placeholder {\n  color: #888;\n}\n\n:invalid {\n  box-shadow: none;\n}\n\ninput[type='email'],\ninput[type='search'],\ninput[type='text'],\nselect,\ntextarea {\n  -webkit-appearance: none;\n  background-clip: padding-box;\n  background-color: #fcfcfc;\n  border: 1px solid;\n  border-color: #c1c1c1 #c1c1c1 #e1e1e1;\n  border-radius: 0;\n  box-sizing: border-box;\n  color: #222;\n  height: 1.8em;\n  outline: 0;\n  padding: 2px 3px;\n  text-align: left;\n}\n\ninput[disabled][type='email'],\ninput[disabled][type='search'],\ninput[disabled][type='text'],\nselect[disabled],\ntextarea[disabled] {\n  background-color: #eee;\n}\n\nselect[size],\nselect[multiple],\ntextarea {\n  height: auto;\n}\n\n@media (-webkit-min-device-pixel-ratio: 0) {\n  select {\n    background-image: url(\"data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==\");\n    background-position: right center;\n    background-repeat: no-repeat;\n    padding-right: 20px;\n  }\n  select[size],\n  select[multiple] {\n    background-image: none;\n    padding: 0;\n  }\n}\n\ntextarea {\n  min-height: 40px;\n  overflow: auto;\n  resize: vertical;\n  width: 100%;\n}\n\nform button,\ninput[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  background-clip: padding-box;\n  background-color: white;\n  background-image: linear-gradient(to bottom, white, #ddd);\n  border: 1px solid;\n  border-color: #ddd #bbbbbb #999999;\n  border-radius: 4px;\n  color: #111;\n  display: inline-block;\n  line-height: normal;\n  outline: 0;\n  padding: 0.1875rem 0.625rem;\n  text-align: center;\n  text-decoration: none;\n  text-shadow: #eeeeee 0 1px 1px;\n  width: auto;\n}\n\nform button:hover,\ninput[type='button']:hover,\ninput[type='reset']:hover,\ninput[type='submit']:hover {\n  background-color: white;\n  background-image: linear-gradient(to bottom, white, #cccccc);\n}\n\nform button:active,\ninput[type='button']:active,\ninput[type='reset']:active,\ninput[type='submit']:active {\n  background-color: white;\n  background-image: linear-gradient(to bottom, white, #cccccc);\n  border-color: #999999 #bbbbbb #ddd;\n  box-shadow: inset rgba(17, 17, 17, 0.25) 0 1px 2px 0;\n}\n\nform button:focus,\ninput[type='button']:focus,\ninput[type='reset']:focus,\ninput[type='submit']:focus {\n  box-shadow: #06f 0 0 5px 0;\n  z-index: 1;\n}\n\nform button:active, form button:visited, form button:hover, form button:focus,\ninput[type='button']:active,\ninput[type='button']:visited,\ninput[type='button']:hover,\ninput[type='button']:focus,\ninput[type='reset']:active,\ninput[type='reset']:visited,\ninput[type='reset']:hover,\ninput[type='reset']:focus,\ninput[type='submit']:active,\ninput[type='submit']:visited,\ninput[type='submit']:hover,\ninput[type='submit']:focus {\n  color: #111;\n}\n\nform button:focus,\nselect:focus,\ntextarea:focus,\ninput:focus {\n  box-shadow: 0 0 5px 0 #06f;\n  z-index: 1;\n}\n\nfigure {\n  display: block;\n  margin: 1rem 0;\n}\n\nnav ul,\nnav ol {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.nav-toggle {\n  background-color: transparent;\n  display: inline-block;\n  height: 32px;\n  position: relative;\n  width: 32px;\n}\n\n.nav-toggle .icon-menu {\n  left: 4px;\n  top: 14px;\n  transition: background-color 0.2s ease-in;\n}\n\n.nav-toggle .icon-menu, .nav-toggle .icon-menu::before, .nav-toggle .icon-menu::after {\n  background-color: #222;\n  display: block;\n  height: 4px;\n  position: absolute;\n  width: 24px;\n}\n\n.nav-toggle .icon-menu::before, .nav-toggle .icon-menu::after {\n  content: '';\n}\n\n.nav-toggle .icon-menu::before {\n  top: -8px;\n  transition: top 0.2s ease-in 0.2s, transform 0.2s ease-in;\n}\n\n.nav-toggle .icon-menu::after {\n  bottom: -8px;\n  transition: bottom 0.2s ease-in 0.2s, transform 0.2s ease-in;\n}\n\n.js-nav-active .nav-toggle .icon-menu {\n  background-color: transparent;\n  transition: background-color 0.2s ease-in;\n}\n\n.js-nav-active .nav-toggle .icon-menu::before {\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.2s ease-in, transform 0.2s ease-in 0.2s;\n}\n\n.js-nav-active .nav-toggle .icon-menu::after {\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.2s ease-in, transform 0.2s ease-in 0.2s;\n}\n\n.nav-toggle .fallback-text {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.nav-collapse ul,\n.nav-collapse li {\n  display: block;\n  width: 100%;\n}\n\n.js .nav-collapse {\n  clip: rect(0 0 0 0);\n  display: block;\n  max-height: 0;\n  overflow: hidden;\n  position: absolute;\n  zoom: 1;\n}\n\n.nav-collapse.opened {\n  max-height: 9999px;\n}\n\n.disable-pointer-events {\n  pointer-events: none !important;\n}\n\n.nav-toggle {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-touch-callout: none;\n  user-select: none;\n}\n\n@media screen and (min-width: 48em) {\n  .nav-collapse li {\n    width: auto;\n  }\n  .js .nav-collapse {\n    clip: auto;\n    height: auto;\n    margin: 0;\n    max-height: none;\n    overflow: visible;\n    position: relative;\n    width: auto;\n  }\n  .nav-toggle {\n    display: none !important;\n    visibility: hidden;\n  }\n}\n\n@media print {\n  * {\n    background: transparent !important;\n    box-shadow: none !important;\n    color: #000 !important;\n    text-shadow: none !important;\n  }\n  a,\n  a:visited {\n    text-decoration: underline;\n  }\n  a[href]::after {\n    content: \" (\" attr(href) \")\";\n  }\n  abbr[title]::after {\n    content: \" (\" attr(title) \")\";\n  }\n  .ir a::after,\n  a[href^='javascript:']::after,\n  a[href^='#']::after {\n    content: '';\n  }\n  pre,\n  blockquote {\n    border: 1px solid #888;\n    page-break-inside: avoid;\n  }\n  thead {\n    display: table-header-group;\n  }\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n  img {\n    max-width: 100% !important;\n  }\n  @page {\n    margin: 0.5cm;\n  }\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n}\n\n/* Magnific Popup CSS */\n.mfp-bg {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1042;\n  overflow: hidden;\n  position: fixed;\n  background: #0b0b0b;\n  opacity: 0.8;\n}\n\n.mfp-wrap {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1043;\n  position: fixed;\n  outline: none !important;\n  -webkit-backface-visibility: hidden;\n}\n\n.mfp-container {\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  padding: 0 8px;\n  box-sizing: border-box;\n}\n\n.mfp-container:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n}\n\n.mfp-align-top .mfp-container:before {\n  display: none;\n}\n\n.mfp-content {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 auto;\n  text-align: left;\n  z-index: 1045;\n}\n\n.mfp-inline-holder .mfp-content,\n.mfp-ajax-holder .mfp-content {\n  width: 100%;\n  cursor: auto;\n}\n\n.mfp-ajax-cur {\n  cursor: progress;\n}\n\n.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {\n  cursor: -moz-zoom-out;\n  cursor: -webkit-zoom-out;\n  cursor: zoom-out;\n}\n\n.mfp-zoom {\n  cursor: pointer;\n  cursor: -webkit-zoom-in;\n  cursor: -moz-zoom-in;\n  cursor: zoom-in;\n}\n\n.mfp-auto-cursor .mfp-content {\n  cursor: auto;\n}\n\n.mfp-close,\n.mfp-arrow,\n.mfp-preloader,\n.mfp-counter {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.mfp-loading.mfp-figure {\n  display: none;\n}\n\n.mfp-hide {\n  display: none !important;\n}\n\n.mfp-preloader {\n  color: #CCC;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  text-align: center;\n  margin-top: -0.8em;\n  left: 8px;\n  right: 8px;\n  z-index: 1044;\n}\n\n.mfp-preloader a {\n  color: #CCC;\n}\n\n.mfp-preloader a:hover {\n  color: #FFF;\n}\n\n.mfp-s-ready .mfp-preloader {\n  display: none;\n}\n\n.mfp-s-error .mfp-content {\n  display: none;\n}\n\nbutton.mfp-close, button.mfp-arrow {\n  overflow: visible;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  -webkit-appearance: none;\n  display: block;\n  outline: none;\n  padding: 0;\n  z-index: 1046;\n  box-shadow: none;\n  touch-action: manipulation;\n}\n\nbutton::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n\n.mfp-close {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-decoration: none;\n  text-align: center;\n  opacity: 0.65;\n  padding: 0 0 18px 10px;\n  color: #FFF;\n  font-style: normal;\n  font-size: 28px;\n  font-family: Arial, Baskerville, monospace;\n}\n\n.mfp-close:hover, .mfp-close:focus {\n  opacity: 1;\n}\n\n.mfp-close:active {\n  top: 1px;\n}\n\n.mfp-close-btn-in .mfp-close {\n  color: #333;\n}\n\n.mfp-image-holder .mfp-close,\n.mfp-iframe-holder .mfp-close {\n  color: #FFF;\n  right: -6px;\n  text-align: right;\n  padding-right: 6px;\n  width: 100%;\n}\n\n.mfp-counter {\n  position: absolute;\n  top: 0;\n  right: 0;\n  color: #CCC;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.mfp-arrow {\n  position: absolute;\n  opacity: 0.65;\n  margin: 0;\n  top: 50%;\n  margin-top: -55px;\n  padding: 0;\n  width: 90px;\n  height: 110px;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.mfp-arrow:active {\n  margin-top: -54px;\n}\n\n.mfp-arrow:hover, .mfp-arrow:focus {\n  opacity: 1;\n}\n\n.mfp-arrow:before, .mfp-arrow:after {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  left: 0;\n  top: 0;\n  margin-top: 35px;\n  margin-left: 35px;\n  border: medium inset transparent;\n}\n\n.mfp-arrow:after {\n  border-top-width: 13px;\n  border-bottom-width: 13px;\n  top: 8px;\n}\n\n.mfp-arrow:before {\n  border-top-width: 21px;\n  border-bottom-width: 21px;\n  opacity: 0.7;\n}\n\n.mfp-arrow-left {\n  left: 0;\n}\n\n.mfp-arrow-left:after {\n  border-right: 17px solid #FFF;\n  margin-left: 31px;\n}\n\n.mfp-arrow-left:before {\n  margin-left: 25px;\n  border-right: 27px solid #3F3F3F;\n}\n\n.mfp-arrow-right {\n  right: 0;\n}\n\n.mfp-arrow-right:after {\n  border-left: 17px solid #FFF;\n  margin-left: 39px;\n}\n\n.mfp-arrow-right:before {\n  border-left: 27px solid #3F3F3F;\n}\n\n.mfp-iframe-holder {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n\n.mfp-iframe-holder .mfp-content {\n  line-height: 0;\n  width: 100%;\n  max-width: 900px;\n}\n\n.mfp-iframe-holder .mfp-close {\n  top: -40px;\n}\n\n.mfp-iframe-scaler {\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  padding-top: 56.25%;\n}\n\n.mfp-iframe-scaler iframe {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n  background: #000;\n}\n\n/* Main image in popup */\nimg.mfp-img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  line-height: 0;\n  box-sizing: border-box;\n  padding: 40px 0 40px;\n  margin: 0 auto;\n}\n\n/* The shadow behind the image */\n.mfp-figure {\n  line-height: 0;\n}\n\n.mfp-figure:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 40px;\n  bottom: 40px;\n  display: block;\n  right: 0;\n  width: auto;\n  height: auto;\n  z-index: -1;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n  background: #444;\n}\n\n.mfp-figure small {\n  color: #BDBDBD;\n  display: block;\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.mfp-figure figure {\n  margin: 0;\n}\n\n.mfp-bottom-bar {\n  margin-top: -36px;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  cursor: auto;\n}\n\n.mfp-title {\n  text-align: left;\n  line-height: 18px;\n  color: #F3F3F3;\n  word-wrap: break-word;\n  padding-right: 36px;\n}\n\n.mfp-image-holder .mfp-content {\n  max-width: 100%;\n}\n\n.mfp-gallery .mfp-image-holder .mfp-figure {\n  cursor: pointer;\n}\n\n@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {\n  /**\n       * Remove all paddings around the image on small screen\n       */\n  .mfp-img-mobile .mfp-image-holder {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .mfp-img-mobile img.mfp-img {\n    padding: 0;\n  }\n  .mfp-img-mobile .mfp-figure:after {\n    top: 0;\n    bottom: 0;\n  }\n  .mfp-img-mobile .mfp-figure small {\n    display: inline;\n    margin-left: 5px;\n  }\n  .mfp-img-mobile .mfp-bottom-bar {\n    background: rgba(0, 0, 0, 0.6);\n    bottom: 0;\n    margin: 0;\n    top: auto;\n    padding: 3px 5px;\n    position: fixed;\n    box-sizing: border-box;\n  }\n  .mfp-img-mobile .mfp-bottom-bar:empty {\n    padding: 0;\n  }\n  .mfp-img-mobile .mfp-counter {\n    right: 5px;\n    top: 3px;\n  }\n  .mfp-img-mobile .mfp-close {\n    top: 0;\n    right: 0;\n    width: 35px;\n    height: 35px;\n    line-height: 35px;\n    background: rgba(0, 0, 0, 0.6);\n    position: fixed;\n    text-align: center;\n    padding: 0;\n  }\n}\n\n@media all and (max-width: 900px) {\n  .mfp-arrow {\n    -webkit-transform: scale(0.75);\n    transform: scale(0.75);\n  }\n  .mfp-arrow-left {\n    -webkit-transform-origin: 0;\n    transform-origin: 0;\n  }\n  .mfp-arrow-right {\n    -webkit-transform-origin: 100%;\n    transform-origin: 100%;\n  }\n  .mfp-container {\n    padding-left: 6px;\n    padding-right: 6px;\n  }\n}\n\nhtml {\n  background-color: #fcfcfc;\n  color: #222;\n}\n\n@media screen and (min-width: 120em) {\n  html {\n    font-size: 112.5%;\n  }\n}\n\nbody {\n  background-color: #ccdee7;\n}\n\n@media screen and (min-width: 48em) {\n  body {\n    padding-top: 2rem;\n  }\n}\n\na,\na:visited {\n  color: #374d76;\n}\n\na:hover, a:focus {\n  color: #25253d;\n}\n\nul {\n  padding-left: 1.25rem;\n}\n\nblockquote {\n  border-left: 0.5rem solid #374d76;\n  margin: 1rem 2rem;\n  padding: 0.5rem 0 0.5rem 2rem;\n}\n\n.plugin_actions, .theme_actions, .spartacus-list, #spartacus-feeds ul, #service-links {\n  list-style: none;\n  padding: 0;\n}\n\n.layout-container {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 71.25rem;\n  width: 100%;\n}\n\n.layout-container::before, .layout-container::after {\n  content: ' ';\n  display: table;\n}\n\n.layout-container::after {\n  clear: both;\n}\n\n.button-link {\n  background: #374d76;\n  background-clip: padding-box;\n  border: 1px solid #374d76;\n  border-radius: 4px;\n  color: #fff;\n  display: inline-block;\n  line-height: normal;\n  outline: 0;\n  padding: 0.1875rem 0.625rem;\n  text-align: center;\n  text-decoration: none;\n  text-shadow: none;\n  width: auto;\n  box-sizing: border-box;\n  line-height: 1.5;\n  padding: 0.25rem 1rem;\n  transition: all 0.25s linear;\n}\n\n.button-link:active, .button-link:hover, .button-link:focus {\n  background: #25253d;\n  border-color: #25253d;\n  color: #fff;\n}\n\n.button-link:focus {\n  box-shadow: none;\n  z-index: auto;\n}\n\n.button-link, .button-link:visited {\n  color: #fff;\n}\n\n.button-link:hover {\n  transition: all 0.25s linear;\n}\n\nbody > main {\n  background: #fcfcfc;\n}\n\nbody > main .layout-container {\n  border-bottom: 1px solid #ddd;\n}\n\n@media screen and (min-width: 64em) {\n  body > main .layout-container {\n    padding-top: 1rem;\n  }\n}\n\nfigure img {\n  border: 1px solid #374d76;\n  box-sizing: border-box;\n  margin: 0;\n}\n\nfigcaption {\n  box-sizing: border-box;\n  color: #888;\n  font-size: 0.8125rem;\n  padding: 0.3125rem 0 0;\n  text-align: center;\n}\n\n#content {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n#content p {\n  text-align: justify;\n}\n\n#content img {\n  height: auto;\n  max-width: 100%;\n}\n\n#content pre {\n  background-color: #eee;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n  overflow-x: scroll;\n  padding: 0.5rem;\n}\n\n@media screen and (min-width: 30em) {\n  #content {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #content {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 75%;\n    left: 25%;\n    position: relative;\n  }\n}\n\n.content-image {\n  border: 1px solid #374d76;\n  box-sizing: border-box;\n  margin: 1rem 0;\n}\n\n#site-nav {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n#site-nav a {\n  display: block;\n  padding: 0 0 0.5rem;\n}\n\n@media screen and (min-width: 30em) {\n  #site-nav {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n  }\n  #site-nav li {\n    display: table-cell;\n    text-align: center;\n    width: 1%;\n  }\n  #site-nav a {\n    padding: 0.5rem 0.75rem;\n  }\n  #site-nav #current-page a, #site-nav #current-page a:visited {\n    background-color: #ffbf00;\n    color: #111;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #site-nav a {\n    padding: 0.5rem 1.25rem;\n  }\n}\n\n#nav-global {\n  background-color: #374d76;\n  padding: 0.625rem 0 0.25rem;\n  position: relative;\n}\n\n#nav-global::before, #nav-global::after {\n  content: '';\n  display: block;\n  height: 28px;\n  position: absolute;\n  top: 10px;\n}\n\n#nav-global::before {\n  left: 3rem;\n  width: 151px;\n}\n\n#nav-global::after {\n  right: 0.5rem;\n  width: 56px;\n}\n\n#nav-global a {\n  text-decoration: none;\n}\n\n#nav-global a, #nav-global a:visited {\n  background-color: transparent;\n  color: #fcfcfc;\n  transition: all 0.25s linear;\n}\n\n#nav-global a:hover, #nav-global a:focus {\n  background-color: #ffbf00;\n  color: #222;\n  transition: all 0.25s linear;\n}\n\n@media screen and (min-width: 30em) {\n  #nav-global {\n    padding: 0;\n    position: static;\n  }\n  #nav-global::before, #nav-global::after {\n    background: transparent;\n  }\n  #nav-global .layout-container {\n    position: relative;\n  }\n  #nav-global .layout-container::before {\n    content: '';\n    display: block;\n    height: 106px;\n    left: 0.5rem;\n    position: absolute;\n    top: -1.25rem;\n    width: 150px;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #nav-global .layout-container::before {\n    height: 141px;\n    top: -1.5rem;\n    width: 200px;\n  }\n}\n\n@media screen and (min-width: 120em) {\n  #nav-global .layout-container::before {\n    height: 194px;\n    width: 275px;\n  }\n}\n\n#open-nav {\n  background-color: transparent;\n  border: 0;\n  overflow: hidden;\n  background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0OCIgaGVpZ2h0PSIyMDQ4IiB2aWV3Qm94PSIwIDAgMjA0OCAyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNzkyIDE0NzJ2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5aC0xNDA4cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTE0MDhxLTI2IDAtNDUtMTl0LTE5LTQ1di0xMjhxMC0yNiAxOS00NXQ0NS0xOWgxNDA4cTI2IDAgNDUgMTl0MTkgNDV6bTAtNTEydjEyOHEwIDI2LTE5IDQ1dC00NSAxOWgtMTQwOHEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDE0MDhxMjYgMCA0NSAxOXQxOSA0NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=\") 0 0 no-repeat;\n  background-size: contain;\n  display: inline-block;\n  height: 28px;\n  margin-left: 0.5rem;\n  width: 28px;\n}\n\n#open-nav::before {\n  content: '';\n  display: block;\n  height: 150%;\n  width: 0;\n}\n\n.no-svg #open-nav {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAATklEQVRYhe3UsRHAIAxDUZz9VwpFMphSw7mgkeFy/w1gyY1aAzCR1OVzz3mRFJDzwYgYMi9n2IqswGvMe4y38RfsQDV2AOdhB6qxA8B2H5KILgWNAjWdAAAAAElFTkSuQmCC\");\n}\n\n#nav-global::before {\n  background: url(\"../img/logos/serendipity.png\") 0 0 no-repeat;\n  background-size: contain;\n}\n\n#nav-global::after {\n  background: url(\"../img/logos/flower.png\") 0 0 no-repeat;\n  background-size: contain;\n}\n\n@media screen and (min-width: 30em) {\n  #nav-global .layout-container::before {\n    background: url(\"../img/logos/s9y.png\") 0 0 no-repeat;\n    background-size: contain;\n  }\n}\n\n#masthead::before, #masthead::after {\n  content: ' ';\n  display: table;\n}\n\n#masthead::after {\n  clear: both;\n}\n\n#masthead h1 {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n  font-size: 1.75rem;\n  text-align: center;\n}\n\n#masthead h1 > span {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n@media screen and (min-width: 30em) {\n  #masthead h1 {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n    text-align: left;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #masthead h1 {\n    font-size: 2rem;\n    margin-bottom: 1.5rem;\n    margin-top: 1.5rem;\n  }\n}\n\n@media screen and (min-width: 120em) {\n  #masthead h1 {\n    font-size: 2.5rem;\n    margin-bottom: 2rem;\n    margin-top: 2rem;\n  }\n}\n\n#claim {\n  background-color: #374d76;\n  padding: 0.25rem 0;\n}\n\n#slogan {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n  color: #fcfcfc;\n  font-size: 0.875rem;\n  letter-spacing: 2px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n@media screen and (min-width: 30em) {\n  #slogan {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n    letter-spacing: 4px;\n    text-align: left;\n    word-spacing: 0.25rem;\n  }\n}\n\n.spartacus-slogan {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n.spartacus-slogan > span {\n  display: block;\n  margin: 0 0 1rem;\n  text-align: justify;\n}\n\n@media screen and (min-width: 48em) {\n  .spartacus-slogan {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 75%;\n    margin-left: 25%;\n  }\n  .spartacus-slogan > span {\n    font-size: 1.125rem;\n  }\n}\n\n.spartacus-back {\n  display: inline-block;\n  margin: 1rem 0;\n}\n\n.spartacus-back::before {\n  content: '← ';\n}\n\n@media screen and (min-width: 48em) {\n  .spartacus-group {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n\n.spartacus-group > h3 {\n  border-bottom: 1px dashed #374d76;\n  margin-top: 1.5rem;\n}\n\n@media screen and (min-width: 48em) {\n  .spartacus-group > h3 {\n    flex: 0 1 100%;\n  }\n}\n\n.spartacus-group:first-of-type > h3 {\n  margin-top: 0;\n}\n\n.plugin {\n  background: #eee;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n  margin: 1rem 0;\n  padding: 0 0.5rem;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 48em) {\n  .plugin {\n    flex: 0 1 48.5%;\n    margin: 0 0 1rem;\n  }\n  .plugin:nth-of-type(odd) {\n    margin-right: 1.5%;\n  }\n  .plugin:nth-of-type(even) {\n    margin-left: 1.5%;\n  }\n}\n\n.plugin_name {\n  font-weight: normal;\n  font-style: italic;\n}\n\n.plugin_actions li {\n  display: inline-block;\n  margin-right: 0.5rem;\n}\n\n.theme {\n  background: #eee;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n  margin: 1rem 0;\n  padding: 0 0.5rem;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 48em) {\n  .theme {\n    flex: 0 1 48.5%;\n    margin: 0 0 1rem;\n  }\n  .theme:nth-of-type(odd) {\n    margin-right: 1.5%;\n  }\n  .theme:nth-of-type(even) {\n    margin-left: 1.5%;\n  }\n}\n\n@media screen and (min-width: 48em) {\n  .theme-single {\n    flex: 0;\n    margin: 0 0 1rem;\n  }\n  .theme-single:nth-of-type(odd) {\n    margin-right: 0;\n  }\n  .theme-single:nth-of-type(even) {\n    margin-left: 0;\n  }\n}\n\n.theme_name {\n  margin-bottom: 1rem;\n}\n\n.theme_actions li {\n  display: inline-block;\n  margin-right: 0.5rem;\n}\n\n#sidebar {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n}\n\n#sidebar > h2 {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n@media screen and (min-width: 30em) {\n  #sidebar {\n    padding: 0;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #sidebar {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 25%;\n    left: -75%;\n    position: relative;\n  }\n}\n\n@media screen and (min-width: 30em) {\n  .widget {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 50%;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  .widget {\n    float: none;\n    padding-left: 0;\n    padding-right: 0;\n    width: 100%;\n  }\n}\n\n#service {\n  background-color: #fcfcfc;\n  color: #888;\n  font-size: 0.875rem;\n  padding-bottom: 1rem;\n}\n\n#service-links {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n  margin-bottom: 0;\n  text-align: center;\n}\n\n@media screen and (min-width: 30em) {\n  #service-links {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 100%;\n    margin: 1rem 0 0;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #service-links {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 25%;\n    margin: 1rem 0;\n    text-align: left;\n  }\n}\n\n#supporters {\n  box-sizing: border-box;\n  float: left;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  width: 100%;\n  text-align: center;\n}\n\n@media screen and (min-width: 30em) {\n  #supporters {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 64em) {\n  #supporters {\n    box-sizing: border-box;\n    float: left;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 75%;\n    text-align: left;\n  }\n}\n\n/*# sourceMappingURL=master.css.map */","// ELEMENT STYLES NOT COVERED BY NORMALIZE\n// --------------------------------------------------------------------\n// Defaults\n$selection-bg: #b3d4fc !default;\n$hint-bg: $silver !default;\n$hint-fg: $off-black !default;\n\n::selection {\n    background: $selection-bg;\n    text-shadow: none;\n}\n\ndt {\n    font-weight: bold;\n}\n\ndd {\n    margin: 0;\n}\n\ncaption,\nth {\n    text-align: left;\n}\n\ntable {\n    margin: $type-rhythm 0;\n    width: 100%;\n\n    caption {\n        text-align: center;\n    }\n}\n\nli {\n    ul,\n    ol {\n        margin: 0;\n    }\n}\n\nhr {\n    border: 0;\n    border-top: 1px solid $silver;\n    display: block;\n    height: 1px;\n    margin: 1.5rem 0;\n    padding: 0;\n}\n\nsummary {\n    cursor: pointer;\n}\n\n// Remove the gap between images and the bottom of their containers\nimg {\n    vertical-align: middle;\n}\n\n// mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html\n@-ms-viewport {\n    width: device-width;\n}\n\n// BASIC TYPOGRAPHY\n// --------------------------------------------------------------------\n%primary-font {\n    font-family: $primary-font;\n}\n\nhtml {\n    @extend %primary-font;\n\n    font-size: 100%;\n}\n\n@if $use-form-styles {\n    button,\n    input,\n    select,\n    textarea {\n        @extend %primary-font;\n    }\n}\n\n@if $use-form-advanced {\n    optgroup {\n        @extend %primary-font;\n    }\n}\n\nbody {\n    line-height: $type-height;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    margin: $type-rhythm 0;\n}\n\nh5,\nh6 {\n    font-size: 1rem;\n}\n\npre,\ncode,\nsamp,\nkbd {\n    font-size: 0.875rem;\n}\n\npre code {\n    font-size: 1em;\n}\n\n// QUOTES\n// html5doctor.com/blockquote-q-cite/\n// --------------------------------------------------------------------\nq {\n    quotes: '“' '”' '‘' '’';\n}\n\n:lang(de) q {\n    quotes: '„' '“' '‚' '‘';\n}\n\n// HYPHENATION\n// --------------------------------------------------------------------\np {\n    hyphens: auto;\n\n    // not for preformatted text (inline)\n    code,\n    samp,\n    kbd {\n        hyphens: none;\n    }\n}\n\n// EXTENDS/INCLUDES\n// --------------------------------------------------------------------\nvideo,\nimg {\n    @include responsive-media;\n}\n\n// ENABLE JS HINT\n// --------------------------------------------------------------------\n@if $use-enable-js {\n    #enable-js {\n        background: $hint-bg;\n        color: $hint-fg;\n        left: 0;\n        margin: 0;\n        padding: 4px;\n        position: absolute;\n        text-align: center;\n        top: 0;\n        width: 100%;\n\n        .js & {\n            @include hidden;\n        }\n    }\n\n    .no-js {\n        padding-top: 32px;\n    }\n}\n","// RESPONSIVE IMAGES\n// --------------------------------------------------------------------\n// unstoppablerobotninja.com/entry/fluid-images\n@mixin responsive-media {\n    height: auto;\n    max-width: 100%;\n}\n\n// RESPONSIVE INLINE SVG IMAGES\n// --------------------------------------------------------------------\n// tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/\n// apply to container element; remove width/height from svg\n@mixin responsive-svg($svg-width, $svg-height, $container-width: 100%) {\n    height: 0;\n    padding-top: ($svg-height / $svg-width) * $container-width;\n    position: relative;\n    width: $container-width;\n\n    > svg {\n        left: 0;\n        position: absolute;\n        top: 0;\n    }\n}\n\n// RETINA BACKGROUND IMAGES\n// --------------------------------------------------------------------\n@mixin retina-img(\n    $imgname,\n    $imgwidth,\n    $imgheight,\n    $imgtype: 'png',\n    $imgsize: contain\n) {\n    background: url('../img/#{$imgname}.#{$imgtype}') 0 0 no-repeat;\n    background-size: $imgsize;\n    height: $imgheight;\n    width: $imgwidth;\n\n    @media only screen and (-webkit-min-device-pixel-ratio: 2),\n        only screen and (min-resolution: 192dpi),\n        only screen and (min-resolution: 2dppx) {\n        background-image: url('../img/#{$imgname}-2x.#{$imgtype}');\n    }\n}\n\n@mixin retina-svg(\n    $imgname,\n    $imgwidth,\n    $imgheight,\n    $imgtype: 'png',\n    $imgsize: contain\n) {\n    background: url('../img/#{$imgname}.svg') 0 0 no-repeat;\n    background-size: $imgsize;\n    height: $imgheight;\n    width: $imgwidth;\n\n    .no-svg & {\n        background-image: url('../img/#{$imgname}.#{$imgtype}');\n\n        @media only screen and (-webkit-min-device-pixel-ratio: 2),\n            only screen and (min-resolution: 192dpi),\n            only screen and (min-resolution: 2dppx) {\n            background-image: url('../img/#{$imgname}-2x.#{$imgtype}');\n        }\n    }\n}\n","// NORMALIZE FORM ELEMENTS\n// formalize.me\n// --------------------------------------------------------------------\n// Defaults\n$input-bg: $off-white !default;\n$input-fg: $off-black !default;\n$input-focus: #06f !default;\n$input-placeholder: $greyed-out !default;\n\n$input-border-radius: 0 !default;\n$input-border-type: 1px solid !default;\n$input-border-color: #c1c1c1 #c1c1c1 #e1e1e1 !default;\n\n$standard-buttons: true !default;\n\n@if $use-form-styles {\n    fieldset {\n        border: 0;\n        margin: 0;\n        padding: 0;\n    }\n\n    input[type='file'],\n    input[type='radio'],\n    input[type='checkbox'] {\n        &:focus,\n        &:active {\n            box-shadow: none;\n        }\n    }\n\n    ::-webkit-input-placeholder {\n        color: $input-placeholder;\n    }\n\n    // Separate rule for Firefox. Cannot stack with WebKit's.\n    ::-moz-placeholder {\n        color: $input-placeholder;\n    }\n\n    // Separate rule for IE, too. Cannot stack with WebKit's.\n    :-ms-input-placeholder {\n        color: $input-placeholder;\n    }\n\n    :invalid {\n        // Suppress red glow that Firefox adds to form fields\n        // by default, even when user is still typing.\n        box-shadow: none;\n    }\n\n    @if $use-form-advanced {\n        optgroup {\n            background: $input-bg;\n            color: $input-fg;\n            font-style: normal;\n        }\n    }\n\n    // STYLE FORM ELEMENTS (borrowed heavily from formalize.me)\n    // --------------------------------------------------------------------\n    %input-elements {\n        -webkit-appearance: none;\n        background-clip: padding-box;\n        background-color: $input-bg;\n        border: $input-border-type;\n        border-color: $input-border-color;\n        border-radius: $input-border-radius;\n        box-sizing: border-box;\n        color: $input-fg;\n        height: 1.8em;\n        outline: 0;\n        padding: 2px 3px;\n        text-align: left;\n\n        &[disabled] {\n            background-color: $lite-grey;\n        }\n    }\n\n    @if $use-form-advanced {\n        input[type='date'],\n        input[type='datetime'],\n        input[type='datetime-local'],\n        input[type='month'],\n        input[type='number'],\n        input[type='password'],\n        input[type='time'],\n        input[type='week'],\n        input[type='tel'],\n        input[type='url'] {\n            @extend %input-elements;\n        }\n    }\n\n    input[type='email'],\n    input[type='search'],\n    input[type='text'],\n    select,\n    textarea {\n        @extend %input-elements;\n    }\n\n    select[size],\n    select[multiple],\n    textarea {\n        height: auto;\n    }\n\n    // WebKit select appearance\n    @media (-webkit-min-device-pixel-ratio: 0) {\n        select {\n            background-image: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==');\n            background-position: right center;\n            background-repeat: no-repeat;\n            padding-right: 20px;\n        }\n\n        select[size],\n        select[multiple] {\n            background-image: none;\n            padding: 0;\n        }\n    }\n\n    textarea {\n        min-height: 40px;\n        overflow: auto;\n        resize: vertical;\n        width: 100%;\n    }\n\n    // Form buttons\n    // --------------------------------------------------------------------\n    @if $standard-buttons {\n        form button,\n        input[type='button'],\n        input[type='reset'],\n        input[type='submit'] {\n            @include gradient-button();\n        }\n    }\n\n    // Disabled form elements\n    // --------------------------------------------------------------------\n    @if $use-form-advanced {\n        form button[disabled],\n        select[disabled],\n        select[disabled] option,\n        select[disabled] optgroup,\n        textarea[disabled],\n        input[disabled] {\n            box-shadow: none;\n            color: $greyed-out;\n            cursor: default;\n            user-select: none;\n        }\n    }\n\n    form button,\n    select,\n    textarea,\n    input {\n        &:focus {\n            box-shadow: 0 0 5px 0 $input-focus;\n            z-index: 1; // Opera\n        }\n    }\n}\n","// BUTTONS\n// --------------------------------------------------------------------\n// Defaults\n$button-radius: 4px !default;\n$button-focus: #06f !default;\n$button-padding: 0.1875rem 0.625rem !default;\n\n// Gradient button\n@mixin gradient-button(\n    $bg-color: $silver,\n    $fg-color: $black,\n    $radius: $button-radius\n) {\n    background-clip: padding-box;\n    background-color: lighten($bg-color, 13.2%);\n    background-image: linear-gradient(\n        to bottom,\n        lighten($bg-color, 13.2%),\n        $bg-color\n    );\n    border: 1px solid;\n    border-color: $bg-color darken($bg-color, 13.2%) darken($bg-color, 26.5%);\n    border-radius: $radius;\n    color: $fg-color;\n    display: inline-block;\n    line-height: normal;\n    outline: 0;\n    padding: $button-padding;\n    text-align: center;\n    text-decoration: none;\n    text-shadow: invert($fg-color) 0 1px 1px;\n    width: auto;\n\n    &:hover {\n        background-color: lighten($bg-color, 13.2%);\n        background-image: linear-gradient(\n            to bottom,\n            lighten($bg-color, 13.2%),\n            darken($bg-color, 6.5%)\n        );\n    }\n\n    &:active {\n        background-color: lighten($bg-color, 13.2%);\n        background-image: linear-gradient(\n            to bottom,\n            lighten($bg-color, 13.2%),\n            darken($bg-color, 6.5%)\n        );\n        border-color: darken($bg-color, 26.5%) darken($bg-color, 13.2%)\n            $bg-color;\n        box-shadow: inset rgba($black, 0.25) 0 1px 2px 0;\n    }\n\n    &:focus {\n        box-shadow: $button-focus 0 0 5px 0;\n        z-index: 1;\n    }\n\n    &:active,\n    &:visited,\n    &:hover,\n    &:focus {\n        color: $fg-color;\n    }\n}\n\n// Flat button\n@mixin flat-button(\n    $bg-color: $silver,\n    $fg-color: $black,\n    $radius: $button-radius,\n    $alt-color: complement($bg-color)\n) {\n    background: $bg-color;\n    background-clip: padding-box;\n    border: 1px solid $bg-color;\n    border-radius: $radius;\n    color: $fg-color;\n    display: inline-block;\n    line-height: normal;\n    outline: 0;\n    padding: $button-padding;\n    text-align: center;\n    text-decoration: none;\n    text-shadow: none;\n    width: auto;\n\n    &:active,\n    &:hover,\n    &:focus {\n        background: $alt-color;\n        border-color: $alt-color;\n        color: $fg-color;\n    }\n\n    &:focus {\n        box-shadow: none;\n        z-index: auto;\n    }\n}\n\n// Border-button\n@mixin border-button(\n    $fg-color: $black,\n    $alt-color: $white,\n    $border-width: 1px,\n    $radius: $button-radius\n) {\n    background: transparent;\n    background-clip: padding-box;\n    border: $border-width solid $fg-color;\n    border-radius: $radius;\n    color: $fg-color;\n    display: inline-block;\n    line-height: normal;\n    outline: 0;\n    padding: $button-padding;\n    text-align: center;\n    text-decoration: none;\n    text-shadow: none;\n    width: auto;\n\n    &:active,\n    &:hover,\n    &:focus {\n        background: $fg-color;\n        color: $alt-color;\n    }\n\n    &:focus {\n        box-shadow: none;\n        z-index: auto;\n    }\n}\n","// RESPONSIVE FLOATED IMAGES\n// --------------------------------------------------------------------\n// Defaults\n$img-breakpoint: $md !default; // Breakpoint for floated images\n$img-margin: $type-rhythm 0 !default; // Margins for images\n$img-left-margin: 0.25rem $type-rhythm 0.75rem 0 !default;\n$img-right-margin: 0.25rem 0 0.75rem $type-rhythm !default;\n$img-left-class: align_left !default;\n$img-right-class: align_right !default;\n\n%image-block {\n    display: block;\n    margin: $img-margin;\n}\n\n// For use with image positioning classes assigned by CMS/WYSIWYG editor\n@if $use-cms-classes {\n    .#{$img-left-class},\n    .#{$img-right-class} {\n        @extend %image-block;\n    }\n}\n\n@if $use-cms-classes {\n    @media only screen and (min-width: $img-breakpoint) {\n        // For use with image positioning classes assigned by CMS/WYSIWYG editor\n        .#{$img-left-class} {\n            float: left;\n            margin: $img-left-margin;\n        }\n\n        .#{$img-right-class} {\n            float: right;\n            margin: $img-right-margin;\n        }\n    }\n}\n\n// Figures\nfigure {\n    @extend %image-block;\n}\n\n// SVG SPRITES\n// --------------------------------------------------------------------\n// Defaults\n$svg-fallback-class: svg-fallback !default;\n$svg-icon-fill: $off-black !default;\n$svg-icon-dims: 1rem !default;\n\n@if $use-svg-sprites {\n    // 1. Hide SVG fallback text for browsers supporting SVG\n    // 2. Hide SVG icons if JS is deactivated\n    .svg .#{$svg-fallback-class},\n    .no-js svg {\n        @include hidden;\n    }\n\n    // 1. Show fallback text on IE < 9\n    // 2. Show fallback text if JS is deactivated\n    .lt-ie9 .#{$svg-fallback-class},\n    .no-js .#{$svg-fallback-class} {\n        display: inline-block !important;\n        visibility: visible;\n    }\n\n    // 1. Set fill color for SVG icons\n    // 2. Set dimensions of SVG icons\n    [class^='icon-'],\n    [class*='icon-'] {\n        fill: $svg-icon-fill;\n        height: $svg-icon-dims;\n        width: $svg-icon-dims;\n    }\n}\n","// NAVIGATION STYLES\n// --------------------------------------------------------------------\n// Defaults\n$nav-breakpoint: $md !default; // Breakpoint for smallscreen nav\n\n// General nav styles\n// --------------------------------------------------------------------\nnav ul,\nnav ol {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n// RESPONSIVE NAV ICON FALLBACK\n// --------------------------------------------------------------------\n@if not($use-svg-sprites) {\n    .nav-toggle {\n        @include icon-hamburger;\n    }\n}\n\n// RESPONSIVE NAV\n// --------------------------------------------------------------------\n// github.com/viljamis/responsive-nav.js\n@if $use-rnav-classes {\n    .nav-collapse {\n        ul,\n        li {\n            display: block;\n            width: 100%;\n        }\n\n        .js & {\n            clip: rect(0 0 0 0);\n            display: block;\n            max-height: 0;\n            overflow: hidden;\n            position: absolute;\n            zoom: 1;\n        }\n\n        &.opened {\n            max-height: 9999px;\n        }\n    }\n\n    .disable-pointer-events {\n        pointer-events: none !important;\n    }\n\n    .nav-toggle {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-touch-callout: none;\n        user-select: none;\n    }\n\n    @media screen and (min-width: $nav-breakpoint) {\n        .nav-collapse {\n            li {\n                width: auto;\n            }\n        }\n\n        .js .nav-collapse {\n            clip: auto;\n            height: auto;\n            margin: 0;\n            max-height: none;\n            overflow: visible;\n            position: relative;\n            width: auto;\n        }\n\n        .nav-toggle {\n            display: none !important;\n            visibility: hidden;\n        }\n    }\n}\n","// CSS ONLY HAMBURGER ICON\n// --------------------------------------------------------------------\n// Defaults\n$hicon-fg-color: $off-black !default;\n$hicon-bg-color: transparent !default;\n\n$hicon-dims: 32px !default;\n$hicon-line-height: 4px !default;\n$hicon-line-width: 24px !default;\n\n$hicon-transition-speed: 0.2s !default;\n$hicon-transition-type: ease-in !default;\n\n$hicon-class: icon-menu !default;\n$hicon-sr-class: fallback-text !default;\n$hicon-active-class: js-nav-active !default;\n\n@mixin icon-hamburger {\n    background-color: $hicon-bg-color;\n    display: inline-block;\n    height: $hicon-dims;\n    position: relative;\n    width: $hicon-dims;\n\n    .#{$hicon-class} {\n        left: (($hicon-dims - $hicon-line-width) / 2);\n        top: (($hicon-dims - $hicon-line-height) / 2);\n        transition: background-color $hicon-transition-speed\n            $hicon-transition-type;\n\n        &,\n        &::before,\n        &::after {\n            background-color: $hicon-fg-color;\n            display: block;\n            height: $hicon-line-height;\n            position: absolute;\n            width: $hicon-line-width;\n        }\n\n        &::before,\n        &::after {\n            content: '';\n        }\n\n        &::before {\n            top: -($hicon-line-width / 3);\n            transition: top $hicon-transition-speed $hicon-transition-type\n                    $hicon-transition-speed,\n                transform $hicon-transition-speed $hicon-transition-type;\n        }\n\n        &::after {\n            bottom: -($hicon-line-width / 3);\n            transition: bottom $hicon-transition-speed $hicon-transition-type\n                    $hicon-transition-speed,\n                transform $hicon-transition-speed $hicon-transition-type;\n        }\n    }\n\n    .#{$hicon-active-class} & .#{$hicon-class} {\n        background-color: transparent;\n        transition: background-color $hicon-transition-speed\n            $hicon-transition-type;\n\n        &::before {\n            top: 0;\n            transform: rotate(-45deg);\n            transition: top $hicon-transition-speed $hicon-transition-type,\n                transform $hicon-transition-speed $hicon-transition-type\n                    $hicon-transition-speed;\n        }\n\n        &::after {\n            bottom: 0;\n            transform: rotate(45deg);\n            transition: bottom $hicon-transition-speed $hicon-transition-type,\n                transform $hicon-transition-speed $hicon-transition-type\n                    $hicon-transition-speed;\n        }\n    }\n\n    .#{$hicon-sr-class} {\n        @include visuallyhidden;\n    }\n}\n","// HIDE ELEMENTS\n// --------------------------------------------------------------------\n// Hide only visually, but have it available for screenreaders\n@mixin visuallyhidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n// 'Undo' visuallyhidden\n@mixin not-visuallyhidden {\n    clip: auto;\n    height: auto;\n    margin: 0;\n    overflow: visible;\n    position: static;\n    width: auto;\n}\n\n// Hide visually and from screenreaders, but maintain layout\n// (also useful for lazy-hiding items which require JS)\n@mixin invisible {\n    visibility: hidden;\n\n    .no-js & {\n        visibility: visible;\n    }\n}\n\n// Hide from both screenreaders and browsers\n@mixin hidden {\n    display: none !important;\n    visibility: hidden;\n}\n\n// CLEARFIX\n// --------------------------------------------------------------------\n@mixin clearfix {\n    &::before,\n    &::after {\n        content: ' ';\n        display: table;\n    }\n\n    &::after {\n        clear: both;\n    }\n}\n\n// IMAGE REPLACEMENT\n// --------------------------------------------------------------------\n@mixin ir {\n    background-color: transparent;\n    border: 0;\n    overflow: hidden;\n\n    &::before {\n        content: '';\n        display: block;\n        height: 150%;\n        width: 0;\n    }\n}\n","// PRINT STYLES\n// --------------------------------------------------------------------\n// Defaults\n$print-color: #000 !default;\n\n@media print {\n    * {\n        background: transparent !important;\n        box-shadow: none !important;\n        color: $print-color !important;\n        text-shadow: none !important;\n    }\n\n    a,\n    a:visited {\n        text-decoration: underline;\n    }\n\n    a[href]::after {\n        content: ' (' attr(href) ')';\n    }\n\n    abbr[title]::after {\n        content: ' (' attr(title) ')';\n    }\n\n    .ir a::after,\n    a[href^='javascript:']::after,\n    a[href^='#']::after {\n        content: '';\n    }\n\n    pre,\n    blockquote {\n        border: 1px solid $greyed-out;\n        page-break-inside: avoid;\n    }\n\n    thead {\n        display: table-header-group;\n    }\n\n    tr,\n    img {\n        page-break-inside: avoid;\n    }\n\n    img {\n        max-width: 100% !important;\n    }\n\n    @page {\n        margin: 0.5cm;\n    }\n\n    p,\n    h2,\n    h3 {\n        orphans: 3;\n        widows: 3;\n    }\n\n    h2,\n    h3 {\n        page-break-after: avoid;\n    }\n}\n","/* Magnific Popup CSS */\n\n@import \"settings\";\n\n////////////////////////\n//\n// Contents:\n//\n// 1. General styles\n//    - Transluscent overlay\n//    - Containers, wrappers\n//    - Cursors\n//    - Helper classes\n// 2. Appearance\n//    - Preloader & text that displays error messages\n//    - CSS reset for buttons\n//    - Close icon\n//    - \"1 of X\" counter\n//    - Navigation (left/right) arrows\n//    - Iframe content type styles\n//    - Image content type styles\n//    - Media query where size of arrows is reduced\n//    - IE7 support\n//\n////////////////////////\n\n\n\n////////////////////////\n// 1. General styles\n////////////////////////\n\n// Transluscent overlay\n.mfp-bg {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: $mfp-z-index-base + 2;\n  overflow: hidden;\n  position: fixed;\n\n  background: $mfp-overlay-color;\n  opacity: $mfp-overlay-opacity;\n}\n\n// Wrapper for popup\n.mfp-wrap {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: $mfp-z-index-base + 3;\n  position: fixed;\n  outline: none !important;\n  -webkit-backface-visibility: hidden; // fixes webkit bug that can cause \"false\" scrollbar\n}\n\n// Root container\n.mfp-container {\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  padding: 0 $mfp-popup-padding-left;\n  box-sizing: border-box;\n}\n\n// Vertical centerer helper\n.mfp-container {\n  &:before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle;\n  }\n}\n\n// Remove vertical centering when popup has class `mfp-align-top`\n.mfp-align-top {\n  .mfp-container {\n    &:before {\n      display: none;\n    }\n  }\n}\n\n// Popup content holder\n.mfp-content {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 auto;\n  text-align: left;\n  z-index: $mfp-z-index-base + 5;\n}\n.mfp-inline-holder,\n.mfp-ajax-holder {\n  .mfp-content {\n    width: 100%;\n    cursor: auto;\n  }\n}\n\n// Cursors\n.mfp-ajax-cur {\n  cursor: progress;\n}\n.mfp-zoom-out-cur {\n  &, .mfp-image-holder .mfp-close {\n    cursor: -moz-zoom-out;\n    cursor: -webkit-zoom-out;\n    cursor: zoom-out;\n  }\n}\n.mfp-zoom {\n  cursor: pointer;\n  cursor: -webkit-zoom-in;\n  cursor: -moz-zoom-in;\n  cursor: zoom-in;\n}\n.mfp-auto-cursor {\n  .mfp-content {\n    cursor: auto;\n  }\n}\n\n.mfp-close,\n.mfp-arrow,\n.mfp-preloader,\n.mfp-counter {\n  -webkit-user-select:none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n// Hide the image during the loading\n.mfp-loading {\n  &.mfp-figure {\n    display: none;\n  }\n}\n\n// Helper class that hides stuff\n@if $mfp-use-visuallyhidden {\n  // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden\n  .mfp-hide {\n    border: 0 !important;\n    clip: rect(0 0 0 0) !important;\n    height: 1px !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    padding: 0 !important;\n    position: absolute !important;\n    width: 1px !important;\n  }\n} @else {\n  .mfp-hide {\n    display: none !important;\n  }\n}\n\n\n////////////////////////\n// 2. Appearance\n////////////////////////\n\n// Preloader and text that displays error messages\n.mfp-preloader {\n  color: $mfp-controls-text-color;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  text-align: center;\n  margin-top: -0.8em;\n  left: 8px;\n  right: 8px;\n  z-index: $mfp-z-index-base + 4;\n  a {\n    color: $mfp-controls-text-color;\n    &:hover {\n      color: $mfp-controls-text-color-hover;\n    }\n  }\n}\n\n// Hide preloader when content successfully loaded\n.mfp-s-ready {\n  .mfp-preloader {\n    display: none;\n  }\n}\n\n// Hide content when it was not loaded\n.mfp-s-error {\n  .mfp-content {\n    display: none;\n  }\n}\n\n// CSS-reset for buttons\nbutton {\n  &.mfp-close,\n  &.mfp-arrow {\n    overflow: visible;\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n    -webkit-appearance: none;\n    display: block;\n    outline: none;\n    padding: 0;\n    z-index: $mfp-z-index-base + 6;\n    box-shadow: none;\n    touch-action: manipulation;\n  }\n  &::-moz-focus-inner {\n      padding: 0;\n      border: 0\n  }\n}\n\n\n// Close icon\n.mfp-close {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-decoration: none;\n  text-align: center;\n  opacity: $mfp-controls-opacity;\n  padding: 0 0 18px 10px;\n  color: $mfp-controls-color;\n\n  font-style: normal;\n  font-size: 28px;\n  font-family: Arial, Baskerville, monospace;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n\n  &:active {\n    top: 1px;\n  }\n}\n.mfp-close-btn-in {\n  .mfp-close {\n    color: $mfp-inner-close-icon-color;\n  }\n}\n.mfp-image-holder,\n.mfp-iframe-holder {\n  .mfp-close {\n    color: $mfp-controls-color;\n    right: -6px;\n    text-align: right;\n    padding-right: 6px;\n    width: 100%;\n  }\n}\n\n// \"1 of X\" counter\n.mfp-counter {\n  position: absolute;\n  top: 0;\n  right: 0;\n  color: $mfp-controls-text-color;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n// Navigation arrows\n@if $mfp-include-arrows {\n  .mfp-arrow {\n    position: absolute;\n    opacity: $mfp-controls-opacity;\n    margin: 0;\n    top: 50%;\n    margin-top: -55px;\n    padding: 0;\n    width: 90px;\n    height: 110px;\n    -webkit-tap-highlight-color: rgba(0,0,0,0);\n    &:active {\n      margin-top: -54px;\n    }\n    &:hover,\n    &:focus {\n      opacity: 1;\n    }\n    &:before,\n    &:after {\n      content: '';\n      display: block;\n      width: 0;\n      height: 0;\n      position: absolute;\n      left: 0;\n      top: 0;\n      margin-top: 35px;\n      margin-left: 35px;\n      border: medium inset transparent;\n    }\n\n    &:after {\n\n      border-top-width: 13px;\n      border-bottom-width: 13px;\n      top:8px;\n    }\n\n    &:before {\n      border-top-width: 21px;\n      border-bottom-width: 21px;\n      opacity: 0.7;\n    }\n\n  }\n\n  .mfp-arrow-left {\n    left: 0;\n    &:after {\n      border-right: 17px solid $mfp-controls-color;\n      margin-left: 31px;\n    }\n    &:before {\n      margin-left: 25px;\n      border-right: 27px solid $mfp-controls-border-color;\n    }\n  }\n\n  .mfp-arrow-right {\n    right: 0;\n    &:after {\n      border-left: 17px solid $mfp-controls-color;\n      margin-left: 39px\n    }\n    &:before {\n      border-left: 27px solid $mfp-controls-border-color;\n    }\n  }\n}\n\n\n\n// Iframe content type\n@if $mfp-include-iframe-type {\n  .mfp-iframe-holder {\n    padding-top: $mfp-iframe-padding-top;\n    padding-bottom: $mfp-iframe-padding-top;\n    .mfp-content {\n      line-height: 0;\n      width: 100%;\n      max-width: $mfp-iframe-max-width;\n    }\n    .mfp-close {\n      top: -40px;\n    }\n  }\n  .mfp-iframe-scaler {\n    width: 100%;\n    height: 0;\n    overflow: hidden;\n    padding-top: $mfp-iframe-ratio * 100%;\n    iframe {\n      position: absolute;\n      display: block;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      box-shadow: $mfp-shadow;\n      background: $mfp-iframe-background;\n    }\n  }\n}\n\n\n\n// Image content type\n@if $mfp-include-image-type {\n\n  /* Main image in popup */\n  img {\n    &.mfp-img {\n      width: auto;\n      max-width: 100%;\n      height: auto;\n      display: block;\n      line-height: 0;\n      box-sizing: border-box;\n      padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;\n      margin: 0 auto;\n    }\n  }\n\n  /* The shadow behind the image */\n  .mfp-figure {\n    line-height: 0;\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: $mfp-image-padding-top;\n      bottom: $mfp-image-padding-bottom;\n      display: block;\n      right: 0;\n      width: auto;\n      height: auto;\n      z-index: -1;\n      box-shadow: $mfp-shadow;\n      background: $mfp-image-background;\n    }\n    small {\n      color: $mfp-caption-subtitle-color;\n      display: block;\n      font-size: 12px;\n      line-height: 14px;\n    }\n    figure {\n      margin: 0;\n    }\n  }\n  .mfp-bottom-bar {\n    margin-top: -$mfp-image-padding-bottom + 4;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    cursor: auto;\n  }\n  .mfp-title {\n    text-align: left;\n    line-height: 18px;\n    color: $mfp-caption-title-color;\n    word-wrap: break-word;\n    padding-right: 36px; // leave some space for counter at right side\n  }\n\n  .mfp-image-holder {\n    .mfp-content {\n      max-width: 100%;\n    }\n  }\n\n  .mfp-gallery {\n    .mfp-image-holder {\n      .mfp-figure {\n        cursor: pointer;\n      }\n    }\n  }\n\n\n  @if $mfp-include-mobile-layout-for-image {\n    @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {\n      /**\n       * Remove all paddings around the image on small screen\n       */\n      .mfp-img-mobile {\n        .mfp-image-holder {\n          padding-left: 0;\n          padding-right: 0;\n        }\n        img {\n          &.mfp-img {\n            padding: 0;\n          }\n        }\n        .mfp-figure {\n          // The shadow behind the image\n          &:after {\n            top: 0;\n            bottom: 0;\n          }\n          small {\n            display: inline;\n            margin-left: 5px;\n          }\n        }\n        .mfp-bottom-bar {\n          background: rgba(0,0,0,0.6);\n          bottom: 0;\n          margin: 0;\n          top: auto;\n          padding: 3px 5px;\n          position: fixed;\n          box-sizing: border-box;\n          &:empty {\n            padding: 0;\n          }\n        }\n        .mfp-counter {\n          right: 5px;\n          top: 3px;\n        }\n        .mfp-close {\n          top: 0;\n          right: 0;\n          width: 35px;\n          height: 35px;\n          line-height: 35px;\n          background: rgba(0, 0, 0, 0.6);\n          position: fixed;\n          text-align: center;\n          padding: 0;\n        }\n      }\n    }\n  }\n}\n\n\n\n// Scale navigation arrows and reduce padding from sides\n@media all and (max-width: 900px) {\n  .mfp-arrow {\n    -webkit-transform: scale(0.75);\n    transform: scale(0.75);\n  }\n  .mfp-arrow-left {\n    -webkit-transform-origin: 0;\n    transform-origin: 0;\n  }\n  .mfp-arrow-right {\n    -webkit-transform-origin: 100%;\n    transform-origin: 100%;\n  }\n  .mfp-container {\n    padding-left: $mfp-popup-padding-left-mobile;\n    padding-right: $mfp-popup-padding-left-mobile;\n  }\n}\n\n","// GLOBAL STYLES\n// --------------------------------------------------------------------\nhtml {\n    background-color: $off-white;\n    color: $off-black;\n\n    @media screen and (min-width: $xx) {\n        font-size: 112.5%;\n    }\n}\n\nbody {\n    background-color: $s9y-blue-lite;\n\n    @media screen and (min-width: $md) {\n        padding-top: 2rem;\n    }\n}\n\na {\n    &,\n    &:visited {\n        color: $s9y-blue-dark;\n    }\n\n    &:hover,\n    &:focus {\n        color: $s9y-blue-very;\n    }\n}\n\nul {\n    padding-left: 1.25rem;\n}\n\nblockquote {\n    border-left: 0.5rem solid $s9y-blue-dark;\n    margin: 1rem 2rem;\n    padding: 0.5rem 0 0.5rem 2rem;\n}\n\n// GENERIC CLASSES + EXTENDS\n// --------------------------------------------------------------------\n%plain-list {\n    list-style: none;\n    padding: 0;\n}\n\n.layout-container {\n    @include clearfix;\n\n    @include grid-row;\n}\n\n.button-link {\n    @include flat-button($s9y-blue-dark, $white, 4px, $s9y-blue-very);\n\n    box-sizing: border-box;\n    line-height: 1.5;\n    padding: 0.25rem 1rem;\n    transition: all 0.25s linear;\n\n    &,\n    &:visited {\n        color: $white;\n    }\n\n    &:hover {\n        transition: all 0.25s linear;\n    }\n}\n\n// GLOBAL: CONTENT\n// --------------------------------------------------------------------\nbody > main {\n    background: $off-white;\n\n    .layout-container {\n        border-bottom: 1px solid $silver;\n\n        @media screen and (min-width: $lg) {\n            padding-top: 1rem;\n        }\n    }\n}\n\nfigure {\n    img {\n        border: 1px solid $s9y-blue-dark;\n        box-sizing: border-box;\n        margin: 0;\n    }\n}\n\nfigcaption {\n    box-sizing: border-box;\n    color: $greyed-out;\n    font-size: 0.8125rem;\n    padding: 0.3125rem 0 0;\n    text-align: center;\n}\n\n#content {\n    @include grid-box(12, 0.5rem);\n\n    p {\n        text-align: justify;\n    }\n\n    img {\n        @include responsive-media;\n    }\n\n    pre {\n        background-color: $lite-grey;\n        border: 1px solid $silver;\n        box-sizing: border-box;\n        overflow-x: scroll;\n        padding: 0.5rem;\n    }\n\n    @media screen and (min-width: $sm) {\n        @include grid-box(12, 1rem);\n    }\n\n    @media screen and (min-width: $lg) {\n        @include grid-box(9, 1rem);\n        @include grid-push(3);\n    }\n}\n\n.content-image {\n    border: 1px solid $s9y-blue-dark;\n    box-sizing: border-box;\n    margin: 1rem 0;\n}\n","// FLEXIBLE GRID SYSTEM\n// --------------------------------------------------------------------\n// Defaults\n$sgs-row-width: 100% !default; // fluid container width\n$sgs-row-max-width: 71.25rem !default; // max. container width\n$sgs-columns: 12 !default; // no. of columns\n$sgs-gutter: 0.9375rem !default; // spacing between columns\n\n// Grid row (container)\n@mixin grid-row(\n    $row-limit: $sgs-row-max-width,\n    $row-width: $sgs-row-width,\n    $center: auto\n) {\n    margin-left: $center;\n    margin-right: $center;\n    @if $row-limit != 0 {\n        max-width: $row-limit;\n    }\n\n    width: $row-width;\n}\n\n// Grid box\n@mixin grid-box(\n    $span-columns,\n    $gutter: $sgs-gutter,\n    $total-columns: $sgs-columns,\n    $grid-type: 100%\n) {\n    box-sizing: border-box;\n    float: left;\n    padding-left: $gutter;\n    padding-right: $gutter;\n    width: $grid-type * ($span-columns / $total-columns);\n}\n\n// Push/pull grid box\n@mixin grid-push(\n    $push-columns,\n    $total-columns: $sgs-columns,\n    $grid-type: 100%\n) {\n    left: $grid-type * ($push-columns / $total-columns);\n    position: relative;\n}\n\n@mixin grid-pull(\n    $pull-columns,\n    $total-columns: $sgs-columns,\n    $grid-type: 100%\n) {\n    left: -($grid-type) * ($pull-columns / $total-columns);\n    position: relative;\n}\n\n// Prefix/suffix grid box\n@mixin grid-prefix(\n    $prefix-columns,\n    $total-columns: $sgs-columns,\n    $grid-type: 100%\n) {\n    margin-left: ($grid-type) * ($prefix-columns / $total-columns);\n}\n\n@mixin grid-suffix(\n    $suffix-columns,\n    $total-columns: $sgs-columns,\n    $grid-type: 100%\n) {\n    margin-right: ($grid-type) * ($suffix-columns / $total-columns);\n}\n\n// For nested grids\n@mixin grid-nest {\n    padding: 0;\n}\n\n// Last box of a row\n@mixin grid-end {\n    float: right;\n}\n","// SITE NAV\n// --------------------------------------------------------------------\n#site-nav {\n    @include grid-box(12, 0.5rem);\n\n    a {\n        display: block;\n        padding: 0 0 0.5rem;\n    }\n\n    @media screen and (min-width: $sm) {\n        @include grid-box(9, 1rem);\n        @include grid-prefix(3);\n\n        li {\n            display: table-cell;\n            text-align: center;\n            width: 1%;\n        }\n\n        a {\n            padding: 0.5rem 0.75rem;\n        }\n\n        #current-page a {\n            &,\n            &:visited {\n                background-color: $s9y-orange;\n                color: $black;\n            }\n        }\n    }\n\n    @media screen and (min-width: $lg) {\n        a {\n            padding: 0.5rem 1.25rem;\n        }\n    }\n}\n\n#nav-global {\n    background-color: $s9y-blue-dark;\n    padding: 0.625rem 0 0.25rem;\n    position: relative;\n\n    // LOGO: BOTH ELEMENTS\n    &::before,\n    &::after {\n        content: '';\n        display: block;\n        height: 28px;\n        position: absolute;\n        top: 10px;\n    }\n\n    // LOGO: SERENDIPITY\n    &::before {\n        left: 3rem;\n        width: 151px;\n    }\n\n    // LOGO: FLOWER\n    &::after {\n        right: 0.5rem;\n        width: 56px;\n    }\n\n    a {\n        text-decoration: none;\n\n        &,\n        &:visited {\n            background-color: transparent;\n            color: $off-white;\n            transition: all 0.25s linear;\n        }\n\n        &:hover,\n        &:focus {\n            background-color: $s9y-orange;\n            color: $off-black;\n            transition: all 0.25s linear;\n        }\n    }\n\n    @media screen and (min-width: $sm) {\n        padding: 0;\n        position: static;\n\n        &::before,\n        &::after {\n            background: transparent;\n        }\n\n        .layout-container {\n            position: relative;\n\n            &::before {\n                content: '';\n                display: block;\n                height: 106px;\n                left: 0.5rem;\n                position: absolute;\n                top: -1.25rem;\n                width: 150px;\n            }\n        }\n    }\n\n    @media screen and (min-width: $lg) {\n        .layout-container {\n            &::before {\n                height: 141px;\n                top: -1.5rem;\n                width: 200px;\n            }\n        }\n    }\n\n    @media screen and (min-width: $xx) {\n        .layout-container {\n            &::before {\n                height: 194px;\n                width: 275px;\n            }\n        }\n    }\n}\n\n#open-nav {\n    @include ir;\n\n    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0OCIgaGVpZ2h0PSIyMDQ4IiB2aWV3Qm94PSIwIDAgMjA0OCAyMDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNzkyIDE0NzJ2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5aC0xNDA4cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTE0MDhxLTI2IDAtNDUtMTl0LTE5LTQ1di0xMjhxMC0yNiAxOS00NXQ0NS0xOWgxNDA4cTI2IDAgNDUgMTl0MTkgNDV6bTAtNTEydjEyOHEwIDI2LTE5IDQ1dC00NSAxOWgtMTQwOHEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDE0MDhxMjYgMCA0NSAxOXQxOSA0NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=')\n        0 0 no-repeat;\n    background-size: contain;\n    display: inline-block;\n    height: 28px;\n    margin-left: 0.5rem;\n    width: 28px;\n\n    .no-svg & {\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAATklEQVRYhe3UsRHAIAxDUZz9VwpFMphSw7mgkeFy/w1gyY1aAzCR1OVzz3mRFJDzwYgYMi9n2IqswGvMe4y38RfsQDV2AOdhB6qxA8B2H5KILgWNAjWdAAAAAElFTkSuQmCC');\n    }\n}\n","// SITE NAV\n// --------------------------------------------------------------------\n#nav-global {\n    // LOGO: SERENDIPITY\n    &::before {\n        background: url('../img/logos/serendipity.png') 0 0 no-repeat;\n        background-size: contain;\n    }\n\n    // LOGO: FLOWER\n    &::after {\n        background: url('../img/logos/flower.png') 0 0 no-repeat;\n        background-size: contain;\n    }\n\n    @media screen and (min-width: $sm) {\n        .layout-container {\n            &::before {\n                background: url('../img/logos/s9y.png') 0 0 no-repeat;\n                background-size: contain;\n            }\n        }\n    }\n}\n","// HEADER\n// --------------------------------------------------------------------\n#masthead {\n    @include clearfix;\n\n    h1 {\n        @include grid-box(12, 0.5rem);\n\n        font-size: 1.75rem;\n        text-align: center;\n\n        > span {\n            @include visuallyhidden;\n        }\n\n        @media screen and (min-width: $sm) {\n            @include grid-box(9, 1rem);\n            @include grid-prefix(3);\n\n            text-align: left;\n        }\n\n        @media screen and (min-width: $lg) {\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            margin-top: 1.5rem;\n        }\n\n        @media screen and (min-width: $xx) {\n            font-size: 2.5rem;\n            margin-bottom: 2rem;\n            margin-top: 2rem;\n        }\n    }\n}\n\n#claim {\n    background-color: $s9y-blue-dark;\n    padding: 0.25rem 0;\n}\n\n#slogan {\n    @include grid-box(12, 0.5rem);\n\n    color: $off-white;\n    font-size: 0.875rem;\n    letter-spacing: 2px;\n    text-align: center;\n    text-transform: uppercase;\n\n    @media screen and (min-width: $sm) {\n        @include grid-box(9, 1rem);\n        @include grid-prefix(3);\n\n        letter-spacing: 4px;\n        text-align: left;\n        word-spacing: 0.25rem;\n    }\n}\n","// SPARTACUS: HEADER\n// --------------------------------------------------------------------\n.spartacus-slogan {\n    @include grid-box(12, 0.5rem);\n\n    > span {\n        display: block;\n        margin: 0 0 1rem;\n        text-align: justify;\n    }\n\n    @media screen and (min-width: $md) {\n        @include grid-box(9, 1rem);\n        @include grid-prefix(3);\n\n        > span {\n            font-size: 1.125rem;\n        }\n    }\n}\n","// CONTENT (SPARTACUS)\n// --------------------------------------------------------------------\n.spartacus-back {\n    display: inline-block;\n    margin: 1rem 0;\n\n    &::before {\n        content: '← ';\n    }\n}\n","// SPARTACUS: PLUGIN LIST\n// --------------------------------------------------------------------\n.spartacus-group {\n    @media screen and (min-width: $md) {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    > h3 {\n        border-bottom: 1px dashed $s9y-blue-dark;\n        margin-top: 1.5rem;\n\n        @media screen and (min-width: $md) {\n            flex: 0 1 100%;\n        }\n    }\n\n    &:first-of-type > h3 {\n        margin-top: 0;\n    }\n}\n\n.plugin {\n    background: $lite-grey;\n    border: 1px solid $silver;\n    box-sizing: border-box;\n    margin: 1rem 0;\n    padding: 0 0.5rem;\n    overflow: hidden;\n\n    @media screen and (min-width: $md) {\n        flex: 0 1 48.5%;\n        margin: 0 0 1rem;\n\n        &:nth-of-type(odd) {\n            margin-right: 1.5%;\n        }\n\n        &:nth-of-type(even) {\n            margin-left: 1.5%;\n        }\n    }\n}\n\n.plugin_name {\n    font-weight: normal;\n    font-style: italic;\n}\n\n.plugin_actions {\n    @extend %plain-list;\n\n    li {\n        display: inline-block;\n        margin-right: 0.5rem;\n    }\n}\n","// SPARTACUS: THEME LIST\n// --------------------------------------------------------------------\n.theme {\n    background: $lite-grey;\n    border: 1px solid $silver;\n    box-sizing: border-box;\n    margin: 1rem 0;\n    padding: 0 0.5rem;\n    overflow: hidden;\n\n    @media screen and (min-width: $md) {\n        flex: 0 1 48.5%;\n        margin: 0 0 1rem;\n\n        &:nth-of-type(odd) {\n            margin-right: 1.5%;\n        }\n\n        &:nth-of-type(even) {\n            margin-left: 1.5%;\n        }\n    }\n}\n\n.theme-single {\n    @media screen and (min-width: $md) {\n        flex: 0;\n        margin: 0 0 1rem;\n\n        &:nth-of-type(odd) {\n            margin-right: 0;\n        }\n\n        &:nth-of-type(even) {\n            margin-left: 0;\n        }\n    }\n}\n\n.theme_name {\n    margin-bottom: 1rem;\n}\n\n.theme_actions {\n    @extend %plain-list;\n\n    li {\n        display: inline-block;\n        margin-right: 0.5rem;\n    }\n}\n","// SIDEBAR\n// --------------------------------------------------------------------\n#sidebar {\n    @include grid-box(12, 0.5rem);\n\n    > h2 {\n        @include visuallyhidden;\n    }\n\n    @media screen and (min-width: $sm) {\n        @include grid-nest;\n    }\n\n    @media screen and (min-width: $lg) {\n        @include grid-box(3, 1rem);\n        @include grid-pull(9);\n    }\n}\n\n.widget {\n    @media screen and (min-width: $sm) {\n        @include grid-box(6, 1rem);\n    }\n\n    @media screen and (min-width: $lg) {\n        float: none;\n        padding-left: 0;\n        padding-right: 0;\n        width: 100%;\n    }\n}\n","// FOOTER\n// --------------------------------------------------------------------\n#service {\n    background-color: $off-white;\n    color: $greyed-out;\n    font-size: 0.875rem;\n    padding-bottom: 1rem;\n}\n\n#service-links {\n    @extend %plain-list;\n\n    @include grid-box(12, 0.5rem);\n\n    margin-bottom: 0;\n    text-align: center;\n\n    @media screen and (min-width: $sm) {\n        @include grid-box(12, 1rem);\n\n        margin: 1rem 0 0;\n    }\n\n    @media screen and (min-width: $lg) {\n        @include grid-box(3, 1rem);\n\n        margin: 1rem 0;\n        text-align: left;\n    }\n}\n\n#supporters {\n    @include grid-box(12, 0.5rem);\n\n    text-align: center;\n\n    @media screen and (min-width: $sm) {\n        @include grid-box(12, 1rem);\n    }\n\n    @media screen and (min-width: $lg) {\n        @include grid-box(9, 1rem);\n\n        text-align: left;\n    }\n}\n"]}