{"version":3,"sourceRoot":"","sources":["../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/base/_reset.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/abstracts/_mixins.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/abstracts/_placeholders.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/abstracts/_variables.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/base/_base.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/themes/_light.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/themes/_dark.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/abstracts/_breakpoints.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/base/_typography.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/base/_syntax.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/components/_buttons.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/components/_popups.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/layout/_sidebar.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/layout/_topbar.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/layout/_panel.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/layout/_footer.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_search.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_home.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_post.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_categories.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_tags.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_archives.scss","../../../../../../F:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-theme-chirpy-7.2.4/_sass/pages/_category-tag.scss","jekyll-theme-chirpy.scss"],"names":[],"mappings":"CAEA,4BC8BE,yCD1BF,mBC0BE,yCDtBF,uBCsBE,yCDlBF,wBCkBE,yCDdF,cCcE,yCDVF,kCCcE,WDVF,yBCUE,WDNF,6BCME,WDFF,8BCEE,WDEF,oBCFE,WCjCF,mEACE,2BACA,gBACA,YCuBoB,kCDtBpB,yBAIA,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,0EACE,+BAGF,gFACE,yBACA,sBACA,qBACA,iBAGF,6LACE,mBAGF,yFACE,eAGF,4EACE,kBAGF,wMACE,cClEU,KDsEV,oDACE,cACA,kBACA,kBACA,cACA,UACA,cAIJ,iDACE,iCACA,yBACA,sBACA,qBACA,iBAGF,iHACE,oBACA,gBACA,uBACA,qBACA,4BAGF,4ID9GE,gBACA,uBACA,mBCgHF,qGACE,wCACA,gBAGF,kFACE,iBAGF,2BACE,gBAIA,mCACE,2CACA,uBACA,0BACA,kBACA,8CAKF,+DACE,WAIJ,kDACE,2CAGF,cACE,kBACA,qBAOF,+BACE,+CEvJF,MACE,eAIA,oCACE,4CCXF,iBACA,mBACA,6BAGA,sBACA,4BACA,sCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,oCACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAGA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAGA,iCACA,8BACA,mCACA,kCACA,yCACA,sBACA,kCACA,mCACA,kCACA,mCAEA,8EACE,2CAGF,wDACE,aAKF,oFACE,YAGF,sFACE,SAGF,0IAEE,cACA,yBAGF,ogBAOE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,guBAUE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,kXAKE,cAGF,kJAEE,cAGF,0EACE,cACA,iBAGF,0EACE,cACA,iBAGF,4yBAWE,cAGF,0EACE,cAGF,oJAEE,cAGF,4EACE,cACA,yBAGF,glBAQE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,kBAGF,0EACE,cACA,iBDpSA,qBEjBF,kBAGA,2BACA,2BACA,qCAGA,iCACA,4BACA,sCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,kCACA,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,iDAGA,iCACA,8BACA,mCACA,kCACA,4CACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,4BACE,aAIF,4EAEE,gCAIA,8CACE,uCAGF,kDACE,iBACA,kBACA,kBACA,sCAEA,6DACE,mCAKN,iDACE,+HAWF,oCACE,kBAKF,oCACE,cAGF,yCACE,YAGF,0CACE,SAGF,mEAEE,cACA,yBAGF,qCACE,cACA,yBAGF,4PAOE,cAGF,oCACE,cAGF,oCACE,cAGF,uEAEE,cAGF,uEAEE,cAGF,oCACE,cAGF,oCACE,cACA,yBAGF,oCACE,cACA,yBACA,iBAGF,mLAKE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,mUASE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,+RAQE,cAGF,oCACE,eFrRF,mCACE,2CEvBF,kBAGA,2BACA,2BACA,qCAGA,iCACA,4BACA,sCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,kCACA,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,iDAGA,iCACA,8BACA,mCACA,kCACA,4CACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,yDACE,aAIF,0JAEE,gCAIA,6FACE,uCAGF,qGACE,iBACA,kBACA,kBACA,sCAEA,2HACE,mCAKN,mGACE,+HAWF,yEACE,kBAKF,yEACE,cAGF,mFACE,YAGF,qFACE,SAGF,wIAEE,cACA,yBAGF,2EACE,cACA,yBAGF,+fAOE,cAGF,yEACE,cAGF,yEACE,cAGF,gJAEE,cAGF,gJAEE,cAGF,yEACE,cAGF,yEACE,cACA,yBAGF,yEACE,cACA,yBACA,iBAGF,2WAKE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,+oBASE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,skBAQE,cAGF,yEACE,cF/QA,sBC3BF,iBACA,mBACA,6BAGA,sBACA,4BACA,sCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,oCACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAGA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAGA,iCACA,8BACA,mCACA,kCACA,yCACA,sBACA,kCACA,mCACA,kCACA,mCAEA,uCACE,2CAGF,4BACE,aAKF,0CACE,YAGF,2CACE,SAGF,qEAEE,cACA,yBAGF,kQAOE,cAGF,qCACE,cAGF,qCACE,cACA,yBAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cACA,yBAGF,qCACE,cAGF,gXAUE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,yLAKE,cAGF,yEAEE,cAGF,qCACE,cACA,iBAGF,qCACE,cACA,iBAGF,sZAWE,cAGF,qCACE,cAGF,0EAEE,cAGF,sCACE,cACA,yBAGF,wSAQE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cACA,kBAGF,qCACE,cACA,kBEzQF,kCHlCF,KAwBI,mBAIJ,KACE,0BACA,kHAEA,wBACA,mCACA,YDjBiB,+CIRjB,8CH4BF,iBAEI,aAEA,0BACE,mBGUJ,mCHJA,YAEI,iCAKN,aACE,mBACA,WACA,YACA,gBAIA,yBACE,yBAGF,iBACE,YACA,oBACA,iBAIS,4BACP,WAKN,cAGE,SACA,0BACA,8BAEA,sBAGE,WACA,WACA,YACA,kBACA,sCACA,UACA,oCAIA,4BACE,WAm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ACE,WAGF,YACE,mBACA,sCAOA,yBAGE,eACA,cAHS,IAIT,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,yBC9EF,KACE,mBACA,oBACA,mBACA,iBACA,iBACA,8CACA,uCAEA,UACE,iBACA,eACA,8BbMF,8CaFF,MAEI,mCCjBJ,UACE,sBdgBA,8CcjBF,UAII,iBAEA,aACE,kBAMJ,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,iBAIA,+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,UCpIN,MACE,2BACA,2CAKA,qCACE,mBACA,gBAGA,qDACE,gBACA,UACA,WACA,kBACA,cACA,WACA,kBACA,UACA,mBfLJ,8CeJE,qDAYI,gBAKJ,yCAGE,iBfhBJ,8CeaE,yCrBhCF,gBACA,uBACA,oBqB2CF,eACE,iBAGF,oBACE,kBAMA,iEAGE,mBCxDJ,mBACE,KACE,+BAGF,GACE,kCAIJ,eACE,qBACA,qCACA,6CASF,WACE,eACA,MACA,OACA,WACA,YACA,gBACA,oBAEA,mBACE,GACE,qCACA,UACA,gBAEF,KACE,6CACA,UACA,mBAIJ,mCACE,6BACE,kBACA,wBACA,cACA,cACA,oCACA,gCACA,iCACA,sCACA,sCACA,oCACA,oBAGE,0CACE,mBACA,+CACA,2BACA,mBACA,oBALF,0CACE,mBACA,8CACA,4BACA,mBACA,mBALF,0CACE,mBACA,8CACA,4BACA,mBACA,oBALF,0CACE,mBACA,8CACA,4BACA,mBACA,oBALF,0CACE,mBACA,8CACA,4BACA,mBACA,oBALF,0CACE,mBACA,8CACA,2BACA,mBACA,mBALF,0CACE,kBACA,6CACA,2BACA,mBACA,oBALF,0CACE,mBACA,6CACA,4BACA,mBACA,oBALF,0CACE,mBACA,6CACA,4BACA,mBACA,mBALF,0CACE,mBACA,6CACA,2BACA,mBACA,mBALF,2CACE,mBACA,6CACA,2BACA,mBACA,mBALF,2CACE,mBACA,8CACA,4BACA,mBACA,mBALF,2CACE,mBACA,6CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,6CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,6CACA,2BACA,mBACA,mBALF,2CACE,mBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,mBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,mBALF,2CACE,mBACA,+CACA,2BACA,mBACA,mBALF,2CACE,kBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,6CACA,4BACA,mBACA,oBALF,2CACE,mBACA,6CACA,4BACA,mBACA,mBALF,2CACE,mBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,mBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBALF,2CACE,mBACA,+CACA,4BACA,mBACA,mBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,4CACA,4BACA,mBACA,mBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBALF,2CACE,kBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,6CACA,4BACA,mBACA,oBALF,2CACE,mBACA,+CACA,2BACA,mBACA,mBALF,2CACE,kBACA,+CACA,4BACA,mBACA,oBALF,2CACE,mBACA,6CACA,4BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,8CACA,2BACA,mBACA,oBALF,2CACE,mBACA,+CACA,4BACA,mBACA,oBAMR,mCACE,6BACE,cAQN,mBACE,oCACA,YACA,kBACA,kBACA,yBACA,oCACA,kDAGF,yBACE,2BACA,qCAIF,SACE,wDACA,sBACA,4BACA,wBAGF,uBACE,WACA,wCAEF,wBACE,WACA,uCAEF,iDACE,WAEF,8BACE","sourcesContent":["@use '../abstracts/mixins' as *;\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","@mixin text-ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\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, $important: false) {\n  @if $important {\n    padding-left: $val !important;\n    padding-right: $val !important;\n  } @else {\n    padding-left: $val;\n    padding-right: $val;\n  }\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', $rotate: 0) {\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      @if $rotate != 0 {\n        transform: rotate(#{$rotate}deg);\n      }\n    }\n  }\n}\n\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@mixin max-w-100 {\n  max-width: 100%;\n}\n","@use 'variables' as v;\n@use 'mixins' as mx;\n\n%heading {\n  color: var(--heading-color);\n  font-weight: 400;\n  font-family: v.$font-family-heading;\n  scroll-margin-top: 3.5rem;\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: v.$radius-lg;\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-ellipsis {\n  @include mx.text-ellipsis;\n}\n\n%text-highlight {\n  color: var(--text-muted-highlight-color);\n  font-weight: 600;\n}\n\n%text-sm {\n  font-size: 0.85rem;\n}\n\n%text-xs {\n  font-size: 0.8rem;\n}\n\n%sup-fn-target {\n  &:target {\n    background-color: var(--footnote-target-bg);\n    width: -moz-fit-content;\n    width: -webkit-fit-content;\n    width: fit-content;\n    transition: background-color 1.75s ease-in-out;\n  }\n}\n\n%btn-color {\n  button i {\n    color: #999999;\n  }\n}\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%max-w-100 {\n  max-width: 100%;\n}\n\n%panel-border {\n  border-left: 1px solid var(--main-border-color);\n}\n","/* sidebar */\n\n$sidebar-width: 260px !default; /* the basic width */\n$sidebar-width-large: 300px !default; /* screen width: >= 1650px */\n$sb-btn-gap: 0.8rem !default;\n$sb-btn-gap-lg: 1rem !default;\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$radius-sm: 6px !default;\n$radius-lg: 10px !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","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\n@use '../themes/light';\n@use '../themes/dark';\n\n:root {\n  font-size: 16px;\n}\n\nhtml {\n  @media (prefers-color-scheme: light) {\n    &:not([data-mode]),\n    &[data-mode='light'] {\n      @include light.styles;\n    }\n\n    &[data-mode='dark'] {\n      @include dark.styles;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    &:not([data-mode]),\n    &[data-mode='dark'] {\n      @include dark.styles;\n    }\n\n    &[data-mode='light'] {\n      @include light.styles;\n    }\n  }\n\n  @include bp.lg {\n    overflow-y: scroll;\n  }\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: v.$font-family-base;\n}\n\nh1.dynamic-title {\n  @include bp.lt(bp.get(lg)) {\n    display: none;\n\n    ~ .content {\n      margin-top: 2.5rem;\n    }\n  }\n}\n\nmain {\n  &.col-12 {\n    @include bp.xxxl {\n      padding-right: 4.5rem !important;\n    }\n  }\n}\n\n.preview-img {\n  aspect-ratio: 40 / 21;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  @extend %rounded;\n\n  &:not(.no-bg) {\n    background: var(--img-bg);\n  }\n\n  img {\n    height: 100%;\n    -o-object-fit: cover;\n    object-fit: cover;\n\n    @extend %rounded;\n\n    @at-root #post-list & {\n      width: 100%;\n    }\n  }\n}\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\n.post-meta {\n  @extend %text-sm;\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  @include bp.xl {\n    font-size: 1.03rem;\n  }\n\n  a {\n    &.popup {\n      @extend %no-cursor;\n      @extend %img-caption;\n      @include mx.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\n  .table-wrapper > table {\n    @include bp.lg {\n      min-width: 70%;\n    }\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 1.3s infinite;\n    animation: shimmer 1.3s infinite;\n  }\n\n  @-webkit-keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\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  aspect-ratio: 16 / 9;\n\n  @extend %rounded;\n\n  &.twitch {\n    aspect-ratio: 310 / 189;\n  }\n\n  &.file {\n    display: block;\n    width: auto;\n    height: auto;\n    max-width: 100%;\n    max-height: 100%;\n    margin: auto;\n    margin-bottom: 0;\n  }\n\n  @extend %img-caption;\n}\n\n.embed-audio {\n  width: 100%;\n  display: block;\n\n  @extend %img-caption;\n}\n\n/* --- Effects classes --- */\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;\n}\n\n.right {\n  float: right;\n  margin: 0.75rem 0 1rem 1rem;\n}\n\n/* --- Overriding --- */\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@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#mask {\n  inset: 0 0 0 0;\n}\n\n#main-wrapper {\n  position: relative;\n\n  @include mx.pl-pr(0);\n\n  @include bp.lt(bp.get(lg)) {\n    @include mx.slide;\n  }\n\n  @include bp.lg {\n    margin-left: v.$sidebar-width;\n  }\n\n  @include bp.xxxl {\n    margin-left: v.$sidebar-width-large;\n  }\n\n  > .container {\n    min-height: 100vh;\n\n    @include bp.lte(bp.get(md)) {\n      @include mx.max-w-100;\n      @include mx.pl-pr(0);\n    }\n\n    @include bp.lt(bp.get(lg)) {\n      max-width: 100%;\n    }\n\n    /* Pad horizontal */\n    @include bp.between(992px, calc(#{bp.get(xl)} - 1px)) {\n      .col-lg-11 {\n        flex: 0 0 96%;\n        max-width: 96%;\n      }\n    }\n\n    @include bp.lt(bp.get(xl)) {\n      > .row {\n        justify-content: center !important;\n      }\n    }\n\n    @include bp.xxxl {\n      max-width: v.$main-content-max-width;\n\n      @include mx.pl-pr(1.75rem, true);\n    }\n  }\n}\n\n/* --- basic wrappers --- */\n\n#topbar-wrapper.row,\n#main-wrapper > .container > .row,\n#search-result-wrapper > .row {\n  @include mx.ml-mr(0);\n}\n\n#tail-wrapper {\n  @include bp.xxxl {\n    padding-right: 4.5rem !important;\n  }\n\n  > :not(script) {\n    margin-top: 3rem;\n  }\n}\n","@mixin styles {\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  --text-muted-highlight-color: inherit;\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  --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  --toc-popup-border-color: lightgray;\n  --btn-share-color: gray;\n  --btn-share-hover-color: #0d6efd;\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  /* 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\n  /* --- Custom code light mode 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: rgba(25, 25, 28, 0.05);\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    --link-underline-color: rgb(219, 216, 216);\n  }\n\n  .dark {\n    display: none;\n  }\n\n  /* --- Syntax highlight theme from `rougify style github` --- */\n\n  .highlight table td {\n    padding: 5px;\n  }\n\n  .highlight table pre {\n    margin: 0;\n  }\n\n  .highlight,\n  .highlight .w {\n    color: #24292f;\n    background-color: #f6f8fa;\n  }\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\n  .highlight .gr {\n    color: #f6f8fa;\n  }\n\n  .highlight .gd {\n    color: #82071e;\n    background-color: #ffebe9;\n  }\n\n  .highlight .nb {\n    color: #953800;\n  }\n\n  .highlight .nc {\n    color: #953800;\n  }\n\n  .highlight .no {\n    color: #953800;\n  }\n\n  .highlight .nn {\n    color: #953800;\n  }\n\n  .highlight .sr {\n    color: #116329;\n  }\n\n  .highlight .na {\n    color: #116329;\n  }\n\n  .highlight .nt {\n    color: #116329;\n  }\n\n  .highlight .gi {\n    color: #116329;\n    background-color: #dafbe1;\n  }\n\n  .highlight .kc {\n    color: #0550ae;\n  }\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\n  .highlight .sb {\n    color: #0550ae;\n  }\n\n  .highlight .bp {\n    color: #0550ae;\n  }\n\n  .highlight .ne {\n    color: #0550ae;\n  }\n\n  .highlight .nl {\n    color: #0550ae;\n  }\n\n  .highlight .py {\n    color: #0550ae;\n  }\n\n  .highlight .nv,\n  .highlight .vc,\n  .highlight .vg,\n  .highlight .vi,\n  .highlight .vm {\n    color: #0550ae;\n  }\n\n  .highlight .o,\n  .highlight .ow {\n    color: #0550ae;\n  }\n\n  .highlight .gh {\n    color: #0550ae;\n    font-weight: bold;\n  }\n\n  .highlight .gu {\n    color: #0550ae;\n    font-weight: bold;\n  }\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\n  .highlight .nd {\n    color: #8250df;\n  }\n\n  .highlight .nf,\n  .highlight .fm {\n    color: #8250df;\n  }\n\n  .highlight .err {\n    color: #f6f8fa;\n    background-color: #82071e;\n  }\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\n  .highlight .gl {\n    color: #68717a;\n  }\n\n  .highlight .gt {\n    color: #68717a;\n  }\n\n  .highlight .ni {\n    color: #24292f;\n  }\n\n  .highlight .si {\n    color: #24292f;\n  }\n\n  .highlight .ge {\n    color: #24292f;\n    font-style: italic;\n  }\n\n  .highlight .gs {\n    color: #24292f;\n    font-weight: bold;\n  }\n}\n","@mixin styles {\n  color-scheme: dark;\n\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  --text-muted-highlight-color: #aeaeae;\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  --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  --toc-popup-border-color: #373737;\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  /* Archive */\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  /* Code highlight colors */\n  --language-border-color: #2d2d2d;\n  --highlight-bg-color: #151515;\n  --highlighter-rouge-color: #c9def1;\n  --highlight-lineno-color: #808080;\n  --inline-code-bg: rgba(255, 255, 255, 0.05);\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  .light {\n    display: none;\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  /* stylelint-disable-next-line selector-id-pattern */\n  #disqus_thread {\n    color-scheme: none;\n  }\n\n  /* --- Syntax highlight theme from `rougify style base16.dark` --- */\n\n  .highlight .gp {\n    color: #87939d;\n  }\n\n  .highlight table td {\n    padding: 5px;\n  }\n\n  .highlight table pre {\n    margin: 0;\n  }\n\n  .highlight,\n  .highlight .w {\n    color: #d0d0d0;\n    background-color: #151515;\n  }\n\n  .highlight .err {\n    color: #151515;\n    background-color: #ac4142;\n  }\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\n  .highlight .cp {\n    color: #f4bf75;\n  }\n\n  .highlight .nt {\n    color: #f4bf75;\n  }\n\n  .highlight .o,\n  .highlight .ow {\n    color: #d0d0d0;\n  }\n\n  .highlight .p,\n  .highlight .pi {\n    color: #d0d0d0;\n  }\n\n  .highlight .gi {\n    color: #90a959;\n  }\n\n  .highlight .gd {\n    color: #f08a8b;\n    background-color: #320000;\n  }\n\n  .highlight .gh {\n    color: #6a9fb5;\n    background-color: #151515;\n    font-weight: bold;\n  }\n\n  .highlight .k,\n  .highlight .kn,\n  .highlight .kp,\n  .highlight .kr,\n  .highlight .kv {\n    color: #aa759f;\n  }\n\n  .highlight .kc {\n    color: #d28445;\n  }\n\n  .highlight .kt {\n    color: #d28445;\n  }\n\n  .highlight .kd {\n    color: #d28445;\n  }\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\n  .highlight .sa {\n    color: #aa759f;\n  }\n\n  .highlight .sr {\n    color: #75b5aa;\n  }\n\n  .highlight .si {\n    color: #b76d45;\n  }\n\n  .highlight .se {\n    color: #b76d45;\n  }\n\n  .highlight .nn {\n    color: #f4bf75;\n  }\n\n  .highlight .nc {\n    color: #f4bf75;\n  }\n\n  .highlight .no {\n    color: #f4bf75;\n  }\n\n  .highlight .na {\n    color: #6a9fb5;\n  }\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\n  .highlight .ss {\n    color: #90a959;\n  }\n}\n","@use 'sass:map';\n\n$-breakpoints: (\n  // 1 column\n  sm: 576px,\n  md: 768px,\n  // 2 columns\n  lg: 850px,\n  // 3 columns\n  xl: 1200px,\n  xxl: 1400px,\n  xxxl: 1650px\n);\n\n@function get($breakpoint) {\n  @return map.get($-breakpoints, $breakpoint);\n}\n\n/* Less than the given width */\n@mixin lt($width) {\n  @media all and (max-width: calc(#{$width} - 1px)) {\n    @content;\n  }\n}\n\n/* Less than or equal to the given width */\n@mixin lte($width) {\n  @media all and (max-width: $width) {\n    @content;\n  }\n}\n\n@mixin sm {\n  @media all and (min-width: get(sm)) {\n    @content;\n  }\n}\n\n@mixin md {\n  @media all and (min-width: get(md)) {\n    @content;\n  }\n}\n\n@mixin lg {\n  @media all and (min-width: get(lg)) {\n    @content;\n  }\n}\n\n@mixin xl {\n  @media all and (min-width: get(xl)) {\n    @content;\n  }\n}\n\n@mixin xxl {\n  @media all and (min-width: get(xxl)) {\n    @content;\n  }\n}\n\n@mixin xxxl {\n  @media all and (min-width: get(xxxl)) {\n    @content;\n  }\n}\n\n@mixin between($min, $max) {\n  @media all and (min-width: $min) and (max-width: $max) {\n    @content;\n  }\n}\n","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\n\n@for $i from 1 through 5 {\n  h#{$i} {\n    @extend %heading;\n\n    @if $i > 1 {\n      @extend %anchor;\n    }\n\n    @if $i < 5 {\n      $size-factor: 0.25rem;\n\n      @if $i > 1 {\n        $size-factor: 0.18rem;\n\n        main & {\n          @if $i == 2 {\n            margin: 2.5rem 0 1.25rem;\n          } @else {\n            margin: 2rem 0 1rem;\n          }\n        }\n      }\n\n      & {\n        font-size: 1rem + (5 - $i) * $size-factor;\n      }\n    } @else {\n      font-size: 1.05rem;\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  .blur & {\n    $blur: 20px;\n\n    -webkit-filter: blur($blur);\n    filter: blur($blur);\n  }\n}\n\nblockquote {\n  border-left: 0.125rem solid var(--blockquote-border-color);\n  padding-left: 1rem;\n  color: var(--blockquote-text-color);\n  margin-top: 0.5rem;\n\n  > p:last-child {\n    margin-bottom: 0;\n  }\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\n  @include mx.prompt('tip', '\\f0eb', $fa-style: 'regular');\n  @include mx.prompt('info', '\\f06a', $rotate: 180);\n  @include mx.prompt('warning', '\\f06a');\n  @include mx.prompt('danger', '\\f071');\n}\n\nkbd {\n  font-family: Lato, sans-serif;\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: v.$radius-sm;\n  border: solid 1px var(--kbd-wrap-color);\n  box-shadow: inset 0 -2px 0 var(--kbd-wrap-color);\n}\n\nhr {\n  border-color: var(--main-border-color);\n  opacity: 1;\n}\n\nfooter {\n  background-color: var(--main-bg);\n  height: v.$footer-height;\n  border-top: 1px solid var(--main-border-color);\n\n  @extend %text-xs;\n\n  a {\n    @extend %text-highlight;\n\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n\n  em {\n    @extend %text-highlight;\n  }\n\n  p {\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\nsup {\n  @extend %sup-fn-target;\n}\n\nmain {\n  line-height: 1.75;\n\n  h1 {\n    margin-top: 2rem;\n\n    @include bp.lg {\n      margin-top: 3rem;\n    }\n  }\n\n  p {\n    > a.popup {\n      &:not(.normal):not(.left):not(.right) {\n        @include mx.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  @include bp.lte(bp.get(sm)) {\n    .content {\n      > blockquote[class^='prompt-'] {\n        @include mx.ml-mr(-1rem);\n\n        border-radius: 0;\n        max-width: none;\n      }\n    }\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    @extend %sup-fn-target;\n\n    > p {\n      margin-left: 0.25em;\n\n      @include mx.mt-mb(0);\n    }\n  }\n}\n\n.footnote {\n  @at-root a#{&} {\n    @include mx.ml-mr(1px);\n    @include mx.pl-pr(2px);\n\n    border-bottom-style: none !important;\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","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\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  overflow: auto;\n  padding-bottom: 0.75rem;\n\n  @at-root figure#{&} {\n    @extend %code-snippet-bg;\n  }\n\n  pre {\n    margin-bottom: 0;\n    font-size: v.$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: v.$code-font-size;\n    padding: 3px 5px;\n    word-break: break-word;\n    border-radius: v.$radius-sm;\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 mx.ml-mr(-1rem);\n\n    border-radius: 0;\n\n    @include bp.sm {\n      @include mx.ml-mr(0);\n\n      border-radius: v.$radius-lg;\n    }\n  }\n\n  .code-header {\n    @include bp.sm {\n      @include mx.ml-mr(0);\n\n      $dot-margin: 1rem;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        margin-left: $dot-margin;\n        width: v.$code-dot-size;\n        height: v.$code-dot-size;\n        border-radius: 50%;\n        background-color: var(--code-header-muted-color);\n        box-shadow: (v.$code-dot-size + v.$code-dot-gap) 0 0\n            var(--code-header-muted-color),\n          (v.$code-dot-size + v.$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 + v.$code-dot-size) / 2 * -1);\n      }\n    }\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: v.$code-header-height;\n  margin-left: 0.75rem;\n  margin-right: 0.25rem;\n\n  /* the label block */\n  span {\n    line-height: v.$code-header-height;\n\n    /* label icon */\n    i {\n      font-size: 1rem;\n      width: v.$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: v.$code-header-height;\n    width: v.$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","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n\n#back-to-top {\n  visibility: hidden;\n  opacity: 0;\n  z-index: 1;\n  cursor: pointer;\n  position: fixed;\n  right: 1rem;\n  bottom: calc(v.$footer-height-large - v.$back2top-size / 2);\n  background: var(--button-bg);\n  color: var(--btn-backtotop-color);\n  padding: 0;\n  width: v.$back2top-size;\n  height: v.$back2top-size;\n  border-radius: 50%;\n  border: 1px solid var(--btn-backtotop-border-color);\n  transition: opacity 0.5s ease-in-out, transform 0.2s ease-out;\n\n  @include bp.lg {\n    right: 5%;\n    bottom: calc(v.$footer-height - v.$back2top-size / 2);\n  }\n\n  @include bp.xxl {\n    right: calc((100vw - v.$sidebar-width - 1140px) / 2 + 3rem);\n  }\n\n  @include bp.xxxl {\n    right: calc(\n      (100vw - v.$sidebar-width-large - v.$main-content-max-width) / 2 + 2rem\n    );\n  }\n\n  &:hover {\n    transform: translate3d(0, -5px, 0);\n    -webkit-transform: translate3d(0, -5px, 0);\n  }\n\n  i {\n    line-height: v.$back2top-size;\n    position: relative;\n    bottom: 2px;\n  }\n\n  &.show {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/placeholders';\n\n/* PWA update popup */\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#toc-popup {\n  $slide-in: slide-in 0.3s ease-out;\n  $slide-out: slide-out 0.3s ease-out;\n  $curtain-height: 2rem;\n  $backdrop: blur(5px);\n\n  border-color: var(--toc-popup-border-color);\n  border-width: 1px;\n  border-radius: v.$radius-lg;\n  color: var(--text-color);\n  background: var(--card-bg);\n  margin-top: v.$topbar-height;\n  min-width: 20rem;\n  font-size: 1.05rem;\n\n  @include bp.sm {\n    max-width: 32rem;\n  }\n\n  &[open] {\n    -webkit-animation: $slide-in;\n    animation: $slide-in;\n  }\n\n  &[closing] {\n    -webkit-animation: $slide-out;\n    animation: $slide-out;\n  }\n\n  @include bp.lg {\n    left: v.$sidebar-width;\n  }\n\n  .header {\n    @extend %btn-color;\n\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    background-color: inherit;\n    border-bottom: 1px solid var(--main-border-color);\n\n    .label {\n      font-family: v.$font-family-heading;\n    }\n  }\n\n  button {\n    > i {\n      font-size: 1.25rem;\n      vertical-align: middle;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding-left: 0;\n\n    li {\n      ul,\n      & + li {\n        margin-top: 0.25rem;\n      }\n\n      a {\n        display: flex;\n        line-height: 1.5;\n        padding: 0.375rem 0;\n        padding-right: 1.125rem;\n\n        &.toc-link::before {\n          display: none;\n        }\n      }\n    }\n  }\n\n  @for $i from 2 through 4 {\n    .node-name--H#{$i} {\n      padding-left: 1.125rem * ($i - 1);\n    }\n  }\n\n  .is-active-link {\n    color: var(--toc-highlight) !important;\n    font-weight: 600;\n  }\n\n  &::-webkit-backdrop {\n    -webkit-backdrop-filter: $backdrop;\n    backdrop-filter: $backdrop;\n  }\n\n  &::backdrop {\n    -webkit-backdrop-filter: $backdrop;\n    backdrop-filter: $backdrop;\n  }\n\n  &::after {\n    display: flex;\n    content: '';\n    position: relative;\n    background: linear-gradient(transparent, var(--card-bg) 70%);\n    height: $curtain-height;\n  }\n\n  #toc-popup-content {\n    overflow: auto;\n    max-height: calc(100vh - 4 * v.$topbar-height);\n    font-family: v.$font-family-heading;\n    margin-bottom: -$curtain-height;\n  }\n}\n","@use '../abstracts/variables' as v;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/placeholders';\n\n$btn-border-width: 3px;\n$btn-mb: 0.5rem;\n$sidebar-display: 'sidebar-display'; /* the attribute for sidebar display */\n\n#sidebar {\n  @include mx.pl-pr(0);\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  overflow-y: auto;\n  width: v.$sidebar-width;\n  background: var(--sidebar-bg);\n  border-right: 1px solid var(--sidebar-border-color);\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  @include bp.lt(bp.get(lg)) {\n    @include mx.slide;\n\n    transform: translateX(-#{v.$sidebar-width}); /* hide */\n    -webkit-transform: translateX(-#{v.$sidebar-width});\n\n    [#{$sidebar-display}] & {\n      transform: translateX(0);\n    }\n  }\n\n  @include bp.xxxl {\n    width: v.$sidebar-width-large;\n  }\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: 6.5rem;\n    height: 6.5rem;\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    @include bp.sm {\n      width: 7rem;\n      height: 7rem;\n    }\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 mx.mt-mb(2.5rem);\n    @extend %clickable-transition;\n\n    padding-left: 2.5rem;\n    padding-right: 1.25rem;\n    width: 100%;\n\n    @include bp.lg {\n      margin-top: 3rem;\n    }\n\n    @include bp.xxxl {\n      margin-top: 3.5rem;\n      margin-bottom: 2.5rem;\n      padding-left: 3.5rem;\n    }\n  }\n\n  .site-title {\n    @extend %clickable-transition;\n    @extend %sidebar-link-hover;\n\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    width: fit-content;\n    color: var(--site-title-color);\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\n      @include mx.pl-pr(1.5rem);\n\n      @include bp.xxxl {\n        @include mx.pl-pr(2.75rem);\n      }\n\n      a.nav-link {\n        @include mx.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    @include bp.xxxl {\n      padding-left: 2.75rem;\n      margin-bottom: 1.75rem;\n    }\n\n    $btn-size: 1.75rem;\n\n    %button {\n      width: $btn-size;\n      height: $btn-size;\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\n      &:not(:focus-visible) {\n        box-shadow: var(--sidebar-border-color) 0 0 0 1px;\n      }\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: v.$sb-btn-gap;\n\n        @include bp.xxxl {\n          margin-right: v.$sb-btn-gap-lg;\n        }\n      }\n    }\n\n    i {\n      line-height: $btn-size;\n    }\n\n    #mode-toggle {\n      @extend %button;\n      @extend %sidebar-links;\n      @extend %sidebar-link-hover;\n    }\n\n    .icon-border {\n      @extend %no-cursor;\n      @include mx.ml-mr(calc((v.$sb-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      @include bp.xxxl {\n        @include mx.ml-mr(calc((v.$sb-btn-gap-lg - $btn-border-width) / 2));\n      }\n    }\n  } /* .sidebar-bottom */\n} /* #sidebar */\n\n[#{$sidebar-display}] {\n  #main-wrapper {\n    @include bp.lt(bp.get(lg)) {\n      transform: translateX(v.$sidebar-width);\n    }\n  }\n}\n","@use '../abstracts/variables' as v;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/placeholders';\n\n#topbar-wrapper {\n  height: v.$topbar-height;\n  background-color: var(--topbar-bg);\n\n  @include bp.lt(bp.get(lg)) {\n    @include mx.slide(top 0.2s ease);\n\n    left: 0;\n  }\n}\n\n#topbar {\n  @extend %btn-color;\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    @include bp.lt(bp.get(lg)) {\n      display: none;\n    }\n\n    @include bp.between(bp.get(lg), calc(#{bp.get(xl)} - 1px)) {\n      width: 65%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      word-break: keep-all;\n      white-space: nowrap;\n    }\n  }\n\n  @include bp.lte(bp.get(md)) {\n    @include mx.max-w-100;\n  }\n\n  @include bp.lt(bp.get(lg)) {\n    max-width: 100%;\n  }\n}\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  word-break: keep-all;\n\n  @include bp.lt(bp.get(lg)) {\n    display: block;\n  }\n\n  @include bp.lg {\n    text-align: left;\n  }\n}\n\n#sidebar-trigger,\n#search-trigger {\n  display: none;\n\n  @include bp.lt(bp.get(lg)) {\n    display: block;\n  }\n}\n","@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\n\n.access {\n  top: 2rem;\n  transition: top 0.2s ease-in-out;\n  margin-top: 3rem;\n\n  &:only-child {\n    position: -webkit-sticky;\n    position: sticky;\n  }\n\n  > section {\n    @extend %panel-border;\n\n    padding-left: 1rem;\n\n    &:not(:first-child) {\n      margin-top: 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 mx.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  > :last-child {\n    margin-bottom: 4rem;\n  }\n\n  @include bp.lt(bp.get(xl)) {\n    display: none;\n  }\n}\n\n#access-lastmod {\n  a {\n    color: inherit;\n\n    &:hover {\n      @extend %link-hover;\n    }\n\n    @extend %no-bottom-border;\n  }\n}\n","@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/variables' as v;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\n\nfooter {\n  background-color: var(--main-bg);\n  height: v.$footer-height;\n  border-top: 1px solid var(--main-border-color);\n\n  @extend %text-xs;\n\n  @include bp.lt(bp.get(lg)) {\n    @include mx.slide;\n\n    height: v.$footer-height-large;\n    padding: 1.5rem 0;\n  }\n\n  a {\n    @extend %text-highlight;\n\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n\n  em {\n    @extend %text-highlight;\n  }\n\n  p {\n    text-align: center;\n    margin-bottom: 0;\n  }\n}\n","@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/variables' as v;\n@use '../abstracts/placeholders';\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  @include bp.lt(bp.get(lg)) {\n    display: none;\n  }\n\n  @include bp.lg {\n    max-width: v.$search-max-width;\n  }\n\n  @include bp.xl {\n    margin-right: 4rem;\n  }\n\n  @include bp.xxxl {\n    margin-right: calc(\n      v.$main-content-max-width / 4 - v.$search-max-width - 0.75rem\n    );\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  @include bp.lt(bp.get(lg)) {\n    width: 100%;\n\n    .content {\n      letter-spacing: 0;\n    }\n  }\n\n  @include bp.lg {\n    max-width: v.$main-content-max-width;\n    justify-content: start !important;\n  }\n}\n\n#search-results {\n  padding-bottom: 3rem;\n\n  @include bp.between(bp.get(lg), calc(#{bp.get(xl)} - 1px)) {\n    > div {\n      max-width: 700px;\n    }\n  }\n\n  a {\n    font-size: 1.4rem;\n    line-height: 1.5rem;\n\n    &:hover {\n      @extend %link-hover;\n    }\n\n    @extend %link-color;\n    @extend %no-bottom-border;\n    @extend %heading;\n  }\n\n  > article {\n    width: 100%;\n\n    &:not(:last-child) {\n      margin-bottom: 1rem;\n    }\n\n    @include bp.xl {\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    h2 {\n      line-height: 2.5rem;\n    }\n\n    /* icons */\n    i {\n      color: #818182;\n      margin-right: 0.15rem;\n      font-size: 80%;\n    }\n\n    > p {\n      @extend %text-ellipsis;\n\n      white-space: break-spaces;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n    }\n  }\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  @include bp.xl {\n    transition: all 0.3s ease-in-out;\n  }\n}\n\n#search-hints {\n  padding: 0 1rem;\n\n  @include bp.lg {\n    display: none;\n  }\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","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/placeholders';\n\n#post-list {\n  margin-top: 2rem;\n\n  @include bp.lg {\n    margin-top: 2.5rem;\n  }\n\n  .card-wrapper {\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 1.25rem;\n    }\n  }\n\n  .card {\n    border: 0;\n    background: none;\n\n    %img-radius {\n      border-radius: v.$radius-lg v.$radius-lg 0 0;\n\n      @include bp.md {\n        border-radius: 0 v.$radius-lg v.$radius-lg 0;\n      }\n    }\n\n    .preview-img {\n      @extend %img-radius;\n\n      img {\n        @extend %img-radius;\n      }\n    }\n\n    .card-body {\n      height: 100%;\n      padding: 1rem;\n\n      @include bp.md {\n        padding: 1.75rem 1.75rem 1.25rem;\n      }\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 {\n        @include bp.md {\n          display: inherit !important;\n        }\n\n        &.content {\n          @extend %muted;\n\n          p {\n            @extend %text-clip;\n\n            line-height: 1.5;\n            margin: 0;\n          }\n        }\n      }\n\n      .post-meta {\n        @extend %muted;\n\n        i {\n          &:not(:first-child) {\n            margin-left: 1.5rem;\n\n            @include bp.md {\n              margin-left: 1.75rem;\n            }\n          }\n        }\n\n        em {\n          @extend %normal-font-style;\n\n          color: inherit;\n        }\n\n        > div:first-child {\n          display: block;\n\n          @extend %text-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  @include bp.lg {\n    font-size: 0.85rem;\n    justify-content: center;\n  }\n\n  a:hover {\n    text-decoration: none;\n  }\n\n  .page-item {\n    @include bp.lt(bp.get(lg)) {\n      &:not(:first-child):not(:last-child) {\n        display: none;\n      }\n    }\n\n    @include bp.lg {\n      &:not(:last-child) {\n        margin-right: 0.7rem;\n      }\n    }\n\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\n  .page-index {\n    @include bp.lg {\n      display: none;\n    }\n  }\n}\n","@use '../abstracts/variables' as v;\n@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\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\nheader {\n  .post-desc {\n    @extend %heading;\n\n    font-size: 1.125rem;\n    line-height: 1.6;\n  }\n\n  .post-meta {\n    span + span::before {\n      @include -dot;\n    }\n\n    em,\n    time {\n      @extend %text-highlight;\n    }\n\n    em {\n      a {\n        color: inherit;\n      }\n    }\n  }\n\n  h1 + .post-meta {\n    margin-top: 1.5rem;\n  }\n}\n\n.post-tail-wrapper {\n  @extend %text-sm;\n\n  margin-top: 6rem;\n  border-bottom: 1px double var(--main-border-color);\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      @extend %text-sm;\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    %icon-size {\n      font-size: 1.125rem;\n    }\n\n    .share-icons {\n      display: flex;\n\n      i {\n        color: var(--btn-share-color);\n\n        @extend %icon-size;\n      }\n\n      > * {\n        @extend %icon-size;\n\n        margin-left: 0.5rem;\n\n        &:hover {\n          i {\n            @extend %btn-share-hover;\n          }\n        }\n      }\n\n      button {\n        padding: 0;\n        border: none;\n        line-height: inherit;\n\n        @extend %cursor-pointer;\n      }\n    } /* .share-icons */\n  } /* .share-wrapper */\n}\n\n.post-tail-bottom {\n  @include bp.lte(bp.get(sm)) {\n    flex-wrap: wrap-reverse !important;\n\n    > div:first-child {\n      width: 100%;\n      margin-top: 1rem;\n    }\n  }\n}\n\n.share-mastodon {\n  /* See: https://github.com/justinribeiro/share-to-mastodon#properties */\n  --wc-stm-font-family: v.$font-family-base;\n  --wc-stm-dialog-background-color: var(--card-bg);\n  --wc-stm-form-button-border: 1px solid var(--btn-border-color);\n  --wc-stm-form-submit-background-color: var(--sidebar-btn-bg);\n  --wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);\n  --wc-stm-form-button-background-color-hover: #007bff;\n  --wc-stm-form-button-color-hover: white;\n\n  font-size: 1rem;\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  @include bp.lt(bp.get(lg)) {\n    @include mx.pl-pr(0);\n    @include mx.ml-mr(-0.5rem);\n  }\n\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: v.$radius-lg 0 0 v.$radius-lg;\n      left: 0.5px;\n    }\n\n    &:last-child {\n      border-radius: 0 v.$radius-lg v.$radius-lg 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    margin-top: 4rem;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-up {\n  from {\n    opacity: 0;\n    margin-top: 4rem;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* TOC panel */\n\n%top-cover {\n  content: '';\n  display: block;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  width: 100%;\n  height: 3rem;\n  background: linear-gradient(var(--main-bg) 50%, transparent);\n}\n\n#toc-wrapper {\n  top: 0;\n  transition: top 0.2s ease-in-out;\n  overflow-y: auto;\n  max-height: 100vh;\n  scrollbar-width: none;\n  margin-top: 2rem;\n\n  &:not(.invisible) {\n    -webkit-animation: fade-up 0.8s;\n    animation: fade-up 0.8s;\n  }\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      a {\n        padding: 0.4rem 0 0.4rem 1.25rem;\n      }\n    }\n\n    /* Overwrite TOC plugin style */\n\n    .toc-link {\n      display: block;\n\n      @extend %text-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        height: 1.25rem;\n        background-color: var(--toc-highlight) !important;\n      }\n    }\n\n    ul {\n      padding-left: 0.75rem;\n    }\n  }\n\n  @at-root .toc-border-cover {\n    @extend %top-cover;\n\n    margin-bottom: -4rem;\n  }\n\n  &::before {\n    @extend %top-cover;\n  }\n\n  &::after {\n    content: '';\n    position: fixed;\n    bottom: 0;\n    width: 15%;\n    height: 2.25rem;\n    margin-left: -1px;\n    background: linear-gradient(transparent, var(--main-bg) 70%);\n  }\n\n  > * {\n    @extend %panel-border;\n  }\n}\n\n/* --- TOC button, bar and popup in mobile/tablet --- */\n\n#toc-bar {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 0 -1rem;\n  height: v.$topbar-height;\n  background: var(--main-bg);\n  border-bottom: 1px solid var(--main-border-color);\n  transition: all 0.2s ease-in-out;\n\n  @extend %btn-color;\n\n  @include bp.xl {\n    display: none !important;\n  }\n\n  .label {\n    @extend %heading;\n\n    margin-left: 0.375rem;\n    padding: 0 0.75rem;\n    color: inherit;\n  }\n\n  &.invisible {\n    top: -#{v.$topbar-height};\n    transition: none;\n  }\n}\n\n#toc-solo-trigger {\n  color: var(--text-muted-color);\n  border-color: var(--btn-border-color);\n  border-radius: v.$radius-lg;\n\n  @include bp.xl {\n    display: none !important;\n  }\n\n  .label {\n    font-size: 1rem;\n    font-family: v.$font-family-heading;\n  }\n\n  &:hover {\n    box-shadow: none;\n    background: none;\n  }\n}\n\n@mixin slide-in {\n  from {\n    opacity: 0.7;\n    transform: translateY(-#{v.$topbar-height});\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@mixin slide-out {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  100% {\n    transform: translateY(-#{v.$topbar-height});\n    opacity: 0;\n  }\n}\n\n@-webkit-keyframes slide-in {\n  @include slide-in;\n}\n\n@keyframes slide-in {\n  @include slide-in;\n}\n\n@-webkit-keyframes slide-out {\n  @include slide-out;\n}\n\n@keyframes slide-out {\n  @include slide-out;\n}\n\n/* --- Related Posts --- */\n\n#related-posts {\n  > h3 {\n    @include mx.label(1.1rem, 600);\n  }\n\n  time {\n    @extend %normal-font-style;\n    @extend %text-xs;\n\n    color: var(--text-muted-color);\n  }\n\n  p {\n    @extend %text-ellipsis;\n\n    font-size: 0.9rem;\n    margin-bottom: 0.5rem;\n    white-space: break-spaces;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n\n  .card {\n    h4 {\n      @extend %text-clip;\n    }\n  }\n}\n\n/* stylelint-disable-next-line selector-id-pattern */\n#disqus_thread {\n  min-height: 8.5rem;\n}\n\n.utterances {\n  max-width: 100%;\n  min-height: 269px;\n}\n\n%btn-share-hover {\n  color: var(--btn-share-hover-color) !important;\n}\n\n.share-label {\n  @include mx.label(inherit, 400, inherit);\n\n  &::after {\n    content: ':';\n  }\n}\n\n.content > p > img {\n  @include bp.lte(bp.get(md)) {\n    max-width: calc(100% + 1rem);\n  }\n}\n\nh2,\nh3,\nh4 {\n  @include bp.xl {\n    scroll-margin-top: 2rem;\n  }\n}\n","@use '../abstracts/variables' as v;\n@use '../abstracts/placeholders';\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(v.$radius-lg - 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","@use '../abstracts/breakpoints' as bp;\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#tags {\n  @include bp.lt(bp.get(lg)) {\n    justify-content: center !important;\n  }\n}\n","@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/placeholders';\n\n#archives {\n  letter-spacing: 0.03rem;\n\n  @include bp.lt(bp.get(sm)) {\n    margin-top: -1rem;\n\n    ul {\n      letter-spacing: 0;\n    }\n  }\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\n      @extend %text-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","@use '../abstracts/breakpoints' as bp;\n@use '../abstracts/mixins' as mx;\n@use '../abstracts/placeholders';\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      @include bp.lt(bp.get(sm)) {\n        margin: 0 0.5rem;\n      }\n    }\n\n    /* post's title */\n    > a {\n      @extend %no-bottom-border;\n\n      font-size: 1.1rem;\n\n      @include bp.lt(bp.get(sm)) {\n        @include mx.text-ellipsis;\n      }\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","@use 'sass:math';\n@use 'main';\n\n/* 生成动画 */\n@keyframes infirot {\n  from {\n    -webkit-transform: rotate(0deg);\n  }\n\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n.icon-loading1 {\n  display: inline-block;\n  animation: infirot 1s linear infinite;\n  -webkit-animation: infirot 1s linear infinite;\n}\n\n@function random_range($min, $max) {\n  $rand: math.random();\n  $random_range: $min + math.floor($rand * (($max - $min) + 1));\n  @return $random_range;\n}\n\n#animation {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n\n  @keyframes animate {\n    0% {\n      transform: translateY(0) rotate(0deg);\n      opacity: 1;\n      border-radius: 0;\n    }\n    100% {\n      transform: translateY(-1200px) rotate(720deg);\n      opacity: 0;\n      border-radius: 50%;\n    }\n  }\n\n  @media all and (min-width: 1200px) {\n    .animation-circle {\n      position: absolute;\n      left: var(--circle-left);\n      bottom: -300px;\n      display: block;\n      background: var(--circle-background);\n      width: var(--circle-side-length);\n      height: var(--circle-side-length);\n      animation: animate 25s linear infinite;\n      animation-duration: var(--circle-time);\n      animation-delay: var(--circle-delay);\n      pointer-events: none;\n\n      @for $i from 0 through 50 {\n        &:nth-child(#{$i}) {\n          --circle-left: #{random_range(0%, 100%)};\n          --circle-background: rgba(#{random_range(0, 255)}, #{random_range(0, 255)}, #{random_range(0, 255)}, 0.06); // 最后一个数为透明度\n          --circle-side-length: #{random_range(20px, 200px)};\n          --circle-time: #{random_range(10s, 45s)};\n          --circle-delay: #{random_range(0s, 25s)};\n        }\n      }\n    }\n  }\n\n  @media all and (max-width: 1199px) {\n    .animation-circle {\n      display: none;\n    }\n  }\n}\n\n\n/* append your custom style below */\n/* 覆盖主题的博客帖子边框样式 */\n.card-wrapper.card {\n  border: 3px solid #e3e5e7 !important; /* 使用更显眼的蓝色边框 */\n  padding: 2px; /* 适中的内边距 */\n  margin-bottom: 2px; /* 适中的下边距 */\n  border-radius: 8px; /* 适中的圆角 */\n  background-color: #f9f9f9; /* 淡灰色背景，增强边框的对比 */\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 轻微的阴影 */\n  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加平滑过渡效果 */\n}\n\n.card-wrapper.card:hover {\n  transform: translateY(-5px); /* 鼠标悬停时轻微上移 */\n  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* 增加阴影效果 */\n}\n\n/* 侧边栏背景及文字样式设置 */\n#sidebar {\n  background-image: url('/assets/img/background-dark.jpg');\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: top;\n}\n\n#sidebar .site-title a {\n  color: #ffffff; \n  text-shadow: 5px 5px 10px rgba(0,0,0,0.5);\n}\n#sidebar .site-subtitle {\n  color: #ffffff;\n  text-shadow: 2px 2px 3px rgba(0,0,0, 0.7);\n}\n#sidebar .sidebar-bottom .mode-toggle, #sidebar a {\n  color: #ffffff;\n}\n#sidebar .sidebar-bottom .btn {\n  color: var(--sidebar-btn-color);\n}"],"file":"jekyll-theme-chirpy.css"}