-
Notifications
You must be signed in to change notification settings - Fork 2
/
style.css.map
executable file
·1 lines (1 loc) · 122 KB
/
style.css.map
1
{"version":3,"file":"../style.css","mappings":";;;;;;;;;;;;;;;AAAA,WCiBA,mBACC,kBACA,gBACA,kBACA,yGACA,yJACA,YAGD,mBACC,kBACA,gBACA,kBACA,4GACA,2GACA,YAGD,mBACC,kBACA,gBACA,kBACA,4GACA,2GACA,YAGD,mBACC,kBACA,gBACA,kBACA,yGACA,yJACA,YAGD,mBACC,kBACA,gBACA,kBACA,4GACA,2GACA,YAGD,mBACC,kBACA,gBACA,kBACA,yGACA,yJACA,YAGD,mBACC,kBACA,gBACA,kBACA,4GACA,2GACA,YAGD,mBACC,kBACA,gBACA,kBACA,yGACA,yJACA,YAQD,uBACC,kBACA,gBACA,kBACA,2GACA,2GACA,YAGD,uBACC,kBACA,gBACA,kBACA,wGACA,yJACA,YAGD,uBACC,kBACA,gBACA,kBACA,uGACA,2GACA,YAGD,uBACC,kBACA,gBACA,kBACA,oGACA,yJACA,YAGD,uBACC,kBACA,gBACA,kBACA,2GACA,2GACA,YAGD,uBACC,kBACA,gBACA,kBACA,wGACA,yJACA,YAGD,uBACC,kBACA,gBACA,kBACA,wGACA,2GACA,YAGD,uBACC,kBACA,gBACA,kBACA,qGACA,yJACA,YAGD,uBACC,kBACA,gBACA,kBACA,oGACA,2GACA,YAGD,uBACC,kBACA,gBACA,kBACA,iGACA,yJACA,YAGD,uBACC,kBACA,gBACA,kBACA,wGACA,2GACA,YAGD,uBACC,kBACA,gBACA,kBACA,qGACA,yJACA,YASD,uBACC,kBACA,gBACA,kBACA,kGACA,yJACA,OC/LD,sCAEC,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,2BACA,6EAEA,iCAEA,wEACA,wDACA,sBAEA,sBACA,yBAGA,yBACA,mBACA,iCACA,iDACA,oBACA,sDAGA,0EACA,yEACA,yBAGA,wBACA,uBACA,qBACA,qBACA,sBACA,qBACA,qCAGA,iCAGA,6BACI,uBACJ,6BAGA,gBACA,mCACA,iEAEA,iBAGA,iEAGA,mEACA,kEACA,uEACA,mEACA,6DACA,WFTD,QACI,iBACA,MAGJ,YACI,wBACA,SAGJ,eACC,yBAQD,UACC,+BAEA,iCACC,+BAED,mBACC,gCACA,GAQF,qBACC,GAGD,oBACC,gBAGD,yCACC,QAGD,mBACC,OAGD,gBACC,gCAGD,mBAIC,oBACA,kBACA,gLAGD,cAIC,oBAOD,SACC,2BACA,wBAID,SACC,2BACA,eAID,SACC,2BACA,wBAEE,0BACA,yBAEA,0BACA,kBAOH,kCACA,6BAGA,SAEI,eACH,cACA,iBACA,uBACA,qBACA,kDAEG,cAGI,mBACN,YACA,0BAEE,oBAEI,sCAEJ,yBAEI,0BAGP,cAEO,QAGR,wBACC,0BACG,uBACA,4DACA,UAGJ,oBACC,gBACA,cACA,gBACA,0BAED,SACC,oBACC,gBACA,gBACA,oBAIF,kCAMC,gBACA,IAGD,wBACC,0BACA,oBACA,uBACA,6BACA,IAGD,wBACC,yBACA,gBACG,uBACH,4BACA,IAGD,uBACC,2BACA,oBACA,uBACA,2BACA,UAGD,uBAGC,0BACA,oBACA,uBACA,8BACA,wBAGD,wBAKI,uBACH,oBACG,sBACA,oBACA,sBACA,OAGJ,2BAEC,IAGD,uBACC,SAGD,gBACE,cAGF,0BACE,MAGF,eACE,qBACA,KAGF,cACE,KAGF,eACE,qBACA,YAGF,mBACE,oBACA,2BACA,cAEE,oBACI,oBAEJ,yBACI,cAGR,oBACI,oBAEA,yBACI,iDAGR,kBAKC,YAGD,uBACC,mBACA,4BACA,mCACA,mBACA,kBACA,uBACA,oBAEA,uBACC,sBACA,iBACA,2BACA,8BACA,mBACA,iBAED,mBACC,QAGF,wBACC,wBACA,qCACA,mCACA,aACA,kBACA,oBACA,gDACA,6BACA,iBACA,gBAEA,sBACC,YACA,mBAED,kBACC,cAEA,kDACC,eAEA,8BACC,sBACA,gBAED,+BACC,sBACA,aAED,kCACC,sBACA,gBAED,2BACC,sBACA,QAGJ,eACC,SAGD,cACC,kBACA,cAGD,sBACC,YACA,MAGD,yBACC,cACA,2BACA,mCACA,sBACA,cACA,6BACA,4BACA,SAOD,YACC,iBACA,mBACA,WACA,mEAGA,iBAMC,YAGD,QACC,eACA,gBACA,eAEA,aACC,mBACA,mCACA,eACA,qBAEA,cACC,gCACA,sBACA,WAGH,aACC,qBACA,0BAGF,WACC,6BACC,kBACA,sBAGD,2BAEC,aAUF,sBACI,8BAGJ,aAEI,yBACA,aAGJ,WACI,uBACA,YAGJ,UACI,uBACA,kBAGJ,WACI,uBACA,iBAGJ,sBACI,iBAGJ,UACI,uBACA,mBAGJ,aACI,iBACA,kBACA,aAGJ,0BACI,yBACA,cACA,qBACA,kBACA,uBAGJ,sBACI,uBAGJ,sBACI,wBAGJ,sBACI,iBAGJ,aACI,YACA,SACA,gBACA,UACA,WACA,+BAGJ,cACI,iBACA,SACA,kBACA,qBAIJ,QACC,8BACA,qBACA,WACA,YACA,gBACA,UACA,6BACA,UACA,4BACA,2BAGD,wCACC,qBACA,eACA,6BACA,cACA,cACA,YACA,SACA,mBACA,uBACA,qBACA,QACA,WACA,eACA,uBAeD,YAGC,qBACA,uJACA,0BAID,sBACC,uIAGC,4BAKF,sBACC,8IAGC,QAIF,yBACC,6BAGD,yBAEC,QAGD,2BACC,oBAGD,uBAEC,eAGD,gBACC,iDAGD,cACC,YACC,sBACA,oBAKF,YAGC,sBACA,uDAID,qBAOC,YAOD,cACI,gBAEH,qBACC,mBACG,YACH,eACA,qCACA,QAQF,YACC,uBACA,UACA,4BACA,wBACA,+BACA,gCACA,cAGA,cACC,cACA,gBACA,0BAEA,aACA,uBACC,+BACA,0CAGA,wCAEC,yCACA,wBACA,gCACA,UAOJ,YACC,8GACA,sFACA,WACA,kBAEA,YACC,wBACA,WACA,YACA,UAGA,sBACC,aACA,eACA,0BAGH,SAEC,yFACC,0EACA,4BAIF,SAEC,YACC,qBACA,8DACA,8CACA,WACA,gCAEA,mBACC,OAQH,YACC,mBACA,SAGD,UACI,eACA,aACA,iBACA,uBACA,qBACA,kBAGJ,YACC,uBACA,YAGD,gBACC,mCAGD,mBACC,UACC,iBACA,WACA,mBAED,aACC,WACA,WACA,OAQF,oCACC,eACA,YACA,sBACA,mBACG,OAOJ,YACC,sBACA,oBACA,2BACA,WACA,QAEA,0BACC,aACA,WACA,eACA,YACA,6BACA,sBAGD,cACC,OAID,iBACC,4BACA,mBACA,aACA,eACA,cACA,eAEC,QACC,YACA,UACA,WACA,wBAED,oCACC,WACA,eAEA,sBACC,iBAED,iBACC,eACA,wBACA,wBACA,cACA,uBACA,gBACA,YACA,WACA,uBAED,cACC,aAEA,aACC,aACA,YACA,yBACA,aACA,WACA,YACA,gBACA,cACA,2DAED,WACC,YAEA,YACC,kBACA,WACA,WACA,mBACA,uBACA,oBACA,wBACA,YACA,aACA,kBAED,2BACC,kBAED,gCACC,8KAED,QAEC,mBAED,aACC,wBACA,yBAEA,aACC,sBACA,eACA,iBACA,kBACA,+BAED,yBACC,yBAEA,YACC,wBAED,qBACC,+BAEF,aACC,cAEF,iBACC,MACA,QACA,SACA,OACA,wBACA,mBACA,uBACA,qCACA,cAEA,kDACC,4GAIP,8BAGC,iBAOD,gDACC,YACA,kBACA,4BAEA,uBACC,qCACA,kCACA,kCACA,iCAED,UACC,wBAEA,oBACC,sBACA,uBAEA,OACC,wBACA,mDACA,oMAED,KAEC,SAQL,oBACI,kBACA,YACA,mBACA,+BACA,UACA,kBACH,eACG,mBACH,iBACG,qBACA,kBACA,sHACA,uBAKA,oBACI,mBACA,gCACA,sBACA,kCACA,kBACA,kBACA,eACA,YACA,kBACA,qBACA,uBACA,mBACA,sBACA,mCACA,gBACA,eAEN,cACC,6BAED,4BACU,yBACT,kBACS,qCAEV,SAEC,UACA,4CACA,gBAOH,wBACC,8BAEG,iBACF,yBACG,6BACH,oCAEE,wCACF,kCACG,sBACH,gBAMF,wBACC,8BAEA,wBACC,6BACA,gBAOF,yBACC,gBACA,8BAEA,cACC,8BACA,+DACA,cACA,WACA,kBACA,WACA,6BACA,mCACA,2BACA,gBACA,uBACA,yBACA,sBACG,qBACC,iBACI,kBACR,qBACA,oCAEA,wCACC,8HACA,uDAGA,0BACA,qCAED,qBACC,mFACA,+DAGA,6BACA,gBAOH,kBACI,2BACA,UACA,UACA,aACA,kBACA,aACA,qBACA,mBACA,uBACA,8BACA,2BACA,sBACA,YACA,qBACA,eACA,8BAEA,YACF,mBACA,uBACA,sBACA,iBACA,qBACA,YACA,mBACA,mBACA,sBACA,8BACA,2BACA,sBACA,aACA,mCACA,gBACA,uBACA,yBACA,sBACG,qBACC,iBACI,oCAEF,wBACI,+EACA,uBAEA,qCAGR,yBACI,sFACA,uBAEA,kCAMP,+BACC,sBACA,iBAOF,6BACC,aAOD,YACC,eACA,UACG,YACA,YACH,gBACA,aACA,UACA,WACA,8BACA,WACG,uCACA,mBAEH,cACC,2BAED,oBACC,UACA,SAED,sBACC,uBACA,WACA,YACA,iCAEA,wBAEC,uBACA,eAED,kBACC,mBAED,SACC,8BACA,kBACA,yBAEA,cACC,4BAEA,kBACC,iCAED,oEACC,iCAED,oEACC,iCAED,iDACC,iCAED,mDACC,iCAED,kEACC,iCAED,oEACC,0BAGL,YACI,YACI,UAUR,0BACI,kBACA,qCACA,WACH,2BACG,WACA,mBACA,eAEH,YACC,iBACM,QACA,mBACA,uBACA,qBACN,WACA,mBACM,iBAEN,YACC,iBACA,mBACA,2BACA,eACA,mBACA,sBAEA,aACC,uBACY,wBAEJ,aACI,uBACA,uBAEb,YACC,uBACG,0BAOP,QACI,gBACI,mBACA,eAEA,oBACI,8BACA,iBACA,sBAET,oBACa,2BACA,wBAEJ,aACI,yBACA,uBAEb,YACC,yBACA,UAOJ,UACC,eAEA,YACC,SACA,cACA,eACA,uBACA,qBACA,gBACA,WACA,gBACM,6BACN,aAEA,YACC,wBACA,uBACA,mBACA,SACA,aACA,WACA,eACA,oBAGA,YACC,mBACA,eACA,6BACA,iBACA,WACA,2BACA,0BAED,gDACC,sBAGQ,kBACI,mCAGA,kBACI,YAOpB,YACC,iBACA,mBACA,2BACA,6BACA,qBACA,iBAEA,kBACC,UACA,WACA,iBAED,YACC,sBACA,uBACA,uBACA,qBAEA,QACC,oCACA,uBACA,oBAED,kCACC,gBACA,wBACA,2BACA,mBACA,QAOH,YACC,UACA,WACA,cACA,eAEA,YACC,iEACA,yDACA,qBACA,WACA,YACA,qCACA,gCACA,+BACA,4BACA,uBACA,cACA,iBAEA,YACC,cACA,yBACA,yBACA,0BACA,WACA,2BACA,wBACA,mBACA,iBAED,wBACC,sBAEA,WACC,oCACA,+BACA,mBACA,sBACA,oBACA,kBACA,gBACA,4BAED,cACC,0BAGJ,cACC,cACC,MACA,OACA,mBACA,YACA,gBACA,qCACA,aACA,cACA,0BAIF,OACC,cACC,MACA,mCACA,WACA,aACA,YAQF,QACI,aACA,mBACA,mBACA,uBACA,YACA,aACA,WACA,gBAEH,wBACC,qBACA,mBACA,kBAED,aACC,0BAED,eACC,kBACC,0KAIF,SAOC,4RAGD,SAUC,uBAGD,eACC,WAMF,mBACI,kBACA,qBACA,oBACA,UACH,uBACG,gCAEF,+BAED,cACA,mBAEA,WACC,eACA,0BACA,6BACA,qBACA,cACA,iCAEA,kBACC,kBAEF,YACC,mBACA,uBACA,2CACA,yBACA,4BACA,+BACA,eACA,eACA,cACA,gCAEA,iBACC,sBAED,cACC,0BAEA,oDACC,YACA,gCAED,UACC,cACA,WACA,QACA,oBAIH,YACC,kBACA,sBACA,QACA,WACA,wBACA,YACA,2CACA,WACA,iCACA,uBACA,sBACA,aACA,gBACA,gBACA,6BACA,kBACA,+DAGD,kBACC,gBAEA,mBACC,+BACA,WACA,sBAED,8BACC,mCACA,sCACA,WACA,qBACA,kBACA,4BAED,yCACC,6CACA,mCACA,kDAGH,yBACC,4CAEA,gBACC,uFAED,iBACC,qBACA,2GAED,kDACC,wCAGF,UACC,QACA,yCAED,MACC,YACA,kBAGD,KACC,oBACA,mBACA,8BACA,gBACA,kDAEA,SACC,mCAED,kBACC,mBACA,uBACA,YACA,UACA,iDAEA,aACC,0CAEF,UACC,cACA,QACA,WACA,2CACA,kFAED,yCAEC,6CACA,mCACA,qCAED,eACC,mBACA,mBACA,uBACA,+BACA,6DAED,eACC,sBACA,WAOF,OACC,aACA,mBACA,uBACA,mBACA,0BACA,cACA,WACA,iBACA,0BAEA,UAXD,WAYE,2BAGD,cACC,0BAGD,YACC,kBACA,cACA,iBACA,mBACA,2BACA,4BACA,kBACA,kBACA,6CACA,2BACA,cACA,qBACA,cACA,uCAEA,wEACA,yEACA,6EACA,6EAEA,aACC,eACA,6DAEA,OACC,mBACA,6EAEA,YACC,iBACA,mBACA,uBACA,kFAGD,aACC,mFAGD,YACC,yFAEA,SACC,wGAEA,WACC,WACA,yGAGD,QACC,oDAQN,YAEC,iBACA,mBACA,2BACA,2BACA,iBACA,WACA,YACA,0BAGD,iBACC,MACA,OACA,0BACA,iBACA,4BAEA,aACC,0BAIF,gBACC,0CACA,wBACA,4BACA,qBACA,aACA,YACA,iBACA,6BAGD,gBACC,kBACA,QACA,SACA,WACA,mBACA,0DACA,aACA,aACA,0BAGD,YACC,iBACA,mBACA,SACA,UACA,gBACA,gBACA,6BAEA,qBACC,0BACA,oCAUF,UACC,WAQF,YACC,UACA,gBACA,cAEA,oBACC,mBACA,+BACA,kBACA,uBACA,iBACA,2BAEA,qBACC,0BACA,4BAGD,qBACC,iCACA,2BAGD,qBACC,+BACA,kCAGD,2BACC,WAUH,YACC,eACA,SACA,sBACA,mBACA,uBACA,UACA,iCACA,8EACA,0BACA,mCACA,UACA,WACA,0BAEA,UAfD,YAgBE,mBAGD,YACC,mBACA,uBACA,eACA,+FACA,oBACA,yJACA,aAEA,UACA,WACA,8BACA,qBACA,8BAED,cACC,yBAED,iFACC,yJAEA,kBAGD,SACC,iBAEA,YACC,kBACA,mBACA,uBACA,UACA,8BACA,kBACA,mCACA,UACA,WACA,oBAED,YACC,6CAED,4FACC,yKAEA,4CAGD,SACC,sDACA,6EACA,yDAED,iCACC,0BACA,yDAED,kCACC,0BACA,yDAED,kCACC,0BACA,gCAED,wDACC,mCACC,0BACA,yDAED,iCACC,0BACA,yDAED,oCACC,0BACA,iBAEF,UACC,0BAQH,GACC,uBACA,yBACA,uBACA,0BACA,qCAID,GACC,uBACA,yBACA,uBACA,0BACA,2CAwFD,YACC,sBACA,mBACA,2BACA,WACA,eACA,iBAGD,YACC,kBACA,mBACA,uBACA,4BACA,+BACA,WACA,cACA,gBACA,kBAGD,iBACC,OACA,SACA,yBACA,SACA,sBACA,cACA,gBACA,uBACA,0BAED,8BACC,wBAGD,mLACC,cAEA,uBAOD,qBACI,aACA,kBACA,uBACA,qBACA,WACA,mBACH,mBACA,uCAEA,iBACC,QACA,+BACA,WACA,WACA,WAQF,YACC,cACA;AG9rED,yBACI,eACA,2BACA,gDAGJ,4BACI,yBACI,SACA,YAGR,wBACI,6BACI,cAQR,cACC,aACA,eACA,yBAOD,yBACC,+BACA,iDACA,gDACA,MACA,aACA,kBACA,oHACA,iBACA,uBACA,WACA,kBAEA,0CACC,kBACA,oBACA,uBACA,UAGD,2CACC,aACA,kBACA,cACA,iBACA,uBACA,WACA,WACA,YACA,gBAIF,yBACC,yBACC,qJAGF,yBACC,yBACC,iLAUF,WACC,cACA,aACG,WAEH,2BACC,QACA,aACA,cACA,iBACA,kBACA,oCACA,mCACA,YAEA,uGAEU,aAIT,0DACC,SAEA,8DACC,iBACA,oCACA,eACA,YAMO,uDACR,gBACY,4BAGb,6EACC,oCACA,mCACA,kBACA,0BACA,kBAMJ,yBACC,WACC,aACA,YAEA,2BACC,kBACA,oCACA,aAMH,gDACC,gCACC,cAED,+BACC,uBAKF,0BACC,WACC,aACA,eAEA,2BACC,0BACA,wBACA,gBACA,yBAUH,MACC,4DACA,kBACA,UACA,iBACA,kBACA,kBACA,oCACG,iCACH,2BACA,YACG,eACH,2BACA,wBACA,mBAEG,iBACI,aACA,kBACA,mBACA,6BACN,+BACM,WACA,SAEA,+BAEI,+BACA,4DACA,UACA,gBACA,uBACA,cAEJ,eACI,OACA,+DAEJ,gBACI,iBAEJ,wBACI,gBACI,cAGf,YACC,qBACA,0BACA,gBACA,mCACA,6BAEA,yBACC,YACC,sCACA,sCAGI,WACI,QACA,aACA,mBACA,uBACA,aAEA,cACI,aACA,0CACA,wBACA,4BACA,sBAEA,WACI,gBACA,mBACA,YACA,aAEJ,WACI,aACA,wBACA,mBACA,kBACA,uBACA,6BACA,mCAEZ,UACI,2BACA,mCACA,4BACA,gBAGZ,mBACI,kBACA,YAOJ,iBACC,kBACA,6BACA,QACA,kBACA,YAEA,OACC,cACA,kDACA,4BACA,YAEA,0CAEC,qCAED,gDAEC,wCAED,wCAEC,yCAED,wBACC,wCAEA,sCAED,yBACC,0CACA,+CACA,0CACA,0CACA,+CACA,0CACA,0CACA,+CACA,2CAED,4BACC,4BACA,+BACA,4BACA,4BACA,+BACA,4BACA,4BACA,+BACA,6BAED,yBACC,yCACA,8CACA,+CACA,0CACA,0CACA,+CACA,+CACA,0CACA,0CACA,+CACA,4CAED,6BACC,2BACA,6BACA,8BACA,4BACA,4BACA,8BACA,8BACA,4BACA,4BACA,8BACA,8BAQF,gBACC,eACA,UACA,kBACA,UACA,iBACA,YACA,gBACA,aACA,iBAOF,QACC,6DACA,2DACQ,mDACR,uBACA,oBACA,kCACA,WACA,YAEA,aACC,aACA,wBACA,kBACA,2BACA,cACA,WACA,YAEA,YACC,aACA,cACA,mBAEA,eACC,cACA,aACA,oBAEA,gBACC,kBACA,cACA,WACA,YACA,sBACA,cACA,uBAEA,qBACC,aACA,kBACA,mBACA,uBACA,UACA,WACA,SACA,gBAEA,oCACC,uEACQ,+DAET,oCACC,uEACQ,+DAET,oCACC,wEACQ,gEAIf,6BACC,iEACQ,yDACR,mCAGD,6BACC,+BAGD,6BACC,iEACQ,yDACR,4BAGD,6BACC,iEACQ,yDACR,gCAID,gCACC,0BACA,6BACA,8BACA,8BAID,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,wCAEC,mCACA,gBACA;AC5kBD,0BAwBC,YACC,qBACA,uBACM,mBACA,iBACN,8CAEA,iBACC,kBACA,QACA,SACA,4BAIC,8OAEQ,gBAcJ,iBACI,WAEA,YACA,eAEA,qDACI,kCACA,wCAEA,GACI,4BACA,kBACA,6CACA,0CACA,eACA,qCAEZ,iBACI,MACA,OACA,WACA,aACA,iBAEJ,YACI,kBACA,SACA,uBACA,UACA,gBACA,WACA,WACA,gBACA,mBAEA,iCACI,YACA,iGAEZ,gBAGC,8IAEA,uBACC,mCACA,cAIM,iBACI,QACA,SACA,OACA,WACA,8BACA,YACA,eAEZ,iBACI,UACA,SACA,6BAMP,0BACA,4BAGA,YACA,iBACA,mBACA,uBACA,SACA,UACA,gBACA,kBACA,2BAOD,6CACC,0BAGD,YACC,iBACA,mBACA,uBACA,SACA,UACA,gBACA,wBAOD,oCACC,WAEA,WACC,uBAGF,YACC,kBACA,gDACA,sCACA,UAGA,WACA,aACA,kBACA,kCAED,YACC,gDACA,oCACA,YAGA,kCACC,8BACA,gBACA,mBACA,qBACA,kBACA,yBAEA,aACC,kBAED,aACC,eACA,cACA,gBACA,YAEA,YACC,WAEA,YACC,iBACA,2BACA,mBACA,yBACA,WACA,wBAED,YACC,kBAEA,YACC,kBACA,sCAEC,qBAED,eACA,gBACA,eACA,YACA,gBACA,WACkB,eAElB,kBACC,qBACA,aACA,gBACA,iBACA,WACA,YACA,eACqB,YAErB,mDACC,sBACA,WACA,gBACA,kBAEF,qBACC,iBACA,WACA,WACA,SACA,0BAEF,SAEC,aACA,YACA,kBAEkB,eACI,aAEvB,YACC,iBACA,eACA,kCACA,4BACA,0BACkB,eAClB,mBACA,0BACA,uBACA,kBACA,sBACA,mCACA,gBACA,iBAEA,wDACC,mBACD,wDACC,gCAIP,YACC,8BAED,YACC,+BACA,+CACA,cAGA,iBACA,6BACA,UACA,gBACA,6CACA,qCACA,yCAED,mBACC,eACK,8BACL,kDACA,oDAGA,gBACC,+CAED,YACC,qBACA,OACA,iBACA,cACA,WACA,oBACA,+CAEC,uCAID,qEACC,8DACA,4CAED,sBACC,sEACA,8DACK,yCAGL,wBACC,iEACA,yDACK,+CAEP,WACC,qEACA,6DACE,yCAEJ,YACC,iBACA,gBACA,6BACA,UACA,YACA,gBACA,cACA,0CAED,aACC,qEAKF,6BACC,8BACC,+CACA,+CAID,WACC,0BAED,QAEC,8BAIF,UACC,kBACC,0BAIF,sBACC,mDACC,4CACA,kCAID,wCACC,gDACA,yCAGA,0BACC,mCACA,kBAEA,SACC,eAED,cACC,SACA,kBACA,mCACA,iBACA,gBACA,gEAED,YAEC,8BAEF,2DACC,YACA,2BACA,mCACA,YACA,yDACA,4BACS,0BACA,0BACA,uBACT,kBACA,4BACA,gBACA,yCAEA,YACC,iBACA,uBACA,uBACA,WACA,eACA,+CAEA,WACC,0BAKL,sBACC,4CACC,8DACA,8BAID,eACC,WAQF,gBACI,mBACA,aACA,oBACA,2BACA,YACH,gBAEA,YACC,kBACA,4BACA,UACA,YACA,8CACA,8BAEA,kBAEC,aACA,kBACA,4BACA,WACA,YACA,iBAED,yBACC,eAEA,4BACC,kBACA,iDACA,0BAEA,qBACA,UACA,YACA,kDACA,iCACA,iBAOJ,eACI,mBACA,sCAQJ,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/frontend/hb.scss","webpack:///./src/css/common/fonts.scss","webpack:///./src/css/common/variables.scss","webpack:///./src/css/frontend/landing.scss","webpack:///./src/css/frontend/landing-dev.scss"],"sourcesContent":["@import \"../common/fonts\";\r\n@import \"../common/variables\";\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\t300px\r\no Tablet\t >= 48em\t768px\r\no Laptop\t >= 80em\t1280px\r\no Desktop\t >= 100em\t1600px\r\no XL devices >= 120em\t1920px\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## INDEX\r\n\r\nNOTE: Landing page CSS in separate files.\r\nNOTE: SASS & CSS variables in separate file.\r\n\r\n1. [BASE]\r\n\t1.1 DOCUMENT SETUP\r\n\t1.2 BROWSER SCROLLBAR\r\n\t1.3 ELEMENT BASE\r\n\t\t1.3.1 ELEMENT RESETS\r\n\t\t1.3.2 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\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\t\t3.1.8 LILCARDS \r\n\t\t3.1.9 DOMAINSEARCHFORM\r\n\t\t3.1.10 TAGCLOUD\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 DOCUMENT SETUP ----*/\r\n\r\n\r\nhtml, body {\r\n margin: 0;\r\n min-height: 100vh;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n}\r\n\r\n.footer {\r\n\tmargin-top: auto;\r\n}\r\n\r\n\r\n/*------------------------------------------------- 1.2 BROWSER SCROLLBAR ----*/\r\n\r\n\r\n/* browser scrollbar */\r\nbody::-webkit-scrollbar {\r\n\twidth: 0.5em;\r\n}\r\n\tbody::-webkit-scrollbar-track {\r\n\t\tbackground: var(--hb_grey-darkest);\r\n\t}\r\n\tbody::-webkit-scrollbar-thumb {\r\n\t\tborder-radius: 0.25em;\r\n\t\tbackground-color: var(--hb_grey);\r\n\t}\r\n\r\n\r\n/*------------------------------------------------------ 1.3 ELEMENT BASE ----*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - 1.3.1 ELEMENT RESETS - - */\r\n\r\n\r\n* { \r\n\tbox-sizing: border-box;\r\n}\r\n\r\na {\r\n\tword-break: break-all;\r\n}\r\n\r\n:focus-visible {\r\n\toutline: -webkit-focus-ring-color auto 1px;\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\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\tfont-size: 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.2 INPUT PLACEHOLDER - - */\r\n\r\n\r\n::-moz-placeholder {\r\n\topacity: 1; /* Chrome, Firefox, Opera, Safari 10.1+ */ /* Firefox */\r\n\tcolor: var(--hb_grey-light);\r\n }\r\n\r\n\r\n:-ms-input-placeholder {\r\n\topacity: 1; /* Chrome, Firefox, Opera, Safari 10.1+ */ /* Firefox */\r\n\tcolor: var(--hb_grey-light);\r\n }\r\n\r\n\r\n::placeholder {\r\n\topacity: 1; /* Chrome, Firefox, Opera, Safari 10.1+ */ /* Firefox */\r\n\tcolor: var(--hb_grey-light);\r\n }\r\n\t :-ms-input-placeholder {\r\n\t color: var(--hb_grey-light) /* Internet Explorer 10-11 */\r\n\t }\r\n\t ::-ms-input-placeholder {\r\n\t color: var(--hb_grey-light); /* Microsoft Edge */\r\n\t }\r\n\r\n\r\n/*-------------------------------------------------------- 1.4 TYPOGRAPHY ----*/\r\n\r\n\r\n.textAlignCenter { text-align: center; }\r\n.textAlignRight { text-align: end; }\r\n\r\n\r\n.copy,\r\n.hentry {\r\n width: 96%;\r\n\tmax-width: 30em;\r\n\tmargin: 0 auto;\r\n\ttext-align: start;\r\n\tmargin-block-start: 2em;\r\n\tmargin-block-end: 2em;\r\n}\r\n .copy img,\r\n\t.entry-content img,\r\n\t.post-thumbnail img {\r\n max-width: 100%;\r\n\t\tobject-fit: contain;\r\n\t\theight: auto;\r\n }\r\n .copy a,\r\n\t.entry-content a {\r\n text-decoration: none;\r\n }\r\n .copy a:hover,\r\n\t.entry-content a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n\t.copy > *,\r\n\t.entry-content > * {\r\n max-width: 100%;\r\n }\r\n\r\n.title {\r\n\tmargin-block-end: 1.688em;\r\n margin-block-start: 2.75em;\r\n letter-spacing: -0.03em;\r\n font-size: clamp( var(--hb_font-xxl), 1vw, var(--hb_font-xxxl) );\r\n}\r\n\r\n.display {\r\n\tmargin-block-end: 4vw;\r\n\tline-height: 1.1;\r\n\tfont-size: clamp(7vw, 9vw ,10vw);\r\n\tfont-weight: 100;\r\n}\r\n@media ( min-width: $tabletWidth ) {\r\n\t.display {\r\n\t\tmargin-block-end: 4vw;\r\n\t\tfont-size: clamp( 3.5vw, 4.5vw , 5vw );\r\n\t\tfont-weight: 100;\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\tmargin-block-end: 1.688em;\r\n\tmargin-block-start: 2.75em;\r\n\tline-height: 2.463em;\r\n\tletter-spacing: -0.03em;\r\n\tfont-size: var(--hb_font-xxl);\r\n}\r\n\r\nh2 {\r\n\tmargin-block-end: 1.063em;\r\n\tmargin-block-start: 2.2em;\r\n line-height: 1.5;\r\n\tletter-spacing: -0.03em;\r\n\tfont-size: var(--hb_font-xl);\r\n}\r\n\r\nh3 {\r\n\tmargin-block-end: 0.688em;\r\n\tmargin-block-start: 1.688em;\r\n\tline-height: 1.863em;\r\n\tletter-spacing: -0.02em;\r\n\tfont-size: var(--hb_font-l);\r\n}\r\n\r\nh4,\r\nh5,\r\nh6 {\r\n\tmargin-block-end: 0.438em;\r\n\tmargin-block-start: 0.178em;\r\n\tline-height: 1.688em;\r\n\tletter-spacing: -0.02em;\r\n\tfont-size: var(--hb_font-base);\r\n}\r\n\r\np,\r\nul,\r\nol,\r\nblockquote,\r\npre {\r\n margin-block-end: 1.688em;\r\n\tmargin-block-start: 1em;\r\n margin-inline-end: 0;\r\n margin-inline-start: 0;\r\n line-height: 1.688em;\r\n letter-spacing: 0.016em;\r\n}\r\n\r\nul,\r\nol {\r\n\tmargin-inline-start: 1.688em;\r\n}\r\n\r\nli {\r\n\tmargin-block-end: 0.688em;\r\n}\r\n\r\nsub, sup {\r\n padding: 0.0 0.063em;\r\n}\r\n\r\ncode, pre, kbd {\r\n font-size: var(--hb_font-s);\r\n}\r\n\r\ncode {\r\n margin: 0.0 0.063em;\r\n padding: 0.188em 0.25em;\r\n}\r\n\r\npre {\r\n padding: 0.688em;\r\n}\r\n\r\nkbd {\r\n margin: 0.0 0.063em;\r\n padding: 0.188em 0.25em;\r\n}\r\n\r\n.footnotes {\r\n padding-top: 1.063em;\r\n line-height: 1.438em;\r\n font-size: var(--hb_font-s);\r\n}\r\n .footnotes > a {\r\n text-decoration: none;\r\n }\r\n .footnotes > a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n.reference > a {\r\n text-decoration: none;\r\n}\r\n .reference > a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\nul ul,\r\nul ol,\r\nol ul,\r\nol ol,\r\nblockquote p:last-child {\r\n\tmargin-block-end: 0.0;\r\n}\r\n\r\nblockquote {\r\n\tborder-width: 0 0 0 0.4em;\r\n\tborder-style: solid;\r\n\tborder-color: var(--hb_grey);\r\n\tbackground: var(--hb_grey-lightest);\r\n\tpadding: 0.1em 1.1em;\r\n\tfont-style: italic;\r\n\tquotes: \"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\";\r\n}\r\n\tblockquote::before {\r\n\t\tmargin-inline-end: 0.15em;\r\n\t\tvertical-align: -0.4em;\r\n\t\tline-height: 0.1em;\r\n\t\tcolor: var(--hb_grey-light);\r\n\t\tfont-size: var(--hb_font-xxxl);\r\n\t\tcontent: open-quote;\r\n\t}\r\n\tblockquote-left {\r\n\t\tpadding: 0 0 0 1.1em;\r\n\t}\r\n\r\n.alert {\r\n\tmargin-block-end: 1.688em;\r\n\tborder: var(--hb_border);\r\n\tborder-radius: var(--hb_radius-small);\r\n\tbackground: var(--hb_grey-lightest);\r\n\tpadding: 0.8em;\r\n\ttext-align: center;\r\n\tline-height: 1.688em;\r\n\tletter-spacing: var(--hb_letterSpacingInterBold);\r\n\tcolor: var(--hb_grey-darkest);\r\n\tfont-weight: bold;\r\n}\r\n\t.alert::before {\r\n\t\tmargin-inline-end: 0.5em;\r\n\t\tcontent: \"ⓘ\";\r\n\t}\r\n\t.alert:last-child {\r\n\t\tmargin-block-end: 0;\r\n\t}\r\n\t\t.alert-hover {\r\n\t\t\tbox-shadow: 1px 3px 6px 1px #000a;\r\n\t\t}\r\n\t\t\t.alert-danger {\r\n\t\t\t\tbackground: var(--hb_red-light);\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t}\r\n\t\t\t.alert-success {\r\n\t\t\t\tbackground: var(--hb_green-dark);\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t}\r\n\t\t\t.alert-info {\r\n\t\t\t\tbackground: var(--hb_blue-lightest);\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t}\r\n\t\t\t.alert-warning {\r\n\t\t\t\tbackground: var(--hb_orange);\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t}\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\tmargin-inline-end: 0.5em;\r\n\tcontent: \"ⓘ\";\r\n}\r\n\r\n.tip {\r\n\tmargin-inline-start: 1.2em;\r\n\tdisplay: block;\r\n\tmargin: 0 1.2em 2.6em 1.2em;\r\n\tbackground: var(--hb_grey-lightest);\r\n\tpadding: 0 0.5em 0 0.5em;\r\n\tline-height: 2;\r\n\tcolor: var(--hb_grey-darkest);\r\n\tfont-size: var(--hb_font-xs);\r\n}\r\n\r\n\r\n/*----------------------------------------------------------- 1.5 WIDGETS ----*/\r\n\r\n\r\n.widget {\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\talign-items: center;\r\n\tpadding: 2%;\r\n}\r\n\r\n\t.widget h1,\r\n\t.widget h2,\r\n\t.widget h3,\r\n\t.widget h4,\r\n\t.widget h5,\r\n\t.widget h6 {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.widget ul {\r\n\t\tmargin: 0;\r\n\t\tpadding-left: 0;\r\n\t\tlist-style: none;\r\n\t}\r\n\t\t.widget ul li {\r\n\t\t\tmargin: 0.8em 0;\r\n\t\t\tborder-radius: 0.3em;\r\n\t\t\tbackground: var(--hb_grey-lightest);\r\n\t\t\tpadding: 0 0.3em;\r\n\t\t}\r\n\t\t\t.widget ul li:hover {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tbackground: var(--hb_green-dark);\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t}\r\n\r\n\t.widget a {\r\n\t\tcolor: inherit;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\r\n@media ( min-width: $tabletWidth ) {\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 margin: 5px 20px 20px 0;\r\n}\r\n\r\n.aligncenter,\r\ndiv.aligncenter {\r\n display: block;\r\n margin: 5px auto 5px auto;\r\n}\r\n\r\n.alignright {\r\n float:right;\r\n margin: 5px 0 20px 20px;\r\n}\r\n\r\n.alignleft {\r\n float: left;\r\n margin: 5px 20px 20px 0;\r\n}\r\n\r\na img.alignright {\r\n float: right;\r\n margin: 5px 0 20px 20px;\r\n}\r\n\r\na img.alignnone {\r\n margin: 5px 20px 20px 0;\r\n}\r\n\r\na img.alignleft {\r\n float: left;\r\n margin: 5px 20px 20px 0;\r\n}\r\n\r\na img.aligncenter {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.wp-caption {\r\n background: var(--hb_white);\r\n border: 1px solid #f0f0f0;\r\n max-width: 96%; /* Image does not overflow the content area */\r\n padding: 5px 3px 10px;\r\n text-align: center;\r\n}\r\n\r\n.wp-caption.alignnone {\r\n margin: 5px 20px 20px 0;\r\n}\r\n\r\n.wp-caption.alignleft {\r\n margin: 5px 20px 20px 0;\r\n}\r\n\r\n.wp-caption.alignright {\r\n margin: 5px 0 20px 20px;\r\n}\r\n\r\n.wp-caption img {\r\n border: 0 none;\r\n height: auto;\r\n margin: 0;\r\n max-width: 98.5%;\r\n padding: 0;\r\n width: auto;\r\n}\r\n\r\n.wp-caption p.wp-caption-text {\r\n font-size: 11px;\r\n line-height: 17px;\r\n margin: 0;\r\n padding: 0 4px 5px;\r\n}\r\n\r\n/* Text meant only for screen readers. */\r\n.screen-reader-text {\r\n\tborder: 0;\r\n\tclip: rect(1px, 1px, 1px, 1px);\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\tword-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */\r\n}\r\n\r\n.screen-reader-text:focus {\r\n\tbackground-color: var(--hb_grey-lightest);\r\n\tclip: auto !important;\r\n\tclip-path: none;\r\n\tcolor: var(--hb_grey-darkest);\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\t/* Above WP toolbar. */\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.main,\r\n.header,\r\n.footer {\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/* ADD SIDEBAR */\r\n@media ( min-width: $tabletWidth ) {\r\n\t.main,\r\n\t.header,\r\n\t.footer {\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/* ADD SECOND SIDEBAR */\r\n@media ( min-width: $laptopWidth ) {\r\n\t.main,\r\n\t.header,\r\n\t.footer {\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.header_inner,\r\n.footer_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: $tabletWidth ) and ( max-width: $laptopWidth ) {\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/* NESTED SIDEBAR COLUMNS */\r\n.base,\r\n.dip,\r\n.sides {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n\r\n/* GUTTERS */\r\n.main,\r\n.header,\r\n.footer,\r\n.base,\r\n.dip,\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 max-width: 100%;\r\n}\r\n\t.blog-post img {\r\n\t\t-o-object-fit: contain;\r\n\t\t object-fit: contain;\r\n\t\theight: auto;\r\n\t\tmax-width: 100%;\r\n\t\tborder-radius: var(--hb_radius-small);\r\n\t}\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\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tz-index: 1;\r\n\tbox-shadow: var(--hb_shadow);\r\n\tborder: var(--hb_border);\r\n\tborder-radius: var(--hb_radius);\r\n\tbackground: var(--hb_background);\r\n}\r\n\t/* FULL WIDTH ON MOBILE */\r\n\t.base .sauce {\r\n\t\tborder-right: 0;\r\n\t\tborder-left: 0;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\t\t@media ( min-width: $tabletWidth ) {\r\n\t\t.base .sauce {\r\n\t\t\tborder: var(--hb_border);\r\n\t\t\tborder-radius: var(--hb_radius);\r\n\t\t} }\r\n\t\t\t/* invert secondary element colours */\r\n\t\t\t.header_inner.sauce,\r\n\t\t\t.footer_inner.sauce {\r\n\t\t\t\t--hb_border: solid 0.3em var(--hb_white);\r\n\t\t\t\t--hb_background: var(--hb_grey-lightest);\r\n\t\t\t\tborder: var(--hb_border);\r\n\t\t\t\tbackground: var(--hb_background);\r\n\t\t\t}\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\t.squares .column {\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: column nowrap;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t\t.squares {\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0 6%;\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\r\n@media ( min-width: $tabletWidth ) {\r\n\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: $laptopWidth ) {\r\n\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\t\t.squares > div:nth-of-type(4n+3) {\r\n\t\t\tgrid-column-start: 2;\r\n\t\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 width: 100%;\r\n max-width: 30em;\r\n margin: 0 2em;\r\n text-align: start;\r\n margin-block-start: 2em;\r\n margin-block-end: 2em;\r\n}\r\n\r\n.align_me-centre {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\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\tfloat: left;\r\n\t\tpadding-top: 100%;\r\n\t\tcontent: \"\";\r\n\t}\r\n\t.aspect1-1::after {\r\n\t\tdisplay: block;\r\n\t\tclear: both;\r\n\t\tcontent: \"\";\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\tmax-width: 100%;\r\n\theight: auto;\r\n\t-o-object-fit: contain;\r\n\t object-fit: contain;\r\n}\r\n\r\n\r\n/*------------------------------------------------------------- 2.4 FORMS ----*/\r\n\r\n\r\n.form {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: stretch;\r\n\tjustify-content: flex-start;\r\n\twidth: 100%;\r\n}\r\n\t.input {\r\n\t\tbackground: var(--hb_white);\r\n\t\tpadding: 0.5em;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: var(--hb_grey-darkest);\r\n\t}\r\n\r\n\tform.wp-block-search {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\r\n\t.form {\r\n\t\tposition: relative;\r\n\t\twidth: clamp(10em, 100%, 34em);\r\n\t\ttext-align: inherit;\r\n\t\tfont: inherit;\r\n\t\tmax-width: 96vw;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\t\t\t.form_section {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tborder: none;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t.form_section:disabled {\r\n\t\t\t\ttransition: opacity 150ms ease-in-out;\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\t\t\t\t.form_message {\r\n\t\t\t\t\tmargin: 1em 0 1.688em 0;\r\n\t\t\t\t}\r\n\t\t\t\t.form_inputWrap {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\ttransition: 0.2s;\r\n\t\t\t\t\tmargin: 0.5em auto 0.5em 0;\r\n\t\t\t\t\tborder: var( --hb_border );\r\n\t\t\t\t\tmin-width: 8em;\r\n\t\t\t\t\tmin-height: fit-content;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\tresize: none;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t\t.form_inputWrap-short {\r\n\t\t\t\t\tmax-width: 22em;\r\n\t\t\t\t}\r\n\t\t\t\t\t.form_input {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\toutline: none;\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t\tbackground: #0000;\r\n\t\t\t\t\t\tpadding: 0.5em;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tresize: vertical;\r\n\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.form_input:not(.form_section:disabled > .form_input):hover {\r\n\t\t\t\t\t\tcursor: text;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t.form_flag {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\ttop: -1.5em;\r\n\t\t\t\t\t\t\tright: 0.2em;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\ttransition: top 0.15s;\r\n\t\t\t\t\t\t\tborder-radius: 0 0 0 2em;\r\n\t\t\t\t\t\t\twidth: 1.5em;\r\n\t\t\t\t\t\t\theight: 1.5em;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.form_flag-hover {\r\n\t\t\t\t\t\t\tbackground: var(--hb_yellow);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.form_flag-focus {\r\n\t\t\t\t\t\t\tbackground: var(--hb_green-light);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.form_inputWrap:not(.form_section:disabled > .form_inputWrap):hover .form_flag-hover,\r\n\t\t\t\t\t\t.form_inputWrap:not(.form_section:disabled > .form_inputWrap):focus-within .form_flag-focus {\r\n\t\t\t\t\t\t\ttop: 0.2em;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.customFileUpload {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\tmargin: 0.5em auto 0.5em 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t.customFileUpload_label {\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\t\t\tpadding: 6px 12px;\r\n\t\t\t\t\t\t\t\twidth: fit-content;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t.customFileUpload_label:hover {\r\n\t\t\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t.customFileUpload_input {\r\n\t\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t.customFileUpload_icon {\r\n\t\t\t\t\t\t\t\t\tvertical-align: middle;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t.customFileUpload_fileList ul {\r\n\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.form_output {\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\tflex-flow: column nowrap;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\ttransition: opacity 150ms ease-in-out;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t.form-popout {\r\n\t\t\t\t\t\t\t\tbox-shadow: 1px 3px 6px 1px #000a;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t/* Theme overrides */\r\n\t.form_section:disabled button:hover,\r\n\t.form_section:disabled .button:hover,\r\n\t.form_section:disabled .btn:hover {\r\n\t\tpointer-events: none !important;\r\n\t}\r\n\t\r\n\r\n\t/*- - - - - - - - - - - - - - - - - - - - - - - - -2.4.1 FORMS DARK THEME - - */\r\n\t\r\n\t\r\n\t.form.form-dark {\r\n\t\t--hb_border: solid 0.2em var(--hb_grey-lightest);\r\n\t\tpadding: 1em;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\t.form-dark .form_inputWrap {\r\n\t\t\tborder: var( --hb_border );\r\n\t\t\tborder-radius: var( --hb_radius-small );\r\n\t\t\tbox-shadow: var( --hb_shadow-inset );\r\n\t\t\tbackground: var( --hb_grey-darkest );\r\n\t\t}\r\n\t\t.form-dark .form_inputWrap-wide {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t\t.form-dark .form_input {\r\n\t\t\t\ttext-shadow: 0 0 white;\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t}\r\n\t\t\t\t.form-dark .form_flag {\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tborder-radius: 0 0 0 1em;\r\n\t\t\t\t\tbox-shadow: inset -0.3em 0.4em 0.5em 0 #000c;\r\n\t\t\t\t}\r\n\t\t\t\t.form-dark .form_inputWrap:not(.form_section:disabled > .form_inputWrap):hover .form_flag-hover,\r\n\t\t\t\t.form-dark .form_inputWrap:not(.form_section:disabled > .form_inputWrap):focus-within .form_flag-focus {\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t}\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 display: inline-block;\r\n position: relative;\r\n border: none;\r\n border-radius: 10em;\r\n background-color: #0000;\r\n padding: 0;\r\n\twidth: max-content;\r\n max-width: 100%;\r\n\theight: fit-content;\r\n overflow: visible;\r\n text-decoration: none;\r\n font-size: inherit;\r\n transition: color .2s ease-in-out,\r\n\t\tbackground-color .2s ease-in-out,\r\n\t\tborder-color .2s ease-in-out,\r\n\t\tfilter .2s ease-in-out;\r\n}\r\n .button > *:first-child {\r\n display: inline-block;\r\n transition: inherit;\r\n border: solid 0.2em #0000;\r\n border-radius: inherit;\r\n background: var(--hb_grey-darkest);\r\n padding: 0.26em 1em;\r\n width: max-content;\r\n max-width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n text-decoration: none;\r\n letter-spacing: -0.04em;\r\n white-space: normal;\r\n color: var(--hb_white);\r\n font-family: var(--hb_font-primary);\r\n font-weight: 800;\r\n }\r\n\t\t.button:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t\t.button:hover > *:first-child {\r\n color: var(--hb_grey-darkest);\r\n\t\t\tbackground: #0000;\r\n border: solid 0.2em;\r\n\t\t}\r\n\t\t.button:focus,\r\n\t\t.button:focus-visible {\r\n\t\t\tz-index: 1;\r\n\t\t\toutline: 0;\r\n\t\t\tbox-shadow: 0 0 0 0.25em var(--hb_green-dark);\r\n\t\t}\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 .button-border > *:first-child {\r\n\t\tborder: solid 0.2em;\r\n \tbackground: transparent;\r\n\t\tcolor: var(--hb_grey-darkest);\r\n }\r\n .button-border:hover > *:first-child {\r\n\t\tborder: solid 0.2em var(--hb_grey-darkest);\r\n \tbackground: var(--hb_grey-darkest);\r\n\t\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\t.button-noback > *:first-child {\r\n\t\tbackground: transparent;\r\n\t\tcolor: var(--hb_grey-darkest);\r\n\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.5.4 BUTTONS - FLAPPY - - */\r\n\r\n\r\n.button.flappy {\r\n\tborder-radius: 0 0 2em 2em;\r\n\tmin-width: 6.5em;\r\n}\r\n\t.button.flappy > *:first-child {\r\n\t\ttransition: 0.2s;\r\n\t\tborder-radius: 0 0 1.4em 1.4em;\r\n\t\tbackground: linear-gradient(#0000, #0000);\r\n\t\tpadding: 0 1em;\r\n\t\twidth: 100%;\r\n\t\tmin-width: inherit;\r\n\t\theight: 2.0em;\r\n\t\tcolor: var(--hb_grey-darkest);\r\n\t\tfont-family: var(--hb_font-primary);\r\n\t\tfont-size: var(--hb_font-l);\r\n\t\tfont-weight: 800;\r\n\t\tletter-spacing: -0.04em;\r\n\t\t-webkit-user-select: none;\r\n\t\t -moz-user-select: none;\r\n\t\t -ms-user-select: none;\r\n\t\t user-select: none;\r\n\t\ttext-align: center;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t\t.button.flappy:hover > *:first-child {\r\n\t\t\ttransform: scale(1, 0.8) translatey(-14%);\r\n\t\t\tbox-shadow: 0 0.7em 0.15em -0.05em #000a,\r\n\t\t\t\t\t\t0 0.4em 0.1em 0 #000a,\r\n\t\t\t\t\tinset 0 -0.3em 0.1em -0.1em #fff;\r\n\t\t\tbackground: linear-gradient( #0000, #fff 90%);\r\n\t\t\tcolor: var(--hb_grey-dark);\r\n\t\t}\r\n\t\t.button.flappy:active > *:first-child {\r\n\t\t\ttransform: scale(1, 1);\r\n\t\t\tbox-shadow: 0 0 0 0 #0000,\r\n\t\t\t\t\t\t0 0 0 0 #0000,\r\n\t\t\t\t\tinset 0 0 0 0 #0000;\r\n\t\t\tbackground: linear-gradient(#0000, #0000);\r\n\t\t\tcolor: var(--hb_grey-darkest);\r\n\t\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 2.5.5 BUTTONS - SPINNY - - */\r\n\r\n\r\n.button.spinny {\r\n border-radius: 10em;\r\n background: var(--hb_black);\r\n padding: 0;\r\n width: 8em;\r\n height: 2.5em;\r\n position: relative;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n justify-content: center;\r\n max-width: -webkit-fit-content;\r\n max-width: -moz-fit-content;\r\n max-width: fit-content;\r\n border: none;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n}\r\n .button.spinny > *:first-child {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tborder-radius: inherit;\r\n\t\tpadding: 0.5em 1em;\r\n\t\ttext-decoration: none;\r\n\t\tborder: none;\r\n\t\twhite-space: nowrap;\r\n\t\ttransition: inherit;\r\n\t\tborder-radius: inherit;\r\n\t\tmin-width: -webkit-fit-content;\r\n\t\tmin-width: -moz-fit-content;\r\n\t\tmin-width: fit-content;\r\n\t\theight: 2.5em;\r\n\t\tfont-family: var(--hb_font-primary);\r\n\t\tfont-weight: 800;\r\n\t\tletter-spacing: -0.04em;\r\n\t\t-webkit-user-select: none;\r\n\t\t -moz-user-select: none;\r\n\t\t -ms-user-select: none;\r\n\t\t user-select: none;\r\n }\r\n .button.spinny:hover > *:first-child {\r\n transform: rotatex(45deg);\r\n box-shadow: 0 0.9em 0.2em 0em #0009,\r\n inset 0 0.4em 0.1em 0em #0009;\r\n filter: brightness( 1.1 );\r\n }\r\n\r\n .button.spinny:active > *:first-child {\r\n transform: rotatex(315deg);\r\n box-shadow: inset 0 0.5em 0.3em 0em #0000,\r\n inset 0 -0.4em 0.5em 0em #000c;\r\n filter: brightness( 0.9 );\r\n }\r\n\r\n\r\n\r\n\r\n\t.button-cta.spinny > *:first-child {\r\n\t\tbackground: var(--hb_green-dark);\r\n\t\tcolor: var(--hb_white);\r\n\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - 2.5.6 WIDGET BUTTON - - */\r\n\r\n\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\tdisplay: flex;\r\n\tposition: fixed;\r\n top: 1.5em;\r\n right: 1.5em;\r\n\tborder: none;\r\n\tbackground: none;\r\n\tpadding: 0.2em;\r\n\twidth: 4em;\r\n\theight: 4em;\r\n\tfont-size: var(--hb_font-base);\r\n z-index: 10;\r\n transition: top 0.2s ease, right 0.2s ease;\r\n}\r\n\t.menuToggle:hover {\r\n\t\tcursor: pointer;\r\n\t}\r\n\t.menuToggle:hover .burger {\r\n\t\ttransform: scale(1.2);\r\n\t\topacity: 1;\r\n\t}\r\n\t.burger {\r\n\t\tfilter: url(#gooeyness);\r\n\t\ttransition: 400ms 100ms;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t\t.menuToggle_x,\r\n\t\t.menuToggle .line {\r\n\t\t\ttransform-origin: 50% 50%;\r\n\t\t\ttransition: 400ms 100ms;\r\n\t\t}\r\n\t\t.menuToggle_x {\r\n\t\t\ttransform: scale(0);\r\n\t\t}\r\n\t\t.menuToggle .line {\r\n\t\t\tfill: none;\r\n\t\t\tstroke: var(--hb_grey-darkest);\r\n\t\t\tstroke-width: 11px;\r\n\t\t}\r\n\t\t\t.menuToggle:hover .line {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle_x {\r\n\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle .line1 {\r\n\t\t\t\t\ttransform: translateX(18%) translateY(-3%) rotate(-45deg) scale(.01);\r\n\t\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle .line2 {\r\n\t\t\t\t\ttransform: translateX(-18%) translateY(-3%) rotate(45deg) scale(.01);\r\n\t\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle .line3 {\r\n\t\t\t\t\ttransform: translateY(0) rotate(45deg) scale(.01);\r\n\t\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle .line4 {\r\n\t\t\t\t\ttransform: translateY(0%) rotate(-45deg) scale(.01);\r\n\t\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle .line5 {\r\n\t\t\t\t\ttransform: translateX(18%) translateY(3%) rotate(45deg) scale(.01);\r\n\t\t\t\t}\r\n\t\t\t\t.menu_active .menuToggle .line6 {\r\n\t\t\t\t\ttransform: translateX(-18%) translateY(3%) rotate(-45deg) scale(.01);\r\n\t\t\t\t}\r\n\r\n@media ( min-width: $tabletWidth ) {\r\n .menuToggle {\r\n display: none;\r\n }\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 content-visibility: visible;\r\n position: relative;\r\n transition: transform 0.3s ease-in-out;\r\n\tz-index: 10;\r\n background: var(--hb_white);\r\n width: 100%;\r\n height: fit-content;\r\n}\r\n\t.header_inner {\r\n\t\tdisplay: flex;\r\n flex-flow: column;\r\n gap: 1vw;\r\n align-items: center;\r\n justify-content: center;\r\n\t\tmargin: 1em 0 1.5em 0;\r\n\t\twidth: auto;\r\n height: fit-content;\r\n\t}\r\n\t\t.header_content {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: nowrap;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tmin-height: 4em;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t\t.header_content-left {\r\n\t\t\t\tflex: 1 1 100%;\r\n justify-content: center;\r\n\t\t\t}\r\n .header_content-middle {\r\n flex: 1 1 100%;\r\n justify-content: center;\r\n }\r\n\t\t\t.header_content-right {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t justify-content: center;\r\n\t\t\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 3.1.2 HEADER - DESKTOP - - */\r\n\r\n\r\n@media ( min-width: $tabletWidth ) {\r\n .header {\r\n background: unset;\r\n height: fit-content;\r\n }\r\n .header_inner {\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n min-height: 4.6em;\r\n }\r\n\t\t\t.header_content-left {\r\n flex: 0 0 fit-content;\r\n justify-content: flex-start;\r\n\t\t\t}\r\n .header_content-middle {\r\n flex: 1 1 100%;\r\n justify-content: flex-end;\r\n }\r\n\t\t\t.header_content-right {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tjustify-content: flex-end;\r\n\t\t\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\t.footer_inner {\r\n\t\tdisplay: flex;\r\n\t\tbottom: 0;\r\n\t\tflex-shrink: 0;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\tmargin: 1.5em 0 1em 0;\r\n\t\tpadding-top: 1em;\r\n\t\twidth: auto;\r\n max-width: 100vw;\r\n\t\tcolor: var(--hb_grey-darkest);\r\n\t}\r\n\t\t.footer_nav {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-flow: column nowrap;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 0.5em;\r\n\t\t\tpadding: 0.5em;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 40em;\r\n\t\t}\r\n\r\n\t\t\t.footer_legalLinks {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tjustify-content: space-around;\r\n\t\t\t\tmargin: 3em 0 0 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: var(--hb_font-s);\r\n\t\t\t}\r\n\t\t\t@media ( min-width: $tabletWidth ) { .footer_legalLinks {\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t}}\r\n \r\n .footer_nav .button {\r\n height: min-content;\r\n }\r\n\r\n .footer_nav .button > *:first-child {\r\n white-space: normal;\r\n }\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.4 SITE TITLE - - */\r\n\r\n\r\n.siteTitle {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\tcolor: var(--hb_grey-darkest);\r\n\ttext-decoration: none;\r\n}\r\n\t.siteTitle_logo {\r\n\t\tobject-fit: contain;\r\n\t\twidth: 4em;\r\n\t\theight: 4em;\r\n\t}\r\n\t.siteTitle_text {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t\t.siteTitle_sitename {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont: 600 1em var(--hb_font-primary);\r\n\t\t\tletter-spacing: -0.06em;\r\n\t\t}\r\n\t\t.siteTitle_tagline {\r\n\t\t\tfont-family: var(--hb_font-primary);\r\n\t\t\tfont-weight: 200;\r\n\t\t\tletter-spacing: -0.03rem;\r\n\t\t\tfont-size: var(--hb_font-s);\r\n\t\t\twhite-space: normal;\r\n\t\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.5 MODAL - - */\r\n\r\n\r\n.modal {\r\n\tdisplay: none; /* flex */\r\n\topacity: 1;\r\n\tz-index: 10;\r\n\toverflow: auto;\r\n}\r\n\t.modal_dialog {\r\n\t\tdisplay: grid;\r\n\t\tgrid: [controls] -webkit-max-content 1fr [contents] auto 1fr / 100%;\r\n\t\tgrid: [controls] max-content 1fr [contents] auto 1fr / 100%;\r\n\t\tjustify-items: center;\r\n\t\tz-index: 10;\r\n\t\tmargin: auto;\r\n\t\tborder-radius: var(--hb_radius-small);\r\n\t\tmin-width: clamp(10em, 100%, 32em);\r\n\t\tmax-height: -webkit-fit-content;\r\n\t\tmax-height: -moz-fit-content;\r\n\t\tmax-height: fit-content;\r\n\t\toverflow: auto;\r\n\t}\r\n\t\t.modal_controls {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-flow: row;\r\n\t\t\tgrid-row: controls / span 1;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\tpadding: var(--hb_gutters);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: -webkit-fit-content;\r\n\t\t\theight: -moz-fit-content;\r\n\t\t\theight: fit-content;\r\n\t\t}\r\n\t\t.modal_contents {\r\n\t\t\tgrid-row: contents / span 1;\r\n\t\t}\r\n\t\t\t.modal_control-close {\r\n\t\t\t\tborder: none;\r\n\t\t\t\tborder-radius: var(--hb_radius-tiny);\r\n\t\t\t\tbackground: var(--hb_red-light);\r\n\t\t\t\tpadding: 0.15em 0.6em;\r\n\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t\tfont-family: inherit;\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t}\r\n\t\t\t.modal_control-close:hover {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\r\n@media ( max-width: $tabletWidth ) {\r\n\t.modal_dialog {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\talign-items: center;\r\n\t\tborder: none;\r\n\t\tborder-radius: 0;\r\n\t\twidth: calc( 100vw - var(--scrollbar) );\r\n\t\theight: 100vh;\r\n\t\toverflow: auto;\r\n\t}\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t.modal {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tbackground: #000a;\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\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 gap: 0.5em;\r\n display: flex;\r\n flex-flow: row wrap;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0.5em;\r\n padding: 0.5em;\r\n width: 100%;\r\n}\r\n\t.mainMenu_item {\r\n\t\toverflow-wrap: break-word;\r\n\t\ttext-decoration: none;\r\n\t\twhite-space: normal;\r\n\t}\r\n\t.mainMenu_item a {\r\n\t\tcolor: inherit;\r\n\t}\r\n\t@media ( min-width: $tabletWidth ) {\r\n\t\t.mainMenu_item {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\ta.mainMenu_item:focus,\r\n\t.mainMenu_item a:focus,\r\n\tbutton.mainMenu_item:focus,\r\n\t.mainMenu_item button:focus,\r\n\t.mainMenu_item:focus,\r\n\t.dropdown_toggle:focus,\r\n\t.dropdown_primary:focus {\r\n\t\toutline: 0;\r\n\t}\r\n\r\n\t.mainMenu_item a:hover,\r\n\t.mainMenu_item button:hover,\r\n\ta.mainMenu_item:hover,\r\n\tbutton.mainMenu_item:hover,\r\n\t.mainMenu_item a:focus-visible,\r\n\t.mainMenu_item button:focus-visible,\r\n\t.mainMenu_item:focus-visible,\r\n\t.dropdown_toggle:focus-visible,\r\n\t.dropdown_primary:hover,\r\n\t.dropdown_primary:focus-visible {\r\n\t\toutline: 0;\r\n\t}\r\n\r\n\t.mainMenu_item-active {\r\n\t\tfont-weight: 700;\r\n\t}\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.7 DROPDOWN - - */\r\n\r\n\r\n.dropdown {\r\n display: inline-flex;\r\n position: relative;\r\n flex-flow: row nowrap;\r\n align-items: stretch;\r\n\tpadding: 0;\r\n min-height: fit-content;\r\n\tgrid-template-areas:\r\n\t\t\"a b\"\r\n\t\t\"c c\";\r\n\tgrid-template-columns: 1fr auto;\r\n\tcolor: inherit;\r\n}\r\n\t.dropdown_primary {\r\n\t\tflex-grow: 1;\r\n\t\tmargin-right: 0;\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: inherit;\r\n\t}\r\n\t\t.dropdown_primary > *:first-child {\r\n\t\t\tpadding-right: 0.4em;\r\n\t\t}\r\n\t.dropdown_toggle {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\ttransition: all var(--hb_slideTime) ease-in;\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t\tbackground-color: transparent;\r\n\t\tcursor: pointer;\r\n\t\tpadding-left: 0;\r\n\t\tcolor: inherit;\r\n\t}\r\n\t\t.dropdown_toggle > *:first-child {\r\n\t\t\tpadding-left: 0.4em;\r\n\t\t}\r\n\t\t.dropdown_toggleIcon {\r\n\t\t\tpadding: 0 0.4em;\r\n\t\t}\r\n\t\t\t.dropdown_toggleIcon > svg {\r\n\t\t\t\ttransition: transform var(--hb_hoverTime) ease-in-out;\r\n\t\t\t\theight: 12px;\r\n\t\t\t}\r\n\t\t\t.dropdown_toggleIcon > svg:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\theight: 2ex;\r\n\t\t\t\twidth: 0;\r\n\t\t\t}\r\n\r\n\r\n\t.dropdown_contents {\r\n\t\tdisplay: flex;\r\n\t\tposition: absolute;\r\n\t\ttop: calc( 100% + 0.5em );\r\n\t\tright: 0;\r\n\t\tleft: unset;\r\n\t\tflex-flow: column nowrap;\r\n\t\tgrid-area: c;\r\n\t\ttransition: all var(--hb_slideTime) ease-in;\r\n\t\tz-index: 10;\r\n\t\tbackground-color: var(--hb_white);\r\n\t\twidth: calc( 100% - 8px );\r\n\t\tmin-width: max-content;\r\n\t\tmax-height: 0;\r\n\t\toverflow: hidden;\r\n\t\ttext-align: left;\r\n\t\tcolor: var(--hb_grey-darkest);\r\n\t\tfont-size: inherit;\r\n\t}\r\n\r\n\t.dropdown_contents:not( .dropdown_contents .dropdown_contents ) {\r\n\t\tborder-radius: 0.5em;\r\n\t}\r\n\t\t.dropdown_item {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\tbackground-color: transparent;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t.dropdown_contents a {\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tborder-top: solid 1px transparent;\r\n\t\t\tborder-bottom: solid 1px transparent;\r\n\t\t\twidth: 100%;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tpadding: 0.26em 1em;\r\n\t\t}\r\n\t\t.dropdown_contents a:hover {\r\n\t\t\tborder-top: solid 1px var(--hb_grey-light);\r\n\t\t\tborder-bottom: solid 1px var(--hb_grey-light);\r\n\t\t\tbackground: var(--hb_grey-lightest);\r\n\t\t}\r\n\r\n.dropdown_toggle-active > .dropdown_toggleIcon > svg {\r\n\ttransform: rotateX( 180deg );\r\n}\r\n\t.dropdown_toggle-active + .dropdown_contents {\r\n\t\tmax-height: 500px; /*auto*/\r\n\t}\r\n\t.dropdown_toggle-active + .dropdown_contents:not( .dropdown_contents .dropdown_contents ) {\r\n\t\tpadding-top: 0.25em;\r\n\t\tpadding-bottom: 0.25em;\r\n\t}\r\n\t.dropdown:not( .dropdown-inMenu ):not( .fullscreenMenu .dropdown ) > .dropdown_toggle-active + .dropdown_contents {\r\n\t\tbox-shadow: 0px 4px 4px 0px #0008;\r\n\t}\r\n\r\n.dropdown-swingLeft > .dropdown_contents {\r\n\tleft: unset;\r\n\tright: 0;\r\n}\r\n.dropdown-swingRight > .dropdown_contents {\r\n\tleft: 0;\r\n\tright: unset;\t\r\n}\r\n\r\n.dropdown-inMenu {\r\n\tgap: 0;\r\n\tdisplay: inline-grid;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tline-height: 1.4;\r\n}\r\n\t.dropdown-inMenu > .dropdown_primary > *:first-child {\r\n\t\tpadding: 0;\r\n\t}\r\n\t.dropdown-inMenu > .dropdown_toggle {\r\n\t\talign-items: center;\r\n\t\talign-self: stretch;\r\n\t\tjustify-content: center;\r\n\t\tborder: none;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\t.dropdown-inMenu > .dropdown_toggle > *:first-child {\r\n\t\t\tpadding: 0 1em;\r\n\t\t}\r\n\t.dropdown-inMenu > .dropdown_toggle:before {\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t\twidth: 0;\r\n\t\theight: 80%;\r\n\t\tborder-left: solid 1px var(--hb_grey-light);\r\n\t}\r\n\t.dropdown-inMenu > .dropdown_toggle:hover,\r\n\t.dropdown-inMenu > .dropdown_toggle-active {\r\n\t\tborder-top: solid 1px var(--hb_grey-light);\r\n\t\tborder-bottom: solid 1px var(--hb_grey-light);\r\n\t\tbackground: var(--hb_grey-lightest);\r\n\t}\r\n\t.dropdown-inMenu > .dropdown_contents {\r\n\t\tposition: static;\r\n\t\talign-items: center;\r\n\t\talign-self: stretch;\r\n\t\tjustify-content: center;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\t.dropdown-inMenu > .dropdown_toggle-active + .dropdown_contents {\r\n\t\tmargin-left: 8px;\r\n\t\tborder-left: solid 4px;\r\n\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.8 LILCARDS - - */\r\n\r\n\r\n.lilCards {\r\n\tgap: 1em;\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tjustify-content: center;\r\n\tperspective: 2000px;\r\n\tperspective-origin: center;\r\n\tmargin: 0 auto;\r\n\twidth: 100%;\r\n\toverflow: visible;\r\n\r\n\t@media ( min-width: $mobileWidth ) {\r\n\t\tpadding: 1em;\r\n\t}\r\n\r\n\t.lilCards_flip {\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.lilCards_card {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\tflex: 0 1 22em;\r\n\t\tflex-flow: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-start;\r\n\t\ttransform-style: preserve-3d;\r\n\t\tborder: solid 20px;\r\n\t\tborder-radius: 3px;\r\n\t\tbox-shadow: 0 0 2em 0 #0004;\r\n\t\tbackground: var(--hb_white);\r\n\t\twidth: 33.333%;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: inherit;\r\n\r\n\t\t&:nth-child(1) { border-image: var( --hb_eggsBorder ); }\r\n\t\t&:nth-child(2) { border-image: var( --hb_arrowBorder ); }\r\n\t\t&:nth-child(3) { border-image: var( --hb_squareDotBorder ); }\r\n\t\t&:nth-child(4) { border-image: var( --hb_triBorder ); }\r\n\r\n\t\t&.lilCards_card-wide {\r\n\t\t\tflex: 0 0 100%;\r\n\t\t\tmax-width: 68em;\r\n\r\n\t\t\t.lilCards_front {\r\n\t\t\t\tgap: 3em;\r\n\t\t\t\tflex-flow: row wrap;\r\n\r\n\t\t\t\t.lilCards_child {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-flow: column;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\t.lilCards_child-left {\r\n\t\t\t\t\tflex: 1 1 22em;\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\t.lilCards_child-right {\r\n\t\t\t\t\tflex: 1 1 50%;\r\n\r\n\t\t\t\t\t.form {\r\n\t\t\t\t\t\tpadding: 0;\r\n\r\n\t\t\t\t\t\t.lilCards_logo {\r\n\t\t\t\t\t\t\tpadding: 1em;\r\n\t\t\t\t\t\t\theight: 5em;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.lilCards_title {\r\n\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.lilCards_front,\r\n\t.lilCards_back {\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: column;\r\n\t\talign-items: center;\r\n\t\tbackface-visibility: hidden;\r\n\t\tbackground: var(--hb_white);\r\n\t\tpadding: 3em 0.5em;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.lilCards_back {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\ttransform: rotateY( 180deg );\r\n\t\tpadding: 2em 0.5em;\r\n\r\n\t\t&>p {\r\n\t\t\tmargin: auto 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.lilCards_icon {\r\n\t\taspect-ratio: 1/1;\r\n\t\tbackground-image: var( --hb_iconBackground );\r\n\t\tbackground-position: top;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: 100%;\r\n\t\tpadding: 0.5em;\r\n\t\twidth: 3.5em;\r\n\t\toverflow: visible;\r\n\t}\r\n\r\n\t.lilCards_tapIcon {\r\n\t\taspect-ratio: 1 / 1;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\topacity: 0.5;\r\n\t\tborder-radius: 100%;\r\n\t\tbackground: radial-gradient( #fff 0%, #0000 75% );\r\n\t\tpadding: 0.5em;\r\n\t\theight: 3.5em;\r\n\t}\r\n\r\n\t.lilCards_list {\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: column;\r\n\t\talign-items: center;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tlist-style: none;\r\n\t\tline-height: 1.8;\r\n\r\n\t\tli {\r\n\t\t\tmargin-block-end: .3em;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - 3.1.9 DOMAINSEARCHFORM - - */\r\n\r\n\r\n.domainSearchForm {\r\n\tinput[type=\"text\"] {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 3.1.10 TAGCLOUD - - */\r\n\r\n\r\n.tagCloud {\r\n\tmargin: 1em 0;\r\n\tpadding: 0;\r\n\tlist-style: none;\r\n\r\n\tli {\r\n\t\tdisplay: inline-block;\r\n\t\tborder-radius: 10em;\r\n\t\tbackground: var(--hb_red-light);\r\n\t\tpadding: 0.26em 1em;\r\n\t\tletter-spacing: -0.04em;\r\n\t\tfont-weight: bold;\r\n\r\n\t\t&.tagCloud_css {\r\n\t\t\tcolor: var(--hb_white);\r\n\t\t\tbackground: var(--hb_blue);\r\n\t\t}\r\n\r\n\t\t&.tagCloud_html {\r\n\t\t\tcolor: var(--hb_white);\r\n\t\t\tbackground: var(--hb_orange-dark);\r\n\t\t}\r\n\r\n\t\t&.tagCloud_php {\r\n\t\t\tcolor: var(--hb_white);\r\n\t\t\tbackground: var(--hb_blue-dark);\r\n\t\t}\r\n\r\n\t\t&.tagCloud_javascript {\r\n\t\t\tbackground: var(--hb_yellow);\r\n\t\t}\r\n\t}\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\tdisplay: flex;\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: calc(50vw - 3em);\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tz-index: 1;\r\n\ttransition: all ease-in-out 500ms;\r\n\tbox-shadow: 0 0.25em 1.25em 0.25em #00000075, 0 0 0.42em -0.1em #000;\r\n\tborder-radius: 3em 3em 0 0;\r\n\tbackground: var(--hb_grey-lightest);\r\n\twidth: 6em;\r\n\theight: 6em;\r\n\r\n\t@media ( min-width: $tabletWidth ) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\t.thumbNav_button {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcursor: pointer;\r\n\t\tbox-shadow: 0 0.05em 0.2em 0.01em #000000a8, 0 0.325em 0.55em 0 #000000b5;\r\n\t\tborder-radius: 2.5em;\r\n\t\tbackground: radial-gradient(at 50% 45%, #0000 53%, #000000b5),\r\n\t\t\t\t\tradial-gradient(at 50% 60%, var(--hb_grey-lightest) 48%, #fff);\r\n\t\tpadding: 0.5em;\r\n\t\twidth: 5em;\r\n\t\theight: 5em;\r\n\t\tcolor: var(--hb_grey-lightest);\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.thumbNav_button-hover:hover {\r\n\t\tcursor: pointer;\r\n\t}\r\n\t.thumbNav_button:active {\r\n\t\tbox-shadow: inset 0 -0.25em 0.25em -0.15em #ffffff,\r\n\t\t\t\t\tinset 0 0.35em 0.5em 0 #00000099;\r\n\t\tbackground: radial-gradient(at 50% 45%, #0000 53%, #fff),\r\n\t\t\t\t\tradial-gradient(at 50% 60%, var(--hb_grey-lightest) 48%, #000000b5);\r\n\t}\r\n\t.thumbNav_toggle {\r\n\t\tz-index: 1;\r\n\t}\r\n\t\t.thumbNav_child {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all ease-out 200ms;\r\n\t\t\tborder-radius: 3em;\r\n\t\t\tbackground: var(--hb_grey-lightest);\r\n\t\t\twidth: 6em;\r\n\t\t\theight: 6em\r\n\t\t}\r\n\t\t.thumbNav_checkbox {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t.thumbNav_checkbox:checked ~ .thumbNav_toggle {\r\n\t\t\tbox-shadow: inset 0 -0.25em 0.25em -0.15em var(--hb_white),\r\n\t\t\t\t\t\tinset 0 0.35em 0.5em 0 #00000099;\r\n\t\t\tbackground: radial-gradient(at 50% 45%, #63cfa700 53%, var(--hb_white)),\r\n\t\t\t\t\t\tradial-gradient(at 50% 60%, var(--hb_grey-lightest) 48%, #000000b5);\r\n\t\t}\r\n\t\t.thumbNav_checkbox:checked ~ .thumbNav_child {\r\n\t\t\topacity: 1;\r\n\t\t\ttransition-timing-function: cubic-bezier(0, 0, 0, 1.8);\r\n\t\t\tbox-shadow: 0 0.25em 0.75em 0.25em #00000075, 0 0 0.42em -0.1em #000;\r\n\t\t}\r\n\t\t.thumbNav_checkbox:checked ~ .thumbNav_child:nth-child(3) {\r\n\t\t\ttransform: translate3d(0, -7em, 0);\r\n\t\t\ttransition-duration: 200ms;\r\n\t\t}\r\n\t\t.thumbNav_checkbox:checked ~ .thumbNav_child:nth-child(4) {\r\n\t\t\ttransform: translate3d(0, -14em, 0);\r\n\t\t\ttransition-duration: 300ms;\r\n\t\t}\r\n\t\t.thumbNav_checkbox:checked ~ .thumbNav_child:nth-child(5) {\r\n\t\t\ttransform: translate3d(0, -21em, 0);\r\n\t\t\ttransition-duration: 400ms;\r\n\t\t}\r\n\t\t@media ( orientation: landscape ) {\r\n\t\t\t.thumbNav_checkbox:checked ~ .thumbNav_child:nth-child(3) {\r\n\t\t\t\ttransform: translate3d(7em, -7em, 0);\r\n\t\t\t\ttransition-duration: 200ms;\r\n\t\t\t}\r\n\t\t\t.thumbNav_checkbox:checked ~ .thumbNav_child:nth-child(4) {\r\n\t\t\t\ttransform: translate3d(0, -7em, 0);\r\n\t\t\t\ttransition-duration: 300ms;\r\n\t\t\t}\r\n\t\t\t.thumbNav_checkbox:checked ~ .thumbNav_child:nth-child(5) {\r\n\t\t\t\ttransform: translate3d(-7em, -7em, 0);\r\n\t\t\t\ttransition-duration: 400ms;\r\n\t\t}}\r\n\t\t.thumbNav_icon {\r\n\t\t\twidth: 100%;\r\n\t\t}\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/*\r\nNice gooey effect\r\nborder-radius 30% 70% 70% 30% / 30% 30% 70% 70%\r\nbox-shadow 15px 15px 50px rgba(0,0,0,0.2)\r\nanimation: morphing 10s infinite\r\noverflow hidden\r\n*/\r\n\r\n/*\r\n@keyframes morphing {\r\n\t0% {\r\n\t\tborder-radius 30% 70% 70% 30% / 30% 30% 70% 70%\r\n\t\tbox-shadow 15px 15px 50px rgba(0,0,0,0.2)\r\n\t}\r\n\t25% {\r\n\t\tborder-radius 58% 42% 75% 25% / 76% 46% 54% 24%\r\n\t}\r\n\t50% {\r\n\t\tborder-radius 50% 50% 33% 67% / 55% 27% 73% 45%\r\n\t\tbox-shadow -10px -5px 50px rgba(0,0,0,0.2)\r\n\t}\r\n\t75% {\r\n\t\tborder-radius 33% 67% 58% 42% / 63% 68% 32% 37%\r\n\t}\r\n}\r\n*/\r\n\r\n/* Burger Icon Smile animation\r\n\r\n@keyframes toggle_x {\r\n\t100% { opacity: 1 }\r\n\t20% { opacity: 0 }\r\n\t80% { opacity: 0 }\r\n\t100% { opacity: 1 }\r\n}\r\n\r\n@keyframes toggle_line6 {\r\n\t0% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n\t20% { transform: translate(1.5px, 19px) rotate(-60deg) scaleX(.8); }\r\n\t80% { transform: translate(1.5px, 19px) rotate(-60deg) scaleX(.8); }\r\n\t100% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n}\r\n\r\n@keyframes toggle_line5 {\r\n\t0% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n\t20% { transform: translate(-1.5px, 19px) rotate(60deg) scaleX(.8); }\r\n\t80% { transform: translate(-1.5px, 19px) rotate(60deg) scaleX(.8); }\r\n\t100% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n}\r\n\r\n@keyframes toggle_line4 {\r\n\t0% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n\t20% { transform: translate(1px, 37px) rotate(-16deg) scaleX(0.7); }\r\n\t80% { transform: translate(1px, 37px) rotate(-16deg) scaleX(0.7); }\r\n\t100% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n}\r\n\r\n@keyframes toggle_line3 {\r\n\t0% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n\t20% { transform: translate(1px, 37px) rotate(18deg) scaleX(0.7); }\r\n\t80% { transform: translate(1px, 37px) rotate(18deg) scaleX(0.7); }\r\n\t100% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n}\r\n\r\n@keyframes toggle_line2 {\r\n\t0% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n\t20% { transform: translate(38px, 0) rotate(-90deg); }\r\n\t80% { transform: translate(38px, 0) rotate(-90deg); }\r\n\t100% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n}\r\n\r\n@keyframes toggle_line1 {\r\n\t0% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n\t20% { transform: translate(-38px, 0em) rotate(90deg); }\r\n\t80% { transform: translate(-38px, 0em) rotate(90deg); }\r\n\t100% { transform: translate(0px, 0px) rotate(0deg) scaleX(1); }\r\n}\r\n\r\n*/\r\n\r\n\r\n/*-------------------------------------------------------- 4.2 CONTAINERS ----*/\r\n\r\n\r\n.animation_scrollSpace {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\twidth: 100%;\r\n\theight: 400vmin;\r\n}\r\n\r\n.animation_wrap {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-shadow: var(--hb_shadow);\r\n\tborder-radius: var(--hb_radius);\r\n\twidth: auto;\r\n\theight: 80vmin;\r\n\toverflow: hidden;\r\n}\r\n\r\n.animation_title {\r\n\tposition: absolute;\r\n\ttop: 6%;\r\n\tleft: -2%;\r\n\ttransform: rotate(-20deg);\r\n\tmargin: 0;\r\n\tcolor: var(--hb_white);\r\n\tfont-size: 4em;\r\n\tfont-weight: 900;\r\n\tletter-spacing: -0.05em;\r\n}\r\n@media ( min-width: $tabletWidth ) { .animation_title {\r\n\tfont-size: 5em;\r\n}}\r\n\r\n.animation_wrap-wheel {\r\n\tbackground: radial-gradient(at center top, #0061ffa3, #ffffff2e),\r\n\t\t\t\tradial-gradient(at center bottom, #ff8f00, #000000d4);\r\n\theight: 80vmin;\r\n}\r\n\r\n\r\n/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 4.2 ROLLBY - - */\r\n\r\n\r\n.rollByAnim_container {\r\n box-sizing: border-box;\r\n display: flex;\r\n position: relative;\r\n align-items: flex-start;\r\n justify-content: left;\r\n width: 100%;\r\n\theight: fit-content;\r\n\toverflow-y: visible;\r\n\t\r\n\t#svg_tumbleweed {\r\n\t\tposition: absolute;\r\n\t\ttop: 15%;\r\n\t\theight: clamp( 200px, 40vmin, 80% );\r\n\t\twidth: auto;\r\n\t\tright: 100%;\r\n\t}\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}","/* INDEX\n\n\n1. [SANS SERIF]\n\t1.1 Google Fonts - Inter\n\t1.2 Google Fonts - Open Sans\n\n1. [DISPLAY]\n\t2.1 Google Fonts - Wellfleet\n\n******************/\n\n\n/*------------------------------------------------------------- 1. SANS SERIF */\n/* - - - - - - - - - - - - - - - - - - - - - - - - - 1.1 Google Fonts - Inter */\n\n\n@font-face { /* latin */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 900;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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 { /* latin-ext */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 900;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face { /* latin-ext */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 300;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face { /* latin */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 300;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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 { /* latin-ext */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face { /* latin */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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 { /* latin-ext */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 800;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face { /* latin */\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 800;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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 Google Fonts - Open Sans */\n\n\n/* latin-ext */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: italic;\n\tfont-weight: 300;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: italic;\n\tfont-weight: 300;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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/* latin-ext */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: italic;\n\tfont-weight: 400;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: italic;\n\tfont-weight: 400;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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/* latin-ext */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: italic;\n\tfont-weight: 600;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: italic;\n\tfont-weight: 600;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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/* latin-ext */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: normal;\n\tfont-weight: 300;\n\tfont-display: swap;\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+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: normal;\n\tfont-weight: 300;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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/* latin-ext */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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/* latin-ext */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');\n\tunicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-display: swap;\n\tsrc: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');\n\tunicode-range: U+0000-00FF, 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/*---------------------------------------------------------------- 2. DISPLAY */\n/* - - - - - - - - - - - - - - - - - - - - - - - 2.1 Google Fonts - Wellfleet */\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/v10/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+2000-206F, U+2074, 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","/* INDEX\r\n\r\n1. GLOBAL\r\n\t1.1 GLOBAL - HEADER\r\n\t1.2 GLOBAL - MAIN GRID LAYOUT\r\n\t1.3 GLOBAL - SECTION GRID LAYOUT\r\n 1.4 GLOBAL - MASONFLOP LAYOUT\r\n2. BLOCKS\r\n\t2.1 BLOCKS - SIGN\r\n\t2.2 BLOCKS - SVGME \r\n\t2.3 BLOCKS - FIST \r\n\t2.4 BLOCKS - RESPONSIVE SCREEN ANIMATION\r\n3. THEMES\r\n\t3.1 THEMES - MEXICO\r\n*/\r\n\r\n\r\n/*========================================================== 1. GLOBAL =====*/\r\n/*------------------------------------------------- 1.1 GLOBAL - HEADER ----*/\r\n\r\n\r\n.hb__pag-landing .header {\r\n position: fixed;\r\n background: var(--hb_white);\r\n border-bottom: solid 0.3em var(--hb_grey-darkest);\r\n}\r\n\r\n@media (max-width: 44.999em) {\r\n .menu_active .menuToggle {\r\n top: 0.5em;\r\n right: 0.5em;\r\n }\r\n}\r\n@media (min-width: 45em) {\r\n .hb__pag-landing .menuToggle {\r\n display: flex;\r\n }\r\n}\r\n\r\n\r\n/*--------------------------------------- 1.2 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.3 GLOBAL - SECTION GRID LAYOUT ----*/\r\n\r\n\r\n.hb__pag-landing section {\r\n\t--narrow: minmax( 0px, 48rem ); /* 48rem */\r\n\t--medium: clamp( 0px, calc( 50% - 24rem), 8rem ); /* 64rem */\r\n\t--wide: clamp( 0px, calc( 50% - 32rem), 13rem ); /* 90rem */\r\n\tgap: 0;\r\n\tdisplay: grid;\r\n\tposition: relative;\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\tgrid-column: 1 / -1;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\r\n\t.landing_content {\r\n\t\tposition: relative;\r\n\t\tgrid-row: var(--row);\r\n\t\tgrid-column: var(--col);\r\n\t\tz-index: 0;\r\n\t}\r\n\r\n\t.landing_backdrop {\r\n\t\tdisplay: flex;\r\n\t\tposition: absolute;\r\n\t\tgrid-row: 1 / -1;\r\n\t\tgrid-column: 1 / -1;\r\n\t\tjustify-content: center;\r\n\t\tz-index: -1;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\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@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 obvz */\r\n\r\n\r\n.masonFlop {\r\n\tmargin: 0.5em 0;\r\n\tpadding: 0.5em;\r\n width: 100%;\r\n\r\n\t.masonFlop_card {\r\n\t\tgap: 1em;\r\n\t\tdisplay: flex;\r\n\t\tflex: 1 1 auto;\r\n\t\tflex-flow: column;\r\n\t\tmargin-bottom: 1em;\r\n\t\tborder-radius: var(--hb_radius-tiny);\r\n\t\tbackground: var(--hb_blue-lightest);\r\n\t\tpadding: 1em;\r\n\r\n\t\t.masonFlop_content-left,\r\n\t\t.masonFlop_content-right {\r\n flex: 1 1 50%;\r\n\t\t}\r\n\r\n\t\t.masonFlop_content-left {\r\n\t\t\tfigure {\r\n\t\t\t\tmargin: 0;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\tborder-radius: var(--hb_radius-tiny);\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.masonFlop_content-right {\r\n h3 {\r\n\t\t\t\tmargin-bottom: 0;\r\n font-size: var(--hb_font-xl);\r\n }\r\n\r\n\t\t\tspan.masonFlop_moustache {\r\n\t\t\t\tborder-radius: var(--hb_radius-tiny);\r\n\t\t\t\tbackground: var(--hb_grey-lightest);\r\n\t\t\t\tpadding: 0.1em 0.4em;\r\n\t\t\t\tcolor: var(--hb_grey-dark);\r\n\t\t\t\tfont-style: italic;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media (min-width: 320px) {\r\n\t.masonFlop {\r\n\t\tmargin: 2em 0;\r\n\t\tpadding: 1em;\r\n\r\n\t\t.masonFlop_card {\r\n\t\t\tmargin-bottom: 2em;\r\n\t\t\tborder-radius: var(--hb_radius-tiny);\r\n\t\t\tpadding: 1em;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* flip-flop */\r\n@media (min-width: 608px) and (max-width: 1023px) {\r\n\t.masonFlop_card:nth-child(even) {\r\n\t\tflex-flow: row;\r\n\t}\r\n\t.masonFlop_card:nth-child(odd) {\r\n\t\tflex-flow: row-reverse;\r\n\t}\r\n}\r\n\r\n/* masonry */\r\n@media (min-width: 1024px) {\r\n\t.masonFlop {\r\n\t\tcolumns: 28em;\r\n\t\tcolumn-gap: 1em;\r\n\r\n\t\t.masonFlop_card {\r\n\t\t\tbreak-inside: avoid-column;\r\n\t\t\tflex-flow: column nowrap;\r\n\t\t\toverflow: hidden; /* fix for firefox */\r\n\t\t\tpage-break-inside: avoid;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/*============================================================ 2. BLOCKS =====*/\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 2.1 BLOCKS - SIGN - - */\r\n\r\n\r\n.sign {\r\n\tfilter: drop-shadow(3px 8px 8px #0004);\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tmargin-top: 160px;\r\n\tborder: solid 20px;\r\n\tborder-radius: 3px;\r\n\t-o-border-image: var(--hb_triBorder);\r\n\t border-image: var(--hb_triBorder);\r\n\tbackground: var(--hb_white);\r\n\tpadding: 3em;\r\n max-width: 100%;\r\n\theight: -webkit-fit-content;\r\n\theight: -moz-fit-content;\r\n\theight: fit-content;\r\n}\r\n .sign_pinSignTop {\r\n display: flex;\r\n position: relative;\r\n align-items: center;\r\n margin-top: calc(-20px - 3em );\r\n\t\tmargin-bottom: calc(20px + 3em);\r\n width: 100%;\r\n height: 0;\r\n }\r\n .grabhand-left,\r\n .grabhand-right {\r\n --handWidth: calc( 80px + 2% );\r\n filter: drop-shadow(1px 2px 1px #0008);\r\n z-index: 1;\r\n margin-top: 20px;\r\n width: var(--handWidth);\r\n max-width: 37%;\r\n }\r\n .grabhand-left {\r\n left: 0;\r\n margin-left: clamp( 0px, calc(-151px + calc( 0.9 * 48vw) ), calc( 100% - var(--handWidth) ) );\r\n }\r\n .grabhand-right {\r\n margin-left: auto;\r\n }\r\n @media (min-width: 48em) {\r\n .grabhand-right {\r\n display: none;\r\n }\r\n }\r\n\t.sign_title {\r\n\t\tmargin-block-end: 1em;\r\n\t\tmargin-block-start: 1.75em;\r\n\t\tline-height: 2em;\r\n\t\tfont-family: var(--hb_font-display);\r\n\t\tfont-size: var(--hb_font-xxl);\r\n\t}\r\n\t\t@media (max-width: 500px) {\r\n\t\t\t.sign_title {\r\n\t\t\t\tline-height: clamp(2.5rem, 10vmin, 6rem);\r\n\t\t\t\tfont-size: clamp(1rem, 6vmin, 2.063rem);\r\n\t\t\t}\r\n\t\t}\r\n .sign_list {\r\n gap: 1em;\r\n display: flex;\r\n flex-flow: row wrap;\r\n justify-content: center;\r\n margin: 3em 0;\r\n }\r\n .sign_list > li {\r\n flex: 1 1 30%;\r\n background-image: var(--hb_iconBackground);\r\n background-position: top;\r\n background-repeat: no-repeat;\r\n background-size: 3.5em;\r\n }\r\n .sign_icon {\r\n margin-top: 0.2em;\r\n margin-bottom: 0.2em;\r\n width: 1.6em;\r\n height: 1.6em;\r\n }\r\n .sign_link {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n align-items: center;\r\n text-align: center;\r\n letter-spacing: -0.25px;\r\n color: var(--hb_grey-darkest);\r\n font-family: var(--hb_font-display);\r\n }\r\n .sign_cta {\r\n color: var(--hb_green-dark);\r\n font-family: var(--hb_font-display);\r\n font-size: var(--hb_font-xl);\r\n font-weight: 900;\r\n }\r\n\r\n.sign_pinSignRight {\r\n position: relative;\r\n height: 100%;\r\n}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - 2.2 BLOCKS - SVGME - - */\r\n\r\n\r\n.svgMe_container {\r\n\tposition: absolute;\r\n\ttop: clamp( 0vw, calc( 3vw - 5vh ), 2vw );\r\n\tright: 0;\r\n\twidth: max-content;\r\n\theight: 100%;\r\n}\r\n\t.svgMe {\r\n\t\tdisplay: block;\r\n\t\ttransform: translateX( clamp( 0px, calc( 28vw - 64% ), 78%) );\r\n\t\twidth: clamp(0px,24em,100vw);\r\n\t\theight: 100%;\r\n\t}\r\n\t\t.svgMe #eye-r_topLid,\r\n\t\t.svgMe #eye-l_topLid {\r\n\t\t\tanimation: eye_blink-top 10s infinite;\r\n\t\t}\r\n\t\t.svgMe #eye-r_bottomLid,\r\n\t\t.svgMe #eye-l_bottomLid {\r\n\t\t\tanimation: eye_blink-bottom 10s infinite;\r\n\t\t}\r\n\t\t.svgMe #eye-r_pupil,\r\n\t\t.svgMe #eye-l_pupil {\r\n\t\t\tanimation: svgMe-lookingdown 12s infinite;\r\n\t\t}\r\n\t\t@media (min-width: 48em) {\r\n\t\t\t.svgMe #eye-r_pupil,\r\n\t\t\t.svgMe #eye-l_pupil {\r\n\t\t\tanimation: svgMe-looking 12s infinite; }\r\n\t\t}\r\n\t\t@keyframes eye_blink-top {\r\n\t\t\t20% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t21% { transform: translateX( -1px ) translateY( 7px ); }\r\n\t\t\t22% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t75% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t76% { transform: translateX( -1px ) translateY( 7px ); }\r\n\t\t\t77% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t82% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t83% { transform: translateX( -1px ) translateY( 7px ); }\r\n\t\t\t84% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t}\r\n\t\t@keyframes eye_blink-bottom {\r\n\t\t\t20% { transform: translateY( 0 ); }\r\n\t\t\t21% { transform: translateY( -8px ); }\r\n\t\t\t22% { transform: translateY( 0 ); }\r\n\t\t\t75% { transform: translateY( 0 ); }\r\n\t\t\t76% { transform: translateY( -8px ); }\r\n\t\t\t77% { transform: translateY( 0 ); }\r\n\t\t\t82% { transform: translateY( 0 ); }\r\n\t\t\t83% { transform: translateY( -8px ); }\r\n\t\t\t84% { transform: translateY( 0 ); }\r\n\t\t}\r\n\t\t@keyframes svgMe-looking {\r\n\t\t\t8% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t9% { transform: translateX(-2px) translateY( 3px); }\r\n\t\t\t19% { transform: translateX(-2px) translateY( 3px); }\r\n\t\t\t20% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t75% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t76% { transform: translateX(-2px) translateY( 3px); }\r\n\t\t\t86% { transform: translateX(-2px) translateY( 3px); }\r\n\t\t\t87% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t94% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t\t99% { transform: translateX(-2px) translateY( 3px); }\r\n\t\t\t100% { transform: translateX( 0 ) translateY( 0 ); }\r\n\t\t}\r\n\t\t@keyframes svgMe-lookingdown {\r\n\t\t\t8% { transform: translateY( 0 ); }\r\n\t\t\t9% { transform: translateY( 4px); }\r\n\t\t\t29% { transform: translateY( 4px); }\r\n\t\t\t30% { transform: translateY( 0 ); }\r\n\t\t\t75% { transform: translateY( 0 ); }\r\n\t\t\t76% { transform: translateY( 4px); }\r\n\t\t\t86% { transform: translateY( 4px); }\r\n\t\t\t87% { transform: translateY( 0 ); }\r\n\t\t\t94% { transform: translateY( 0 ); }\r\n\t\t\t99% { transform: translateY( 4px); }\r\n\t\t\t100% { transform: translateY( 0 ); }\r\n\t\t}\r\n\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - - 2.3 BLOCKS - FIST - - */\r\n\r\n\r\n\t.fist_container {\r\n\t\tposition: fixed;\r\n\t\ttop: 110vh;\r\n\t\tvisibility: hidden;\r\n\t\tz-index: 2;\r\n\t\tmargin-top: 180px;\r\n\t\twidth: 50rem;\r\n\t\tmax-width: 100vw;\r\n\t\theight: 200vh;\r\n\t\tmin-height: 100vh;\r\n\t}\r\n\r\n\r\n/*- - - - - - - - - - - - - - - 2.4 BLOCKS - RESPONSIVE SCREEN ANIMATION - - */\r\n\r\n\r\n.screen {\r\n\tfilter: drop-shadow(8px 12px 5px #0007);\r\n\t-webkit-animation: squish 6s ease-in-out alternate infinite;\r\n\t animation: squish 6s ease-in-out alternate infinite;\r\n\tborder: solid 0.5em #333;\r\n\tborder-radius: 1.5em;\r\n\tbackground: var(--hb_grey-darkest);\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\t.screen_demo {\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: column nowrap;\r\n\t\tborder-radius: 1em;\r\n\t\tbackground: var(--hb_white);\r\n\t\tpadding: .25em;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t\t.screen_row {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tflex-flow: row wrap;\r\n\t\t}\r\n\t\t\t.screen_column {\r\n\t\t\t\tflex: 1 1 auto;\r\n\t\t\t\tmargin: .25em;\r\n\t\t\t\tborder-radius: .75em;\r\n\t\t\t}\r\n\t\t\t\th4.screen_title {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t\t\tfont-size: 2em;\r\n\t\t\t\t\tletter-spacing: -0.04em;\r\n\t\t\t\t}\r\n\t\t\t\t\th4.screen_title > span {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 0;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\th4.screen_title > span:nth-of-type(1) {\r\n\t\t\t\t\t\t\t-webkit-animation: titleSwitch-mobile 6s ease-in-out alternate infinite;\r\n\t\t\t\t\t\t\t animation: titleSwitch-mobile 6s ease-in-out alternate infinite;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\th4.screen_title > span:nth-of-type(2) {\r\n\t\t\t\t\t\t\t-webkit-animation: titleSwitch-tablet 6s ease-in-out alternate infinite;\r\n\t\t\t\t\t\t\t animation: titleSwitch-tablet 6s ease-in-out alternate infinite;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\th4.screen_title > span:nth-of-type(3) {\r\n\t\t\t\t\t\t\t-webkit-animation: titleSwitch-desktop 6s ease-in-out alternate infinite;\r\n\t\t\t\t\t\t\t animation: titleSwitch-desktop 6s ease-in-out alternate infinite;\r\n\t\t\t\t\t\t}\r\n\r\n\r\n.screen_row.a > .screen_column {\r\n\t-webkit-animation: screen_row-a 6s ease-in-out alternate infinite;\r\n\t animation: screen_row-a 6s ease-in-out alternate infinite;\r\n\tbackground: var(--hb_blue-lightest);\r\n}\r\n\r\n.screen_row.b > .screen_column {\r\n\tbackground: var(--hb_red-light);\r\n}\r\n\r\n.screen_row.c > .screen_column {\r\n\t-webkit-animation: screen_row-c 6s ease-in-out alternate infinite;\r\n\t animation: screen_row-c 6s ease-in-out alternate infinite;\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 alternate infinite;\r\n\t animation: screen_row-d 6s ease-in-out alternate infinite;\r\n\tbackground: var(--hb_green-dark);\r\n}\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\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\n.hb__pag-landing h1,\r\n.hb__pag-landing h2 {\r\n\tfont-family: var(--hb_font-display);\r\n\tfont-weight: 400;\r\n\tletter-spacing: normal;\r\n}\r\n","/* INDEX\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 {\r\n\r\n\t.landing_content {\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: row nowrap;\r\n justify-content: center;\r\n margin-bottom: 15vh;\r\n\t\tmin-height: 100vh;\r\n\r\n\t\t.twinkle_container {\r\n\t\t\tposition: absolute;\r\n\t\t\tvisibility: hidden;\r\n\t\t\twidth: 0;\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t}\r\n\r\n .landing_backdrop {\r\n background:\r\n radial-gradient(\r\n at 9% 9%,\r\n #fffb 0%,\r\n #fff0 30%\r\n ),\r\n linear-gradient(\r\n\t\t\t\tvar(--hb_blue-light) 0%,\r\n\t\t\t\tvar(--hb_blue-lightest) 20%,\r\n\t\t\t\tvar(--hb_yellow-light) 55%,\r\n\t\t\t\tvar(--hb_orange-light) 60%,\r\n\t\t\t\t#fff 61%\r\n\t\t\t);\r\n }\r\n}\r\n .desert_clouds {\r\n position: absolute;\r\n /* dimensions are inline */\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .desert_cloud {\r\n animation: linear infinite animation_scrollLeftToRight;\r\n animation-duration: var(--animDur);\r\n }\r\n @keyframes animation_scrollLeftToRight {\r\n 0%\t\t{ transform: translateX(0); }\r\n 45%\t { opacity:1; }\r\n 50.001% { transform: translateX(120%); opacity:0; }\r\n 50.002% { transform: translateX(-120%); opacity:0; }\r\n 55%\t { opacity:1; }\r\n 100%\t{ transform: translateX(0); }\r\n }\r\n .desert_sun {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: -1;\r\n margin: 3vmin;\r\n }\r\n .desert_terrain {\r\n display: flex;\r\n position: relative;\r\n bottom: 0;\r\n justify-content: center;\r\n z-index: 0;\r\n margin-top: auto;\r\n width: 100%;\r\n height: 75%;\r\n overflow: hidden;\r\n }\r\n .desert_furniture {\r\n width: clamp(100%, 1920px, 177.777%);\r\n height: 100%;\r\n\r\n\t\t\t\t.desert_grass,\r\n\t\t\t\t.desert_rock,\r\n\t\t\t\t.desert_cactus {\r\n\t\t\t\t\toverflow: visible;\r\n\r\n\t\t\t\t\t.desert_shadow {\r\n\t\t\t\t\t\ttransform-origin: center;\r\n\t\t\t\t\t\ttransform: skewX(55deg) scaleY(0.3);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n }\r\n .desert_sand {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: -1;\r\n width: clamp(100%, 1920px, 175%);\r\n height: 100%;\r\n }\r\n .desert_fills {\r\n position: absolute;\r\n opacity: 0;\r\n height: 0;\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\tdisplay: flex;\r\n\tflex-flow: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tmin-height: 80vh;\r\n\tmargin-bottom: 6em;\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\tdisplay: flex;\r\n\tflex-flow: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tmin-height: 80vh;\r\n}\r\n\r\n\r\n/*----------------------------------------------------- 2.4 SECTION - USP --- */\r\n\r\n\r\n.usp > .landing_backdrop {\r\n\tbackground: var(--hb_yellow-lightest);\r\n}\r\n\t.usp_wall {\r\n\t\theight: 100%;\r\n\t}\r\n\r\n.usp > .landing_content {\r\n\tdisplay: grid;\r\n\tposition: relative;\r\n\tgrid-template: repeat(3, 33.333%) / repeat(2, 50%);\r\n\tgrid-template-areas: \"a b\"\r\n\t\t\t\t\t\t \"c d\"\r\n\t\t\t\t\t\t \"e f\";\r\n\tpadding: 0;\r\n\twidth: 100%;\r\n\theight: 100vh;\r\n\ttext-align: center;\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\"\r\n\t\t\t\t\t\t \"d e f\";\r\n}\r\n\t.usp_title {\r\n\t\tfont-family: var(--hb_font-display);\r\n\t\tfont-size: var(--hb_font-xxxl);\r\n\t\tfont-weight: 400;\r\n\t\tmargin-block-end: 0;\r\n\t\tmargin-block-start: 0;\r\n\t\tline-height: 1.6em;\r\n\t}\r\n\t\t.usp_instruction::after {\r\n\t\t\tcontent: \"\\00a0\\1F335\"; /* space & cactus emoji */\r\n\t\t}\r\n\t\t.usp_instruction {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin: 5% auto;\r\n\t\t\tfont-size: 1em;\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\t\t\t.usp_state {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t\t.usp_card {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-flow: column;\r\n\t\t\t\t\tgrid-area: var(--grid_area);\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: flex-end;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t\t#usp_default + .usp_card {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t\t\t.usp_graphicWrap {\r\n\t\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\t\tgrid: 10% 90% / 100%;\r\n\t\t\t\t\t\tgrid-template-areas:\r\n\t\t\t\t\t\t\t\"plumbob\"\r\n\t\t\t\t\t\t\t\"cacti\";\r\n\t\t\t\t\t\tjustify-items: center;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\tpadding-top: 4vh;\r\n\t\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\toverflow: hidden;\r\n width: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t.usp_cactiBox {\r\n\t\t\t\t\t\t\taspect-ratio: 25 / 35;\r\n\t\t\t\t\t\t\tplace-items: flex-end;\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tgrid-area: cacti;\r\n\t\t\t\t\t\t\tperspective: 12em;\r\n\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t\theight: 100%;\r\n max-width: 100%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t.usp_cacti {\r\n\t\t\t\t\t\t\t\tfilter: drop-shadow(1px -2px 1px #0006);\r\n\t\t\t\t\t\t\t\tplace-self: end center;\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\tmax-height: 100%;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.usp_cactiShadow {\r\n\t\t\t\t\t\t\tplace-self: end center;\r\n\t\t\t\t\t\t\tgrid-area: shadow;\r\n\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\theight: 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t.usp_blurb,\r\n\t\t\t\t\t.usp_subtitle {\r\n\t\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t\tmax-height: 0;\r\n\t\t\t\t\t\tfont-size: 0;\r\n\t\t\t\t\t}\r\n .usp_blurb > .copy {\r\n overflow-y: auto;\r\n }\r\n\t\t\t\t\t.usp_button {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\tgrid-area: button;\r\n\t\t\t\t\t\tmargin: 1% auto;\r\n\t\t\t\t\t\tbackground-position: center center;\r\n\t\t\t\t\t\tbackground-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\tpadding: 0.8em 1.2em;\r\n\t\t\t\t\t\twidth: -webkit-fit-content;\r\n\t\t\t\t\t\twidth: -moz-fit-content;\r\n\t\t\t\t\t\twidth: fit-content;\r\n\t\t\t\t\t\tcolor: var(--hb_white);\r\n\t\t\t\t\t\tfont-family: var(--hb_font-display);\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t.usp_button.red {\r\n\t\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 150 100'%3E%3Cpath fill='%23e54242' d='M11 8l125-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\");\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.usp_button.green {\r\n\t\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 150 100'%3E%3Cpath fill='%2361af76' d='M11 8l125-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\");\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\r\n/* .usp_state:checked */\r\n#usp_default:checked + .usp_card {\r\n\tdisplay: flex;\r\n}\r\n.usp_state:checked + .usp_card {\r\n\tdisplay: grid;\r\n\tgrid-template: 35% 55% 10% / 100%;\r\n\tgrid-template-areas: \"cactus\"\r\n\t\t\t\t\t\t \"blurb \"\r\n\t\t\t\t\t\t \"button\";\r\n\tgrid-row: 1 / -1;\r\n\tgrid-column: 1 / -1;\r\n\tjustify-content: space-evenly;\r\n\tz-index: 1;\r\n\tpadding: 5vh 5vw;\r\n\t-webkit-animation: animation_fadeIn 0.75s ease;\r\n\tanimation: animation_fadeIn 0.75s ease;\r\n}\r\n.landscape .usp_state:checked + .usp_card {\r\n\t-moz-column-gap: 1em;\r\n\t column-gap: 1em;\r\n\tgrid-template: 70% 30% / 80% 20%;\r\n\tgrid-template-areas: \"blurb cactus\"\r\n\t\t\t\t\t\t \"blurb button\";\r\n}\r\n\t.landscape .usp_state:checked + .usp_card .usp_blurb {\r\n\t\ttext-align: start;\r\n\t}\r\n\t.usp_state:checked + .usp_card .usp_graphicWrap {\r\n\t\tdisplay: grid;\r\n\t\tgrid: 12% 76% 4% / 100%;\r\n\t\tgap: 4%;\r\n\t\tgrid-area: cactus;\r\n\t\tpadding-top: 0;\r\n\t\theight: 80%;\r\n\t\tpointer-events: none;\r\n\t\tgrid-template-areas:\r\n\t\t\t\"plumbob\"\r\n\t\t\t\"cacti\"\r\n\t\t\t\"shadow\";\r\n\t}\r\n\t\t.usp_state:checked + .usp_card .plumbob {\r\n\t\t\t-webkit-animation: animation_floaty 0.5s ease-in-out alternate infinite;\r\n\t\t\tanimation: animation_floaty 0.5s ease-in-out alternate infinite;\r\n\t\t}\r\n\t\t.usp_state:checked + .usp_card .usp_cactiBox {\r\n\t\t\tplace-items: flex-start;\r\n\t\t\t-webkit-animation: animation_floaty 0.5s ease-in-out alternate infinite;\r\n\t\t\t\t animation: animation_floaty 0.5s ease-in-out alternate infinite;\r\n\t\t}\r\n\r\n\t\t\t.usp_state:checked + .usp_card .usp_cacti {\r\n\t\t\t\tplace-self: center center;\r\n\t\t\t\t-webkit-animation: animation_swagger 2s linear alternate infinite;\r\n\t\t\t\t\t animation: animation_swagger 2s linear alternate infinite;\r\n\t\t\t}\r\n\t\t.usp_state:checked + .usp_card .usp_cactiShadow {\r\n\t\t\theight: 100%;\r\n\t\t\t-webkit-animation: animation_swell 0.5s ease-in-out alternate infinite;\r\n\t\t\t\t\tanimation: animation_swell 0.5s ease-in-out alternate infinite;\r\n\t\t}\r\n\t.usp_state:checked + .usp_card > .usp_blurb {\r\n\t\tdisplay: flex;\r\n\t\tflex-flow: column;\r\n\t\tgrid-area: blurb;\r\n\t\tjustify-content: space-evenly;\r\n\t\topacity: 1;\r\n\t\theight: 100%;\r\n\t\tmax-height: 100%;\r\n\t\tfont-size: 1em;\r\n\t}\r\n\t.usp_state:checked + .usp_card .usp_button {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\r\n/* fallback for old devices 360x640 */\r\n@media ( max-width: 22.5em ), ( max-height: 22.5em ) and ( max-width: 40em ) {\r\n\t.usp_state:checked + .usp_card {\r\n\t\tgrid-template: 25% 65% 10% / 100%;\r\n\t\tgrid-template-areas: \"cactus\"\r\n\t\t\t\t\t\t\t\t\"blurb \"\r\n\t\t\t\t\t\t\t\t\"button\";\r\n\t}\r\n\t.usp_state:checked + .usp_card > .usp_graphicWrap {\r\n\t\theight: 100%;\r\n\t}\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\"\r\n\t\t\t\t\t\t\t \"a b c\"\r\n\t\t\t\t\t\t\t \"d e f\";\r\n\t}\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\"\r\n\t\t\t\t\t\t\t \"a b c d e f\";\r\n\t}\r\n\t\t.landscape .usp_state:checked + .usp_card {\r\n\t\t\tgrid-template: 100% / 80% 20%;\r\n\t\t\tgrid-template-areas: \"blurb cactus\";\r\n\t\t}\r\n\t\t\t.usp_graphicWrap {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t.usp_subtitle {\r\n\t\t\t\topacity: revert;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tmax-height: revert;\r\n\t\t\t\tfont-family: var(--hb_font-display);\r\n\t\t\t\tfont-size: revert;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t}\r\n\t\t\t.usp_card > .usp_button,\r\n\t\t\t.usp_state:checked + .usp_card > .usp_button {\r\n\t\t\t\tdisplay:none;\r\n\t\t\t}\r\n\t\t.usp_state:checked + .usp_card {\r\n\t\t\tfilter: drop-shadow(2px 4px 5px #0008);\r\n\t\t\tgrid-area: i;\r\n\t\t\tgrid-template: 100% / 80% 20%;\r\n\t\t\tgrid-template-areas: \"blurb cactus\";\r\n\t\t\tmargin: auto;\r\n\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 1720 570'%3E%3Cpath fill='%23fafafa' d='M79 21L1640 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 background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n width: -webkit-max-content;\r\n\t\t\twidth: -moz-max-content;\r\n\t\t\twidth: max-content;\r\n\t\t\tmax-width: calc( 56em + 10vw );\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t\t.usp_state:checked + .usp_card > .usp_blurb {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-flow: column;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tpadding: 2%;\r\n\t\t\t\tmax-width: 44em;\r\n\t\t\t}\r\n\t\t\t\t.usp_state:checked + .usp_card > .usp_graphicWrap {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\r\n}/* media min-width: 48em */\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\"\r\n\t\t\t\t\t\t\t \"i i i i i i\"\r\n\t\t\t\t\t\t\t \"a b c d e f\";\r\n\t}\r\n\t.usp_state:checked + .usp_card {\r\n\t\tmax-height: 60vh;\r\n\t}\r\n}/* media min-width: 70em */\r\n\r\n\r\n/*- - - - - - - - - - - - - - - - - - - - - - - - - - 2.4.1 USP - PLUMBOB - - */\r\n\r\n\r\n.plumbob {\r\n aspect-ratio: 1 / 1;\r\n place-items: center;\r\n display: grid;\r\n perspective: 100vmin;\r\n perspective-origin: 50% 20%;\r\n\theight: 100%;\r\n}\r\n\t.plumbob_model {\r\n\t\tdisplay: grid;\r\n\t\tgrid: 1fr 1fr / 100%;\r\n\t\ttransform-style: preserve-3d;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\tanimation: animation_rotate 6s infinite linear;\r\n\t}\r\n\t\t.plumbob_top,\r\n\t\t.plumbob_bottom {\r\n\t\t\tplace-items: center;\r\n\t\t\tdisplay: grid;\r\n\t\t\tposition: relative;\r\n\t\t\ttransform-style: preserve-3d;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t\t.plumbob_bottom {\r\n\t\t\ttransform: rotateX( 180deg );\r\n\t\t}\r\n\t\t\t.plumbob_face {\r\n\t\t\t\tcolor: var(--hb_yellow-light);\r\n\t\t\t\tposition:absolute;\r\n\t\t\t\ttransform: rotateY( var( --rotateY ) )\r\n\t\t\t\t\t\t rotateX( 23deg );\r\n\t\t\t\ttransform-origin: 50% 0% 0;\r\n\t\t\t\tmargin-bottom: -16.5%;\r\n\t\t\t\twidth: 45%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tanimation: animation_lightInOut 6s infinite linear;\r\n\t\t\t\tanimation-delay: var( --animDelay );\r\n\t\t\t}\r\n\r\n\r\n/*------------------------------------------------- 2.5 SECTION - CONTACT --- */\r\n\r\n\r\nsection.contact {\r\n padding-top: 2em;\r\n padding-bottom: 5em;\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}"],"names":[],"sourceRoot":""}