chirpy-starter/site/assets/css/jekyll-theme-chirpy.css.map

{"version":3,"sourceRoot":"","sources":["../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/addon/module.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/addon/variables.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/addon/syntax.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/colors/syntax-light.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/colors/syntax-dark.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/addon/commons.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/colors/typography-light.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/colors/typography-dark.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/layout/home.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/layout/post.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/layout/tags.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/layout/archives.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/layout/categories.scss","../../../.local/share/gem/ruby/3.2.0/gems/jekyll-theme-chirpy-6.2.2/_sass/layout/category-tag.scss"],"names":[],"mappings":"CAMA,iCACE,2BACA,gBACA,YCsBoB,kCDlBpB,gCACE,kBACA,sBAEA,wDACE,aAMJ,4CACE,cAGF,qBACE,4CACE,kBACA,UACA,2DAIA,oEACE,mBACA,UACA,0DAMR,sCACE,4BACA,uCAGF,+DACE,mBACA,cACA,mBAGF,2QACE,yBACA,gCACA,qBAGF,4CACE,wBAGF,sEACE,oDAGF,4EACE,+BAGF,gFACE,yBACA,sBACA,qBACA,iBAGF,6LACE,mBAGF,yFACE,eAGF,4EACE,kBAGF,wMACE,cC7EY,MDiFZ,qCACE,cACA,kBACA,kBACA,cACA,UACA,cAIJ,iDACE,iCACA,yBACA,sBACA,qBACA,iBAGF,iHACE,oBACA,gBACA,uBACA,qBACA,4BAGF,+CACE,cACA,gBEtHA,oCACE,4CCHF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCAEA,8EACE,0BAKF,oFACE,YAEF,sFACE,SAEF,0IAEE,cACA,yBAEF,ogBAOE,cAEF,0EACE,cAEF,0EACE,cACA,yBAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cACA,yBAEF,0EACE,cAEF,guBAUE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,kXAKE,cAEF,kJAEE,cAEF,0EACE,cACA,iBAEF,0EACE,cACA,iBAEF,4yBAWE,cAEF,0EACE,cAEF,oJAEE,cAEF,4EACE,cACA,yBAEF,glBAQE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cAEF,0EACE,cACA,kBAEF,0EACE,cACA,iBDlKA,qBETF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,oCACE,cAKF,yCACE,YAEF,0CACE,SAEF,mEAEE,cACA,yBAEF,qCACE,cACA,yBAEF,4PAOE,cAEF,oCACE,cAEF,oCACE,cAEF,uEAEE,cAEF,uEAEE,cAEF,oCACE,cAEF,oCACE,cACA,yBAEF,oCACE,cACA,yBACA,iBAEF,mLAKE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,mUASE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,oCACE,cAEF,+RAQE,cAEF,oCACE,eFpHF,mCACE,2CEfF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,yEACE,cAKF,mFACE,YAEF,qFACE,SAEF,wIAEE,cACA,yBAEF,2EACE,cACA,yBAEF,+fAOE,cAEF,yEACE,cAEF,yEACE,cAEF,gJAEE,cAEF,gJAEE,cAEF,yEACE,cAEF,yEACE,cACA,yBAEF,yEACE,cACA,yBACA,iBAEF,2WAKE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,+oBASE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,yEACE,cAEF,skBAQE,cAEF,yEACE,cF9GA,sBCnBF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCAEA,uCACE,0BAKF,0CACE,YAEF,2CACE,SAEF,qEAEE,cACA,yBAEF,kQAOE,cAEF,qCACE,cAEF,qCACE,cACA,yBAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cACA,yBAEF,qCACE,cAEF,gXAUE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,yLAKE,cAEF,yEAEE,cAEF,qCACE,cACA,iBAEF,qCACE,cACA,iBAEF,sZAWE,cAEF,qCACE,cAEF,0EAEE,cAEF,sCACE,cACA,yBAEF,wSAQE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cAEF,qCACE,cACA,kBAEF,qCACE,cACA,kBD/IJ,kDACE,2CAGF,cACE,kBACA,qBAGF,mBACE,qCACA,iBACA,oBAGF,WAQE,cACA,sBAEA,eACE,gBACA,UDvCa,OCwCb,mBACA,iBAKE,gCACE,qBACA,iBACA,oBAGF,+BACE,8BAGF,wBACE,iBACA,kBAKN,mBACE,iBACA,oCACA,yBACA,sBACA,oBACA,qBACA,iBAIJ,KACE,qBACA,iBACA,aACA,wBAEA,uBACE,UDjFa,OCkFb,gBACA,sBACA,kBACA,uCAGF,cACE,yBACA,iCACA,gBACA,UAGF,yBACE,iBACA,cAGF,+BACE,mBAGF,gBACE,cAWF,gBACE,yBACA,8BACA,oBAIJ,sBAIE,kDAEA,+BFdA,YEeiB,MFdjB,aEciB,MAEf,gBAGF,iCACE,yBACA,0BAUA,2IACE,qBACA,eAEA,2KACE,aAMR,aAGE,aACA,8BACA,mBACA,ODnKmB,QCoKnB,mBACA,mBAGA,kBACE,YDzKiB,QC4KjB,oBACE,eACA,MD3KY,QC4KZ,oCAEA,0BACE,cAIK,2BACP,kBACA,QAIF,yBACE,8BACA,iBACA,gBACA,oCAKJ,oBAIE,+BACA,OD1MiB,QC2MjB,MD3MiB,QC4MjB,UACA,yBAEA,sBACE,oCAIA,mCACE,4CAGF,+BACE,qCAIJ,0BACE,aAGF,yCACE,uCAEA,2CACE,WAMR,kCAEI,+BF3HF,YE4HmB,EF3HnB,aE2HmB,EAEf,cDtPQ,MCyPV,mCFjIF,YEkImB,EFjInB,aEiImB,EAIf,2CACE,WACA,qBACA,YALW,SAMX,MD3PQ,OC4PR,OD5PQ,OC6PR,kBACA,gDACA,gGAMF,wCAEE,wBG3RR,KAuBE,eAtBA,oCACE,6DCCF,mBACA,6BAGA,sBACA,4BACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,2CACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAWA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAhBA,8EACE,2CAGF,wDACE,aDtFA,qBELF,2BACA,2BACA,qCAGA,iCACA,4BACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,iCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDA4CA,kBA1CA,4BACE,aAGF,wBACE,sCAIF,4EAEE,gCAIA,8CACE,uCAGF,kDACE,iBACA,kBACA,kBACA,sCAEA,6DACE,mCAKN,iDACE,+HAaF,oCACE,mBFnIF,mCACE,2CEXF,2BACA,2BACA,qCAGA,iCACA,4BACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,iCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDA4CA,kBA1CA,yDACE,aAGF,iDACE,sCAIF,0JAEE,gCAIA,6FACE,uCAGF,qGACE,iBACA,kBACA,kBACA,sCAEA,2HACE,mCAKN,mGACE,+HAaF,yEACE,kBF7HA,sBChBF,iBACA,mBACA,6BAGA,sBACA,4BACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,2CACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAWA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAhBA,uCACE,2CAGF,4BACE,cDnEJ,KACE,0BACA,kHAEA,wBACA,mCACA,YJNiB,+CIYjB,GAeI,kBAfJ,GAeI,kBAfJ,GAeI,kBAfJ,GAeI,kBAfJ,GAiBI,eAKN,EAGE,qBAGF,IACE,eACA,YACA,gCAII,iFAEE,0BACA,kBAKF,6FAEE,yBAGF,+CACE,uCACA,+BAIJ,qBACE,4DACA,oDACA,2BAMJ,2BACE,KACE,UAEF,GACE,WAIJ,mBACE,KACE,UAEF,GACE,WAKN,WACE,qDACA,kBACA,mCAEA,2BACE,cACA,kBACA,4BACA,+BAIA,mCACE,kBACA,WACA,kBACA,YACA,iBACA,oBACA,mCAGF,wCACE,gBLwBJ,sBACE,sCAEA,8BACE,QKxBmB,ILyBnB,mCACA,4BANJ,uBACE,uCAEA,+BACE,QKvBoB,ILwBpB,oCACA,0BANJ,0BACE,0CAEA,kCACE,QKtBuB,ILuBvB,uCACA,0BANJ,yBACE,yCAEA,iCACE,QKrBsB,ILsBtB,sCACA,0BKpBN,IACE,oBACA,qBACA,sBACA,mBACA,kBACA,kBACA,eACA,kBACA,4BACA,qCACA,qBACA,uCACA,gDAGF,OACE,gBACA,gCACA,OJpKc,KIqKd,8CAYA,SACE,iBACA,kBACA,gBAcJ,QACE,SACA,+BACA,gBACA,mBAEA,mBACE,wBACA,gBAGF,gBACE,kBACA,+CAEA,iCACE,mBAIJ,iBACE,gBAMF,8BACE,oBACA,oBL5EF,MADwD,mBAExD,UK6EiB,QL5EjB,YAH2C,IKkF3C,yBACE,oBACA,iBACA,oBACA,oBACA,wBAEA,+BACE,2BAMJ,kBAOE,cAIJ,cACE,kBACA,iBAGE,kCACE,oBAGF,mBACE,kBACA,aACA,gBAMK,WLnJT,YKoJiB,ILnJjB,aKmJiB,IL1IjB,aK2IiB,IL1IjB,cK0IiB,IAEf,oCACA,6CAKO,kBACP,gBACA,cACA,kBACA,aACA,kBACA,oCAOJ,eACE,gBACA,qBAEA,qBACE,eACA,gBACA,iBAEA,2BACE,8CAQA,8BACE,+CAEA,4CACE,mCAGF,8CACE,kCAaV,cAGE,SACA,0BACA,8BAEA,sBAGE,WACA,WACA,YACA,kBACA,sCACA,UACA,oCAIA,4BACE,WAKN,KACE,iBACA,qCAEA,QACE,gBACA,qBAME,4GL1NJ,kBACA,SACA,2BKuOF,WACE,iBAaF,SACE,kBACA,gBACA,yBAGE,iBL/RF,WKkSmB,MLjSnB,cKiSmB,MAEf,eAcF,8FAEE,8BACA,6BAEA,0GACE,gBACA,oBAGF,oNAEE,8BACA,6BACA,eAKN,sBACE,8BACA,6BAEA,yBACE,qBACA,eAGA,2BACE,WACA,qBACA,4BAEA,mCACE,oCAIJ,4BACE,8BACA,6BAIJ,2CACE,6BACA,sBAIJ,eACE,iBAGF,kBACE,8BAQJ,UACE,qBACA,eACA,kBACA,oBACA,yCACA,gBACA,8BACA,mBAEA,2BACE,mBAIJ,YACE,8BAGF,UACE,oBACA,oBAGF,SACE,gBACA,kBACA,yBAEA,iBACE,WACA,kBACA,6BACA,YACA,WACA,sCACA,8BAGF,2BACE,GACE,4BAEF,KACE,4BAIJ,mBACE,GACE,4BAEF,KACE,4BAKN,aACE,WACA,YACA,mBAIA,qBACE,kBAGF,oBACE,qBAKJ,UACE,4BACA,gBACA,kBACA,wBAEA,gBACE,gBAMJ,QACE,yBAES,eACP,wBAIJ,UACE,wBAGF,SACE,8BAGF,QACE,6BAGF,aACE,uBAGF,gBACE,8BAIF,YACE,yCAIF,eACE,gBACA,gBACA,gBAKA,8CACE,gCAIJ,UACE,cACA,oBACA,mBAGF,oBACE,8BAGF,aACE,gBACA,wDACA,6BACA,2EAGF,MACE,WACA,qCAGF,OACE,YACA,qCAOF,kBACE,kBACA,gBACA,iBAGF,SACE,gBAIF,SACE,kBAIF,cACE,kBACA,0BAUF,SLpiBE,aKqiBe,ELpiBf,cKoiBe,EAEf,eACA,MACA,OACA,YACA,gBACA,MJzrBc,MI0rBd,WACA,6BACA,mDAQA,wBACA,qBANA,4BACE,aAQA,0GACE,kCAQJ,iBACE,cACA,WACA,YACA,gBACA,gDACA,wBAEA,qBACE,yBAEA,2BACE,qBAKN,0BLpmBA,WKqmBiB,OLpmBjB,cKomBiB,OAGf,oBACA,sBACA,WAGF,qBACE,oBACA,gBACA,kBACA,gBACA,qBACA,mBACA,oBAEA,uBAIE,8BAIJ,wBACE,cACA,iCACA,kBACA,iBACA,yBACA,sBACA,qBACA,iBAGF,YACE,mBAEA,wBACE,WACA,WACA,oBACA,qBAEA,mCLxoBJ,YKyoBqB,MLxoBrB,eKwoBqB,MAEf,aACA,mBACA,qBACA,gBAEA,yCACE,yCAGF,qCACE,cACA,WACA,oBAGF,wCACE,cACA,oBAKF,yCACE,kCACA,yCAEA,8CACE,UAKN,0CACE,kBAKN,yBACE,kBACA,mBACA,qBAEA,iEACE,cACA,eACA,cAlJG,MAmJH,kBACA,+BACA,uCACA,kBACA,aACA,mBACA,uBACA,iDAEA,6EACE,yCASF,4CACE,aAzKE,MA6KN,2BACE,oBAGF,sCACE,UACA,SAOF,sCLpuBF,YKsuBmB,sBLruBnB,aKquBmB,sBAEf,0CACA,WACA,MA/La,IAgMb,OAhMa,IAiMb,kBACA,cAjMG,MAsMT,qBACE,iCACE,wBAGF,UACE,4CAGF,cACE,8CAIJ,uBACE,aACA,YACA,WACA,cAEA,gCACE,gBAMJ,gBACE,OJ54Bc,KI64Bd,kCAIA,iBACE,WAGF,oBACE,eACA,8BACA,mBAQI,iDACE,YACA,gBAOV,4BL5xBE,yCKgyBF,mBLhyBE,yCKoyBF,uBLpyBE,yCKwyBF,wBLxyBE,yCK4yBF,cL5yBE,yCKgzBF,kCL5yBE,WKgzBF,yBLhzBE,WKozBF,6BLpzBE,WKwzBF,8BLxzBE,WK4zBF,oBL5zBE,WKg0BF,OACE,aACA,WACA,mBACA,4CACA,0BACA,gBAEA,SACE,UACA,gBACA,+BAIJ,iCAEE,aAIF,eACE,wBACA,aACA,mBAKF,cACE,kBACA,SACA,gBACA,qBACA,wBACA,YAEA,oBACE,gBAIJ,cACE,eAEA,iBACE,qBAGF,wBACE,qBACA,iBACA,eACA,gCACA,YACA,cACA,wBAEA,gCACE,YACA,8BACA,oBAON,gBACE,oBAEA,kBASE,iBACA,mBAGF,wBACE,WAEA,yCACE,mBAIF,0BACE,cACA,oBACA,cAGF,0BACE,gBACA,uBACA,oBACA,qBACA,4BAKN,cACE,aACA,iBACA,gBACA,uBACA,+BACA,kBACA,UACA,gBACA,uBACA,oBACA,mBAGF,MACE,aACA,eACA,cACA,YACA,WACA,UAES,wBACP,yBAMJ,cACE,kBLn9BA,aKq9Be,ELp9Bf,cKo9Be,EAGjB,8ELl+BE,YKq+Be,ELp+Bf,aKo+Be,EAKjB,aACE,aACA,UACA,eACA,eACA,WACA,gBACA,4BACA,iCACA,UACA,MJ3mCc,QI4mCd,OJ5mCc,QI6mCd,kBACA,mDACA,kCACA,0CAEA,mBACE,kCACA,0CAGF,eACE,YJxnCY,QIynCZ,kBACA,WAKF,yBACE,KACE,UACA,UAIJ,iBACE,KACE,UACA,UAIJ,4BACE,gBACA,mBACA,cAGF,0BACE,4BACA,oBAEA,iCACE,cACA,eAKF,yBACE,cACA,gBACA,oBACA,mCACA,2BACA,sCACA,iCACA,eACA,SACA,WACA,2BACA,4BACA,oBAcN,kCAGM,yCLrkCJ,YKskCqB,MLrkCrB,aKqkCqB,MAEf,gBACA,eAKN,QACE,WACA,aAIJ,kCACE,iCACE,eAOF,yBLnlCA,aKqlCiB,ELplCjB,cKolCiB,GAKnB,kCAWE,KACE,qCAGF,OARI,WALM,mBAgBR,OJjvCkB,KIkvClB,iBAIA,2BACE,wBAGF,gCACE,4BAGF,+BACE,kBAIJ,SA7BI,WALM,mBAqCR,6BACA,qCAGF,c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BAGF,kBACE,kCAEA,kCACE,WACA,iBAKN,kCACE,eACE,6BAKJ,kCACE,iBACE,eACA,gBACA,oBACA,qBAGF,uBACE,gBACA,iBCrZJ,KACE,mBACA,oBACA,mBACA,iBACA,iBACA,8CACA,uCAEA,UACE,iBACA,eACA,8BCZJ,UACE,sBAIA,oFACE,WACA,MAJe,IAKf,kBACA,WACA,uCAGF,gBACE,cACA,iBACA,kBACA,SACA,iBAEA,wBAGE,YACA,UACA,YAGF,oCAGE,YACA,SAIF,uBACE,WACA,qBACA,kBACA,kBACA,WACA,YACA,YACA,iBACA,gDACA,qCACA,6BACA,UAKF,gBACE,iBACA,iBACA,mBACA,gBACA,uBAEA,+BACE,yCACA,uFAUF,wBAGE,MACA,UACA,cAIJ,8CACE,cAIJ,gBACE,mBACA,qBACA,kBACA,YAEA,sBACE,aACA,kBAGF,oBACE,cACA,4BAIJ,YAEE,mBACA,kBACA,UAEA,kBACE,mBAGF,oBAEE,WACA,qBACA,kBACA,kBACA,UACA,WACA,WACA,YACA,UACA,yCACA,6BACA,UAKN,kCACE,UACE,iBAEA,aACE,kBCxIN,cACE,WAGF,YACE,mBACA,sCAOA,yBAGE,eACA,cAHS,kBAIT,gBAEA,4CACE,4BACA,6BAIJ,cAGE,cAGF,6BACE,iBACA,kBACA,kBAEA,yCACE,yBACA,0BAGF,wCACE,gBAKN,kBACE,aACA,cACA,kBACA,kBACA,yBAEA,oBACE,kBACA,aACA,WACA,gCAIA,0BACE,yCAMN,qBACE,wBACE,6CAIJ,QACE,yBC7EF,MACE,2BACA,2CAKA,qCACE,mBACA,gBAGA,qDACE,gBACA,UACA,WACA,kBACA,cACA,WACA,kBACA,UACA,mBAIF,yCAGE,iBAMN,eACE,iBAGF,oBACE,kBAMA,iEAGE,mBAIJ,kCAIM,qDACE,eAGF,yCACE,mBACA,gBACA","sourcesContent":["/*\n* Mainly scss modules, only imported to `assets/css/main.scss`\n*/\n\n/* ---------- scss placeholder --------- */\n\n%heading {\n  color: var(--heading-color);\n  font-weight: 400;\n  font-family: $font-family-heading;\n}\n\n%section {\n  main & {\n    margin-top: 2.5rem;\n    margin-bottom: 1.25rem;\n\n    &:focus {\n      outline: none; /* avoid outline in Safari */\n    }\n  }\n}\n\n%anchor {\n  .anchor {\n    font-size: 80%;\n  }\n\n  @media (hover: hover) {\n    .anchor {\n      visibility: hidden;\n      opacity: 0;\n      transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;\n    }\n\n    &:hover {\n      .anchor {\n        visibility: visible;\n        opacity: 1;\n        transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;\n      }\n    }\n  }\n}\n\n%tag-hover {\n  background: var(--tag-hover);\n  transition: background 0.35s ease-in-out;\n}\n\n%table-cell {\n  padding: 0.4rem 1rem;\n  font-size: 95%;\n  white-space: nowrap;\n}\n\n%link-hover {\n  color: #d2603a !important;\n  border-bottom: 1px solid #d2603a;\n  text-decoration: none;\n}\n\n%link-color {\n  color: var(--link-color);\n}\n\n%link-underline {\n  border-bottom: 1px solid var(--link-underline-color);\n}\n\n%clickable-transition {\n  transition: all 0.3s ease-in-out;\n}\n\n%no-cursor {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n%no-bottom-border {\n  border-bottom: none;\n}\n\n%cursor-pointer {\n  cursor: pointer;\n}\n\n%normal-font-style {\n  font-style: normal;\n}\n\n%rounded {\n  border-radius: $base-radius;\n}\n\n%img-caption {\n  + em {\n    display: block;\n    text-align: center;\n    font-style: normal;\n    font-size: 80%;\n    padding: 0;\n    color: #6d6c6c;\n  }\n}\n\n%sidebar-links {\n  color: var(--sidebar-muted-color);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n%text-clip {\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n%text-highlight {\n  color: inherit;\n  font-weight: 600;\n}\n\n/* ---------- scss mixin --------- */\n\n@mixin mt-mb($value) {\n  margin-top: $value;\n  margin-bottom: $value;\n}\n\n@mixin ml-mr($value) {\n  margin-left: $value;\n  margin-right: $value;\n}\n\n@mixin pt-pb($val) {\n  padding-top: $val;\n  padding-bottom: $val;\n}\n\n@mixin pl-pr($val) {\n  padding-left: $val;\n  padding-right: $val;\n}\n\n@mixin placeholder {\n  color: var(--text-muted-color) !important;\n}\n\n@mixin placeholder-focus {\n  opacity: 0.6;\n}\n\n@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {\n  color: $color;\n  font-size: $font-size;\n  font-weight: $font-weight;\n}\n\n@mixin align-center {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n@mixin prompt($type, $fa-content, $fa-style: 'solid') {\n  &.prompt-#{$type} {\n    background-color: var(--prompt-#{$type}-bg);\n\n    &::before {\n      content: $fa-content;\n      color: var(--prompt-#{$type}-icon-color);\n      font: var(--fa-font-#{$fa-style});\n    }\n  }\n}\n","/*\n * The SCSS variables\n */\n\n/* sidebar */\n\n$sidebar-width: 260px !default; /* the basic width */\n$sidebar-width-large: 300px !default; /* screen width: >= 1650px */\n\n/* other framework sizes */\n\n$topbar-height: 3rem !default;\n$search-max-width: 200px !default;\n$footer-height: 5rem !default;\n$footer-height-large: 6rem !default; /* screen width: < 850px */\n$main-content-max-width: 1250px !default;\n$bottom-min-height: 35rem !default;\n$base-radius: 0.5rem !default;\n$back2top-size: 2.75rem !default;\n\n/* syntax highlight */\n\n$code-font-size: 0.85rem !default;\n$code-header-height: 2.25rem !default;\n$code-dot-size: 0.75rem !default;\n$code-dot-gap: 0.5rem !default;\n$code-icon-width: 1.75rem !default;\n\n/* fonts */\n\n$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;\n$font-family-heading: Lato, 'Microsoft Yahei', sans-serif !default;\n","/*\n* The syntax highlight.\n*/\n\n@import 'colors/syntax-light';\n@import 'colors/syntax-dark';\n\nhtml {\n  @media (prefers-color-scheme: light) {\n    &:not([data-mode]),\n    &[data-mode='light'] {\n      @include light-syntax;\n    }\n\n    &[data-mode='dark'] {\n      @include dark-syntax;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    &:not([data-mode]),\n    &[data-mode='dark'] {\n      @include dark-syntax;\n    }\n\n    &[data-mode='light'] {\n      @include light-syntax;\n    }\n  }\n}\n\n/* -- code snippets -- */\n\n%code-snippet-bg {\n  background-color: var(--highlight-bg-color);\n}\n\n%code-snippet-padding {\n  padding-left: 1rem;\n  padding-right: 1.5rem;\n}\n\n.highlighter-rouge {\n  color: var(--highlighter-rouge-color);\n  margin-top: 0.5rem;\n  margin-bottom: 1.2em; /* Override BS Inline-code style */\n}\n\n.highlight {\n  @extend %rounded;\n  @extend %code-snippet-bg;\n\n  @at-root figure#{&} {\n    @extend %code-snippet-bg;\n  }\n\n  overflow: auto;\n  padding-bottom: 0.75rem;\n\n  pre {\n    margin-bottom: 0;\n    font-size: $code-font-size;\n    line-height: 1.4rem;\n    word-wrap: normal; /* Fixed Safari overflow-x */\n  }\n\n  table {\n    td {\n      &:first-child {\n        display: inline-block;\n        margin-left: 1rem;\n        margin-right: 0.75rem;\n      }\n\n      &:last-child {\n        padding-right: 2rem !important;\n      }\n\n      pre {\n        overflow: visible; /* Fixed iOS safari overflow-x */\n        word-break: normal; /* Fixed iOS safari linenos code break */\n      }\n    }\n  }\n\n  .lineno {\n    text-align: right;\n    color: var(--highlight-lineno-color);\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -o-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n} /* .highlight */\n\ncode {\n  -webkit-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n  color: var(--code-color);\n\n  &.highlighter-rouge {\n    font-size: $code-font-size;\n    padding: 3px 5px;\n    word-break: break-word;\n    border-radius: 4px;\n    background-color: var(--inline-code-bg);\n  }\n\n  &.filepath {\n    background-color: inherit;\n    color: var(--filepath-text-color);\n    font-weight: 600;\n    padding: 0;\n  }\n\n  a > &.highlighter-rouge {\n    padding-bottom: 0; /* show link's underlinke */\n    color: inherit;\n  }\n\n  a:hover > &.highlighter-rouge {\n    border-bottom: none;\n  }\n\n  blockquote & {\n    color: inherit;\n  }\n}\n\ntd.rouge-code {\n  @extend %code-snippet-padding;\n\n  /*\n    Prevent some browser extends from\n    changing the URL string of code block.\n  */\n  a {\n    color: inherit !important;\n    border-bottom: none !important;\n    pointer-events: none;\n  }\n}\n\ndiv[class^='language-'] {\n  @extend %rounded;\n  @extend %code-snippet-bg;\n\n  box-shadow: var(--language-border-color) 0 0 0 1px;\n\n  .content > & {\n    @include ml-mr(-1rem);\n\n    border-radius: 0;\n  }\n\n  .highlight {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n}\n\n/* Hide line numbers for default, console, and terminal code snippets */\ndiv {\n  &.nolineno,\n  &.language-plaintext,\n  &.language-console,\n  &.language-terminal {\n    td:first-child {\n      padding: 0 !important;\n      margin-right: 0;\n\n      .lineno {\n        display: none;\n      }\n    }\n  }\n}\n\n.code-header {\n  @extend %no-cursor;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: $code-header-height;\n  margin-left: 0.75rem;\n  margin-right: 0.5rem;\n\n  /* the label block */\n  span {\n    line-height: $code-header-height;\n\n    /* label icon */\n    i {\n      font-size: 1rem;\n      width: $code-icon-width;\n      color: var(--code-header-icon-color);\n\n      &.small {\n        font-size: 70%;\n      }\n    }\n\n    @at-root [file] #{&} > i {\n      position: relative;\n      top: 1px; /* center the file icon */\n    }\n\n    /* label text */\n    &::after {\n      content: attr(data-label-text);\n      font-size: 0.85rem;\n      font-weight: 600;\n      color: var(--code-header-text-color);\n    }\n  }\n\n  /* clipboard */\n  button {\n    @extend %cursor-pointer;\n    @extend %rounded;\n\n    border: 1px solid transparent;\n    height: $code-header-height;\n    width: $code-header-height;\n    padding: 0;\n    background-color: inherit;\n\n    i {\n      color: var(--code-header-icon-color);\n    }\n\n    &[timeout] {\n      &:hover {\n        border-color: var(--clipboard-checked-color);\n      }\n\n      i {\n        color: var(--clipboard-checked-color);\n      }\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:not([timeout]):hover {\n      background-color: rgba(128, 128, 128, 0.37);\n\n      i {\n        color: white;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 576px) {\n  div[class^='language-'] {\n    .content > & {\n      @include ml-mr(0);\n\n      border-radius: $base-radius;\n    }\n\n    .code-header {\n      @include ml-mr(0);\n\n      $dot-margin: calc($code-header-height / 2);\n\n      &::before {\n        content: '';\n        display: inline-block;\n        margin-left: $dot-margin;\n        width: $code-dot-size;\n        height: $code-dot-size;\n        border-radius: 50%;\n        background-color: var(--code-header-muted-color);\n        box-shadow: ($code-dot-size + $code-dot-gap) 0 0\n            var(--code-header-muted-color),\n          ($code-dot-size + $code-dot-gap) * 2 0 0\n            var(--code-header-muted-color);\n      }\n\n      span {\n        // center the text of label\n        margin-left: calc(($dot-margin + $code-dot-size) / 2 * -1);\n      }\n    }\n  }\n}\n","/*\n * The syntax light mode code snippet colors.\n */\n\n@mixin light-syntax {\n  /* --- custom light colors --- */\n  --language-border-color: #ececec;\n  --highlight-bg-color: #f6f8fa;\n  --highlighter-rouge-color: #3f596f;\n  --highlight-lineno-color: #9e9e9e;\n  --inline-code-bg: #f6f6f7;\n  --code-color: #3a3a3a;\n  --code-header-text-color: #a3a3a3;\n  --code-header-muted-color: #e5e5e5;\n  --code-header-icon-color: #c9c8c8;\n  --clipboard-checked-color: #43c743;\n\n  [class^='prompt-'] {\n    --inline-code-bg: #fbfafa;\n  }\n\n  /* --- Syntax highlight theme from `rougify style github` --- */\n\n  .highlight table td {\n    padding: 5px;\n  }\n  .highlight table pre {\n    margin: 0;\n  }\n  .highlight,\n  .highlight .w {\n    color: #24292f;\n    background-color: #f6f8fa;\n  }\n  .highlight .k,\n  .highlight .kd,\n  .highlight .kn,\n  .highlight .kp,\n  .highlight .kr,\n  .highlight .kt,\n  .highlight .kv {\n    color: #cf222e;\n  }\n  .highlight .gr {\n    color: #f6f8fa;\n  }\n  .highlight .gd {\n    color: #82071e;\n    background-color: #ffebe9;\n  }\n  .highlight .nb {\n    color: #953800;\n  }\n  .highlight .nc {\n    color: #953800;\n  }\n  .highlight .no {\n    color: #953800;\n  }\n  .highlight .nn {\n    color: #953800;\n  }\n  .highlight .sr {\n    color: #116329;\n  }\n  .highlight .na {\n    color: #116329;\n  }\n  .highlight .nt {\n    color: #116329;\n  }\n  .highlight .gi {\n    color: #116329;\n    background-color: #dafbe1;\n  }\n  .highlight .kc {\n    color: #0550ae;\n  }\n  .highlight .l,\n  .highlight .ld,\n  .highlight .m,\n  .highlight .mb,\n  .highlight .mf,\n  .highlight .mh,\n  .highlight .mi,\n  .highlight .il,\n  .highlight .mo,\n  .highlight .mx {\n    color: #0550ae;\n  }\n  .highlight .sb {\n    color: #0550ae;\n  }\n  .highlight .bp {\n    color: #0550ae;\n  }\n  .highlight .ne {\n    color: #0550ae;\n  }\n  .highlight .nl {\n    color: #0550ae;\n  }\n  .highlight .py {\n    color: #0550ae;\n  }\n  .highlight .nv,\n  .highlight .vc,\n  .highlight .vg,\n  .highlight .vi,\n  .highlight .vm {\n    color: #0550ae;\n  }\n  .highlight .o,\n  .highlight .ow {\n    color: #0550ae;\n  }\n  .highlight .gh {\n    color: #0550ae;\n    font-weight: bold;\n  }\n  .highlight .gu {\n    color: #0550ae;\n    font-weight: bold;\n  }\n  .highlight .s,\n  .highlight .sa,\n  .highlight .sc,\n  .highlight .dl,\n  .highlight .sd,\n  .highlight .s2,\n  .highlight .se,\n  .highlight .sh,\n  .highlight .sx,\n  .highlight .s1,\n  .highlight .ss {\n    color: #0a3069;\n  }\n  .highlight .nd {\n    color: #8250df;\n  }\n  .highlight .nf,\n  .highlight .fm {\n    color: #8250df;\n  }\n  .highlight .err {\n    color: #f6f8fa;\n    background-color: #82071e;\n  }\n  .highlight .c,\n  .highlight .ch,\n  .highlight .cd,\n  .highlight .cm,\n  .highlight .cp,\n  .highlight .cpf,\n  .highlight .c1,\n  .highlight .cs {\n    color: #68717a;\n  }\n  .highlight .gl {\n    color: #68717a;\n  }\n  .highlight .gt {\n    color: #68717a;\n  }\n  .highlight .ni {\n    color: #24292f;\n  }\n  .highlight .si {\n    color: #24292f;\n  }\n  .highlight .ge {\n    color: #24292f;\n    font-style: italic;\n  }\n  .highlight .gs {\n    color: #24292f;\n    font-weight: bold;\n  }\n} /* light-syntax */\n","/*\n * The syntax dark mode styles.\n */\n\n@mixin dark-syntax {\n  --language-border-color: #2d2d2d;\n  --highlight-bg-color: #151515;\n  --highlighter-rouge-color: #c9def1;\n  --highlight-lineno-color: #808080;\n  --inline-code-bg: #323238;\n  --code-color: #b0b0b0;\n  --code-header-text-color: #6a6a6a;\n  --code-header-muted-color: #353535;\n  --code-header-icon-color: #565656;\n  --clipboard-checked-color: #2bcc2b;\n  --filepath-text-color: #cacaca;\n\n  .highlight .gp {\n    color: #87939d;\n  }\n\n  /* --- Syntax highlight theme from `rougify style base16.dark` --- */\n\n  .highlight table td {\n    padding: 5px;\n  }\n  .highlight table pre {\n    margin: 0;\n  }\n  .highlight,\n  .highlight .w {\n    color: #d0d0d0;\n    background-color: #151515;\n  }\n  .highlight .err {\n    color: #151515;\n    background-color: #ac4142;\n  }\n  .highlight .c,\n  .highlight .ch,\n  .highlight .cd,\n  .highlight .cm,\n  .highlight .cpf,\n  .highlight .c1,\n  .highlight .cs {\n    color: #848484;\n  }\n  .highlight .cp {\n    color: #f4bf75;\n  }\n  .highlight .nt {\n    color: #f4bf75;\n  }\n  .highlight .o,\n  .highlight .ow {\n    color: #d0d0d0;\n  }\n  .highlight .p,\n  .highlight .pi {\n    color: #d0d0d0;\n  }\n  .highlight .gi {\n    color: #90a959;\n  }\n  .highlight .gd {\n    color: #f08a8b;\n    background-color: #320000;\n  }\n  .highlight .gh {\n    color: #6a9fb5;\n    background-color: #151515;\n    font-weight: bold;\n  }\n  .highlight .k,\n  .highlight .kn,\n  .highlight .kp,\n  .highlight .kr,\n  .highlight .kv {\n    color: #aa759f;\n  }\n  .highlight .kc {\n    color: #d28445;\n  }\n  .highlight .kt {\n    color: #d28445;\n  }\n  .highlight .kd {\n    color: #d28445;\n  }\n  .highlight .s,\n  .highlight .sb,\n  .highlight .sc,\n  .highlight .dl,\n  .highlight .sd,\n  .highlight .s2,\n  .highlight .sh,\n  .highlight .sx,\n  .highlight .s1 {\n    color: #90a959;\n  }\n  .highlight .sa {\n    color: #aa759f;\n  }\n  .highlight .sr {\n    color: #75b5aa;\n  }\n  .highlight .si {\n    color: #b76d45;\n  }\n  .highlight .se {\n    color: #b76d45;\n  }\n  .highlight .nn {\n    color: #f4bf75;\n  }\n  .highlight .nc {\n    color: #f4bf75;\n  }\n  .highlight .no {\n    color: #f4bf75;\n  }\n  .highlight .na {\n    color: #6a9fb5;\n  }\n  .highlight .m,\n  .highlight .mb,\n  .highlight .mf,\n  .highlight .mh,\n  .highlight .mi,\n  .highlight .il,\n  .highlight .mo,\n  .highlight .mx {\n    color: #90a959;\n  }\n  .highlight .ss {\n    color: #90a959;\n  }\n}\n","/*\n  The common styles\n*/\n\nhtml {\n  @media (prefers-color-scheme: light) {\n    &:not([data-mode]),\n    &[data-mode='light'] {\n      @include light-scheme;\n    }\n\n    &[data-mode='dark'] {\n      @include dark-scheme;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    &:not([data-mode]),\n    &[data-mode='dark'] {\n      @include dark-scheme;\n    }\n\n    &[data-mode='light'] {\n      @include light-scheme;\n    }\n  }\n\n  font-size: 16px;\n}\n\nbody {\n  background: var(--main-bg);\n  padding: env(safe-area-inset-top) env(safe-area-inset-right)\n    env(safe-area-inset-bottom) env(safe-area-inset-left);\n  color: var(--text-color);\n  -webkit-font-smoothing: antialiased;\n  font-family: $font-family-base;\n}\n\n/* --- Typography --- */\n\n@for $i from 1 through 5 {\n  h#{$i} {\n    @extend %heading;\n\n    @if $i > 1 {\n      @extend %section;\n      @extend %anchor;\n    }\n\n    @if $i < 5 {\n      $factor: 0.18rem;\n\n      @if $i == 1 {\n        $factor: 0.23rem;\n      }\n\n      font-size: 1rem + (5 - $i) * $factor;\n    } @else {\n      font-size: 1rem;\n    }\n  }\n}\n\na {\n  @extend %link-color;\n\n  text-decoration: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  transition: all 0.35s ease-in-out;\n\n  &[data-src] {\n    &[data-lqip='true'] {\n      &.lazyload,\n      &.lazyloading {\n        -webkit-filter: blur(20px);\n        filter: blur(20px);\n      }\n    }\n\n    &:not([data-lqip='true']) {\n      &.lazyload,\n      &.lazyloading {\n        background: var(--img-bg);\n      }\n\n      &.lazyloaded {\n        -webkit-animation: fade-in 0.35s ease-in;\n        animation: fade-in 0.35s ease-in;\n      }\n    }\n\n    &.shadow {\n      -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));\n      filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));\n      box-shadow: none !important; /* cover the Bootstrap 4.6.1 styles */\n    }\n\n    @extend %img-caption;\n  }\n\n  @-webkit-keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n}\n\nblockquote {\n  border-left: 5px solid var(--blockquote-border-color);\n  padding-left: 1rem;\n  color: var(--blockquote-text-color);\n\n  &[class^='prompt-'] {\n    border-left: 0;\n    position: relative;\n    padding: 1rem 1rem 1rem 3rem;\n    color: var(--prompt-text-color);\n\n    @extend %rounded;\n\n    &::before {\n      text-align: center;\n      width: 3rem;\n      position: absolute;\n      left: 0.25rem;\n      margin-top: 0.4rem;\n      text-rendering: auto;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    > p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  @include prompt('tip', '\\f0eb', 'regular');\n  @include prompt('info', '\\f06a');\n  @include prompt('warning', '\\f06a');\n  @include prompt('danger', '\\f071');\n}\n\nkbd {\n  font-family: inherit;\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1.3rem;\n  min-width: 1.75rem;\n  text-align: center;\n  margin: 0 0.3rem;\n  padding-top: 0.1rem;\n  color: var(--kbd-text-color);\n  background-color: var(--kbd-bg-color);\n  border-radius: 0.25rem;\n  border: solid 1px var(--kbd-wrap-color);\n  box-shadow: inset 0 -2px 0 var(--kbd-wrap-color);\n}\n\nfooter {\n  font-size: 0.8rem;\n  background-color: var(--main-bg);\n  height: $footer-height;\n  border-top: 1px solid var(--main-border-color);\n\n  @extend %text-color;\n\n  a {\n    @extend %text-highlight;\n\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n\n  p {\n    line-height: 1.75;\n    text-align: center;\n    margin-bottom: 0;\n  }\n}\n\n/* fontawesome icons */\ni {\n  &.far,\n  &.fas {\n    @extend %no-cursor;\n  }\n}\n\n/* --- Panels --- */\n\n.access {\n  top: 2rem;\n  transition: top 0.2s ease-in-out;\n  margin-top: 3rem;\n  margin-bottom: 4rem;\n\n  &:only-child {\n    position: -webkit-sticky;\n    position: sticky;\n  }\n\n  > section {\n    padding-left: 1rem;\n    border-left: 1px solid var(--main-border-color);\n\n    &:not(:last-child) {\n      margin-bottom: 4rem;\n    }\n  }\n\n  .content {\n    font-size: 0.9rem;\n  }\n}\n\n#panel-wrapper {\n  /* the headings */\n  .panel-heading {\n    font-family: inherit;\n    line-height: inherit;\n\n    @include label(inherit);\n  }\n\n  .post-tag {\n    line-height: 1.05rem;\n    font-size: 0.85rem;\n    border-radius: 0.8rem;\n    padding: 0.3rem 0.5rem;\n    margin: 0 0.35rem 0.5rem 0;\n\n    &:hover {\n      transition: all 0.3s ease-in;\n    }\n  }\n}\n\n#access-lastmod {\n  a {\n    &:hover {\n      @extend %link-hover;\n    }\n\n    @extend %no-bottom-border;\n\n    color: inherit;\n  }\n}\n\n.footnotes > ol {\n  padding-left: 2rem;\n  margin-top: 0.5rem;\n\n  > li {\n    &:not(:last-child) {\n      margin-bottom: 0.3rem;\n    }\n\n    > p {\n      margin-left: 0.25em;\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n  }\n}\n\n.footnote {\n  @at-root a#{&} {\n    @include ml-mr(1px);\n    @include pl-pr(2px);\n\n    border-bottom-style: none !important;\n    transition: background-color 1.5s ease-in-out;\n  }\n}\n\n.reversefootnote {\n  @at-root a#{&} {\n    font-size: 0.6rem;\n    line-height: 1;\n    position: relative;\n    bottom: 0.25em;\n    margin-left: 0.25em;\n    border-bottom-style: none !important;\n  }\n}\n\n/* --- Begin of Markdown table style --- */\n\n/* it will be created by Liquid */\n.table-wrapper {\n  overflow-x: auto;\n  margin-bottom: 1.5rem;\n\n  > table {\n    min-width: 100%;\n    overflow-x: auto;\n    border-spacing: 0;\n\n    thead {\n      border-bottom: solid 2px rgba(210, 215, 217, 0.75);\n\n      th {\n        @extend %table-cell;\n      }\n    }\n\n    tbody {\n      tr {\n        border-bottom: 1px solid var(--tb-border-color);\n\n        &:nth-child(2n) {\n          background-color: var(--tb-even-bg);\n        }\n\n        &:nth-child(2n + 1) {\n          background-color: var(--tb-odd-bg);\n        }\n\n        td {\n          @extend %table-cell;\n        }\n      }\n    } /* tbody */\n  } /* table */\n}\n\n/* --- post --- */\n\n.post-preview {\n  @extend %rounded;\n\n  border: 0;\n  background: var(--card-bg);\n  box-shadow: var(--card-shadow);\n\n  &::before {\n    @extend %rounded;\n\n    content: '';\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    background-color: var(--card-hovor-bg);\n    opacity: 0;\n    transition: opacity 0.35s ease-in-out;\n  }\n\n  &:hover {\n    &::before {\n      opacity: 0.3;\n    }\n  }\n}\n\nmain {\n  line-height: 1.75;\n  min-height: calc(100vh - $topbar-height - $footer-height);\n\n  h1 {\n    margin-top: 2rem;\n    margin-bottom: 1.5rem;\n  }\n\n  p {\n    > img[data-src],\n    > a.popup {\n      &:not(.normal):not(.left):not(.right) {\n        @include align-center;\n      }\n    }\n  }\n\n  .categories,\n  #tags,\n  #archives {\n    a:not(:hover) {\n      @extend %no-bottom-border;\n    }\n  }\n}\n\n.post-meta {\n  font-size: 0.85rem;\n\n  a {\n    &:not([class]):hover {\n      @extend %link-hover;\n    }\n  }\n\n  em {\n    @extend %normal-font-style;\n  }\n}\n\n.content {\n  font-size: 1.08rem;\n  margin-top: 2rem;\n  overflow-wrap: break-word;\n\n  a {\n    &.popup {\n      @extend %no-cursor;\n      @extend %img-caption;\n      @include mt-mb(0.5rem);\n\n      cursor: zoom-in;\n    }\n\n    &:not(.img-link) {\n      @extend %link-underline;\n\n      &:hover {\n        @extend %link-hover;\n      }\n    }\n  }\n\n  ol,\n  ul {\n    &:not([class]),\n    &.task-list {\n      -webkit-padding-start: 1.75rem;\n      padding-inline-start: 1.75rem;\n\n      li {\n        margin: 0.25rem 0;\n        padding-left: 0.25rem;\n      }\n\n      ol,\n      ul {\n        -webkit-padding-start: 1.25rem;\n        padding-inline-start: 1.25rem;\n        margin: 0.5rem 0;\n      }\n    }\n  }\n\n  ul.task-list {\n    -webkit-padding-start: 1.25rem;\n    padding-inline-start: 1.25rem;\n\n    li {\n      list-style-type: none;\n      padding-left: 0;\n\n      /* checkbox icon */\n      > i {\n        width: 2rem;\n        margin-left: -1.25rem;\n        color: var(--checkbox-color);\n\n        &.checked {\n          color: var(--checkbox-checked-color);\n        }\n      }\n\n      ul {\n        -webkit-padding-start: 1.75rem;\n        padding-inline-start: 1.75rem;\n      }\n    }\n\n    input[type='checkbox'] {\n      margin: 0 0.5rem 0.2rem -1.3rem;\n      vertical-align: middle;\n    }\n  } /* ul */\n\n  dl > dd {\n    margin-left: 1rem;\n  }\n\n  ::marker {\n    color: var(--text-muted-color);\n  }\n} /* .content */\n\n.tag:hover {\n  @extend %tag-hover;\n}\n\n.post-tag {\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n  border-radius: 0.5rem;\n  border: 1px solid var(--btn-border-color);\n  padding: 0 0.4rem;\n  color: var(--text-muted-color);\n  line-height: 1.3rem;\n\n  &:not(:last-child) {\n    margin-right: 0.2rem;\n  }\n}\n\n.rounded-10 {\n  border-radius: 10px !important;\n}\n\n.img-link {\n  color: transparent;\n  display: inline-flex;\n}\n\n.shimmer {\n  overflow: hidden;\n  position: relative;\n  background: var(--img-bg);\n\n  &::before {\n    content: '';\n    position: absolute;\n    background: var(--shimmer-bg);\n    height: 100%;\n    width: 100%;\n    -webkit-animation: shimmer 1s infinite;\n    animation: shimmer 1s infinite;\n  }\n\n  @-webkit-keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n}\n\n.embed-video {\n  width: 100%;\n  height: 100%;\n  margin-bottom: 1rem;\n\n  @extend %rounded;\n\n  &.youtube {\n    aspect-ratio: 16 / 9;\n  }\n\n  &.twitch {\n    aspect-ratio: 310 / 189;\n  }\n}\n\n/* --- buttons --- */\n.btn-lang {\n  border: 1px solid !important;\n  padding: 1px 3px;\n  border-radius: 3px;\n  color: var(--link-color);\n\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n/* --- Effects classes --- */\n\n.loaded {\n  display: block !important;\n\n  @at-root .d-flex#{&} {\n    display: flex !important;\n  }\n}\n\n.unloaded {\n  display: none !important;\n}\n\n.visible {\n  visibility: visible !important;\n}\n\n.hidden {\n  visibility: hidden !important;\n}\n\n.flex-grow-1 {\n  flex-grow: 1 !important;\n}\n\n.btn-box-shadow {\n  box-shadow: var(--card-shadow);\n}\n\n/* overwrite bootstrap muted */\n.text-muted {\n  color: var(--text-muted-color) !important;\n}\n\n/* Overwrite bootstrap tooltip */\n.tooltip-inner {\n  font-size: 0.7rem;\n  max-width: 220px;\n  text-align: left;\n}\n\n/* Overwrite bootstrap outline button */\n.btn.btn-outline-primary {\n  &:not(.disabled):hover {\n    border-color: #007bff !important;\n  }\n}\n\n.disabled {\n  color: rgb(206, 196, 196);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.hide-border-bottom {\n  border-bottom: none !important;\n}\n\n.input-focus {\n  box-shadow: none;\n  border-color: var(--input-focus-border-color) !important;\n  background: center !important;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n}\n\n.left {\n  float: left;\n  margin: 0.75rem 1rem 1rem 0 !important;\n}\n\n.right {\n  float: right;\n  margin: 0.75rem 0 1rem 1rem !important;\n}\n\n/* --- Overriding --- */\n\n/* magnific-popup */\n\nfigure .mfp-title {\n  text-align: center;\n  padding-right: 0;\n  margin-top: 0.5rem;\n}\n\n.mfp-img {\n  transition: none;\n}\n\n/* mermaid */\n.mermaid {\n  text-align: center;\n}\n\n/* MathJax */\nmjx-container {\n  overflow-y: hidden;\n  min-width: auto !important;\n}\n\n/* --- sidebar layout --- */\n\n$sidebar-display: 'sidebar-display';\n$btn-gap: 0.8rem; // for the bottom icons\n$btn-border-width: 3px;\n$btn-mb: 0.5rem;\n\n#sidebar {\n  @include pl-pr(0);\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  overflow-y: auto;\n  width: $sidebar-width;\n  z-index: 99;\n  background: var(--sidebar-bg);\n  border-right: 1px solid var(--sidebar-border-color);\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n\n  %sidebar-link-hover {\n    &:hover {\n      color: var(--sidebar-active-color);\n    }\n  }\n\n  a {\n    @extend %sidebar-links;\n  }\n\n  #avatar {\n    display: block;\n    width: 7rem;\n    height: 7rem;\n    overflow: hidden;\n    box-shadow: var(--avatar-border-color) 0 0 0 2px;\n    transform: translateZ(0); /* fixed the zoom in Safari */\n\n    img {\n      transition: transform 0.5s;\n\n      &:hover {\n        transform: scale(1.2);\n      }\n    }\n  }\n\n  .profile-wrapper {\n    @include mt-mb(2.5rem);\n    @extend %clickable-transition;\n\n    padding-left: 2.5rem;\n    padding-right: 1.25rem;\n    width: 100%;\n  }\n\n  .site-title {\n    font-family: inherit;\n    font-weight: 900;\n    font-size: 1.75rem;\n    line-height: 1.2;\n    letter-spacing: 0.25px;\n    margin-top: 1.25rem;\n    margin-bottom: 0.5rem;\n\n    a {\n      @extend %clickable-transition;\n      @extend %sidebar-link-hover;\n\n      color: var(--site-title-color);\n    }\n  }\n\n  .site-subtitle {\n    font-size: 95%;\n    color: var(--site-subtitle-color);\n    margin-top: 0.25rem;\n    word-spacing: 1px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n\n  ul {\n    margin-bottom: 2rem;\n\n    li.nav-item {\n      opacity: 0.9;\n      width: 100%;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n\n      a.nav-link {\n        @include pt-pb(0.6rem);\n\n        display: flex;\n        align-items: center;\n        border-radius: 0.75rem;\n        font-weight: 600;\n\n        &:hover {\n          background-color: var(--sidebar-hover-bg);\n        }\n\n        i {\n          font-size: 95%;\n          opacity: 0.8;\n          margin-right: 1.5rem;\n        }\n\n        span {\n          font-size: 90%;\n          letter-spacing: 0.2px;\n        }\n      }\n\n      &.active {\n        .nav-link {\n          color: var(--sidebar-active-color);\n          background-color: var(--sidebar-hover-bg);\n\n          span {\n            opacity: 1;\n          }\n        }\n      }\n\n      &:not(:first-child) {\n        margin-top: 0.25rem;\n      }\n    }\n  }\n\n  .sidebar-bottom {\n    padding-left: 2rem;\n    padding-right: 1rem;\n    margin-bottom: 1.5rem;\n\n    %button {\n      width: 1.75rem;\n      height: 1.75rem;\n      margin-bottom: $btn-mb; // multi line gap\n      border-radius: 50%;\n      color: var(--sidebar-btn-color);\n      background-color: var(--sidebar-btn-bg);\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--sidebar-border-color) 0 0 0 1px;\n\n      &:hover {\n        background-color: var(--sidebar-hover-bg);\n      }\n    }\n\n    a {\n      @extend %button;\n      @extend %sidebar-link-hover;\n      @extend %clickable-transition;\n\n      &:not(:last-child) {\n        margin-right: $btn-gap;\n      }\n    }\n\n    i {\n      line-height: 1.75rem;\n    }\n\n    .mode-toggle {\n      padding: 0;\n      border: 0;\n\n      @extend %button;\n      @extend %sidebar-links;\n      @extend %sidebar-link-hover;\n    }\n\n    .icon-border {\n      @extend %no-cursor;\n      @include ml-mr(calc(($btn-gap - $btn-border-width) / 2));\n\n      background-color: var(--sidebar-btn-color);\n      content: '';\n      width: $btn-border-width;\n      height: $btn-border-width;\n      border-radius: 50%;\n      margin-bottom: $btn-mb;\n    }\n  } /* .sidebar-bottom */\n} /* #sidebar */\n\n@media (hover: hover) {\n  #sidebar ul > li:last-child::after {\n    transition: top 0.5s ease;\n  }\n\n  .nav-link {\n    transition: background-color 0.3s ease-in-out;\n  }\n\n  .post-preview {\n    transition: background-color 0.35s ease-in-out;\n  }\n}\n\n#search-result-wrapper {\n  display: none;\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n\n  .content {\n    margin-top: 2rem;\n  }\n}\n\n/* --- top-bar --- */\n\n#topbar-wrapper {\n  height: $topbar-height;\n  background-color: var(--topbar-bg);\n}\n\n#topbar {\n  button i {\n    color: #999999;\n  }\n\n  #breadcrumb {\n    font-size: 1rem;\n    color: var(--text-muted-color);\n    padding-left: 0.5rem;\n\n    a:hover {\n      @extend %link-hover;\n    }\n\n    span {\n      &:not(:last-child) {\n        &::after {\n          content: '›';\n          padding: 0 0.3rem;\n        }\n      }\n    }\n  }\n} /* #topbar */\n\n::-webkit-input-placeholder {\n  @include placeholder;\n}\n\n::-moz-placeholder {\n  @include placeholder;\n}\n\n:-ms-input-placeholder {\n  @include placeholder;\n}\n\n::-ms-input-placeholder {\n  @include placeholder;\n}\n\n::placeholder {\n  @include placeholder;\n}\n\n:focus::-webkit-input-placeholder {\n  @include placeholder-focus;\n}\n\n:focus::-moz-placeholder {\n  @include placeholder-focus;\n}\n\n:focus:-ms-input-placeholder {\n  @include placeholder-focus;\n}\n\n:focus::-ms-input-placeholder {\n  @include placeholder-focus;\n}\n\n:focus::placeholder {\n  @include placeholder-focus;\n}\n\nsearch {\n  display: flex;\n  width: 100%;\n  border-radius: 1rem;\n  border: 1px solid var(--search-border-color);\n  background: var(--main-bg);\n  padding: 0 0.5rem;\n\n  i {\n    z-index: 2;\n    font-size: 0.9rem;\n    color: var(--search-icon-color);\n  }\n}\n\n#sidebar-trigger,\n#search-trigger {\n  display: none;\n}\n\n/* 'Cancel' link */\n#search-cancel {\n  color: var(--link-color);\n  display: none;\n  white-space: nowrap;\n\n  @extend %cursor-pointer;\n}\n\n#search-input {\n  background: center;\n  border: 0;\n  border-radius: 0;\n  padding: 0.18rem 0.3rem;\n  color: var(--text-color);\n  height: auto;\n\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n#search-hints {\n  padding: 0 1rem;\n\n  h4 {\n    margin-bottom: 1.5rem;\n  }\n\n  .post-tag {\n    display: inline-block;\n    line-height: 1rem;\n    font-size: 1rem;\n    background: var(--search-tag-bg);\n    border: none;\n    padding: 0.5rem;\n    margin: 0 1.25rem 1rem 0;\n\n    &::before {\n      content: '#';\n      color: var(--text-muted-color);\n      padding-right: 0.2rem;\n    }\n\n    @extend %link-color;\n  }\n}\n\n#search-results {\n  padding-bottom: 3rem;\n\n  a {\n    &:hover {\n      @extend %link-hover;\n    }\n\n    @extend %link-color;\n    @extend %no-bottom-border;\n    @extend %heading;\n\n    font-size: 1.4rem;\n    line-height: 2.5rem;\n  }\n\n  > article {\n    width: 100%;\n\n    &:not(:last-child) {\n      margin-bottom: 1rem;\n    }\n\n    /* icons */\n    i {\n      color: #818182;\n      margin-right: 0.15rem;\n      font-size: 80%;\n    }\n\n    > p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n    }\n  }\n} /* #search-results */\n\n#topbar-title {\n  display: none;\n  font-size: 1.1rem;\n  font-weight: 600;\n  font-family: sans-serif;\n  color: var(--topbar-text-color);\n  text-align: center;\n  width: 70%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n\n#mask {\n  display: none;\n  position: fixed;\n  inset: 0 0 0 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n\n  @at-root [#{$sidebar-display}] & {\n    display: block !important;\n  }\n}\n\n/* --- main wrapper --- */\n\n#main-wrapper {\n  position: relative;\n\n  @include pl-pr(0);\n}\n\n#topbar-wrapper.row,\n#main-wrapper > .container > .row,\n#search-result-wrapper > .row {\n  @include ml-mr(0);\n}\n\n/* --- button back-to-top --- */\n\n#back-to-top {\n  display: none;\n  z-index: 1;\n  cursor: pointer;\n  position: fixed;\n  right: 1rem;\n  bottom: calc($footer-height-large - $back2top-size / 2);\n  background: var(--button-bg);\n  color: var(--btn-backtotop-color);\n  padding: 0;\n  width: $back2top-size;\n  height: $back2top-size;\n  border-radius: 50%;\n  border: 1px solid var(--btn-backtotop-border-color);\n  transition: transform 0.2s ease-out;\n  -webkit-transition: transform 0.2s ease-out;\n\n  &:hover {\n    transform: translate3d(0, -5px, 0);\n    -webkit-transform: translate3d(0, -5px, 0);\n  }\n\n  i {\n    line-height: $back2top-size;\n    position: relative;\n    bottom: 2px;\n  }\n}\n\n#notification {\n  @-webkit-keyframes popup {\n    from {\n      opacity: 0;\n      bottom: 0;\n    }\n  }\n\n  @keyframes popup {\n    from {\n      opacity: 0;\n      bottom: 0;\n    }\n  }\n\n  .toast-header {\n    background: none;\n    border-bottom: none;\n    color: inherit;\n  }\n\n  .toast-body {\n    font-family: Lato, sans-serif;\n    line-height: 1.25rem;\n\n    button {\n      font-size: 90%;\n      min-width: 4rem;\n    }\n  }\n\n  &.toast {\n    &.show {\n      display: block;\n      min-width: 20rem;\n      border-radius: 0.5rem;\n      -webkit-backdrop-filter: blur(10px);\n      backdrop-filter: blur(10px);\n      background-color: rgba(255, 255, 255, 0.5);\n      color: #1b1b1eba;\n      position: fixed;\n      left: 50%;\n      bottom: 20%;\n      transform: translateX(-50%);\n      -webkit-animation: popup 0.8s;\n      animation: popup 0.8s;\n    }\n  }\n}\n\n/*\n  Responsive Design:\n\n {sidebar, content, panel} >= 1200px screen width\n {sidebar, content} >= 850px screen width\n {content} <= 849px screen width\n\n*/\n\n@media all and (max-width: 576px) {\n  main {\n    .content {\n      > blockquote[class^='prompt-'] {\n        @include ml-mr(-1rem);\n\n        border-radius: 0;\n        max-width: none;\n      }\n    }\n  }\n\n  #avatar {\n    width: 5rem;\n    height: 5rem;\n  }\n}\n\n@media all and (max-width: 768px) {\n  %full-width {\n    max-width: 100%;\n  }\n\n  #topbar {\n    @extend %full-width;\n  }\n\n  #main-wrapper > .container {\n    @extend %full-width;\n    @include pl-pr(0);\n  }\n}\n\n/* hide sidebar and panel */\n@media all and (max-width: 849px) {\n  @mixin slide($append: null) {\n    $basic: transform 0.4s ease;\n\n    @if $append {\n      transition: $basic, $append;\n    } @else {\n      transition: $basic;\n    }\n  }\n\n  main {\n    min-height: calc(100vh - $topbar-height - $footer-height-large);\n  }\n\n  footer {\n    @include slide;\n\n    height: $footer-height-large;\n    padding: 1.5rem 0;\n  }\n\n  [#{$sidebar-display}] {\n    #sidebar {\n      transform: translateX(0);\n    }\n\n    #main-wrapper {\n      transform: translateX(#{$sidebar-width});\n    }\n\n    #back-to-top {\n      visibility: hidden;\n    }\n  }\n\n  #sidebar {\n    @include slide;\n\n    transform: translateX(-#{$sidebar-width}); /* hide */\n    -webkit-transform: translateX(-#{$sidebar-width});\n  }\n\n  #main-wrapper {\n    @include slide;\n  }\n\n  #topbar,\n  #main-wrapper > .container {\n    max-width: 100%;\n  }\n\n  #search-result-wrapper {\n    width: 100%;\n  }\n\n  #breadcrumb,\n  search {\n    display: none;\n  }\n\n  #topbar-wrapper {\n    @include slide(top 0.2s ease);\n\n    left: 0;\n  }\n\n  main,\n  #panel-wrapper {\n    margin-top: 0;\n  }\n\n  #topbar-title,\n  #sidebar-trigger,\n  #search-trigger {\n    display: block;\n  }\n\n  #search-result-wrapper .content {\n    letter-spacing: 0;\n  }\n\n  #tags {\n    justify-content: center !important;\n  }\n\n  h1.dynamic-title {\n    display: none;\n\n    ~ .content {\n      margin-top: 2.5rem;\n    }\n  }\n} /* max-width: 849px */\n\n/* Sidebar is visible */\n@media all and (min-width: 850px) {\n  /* Solved jumping scrollbar */\n  html {\n    overflow-y: scroll;\n  }\n\n  #main-wrapper {\n    margin-left: $sidebar-width;\n  }\n\n  #sidebar {\n    .profile-wrapper {\n      margin-top: 3rem;\n    }\n  }\n\n  #search-hints {\n    display: none;\n  }\n\n  search {\n    max-width: $search-max-width;\n  }\n\n  #search-result-wrapper {\n    max-width: $main-content-max-width;\n    justify-content: start !important;\n  }\n\n  main {\n    h1 {\n      margin-top: 3rem;\n    }\n  }\n\n  div.content .table-wrapper > table {\n    min-width: 70%;\n  }\n\n  /* button 'back-to-Top' position */\n  #back-to-top {\n    right: 5%;\n    bottom: calc($footer-height - $back2top-size / 2);\n  }\n\n  #topbar-title {\n    text-align: left;\n  }\n}\n\n/* Pad horizontal */\n@media all and (min-width: 992px) and (max-width: 1199px) {\n  #main-wrapper > .container .col-lg-11 {\n    flex: 0 0 96%;\n    max-width: 96%;\n  }\n}\n\n/* Compact icons in sidebar & panel hidden */\n@media all and (min-width: 850px) and (max-width: 1199px) {\n  #search-results > div {\n    max-width: 700px;\n  }\n\n  #breadcrumb {\n    width: 65%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n  }\n}\n\n/* panel hidden */\n@media all and (max-width: 1199px) {\n  #panel-wrapper {\n    display: none;\n  }\n\n  #main-wrapper > .container > div.row {\n    justify-content: center !important;\n  }\n}\n\n/* --- desktop mode, both sidebar and panel are visible --- */\n\n@media all and (min-width: 1200px) {\n  search {\n    margin-right: 4rem;\n  }\n\n  #search-input {\n    transition: all 0.3s ease-in-out;\n  }\n\n  #search-results > article {\n    width: 45%;\n\n    &:nth-child(odd) {\n      margin-right: 1.5rem;\n    }\n\n    &:nth-child(even) {\n      margin-left: 1.5rem;\n    }\n\n    &:last-child:nth-child(odd) {\n      position: relative;\n      right: 24.3%;\n    }\n  }\n\n  .content {\n    font-size: 1.03rem;\n  }\n}\n\n@media all and (min-width: 1400px) {\n  #back-to-top {\n    right: calc((100vw - #{$sidebar-width} - 1140px) / 2 + 3rem);\n  }\n}\n\n@media all and (min-width: 1650px) {\n  $icon-gap: 1rem;\n\n  #main-wrapper {\n    margin-left: $sidebar-width-large;\n  }\n\n  #topbar-wrapper {\n    left: $sidebar-width-large;\n  }\n\n  search {\n    margin-right: calc(\n      #{$main-content-max-width} * 0.25 - #{$search-max-width} - 0.75rem\n    );\n  }\n\n  #main-wrapper > .container {\n    max-width: $main-content-max-width;\n    padding-left: 1.75rem !important;\n    padding-right: 1.75rem !important;\n  }\n\n  main.col-12,\n  #tail-wrapper {\n    padding-right: 4.5rem !important;\n  }\n\n  #back-to-top {\n    right: calc(\n      (100vw - #{$sidebar-width-large} - #{$main-content-max-width}) / 2 + 2rem\n    );\n  }\n\n  #sidebar {\n    width: $sidebar-width-large;\n\n    $icon-gap: 1rem; // for the bottom icons\n\n    .profile-wrapper {\n      margin-top: 3.5rem;\n      margin-bottom: 2.5rem;\n      padding-left: 3.5rem;\n    }\n\n    ul {\n      li.nav-item {\n        @include pl-pr(2.75rem);\n      }\n    }\n\n    .sidebar-bottom {\n      padding-left: 2.75rem;\n      margin-bottom: 1.75rem;\n\n      a:not(:last-child) {\n        margin-right: $icon-gap;\n      }\n\n      .icon-border {\n        @include ml-mr(calc(($icon-gap - $btn-border-width) / 2));\n      }\n    }\n  }\n} /* min-width: 1650px */\n","/*\n * The syntax light mode typography colors\n */\n\n@mixin light-scheme {\n  /* Framework color */\n  --main-bg: white;\n  --mask-bg: #c1c3c5;\n  --main-border-color: #f3f3f3;\n\n  /* Common color */\n  --text-color: #34343c;\n  --text-muted-color: #757575;\n  --heading-color: #2a2a2a;\n  --label-color: #585858;\n  --blockquote-border-color: #eeeeee;\n  --blockquote-text-color: #757575;\n  --link-color: #0056b2;\n  --link-underline-color: #dee2e6;\n  --button-bg: #ffffff;\n  --btn-border-color: #e9ecef;\n  --btn-backtotop-color: #686868;\n  --btn-backtotop-border-color: #f1f1f1;\n  --btn-box-shadow: #eaeaea;\n  --checkbox-color: #c5c5c5;\n  --checkbox-checked-color: #07a8f7;\n  --img-bg: radial-gradient(\n    circle,\n    rgb(255, 255, 255) 0%,\n    rgb(239, 239, 239) 100%\n  );\n  --shimmer-bg: linear-gradient(\n    90deg,\n    rgba(250, 250, 250, 0) 0%,\n    rgba(232, 230, 230, 1) 50%,\n    rgba(250, 250, 250, 0) 100%\n  );\n\n  /* Sidebar */\n  --site-title-color: rgb(113, 113, 113);\n  --site-subtitle-color: #717171;\n  --sidebar-bg: #f6f8fa;\n  --sidebar-border-color: #efefef;\n  --sidebar-muted-color: #545454;\n  --sidebar-active-color: #1d1d1d;\n  --sidebar-hover-bg: rgb(223, 233, 241, 0.64);\n  --sidebar-btn-bg: white;\n  --sidebar-btn-color: #8e8e8e;\n  --avatar-border-color: white;\n\n  /* Topbar */\n  --topbar-bg: rgb(255, 255, 255, 0.7);\n  --topbar-text-color: rgb(78, 78, 78);\n  --search-border-color: rgb(240, 240, 240);\n  --search-icon-color: #c2c6cc;\n  --input-focus-border-color: #b8b8b8;\n\n  /* Home page */\n  --post-list-text-color: dimgray;\n  --btn-patinator-text-color: #555555;\n  --btn-paginator-hover-color: var(--sidebar-bg);\n\n  /* Posts */\n  --toc-highlight: #0550ae;\n  --btn-share-hover-color: var(--link-color);\n  --card-bg: white;\n  --card-hovor-bg: #e2e2e2;\n  --card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,\n    rgba(211, 209, 209, 0.15) 0 0 0 1px;\n  --footnote-target-bg: lightcyan;\n  --tb-odd-bg: #fbfcfd;\n  --tb-border-color: #eaeaea;\n  --dash-color: silver;\n  --kbd-wrap-color: #bdbdbd;\n  --kbd-text-color: var(--text-color);\n  --kbd-bg-color: white;\n  --prompt-text-color: rgb(46, 46, 46, 0.77);\n  --prompt-tip-bg: rgb(123, 247, 144, 0.2);\n  --prompt-tip-icon-color: #03b303;\n  --prompt-info-bg: #e1f5fe;\n  --prompt-info-icon-color: #0070cb;\n  --prompt-warning-bg: rgb(255, 243, 205);\n  --prompt-warning-icon-color: #ef9c03;\n  --prompt-danger-bg: rgb(248, 215, 218, 0.56);\n  --prompt-danger-icon-color: #df3c30;\n\n  /* Tags */\n  --tag-border: #dee2e6;\n  --tag-shadow: var(--btn-border-color);\n  --tag-hover: rgb(222, 226, 230);\n  --search-tag-bg: #f8f9fa;\n\n  [class^='prompt-'] {\n    --link-underline-color: rgb(219, 216, 216);\n  }\n\n  .dark {\n    display: none;\n  }\n\n  /* Categories */\n  --categories-border: rgba(0, 0, 0, 0.125);\n  --categories-hover-bg: var(--btn-border-color);\n  --categories-icon-hover-color: darkslategray;\n\n  /* Archive */\n  --timeline-color: rgba(0, 0, 0, 0.075);\n  --timeline-node-bg: #c2c6cc;\n  --timeline-year-dot-color: #ffffff;\n} /* light-scheme */\n","/*\n * The main dark mode styles\n */\n\n@mixin dark-scheme {\n  /* Framework color */\n  --main-bg: rgb(27, 27, 30);\n  --mask-bg: rgb(68, 69, 70);\n  --main-border-color: rgb(44, 45, 45);\n\n  /* Common color */\n  --text-color: rgb(175, 176, 177);\n  --text-muted-color: #868686;\n  --heading-color: #cccccc;\n  --label-color: #a7a7a7;\n  --blockquote-border-color: rgb(66, 66, 66);\n  --blockquote-text-color: #868686;\n  --link-color: rgb(138, 180, 248);\n  --link-underline-color: rgb(82, 108, 150);\n  --button-bg: #1e1e1e;\n  --btn-border-color: #2e2f31;\n  --btn-backtotop-color: var(--text-color);\n  --btn-backtotop-border-color: #212122;\n  --btn-box-shadow: var(--main-bg);\n  --card-header-bg: #292929;\n  --checkbox-color: rgb(118, 120, 121);\n  --checkbox-checked-color: var(--link-color);\n  --img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);\n  --shimmer-bg: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(58, 55, 55, 0.4) 50%,\n    rgba(255, 255, 255, 0) 100%\n  );\n\n  /* Sidebar */\n  --site-title-color: #717070;\n  --site-subtitle-color: #868686;\n  --sidebar-bg: #1e1e1e;\n  --sidebar-border-color: #292929;\n  --sidebar-muted-color: #868686;\n  --sidebar-active-color: rgb(255, 255, 255, 0.95);\n  --sidebar-hover-bg: #262626;\n  --sidebar-btn-bg: #232328;\n  --sidebar-btn-color: #787878;\n  --avatar-border-color: rgb(206, 206, 206, 0.9);\n\n  /* Topbar */\n  --topbar-bg: rgb(27, 27, 30, 0.64);\n  --topbar-text-color: var(--text-color);\n  --search-border-color: rgb(55, 55, 55);\n  --search-icon-color: rgb(100, 102, 105);\n  --input-focus-border-color: rgb(112, 114, 115);\n\n  /* Home page */\n  --post-list-text-color: rgb(175, 176, 177);\n  --btn-patinator-text-color: var(--text-color);\n  --btn-paginator-hover-color: #2e2e2e;\n\n  /* Posts */\n  --toc-highlight: rgb(116, 178, 243);\n  --tag-hover: rgb(43, 56, 62);\n  --tb-odd-bg: #252526; /* odd rows of the posts' table */\n  --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */\n  --tb-border-color: var(--tb-odd-bg);\n  --footnote-target-bg: rgb(63, 81, 181);\n  --btn-share-color: #6c757d;\n  --btn-share-hover-color: #bfc1ca;\n  --card-bg: #1e1e1e;\n  --card-hovor-bg: #464d51;\n  --card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0,\n    rgb(137, 135, 135, 0.24) 0 0 0 1px;\n  --kbd-wrap-color: #6a6a6a;\n  --kbd-text-color: #d3d3d3;\n  --kbd-bg-color: #242424;\n  --prompt-text-color: rgb(216, 212, 212, 0.75);\n  --prompt-tip-bg: rgb(22, 60, 36, 0.64);\n  --prompt-tip-icon-color: rgb(15, 164, 15, 0.81);\n  --prompt-info-bg: rgb(7, 59, 104, 0.8);\n  --prompt-info-icon-color: #0075d1;\n  --prompt-warning-bg: rgb(90, 69, 3, 0.88);\n  --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);\n  --prompt-danger-bg: rgb(86, 28, 8, 0.8);\n  --prompt-danger-icon-color: #cd0202;\n\n  /* tags */\n  --tag-border: rgb(59, 79, 88);\n  --tag-shadow: rgb(32, 33, 33);\n  --dash-color: rgb(63, 65, 68);\n  --search-tag-bg: #292828;\n\n  /* categories */\n  --categories-border: rgb(64, 66, 69, 0.5);\n  --categories-hover-bg: rgb(73, 75, 76);\n  --categories-icon-hover-color: white;\n\n  /* archives */\n  --timeline-node-bg: rgb(150, 152, 156);\n  --timeline-color: rgb(63, 65, 68);\n  --timeline-year-dot-color: var(--timeline-color);\n\n  .light {\n    display: none;\n  }\n\n  hr {\n    border-color: var(--main-border-color);\n  }\n\n  /* categories */\n  .categories.card,\n  .list-group-item {\n    background-color: var(--card-bg);\n  }\n\n  .categories {\n    .card-header {\n      background-color: var(--card-header-bg);\n    }\n\n    .list-group-item {\n      border-left: none;\n      border-right: none;\n      padding-left: 2rem;\n      border-color: var(--categories-border);\n\n      &:last-child {\n        border-bottom-color: var(--card-bg);\n      }\n    }\n  }\n\n  #archives li:nth-child(odd) {\n    background-image: linear-gradient(\n      to left,\n      rgb(26, 26, 30),\n      rgb(39, 39, 45),\n      rgb(39, 39, 45),\n      rgb(39, 39, 45),\n      rgb(26, 26, 30)\n    );\n  }\n\n  color-scheme: dark;\n\n  /* stylelint-disable-next-line selector-id-pattern */\n  #disqus_thread {\n    color-scheme: none;\n  }\n} /* dark-scheme */\n","/*\n  Style for Homepage\n*/\n\n#post-list {\n  margin-top: 2rem;\n\n  .card-wrapper {\n    display: block;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 1.25rem;\n    }\n  }\n\n  .card {\n    %img-radius {\n      border-radius: $base-radius $base-radius 0 0;\n    }\n\n    .preview-img {\n      height: 10rem;\n\n      @extend %img-radius;\n\n      img {\n        width: 100%;\n        height: 100%;\n        -o-object-fit: cover;\n        object-fit: cover;\n\n        @extend %img-radius;\n      }\n    }\n\n    .card-body {\n      min-height: 10.5rem;\n      padding: 1rem;\n\n      .card-title {\n        @extend %text-clip;\n\n        color: var(--heading-color) !important;\n        font-size: 1.25rem;\n      }\n\n      %muted {\n        color: var(--text-muted-color) !important;\n      }\n\n      .card-text.content {\n        @extend %muted;\n\n        p {\n          @extend %text-clip;\n\n          line-height: 1.5;\n          margin: 0;\n        }\n      }\n\n      .post-meta {\n        @extend %muted;\n\n        i {\n          &:not(:first-child) {\n            margin-left: 1.5rem;\n          }\n        }\n\n        em {\n          @extend %normal-font-style;\n\n          color: inherit;\n        }\n\n        > div:first-child {\n          display: block;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n} /* #post-list */\n\n.pagination {\n  color: var(--text-color);\n  font-family: Lato, sans-serif;\n  justify-content: space-evenly;\n\n  a:hover {\n    text-decoration: none;\n  }\n\n  .page-item {\n    .page-link {\n      color: var(--btn-patinator-text-color);\n      padding: 0 0.6rem;\n      display: -webkit-box;\n      -webkit-box-pack: center;\n      -webkit-box-align: center;\n      border-radius: 0.5rem;\n      border: 0;\n      background-color: inherit;\n    }\n\n    &.active {\n      .page-link {\n        background-color: var(--btn-paginator-hover-color);\n      }\n    }\n\n    &:not(.active) {\n      .page-link {\n        &:hover {\n          box-shadow: inset var(--btn-border-color) 0 0 0 1px;\n        }\n      }\n    }\n\n    &.disabled {\n      cursor: not-allowed;\n\n      .page-link {\n        color: rgba(108, 117, 125, 0.57);\n      }\n    }\n  } /* .page-item */\n} /* .pagination */\n\n/* Tablet */\n@media all and (min-width: 768px) {\n  #post-list {\n    %img-radius {\n      border-radius: 0 $base-radius $base-radius 0;\n    }\n\n    .card {\n      .preview-img {\n        width: 20rem;\n        height: 11.55rem; // can hold 2 lines each for title and content\n      }\n\n      .card-body {\n        min-height: 10.75rem;\n        width: 60%;\n        padding: 1.75rem 1.75rem 1.25rem 1.75rem;\n\n        .card-text {\n          display: inherit !important;\n        }\n\n        .post-meta {\n          i {\n            &:not(:first-child) {\n              margin-left: 1.75rem;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 830px) {\n  .pagination {\n    .page-item {\n      &:not(:first-child):not(:last-child) {\n        display: none;\n      }\n    }\n  }\n}\n\n/* Sidebar is visible */\n@media all and (min-width: 831px) {\n  #post-list {\n    margin-top: 2.5rem;\n  }\n\n  .pagination {\n    font-size: 0.85rem;\n    justify-content: center;\n\n    .page-item {\n      &:not(:last-child) {\n        margin-right: 0.7rem;\n      }\n    }\n\n    .page-index {\n      display: none;\n    }\n  } /* .pagination */\n}\n","/*\n  Post-specific style\n*/\n\n@mixin btn-sharing-color($light-color, $important: false) {\n  @if $important {\n    color: var(--btn-share-color, $light-color) !important;\n  } @else {\n    color: var(--btn-share-color, $light-color);\n  }\n}\n\n%btn-post-nav {\n  width: 50%;\n  position: relative;\n  border-color: var(--btn-border-color);\n}\n\n@mixin dot($pl: 0.25rem, $pr: 0.25rem) {\n  content: '\\2022';\n  padding-left: $pl;\n  padding-right: $pr;\n}\n\n%text-color {\n  color: var(--text-color);\n}\n\n.preview-img {\n  overflow: hidden;\n  aspect-ratio: 40 / 21;\n\n  @extend %rounded;\n\n  &:not(.no-bg) {\n    img.lazyloaded {\n      background: var(--img-bg);\n    }\n  }\n\n  img {\n    -o-object-fit: cover;\n    object-fit: cover;\n\n    @extend %rounded;\n  }\n}\n\nh1 + .post-meta {\n  > span + span::before {\n    @include dot;\n  }\n\n  em,\n  time {\n    color: var(--text-color);\n  }\n\n  em {\n    a {\n      color: inherit;\n    }\n  }\n}\n\n.post-tail-wrapper {\n  margin-top: 6rem;\n  border-bottom: 1px double var(--main-border-color);\n  font-size: 0.85rem;\n\n  .post-tail-bottom a {\n    color: inherit;\n  }\n\n  .license-wrapper {\n    line-height: 1.2rem;\n\n    > a {\n      @extend %text-highlight;\n\n      &:hover {\n        @extend %link-hover;\n      }\n    }\n\n    span:last-child {\n      font-size: 0.85rem;\n    }\n  } /* .license-wrapper */\n\n  .post-meta a:not(:hover) {\n    @extend %link-underline;\n  }\n\n  .share-wrapper {\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    .share-icons {\n      font-size: 1.2rem;\n\n      > * {\n        margin-left: 0.25rem;\n\n        &:hover {\n          i {\n            @extend %btn-share-hovor;\n          }\n        }\n      }\n\n      button {\n        position: relative;\n        bottom: 2px;\n        padding: 0;\n\n        @extend %cursor-pointer;\n      }\n\n      a :hover {\n        text-decoration: none;\n      }\n\n      .fa-square-x-twitter {\n        @include btn-sharing-color(black);\n      }\n\n      .fa-facebook-square {\n        @include btn-sharing-color(rgb(66, 95, 156));\n      }\n\n      .fa-telegram {\n        @include btn-sharing-color(rgb(39, 159, 217));\n      }\n\n      .fa-linkedin {\n        @include btn-sharing-color(rgb(0, 119, 181));\n      }\n\n      .fa-weibo {\n        @include btn-sharing-color(rgb(229, 20, 43));\n      }\n    } /* .share-icons */\n\n    .fas.fa-link {\n      @include btn-sharing-color(rgb(171, 171, 171));\n    }\n  } /* .share-wrapper */\n}\n\n.post-tags {\n  line-height: 2rem;\n\n  .post-tag {\n    &:hover {\n      @extend %link-hover;\n      @extend %tag-hover;\n      @extend %no-bottom-border;\n    }\n  }\n}\n\n.post-navigation {\n  .btn {\n    @extend %btn-post-nav;\n\n    &:not(:hover) {\n      color: var(--link-color);\n    }\n\n    &:hover {\n      &:not(.disabled)::before {\n        color: whitesmoke;\n      }\n    }\n\n    &.disabled {\n      @extend %btn-post-nav;\n\n      pointer-events: auto;\n      cursor: not-allowed;\n      background: none;\n      color: gray;\n    }\n\n    &.btn-outline-primary.disabled:focus {\n      box-shadow: none;\n    }\n\n    &::before {\n      color: var(--text-muted-color);\n      font-size: 0.65rem;\n      text-transform: uppercase;\n      content: attr(aria-label);\n    }\n\n    &:first-child {\n      border-radius: $base-radius 0 0 $base-radius;\n      left: 0.5px;\n    }\n\n    &:last-child {\n      border-radius: 0 $base-radius $base-radius 0;\n      right: 0.5px;\n    }\n  }\n\n  p {\n    font-size: 1.1rem;\n    line-height: 1.5rem;\n    margin-top: 0.3rem;\n    white-space: normal;\n  }\n} /* .post-navigation */\n\n@media (hover: hover) {\n  .post-navigation {\n    .btn,\n    .btn::before {\n      transition: all 0.35s ease-in-out;\n    }\n  }\n}\n\n@-webkit-keyframes fade-up {\n  from {\n    opacity: 0;\n    position: relative;\n    top: 2rem;\n  }\n\n  to {\n    opacity: 1;\n    position: relative;\n    top: 0;\n  }\n}\n\n@keyframes fade-up {\n  from {\n    opacity: 0;\n    position: relative;\n    top: 2rem;\n  }\n\n  to {\n    opacity: 1;\n    position: relative;\n    top: 0;\n  }\n}\n\n#toc-wrapper {\n  border-left: 1px solid rgba(158, 158, 158, 0.17);\n  position: -webkit-sticky;\n  position: sticky;\n  top: 4rem;\n  transition: top 0.2s ease-in-out;\n  -webkit-animation: fade-up 0.8s;\n  animation: fade-up 0.8s;\n\n  ul {\n    list-style: none;\n    font-size: 0.85rem;\n    line-height: 1.25;\n    padding-left: 0;\n\n    li {\n      &:not(:last-child) {\n        margin: 0.4rem 0;\n      }\n\n      a {\n        padding: 0.2rem 0 0.2rem 1.25rem;\n      }\n    }\n\n    /* Overwrite TOC plugin style */\n\n    .toc-link {\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &:hover {\n        color: var(--toc-highlight);\n        text-decoration: none;\n      }\n\n      &::before {\n        display: none;\n      }\n    }\n\n    .is-active-link {\n      color: var(--toc-highlight) !important;\n      font-weight: 600;\n\n      &::before {\n        display: inline-block;\n        width: 1px;\n        left: -1px;\n        height: 1.25rem;\n        background-color: var(--toc-highlight) !important;\n      }\n    }\n\n    ul {\n      padding-left: 0.75rem;\n    }\n  }\n}\n\n/* --- Related Posts --- */\n\n#related-posts {\n  > h3 {\n    @include label(1.1rem, 600);\n  }\n\n  time {\n    @extend %normal-font-style;\n\n    color: var(--text-muted-color);\n  }\n\n  p {\n    font-size: 0.9rem;\n    margin-bottom: 0.5rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n\n  .card {\n    h4 {\n      @extend %text-color;\n      @extend %text-clip;\n    }\n  }\n}\n\n#tail-wrapper {\n  min-height: 2rem;\n\n  > *:not(:last-child) {\n    margin-top: 3rem;\n  }\n\n  > *:nth-last-child(2) {\n    margin-bottom: 3rem;\n  }\n\n  /* stylelint-disable-next-line selector-id-pattern */\n  #disqus_thread {\n    min-height: 8.5rem;\n  }\n}\n\n%btn-share-hovor {\n  color: var(--btn-share-hover-color) !important;\n}\n\n.share-label {\n  @include label(inherit, 400, inherit);\n\n  &::after {\n    content: ':';\n  }\n}\n\n@media all and (max-width: 576px) {\n  .preview-img[data-src] {\n    margin-top: 2.2rem;\n  }\n\n  .post-tail-bottom {\n    flex-wrap: wrap-reverse !important;\n\n    > div:first-child {\n      width: 100%;\n      margin-top: 1rem;\n    }\n  }\n}\n\n@media all and (max-width: 768px) {\n  .content > p > img {\n    max-width: calc(100% + 1rem);\n  }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 849px) {\n  .post-navigation {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -0.5rem;\n    margin-right: -0.5rem;\n  }\n\n  .preview-img[data-src] {\n    max-width: 100vw;\n    border-radius: 0;\n  }\n}\n","/*\n  Styles for Tab Tags\n*/\n\n.tag {\n  border-radius: 0.7em;\n  padding: 6px 8px 7px;\n  margin-right: 0.8rem;\n  line-height: 3rem;\n  letter-spacing: 0;\n  border: 1px solid var(--tag-border) !important;\n  box-shadow: 0 0 3px 0 var(--tag-shadow);\n\n  span {\n    margin-left: 0.6em;\n    font-size: 0.7em;\n    font-family: Oswald, sans-serif;\n  }\n}\n","/*\n  Style for Archives\n*/\n\n#archives {\n  letter-spacing: 0.03rem;\n\n  $timeline-width: 4px;\n\n  %timeline {\n    content: '';\n    width: $timeline-width;\n    position: relative;\n    float: left;\n    background-color: var(--timeline-color);\n  }\n\n  .year {\n    height: 3.5rem;\n    font-size: 1.5rem;\n    position: relative;\n    left: 2px;\n    margin-left: -$timeline-width;\n\n    &::before {\n      @extend %timeline;\n\n      height: 72px;\n      left: 79px;\n      bottom: 16px;\n    }\n\n    &:first-child::before {\n      @extend %timeline;\n\n      height: 32px;\n      top: 24px;\n    }\n\n    /* Year dot */\n    &::after {\n      content: '';\n      display: inline-block;\n      position: relative;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      left: 21.5px;\n      border: 3px solid;\n      background-color: var(--timeline-year-dot-color);\n      border-color: var(--timeline-node-bg);\n      box-shadow: 0 0 2px 0 #c2c6cc;\n      z-index: 1;\n    }\n  }\n\n  ul {\n    li {\n      font-size: 1.1rem;\n      line-height: 3rem;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &:nth-child(odd) {\n        background-color: var(--main-bg, #ffffff);\n        background-image: linear-gradient(\n          to left,\n          #ffffff,\n          #fbfbfb,\n          #fbfbfb,\n          #fbfbfb,\n          #ffffff\n        );\n      }\n\n      &::before {\n        @extend %timeline;\n\n        top: 0;\n        left: 77px;\n        height: 3.1rem;\n      }\n    }\n\n    &:last-child li:last-child::before {\n      height: 1.5rem;\n    }\n  } /* #archives ul */\n\n  .date {\n    white-space: nowrap;\n    display: inline-block;\n    position: relative;\n    right: 0.5rem;\n\n    &.month {\n      width: 1.4rem;\n      text-align: center;\n    }\n\n    &.day {\n      font-size: 85%;\n      font-family: Lato, sans-serif;\n    }\n  }\n\n  a {\n    /* post title in Archvies */\n    margin-left: 2.5rem;\n    position: relative;\n    top: 0.1rem;\n\n    &:hover {\n      border-bottom: none;\n    }\n\n    &::before {\n      /* the dot before post title */\n      content: '';\n      display: inline-block;\n      position: relative;\n      border-radius: 50%;\n      width: 8px;\n      height: 8px;\n      float: left;\n      top: 1.35rem;\n      left: 71px;\n      background-color: var(--timeline-node-bg);\n      box-shadow: 0 0 3px 0 #c2c6cc;\n      z-index: 1;\n    }\n  }\n} /* #archives */\n\n@media all and (max-width: 576px) {\n  #archives {\n    margin-top: -1rem;\n\n    ul {\n      letter-spacing: 0;\n    }\n  }\n}\n","/*\n  Style for Tab Categories\n*/\n\n%category-icon-color {\n  color: gray;\n}\n\n.categories {\n  margin-bottom: 2rem;\n  border-color: var(--categories-border);\n\n  &.card,\n  .list-group {\n    @extend %rounded;\n  }\n\n  .card-header {\n    $radius: calc($base-radius - 1px);\n\n    padding: 0.75rem;\n    border-radius: $radius;\n    border-bottom: 0;\n\n    &.hide-border-bottom {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  i {\n    @extend %category-icon-color;\n\n    font-size: 86%; /* fontawesome icons */\n  }\n\n  .list-group-item {\n    border-left: none;\n    border-right: none;\n    padding-left: 2rem;\n\n    &:first-child {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n} /* .categories */\n\n.category-trigger {\n  width: 1.7rem;\n  height: 1.7rem;\n  border-radius: 50%;\n  text-align: center;\n  color: #6c757d !important;\n\n  i {\n    position: relative;\n    height: 0.7rem;\n    width: 1rem;\n    transition: transform 300ms ease;\n  }\n\n  &:hover {\n    i {\n      color: var(--categories-icon-hover-color);\n    }\n  }\n}\n\n/* only works on desktop */\n@media (hover: hover) {\n  .category-trigger:hover {\n    background-color: var(--categories-hover-bg);\n  }\n}\n\n.rotate {\n  transform: rotate(-90deg);\n}\n","/*\n  Style for page Category and Tag\n*/\n\n.dash {\n  margin: 0 0.5rem 0.6rem 0.5rem;\n  border-bottom: 2px dotted var(--dash-color);\n}\n\n#page-category,\n#page-tag {\n  ul > li {\n    line-height: 1.5rem;\n    padding: 0.6rem 0;\n\n    /* dot */\n    &::before {\n      background: #999999;\n      width: 5px;\n      height: 5px;\n      border-radius: 50%;\n      display: block;\n      content: '';\n      position: relative;\n      top: 0.6rem;\n      margin-right: 0.5rem;\n    }\n\n    /* post's title */\n    > a {\n      @extend %no-bottom-border;\n\n      font-size: 1.1rem;\n    }\n  }\n}\n\n/* tag icon */\n#page-tag h1 > i {\n  font-size: 1.2rem;\n}\n\n#page-category h1 > i {\n  font-size: 1.25rem;\n}\n\n#page-category,\n#page-tag,\n#access-lastmod {\n  a:hover {\n    @extend %link-hover;\n\n    margin-bottom: -1px; /* Avoid jumping */\n  }\n}\n\n@media all and (max-width: 576px) {\n  #page-category,\n  #page-tag {\n    ul > li {\n      &::before {\n        margin: 0 0.5rem;\n      }\n\n      > a {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n"],"file":"jekyll-theme-chirpy.css"}