-
Notifications
You must be signed in to change notification settings - Fork 2
/
style.css.map
executable file
·1 lines (1 loc) · 108 KB
/
style.css.map
1
{"version":3,"file":"../style.css","mappings":";;;;;;;;;;;;;;;AAkBA,WACC,kBACA,kBACA,kBACA,gBACA,yGACA,oJAGD,WACC,kBACA,kBACA,kBACA,gBACA,4GACA,sGAGD,WACC,kBACA,kBACA,kBACA,gBACA,4GACA,sGAGD,WACC,kBACA,kBACA,kBACA,gBACA,yGACA,oJAGD,WACC,kBACA,kBACA,kBACA,gBACA,4GACA,sGAGD,WACC,kBACA,kBACA,kBACA,gBACA,yGACA,oJAGD,WACC,kBACA,kBACA,kBACA,gBACA,4GACA,sGAGD,WACC,kBACA,kBACA,kBACA,gBACA,yGACA,oJAOD,WACC,kBACA,sBACA,kBACA,gBACA,2GACA,sGAGD,WACC,kBACA,sBACA,kBACA,gBACA,wGACA,oJAGD,WACC,kBACA,sBACA,kBACA,gBACA,uGACA,sGAGD,WACC,kBACA,sBACA,kBACA,gBACA,oGACA,oJAGD,WACC,kBACA,sBACA,kBACA,gBACA,2GACA,sGAGD,WACC,kBACA,sBACA,kBACA,gBACA,wGACA,oJAGD,WACC,kBACA,sBACA,kBACA,gBACA,wGACA,sGAGD,WACC,kBACA,sBACA,kBACA,gBACA,qGACA,oJAGD,WACC,kBACA,sBACA,kBACA,gBACA,oGACA,sGAGD,WACC,kBACA,sBACA,kBACA,gBACA,iGACA,oJAGD,WACC,kBACA,sBACA,kBACA,gBACA,wGACA,sGAGD,WACC,kBACA,sBACA,kBACA,gBACA,qGACA,oJASD,WACC,wBACA,kBACA,gBACA,kBACA,qGACA,iMAIC,WACD,wBACA,kBACA,gBACA,kBACA,kGACA;ACzMD,MAEC,uCACA,oCACA,8BACA,mCACA,sCACA,yCACA,sCACA,gCACA,qCACA,wCACA,uCACA,oCACA,8BACA,mCACA,sCACA,wCACA,qCACA,+BACA,oCACA,uCACA,wCACA,qCACA,+BACA,oCACA,uCACA,wCACA,qCACA,+BACA,oCACA,uCACA,oCACA,iCACA,2BACA,gCACA,mCACA,6BACA,oCACA,iCACA,2BACA,gCACA,mCACA,2BAEA,6EAEA,iCACA,wEACA,wDAEA,sBACA,sBAGA,yBACA,yBACA,mBACA,iCACA,iDACA,oBAGA,sDACA,0EACA,yEAGA,yBACA,wBACA,uBACA,qBACA,qBACA,sBACA,qBAGA,qCAGA,iCACI,6BACJ,uBAGA,6BACA,gBACA,mCAEA,iEAGA,iBAGA,iEACA,mEACA,kEACA,uEACA,mEACA;AC3HD,MAwHA,0BACC,mCACA,oCACA,8BACA,2BACA,+BACA,6BACA,gCACA,2BACA,+BACA,6EACA,iCACA,yEACA,wDACA,yBACA,yBACA,mBACA,iCACA,6CACA,oBACA,oDACA,mFACA,yBACA,wBACA,uBACA,qBACA,qBACA,sBACA,qBACA,qCACA,gCACA,iBACA,sBACA,mCACA,sDACA,gBACA,uBACA,iCACA,6BACA,yBAOD,UACC,+BAGD,kBACC,+BAGD,wBACC,oBACA,WAQD,QAEC,iBACA,MAGD,YACC,wBACA,mBACA,SAGD,eACC,gBACA,sBACA,iCACA,GAOD,qBACC,gBAGD,yCACC,QAGD,mBACC,OAGD,gBACC,gCAGD,mBAIC,kBACA,oBACA,gLAGD,cAIC,oBAOD,oBACC,UACA,wBAGD,SACC,eAGD,oBACC,UACA,wBAGD,oBACC,yBAGD,oBACC,kBAOD,iBACC,iBAGD,cACC,eAGD,aAEC,qBACA,uBACA,eACA,iBACA,UACA,WAGD,cACC,SAGD,oBACC,eAGD,yBACC,QAGD,2DACC,uBACA,yBACA,0BACA,UAGD,aACC,gBACA,gBACA,qBACA,yBAGD,SACC,eACC,gBACA,qBACA,oBAIF,kCAMC,gBACA,IAGD,4BACC,oBACA,yBACA,0BACA,OAGD,sBAEC,IAGD,2BACC,gBACA,yBACA,yBACA,IAGD,0BACC,oBACA,wBACA,2BACA,aAGD,sBAIC,UAGD,6BAGC,oBACA,wBACA,0BACA,wBAGD,qBAKC,oBACA,yBACA,uBACA,oBACA,sBACA,OAGD,2BAEC,IAGD,uBACC,SAGD,gBAEC,cAGD,0BAGC,MAGD,eACC,qBACA,KAGD,cACC,KAGD,eACC,qBACA,YAGD,0BACC,oBACA,oBACA,cAGD,oBACC,oBAGD,yBACC,cAGD,oBACC,oBAGD,yBACC,iDAGD,kBAKC,YAGD,8BACC,qCACA,wBACA,kBACA,mBACA,uBACA,mBAGD,UACC,mBACA,8BACA,iBACA,wBACA,sBACA,iBAGD,mBACC,QAGD,8BACC,wBACA,qCACA,sBACA,gBACA,gDACA,oBACA,yBACA,aACA,kBACA,eAGD,WACC,uBACA,mBAGD,kBACC,cAGD,kDACC,eAGD,wBACC,WACA,gBAGD,8BACC,WACA,aAGD,yBACC,WACA,gBAGD,2BACC,WACA,QAGD,eACC,SAGD,cACC,kBACA,aAGD,WACC,uBACA,MAGD,8BACC,sBACA,cACA,4BACA,cACA,0BACA,qBACA,eACA,SAOD,kBACC,aACA,iBACA,WACA,mEAGD,iBAMC,YAGD,eACC,SACA,eACA,eAGD,8BACC,mBACA,cACA,eACA,qBAGD,8BACC,sBACA,eACA,WAGD,aACC,qBACA,yBAGD,WACC,6BACC,kBACA,sBAGD,2BAEC,aAUF,sBACC,8BAGD,aAEC,gBACA,aAGD,WACC,uBACA,YAGD,UACC,uBACA,kBAGD,WACC,uBACA,iCAGD,sBAEC,iBAGD,UACC,mBAGD,aACC,iBACA,kBACA,aAGD,eACC,yBACA,cACA,qBACA,kBACA,6CAGD,sBAEC,wBAGD,sBACC,iBAGD,QACC,YACA,SACA,gBACA,UACA,WACA,+BAGD,cACC,iBACA,SACA,kBACA,qBAGD,6BACC,4BACA,SACA,qBACA,WACA,YACA,gBACA,UACA,6BACA,UACA,2BAGD,oBACC,sBACA,eACA,WACA,cACA,cACA,YACA,SACA,mBACA,uBACA,qBACA,QACA,WACA,eACA,uBAcD,YAGC,qBACA,uJACA,yBAGD,sBAEC,uIAGC,0BAIF,sBAEC,8IAGC,QAIF,yBACC,6BAGD,yBAEC,QAGD,2BACC,oBAGD,uBAEC,eAGD,gBACC,8CAGD,cACC,YACC,sBACA,oBAIF,YAGC,sBACA,uDAGD,qBAOC,YAOD,cACC,gBAGD,oCACC,YACA,eACA,sBACA,mBACA,QAQD,+BACC,wBACA,+BACA,4BACA,aACA,uBACA,UACA,cAGD,aACC,gBACA,eACA,yBAGD,aACC,uBACC,+BACA,0CAIF,wCAEC,qCACA,gCACA,wBACA,UAOD,YACC,8GACA,sFACA,WACA,kBAGD,YACC,wBACA,YACA,WACA,UAGD,sBACC,eACA,aACA,yBAGD,SACC,yFACC,0EACA,0BAIF,SACC,YACC,qBACA,8DACA,8CACA,WACA,gCAGD,mBACC,OAQF,YACC,mBACA,SAGD,YACC,qBACA,uBACA,eACA,iBACA,WACA,kBAGD,YACC,uBACA,0BACA,YAGD,gBACC,mCAGD,kBACC,UACC,WACA,iBACA,kBAGD,UACC,WACA,cACA,OAQF,oCACC,YACA,eACA,sBACA,mBACA,OAOD,mBACC,aACA,sBACA,2BACA,WACA,aAGD,wBACC,YACA,sBACA,YACA,aACA,aACA,WACA,SAQD,8BACC,YACA,mBACA,kBACA,mBACA,iBACA,UACA,kBACA,sHACA,8BAGD,oBAEC,eACA,qBACA,kBACA,sBAGD,0BACC,gCACA,sBACA,sBACA,mCACA,gBACA,YACA,uBACA,kBACA,kBACA,mBACA,mBACA,eAGD,cACC,4BAGD,wBACC,uBACA,sBACA,qCAGD,0CAEC,UACA,UACA,gBAOD,wBACC,6BAGD,wBACC,qCACA,sBACA,mCAGD,0BACC,iCACA,sBACA,gBAMD,wBACC,6BAGD,wBACC,sBACA,6BAOD,8DACC,8BACA,sBACA,mCACA,2BACA,gBACA,WACA,uBACA,kBACA,cACA,kBACA,qBACA,eACA,yBACA,sBACA,qBACA,iBACA,WACA,mCAGD,sDACC,8HACA,WACA,uCACA,oCAGD,8DACC,mFACA,sBACA,mBACA,gBAOD,eACC,mBACA,qBACA,8BACA,2BACA,sBACA,UACA,kBACA,eACA,UACA,4CAGD,kBAEC,YACA,aACA,aACA,uBACA,qBACA,6BAGD,qBACC,mCACA,gBACA,uBACA,8BACA,2BACA,sBACA,iBACA,mBACA,yBACA,sBACA,qBACA,iBACA,mBACA,mCAGD,0EACC,uBACA,yBACA,oCAGD,iFACC,uBACA,0BACA,iCAGD,8BACC,sBACA,6BAOD,6BAEC,aAOD,eACC,YACA,aACA,WACA,aACA,kBACA,YACA,UACA,uCACA,UACA,WACA,mBAGD,cACC,2BAGD,SACC,qBACA,SAGD,sBACC,YACA,mBACA,WACA,iCAGD,wBAEC,mBACA,eAGD,kBACC,mBAGD,SACC,uBACA,kBACA,yBAGD,cACC,gCAGD,sBACC,4BAGD,kBACC,iCAGD,oEACC,iCAGD,oEACC,iCAGD,iDACC,iCAGD,kDACC,iCAGD,kEACC,iCAGD,oEACC,yBAGD,YACC,YACC,UAUF,0BACC,2BACA,mBACA,kBACA,qCACA,WACA,WACA,eAGD,gBACC,QACA,mBACA,uBACA,mBACA,WACA,+BAGD,kBAEC,aACA,iBAGD,gBACC,WACA,2BACA,mBACA,6CAGD,aAEC,uBACA,uBAGD,YACC,uBACA,0BAOD,QACC,gBACC,mBACA,eAGD,oBACC,8BACA,iBACA,sBAGD,oBACC,2BACA,wBAGD,aACC,yBACA,uBAGD,YACC,yBACA,UAOF,UACC,eAGD,QACC,sBACA,cACA,eACA,mBACA,gBACA,gBACA,WACA,2BAGD,YAEC,uBACA,aAGD,kBACC,wBACA,SACA,eACA,aACA,WACA,oBAGD,YACC,mBACA,eACA,2BACA,6BACA,eACA,WACA,yBAGD,mBACC,6BACC,sBAIF,kBACC,kCAGD,kBACC,YAOD,kBACC,sBACA,aACA,iBACA,2BACA,qBACA,sBACA,iBAGD,UACC,mBACA,UACA,iBAGD,sBACC,aACA,sBACA,uBACA,qBAGD,qCACC,uBACA,SACA,oBAGD,kCACC,gBACA,wBACA,mBACA,QAOD,YACC,UACA,0BACA,sBAGD,aAEC,WACA,eAGD,oCACC,aACA,iEACA,yDACA,qBACA,YACA,+BACA,4BACA,uBACA,gCACA,qBAGD,kBACC,YACA,iBAGD,YACC,cACA,yBACA,2BACA,wBACA,mBACA,yBACA,0BACA,WACA,iBAGD,wBACC,0BACA,sBAGD,wBACC,YACA,oCACA,sBACA,oBACA,kBACA,gBACA,mBACA,4BAGD,cACC,yBAGD,cACC,kBACC,YACA,gBACA,aACA,OACA,cACA,eACA,MACA,qCACA,0BAIF,OACC,kCACC,aACA,eACA,MACA,WACA,YAQF,kBACC,aACA,mBACA,SACA,uBACA,YACA,aACA,WACA,WAOD,mBACC,oBACA,qBACA,kBACA,SACA,eACA,uBACA,kBACA,kBACA,+BAGD,4BACC,0BACA,eACA,gBACA,4CAGD,kBACC,gCAGD,2BACC,yBACA,cACA,eACA,6CAGD,iBACC,sBAGD,aACC,kBACA,8BAGD,iBACC,mBACA,0BAGD,iBACC,WACA,sCACA,oBAGD,qBACC,qCACA,mDACA,aACA,kBACA,sBACA,yCACA,gBACA,kBACA,gBACA,MACA,WACA,UACA,gBAGD,8BACC,sBACA,oBACA,qBACA,qBACA,WACA,6BAGD,yBACC,4CAGD,YACC,wBACA,uBAGD,qCACC,kBAGD,kBACC,MACA,gBACA,mCAGD,kBACC,mBACA,+BACA,YACA,qCACA,eACA,aACA,aACA,uBACA,oBACA,gIAGD,qCAKC,WACA,UACA,WAQD,kBACC,+BACA,0BACA,SACA,8EACA,aACA,WACA,uBACA,sBACA,eACA,+BACA,UACA,UACA,yBAGD,UACC,YACC,mBAIF,kBACC,qJACA,oBACA,+FACA,0BACA,eACA,aACA,WACA,uBACA,aACA,qBACA,UACA,8BAGD,cACC,yBAGD,oJACC,kFACA,kBAGD,SACC,iBAGD,kBACC,+BACA,kBACA,aACA,WACA,uBACA,UACA,kBACA,4BACA,UACA,oBAGD,YACC,6CAGD,oKACC,6FACA,4CAGD,4EACC,UACA,sDACA,yDAGD,iCACC,wBACA,yDAGD,kCACC,wBACA,yDAGD,kCACC,wBACA,gCAGD,wDACC,mCACC,wBACA,yDAGD,iCACC,wBACA,yDAGD,oCACC,wBACA,iBAIF,UACC,0BAQD,GACC,uBACA,yBACA,uBACA,0BACA,qCAID,GACC,uBACA,yBACA,uBACA,0BACA,2CAOD,kBACC,aACA,sBACA,eACA,2BACA,WACA,iBAGD,kBACC,+BACA,4BACA,aACA,cACA,uBACA,gBACA,kBACA,WACA,kBAGD,UACC,cACA,gBACA,SACA,uBACA,SACA,kBACA,OACA,yBACA,yBAGD,iBACC,aACC,wBAIF,mLACC,cACA,WAOD,YACC,cACA;AC7zDD,4BACC,yBACA,qCACA,qCACA,6BACA,eAEA,WACA,OACA,MACA,iBACA,uBACA,YACA,oBACA,8BAEA,iBACC,2DACA,aACA,qBACA,mBACA,oBACA,iCACA,6CAEA,gBACC,kBACA,gBACA,cACA,8DAEA,aACC,kBACA,yBACA,0BACA,UACA,oCACA,+BACA,4BACA,iBACA,YACA,yBACA,UACA,uHACA,gDAMD,YACC,iBACA,6BACA,SACA,gBACA,SACA,UACA,iBACA,gCACA,mDAEA,iBACC,SACA,UACA,kBACA,qBACA,mBACA,YACA,cACA,iBACA,oCACA,+BACA,4BACA,kGACA,0DAIA,mCACC,+BACA,qDAGD,YACC,kBACA,2BACA,mBACA,cACA,qBACA,iBACA,cACA,oCACA,4DAEA,WACC,qBACA,sBACA,oBACA,kCACA,6CAQL,YACC,SACA,uBACA,mBACA,kCACA,sBACA,aACA,mCACA,mBACA,oCACA,+BACA,4BACA,+BACA,WACA,4BACA,gCACA,iDAEA,YACC,YACA,4EAOF,MACC,sEAGD,WACC,2BACA,8BACA,kBACA,yBACA,+BACA,oBACA,oDAIF,wBACC,mDAKC,4BACC,8BACA,mBACA,oCACA,+BACA,4BACA,UACA,eACA,WACA,qCAGD,OACC,wCAEA,iBACC,gBACA,gBACA,0CAEA,kBACC,iDAEA,qBACC,wBACA,+DAIF,UACC,cACA,kBACA,SACA,WACA,WACA,+GACA,WACA,oDAGD,6BACC,mDAGD,+BACC,iCACA,+DAQF,qBACC,wBACA,qEAGD,0BACC,yBACA,gDAIF,SACC,oBACA,sFAQD,0BACC,8BACA,yBACA,+BACA,oBACA,0CAIF,SACC,8DAEA,YACC,+DAGD,wBACC,+DAMF,qBACC,wBACA,qEAGD,0BACC,yBACA;ACnOH,MACC,iEACA,6DAOD,yBACC,2BACA,eACA,yBACA,oCACA,iCAGD,4BACC,yBACC,WACA,UAIF,wBACC,6BACC,cAQF,cACC,aACA,eACA,yBAOD,yBACC,6BACA,8CACA,6CACA,aACA,MACA,iBACA,oHACA,uBACA,kBACA,kBACA,WAGD,iBACC,uBACA,oBACA,kBACA,UAGD,kBACC,aACA,iBACA,cACA,YACA,uBACA,gBACA,kBACA,WACA,WAGD,yBACC,yBACC,qJAIF,yBACC,yBACC,iLAUF,WACC,eACA,aACA,gBACA,mBACA,+BACA,gCACA,WAGD,yBACC,WACC,iBACA,mBAIF,gBACC,0BACA,wBACA,gBACA,wBACA,gBACA,kBACA,oCACA,iCACA,kBACA,aACA,cACA,iBACA,kBACA,iBACA,kBACA,gBACA,mBACA,iBACA,kBACA,gBAGD,yBACC,gBACC,iBACA,mBAIF,iDAGC,WAGD,+BACC,SACA,iBACA,eACA,UACA,cAGD,mBACC,eAGD,oBACC,eACA,eAGD,yBACC,WACC,YAGD,gBACC,mBACA,mBACA,aASF,YACC,gBACA,kBACA,oCACA,iCACA,kBACA,4DACA,2BACA,wBACA,mBACA,iBACA,8BACA,+BACA,eACA,gBACA,mBACA,iBACA,kBACA,kBACA,UAGD,yBACC,YACC,iBACA,mBAIF,6BACC,mBACA,aACA,SACA,+BACA,6BACA,kBACA,WAGD,uCAEC,6BACA,4DACA,gBACA,cACA,uBACA,UAGD,mBACC,OACA,+DAGD,oBACC,iBAGD,wBACC,oBACC,cAIF,kBACC,sBACA,6BACA,gBACA,gBACA,qBACA,0BAGD,yBACC,kBACC,qCACA,uCAIF,iBACC,aACA,mBACA,QACA,uBACA,aAGD,oBACC,0CACA,wBACA,4BACA,sBACA,aAGD,iBACC,aACA,mBACA,gBACA,YAGD,iBACC,mBACA,sBACA,aACA,wBACA,sBACA,uBACA,kBAGD,gBACC,0BACA,sBACA,4BACA,gBAGD,+BACC,YACA,kBAGD,mBACC,YACA,kBACA,QACA,6BACA,kBAGD,QACC,cACA,4DACA,YACA,kDACA,4BAGD,sBACC,uCAGD,+CAEC,0CAGD,wBAEC,+CAEC,uCAIF,2BACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,eAGD,0BACC,yCACA,8CACA,+CACA,0CACA,0CACA,+CACA,+CACA,0CACA,0CACA,+CACA,4CAGD,8BACC,2BACA,6BACA,8BACA,4BACA,4BACA,8BACA,8BACA,4BACA,4BACA,8BACA,8BAQD,QACC,2DACA,mDACA,gBACA,uBACA,oBACA,6DAGD,qBAEC,YACA,WAGD,aACC,gBACA,kBACA,aACA,wBACA,cAGD,YACC,aACA,cACA,mBAGD,eACC,oBACA,cACA,aAGD,gBACC,sBACA,cACA,YACA,uBACA,cACA,kBACA,WAGD,qBACC,mBACA,aACA,SACA,uBACA,UACA,gBACA,kBACA,WAGD,mCACC,uEACA,+DAGD,oCACC,uEACA,+DAGD,oCACC,wEACA,gEAGD,6BACC,iEACA,yDACA,0BAGD,6BACC,yBAGD,6BACC,iEACA,yDACA,4BAGD,6BACC,iEACA,yDACA,+BAGD,gCACC,0BACA,6BACA,8BACA,8BAGD,wBACC,0BACA,6BACA,8BACA,8BAGD,gCACC,0BACA,6BACA,6BACA,6BACA,8BACA,8BAGD,wBACC,0BACA,6BACA,6BACA,6BACA,8BACA,8BAGD,gCACC,0BACA,6BACA,6BACA,6BAGD,wBACC,0BACA,6BACA,6BACA,6BAGD,0BACC,yBACA,4BAGD,kBACC,yBACA,4BAGD,uCACC,yBACA,0BACA,wBAGD,+BACC,yBACA,0BACA,wBAGD,sCACC,uBACA,0BACA,0BACA,wBAGD,8BACC,uBACA,0BACA,0BACA,wBAGD,sCACC,uBACA,0BACA,4BAGD,8BACC,uBACA,0BACA,4BAOD,kBAMC,sBACA,gBACA,sBAGD,YACC,0BACA,gBACA,mBAGD,yBACC,YACC;ACpnBF,0BAoCA,YACC,qBACA,uBACA,oBACA,4BAGD,2LACC,gBAGD,WACC,kBACA,WACA,eAGD,qDACC,kCACA,wCAGD,GACC,4BACA,kBACA,6CACA,0CACA,eACA,qCAGD,UACC,OACA,eACA,gBACA,gBACA,kBACA,MACA,WACA,iBAGD,QACC,aACA,WACA,uBACA,gBACA,gBACA,kBACA,WACA,UACA,mBAGD,WACC,kCACA,cAGD,QACC,YACA,OACA,kBACA,QACA,8BACA,WACA,eAGD,QACC,UACA,kBACA,6BAOD,0BACC,4BAGD,gBACC,SACA,gBACA,UACA,8CAGD,kBAEC,aACA,uBACA,mBAGD,aACC,cACA,YACA,yBAGD,kBACC,aACC,0BAIF,kBACC,aACC,4BAQF,6CACC,0BAGD,kBACC,aACA,iBACA,uBACA,SACA,gBACA,UACA,wBAOD,kBACC,WAGD,WACC,uBAGD,YACC,gDACA,sCACA,aACA,UACA,kBACA,kBACA,WACA,kCAGD,YACC,gDACA,oCACA,YAGD,qBACC,gBACA,kBACA,yBACA,qBACA,wBAGD,aACC,kBAGD,YACC,cACA,gBACA,eACA,yBAGD,iBACC,aACC,aAIF,YACC,WAGD,kBACC,aACA,iBACA,2BACA,yBACA,WACA,wBAGD,YACC,kBAGD,cACC,aACA,kBACA,sCACA,YACA,qBACA,eACA,gBACA,gBACA,WACA,eAGD,kBACC,aACA,gBACA,YACA,eACA,iBACA,qBACA,WACA,YAGD,mDACC,gBACA,6BAGD,qBAEC,WACA,kBAGD,gBACC,SACA,WACA,0BAGD,WAEC,aACA,UACA,kBAGD,eACC,aAGD,uBACC,4BACA,0BACA,WACA,eACA,aACA,sBACA,gBACA,iBACA,eACA,mBACA,0BACA,uBACA,kBACA,6BAGD,kBACC,aACC,kBAIF,wDACC,mBAGD,wDACC,gCAGD,YACC,8BAGD,4CACC,qCACA,aACA,iBACA,cACA,2BACA,sCACA,6BACA,gBACA,UACA,yCAGD,mBACC,eACA,8BACA,kDACA,oDAGD,gBACC,+CAGD,YACC,OACA,qBACA,iBACA,+CACA,WACA,cACA,oBACA,kFAGD,qEAEC,8DACA,4CAGD,sBACC,yCAGD,gEACC,yDACA,yBACA,+CAGD,oEACC,6DACA,YACA,yCAGD,YACC,iBACA,cACA,gBACA,YACA,uBACA,gBACA,UACA,8CAGD,aACC,qEAGD,6BAEC,0BACC,sCACA,+CAGD,WACC,0BAGD,QAEC,8BAIF,UACC,kBACC,0BAIF,sBACC,mDACC,4CACA,kCAGD,wCACC,gDACA,yCAGD,0BACC,mCACA,kBAGD,SACC,eAGD,qBACC,iBACA,gBACA,SACA,kBACA,eACA,gEAGD,YAEC,8BAGD,wDACC,4BACA,0BACA,4DACA,YACA,2BACA,mCACA,YACA,4BACA,gBACA,0BACA,uBACA,kBACA,yCAGD,sBACC,aACA,iBACA,uBACA,eACA,WACA,+CAGD,WACC,0BAIF,sBACC,4CACC,8DACA,8BAGD,eACC,WAQF,gBACC,aACA,YACA,oBACA,2BACA,mBACA,gBAGD,6CACC,kBACA,UACA,6CAGD,YAGC,YACA,4BACA,8BAGD,kBAEC,kBACA,WACA,iBAGD,yBACC,eAGD,iDACC,iCACA,cACA,YACA,qBACA,kBACA,iDACA,yBACA,UACA,iBAOD,kBACC,gBACA,sCAQD,GACC,kEACA,0FAED,GACC,kEACA,iGAID,GACC,+BACA,wDAED,GACC,+BACA,+DAID,GACC,0BACA,iDAED,GACC,0BACA,iEAID,GACI,iFACA,gFACA,mFACA,qFACA,iFACA,mFACA,iFACA,oFACA,sFACA,kFACA,iHAEJ,GACI,iFACA,gFACA,mFACA,qFACA,iFACA,mFACA,iFACA,oFACA,sFACA,kFACA,sHAIJ,GACC,2BACA,yBACA,0BACA,wDAED,GACC,2BACA,yBACA,0BACA,4DAID,GACC,4BACA,+BACA,uDAED,GACC,4BACA,+BACA,+DAID,GACC,eACA,uCAED,GACC,eACA","sources":["webpack:///./src/css/common/fonts.scss","webpack:///./src/css/common/variables.scss","webpack:///./src/css/frontend/hb.scss","webpack:///./src/css/frontend/page-index.scss","webpack:///./src/css/frontend/landing.scss","webpack:///./src/css/frontend/landing-dev.scss"],"sourcesContent":["/*\n# Fonts CSS INDEX\n\no 1. Fonts\n\t1.1 Sans Serif\n\t\t1.1.1 Google Fonts - Inter\n\t\t1.1.2 Google Fonts - Open Sans\n\t1.2 Slab Serif\n\t\t1.2.1 Google Fonts - Wellfleet\n\n*/\n\n\n/*============================================================== 1. Fonts ====*/\n/*------------------------------------------------------------ 1.1 Sans Serif */\n/* - - - - - - - - - - - - - - - - - - - - - - - - 1.1.1 Google Fonts - Inter */\n\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 900;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 900;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 800;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 800;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n \n \n/* - - - - - - - - - - - - - - - - - - - - - - 1.1.2 Google Fonts - Open Sans */\n \n \n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: italic;\n\tfont-weight: 600;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: italic;\n\tfont-weight: 600;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format(\"woff2\");\n\tunicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;\n}\n\n@font-face {\n\tfont-display: swap;\n\tfont-family: Open Sans;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format(\"woff2\");\n\tunicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;\n}\n \n \n/*------------------------------------------------------------ 1.2 Slab Serif */\n/* - - - - - - - - - - - - - - - - - - - - - - 1.2.1 Google Fonts - Wellfleet */\n\n\n/* latin-ext */\n@font-face {\n\tfont-family: 'Wellfleet';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/wellfleet/v23/nuF7D_LfQJb3VYgX6eyj6myKPhM.woff2) format('woff2');\n\tunicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n\n /* latin */\n @font-face {\n\tfont-family: 'Wellfleet';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/wellfleet/v23/nuF7D_LfQJb3VYgX6eyj5GyK.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n","/*\n\n## INDEX\n\n1. [SASS VARIABLES]\n2. [CSS VARIABLES]\n\n******************/\n\n\n/*===================================================== 1. SASS VARIABLES ====*/\n\n\n$mobileWidth: 300px;\n$tabletWidth: 768px;\n$laptopWidth: 1280px;\n$desktopWidth: 1600px;\n$xlWidth: 1920px;\n\n\n/*====================================================== 2. CSS VARIABLES ====*/\n\n\n:root {\n\n\t--hb_pink-lightest: hsl(303, 53%, 88%);\n\t--hb_pink-light: hsl(303, 53%, 60%);\n\t--hb_pink: hsl(303, 53%, 50%);\n\t--hb_pink-dark: hsl(303, 53%, 40%);\n\t--hb_pink-darkest: hsl(302, 53%, 20%);\n\t--hb_purple-lightest: hsl(263, 53%, 88%);\n\t--hb_purple-light: hsl(264, 53%, 60%);\n\t--hb_purple: hsl(264, 53%, 50%);\n\t--hb_purple-dark: hsl(264, 53%, 40%);\n\t--hb_purple-darkest: hsl(263, 53%, 20%);\n\t--hb_blue-lightest: hsl(207, 53%, 88%);\n\t--hb_blue-light: hsl(207, 53%, 60%);\n\t--hb_blue: hsl(207, 53%, 50%);\n\t--hb_blue-dark: hsl(207, 53%, 40%);\n\t--hb_blue-darkest: hsl(207, 53%, 20%);\n\t--hb_green-lightest: hsl(136, 53%, 88%);\n\t--hb_green-light: hsl(136, 53%, 60%);\n\t--hb_green: hsl(136, 53%, 50%);\n\t--hb_green-dark: hsl(136, 53%, 40%);\n\t--hb_green-darkest: hsl(136, 53%, 20%);\n\t--hb_yellow-lightest: hsl(62, 76%, 88%);\n\t--hb_yellow-light: hsl(61, 75%, 60%);\n\t--hb_yellow: hsl(61, 76%, 50%);\n\t--hb_yellow-dark: hsl(61, 75%, 40%);\n\t--hb_yellow-darkest: hsl(62, 76%, 20%);\n\t--hb_orange-lightest: hsl(30, 76%, 88%);\n\t--hb_orange-light: hsl(30, 75%, 60%);\n\t--hb_orange: hsl(30, 76%, 50%);\n\t--hb_orange-dark: hsl(30, 75%, 40%);\n\t--hb_orange-darkest: hsl(30, 76%, 20%);\n\t--hb_red-lightest: hsl(0, 76%, 88%);\n\t--hb_red-light: hsl(0, 75%, 60%);\n\t--hb_red: hsl(0, 76%, 50%);\n\t--hb_red-dark: hsl(0, 75%, 40%);\n\t--hb_red-darkest: hsl(0, 76%, 20%);\n\t--hb_white: hsl(0, 0%, 100%);\n\t--hb_grey-lightest: hsl(0, 0%, 93%);\n\t--hb_grey-light: hsl(0, 0%, 73%);\n\t--hb_grey: hsl(0, 0%, 50%);\n\t--hb_grey-dark: hsl(0, 0%, 30%);\n\t--hb_grey-darkest: hsl(0, 0%, 20%);\n\t--hb_black: hsl(0, 0%, 0%);\n\n\t--hb_background-gradient: radial-gradient(at 50% 100%, #63CFA7 40%, #3AB09E);\n\t/* Gradient must be in same background-image rule AFTER the svg pattern */\n\t--hb_hover: 0 0 0 0.25em #63CFA7;\n\t--hb_shadow: 0 0.25em 0.5em 0.25em #0006,0 0.125em 0.25em 0.125em #0006;\n\t--hb_shadow-inset: inset -0.1em 0.2em 0.5em 0.2em #000c;\n\n\t--hb_slideTime: 0.25s;\n\t--hb_hoverTime: 0.15s;\n\n\t/* layout variables */\n\t--hb_radius-tiny: 0.15em;\n\t--hb_radius-small: 0.6em;\n\t--hb_radius: 1.2em;\n\t--hb_background: var(--hb_white);\n\t--hb_border: solid 0.3em var(--hb_grey-lightest);\n\t--hb_gutters: 0.5em;\n\n\t/* font stacks */\n\t--hb_font-secondary: 'Open Sans', 'Arial', sans-serif;\n\t--hb_font-primary: 'Inter', 'Helvetica', 'Open Sans', 'Arial', sans-serif;\n\t--hb_font-display: 'Wellfleet', 'Rockwell Extra Bold', 'Palatino', serif;\n\n\t/* font sizes */\n\t--hb_font-xxxl: 2.625rem;\n\t--hb_font-xxl: 2.063rem;\n\t--hb_font-xl: 1.625rem;\n\t--hb_font-l: 1.25rem;\n\t--hb_font-base: 1rem;\n\t--hb_font-s: 0.813rem;\n\t--hb_font-xs: 0.7rem;\n\n\t/* other font custom props */\n\t--hb_letterSpacingInterBold: -0.04em;\n\n\t/* browser scroll behaviour */\n\t-ms-scroll-snap-type: y proximity;\n\t scroll-snap-type: y proximity;\n\tscroll-behavior: smooth;\n\n\t/* font defaults */\n\tcolor: var(--hb_grey-darkest);\n\tfont-weight: 400;\n\tfont-family: var(--hb_font-primary);\n\t/* fluid root units (14px @ 768 - 18px @ 1920) */\n\tfont-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.48rem) * 0.3534)), 1.125rem);\n\n\t/* Scrollbar width updated by screenclass.js */\n\t--scrollbar: 0px;\n\n\t/* SVG borders and backgrounds | NOTE: border-image-repeat and border-image-slice props (12 round) must be included in shorthand string */\n\t--hb_triBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='trings' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(0, 75%25, 60%25)' d='M 1.4,1.3 1,9.4 9.1,1.4 Z' /%3E%3Cpath fill='hsl(61, 76%25, 50%25)' d='M 2.5,11 11,2.7 10.5,10.8 Z' /%3E%3Crect fill='none' width='12' height='12' x='0' y='0' /%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23trings)' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E\") 12 round;\n\t--hb_arrowBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='arrows' width='36' height='36' patternUnits='userSpaceOnUse'%3E%3Crect fill='%230000' width='36' height='36' x='0' y='0' /%3E%3Cg id='arws'%3E%3Cpath fill='hsl(30, 75%25, 60%25)' d='M 1,17 6,12 11,17 10,18 6,14 2,18 Z' id='path2' /%3E%3Cpath fill='hsl(136, 53%25, 50%25)' d='M 1,23 6,18 11,23 10,24 6,20 2,24 Z' id='path4' /%3E%3C/g%3E%3Cpath id='crnr' fill='hsl(136, 53%25, 50%25)' stroke-width='1' d='M 11,11 H 1 V 5 H 9 V 3 H 1 V 1 H 11 V 7 H 3 V 9 H 11 Z' /%3E%3Cuse href='%23crnr' transform='rotate(-90,18,-6)' /%3E%3Cuse href='%23crnr' transform='rotate(180,18,18)' /%3E%3Cuse href='%23crnr' transform='rotate(90,-6,18)' /%3E%3Cuse href='%23arws' transform='rotate(90,18,18)' /%3E%3Cuse href='%23arws' transform='rotate(180,18,18)' /%3E%3Cuse href='%23arws' transform='rotate(-90,18,18)' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23arrows);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E%0A\") 12 round;\n\t--hb_eggsBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='eggs' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(0, 75%25, 60%25)' d='M0 0h12v12H0z' /%3E%3Cellipse fill='hsl(0, 0%25, 100%25)' cx='5.7' cy='5.8' rx='3.8' ry='4' /%3E%3Cellipse fill='hsl(61, 75%25, 60%25)' cx='5.7' cy='5.8' rx='1.5' ry='1.7' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23eggs);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E\") 12 round;\n\t--hb_squareDotBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='sqdot' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(207, 53%25, 50%25)' d='M3 0 0 4v4l3 4h6l3-4V4L9 0Z' /%3E%3Ccircle fill='hsl(30, 76%25, 50%25)' cx='6' cy='6' r='3.1' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23sqdot);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E\") 12 round;\n\t--hb_aztecBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='aztec' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(61, 75%25, 60%25)' d='M3 9V7H1V5h2V3h2V1h2v2h2v2h2v2H9v2H7v2H5V9Z' /%3E%3Cpath fill='hsl(136, 53%25, 50%25)' d='M5 3h2v2h2v2H7v2H5V7H3V5h2Z' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23aztec);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E%0A\") 12 round;\n\t--hb_iconBackground: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='%23cff9e9' d='M20 11c-32 15-23 72 8 85 30 14 76-11 72-58S51-5 20 11z'/%3E%3C/svg%3E\");\n\n}\n","/*\r\nTheme Name: Herringbone\r\nTheme URI: https://jeffersonreal.uk\r\nAuthor: Jefferson Real\r\nAuthor URI: https://jeffersonreal.uk\r\nDescription: The Herringbone theme adapted for WordPress\r\nVersion: 0.6.2\r\nLicense: GNU General Public License v3.0\r\nLicense URI: https://www.gnu.org/licenses/gpl-3.0.en.html\r\n*/\r\n\r\n/*\r\n\r\n## NAMING CONVENTION\r\n\r\no BEM\r\no camelCase\r\no Single separators (_/-)\r\n\r\ne.g. blockName_elemName-modName\r\n\r\n\r\n## MEDIA BREAK POINTS\r\n\r\no Mobile-first >= 0em\r\no Tablet\t >= 48em\r\no Laptop\t >= 80em\r\no Desktop\t >= 100em\r\no XL devices >= 120em\r\n\r\n\r\n## GOLDEN RATIO\r\n\r\nUnit/font sizes were calculated using the golden ratio as a starting point.\r\n@link https://grtcalculator.com/\r\n\r\nGolden Spacing Units (px | rem)\r\n\r\n44 | 2.75\r\n27 | 1.688\r\n17 | 1.063\r\n11 | 0.688\r\n7 | 0.438\r\n4 | 0.25\r\n\r\nGolden Font Sizes: 16 @ 544 (px | rem)\r\n\r\nFont Size\t\t Line Height\r\n42 | 2.625 || 65 | 1.548\r\n33 | 2.063 || 52 | 1.576\r\n26 | 1.625 || 41 | 1.577\r\n20 | 1.25 || 33 | 1.65\r\n16 | 1\t || 27 | 1.688\r\n13 | 0.813 || 23 | 1.769\r\n\r\n\r\n## CSS INDEX\r\n\r\n !! Landing Page CSS in separate sheets\r\n\r\n1. [BASE]\r\n\t1.1 DEFAULTS AND THEME VARIABLES\r\n\t1.2 BROWSER SCROLLBAR\r\n\t1.3 ELEMENT BASE\r\n\t\t1.3.1 DOCUMENT SETUP\r\n\t\t1.3.2 ELEMENT RESETS\r\n\t\t1.3.3 INPUT PLACEHOLDER\r\n\t1.4 TYPOGRAPHY\r\n\t1.5 WIDGETS\r\n\t1.6 WORDPRESS CORE CLASSES\r\n\t1.7 ACCESSIBILITY\r\n\r\n2. [ELEMENTS]\r\n\t2.1 LAYOUT\r\n\t\t2.1.1 LAYOUT - GLOBAL GRID\r\n\t\t2.1.2 LAYOUT - BLOG POST \r\n\t\t2.1.3 LAYOUT - ARTICLE\r\n\t2.2 CONTAINERS\r\n\t\t2.2.1 CONTAINERS - GLOBAL CONTENT CONTAINER (SAUCE)\r\n\t\t2.2.2 CONTAINERS - SQUARES\r\n\t\t2.2.3 CONTAINERS - VANILLA\r\n\t2.3 IMAGES\r\n\t2.4 FORMS\r\n\t2.5 BUTTONS\r\n\t\t2.5.1 BASE BUTTON\r\n\t\t2.5.2 BUTTON - BORDER\r\n\t\t2.5.3 BUTTON - NOBACK\r\n\t\t2.5.4 BUTTON - FLAPPY\r\n\t\t2.5.5 BUTTON - SPINNY\r\n\t\t2.5.6 WIDGET BUTTON\r\n\t\t2.5.7 MODAL CLOSE BUTTON\r\n\t\t2.5.8 MENU TOGGLE\r\n\r\n3. [BLOCKS]\r\n\t3.1 COMMON\r\n\t\t3.1.1 HEADER\r\n 3.1.2 HEADER DESKTOP\r\n\t\t3.1.3 FOOTER\r\n\t\t3.1.4 SITE TITLE\r\n\t\t3.1.5 MODAL\r\n 3.1.6 MAIN MENU\r\n\t\t3.1.7 DROPDOWN\r\n\t3.2 MOBILE\r\n\t\t3.2.1 THUMBNAV\r\n\r\n4. [ANIMATION]\r\n\t4.1 CSS KEYFRAMES\r\n\t\t4.1.1 PULSE\r\n\t4.2 CONTAINERS\r\n\t\t4.2.1 .animation_scrollSpace\r\n\t\t4.2.2 .animation_wrap\r\n\t\t4.2.3 .animation_title\r\n\t\t4.2.4 .animation_wrap-wheel\r\n\t4.3 SVG\r\n\r\n\r\n/*=============================================================== 1. BASE ====*/\r\n/*-------------------------------------- 1.1 DEFAULTS AND THEME VARIABLES ----*/\r\n\r\n\r\n:root {\r\n\t--hb_black: hsl(0, 0%, 0%);\r\n\t--hb_darkGreen: hsl(136, 53%, 40%);\r\n\t--hb_lightGreen: hsl(136, 53%, 60%);\r\n\t--hb_blue: hsl(207, 53%, 50%);\r\n\t--hb_red: hsl(0, 76%, 50%);\r\n\t--hb_orange: hsl(30, 76%, 50%);\r\n\t--hb_white: hsl(0, 0%, 100%);\r\n\t--hb_lightGrey: hsl(0, 0%, 73%);\r\n\t--hb_grey: hsl(0, 0%, 50%);\r\n\t--hb_darkGrey: hsl(0, 0%, 30%);\r\n\t--hb_background-gradient: radial-gradient(at 50% 100%, #63cfa7 40%, #3ab09e);\r\n\t--hb_hover: 0 0 0 0.25em #63cfa7;\r\n\t--hb_shadow: 0 0.25em 0.5em 0.25em #0006, 0 0.125em 0.25em 0.125em #0006;\r\n\t--hb_shadow-inset: inset -0.1em 0.2em 0.5em 0.2em #000c;\r\n\t--hb_radius-tiny: 0.15em;\r\n\t--hb_radius-small: 0.6em;\r\n\t--hb_radius: 1.2em;\r\n\t--hb_background: var(--hb_white);\r\n\t--hb_border: solid 0.3em var(--hb_lightGrey);\r\n\t--hb_gutters: 0.5em;\r\n\t--hb_font-secondary: \"Open Sans\", Arial, sans-serif;\r\n\t--hb_font-primary: Inter, Helvetica, \"Helvetica Neue\", Frutiger, Arial, sans-serif;\r\n\t--hb_font-xxxl: 2.625rem;\r\n\t--hb_font-xxl: 2.063rem;\r\n\t--hb_font-xl: 1.625rem;\r\n\t--hb_font-l: 1.25rem;\r\n\t--hb_font-base: 1rem;\r\n\t--hb_font-s: 0.813rem;\r\n\t--hb_font-xs: 0.7rem;\r\n\t--hb_letterSpacingInterBold: -0.04em;\r\n\t--hb_landingHeaderOffset: 7.1em;\r\n\t--scrollbar: 0px;\r\n\tcolor: var(--hb_black);\r\n\tfont-family: var(--hb_font-primary);\r\n\tfont-size: clamp(.875rem, calc(.70537rem + .3534vw), 1.125rem);\r\n\tfont-weight: 300;\r\n\tscroll-behavior: smooth;\r\n\t-ms-scroll-snap-type: y proximity;\r\n\tscroll-snap-type: y proximity;\r\n}\r\n\r\n\r\n/*------------------------------------------------- 1.2 BROWSER SCROLLBAR ----*/\r\n\r\n\r\nbody::-webkit-scrollbar {\r\n\twidth: .5em;\r\n}\r\n\r\nbody::-webkit-scrollbar-track {\r\n\tbackground: #262422;\r\n}\r\n\r\nbody::-webkit-scrollbar-thumb {\r\n\tbackground-color: #8d8d8d;\r\n\tborder-radius: .25em;\r\n}\r\n\r\n\r\n/*------------------------------------------------------ 1.3 ELEMENT BASE ----*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - 1.3.1 DOCUMENT SETUP ----*/\r\n\r\n\r\nbody,\r\nhtml {\r\n\tmargin: 0;\r\n\tmin-height: 100vh;\r\n}\r\n\r\nbody {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tbackground: #fff3d4;\r\n}\r\n\r\n.footer {\r\n\tmargin-top: auto;\r\n\tbackground: #fff;\r\n\tborder-top: solid 20px;\r\n\tborder-image: var(--hb_triBorder);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - 1.3.2 ELEMENT RESETS - - */\r\n\r\n\r\n* {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n:focus-visible {\r\n\toutline: 1px auto -webkit-focus-ring-color;\r\n}\r\n\r\nselect {\r\n\ttext-transform: none;\r\n}\r\n\r\ninput {\r\n\toverflow: visible;\r\n}\r\n\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tline-height: inherit;\r\n}\r\n\r\ninput:hover:not(:disabled):not(.disabled),\r\noptgroup:hover:not(:disabled):not(.disabled),\r\nselect:hover:not(:disabled):not(.disabled),\r\ntextarea:hover:not(:disabled):not(.disabled) {\r\n\tcursor: pointer;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 1.3.3 INPUT PLACEHOLDER - - */\r\n\r\n\r\n::-moz-placeholder {\r\n\tcolor: var(--hb_grey);\r\n\topacity: 1;\r\n}\r\n\r\n:-ms-input-placeholder {\r\n\topacity: 1;\r\n}\r\n\r\n::placeholder {\r\n\tcolor: var(--hb_grey);\r\n\topacity: 1;\r\n}\r\n\r\n:-ms-input-placeholder {\r\n\tcolor: var(--hb_grey);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n\tcolor: var(--hb_grey);\r\n}\r\n\r\n\r\n/*-------------------------------------------------------- 1.4 TYPOGRAPHY ----*/\r\n\r\n\r\n.textAlignCenter {\r\n\ttext-align: center;\r\n}\r\n\r\n.textAlignRight {\r\n\ttext-align: end;\r\n}\r\n\r\n.copy,\r\n.hentry {\r\n\tmargin: 0 auto;\r\n\tmargin-block-end: 2em;\r\n\tmargin-block-start: 2em;\r\n\tmax-width: 30em;\r\n\ttext-align: start;\r\n\twidth: 96%;\r\n}\r\n\r\n.copy img {\r\n\tmax-width: 100%;\r\n}\r\n\r\n.copy a {\r\n\ttext-decoration: none;\r\n}\r\n\r\n.copy a:hover {\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.title {\r\n\tfont-size: clamp(var(--hb_font-xxl), 1vw, var(--hb_font-xxxl));\r\n\tletter-spacing: -.03em;\r\n\tmargin-block-end: 1.688em;\r\n\tmargin-block-start: 2.75em;\r\n}\r\n\r\n.display {\r\n\tfont-size: clamp(7vw, 9vw, 10vw);\r\n\tfont-weight: 100;\r\n\tline-height: 1.1;\r\n\tmargin-block-end: 4vw;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.display {\r\n\t\tfont-size: clamp(3.5vw, 4.5vw, 5vw);\r\n\t\tfont-weight: 100;\r\n\t\tmargin-block-end: 4vw;\r\n\t}\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tfont-family: var(--hb_font-primary);\r\n\tfont-weight: 900;\r\n}\r\n\r\nh1 {\r\n\tfont-size: var(--hb_font-xxl);\r\n\tline-height: 2.463em;\r\n\tmargin-block-end: 1.688em;\r\n\tmargin-block-start: 2.75em;\r\n}\r\n\r\nh1,\r\nh2 {\r\n\tletter-spacing: -.03em;\r\n}\r\n\r\nh2 {\r\n\tfont-size: var(--hb_font-xl);\r\n\tline-height: 1.5;\r\n\tmargin-block-end: 1.063em;\r\n\tmargin-block-start: 2.2em;\r\n}\r\n\r\nh3 {\r\n\tfont-size: var(--hb_font-l);\r\n\tline-height: 1.863em;\r\n\tmargin-block-end: .688em;\r\n\tmargin-block-start: 1.688em;\r\n}\r\n\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tletter-spacing: -.02em;\r\n}\r\n\r\nh4,\r\nh5,\r\nh6 {\r\n\tfont-size: var(--hb_font-base);\r\n\tline-height: 1.688em;\r\n\tmargin-block-end: .438em;\r\n\tmargin-block-start: .178em;\r\n}\r\n\r\nblockquote,\r\nol,\r\np,\r\npre,\r\nul {\r\n\tletter-spacing: .016em;\r\n\tline-height: 1.688em;\r\n\tmargin-block-end: 1.688em;\r\n\tmargin-block-start: 1em;\r\n\tmargin-inline-end: 0;\r\n\tmargin-inline-start: 0;\r\n}\r\n\r\nol,\r\nul {\r\n\tmargin-inline-start: 1.688em;\r\n}\r\n\r\nli {\r\n\tmargin-block-end: .688em;\r\n}\r\n\r\nsub,\r\nsup {\r\n\tpadding: 0 .063em;\r\n}\r\n\r\ncode,\r\nkbd,\r\npre {\r\n\tfont-size: var(--hb_font-s);\r\n}\r\n\r\ncode {\r\n\tmargin: 0 .063em;\r\n\tpadding: .188em .25em;\r\n}\r\n\r\npre {\r\n\tpadding: .688em;\r\n}\r\n\r\nkbd {\r\n\tmargin: 0 .063em;\r\n\tpadding: .188em .25em;\r\n}\r\n\r\n.footnotes {\r\n\tfont-size: var(--hb_font-s);\r\n\tline-height: 1.438em;\r\n\tpadding-top: 1.063em;\r\n}\r\n\r\n.footnotes>a {\r\n\ttext-decoration: none;\r\n}\r\n\r\n.footnotes>a:hover {\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.reference>a {\r\n\ttext-decoration: none;\r\n}\r\n\r\n.reference>a:hover {\r\n\ttext-decoration: underline;\r\n}\r\n\r\nblockquote p:last-child,\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n\tmargin-block-end: 0;\r\n}\r\n\r\nblockquote {\r\n\tbackground: var(--hb_lightGrey);\r\n\tborder: solid #0004;\r\n\tborder-width: 0 0 0 .4em;\r\n\tfont-style: italic;\r\n\tpadding: .1em 1.1em;\r\n\tquotes: \"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\";\r\n}\r\n\r\nblockquote:before {\r\n\tcolor: #ccc;\r\n\tcontent: open-quote;\r\n\tfont-size: var(--hb_font-xxxl);\r\n\tline-height: .1em;\r\n\tmargin-inline-end: .15em;\r\n\tvertical-align: -.4em;\r\n}\r\n\r\nblockquote-left {\r\n\tpadding: 0 0 0 1.1em;\r\n}\r\n\r\n.alert {\r\n\tbackground: var(--hb_lightGrey);\r\n\tborder: var(--hb_border);\r\n\tborder-radius: var(--hb_radius-small);\r\n\tcolor: var(--hb_black);\r\n\tfont-weight: 700;\r\n\tletter-spacing: var(--hb_letterSpacingInterBold);\r\n\tline-height: 1.688em;\r\n\tmargin-block-end: 1.688em;\r\n\tpadding: .8em;\r\n\ttext-align: center;\r\n}\r\n\r\n.alert:before {\r\n\tcontent: \"ⓘ\";\r\n\tmargin-inline-end: .5em;\r\n}\r\n\r\n.alert:last-child {\r\n\tmargin-block-end: 0;\r\n}\r\n\r\n.alert-hover {\r\n\tbox-shadow: 1px 3px 6px 1px #000a;\r\n}\r\n\r\n.alert-danger {\r\n\tbackground: var(--hb_red);\r\n\tcolor: #fff;\r\n}\r\n\r\n.alert-success {\r\n\tbackground: var(--hb_darkGreen);\r\n\tcolor: #fff;\r\n}\r\n\r\n.alert-info {\r\n\tbackground: var(--hb_blue);\r\n\tcolor: #fff;\r\n}\r\n\r\n.alert-warning {\r\n\tbackground: var(--hb_orange);\r\n\tcolor: #fff;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 400;\r\n}\r\n\r\n.narrow {\r\n\tmax-width: 27em;\r\n\ttext-align: center;\r\n}\r\n\r\n.tip:before {\r\n\tcontent: \"ⓘ\";\r\n\tmargin-inline-end: .5em;\r\n}\r\n\r\n.tip {\r\n\tbackground: var(--hb_lightGrey);\r\n\tcolor: var(--hb_black);\r\n\tdisplay: block;\r\n\tfont-size: var(--hb_font-xs);\r\n\tline-height: 2;\r\n\tmargin-inline-start: 1.2em;\r\n\tmargin: 0 1.2em 2.6em;\r\n\tpadding: 0 .5em;\r\n}\r\n\r\n\r\n/*----------------------------------------------------------- 1.5 WIDGETS ----*/\r\n\r\n\r\n.widget {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\tpadding: 2%;\r\n}\r\n\r\n.widget h1,\r\n.widget h2,\r\n.widget h3,\r\n.widget h4,\r\n.widget h5,\r\n.widget h6 {\r\n\ttext-align: center;\r\n}\r\n\r\n.widget ul {\r\n\tlist-style: none;\r\n\tmargin: 0;\r\n\tpadding-left: 0;\r\n}\r\n\r\n.widget ul li {\r\n\tbackground: var(--hb_lightGrey);\r\n\tborder-radius: .3em;\r\n\tmargin: .8em 0;\r\n\tpadding: 0 .3em;\r\n}\r\n\r\n.widget ul li:hover {\r\n\tbackground: var(--hb_darkGreen);\r\n\tcolor: var(--hb_white);\r\n\tcursor: pointer;\r\n}\r\n\r\n.widget a {\r\n\tcolor: inherit;\r\n\ttext-decoration: none;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.widget h3 {\r\n\t\tfont-size: var(--hb_font-base);\r\n\t\tline-height: 1.688;\r\n\t}\r\n\r\n\t.widget p,\r\n\t.widget ul {\r\n\t\tfont-size: var(--hb_font-xs);\r\n\t}\r\n}\r\n\r\n\r\n/*-------------------------------------------- 1.6 WORDPRESS CORE CLASSES ----*/\r\n\r\n\r\n/* These should be maintained to ensure support for WP core and 3rd party plugins */\r\n\r\n.alignnone {\r\n\tmargin: 5px 20px 20px 0;\r\n}\r\n\r\n.aligncenter,\r\ndiv.aligncenter {\r\n\tdisplay: block;\r\n\tmargin: 5px auto;\r\n}\r\n\r\n.alignright {\r\n\tfloat: right;\r\n\tmargin: 5px 0 20px 20px;\r\n}\r\n\r\n.alignleft {\r\n\tfloat: left;\r\n\tmargin: 5px 20px 20px 0;\r\n}\r\n\r\na img.alignright {\r\n\tfloat: right;\r\n\tmargin: 5px 0 20px 20px;\r\n}\r\n\r\na img.alignleft,\r\na img.alignnone {\r\n\tmargin: 5px 20px 20px 0;\r\n}\r\n\r\na img.alignleft {\r\n\tfloat: left;\r\n}\r\n\r\na img.aligncenter {\r\n\tdisplay: block;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}\r\n\r\n.wp-caption {\r\n\tbackground: #fff;\r\n\tborder: 1px solid #f0f0f0;\r\n\tmax-width: 96%;\r\n\tpadding: 5px 3px 10px;\r\n\ttext-align: center;\r\n}\r\n\r\n.wp-caption.alignleft,\r\n.wp-caption.alignnone {\r\n\tmargin: 5px 20px 20px 0;\r\n}\r\n\r\n.wp-caption.alignright {\r\n\tmargin: 5px 0 20px 20px;\r\n}\r\n\r\n.wp-caption img {\r\n\tborder: 0;\r\n\theight: auto;\r\n\tmargin: 0;\r\n\tmax-width: 98.5%;\r\n\tpadding: 0;\r\n\twidth: auto;\r\n}\r\n\r\n.wp-caption p.wp-caption-text {\r\n\tfont-size: 11px;\r\n\tline-height: 17px;\r\n\tmargin: 0;\r\n\tpadding: 0 4px 5px;\r\n}\r\n\r\n.screen-reader-text {\r\n\tclip: rect(1px, 1px, 1px, 1px);\r\n\tword-wrap: normal !important;\r\n\tborder: 0;\r\n\tclip-path: inset(50%);\r\n\theight: 1px;\r\n\tmargin: -1px;\r\n\toverflow: hidden;\r\n\tpadding: 0;\r\n\tposition: absolute !important;\r\n\twidth: 1px;\r\n}\r\n\r\n.screen-reader-text:focus {\r\n\tclip: auto !important;\r\n\tbackground-color: #eee;\r\n\tclip-path: none;\r\n\tcolor: #444;\r\n\tdisplay: block;\r\n\tfont-size: 1em;\r\n\theight: auto;\r\n\tleft: 5px;\r\n\tline-height: normal;\r\n\tpadding: 15px 23px 14px;\r\n\ttext-decoration: none;\r\n\ttop: 5px;\r\n\twidth: auto;\r\n\tz-index: 100000;\r\n}\r\n\r\n\r\n/*----------------------------------------------------- 1.7 ACCESSIBILITY ----*/\r\n\r\n/* see .screen-reader-text in WP core classes */\r\n\r\n\r\n/*=========================================================== 2. ELEMENTS ====*/\r\n/*--------------------------------------------------- 2.1 LAYOUT ELEMENTS ----*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - 2.1.1 LAYOUT - GLOBAL GRID - - */\r\n\r\n\r\n.footer,\r\n.header,\r\n.main {\r\n\tdisplay: grid;\r\n\tgrid-auto-flow: dense;\r\n\tgrid-template-columns: [full-l main-l] minmax(0, 1fr) [wide-l dip-l sides-l] minmax(18.8em, 48em) [sides-r dip-r wide-r] minmax(0, 1fr) [main-r full-r];\r\n}\r\n\r\n@media (min-width:48em) {\r\n\r\n\t.footer,\r\n\t.header,\r\n\t.main {\r\n\t\tgrid-template-columns: [full-l] 1fr [wide-l dip-l sides-l] 12em [sides-r dip-r main-l] minmax(18.8em, 48em) [main-r wide-r] 1fr [full-r];\r\n\t}\r\n}\r\n\r\n@media (min-width:70em) {\r\n\r\n\t.footer,\r\n\t.header,\r\n\t.main {\r\n\t\tgrid-template-columns: [full-l] 1fr [wide-l dip-l] 12em [main-l dip-r] minmax(18.8em, 48em) [main-r sides-l] 12em [sides-r wide-r] 1fr [full-r];\r\n\t}\r\n}\r\n\r\n.base {\r\n\tgrid-column: main-l/main-r;\r\n}\r\n\r\n.footer_inner,\r\n.header_inner {\r\n\tgrid-column: wide-l/wide-r;\r\n}\r\n\r\n.sides {\r\n\tgrid-column: sides-l/sides-r;\r\n}\r\n\r\n.dip,\r\n.sides-narrow {\r\n\tgrid-column: dip-l/dip-r;\r\n}\r\n\r\n.sides-narrow {\r\n\tdisplay: contents;\r\n}\r\n\r\n@media (min-width:48em) and (max-width:70em) {\r\n\t.sides-narrow {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n\r\n.base,\r\n.dip,\r\n.sides {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n\r\n.base,\r\n.dip,\r\n.footer,\r\n.header,\r\n.main,\r\n.sides,\r\n.sides-narrow {\r\n\tgap: var(--hb_gutters);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - 2.1.2 LAYOUT - BLOG POST - - */\r\n\r\n\r\n.blog-post {\r\n\tmax-width: 100%;\r\n}\r\n\r\n.blog-post img {\r\n\tborder-radius: var(--hb_radius-small);\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\t-o-object-fit: contain;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\r\n/*-------------------------------------------------------- 2.2 CONTAINERS ----*/\r\n/*- - - - - - - - - - - - - - 2.2.1 CONTAINERS - GLOBAL CONTENT CONTAINER - - */\r\n\r\n\r\n.sauce {\r\n\tbackground: var(--hb_background);\r\n\tborder: var(--hb_border);\r\n\tborder-radius: var(--hb_radius);\r\n\tbox-shadow: var(--hb_shadow);\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tz-index: 1;\r\n}\r\n\r\n.base .sauce {\r\n\tborder-left: 0;\r\n\tborder-radius: 0;\r\n\tborder-right: 0;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.base .sauce {\r\n\t\tborder: var(--hb_border);\r\n\t\tborder-radius: var(--hb_radius);\r\n\t}\r\n}\r\n\r\n.footer_inner.sauce,\r\n.header_inner.sauce {\r\n\t--hb_border: solid 0.3em var(--hb_white);\r\n\t--hb_background: var(--hb_lightGrey);\r\n\tbackground: var(--hb_background);\r\n\tborder: var(--hb_border);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - 2.2.2 CONTAINERS - SQUARES - - */\r\n\r\n\r\n.squares {\r\n\tdisplay: grid;\r\n\tgrid-template: -webkit-min-content calc(100vw - var(--scrollbar)) -webkit-min-content -webkit-min-content /100%;\r\n\tgrid-template: min-content calc(100vw - var(--scrollbar)) min-content min-content /100%;\r\n\twidth: 100%;\r\n}\r\n\r\n.squares .column {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n}\r\n\r\n.squares {\r\n\tjustify-content: center;\r\n\tmax-width: 100%;\r\n\tpadding: 0 6%;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.squares {\r\n\t\tgrid-template: minmax(50vw, -webkit-min-content) minmax(50vw, -webkit-min-content) /60% 40%;\r\n\t\tgrid-template: minmax(50vw, min-content) minmax(50vw, min-content) /60% 40%;\r\n\t}\r\n}\r\n\r\n@media (min-width:70em) {\r\n\t.squares {\r\n\t\tdisplay: grid;\r\n\t\tgrid-auto-flow: dense;\r\n\t\tgrid-template: -webkit-min-content -webkit-min-content/50% 50%;\r\n\t\tgrid-template: min-content min-content/50% 50%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.squares>div:nth-of-type(4n+3) {\r\n\t\tgrid-column-start: 2;\r\n\t}\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - 2.2.3 CONTAINERS - VANILLA - - */\r\n\r\n\r\n.row {\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n}\r\n\r\n.column {\r\n\tmargin: 0 2em;\r\n\tmargin-block-end: 2em;\r\n\tmargin-block-start: 2em;\r\n\tmax-width: 30em;\r\n\ttext-align: start;\r\n\twidth: 100%;\r\n}\r\n\r\n.align_me-centre {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tpadding: var(--hb_gutters);\r\n}\r\n\r\n.aspect1-1 {\r\n\taspect-ratio: 1/1;\r\n}\r\n\r\n@supports not (aspect-ratio:1/1) {\r\n\t.aspect1-1:before {\r\n\t\tcontent: \"\";\r\n\t\tfloat: left;\r\n\t\tpadding-top: 100%;\r\n\t}\r\n\r\n\t.aspect1-1:after {\r\n\t\tclear: both;\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n\r\n/*------------------------------------------------------------ 2.3 IMAGES ----*/\r\n\r\n\r\n.img {\r\n\tborder-radius: var(--hb_radius-small);\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\t-o-object-fit: contain;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\r\n/*------------------------------------------------------------- 2.4 FORMS ----*/\r\n\r\n\r\n.form {\r\n\talign-items: stretch;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: flex-start;\r\n\twidth: 100%;\r\n}\r\n\r\n.form_input {\r\n\tbackground: #0000;\r\n\tborder: none;\r\n\tcolor: var(--hb_white);\r\n\theight: 100%;\r\n\toutline: none;\r\n\tpadding: .5em;\r\n\twidth: 100%;\r\n}\r\n\r\n\r\n/*----------------------------------------------------------- 2.5 BUTTONS ----*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 2.5.1 BASE BUTTON - - */\r\n\r\n\r\n.button {\r\n\tbackground-color: #0000;\r\n\tborder: none;\r\n\tborder-radius: 10em;\r\n\tfont-size: inherit;\r\n\theight: fit-content;\r\n\toverflow: visible;\r\n\tpadding: 0;\r\n\tposition: relative;\r\n\ttransition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, filter .2s ease-in-out;\r\n}\r\n\r\n.button,\r\n.button>:first-child {\r\n\tdisplay: inline-block;\r\n\tmax-width: 100%;\r\n\ttext-decoration: none;\r\n\twidth: max-content;\r\n}\r\n\r\n.button>:first-child {\r\n\tbackground: var(--hb_black);\r\n\tborder: .2em solid #0000;\r\n\tborder-radius: inherit;\r\n\tcolor: var(--hb_white);\r\n\tfont-family: var(--hb_font-primary);\r\n\tfont-weight: 800;\r\n\theight: 100%;\r\n\tletter-spacing: -.04em;\r\n\tpadding: .25em 1em;\r\n\ttext-align: center;\r\n\ttransition: inherit;\r\n\twhite-space: normal;\r\n}\r\n\r\n.button:hover {\r\n\tcursor: pointer;\r\n}\r\n\r\n.button:hover>:first-child {\r\n\tbackground: #0000;\r\n\tborder: .2em solid #333;\r\n\tcolor: var(--hb_black);\r\n}\r\n\r\n.button:focus,\r\n.button:focus-visible {\r\n\tbox-shadow: 0 0 0 .25em var(--hb_darkGreen);\r\n\toutline: 0;\r\n\tz-index: 1;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.5.2 BUTTONS - BORDER - - */\r\n\r\n\r\n.button-border {\r\n\tbackground: transparent;\r\n}\r\n\r\n.button-border>:first-child {\r\n\tbackground: transparent;\r\n\tborder: 1px dashed var(--hb_darkGrey);\r\n\tcolor: var(--hb_black);\r\n}\r\n\r\n.button-border:hover>:first-child {\r\n\tbackground: var(--hb_black);\r\n\tborder: 1px solid var(--hb_black);\r\n\tcolor: var(--hb_white);\r\n}\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.5.3 BUTTONS - NOBACK - - */\r\n\r\n\r\n.button-noback {\r\n\tbackground: transparent;\r\n}\r\n\r\n.button-noback>:first-child {\r\n\tbackground: transparent;\r\n\tcolor: var(--hb_black);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.5.4 BUTTONS - FLAPPY - - */\r\n\r\n\r\n.button.flappy>:first-child {\r\n\tbackground: linear-gradient(#0000, #0000);\r\n\tborder-radius: 0 0 1.4em 1.4em;\r\n\tcolor: var(--hb_black);\r\n\tfont-family: var(--hb_font-primary);\r\n\tfont-size: var(--hb_font-l);\r\n\tfont-weight: 800;\r\n\theight: 2em;\r\n\tletter-spacing: -.04em;\r\n\tmin-width: inherit;\r\n\tpadding: 0 1em;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\ttransition: .2s;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\twidth: 100%;\r\n}\r\n\r\n.button.flappy:hover>:first-child {\r\n\tbackground: linear-gradient(#0000, #fff 90%);\r\n\tbox-shadow: 0 .7em .15em -.05em #000a, 0 .4em .1em 0 #000a, inset 0 -.3em .1em -.1em #fff;\r\n\tcolor: #555;\r\n\ttransform: scaleY(.8) translatey(-14%);\r\n}\r\n\r\n.button.flappy:active>:first-child {\r\n\tbackground: linear-gradient(#0000, #0000);\r\n\tbox-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, inset 0 0 0 0 #0000;\r\n\tcolor: var(--hb_black);\r\n\ttransform: scale(1);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.5.5 BUTTONS - SPINNY - - */\r\n\r\n\r\n.button.spinny {\r\n\tbackground: #000;\r\n\tborder-radius: 10em;\r\n\tflex-flow: row nowrap;\r\n\tmax-width: -webkit-fit-content;\r\n\tmax-width: -moz-fit-content;\r\n\tmax-width: fit-content;\r\n\tpadding: 0;\r\n\tposition: relative;\r\n\ttransition: .2s;\r\n\twidth: 8em;\r\n}\r\n\r\n.button.spinny,\r\n.button.spinny>:first-child {\r\n\talign-items: center;\r\n\tborder: none;\r\n\tdisplay: flex;\r\n\theight: 2.5em;\r\n\tjustify-content: center;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.button.spinny>:first-child {\r\n\tborder-radius: inherit;\r\n\tfont-family: var(--hb_font-primary);\r\n\tfont-weight: 800;\r\n\tletter-spacing: -.04em;\r\n\tmin-width: -webkit-fit-content;\r\n\tmin-width: -moz-fit-content;\r\n\tmin-width: fit-content;\r\n\tpadding: .5em 1em;\r\n\ttransition: inherit;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.button.spinny:hover>:first-child {\r\n\tbox-shadow: 0 .9em .2em 0 #0009, inset 0 .4em .1em 0 #0009;\r\n\tfilter: brightness(1.1);\r\n\ttransform: rotatex(45deg);\r\n}\r\n\r\n.button.spinny:active>:first-child {\r\n\tbox-shadow: inset 0 .5em .3em 0 #0000, inset 0 -.4em .5em 0 #000c;\r\n\tfilter: brightness(.9);\r\n\ttransform: rotatex(315deg);\r\n}\r\n\r\n.button-cta.spinny>:first-child {\r\n\tbackground: var(--hb_darkGreen);\r\n\tcolor: var(--hb_white);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - 2.5.6 WIDGET BUTTON - - */\r\n\r\n\r\n.menuToggle,\r\n.widget .button {\r\n\tfont-size: var(--hb_font-base);\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 2.5.8 MENU TOGGLE - - */\r\n\r\n\r\n.menuToggle {\r\n\tbackground: none;\r\n\tborder: none;\r\n\tdisplay: flex;\r\n\theight: 4em;\r\n\tpadding: .2em;\r\n\tposition: absolute;\r\n\tright: 1.5em;\r\n\ttop: 1.5em;\r\n\ttransition: top .2s ease, right .2s ease;\r\n\twidth: 4em;\r\n\tz-index: 10;\r\n}\r\n\r\n.menuToggle:hover {\r\n\tcursor: pointer;\r\n}\r\n\r\n.menuToggle:hover .burger {\r\n\topacity: 1;\r\n\ttransform: scale(1.2);\r\n}\r\n\r\n.burger {\r\n\tfilter: url(#gooeyness);\r\n\theight: 100%;\r\n\ttransition: .4s .1s;\r\n\twidth: 100%;\r\n}\r\n\r\n.menuToggle .line,\r\n.menuToggle_x {\r\n\ttransform-origin: 50% 50%;\r\n\ttransition: .4s .1s;\r\n}\r\n\r\n.menuToggle_x {\r\n\ttransform: scale(0);\r\n}\r\n\r\n.menuToggle .line {\r\n\tfill: none;\r\n\tstroke: var(--hb_white);\r\n\tstroke-width: 11px;\r\n}\r\n\r\n.menuToggle:hover .line {\r\n\tcursor: pointer;\r\n}\r\n\r\n.menu_active .menuToggle .line {\r\n\tstroke: var(--hb_black);\r\n}\r\n\r\n.menu_active .menuToggle_x {\r\n\ttransform: scale(1);\r\n}\r\n\r\n.menu_active .menuToggle .line1 {\r\n\ttransform: translateX(18%) translateY(-3%) rotate(-45deg) scale(.01);\r\n}\r\n\r\n.menu_active .menuToggle .line2 {\r\n\ttransform: translateX(-18%) translateY(-3%) rotate(45deg) scale(.01);\r\n}\r\n\r\n.menu_active .menuToggle .line3 {\r\n\ttransform: translateY(0) rotate(45deg) scale(.01);\r\n}\r\n\r\n.menu_active .menuToggle .line4 {\r\n\ttransform: translateY(0) rotate(-45deg) scale(.01);\r\n}\r\n\r\n.menu_active .menuToggle .line5 {\r\n\ttransform: translateX(18%) translateY(3%) rotate(45deg) scale(.01);\r\n}\r\n\r\n.menu_active .menuToggle .line6 {\r\n\ttransform: translateX(-18%) translateY(3%) rotate(-45deg) scale(.01);\r\n}\r\n\r\n@media (min-width:45em) {\r\n\t.menuToggle {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n\r\n/*============================================================= 3. BLOCKS ====*/\r\n/*------------------------------------------------------------ 3.1 COMMON ----*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.1 HEADER - - */\r\n\r\n\r\n.header {\r\n\tbackground: var(--hb_white);\r\n\tcontent-visibility: visible;\r\n\theight: fit-content;\r\n\tposition: relative;\r\n\ttransition: transform .3s ease-in-out;\r\n\twidth: 100%;\r\n\tz-index: 10;\r\n}\r\n\r\n.header_inner {\r\n\tflex-flow: column;\r\n\tgap: 1vw;\r\n\theight: fit-content;\r\n\tjustify-content: center;\r\n\tmargin: 1em 0 1.5em;\r\n\twidth: auto;\r\n}\r\n\r\n.header_content,\r\n.header_inner {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n}\r\n\r\n.header_content {\r\n\tflex-wrap: nowrap;\r\n\theight: 4em;\r\n\tjustify-content: flex-start;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.header_content-left,\r\n.header_content-middle {\r\n\tflex: 1 1 100%;\r\n\tjustify-content: center;\r\n}\r\n\r\n.header_content-right {\r\n\tdisplay: none;\r\n\tjustify-content: center;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 3.1.2 HEADER - DESKTOP - - */\r\n\r\n\r\n@media (min-width:45rem) {\r\n\t.header {\r\n\t\tbackground: unset;\r\n\t\theight: fit-content;\r\n\t}\r\n\r\n\t.header_inner {\r\n\t\tflex-flow: row nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\tmin-height: 4.6em;\r\n\t}\r\n\r\n\t.header_content-left {\r\n\t\tflex: 0 0 fit-content;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\r\n\t.header_content-middle {\r\n\t\tflex: 1 1 100%;\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t.header_content-right {\r\n\t\tdisplay: none;\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n}\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.3 FOOTER - - */\r\n\r\n\r\n.footer {\r\n\tz-index: 10;\r\n}\r\n\r\n.footer_inner {\r\n\tbottom: 0;\r\n\tcolor: var(--hb_black);\r\n\tflex-shrink: 0;\r\n\tflex-wrap: wrap;\r\n\tmargin: 1.5em 0 1em;\r\n\tmax-width: 100vw;\r\n\tpadding-top: 1em;\r\n\twidth: auto;\r\n}\r\n\r\n.footer_inner,\r\n.footer_nav {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n\r\n.footer_nav {\r\n\talign-items: center;\r\n\tflex-flow: column nowrap;\r\n\tgap: .5em;\r\n\tmax-width: 40em;\r\n\tpadding: .5em;\r\n\twidth: 100%;\r\n}\r\n\r\n.footer_legalLinks {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex-wrap: wrap;\r\n\tfont-size: var(--hb_font-s);\r\n\tjustify-content: space-around;\r\n\tmargin: 3em 0 0;\r\n\twidth: 100%;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.footer_legalLinks {\r\n\t\tjustify-content: space-between;\r\n\t}\r\n}\r\n\r\n.footer_nav .button {\r\n\theight: min-content;\r\n}\r\n\r\n.footer_nav .button>:first-child {\r\n\twhite-space: normal;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.4 SITE TITLE - - */\r\n\r\n\r\n.siteTitle {\r\n\talign-items: center;\r\n\tcolor: var(--hb_black);\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\tjustify-content: flex-start;\r\n\ttext-decoration: none;\r\n\tgap: var(--hb_gutters);\r\n}\r\n\r\n.siteTitle_logo {\r\n\theight: 4em;\r\n\tobject-fit: contain;\r\n\twidth: 4em;\r\n}\r\n\r\n.siteTitle_text {\r\n\talign-items: flex-start;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n}\r\n\r\n.siteTitle_sitename {\r\n\tfont: 600 1.5em var(--hb_font-primary);\r\n\tletter-spacing: -.06em;\r\n\tmargin: 0;\r\n}\r\n\r\n.siteTitle_tagline {\r\n\tfont-family: var(--hb_font-primary);\r\n\tfont-weight: 200;\r\n\tletter-spacing: -.03rem;\r\n\twhite-space: normal;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.5 MODAL - - */\r\n\r\n\r\n.modal {\r\n\tdisplay: none;\r\n\topacity: 1;\r\n\tpadding: var(--hb_gutters);\r\n}\r\n\r\n.modal,\r\n.modal_dialog {\r\n\toverflow: auto;\r\n\tz-index: 10;\r\n}\r\n\r\n.modal_dialog {\r\n\tborder-radius: var(--hb_radius-small);\r\n\tdisplay: grid;\r\n\tgrid: [controls] -webkit-max-content 1fr [contents] auto 1fr/100%;\r\n\tgrid: [controls] max-content 1fr [contents] auto 1fr/100%;\r\n\tjustify-items: center;\r\n\tmargin: auto;\r\n\tmax-height: -webkit-fit-content;\r\n\tmax-height: -moz-fit-content;\r\n\tmax-height: fit-content;\r\n\tmin-width: clamp(10em, 100%, 32em);\r\n}\r\n\r\n.modal_dialog.sauce {\r\n\tbackground: #fff3d4;\r\n\tborder: none;\r\n}\r\n\r\n.modal_controls {\r\n\tdisplay: flex;\r\n\tflex-flow: row;\r\n\tgrid-row: controls/span 1;\r\n\theight: -webkit-fit-content;\r\n\theight: -moz-fit-content;\r\n\theight: fit-content;\r\n\tjustify-content: flex-end;\r\n\tpadding: var(--hb_gutters);\r\n\twidth: 100%;\r\n}\r\n\r\n.modal_contents {\r\n\tgrid-row: contents/span 1;\r\n\tpadding: var(--hb_gutters);\r\n}\r\n\r\n.modal_control-close {\r\n\tbackground: var(--hb_red);\r\n\tborder: none;\r\n\tborder-radius: var(--hb_radius-tiny);\r\n\tcolor: var(--hb_white);\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tfont-weight: 600;\r\n\tpadding: .15em .6em;\r\n}\r\n\r\n.modal_control-close:hover {\r\n\tcursor: pointer;\r\n}\r\n\r\n@media (max-width:48em) {\r\n\t.modal_dialog {\r\n\t\talign-items: center;\r\n\t\tborder: none;\r\n\t\tborder-radius: 0;\r\n\t\theight: 100vh;\r\n\t\tleft: 0;\r\n\t\toverflow: auto;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\twidth: calc(100vw - var(--scrollbar));\r\n\t}\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.modal {\r\n\t\tbackground: #000a;\r\n\t\theight: 100vh;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.6 MAIN MENU - - */\r\n\r\n\r\n.mainMenu {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tgap: .5em;\r\n\tjustify-content: center;\r\n\tmargin: .5em;\r\n\tpadding: .5em;\r\n\twidth: 100%;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.7 DROPDOWN - - */\r\n\r\n\r\n.dropdown {\r\n\talign-items: stretch;\r\n\tdisplay: inline-flex;\r\n\tflex-flow: row nowrap;\r\n\tfont-size: inherit;\r\n\tgap: .2em;\r\n\tmax-width: 100%;\r\n\tmin-height: fit-content;\r\n\tposition: relative;\r\n\twidth: max-content;\r\n}\r\n\r\n.dropdown>.button:first-child {\r\n\tborder-bottom-right-radius: 0;\r\n\tborder-top-right-radius: 0;\r\n\tmargin-right: 0;\r\n\tpadding-right: 0;\r\n}\r\n\r\n.dropdown>.button:first-child>:first-child {\r\n\tpadding-right: .4em;\r\n}\r\n\r\n.dropdown>.button:nth-child(2) {\r\n\tborder-bottom-left-radius: 0;\r\n\tborder-top-left-radius: 0;\r\n\tmargin-left: 0;\r\n\tpadding-left: 0;\r\n}\r\n\r\n.dropdown>.button:nth-child(2)>:first-child {\r\n\tpadding-left: .4em;\r\n}\r\n\r\n.dropdown_toggleIcon {\r\n\tdisplay: block;\r\n\tfont-size: inherit;\r\n}\r\n\r\n.button>.dropdown_toggleIcon {\r\n\tpadding-left: .5em;\r\n\tpadding-right: .7em;\r\n}\r\n\r\n.dropdown_toggleIcon>svg {\r\n\tfont-size: inherit;\r\n\theight: 1ex;\r\n\ttransition: transform .15s ease-in-out;\r\n}\r\n\r\n.dropdown_contents {\r\n\tbackground-color: #fff;\r\n\tborder-radius: var(--hb_radius-small);\r\n\tbox-shadow: 1px 3px 6px 1px #000a;\r\n\tdisplay: none;\r\n\tfont-size: inherit;\r\n\tmargin: 2px 0 2px .5em;\r\n\tmax-width: calc(100vw - var(--scrollbar));\r\n\tpadding: .75em 0;\r\n\tposition: absolute;\r\n\ttext-align: left;\r\n\ttop: 0;\r\n\twidth: 20em;\r\n\tz-index: 1;\r\n}\r\n\r\n.dropdown_item {\r\n\tbackground-color: transparent;\r\n\tcolor: var(--hb_black);\r\n\tdisplay: inline-flex;\r\n\tpadding: .4rem 1.5rem;\r\n\ttext-decoration: none;\r\n\twidth: 100%;\r\n}\r\n\r\n.dropdown_toggle-active svg {\r\n\ttransform: rotateX(180deg);\r\n}\r\n\r\n.dropdown_toggle-active+.dropdown_contents {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n}\r\n\r\n.dropdown_item-active {\r\n\tborder-left: .5em solid var(--hb_blue);\r\n}\r\n\r\n.dropdown-inMenu {\r\n\talign-items: center;\r\n\tgap: 0;\r\n\tline-height: 1.4;\r\n}\r\n\r\n.dropdown-inMenu>.dropdown_toggle {\r\n\talign-items: center;\r\n\talign-self: stretch;\r\n\tbackground-color: transparent;\r\n\tborder: none;\r\n\tborder-left: 1px solid var(--hb_grey);\r\n\tcursor: pointer;\r\n\tdisplay: flex;\r\n\tfont: inherit;\r\n\tjustify-content: center;\r\n\tpadding: .36em 1.5em;\r\n}\r\n\r\n.dropdown_item+button:focus,\r\n.dropdown_item+button:hover,\r\n.dropdown_item:focus,\r\n.dropdown_item:focus-visible,\r\n.dropdown_item:hover {\r\n\tbackground-color: var(--hb_lightGreen);\r\n\tcolor: #333;\r\n\toutline: 0;\r\n}\r\n\r\n\r\n/*----------------------------------------------------- 3.2 MOBILE >= 0em ----*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.2.1 THUMBNAV - - */\r\n\r\n\r\n.thumbNav {\r\n\talign-items: center;\r\n\tbackground: var(--hb_lightGrey);\r\n\tborder-radius: 3em 3em 0 0;\r\n\tbottom: 0;\r\n\tbox-shadow: 0 .25em 1.25em .25em #00000075, 0 0 .42em -.1em #000;\r\n\tdisplay: flex;\r\n\theight: 6em;\r\n\tjustify-content: center;\r\n\tleft: calc(50vw - 3em);\r\n\tposition: fixed;\r\n\ttransition: all .5s ease-in-out;\r\n\twidth: 6em;\r\n\tz-index: 1;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.thumbNav {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.thumbNav_button {\r\n\talign-items: center;\r\n\tbackground: radial-gradient(at 50% 45%, #0000 53%, #000000b5), radial-gradient(at 50% 60%, var(--hb_lightGrey) 48%, #fff);\r\n\tborder-radius: 2.5em;\r\n\tbox-shadow: 0 .05em .2em .01em #000000a8, 0 .325em .55em 0 #000000b5;\r\n\tcolor: var(--hb_lightGrey);\r\n\tcursor: pointer;\r\n\tdisplay: flex;\r\n\theight: 5em;\r\n\tjustify-content: center;\r\n\tpadding: .5em;\r\n\ttext-decoration: none;\r\n\twidth: 5em;\r\n}\r\n\r\n.thumbNav_button-hover:hover {\r\n\tcursor: pointer;\r\n}\r\n\r\n.thumbNav_button:active {\r\n\tbackground: radial-gradient(at 50% 45%, #0000 53%, #fff), radial-gradient(at 50% 60%, var(--hb_lightGrey) 48%, #000000b5);\r\n\tbox-shadow: inset 0 -.25em .25em -.15em #fff, inset 0 .35em .5em 0 #00000099;\r\n}\r\n\r\n.thumbNav_toggle {\r\n\tz-index: 1;\r\n}\r\n\r\n.thumbNav_child {\r\n\talign-items: center;\r\n\tbackground: var(--hb_lightGrey);\r\n\tborder-radius: 3em;\r\n\tdisplay: flex;\r\n\theight: 6em;\r\n\tjustify-content: center;\r\n\topacity: 0;\r\n\tposition: absolute;\r\n\ttransition: all .2s ease-out;\r\n\twidth: 6em;\r\n}\r\n\r\n.thumbNav_checkbox {\r\n\tdisplay: none;\r\n}\r\n\r\n.thumbNav_checkbox:checked~.thumbNav_toggle {\r\n\tbackground: radial-gradient(at 50% 45%, #63cfa700 53%, var(--hb_white)), radial-gradient(at 50% 60%, var(--hb_lightGrey) 48%, #000000b5);\r\n\tbox-shadow: inset 0 -.25em .25em -.15em var(--hb_white), inset 0 .35em .5em 0 #00000099;\r\n}\r\n\r\n.thumbNav_checkbox:checked~.thumbNav_child {\r\n\tbox-shadow: 0 .25em .75em .25em #00000075, 0 0 .42em -.1em #000;\r\n\topacity: 1;\r\n\ttransition-timing-function: cubic-bezier(0, 0, 0, 1.8);\r\n}\r\n\r\n.thumbNav_checkbox:checked~.thumbNav_child:nth-child(3) {\r\n\ttransform: translate3d(0, -7em, 0);\r\n\ttransition-duration: .2s;\r\n}\r\n\r\n.thumbNav_checkbox:checked~.thumbNav_child:nth-child(4) {\r\n\ttransform: translate3d(0, -14em, 0);\r\n\ttransition-duration: .3s;\r\n}\r\n\r\n.thumbNav_checkbox:checked~.thumbNav_child:nth-child(5) {\r\n\ttransform: translate3d(0, -21em, 0);\r\n\ttransition-duration: .4s;\r\n}\r\n\r\n@media (orientation:landscape) {\r\n\t.thumbNav_checkbox:checked~.thumbNav_child:nth-child(3) {\r\n\t\ttransform: translate3d(7em, -7em, 0);\r\n\t\ttransition-duration: .2s;\r\n\t}\r\n\r\n\t.thumbNav_checkbox:checked~.thumbNav_child:nth-child(4) {\r\n\t\ttransform: translate3d(0, -7em, 0);\r\n\t\ttransition-duration: .3s;\r\n\t}\r\n\r\n\t.thumbNav_checkbox:checked~.thumbNav_child:nth-child(5) {\r\n\t\ttransform: translate3d(-7em, -7em, 0);\r\n\t\ttransition-duration: .4s;\r\n\t}\r\n}\r\n\r\n.thumbNav_icon {\r\n\twidth: 100%;\r\n}\r\n\r\n\r\n/*========================================================= 4. ANIMATION =====*/\r\n/*----------------------------------------------------- 4.1 CSS KEYFRAMES ----*/\r\n\r\n\r\n@-webkit-keyframes pulse {\r\n\t0% { transform: scale(1);}\r\n\t33% { transform: scale(1.2);}\r\n\t50% {transform: scale(1);}\r\n\t66% {transform: scale(1.2);}\r\n\t100% {transform: scale(1);}\r\n}\r\n\r\n\r\n@keyframes pulse {\r\n\t0% { transform: scale(1);}\r\n\t33% { transform: scale(1.2);}\r\n\t50% {transform: scale(1);}\r\n\t66% {transform: scale(1.2);}\r\n\t100% {transform: scale(1);}\r\n}\r\n\r\n\r\n/*-------------------------------------------------------- 4.2 CONTAINERS ----*/\r\n\r\n\r\n.animation_scrollSpace {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 400vmin;\r\n\tjustify-content: flex-start;\r\n\twidth: 100%;\r\n}\r\n\r\n.animation_wrap {\r\n\talign-items: center;\r\n\tborder-radius: var(--hb_radius);\r\n\tbox-shadow: var(--hb_shadow);\r\n\tdisplay: flex;\r\n\theight: 80vmin;\r\n\tjustify-content: center;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\twidth: auto;\r\n}\r\n\r\n.animation_title {\r\n\tcolor: #fff;\r\n\tfont-size: 4em;\r\n\tfont-weight: 900;\r\n\tleft: -2%;\r\n\tletter-spacing: -.05em;\r\n\tmargin: 0;\r\n\tposition: absolute;\r\n\ttop: 6%;\r\n\ttransform: rotate(-20deg);\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.animation_title {\r\n\t\tfont-size: 5em;\r\n\t}\r\n}\r\n\r\n.animation_wrap-wheel {\r\n\tbackground: radial-gradient(at center top, #0061ffa3, #ffffff2e), radial-gradient(at center bottom, #ff8f00, #000000d4);\r\n\theight: 80vmin;\r\n}\r\n\r\n\r\n/*--------------------------------------------------------------- 4.3 SVG ----*/\r\n\r\n\r\n.svgWheel {\r\n\tdisplay: flex;\r\n\theight: 40vmin;\r\n}\r\n",".pageIndex {\n\t--tabWidth: 1.8em;\n\t--tabMarginRight: 0.75em;\n\t--colour-background: var(--hb_black);\n\t--colour-foreground: var(--hb_white);\n\t--boxShadow: 0 0 3px 0 #0005;\n\t/* display: flex; */\n\tposition: fixed;\n\tz-index: 99;\n\tleft: 0;\n\ttop: 0;\n\tflex-flow: column;\n\tjustify-content: center;\n\theight: 100%;\n\tpointer-events: none;\n\n\t&> .pageIndex_drawer {\n\t\tposition: relative;\n\t\tleft: calc( -100% + var(--tabWidth) + var(--tabMarginRight) );\n\t\tdisplay: flex;\n\t\tflex-flow: row nowrap;\n\t\talign-items: center;\n\t\tpointer-events: auto;\n\t\ttransition: left 0.25s ease-in-out;\n\t\t\n\t\t&> .pageIndex_nav {\n\t\t\tmax-height: 100vh;\n\t\t\toverflow-x: hidden;\n\t\t\toverflow-y: auto;\n\t\t\tpadding: 0.75em;\n\t\t\t\n\t\t\t&> .pageIndex_title {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: fit-content;\n\t\t\t\tborder-top-left-radius: 0; /* 0.75em */\n\t\t\t\tborder-top-right-radius: 0; /* 0.75em */\n\t\t\t\tpadding: 0; /* 0.5rem 1rem */\n\t\t\t\tbackground: var(--colour-background);\n\t\t\t\tcolor: var(--colour-foreground);\n\t\t\t\tbox-shadow: var(--boxShadow);\n\t\t\t\tfont-weight: bold;\n\t\t\t\tfont-size: 0; /* 120% */\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\topacity: 0; /* 1 */\n\t\t\t\ttransition: padding 0.25s ease-in-out,\n\t\t\t\t\t\t\tborder-radius 0.25s ease-in-out,\n\t\t\t\t\t\t\topacity 0.25s ease-in-out,\n\t\t\t\t\t\t\tfont-size 0.25s ease-in-out;\n\t\t\t}\n\t\n\t\t\t&> ul {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: column;\n\t\t\t\tjustify-content: space-around; /* Aligns content to top when viewport is overflowed. 'center' does not */\n\t\t\t\tgap: 0.5em;\n\t\t\t\tlist-style: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\ttext-align: start;\n\t\t\t\ttransition: gap 0.25s ease-in-out;\n\t\t\t\t\n\t\t\t\t&> li {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tline-height: unset;\n\t\t\t\t\tletter-spacing: unset;\n\t\t\t\t\tborder-radius: 5rem;\n\t\t\t\t\tfont-size: 0; /* unset */\n\t\t\t\t\tline-height: 0;\n\t\t\t\t\tletter-spacing: 0;\n\t\t\t\t\tbackground: var(--colour-background);\n\t\t\t\t\tcolor: var(--colour-foreground);\n\t\t\t\t\tbox-shadow: var(--boxShadow);\n\t\t\t\t\ttransition: font-size 0.25s ease-in-out,\n\t\t\t\t\t\t\t\tborder-radius 0.25s ease-in-out,\n\t\t\t\t\t\t\t\tline-height 0.25s ease-in-out;\n\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground: var(--colour-foreground);\n\t\t\t\t\t\tcolor: var(--colour-background);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t&> a {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tpadding: 0.5rem;\n\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\ttransition: padding 0.25s ease-in-out;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcontent:\"\\203A\";\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\tmargin-inline-start: 0;\n\t\t\t\t\t\t\tmargin-inline-end: 0; /* 0.5rem */\n\t\t\t\t\t\t\ttransition: margin 0.1s ease-in-out;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&> .pageIndex_tab {\n\t\t\tdisplay: flex;\n\t\t\tflex: 0 0;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tleft: calc( 100% + var(--tabWidth) );\n\t\t\twidth: var(--tabWidth);\n\t\t\theight: 2.5em;\n\t\t\tmargin-right: var(--tabMarginRight);\n\t\t\tpadding: 0.6em 0.25em;\n\t\t\tbackground: var(--colour-background);\n\t\t\tcolor: var(--colour-foreground);\n\t\t\tborder-top-right-radius: 5em;\n\t\t\tborder-bottom-right-radius: 5em;\n\t\t\topacity: .4;\n\t\t\tbox-shadow: var(--boxShadow);\n\t\t\ttransition: all 0.25s ease-in-out;\n\n\t\t\tsvg {\n\t\t\t\theight: 1.3em;\n\t\t\t\twidth: 1.3em;\n\t\t\t}\n\t\t}\n\t}\n\t\t\n\t&.scrolling,\n\t&.active {\n\t\t& .pageIndex_drawer {\n\t\t\tleft: 0;\n\t\t}\n\t\t\n\t\t& .pageIndex_tab {\n\t\t\twidth: 2.5em;\n\t\t\tborder-top-left-radius: 5em;\n\t\t\tborder-bottom-left-radius: 5em;\n\t\t\tpadding: 0.6em 0.6em;\n\t\t\tbackground: #0000;\n\t\t\tcolor: var(--colour-background);\n\t\t\tpointer-events: auto;\n\t\t}\n\t}\n\n\t&.scrolling:not( .active ) .pageIndex_nav a {\n\t\tpadding: 0.5rem !important;\n\t}\n\n\t&.active {\n\t\t& .pageIndex_nav {\n\t\t\t&> .pageIndex_title {\n\t\t\t\tborder-top-left-radius: 0.75em;\n\t\t\t\tborder-top-right-radius: 0.75em;\n\t\t\t\tpadding: 0.5rem 1rem;\n\t\t\t\tbackground: var(--colour-background);\n\t\t\t\tcolor: var(--colour-foreground);\n\t\t\t\tbox-shadow: var(--boxShadow);\n\t\t\t\topacity: 1;\n\t\t\t\tfont-size: 110%;\n\t\t\t\topacity: 0.8;\n\t\t\t}\n\n\t\t\t&> ul {\n\t\t\t\tgap: 0px;\n\n\t\t\t\t&> li {\n\t\t\t\t\tborder-radius: 0em;\n\t\t\t\t\tfont-size: unset;\n\t\t\t\t\tline-height: 1.2;\n\n\t\t\t\t\t&> a {\n\t\t\t\t\t\tpadding: 0.5rem 1rem;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tmargin-inline-start: 0; /* 0.25rem */\n\t\t\t\t\t\t\tmargin-inline-end: 0.5rem; /* 0.25rem */\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not( :last-child ):after {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\theight: 1px;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tbackground: linear-gradient( to right, #0000 0%, var(--colour-foreground) 50%, #0000 100% );\n\t\t\t\t\t\topacity: .5;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tborder-top-right-radius: 0.75em;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tborder-bottom-left-radius: 0.75em;\n\t\t\t\t\t\tborder-bottom-right-radius: 0.75em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t&:not( .isTouch ) {\n\t\t\t& .pageIndex_nav > ul > li > a { \n\t\t\t\t&:before {\n\t\t\t\t\tmargin-inline-start: 0; /* 0.25rem */\n\t\t\t\t\tmargin-inline-end: 0.5rem; /* 0.25rem */\n\t\t\t\t}\n\n\t\t\t\t&:hover:before {\n\t\t\t\t\tmargin-inline-start: 0.25rem;\n\t\t\t\t\tmargin-inline-end: 0.25rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t& .pageIndex_tab {\n\t\t\t\topacity: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.isTouch {\n\t\t&.scrolling,\n\t\t&.active {\n\t\t\t& .pageIndex_tab {\n\t\t\t\tborder-top-left-radius: 5em;\n\t\t\t\tborder-bottom-left-radius: 5em;\n\t\t\t\tbackground: #0000;\n\t\t\t\tcolor: var(--colour-background);\n\t\t\t\tpointer-events: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.active .pageIndex_tab {\n\t\t\topacity: 1;\n\n\t\t\t.pageIndex_openIcon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.pageIndex_closeIcon {\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t&.active:not( .istouch ) .pageIndex_nav > ul > li > a { \n\t\t&:before {\n\t\t\tmargin-inline-start: 0; /* 0.25rem */\n\t\t\tmargin-inline-end: 0.5rem; /* 0.25rem */\n\t\t}\n\t\t\n\t\t&:hover:before {\n\t\t\tmargin-inline-start: 0.25rem;\n\t\t\tmargin-inline-end: 0.25rem;\n\t\t}\n\t}\n}\n","/*~~~~~~~~~~oOo~~~~~~~~~~o~\r\n~o DOCUMENT INFORMATION o~\r\n\r\no Document Herringbone Theme - Global Landing Page CSS\r\no Version v0.1\r\no Author\tJefferson Real\r\no Contact [email protected]\r\n\r\nThis style sheet must only contain styles for the landing pages. It will ONLY be\r\nloaded on landing pages. Styles specific to a single landing page should go in\r\nthat pages dedicated css file.\r\n\r\n~o~~~~oOo~~~~o~\r\n~o CSS INDEX o~\r\n\r\n1. GLOBAL\r\n\t1.1 GLOBAL - ROOT STUFF\r\n\t1.3 GLOBAL - HEADER\r\n\t1.4 GLOBAL - SECTION GRID LAYOUT\r\n 1.5 GLOBAL - MASONFLIP LAYOUT\r\n2. BLOCKS\r\n\t2.1 BLOCKS - CHALKBOARD\r\n\t2.2 BLOCKS - RESPONSIVE SCREEN ANIMATION\r\n\t2.3 .tickle\r\n3. THEMES\r\n\t3.1 THEMES - MEXICO\r\n*/\r\n\r\n\r\n/*========================================================== 1. GLOBAL =====*/\r\n/*--------------------------------------------- 1.1 GLOBAL - ROOT STUFF ----*/\r\n\r\n\r\n:root {\r\n\t--hb_triBorder: url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern patternUnits='userSpaceOnUse' width='12' height='12' id='a'%3E%3Cpath fill='%23de7c61' d='M1.4 1.3 1 9.4l8.1-8Z'/%3E%3Cpath fill='%23e2e542' d='M2.5 11 11 2.7l-.5 8.1Z'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath style='fill:url(%23a)' d='M0 0h36v36H0z'/%3E%3C/svg%3E\") 12 round;\r\n\t--hb_iconBackground: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='%23cff9e9' d='M20 11c-32 15-23 72 8 85 30 14 76-11 72-58S51-5 20 11z'/%3E%3C/svg%3E\");\r\n}\r\n\r\n\r\n/*------------------------------------------------- 1.3 GLOBAL - HEADER ----*/\r\n\r\n\r\n.hb__pag-landing .header {\r\n\tbackground: var(--hb_white);\r\n\tposition: fixed;\r\n\tborder-bottom: 20px solid;\r\n\t-o-border-image: var(--hb_triBorder);\r\n\tborder-image: var(--hb_triBorder);\r\n}\r\n\r\n@media (max-width:44.999em) {\r\n\t.menu_active .menuToggle {\r\n\t\tright: .5em;\r\n\t\ttop: .5em;\r\n\t}\r\n}\r\n\r\n@media (min-width:45em) {\r\n\t.hb__pag-landing .menuToggle {\r\n\t\tdisplay: flex;\r\n\t}\r\n}\r\n\r\n\r\n/*--------------------------------------- 1.4 GLOBAL - MAIN GRID LAYOUT ----*/\r\n\r\n\r\n.main-landing {\r\n\tdisplay: grid;\r\n\tgrid: auto/100%;\r\n\tgrid-auto-flow: row dense;\r\n}\r\n\r\n\r\n/*------------------------------------ 1.4 GLOBAL - SECTION GRID LAYOUT ----*/\r\n\r\n\r\n.hb__pag-landing section {\r\n\t--narrow: minmax(0px, 48rem);\r\n\t--medium: clamp(0px, calc(50% - 24rem), 8rem);\r\n\t--wide: clamp(0px, calc(50% - 32rem), 13rem);\r\n\tdisplay: grid;\r\n\tgap: 0;\r\n\tgrid-column: 1/-1;\r\n\tgrid-template-columns: [full-l] 1fr [wide-l medium-l narrow-l] var(--narrow) [narrow-r medium-r wide-r] 1fr [full-r];\r\n\tjustify-content: center;\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\twidth: 100%;\r\n}\r\n\r\n.landing_content {\r\n\tgrid-column: var(--col);\r\n\tgrid-row: var(--row);\r\n\tposition: relative;\r\n\tz-index: 0;\r\n}\r\n\r\n.landing_backdrop {\r\n\tdisplay: flex;\r\n\tgrid-column: 1/-1;\r\n\tgrid-row: 1/-1;\r\n\theight: 100%;\r\n\tjustify-content: center;\r\n\toverflow: hidden;\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\tz-index: -1;\r\n}\r\n\r\n@media (min-width:64rem) {\r\n\t.hb__pag-landing section {\r\n\t\tgrid-template-columns: [full-l] 1fr [wide-l medium-l] var(--medium) [narrow-l] var(--narrow) [narrow-r] var(--medium) [medium-r wide-r] 1fr [full-r];\r\n\t}\r\n}\r\n\r\n@media (min-width:90rem) {\r\n\t.hb__pag-landing section {\r\n\t\tgrid-template-columns: [full-l] 1fr [wide-l] var(--wide) [medium-l] var(--medium) [narrow-l] var(--narrow) [narrow-r] var(--medium) [medium-r] var(--wide) [wide-r] 1fr [full-r];\r\n\t}\r\n}\r\n\r\n\r\n/*--------------------------------------- 1.4 GLOBAL - MASONFLOP LAYOUT ----*/\r\n\r\n/* Masonry + FlipFlop = MasonFlop */\r\n\r\n\r\n.masonFlop {\r\n\tcolumn-gap: 2em;\r\n\tcolumns: 28em;\r\n\tpadding-top: 2em;\r\n\tpadding-bottom: 2em;\r\n\tpadding-left: var(--hb_gutters);\r\n\tpadding-right: var(--hb_gutters);\r\n\twidth: 100%;\r\n}\r\n\r\n@media (min-width:500px) {\r\n\t.masonFlop {\r\n\t\tpadding-left: 2em;\r\n\t\tpadding-right: 2em;\r\n\t}\r\n}\r\n\r\n.masonFlop_card {\r\n\tbreak-inside: avoid-column;\r\n\tflex-flow: column nowrap;\r\n\toverflow: hidden;\r\n\tpage-break-inside: avoid;\r\n\tbackground: #fff;\r\n\tborder: 20px solid;\r\n\t-o-border-image: var(--hb_triBorder);\r\n\tborder-image: var(--hb_triBorder);\r\n\tborder-radius: 3px;\r\n\tdisplay: flex;\r\n\tflex: 1 1 auto;\r\n\tflex-flow: column;\r\n\tmargin-bottom: 2em;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\tpadding-top: 2em;\r\n\tpadding-bottom: 2em;\r\n\tpadding-left: 1em;\r\n\tpadding-right: 1em;\r\n\tmax-width: 600px;\r\n}\r\n\r\n@media (min-width:500px) {\r\n\t.masonFlop_card {\r\n\t\tpadding-left: 2em;\r\n\t\tpadding-right: 2em;\r\n\t}\r\n}\r\n\r\n.masonFlop_content-left,\r\n.masonFlop_content-right {\r\n\t/*flex: 1 1 50%;*/\r\n\twidth: 100%;\r\n}\r\n\r\n.masonFlop_content-left figure {\r\n\tmargin: 0;\r\n\ttext-align: start;\r\n\tmax-width: 30em;\r\n\twidth: 96%;\r\n\tmargin: 0 auto;\r\n}\r\n\r\n.masonFlop_heading {\r\n\tfont-size: 125%;\r\n}\r\n\r\n.masonFlop_card img {\r\n\tmax-width: 100%;\r\n\tmax-height: 4em;\r\n}\r\n\r\n@media (max-width:320px) {\r\n\t.masonFlop {\r\n\t\tmargin: .5em;\r\n\t}\r\n\r\n\t.masonFlop_card {\r\n\t\tborder-radius: .5em;\r\n\t\tmargin-bottom: .5em;\r\n\t\tpadding: 1em;\r\n\t}\r\n}\r\n\r\n\r\n/*============================================================ 2. BLOCKS =====*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.1 BLOCKS - CHALKBOARD - - */\r\n\r\n\r\n.chalkboard {\r\n\tbackground: #fff;\r\n\tborder: 20px solid;\r\n\t-o-border-image: var(--hb_triBorder);\r\n\tborder-image: var(--hb_triBorder);\r\n\tborder-radius: 3px;\r\n\tfilter: drop-shadow(3px 8px 8px #0004);\r\n\theight: -webkit-fit-content;\r\n\theight: -moz-fit-content;\r\n\theight: fit-content;\r\n\tmargin-top: 160px;\r\n\tmargin-left: var(--hb_gutters);\r\n\tmargin-right: var(--hb_gutters);\r\n\tmax-width: 100%;\r\n\tpadding-top: 3em;\r\n\tpadding-bottom: 2em;\r\n\tpadding-left: 1em;\r\n\tpadding-right: 1em;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n}\r\n\r\n@media (min-width:500px) {\r\n\t.chalkboard {\r\n\t\tpadding-left: 2em;\r\n\t\tpadding-right: 2em;\r\n\t}\r\n}\r\n\r\n.chalkboard_pinChalkboardTop {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\theight: 0;\r\n\tmargin-bottom: calc(20px + 3em);\r\n\tmargin-top: calc(-20px - 3em);\r\n\tposition: relative;\r\n\twidth: 100%;\r\n}\r\n\r\n.svg_grabhand-left,\r\n.svg_grabhand-right {\r\n\t--handWidth: calc(80px + 2%);\r\n\tfilter: drop-shadow(1px 2px 1px #0008);\r\n\tmargin-top: 10px;\r\n\tmax-width: 37%;\r\n\twidth: var(--handWidth);\r\n\tz-index: 1;\r\n}\r\n\r\n.svg_grabhand-left {\r\n\tleft: 0;\r\n\tmargin-left: clamp(0px, calc(-151px + 43.2vw), calc(100% - var(--handWidth)));\r\n}\r\n\r\n.svg_grabhand-right {\r\n\tmargin-left: auto;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.svg_grabhand-right {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.chalkboard_title {\r\n\tfont-family: wellfleet;\r\n\tfont-size: var(--hb_font-xxl);\r\n\tfont-weight: 400;\r\n\tline-height: 2em;\r\n\tmargin-block-end: 1em;\r\n\tmargin-block-start: 1.75em;\r\n}\r\n\r\n@media (max-width:500px) {\r\n\t.chalkboard_title {\r\n\t\tfont-size: clamp(1rem, 6vmin, 2.063rem);\r\n\t\tline-height: clamp(2.5rem, 10vmin, 6rem);\r\n\t}\r\n}\r\n\r\n.chalkboard_list {\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tgap: 1em;\r\n\tjustify-content: center;\r\n\tmargin: 3em 0;\r\n}\r\n\r\n.chalkboard_list>li {\r\n\tbackground-image: var(--hb_iconBackground);\r\n\tbackground-position: top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 3.5em;\r\n\tflex: 1 1 30%;\r\n}\r\n\r\n.chalkboard_icon {\r\n\theight: 1.6em;\r\n\tmargin-bottom: .2em;\r\n\tmargin-top: .2em;\r\n\twidth: 1.6em;\r\n}\r\n\r\n.chalkboard_link {\r\n\talign-items: center;\r\n\tcolor: var(--hb_black);\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tfont-family: wellfleet;\r\n\tletter-spacing: -.25px;\r\n\ttext-align: center;\r\n}\r\n\r\n.chalkboard_cta {\r\n\tcolor: var(--hb_darkGreen);\r\n\tfont-family: wellfleet;\r\n\tfont-size: var(--hb_font-xl);\r\n\tfont-weight: 900;\r\n}\r\n\r\n.chalkboard_pinChalkboardRight {\r\n\theight: 100%;\r\n\tposition: relative;\r\n}\r\n\r\n.svg_dimensionsBox {\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: clamp(0vw, calc(3vw - 5vh), 2vw);\r\n\twidth: max-content;\r\n}\r\n\r\n.svg_me {\r\n\tdisplay: block;\r\n\tfilter: drop-shadow(1px 2px 1px #0008);\r\n\theight: 100%;\r\n\ttransform: translateX(clamp(0px, calc(28vw - 64%), 78%));\r\n\twidth: clamp(0px, 24em, 100vw);\r\n}\r\n\r\n.svg_me #head_eyelids {\r\n\tanimation: svg_me-blinking 10s infinite;\r\n}\r\n\r\n.svg_me #head_eye-left,\r\n.svg_me #head_eye-right {\r\n\tanimation: svg_me-lookingdown 12s infinite;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\r\n\t.svg_me #head_eye-left,\r\n\t.svg_me #head_eye-right {\r\n\t\tanimation: svg_me-looking 12s infinite;\r\n\t}\r\n}\r\n\r\n@keyframes svg_me-blinking {\r\n\t20% { opacity: 0; }\r\n\t21% { opacity: 1; }\r\n\t22% { opacity: 0; }\r\n\t75% { opacity: 0; }\r\n\t76% { opacity: 1; }\r\n\t77% { opacity: 0; }\r\n\t82% { opacity: 0; }\r\n\t83% { opacity: 1; }\r\n\t84% { opacity: 0; }\r\n}\r\n\r\n@keyframes svg_me-looking {\r\n\t8% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t9% { transform: translateX(-2px) translateY( 3px); }\r\n\t19% { transform: translateX(-2px) translateY( 3px); }\r\n\t20% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t75% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t76% { transform: translateX(-2px) translateY( 3px); }\r\n\t86% { transform: translateX(-2px) translateY( 3px); }\r\n\t87% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t94% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t99% { transform: translateX(-2px) translateY( 3px); }\r\n\t100% { transform: translateX( 0 ) translateY( 0 ); }\r\n}\r\n\r\n@keyframes svg_me-lookingdown {\r\n\t8% { transform: translateY( 0 ); }\r\n\t9% { transform: translateY( 4px); }\r\n\t29% { transform: translateY( 4px); }\r\n\t30% { transform: translateY( 0 ); }\r\n\t75% { transform: translateY( 0 ); }\r\n\t76% { transform: translateY( 4px); }\r\n\t86% { transform: translateY( 4px); }\r\n\t87% { transform: translateY( 0 ); }\r\n\t94% { transform: translateY( 0 ); }\r\n\t99% { transform: translateY( 4px); }\r\n\t100% { transform: translateY( 0 ); }\r\n}\r\n\r\n\r\n\r\n/*- - - - - - - - - - - - - - - 2.2 BLOCKS - RESPONSIVE SCREEN ANIMATION - - */\r\n\r\n\r\n.screen {\r\n\t-webkit-animation: squish 6s ease-in-out infinite alternate;\r\n\tanimation: squish 6s ease-in-out infinite alternate;\r\n\tbackground: #333;\r\n\tborder: .5em solid #333;\r\n\tborder-radius: 1.5em;\r\n\tfilter: drop-shadow(8px 12px 5px #0007);\r\n}\r\n\r\n.screen,\r\n.screen_demo {\r\n\theight: 100%;\r\n\twidth: 100%;\r\n}\r\n\r\n.screen_demo {\r\n\tbackground: #fff;\r\n\tborder-radius: 1em;\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tpadding: .25em;\r\n}\r\n\r\n.screen_row {\r\n\tdisplay: flex;\r\n\tflex: 1 1 auto;\r\n\tflex-flow: row wrap;\r\n}\r\n\r\n.screen_column {\r\n\tborder-radius: .75em;\r\n\tflex: 1 1 auto;\r\n\tmargin: .25em;\r\n}\r\n\r\nh4.screen_title {\r\n\tcolor: var(--hb_white);\r\n\tfont-size: 2em;\r\n\theight: 100%;\r\n\tletter-spacing: -.04em;\r\n\tmargin: 0 auto;\r\n\tposition: relative;\r\n\twidth: 100%;\r\n}\r\n\r\nh4.screen_title>span {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\theight: 0;\r\n\tjustify-content: center;\r\n\topacity: 0;\r\n\toverflow: hidden;\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n}\r\n\r\nh4.screen_title>span:first-of-type {\r\n\t-webkit-animation: titleSwitch-mobile 6s ease-in-out infinite alternate;\r\n\tanimation: titleSwitch-mobile 6s ease-in-out infinite alternate;\r\n}\r\n\r\nh4.screen_title>span:nth-of-type(2) {\r\n\t-webkit-animation: titleSwitch-tablet 6s ease-in-out infinite alternate;\r\n\tanimation: titleSwitch-tablet 6s ease-in-out infinite alternate;\r\n}\r\n\r\nh4.screen_title>span:nth-of-type(3) {\r\n\t-webkit-animation: titleSwitch-desktop 6s ease-in-out infinite alternate;\r\n\tanimation: titleSwitch-desktop 6s ease-in-out infinite alternate;\r\n}\r\n\r\n.screen_row.a>.screen_column {\r\n\t-webkit-animation: screen_row-a 6s ease-in-out infinite alternate;\r\n\tanimation: screen_row-a 6s ease-in-out infinite alternate;\r\n\tbackground: var(--hb_blue);\r\n}\r\n\r\n.screen_row.b>.screen_column {\r\n\tbackground: var(--hb_red);\r\n}\r\n\r\n.screen_row.c>.screen_column {\r\n\t-webkit-animation: screen_row-c 6s ease-in-out infinite alternate;\r\n\tanimation: screen_row-c 6s ease-in-out infinite alternate;\r\n\tbackground: var(--hb_orange);\r\n}\r\n\r\n.screen_row.d>.screen_column {\r\n\t-webkit-animation: screen_row-d 6s ease-in-out infinite alternate;\r\n\tanimation: screen_row-d 6s ease-in-out infinite alternate;\r\n\tbackground: var(--hb_darkGreen);\r\n}\r\n\r\n@-webkit-keyframes screen_row-a {\r\n\t0%\t{ width: calc( 40% - .5em ); } /* minus 1.5vmin to account for the padding and margin 2 x .75vmin */\r\n\t75.3% { width: calc( 40% - .5em ); }\r\n\t75.4% { width: calc( 100% - .5em ); }\r\n\t100% { width: calc( 100% - .5em ); }\r\n}\r\n\r\n@keyframes screen_row-a {\r\n\t0%\t{ width: calc( 40% - .5em ); } /* minus 1.5vmin to account for the padding and margin 2 x .75vmin */\r\n\t75.3% { width: calc( 40% - .5em ); }\r\n\t75.4% { width: calc( 100% - .5em ); }\r\n\t100% { width: calc( 100% - .5em ); }\r\n}\r\n\r\n@-webkit-keyframes screen_row-c {\r\n\t0%\t { width: calc( 33% - .5em ); }\r\n\t28.7% { width: calc( 33% - .5em ); } /* Sandwich together the keyframes to create a stepped change in\t*/\r\n\t28.8% { width: calc( 50% - .5em ); } /* the calculated widths, otherwise the threshold is unpredictable. */\r\n\t75.3% { width: calc( 50% - .5em ); }\r\n\t75.4% { width: calc( 100% - .5em ); }\r\n\t100% { width: calc( 100% - .5em ); }\r\n}\r\n\r\n@keyframes screen_row-c {\r\n\t0%\t { width: calc( 33% - .5em ); }\r\n\t28.7% { width: calc( 33% - .5em ); } /* Sandwich together the keyframes to create a stepped change in\t*/\r\n\t28.8% { width: calc( 50% - .5em ); } /* the calculated widths, otherwise the threshold is unpredictable. */\r\n\t75.3% { width: calc( 50% - .5em ); }\r\n\t75.4% { width: calc( 100% - .5em ); }\r\n\t100% { width: calc( 100% - .5em ); }\r\n}\r\n\r\n@-webkit-keyframes screen_row-d {\r\n\t0%\t{ width: calc( 25% - .5em ); }\r\n\t51.4% { width: calc( 25% - .5em ); }\r\n\t51.5% { width: calc( 50% - .5em ); }\r\n\t100% { width: calc( 50% - .5em ); }\r\n}\r\n\r\n@keyframes screen_row-d {\r\n\t0%\t{ width: calc( 25% - .5em ); }\r\n\t51.4% { width: calc( 25% - .5em ); }\r\n\t51.5% { width: calc( 50% - .5em ); }\r\n\t100% { width: calc( 50% - .5em ); }\r\n}\r\n\r\n@-webkit-keyframes squish {\r\n\t0% { width: 100%; height: 70%; }\r\n\t100% { width: 50%; height: 100%; }\r\n}\r\n\r\n@keyframes squish {\r\n\t0% { width: 100%; height: 70%; }\r\n\t100% { width: 50%; height: 100%; }\r\n}\r\n\r\n@-webkit-keyframes titleSwitch-desktop {\r\n\t0% { opacity: 1; height: 100%; }\r\n\t25% { opacity: 1; height: 100%; }\r\n\t30% { opacity: 0; height: 0;\t}\r\n}\r\n\r\n@keyframes titleSwitch-desktop {\r\n\t0% { opacity: 1; height: 100%; }\r\n\t25% { opacity: 1; height: 100%; }\r\n\t30% { opacity: 0; height: 0;\t}\r\n}\r\n\r\n@-webkit-keyframes titleSwitch-tablet {\r\n\t25% { opacity: 0; height: 0;\t}\r\n\t30% { opacity: 1; height: 100%; }\r\n\t75% { opacity: 1; height: 100%; }\r\n\t80% { opacity: 0; height: 0;\t}\r\n}\r\n\r\n@keyframes titleSwitch-tablet {\r\n\t25% { opacity: 0; height: 0;\t}\r\n\t30% { opacity: 1; height: 100%; }\r\n\t75% { opacity: 1; height: 100%; }\r\n\t80% { opacity: 0; height: 0;\t}\r\n}\r\n\r\n@-webkit-keyframes titleSwitch-mobile {\r\n\t75% { opacity: 0; height: 0;\t}\r\n\t80% { opacity: 1; height: 100%; }\r\n\t100% { opacity: 1; height: 100%; }\r\n}\r\n\r\n@keyframes titleSwitch-mobile {\r\n\t75% { opacity: 0; height: 0;\t}\r\n\t80% { opacity: 1; height: 100%; }\r\n\t100% { opacity: 1; height: 100%; }\r\n}\r\n\r\n\r\n/*============================================================ 3. THEMES =====*/\r\n/*--------------------------------------------------- 3.1 THEMES - MEXICO ----*/\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tfont-family: wellfleet;\r\n\tfont-weight: 400;\r\n\tletter-spacing: normal;\r\n}\r\n\r\n.title-hype {\r\n\tcolor: var(--hb_darkGreen);\r\n\tfont-weight: 900;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n@media (max-width:500px) {\r\n\t.title-hype {\r\n\t\tfont-size: clamp(100%, 8vmin, 250%);\r\n\t}\r\n}\r\n","/*~~~~~~~~~~oOo~~~~~~~~~~o~\r\n~o DOCUMENT INFORMATION o~\r\n\r\no Document Herringbone Theme - Developer Landing Page CSS\r\no Version v0.1\r\no Author\tJefferson Real\r\no Contact [email protected]\r\n\r\nThis style sheet must only contain styles specific to the developer landing\r\npage. It will ONLY be loaded for this single page. Any styles to be reused on\r\nmultiple landing pages should go in landing.css.\r\n\r\n\r\n~o~~~~oOo~~~~o~\r\n~o CSS INDEX o~\r\n\r\n1. PAGE\r\n\t*empty*\r\n2. SECTIONS\r\n\t2.1 SECTION - WELCOME\r\n\t2.2 SECTION - SERVICES\r\n\t2.3 SECTION - TICKLE\r\n\t2.4 SECTION - USP\r\n 2.4.1 - PLUMBOB\r\n 2.5 SECTION - CONTACT\r\n3. ANIMATION\r\n\t3.1 ANIMATION - KEYFRAMES\r\n*/\r\n\r\n\r\n/*============================================================== 1. PAGE =====*/\r\n\r\n/*========================================================== 2. SECTIONS ==== */\r\n/*------------------------------------------------- 2.1 SECTION - WELCOME --- */\r\n\r\n\r\n.welcome>.landing_content {\r\n\tdisplay: flex;\r\n\tflex-flow: row nowrap;\r\n\tjustify-content: center;\r\n\tmargin-bottom: 200px;\r\n}\r\n\r\n.welcome>.landing_backdrop {\r\n\tbackground: radial-gradient(at 9% 9%, #fffb 0, #fff0 30%), linear-gradient(#66d4ff, #ccf1ff 20%, #fce889 55%, #fcd762 60%, #0000 61%);\r\n}\r\n\r\n.desert_clouds {\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n}\r\n\r\n.desert_cloud {\r\n\tanimation: animation_scrollLeftToRight linear infinite;\r\n\tanimation-duration: var(--animDur);\r\n}\r\n\r\n@keyframes animation_scrollLeftToRight {\r\n\t0%\t\t{ transform: translateX(0); }\r\n\t45%\t { opacity:1; }\r\n\t50.001% { transform: translateX(120%); opacity:0; }\r\n\t50.002% { transform: translateX(-120%); opacity:0; }\r\n\t55%\t { opacity:1; }\r\n\t100%\t{ transform: translateX(0); }\r\n}\r\n\r\n.desert_sun {\r\n\theight: 20%;\r\n\tleft: 0;\r\n\tmargin-left: 2%;\r\n\tmargin-top: 15px;\r\n\tmax-height: 25vw;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tz-index: -1;\r\n}\r\n\r\n.desert_terrain {\r\n\tbottom: 0;\r\n\tdisplay: flex;\r\n\theight: 75%;\r\n\tjustify-content: center;\r\n\tmargin-top: auto;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tz-index: 0;\r\n}\r\n\r\n.desert_furniture {\r\n\theight: 100%;\r\n\twidth: clamp(100%, 1920px, 177.777%);\r\n}\r\n\r\n.desert_sand {\r\n\tbottom: 0;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\twidth: clamp(100%, 1920px, 175%);\r\n\tz-index: -1;\r\n}\r\n\r\n.desert_fills {\r\n\theight: 0;\r\n\topacity: 0;\r\n\tposition: absolute;\r\n}\r\n\r\n\r\n/*------------------------------------------------ 2.2 SECTION - SERVICES --- */\r\n\r\n\r\n.services>.landing_backdrop {\r\n\tbackground: var(--hb_white);\r\n}\r\n\r\n.services>.landing_content {\r\n\tflex-flow: column;\r\n\tmargin: 0;\r\n\tmin-height: 80vh;\r\n\tpadding: 0;\r\n}\r\n\r\n.graphicContainer,\r\n.services>.landing_content {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n\r\n.graphicContainer {\r\n\tfont-size: 80%;\r\n\tmargin: auto 0;\r\n\tpadding: 10%;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.graphicContainer {\r\n\t\tfont-size: 60%;\r\n\t}\r\n}\r\n\r\n@media (min-width:70em) {\r\n\t.graphicContainer {\r\n\t\tfont-size: 80%;\r\n\t}\r\n}\r\n\r\n\r\n/*------------------------------------------------- 2.3 SECTION - TICKLE --- */\r\n\r\n\r\n.tickle>.landing_backdrop {\r\n\tbackground: linear-gradient(#fff 60%, #fff3d4);\r\n}\r\n\r\n.tickle>.landing_content {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\tjustify-content: center;\r\n\tmargin: 0;\r\n\tmin-height: 80vh;\r\n\tpadding: 0;\r\n}\r\n\r\n\r\n/*----------------------------------------------------- 2.4 SECTION - USP --- */\r\n\r\n\r\n.usp>.landing_backdrop {\r\n\tbackground: #fff3d4;\r\n}\r\n\r\n.usp_wall {\r\n\theight: 100%;\r\n}\r\n\r\n.usp>.landing_content {\r\n\tdisplay: grid;\r\n\tgrid-template: repeat(3, 33.333%) /repeat(2, 50%);\r\n\tgrid-template-areas: \"a b\"\"c d\"\"e f\";\r\n\theight: 100vh;\r\n\tpadding: 0;\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\twidth: 100%;\r\n}\r\n\r\n.landscape .usp>.landing_content {\r\n\tdisplay: grid;\r\n\tgrid-template: repeat(2, 50%) /repeat(3, 33.333%);\r\n\tgrid-template-areas: \"a b c\"\"d e f\";\r\n}\r\n\r\n.usp_title {\r\n\tfont-family: Wellfleet;\r\n\tfont-weight: 400;\r\n\tline-height: 1.6em;\r\n\tmargin-block-end: 1.688em;\r\n\tmargin-block-start: 0;\r\n}\r\n\r\n.usp_instruction:after {\r\n\tcontent: \"\\00a0\\1F335\";\r\n}\r\n\r\n.usp_instruction {\r\n\tdisplay: none;\r\n\tfont-size: 1em;\r\n\tfont-weight: 600;\r\n\tmargin: 5% auto;\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.usp_instruction {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.usp_state {\r\n\tdisplay: none;\r\n}\r\n\r\n.usp_card {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\tgrid-area: var(--grid_area);\r\n\tjustify-content: flex-end;\r\n\twidth: 100%;\r\n}\r\n\r\n#usp_default+.usp_card {\r\n\tdisplay: none;\r\n}\r\n\r\n.usp_graphicWrap {\r\n\tcursor: pointer;\r\n\tdisplay: grid;\r\n\tgrid: 10% 90%/100%;\r\n\tgrid-template-areas: \"plumbob\"\"cacti\";\r\n\theight: 100%;\r\n\tjustify-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding-top: 4vh;\r\n\twidth: 100%;\r\n}\r\n\r\n.usp_cactiBox {\r\n\taspect-ratio: 25/35;\r\n\tdisplay: flex;\r\n\tgrid-area: cacti;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n\tperspective: 12em;\r\n\tplace-items: flex-end;\r\n\twidth: auto;\r\n}\r\n\r\n.usp_cacti {\r\n\tfilter: drop-shadow(1px -2px 1px #0006);\r\n\tmax-height: 100%;\r\n}\r\n\r\n.usp_cacti,\r\n.usp_cactiShadow {\r\n\tplace-self: end center;\r\n\twidth: 100%;\r\n}\r\n\r\n.usp_cactiShadow {\r\n\tgrid-area: shadow;\r\n\theight: 0;\r\n\tz-index: -1;\r\n}\r\n\r\n.usp_blurb,\r\n.usp_subtitle {\r\n\tfont-size: 0;\r\n\tmax-height: 0;\r\n\topacity: 0;\r\n}\r\n\r\n.usp_blurb>.copy {\r\n\toverflow-y: auto;\r\n}\r\n\r\n.usp_button {\r\n\tbackground-position: 50%;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 100% 100%;\r\n\tcolor: #fff;\r\n\tcursor: pointer;\r\n\tdisplay: none;\r\n\tfont-family: Wellfleet;\r\n\tfont-weight: 400;\r\n\tgrid-area: button;\r\n\tmargin: 1% auto;\r\n\tpadding: .8em 1.2em;\r\n\twidth: -webkit-fit-content;\r\n\twidth: -moz-fit-content;\r\n\twidth: fit-content;\r\n}\r\n\r\n@media (max-width:47.999em) {\r\n\t.usp_button.green {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.usp_button.red {\r\n\tbackground-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 150 100'%3E%3Cpath fill='%23e54242' d='m11 8 125-7c8 0 15 7 13 19l-6 65c-1 9-5 15-13 14L24 92c-6 0-12-3-14-15L1 23C0 15 4 8 11 8z'/%3E%3C/svg%3E\");\r\n}\r\n\r\n.usp_button.green {\r\n\tbackground-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 150 100'%3E%3Cpath fill='%2361af76' d='m11 8 125-7c8 0 15 7 13 19l-6 65c-1 9-5 15-13 14L24 92c-6 0-12-3-14-15L1 23C0 15 4 8 11 8z'/%3E%3C/svg%3E\");\r\n}\r\n\r\n#usp_default:checked+.usp_card {\r\n\tdisplay: flex;\r\n}\r\n\r\n.usp_state:checked+.usp_card {\r\n\t-webkit-animation: animation_fadeIn .75s ease;\r\n\tanimation: animation_fadeIn .75s ease;\r\n\tdisplay: grid;\r\n\tgrid-column: 1/-1;\r\n\tgrid-row: 1/-1;\r\n\tgrid-template: 30% 70%/100%;\r\n\tgrid-template-areas: \"cactus\"\"blurb \";\r\n\tjustify-content: space-evenly;\r\n\tpadding: 5vh 5vw;\r\n\tz-index: 1;\r\n}\r\n\r\n.landscape .usp_state:checked+.usp_card {\r\n\t-moz-column-gap: 1em;\r\n\tcolumn-gap: 1em;\r\n\tgrid-template: 70% 30%/80% 20%;\r\n\tgrid-template-areas: \"blurb cactus\"\"blurb button\";\r\n}\r\n\r\n.landscape .usp_state:checked+.usp_card .usp_blurb {\r\n\ttext-align: start;\r\n}\r\n\r\n.usp_state:checked+.usp_card .usp_graphicWrap {\r\n\tdisplay: grid;\r\n\tgap: 4%;\r\n\tgrid: 12% 76% 4%/100%;\r\n\tgrid-area: cactus;\r\n\tgrid-template-areas: \"plumbob\"\"cacti\"\"shadow\";\r\n\theight: 80%;\r\n\tpadding-top: 0;\r\n\tpointer-events: none;\r\n}\r\n\r\n.usp_state:checked+.usp_card .plumbob,\r\n.usp_state:checked+.usp_card .usp_cactiBox {\r\n\t-webkit-animation: animation_floaty .5s ease-in-out infinite alternate;\r\n\tanimation: animation_floaty .5s ease-in-out infinite alternate;\r\n}\r\n\r\n.usp_state:checked+.usp_card .usp_cactiBox {\r\n\tplace-items: flex-start;\r\n}\r\n\r\n.usp_state:checked+.usp_card .usp_cacti {\r\n\t-webkit-animation: animation_swagger 2s linear infinite alternate;\r\n\tanimation: animation_swagger 2s linear infinite alternate;\r\n\tplace-self: center center;\r\n}\r\n\r\n.usp_state:checked+.usp_card .usp_cactiShadow {\r\n\t-webkit-animation: animation_swell .5s ease-in-out infinite alternate;\r\n\tanimation: animation_swell .5s ease-in-out infinite alternate;\r\n\theight: 100%;\r\n}\r\n\r\n.usp_state:checked+.usp_card>.usp_blurb {\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\tfont-size: 1em;\r\n\tgrid-area: blurb;\r\n\theight: 100%;\r\n\tjustify-content: center;\r\n\tmax-height: 100%;\r\n\topacity: 1;\r\n}\r\n\r\n.usp_state:checked+.usp_card .usp_button.red {\r\n\tdisplay: block;\r\n}\r\n\r\n@media (max-height:22.5em) and (max-width:40em),\r\n(max-width:22.5em) {\r\n\t.usp_state:checked+.usp_card {\r\n\t\tgrid-template: 25% 75%/100%;\r\n\t\tgrid-template-areas: \"cactus\"\"blurb \";\r\n\t}\r\n\r\n\t.usp_state:checked+.usp_card>.usp_graphicWrap {\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.usp_blurb,\r\n\t.usp_subtitle {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n@media (max-width:47.999em) {\r\n\t.usp_card {\r\n\t\tbackground: #fff3d4;\r\n\t}\r\n}\r\n\r\n@media (min-width:48em) {\r\n\t.usp>.landing_content {\r\n\t\tgrid-template: 60% repeat(2, 20%) /repeat(3, 33.333%);\r\n\t\tgrid-template-areas: \"i i i\"\"a b c\"\"d e f\";\r\n\t}\r\n\r\n\t.landscape .usp>.landing_content {\r\n\t\tgrid-template: 70% 30%/repeat(6, 16.666%);\r\n\t\tgrid-template-areas: \"i i i i i i\"\"a b c d e f\";\r\n\t}\r\n\r\n\t.landscape .usp_state:checked+.usp_card {\r\n\t\tgrid-template: 100%/80% 20%;\r\n\t\tgrid-template-areas: \"blurb cactus\";\r\n\t}\r\n\r\n\t.usp_graphicWrap {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.usp_subtitle {\r\n\t\tfont-family: Wellfleet;\r\n\t\tfont-size: revert;\r\n\t\tfont-weight: 400;\r\n\t\tmargin: 0;\r\n\t\tmax-height: revert;\r\n\t\topacity: revert;\r\n\t}\r\n\r\n\t.usp_card>.usp_button,\r\n\t.usp_state:checked+.usp_card>.usp_button {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.usp_state:checked+.usp_card {\r\n\t\tbackground-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1720 570'%3E%3Cpath fill='%23fafafa' d='M79 21 1640 0c45-1 88 31 79 85l-64 393c-9 54-47 93-102 92L144 539c-49-1-84-36-91-79L1 115c-7-43 25-94 78-94z'/%3E%3C/svg%3E\");\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: 100% 100%;\r\n\t\tfilter: drop-shadow(2px 4px 5px #0008);\r\n\t\tgrid-area: i;\r\n\t\tgrid-template: 100%/80% 20%;\r\n\t\tgrid-template-areas: \"blurb cactus\";\r\n\t\tmargin: auto;\r\n\t\tmax-width: calc(56em + 10vw);\r\n\t\ttext-align: left;\r\n\t\twidth: -webkit-max-content;\r\n\t\twidth: -moz-max-content;\r\n\t\twidth: max-content;\r\n\t}\r\n\r\n\t.usp_state:checked+.usp_card>.usp_blurb {\r\n\t\talign-items: flex-start;\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: column;\r\n\t\tjustify-content: center;\r\n\t\tmax-width: 44em;\r\n\t\tpadding: 2%;\r\n\t}\r\n\r\n\t.usp_state:checked+.usp_card>.usp_graphicWrap {\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n\r\n@media (min-width:70em) {\r\n\t.usp>.landing_content {\r\n\t\tgrid-template: 15% 50% 35%/repeat(6, 16.666%);\r\n\t\tgrid-template-areas: \"i i i i i i\"\"i i i i i i\"\"a b c d e f\";\r\n\t}\r\n\r\n\t.usp_state:checked+.usp_card {\r\n\t\tmax-height: 60vh;\r\n\t}\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - 2.4.1 USP - PLUMBOB - - */\r\n\r\n\r\n.plumbob {\r\n\taspect-ratio: 1/1;\r\n\tdisplay: grid;\r\n\theight: 100%;\r\n\tperspective: 100vmin;\r\n\tperspective-origin: 50% 20%;\r\n\tplace-items: center;\r\n}\r\n\r\n.plumbob_model {\r\n\tanimation: animation_rotate 6s linear infinite;\r\n\tgrid: 1fr 1fr/100%;\r\n\twidth: 50%;\r\n}\r\n\r\n.plumbob_bottom,\r\n.plumbob_model,\r\n.plumbob_top {\r\n\tdisplay: grid;\r\n\theight: 100%;\r\n\ttransform-style: preserve-3d;\r\n}\r\n\r\n.plumbob_bottom,\r\n.plumbob_top {\r\n\tplace-items: center;\r\n\tposition: relative;\r\n\twidth: 100%;\r\n}\r\n\r\n.plumbob_bottom {\r\n\ttransform: rotateX(180deg);\r\n}\r\n\r\n.plumbob_face {\r\n\tanimation: animation_lightInOut 6s linear infinite;\r\n\tanimation-delay: var(--animDelay);\r\n\tcolor: #e2e542;\r\n\theight: 100%;\r\n\tmargin-bottom: -16.5%;\r\n\tposition: absolute;\r\n\ttransform: rotateY(var(--rotateY)) rotateX(23deg);\r\n\ttransform-origin: 50% 0 0;\r\n\twidth: 45%;\r\n}\r\n\r\n\r\n/*------------------------------------------------- 2.5 SECTION - CONTACT --- */\r\n\r\n\r\nsection.contact {\r\n\tpadding-bottom: 5em;\r\n\tpadding-top: 2em;\r\n}\r\n\r\n\r\n/*========================================================= 3. ANIMATION ==== */\r\n/*--------------------------------------------- 3.1 ANIMATION - KEYFRAMES --- */\r\n\r\n\r\n@-webkit-keyframes animation_swagger {\r\n\t0% {transform: rotate3d( 0, 0.5, 0, -20deg); filter: brightness(1.4); }\r\n\t100% {transform: rotate3d( 0, 0.5, 0, 20deg); filter: brightness(0.6); }\r\n}\r\n@keyframes animation_swagger {\r\n\t0% {transform: rotate3d( 0, 0.5, 0, -20deg); filter: brightness(1.4); }\r\n\t100% {transform: rotate3d( 0, 0.5, 0, 20deg); filter: brightness(0.6); }\r\n}\r\n\r\n\r\n@-webkit-keyframes animation_floaty {\r\n\t0% { transform: translatey(0px); }\r\n\t100% { transform: translatey(10px); }\r\n}\r\n@keyframes animation_floaty {\r\n\t0% { transform: translatey(0px); }\r\n\t100% { transform: translatey(10px); }\r\n}\r\n\r\n\r\n@-webkit-keyframes animation_swell {\r\n\t0% { transform: scale(0.9); }\r\n\t100% { transform: scale(1.1); }\r\n}\r\n@keyframes animation_swell {\r\n\t0% { transform: scale(0.9); }\r\n\t100% { transform: scale(1.1); }\r\n}\r\n\r\n\r\n@-webkit-keyframes animation_floaty_spinny {\r\n 0% {transform: rotate3d( 0, 0.5, 0, 0deg) translatey(0px); filter: brightness(1.2); }\r\n 12.5% {transform: rotate3d( 0, 0.5, 0, 45deg) translatey(5px); filter: brightness(1.6); }\r\n 25% {transform: rotate3d( 0, 0.5, 0, 90deg) translatey(10px); filter: brightness(1.2); }\r\n 25.1% {transform: rotate3d( 0, 0.5, 0, 90.1deg) translatey(10px); filter: brightness(0.4); }\r\n 37.5% {transform: rotate3d( 0, 0.5, 0, 135deg) translatey(5px); filter: brightness(0.8); }\r\n 50% {transform: rotate3d( 0, 0.5, 0, 180deg) translatey(0px); filter: brightness(1.2); }\r\n 62.5% {transform: rotate3d( 0, 0.5, 0, 225deg) translatey(5px); filter: brightness(1.6); }\r\n 75% {transform: rotate3d( 0, 0.5, 0, 270deg) translatey(10px); filter: brightness(1.2); }\r\n 75.1% {transform: rotate3d( 0, 0.5, 0, 270.1deg) translatey(10px); filter: brightness(0.4); }\r\n 87.5% {transform: rotate3d( 0, 0.5, 0, 315deg) translatey(5px); filter: brightness(0.8); }\r\n 100% {transform: rotate3d( 0, 0.5, 0, 360deg) translatey(0px); filter: brightness(1.2); }\r\n}\r\n@keyframes animation_floaty_spinny {\r\n 0% {transform: rotate3d( 0, 0.5, 0, 0deg) translatey(0px); filter: brightness(1.2); }\r\n 12.5% {transform: rotate3d( 0, 0.5, 0, 45deg) translatey(5px); filter: brightness(1.6); }\r\n 25% {transform: rotate3d( 0, 0.5, 0, 90deg) translatey(10px); filter: brightness(1.2); }\r\n 25.1% {transform: rotate3d( 0, 0.5, 0, 90.1deg) translatey(10px); filter: brightness(0.4); }\r\n 37.5% {transform: rotate3d( 0, 0.5, 0, 135deg) translatey(5px); filter: brightness(0.8); }\r\n 50% {transform: rotate3d( 0, 0.5, 0, 180deg) translatey(0px); filter: brightness(1.2); }\r\n 62.5% {transform: rotate3d( 0, 0.5, 0, 225deg) translatey(5px); filter: brightness(1.6); }\r\n 75% {transform: rotate3d( 0, 0.5, 0, 270deg) translatey(10px); filter: brightness(1.2); }\r\n 75.1% {transform: rotate3d( 0, 0.5, 0, 270.1deg) translatey(10px); filter: brightness(0.4); }\r\n 87.5% {transform: rotate3d( 0, 0.5, 0, 315deg) translatey(5px); filter: brightness(0.8); }\r\n 100% {transform: rotate3d( 0, 0.5, 0, 360deg) translatey(0px); filter: brightness(1.2); }\r\n}\r\n\r\n\r\n@-webkit-keyframes animation_lightInOut {\r\n\t0% { filter: brightness( 0.3 ); }\r\n\t50% { filter: brightness( 1 ); }\r\n\t75% { filter: brightness( 1 ); }\r\n\t100% { filter: brightness( 0.3 ); }\r\n}\r\n@keyframes animation_lightInOut {\r\n\t0% { filter: brightness( 0.3 ); }\r\n\t50% { filter: brightness( 1 ); }\r\n\t75% { filter: brightness( 1 ); }\r\n\t100% { filter: brightness( 0.3 ); }\r\n}\r\n\r\n\r\n@-webkit-keyframes animation_rotate {\r\n\t0% { transform: rotateY( 0deg ); }\r\n\t50% { transform: rotateY( 180deg ); }\r\n\t100% { transform: rotateY( 360deg ); }\r\n}\r\n@keyframes animation_rotate {\r\n\t0% { transform: rotateY( 0deg ); }\r\n\t50% { transform: rotateY( 180deg ); }\r\n\t100% { transform: rotateY( 360deg ); }\r\n}\r\n\r\n\r\n@-webkit-keyframes animation_fadeIn {\r\n\t0% { opacity: 0; }\r\n\t100% { opacity: 1; }\r\n}\r\n@keyframes animation_fadeIn {\r\n\t0% { opacity: 0; }\r\n\t100% { opacity: 1; }\r\n}\r\n"],"names":[],"sourceRoot":""}