summaryrefslogtreecommitdiff
path: root/priv/static/packs/skins/glitch/mastodon-light/common.css.map
blob: 049a2d972569756d8571b0197b1dc9dc7dfeb396 (plain)
1
{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,0CACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,8BACA,CC3EwB,iEDkF1B,kBClF0B,4BDsF1B,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDjDwB,kBCqDxB,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDpFiB,mBAEK,WCqFtB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBCrJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFtBI,YEwBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF/BE,qBEiCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBE5BkB,wBD9DtB,4BACA,uBD8FA,aACE,cF9FiB,wBEgGjB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UF3UA,qCE8UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7Ve,mBE+Vf,kBACA,uHAEA,yBAGE,WFxWA,qCE4WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFvbe,8CE4bjB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBE7dc,wBD9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBErfY,wBD9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WFjlBF,gBEmlBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WF3lBJ,gBE6lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aFhnBS,oDEunBf,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cF5oBW,aE8oBX,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BF9qBS,wEEorBT,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WF1sBJ,uBE4sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cF7uBa,uDEgvBb,oBACE,cFjvBW,qBEmvBX,aACA,gBACA,8DAEA,eACE,WF3vBJ,qCEiwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aE3yBU,8DFizBV,mBACA,WFpzBE,qFEwzBJ,YAEE,eACA,cFxzBe,2CE4zBjB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFt3BkB,+IEy3BhB,kBAGE,WGl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cP9Fe,6BOiGf,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cACA,gBACA,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cRjBe,wBQqBjB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBLPI,uBKUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBTfwB,aSiBtB,0BACA,eACA,cTrBiB,iBSuBjB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aTrDiB,qBSuDf,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cT5EiB,+BSgFnB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aTzGmB,aS8GrB,YACE,kBACA,mBT9GwB,mCSgHxB,qBAGF,YACE,kBACA,0BACA,kBACA,cTzHmB,mBS2HnB,iBAGF,eACE,eACA,cThImB,iBSkInB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cT3IiB,0BS+InB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cTxJiB,qBS0JjB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBTxKwB,mCS0KxB,cT5KmB,gBS8KnB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cTvNe,8DS6NjB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eLlPM,CKoPN,cACA,cTlPmB,mBSoPnB,+BANA,iBACA,CLlPM,kCKgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UTlQM,eSoQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cTxQiB,qCS4QnB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBTpR0B,kBSsRxB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBTjSoB,kBSmSpB,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBTjTsB,eSmTpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WTpUE,mBSsUF,gBACA,uBACA,wBAEA,aTvUe,0BS2Uf,aACE,gBACA,eACA,eACA,cT/Ua,yFSqVf,UTxVE,+BS+VJ,aACE,YACA,uDAGF,oBT9VsB,eSoW1B,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cTjZiB,gBSmZjB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WT5aI,8BS+aJ,aACE,cT7ae,gBS+af,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aT9gBmB,iCS6gBrB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cThiBsB,4JSmiBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WT/jBI,gCSikBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WVjDA,cUmDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aVhEoB,0BUkElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aVlGmB,sBUqGjB,aVlGsB,yBUsGtB,iBACE,kBACA,gBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cVvHiB,iCU0HjB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WV1JA,gBU4JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WVhLE,cUkLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WVtME,cUwMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WVpRI,cUsRJ,WACA,2CAKE,mBACE,eACA,WV9RA,qBUgSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WV9TI,cUgUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBNpVY,oLMwVZ,iBACE,4WAGF,oBVxVsB,mBU2VpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBVzYsB,WANlB,eUkZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBVzaoB,gGU6apB,kBN9aQ,kHMibN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WVlcI,cUocJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cVhdY,oBUkdZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,oEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UVhhBF,aU0hBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cV/hBmB,kBUiiBnB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cNziBY,sBM6iBd,mCACE,+BACA,cN9iBQ,kBMkjBV,oBACE,cVnjBiB,qBUqjBjB,wBAEA,UV1jBI,0BU4jBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBVtkBsB,WALlB,eU8kBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aVhnBmB,qBUknBjB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aVjoBwB,yBUmoBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cVppBmB,oCUupBnB,cACE,mBACA,kBACA,4CAGF,aV7pBmB,gBU+pBjB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBNtrBM,YMwrBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cVlsBmB,WUosBnB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WVnuBI,qCUquBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UV3uBI,0BU6uBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cVvxBmB,0BU0xBnB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WVvyBI,kBUyyBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aNhzBc,0SM0zBZ,+BACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBNp2Bc,gBMs2BZ,2BAEA,kBNx2BY,gBM02BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC36BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCRpDzB,gBQqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBPLgB,wBD9DtB,4BACA,mBQoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WXhFA,gBWkFA,gBACA,uBACA,+BAGF,aACE,eACA,cXtFa,gBWwFb,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WX9GI,gBWgHJ,qBACA,iBACA,qBACA,sBAGF,ePrHM,oBOuHJ,WXxHI,eW0HJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cXjIiB,oBWqInB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,WACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBX1K0B,mCW4KxB,cXxJiB,eW0JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cX7MmB,mCW+MnB,mCACA,6DAEA,aPnNc,sCOqNZ,kCACA,qDAGF,aACE,oCACA,gCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cX5PiB,gCW8PjB,6BAGF,aACE,cXlQiB,4BWsQnB,aXnQwB,qBWqQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aPtRY,gBOwRV,0CAGF,aP3RY,wCOgSd,eACE,wCAIJ,UACE,0BAIA,aXzSmB,4BW4SjB,aX5SiB,qBW8Sf,qGAEA,yBAGE,iCAIJ,UX1TI,gBW4TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBZrBwB,6GYwBtB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBZtEwB,WANlB,oBY+EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UZzFI,gFY6FN,kBAGE,qNAKA,kBZjGoB,4IYyGpB,kBR1GQ,qCQiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aZ/Jc,YYiKZ,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,WC3NR,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cbDwB,SaGxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,abfsB,eaiBpB,SAIJ,wBACE,YACA,kBACA,sBACA,Wb7BM,ea+BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBT3DQ,gBS+DN,kBAIJ,wBblEsB,eaoEpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UbtFM,mBAIgB,qGasFpB,wBAGE,8BAIJ,kBbxFsB,2Ga2FpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cb3GiB,oBa6GjB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cbzHoB,Sa2HpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,sCACA,4BACA,2CACA,oBAGF,oCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abhKwB,gCaoKxB,QACE,uEAGF,mBAGE,uBAGF,abjLmB,sFaoLjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,abjMsB,uCaoMpB,aACE,wBAKN,sBACE,8BACA,qBACA,kBACA,YACA,8BAEA,6BACE,mBAKN,ab1NqB,Sa4NnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,UACE,6BACA,eACA,0BAGF,abxPwB,qCa4PxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CTvSU,sES8SZ,aT9SY,uBSkTZ,aTnTc,4DSyTV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,Ub9UM,0BagVJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cThX4B,eAEC,0DSiX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cTxY4B,eAEC,WSyY3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBbjdqB,camdnB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BbreiB,2BayenB,WACE,iBACA,uBACA,yBb5eiB,8BagfnB,QACE,iBACA,uBACA,4BbnfiB,6BaufnB,SACE,gBACA,2BACA,2Bb1fiB,wBaggBnB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbtgBiB,WAHb,gBa4gBJ,uBACA,mBACA,yFAEA,kBb1gBsB,cAHL,UakhBf,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBbhiBiB,cakiBjB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbzjBiB,WAHb,gBa+jBJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBbjkBsB,cAHL,iBa2kBrB,qBACE,iBAIA,sBACA,cbpkBgB,oBaukBhB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WbppBM,qBaspBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCVhoBA,6GADF,kBUwoBI,4BACA,kHVpoBJ,kBUmoBI,4BACA,wBAIJ,+BACE,cbvqBsB,sBa2qBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBb5rBsB,yBa8rBtB,gBACA,kBACA,eACA,gBACA,iBACA,WbzsBI,mDa8sBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,gDACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBb9wBwB,qCagxBxB,sEAGF,wBACE,4CAGF,wBbtxB0B,+Ea0xB1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,sBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBbl1BwB,yDas1B1B,kBbv1B0B,2Ba61B1B,iBACE,gBACA,cAGF,aACE,kBAGF,kBbt2B0B,caw2BxB,oBAEA,ab52BmB,oBag3BnB,abn2BgB,yBau2BhB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,abz3Bc,ea23BZ,0DAEA,ab73BY,0Ba+3BV,sDAIJ,oBACE,cbj5Be,sMao5Bf,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cbp6Be,aas6Bf,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,ab/7Be,qBas8BrB,oBACE,kBACA,eACA,iBACA,gBACA,mBbz8BwB,gBa28BxB,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,abt+BqB,uBaw+BnB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,Ubr/BM,4BAMkB,qCGkBtB,yDADF,cUq+BE,sBAGF,Ub//BM,gCaigCJ,sDAEA,UbngCI,4BAMkB,mDaqgC1B,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,ab5gCsB,6Ba8gCpB,uDAGF,ab5hC0B,yDagiC1B,aACE,YAGF,aACE,cb3hCgB,6Ba6hChB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UTvhCsB,mBSyhCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cbxmCiB,yBa0mCjB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,abvnCkB,eaynChB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,8BACA,kBACA,iBACA,WbpyCE,gBasyCF,eACA,+LAMA,6BACE,mEAKF,6BACE,iBAMR,aACE,iBACA,mEAGF,ab5zCqB,qBag0CnB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,ab/0CqB,eai1CnB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,8BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBbh6CwB,kCak6CxB,uBAGF,MACE,aACA,mBACA,uBACA,cb36CmB,ea66CnB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBbr7C0B,Wau7CxB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBbt8CwB,kBaw8CxB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBbj+CsB,kBam+CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cb1/Ce,kBa4/Cf,+BAGF,ab//CiB,eaigDf,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,Ub5gDE,qBa8gDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UbxiDI,oBaijDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cblkDiB,gBaokDjB,gBAEA,abnkDsB,0BaqkDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CC5lDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cfJiB,gBeMjB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBX0BwB,wBD9DtB,4BACA,kBYqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BZ3CF,eYgDE,CACA,cACA,2DAJF,gBXesB,wBD9DtB,4BACA,CYgDE,iBAQE,CANF,+BZlDF,UYsDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WflEE,6BeoEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCZrErB,+BANA,UY+EuB,sCZzEvB,gEYuEA,gBXhBsB,wBD9DtB,4BY0FE,CZnFF,iCANA,UYoFuB,sCZ9EvB,kBYgFE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cf3FgB,6Be8FhB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cfrKiB,kCeyKnB,aACE,eACA,gBACA,Wf/KI,CeoLA,2NADF,eACE,gCAKN,afnLwB,oBewL1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cf7MmB,ee+MnB,kBACA,4BAEA,af/MwB,6BemNxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,afjPqB,eemPnB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SZ7MF,sBACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,SACA,+EYuMI,aACE,CZxMN,qEYuMI,aACE,CZxMN,yEYuMI,aACE,CZxMN,0EYuMI,aACE,CZxMN,gEYuMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,af5Qc,iBe8QZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aflTiB,0HeuTjB,cAEE,gBACA,cf7SY,kZegTZ,aAGE,gEAIJ,wBACE,iDAGF,eX1UI,kBDkEN,CAEA,eACA,cH7CiB,uCG+CjB,UYqQI,mBf1Ue,oDGuEnB,wBACE,cHlDe,eGoDf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WH3FI,sDeiVJ,WACE,mDAGF,UfrVI,kBeuVF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UfxWQ,kBe0WN,cACA,mBACA,sBf3WM,yBe6WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cfhaiB,eekajB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,afzaiB,qWe4af,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cfjdc,Ceodd,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,af1fqB,ee4fnB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WfjnBA,gBemnBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cfvnBW,gBeynBX,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wf9oBE,gDekpBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aX5pBU,yBWkqBd,cACE,gCAEA,cACE,cfrqBe,eeuqBf,kCAEA,oBACE,cf1qBa,qBe4qBb,iBACA,gBACA,yCAEA,eACE,WfprBF,SgBDR,YACE,gCACA,8BAEA,aACE,cACA,WhBLI,qBgBOJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,cjB5Ge,mBiB8Gf,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,ab9Ic,qBagJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ajBjKc,4CiBsKhB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,ab5LQ,ea8LN,CAKF,sDAEA,kBAEE,gCAKN,oBACE,kBACA,mBACA,YACA,WjBrNM,gBiBuNN,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ajBtOkB,SiBwOhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ajBtUiB,CAHb,uEiBkVF,UjBlVE,kCiBsVF,ajBnVe,gCiBwVjB,UjB3VI,kCiB8VF,ajBxVoB,gEiB4VpB,UjBlWE,mBAIgB,sEiBkWhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,gEACA,oBACA,4CAGF,oBACE,gDAGJ,uDACE,mEAEF,uDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,CjBtagB,ciBwahB,iBACA,mBACA,CACA,sBACA,8CANA,ajBtagB,CiB0ahB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,cjB1coB,iIiB6cpB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,cjBthBgB,CiBwhBhB,iBACA,eACA,kBACA,+CAEA,ajB7hBgB,uBiBiiBhB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cjBzjBgB,4BiB+jBtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cjBnnBgB,eiBqnBhB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UjB1qBM,kBiBgrBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ajB1sBqB,ciB4sBnB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WjB5tBI,kCiBiuBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,CjB1tBgB,8IiBquBhB,ajBruBgB,wBiByuBhB,UACE,wCAGF,kBjBpvBsB,WAThB,8CiBiwBJ,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,cjBnwBgB,gBiBqwBhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cjB5yBe,uBiB8yBf,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UjBxzBE,yBiB+zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cjBn2BmB,gBiBq2BnB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ajBj3BqB,oBiBq3BrB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cjB77Bc,iBiB+7Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cjB39BY,gBiB69BZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ajB9+Bc,oCiBo/BlB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BChhCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,8BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBlBtCqB,WAHb,kBkB8CN,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,alBhImB,SkBmIjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,ClBpJE,wyEkB2JF,UAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,WlBjNI,mBkBmNJ,2BAGF,alBhNwB,kGkBmNtB,aAGE,2CAIJ,aACE,2BAGF,cACE,clBlOiB,gBkBoOjB,mBACA,sCAEA,eACE,kCAGF,eACE,mBlB1OoB,cAFL,kBkB+Of,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,WlBnSI,kBkBqSJ,yBACA,eACA,qBAGF,kBlBrSwB,cAFL,gBkB0SjB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,clBzTiB,mBkB2TjB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UlB5WM,2DkBiXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,WlBvZM,kBkByZN,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,alBhZgB,YkBkZd,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,aACE,wBAKF,edvbM,CJEa,gBkBwbjB,oBACA,iEd3bI,2BJEa,qDkBicrB,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBlBldmB,akBodnB,iBACA,0LAEA,aACE,iBACA,clBzdiB,mBkB2djB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,alBthBwB,qCkB0hBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UlB1jBI,gBICA,ac4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ed5kBI,yBc8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UlB7lBE,oBkB+lBA,eACA,gBd/lBA,+CcomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,WlB7mBI,ekB+mBJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UlBxnBI,ekB0nBF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UlBzqBE,akB2qBA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBlBprBgB,WANlB,iJkBisBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,clBptBmB,ekBstBnB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UlBnxBI,CkBqxBF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBlBzzBoB,WALlB,ekBi0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBd12BM,yDc62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBdr3BI,uBcy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UlBv5BI,ekBy5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,UlB57BM,iDkBg8BN,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,alB77BoB,qBkB+7BlB,wDAEA,yBACE,WCp9BN,YACE,oBAGF,cACE,uBACA,eACA,gBACA,cnBJmB,4CmBOnB,afNY,sCeWd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,WnBtCI,gBICA,eewCJ,oBACA,gBACA,qDAEA,anB7Bc,CmB2Bd,2CAEA,anB7Bc,CmB2Bd,+CAEA,anB7Bc,CmB2Bd,gDAEA,anB7Bc,CmB2Bd,sCAEA,anB7Bc,gCmBiCd,8ChBpCA,uCADF,cgBsC4D,0ChBjC5D,cgBiC4D,oBAI9D,UnBtDQ,mBmBwDN,mBnBpDsB,oCmBsDtB,iBACA,kBACA,eACA,gBACA,sBAEA,anB7DmB,gBmB+DjB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,anB5EwB,sDmBgFxB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBnBlGsB,qCmByG1B,eACE,kBACA,aACA,mBnB9GsB,gBmBgHtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,UnB5HI,iCmB8HJ,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,WnBzII,qBmB2IJ,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,2BACA,WnB/KE,mBmBiLF,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,anBlNiB,qBmBoNf,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,wBAIJ,iBACE,UACA,QACA,gHAEA,mCAEE,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WnBtQE,gBICA,eewQF,oBACA,YACA,qBACA,yLAEA,anB9PY,CmB4PZ,sKAEA,anB9PY,CmB4PZ,8KAEA,anB9PY,CmB4PZ,gLAEA,anB9PY,CmB4PZ,4JAEA,anB9PY,yKmBkQZ,SACE,qJAGF,kBnBnRe,+ImBoRf,8ChB1QF,8JADF,cgB4Q8D,kKhBvQ9D,cgBuQ8D,qChBhQ5D,8TADF,sBgBoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,cnB3SiB,emB6SjB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,WnBnUM,mBAGa,sCmBmUnB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,anB3Xe,wBmBgYrB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBfzZI,wBe2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,cnBtae,gFmBwaf,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UflbE,sEeobF,WACE,cnBnba,CIFb,4DeobF,WACE,cnBnba,CIFb,gEeobF,WACE,cnBnba,CIFb,iEeobF,WACE,cnBnba,CIFb,uDeobF,WACE,cnBnba,yCmBwbjB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,cnB3ciB,emB6cjB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,cnBhemB,gBmBkenB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBnBlfkB,8DmBqflB,iBACE,MACA,OACA,WACA,kBACA,mBnB7fkB,0BmBogB1B,UnB1gBQ,oBmB4gBN,eACA,gBf5gBM,4BeghBR,YACE,gBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,0BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WnB9jBE,mBAMkB,gBmB2jBpB,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBf9kBM,gBeglBN,uBACA,6CAGF,YACE,mBACA,aACA,WnBxlBM,emB0lBN,sDAEA,aACE,cnB1lBiB,wEmB6lBjB,6EAEA,aACE,WnBnmBE,gBmBqmBF,sGAIJ,kBnBnmBwB,WANlB,6PmBinBF,UnBjnBE,0DmBqnBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,af5oBU,CgBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CpBlFwB,IoBiG1B,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cpB/GwB,eoBiHxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cpBlIwB,eoBoIxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WpB7KM,coB+KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cpB5LiB,kGoB+LjB,sBAGE,WpBrME,kCoByMJ,apBnMsB,oBoByM1B,oBACE,iBACA,oBAGF,kBpB/M0B,cAWR,iBoBuMhB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,kFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,apBvQwB,uBoB2QxB,sCACE,4CAEA,apB9QsB,yCoBgRpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBpBzSwB,yBoB8S1B,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cpBhUmB,eoBkUnB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UpBjVI,mBoBmVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cpBpXmB,0DoBsXnB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,apB1ZmB,0BoB4ZjB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,uCAGF,apB5akB,mBAXQ,kBoB2bxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,sCAbF,cAcI,kDAGF,eACE,2CAGF,apB3cwB,qBoB6ctB,uDAEA,yBACE,eAKN,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBChhBJ,iBACE,eACA,gBACA,crBcgB,mBAXQ,4BqBCxB,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,crBhBY,qCqBoBd,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WtB3EF,gBsB6EE,gBACA,uBACA,0CAGF,aACE,eACA,ctBjFW,gBsBmFX,gBACA,uBACA,yBAKN,kBtBxFsB,asB0FpB,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBtB9H0B,sBsBiIxB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SpBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,SACA,coBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,cvBrDiB,euBuDjB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,cvB7DkB,euB+DlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,avB5EkB,mBuB8EhB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,cvBnGmB,kBuBqGnB,iBAIA,avB5FgB,mBuB8Fd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cvBtHY,gBuBwHZ,uBACA,mBACA,4BAEA,eACE,uBAGF,avB7Ie,qBuB+Ib,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cvBxKe,0BuB4KjB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,erBXQ,kBqBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBrBvCM,kBqByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,4BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,0EAMA,SACE,oBACA,CADA,WACA,eCpGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DxBDF,SwBI0D,yBxBC1D,SwBD0D,qCxBQxD,qLwBLA,yBAGF,eACE,gBACA,eACA,qCxBZA,4BwBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c3BpDiB,kB2BsDjB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCxBrDE,6CADF,ewBwDkF,sCxBlEhF,sBADF,cwBoE0D,yBxB/D1D,cwB+D0D,gBAG5D,evBlFQ,kBDkEN,CACA,sBACA,gBACA,cH7CiB,uCG+CjB,mBAEA,wBACE,cHlDe,eGoDf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WH3FI,kB2BuFR,YACE,c3BrFmB,a2BuFnB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c3BhGiB,gB2BkGjB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB3B7G0B,kB2B+GxB,gBACA,yBAEA,a3BvGgB,mB2ByGd,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c3B/HY,iC2BkIZ,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c3B5Je,qB2B8Jf,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB3B/LwB,0B2BoM1B,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,8BACA,oBCrPF,kBACE,gBACA,W5BDM,e4BGN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e5BbQ,cAEa,S4BcnB,WACA,YACA,iEAEA,aAGE,iCAGF,eACE,2BzBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yByBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W5B9CM,8B4BgDN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c5B/EiB,a4BiFjB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BzB/DA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sByB8DJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,exBlIM,gCwBuIR,cACE,cACA,qBACA,c5BvImB,kB4ByInB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB5BrJE,C4BsJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB5BlKM,iC4BqKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cxB3K0B,eAEC,CwBqL7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,6BACE,sBACA,SACA,W5BxQM,e4B0QN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c5BnTiB,mF4BsTjB,yBAGE,wBAKN,oBACE,sBAGF,qBxBpUQ,YwBsUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB5B1U0B,qB4B8U1B,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBxBzZM,ewB2ZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BzBjYF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qByBgYF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBxB9eI,cJGa,gB4B8ejB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UxBpjBE,+EwB4jBN,cAGE,gBACA,6BAGF,UxBnkBM,iBwBqkBJ,yBAGF,oBACE,aACA,mDAGF,UxB7kBM,uBwBklBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WxBloBE,sFwBqoBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBC5sBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,qBACA,8BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB9BM0B,sB8BJxB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB9BhD0B,sB8BkDxB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,W/BPM,gD+BEJ,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB/BlBiB,4B+BsBnB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c/BjCmB,c+BmCnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a/BjD0B,mC+BoDxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB3B5FM,sB2B8FN,sGAEA,mCAEE,oBAKF,2BACA,gB3BxGM,0B2B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,6BACA,W/BnHI,yB+BqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,mCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB3BpKI,mB2ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c/B/JiB,mD+BkKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mBACA,WhCHM,kBgCKN,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,chC3BiB,2BgC+BnB,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kBhC/DmB,iDgCmEnB,kBhChEwB,WANlB,qGgC2EN,kB5BxEU,WJHJ,oCgCiFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,UACE,eACA,iBACA,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,UjCXM,0BiCaJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sB9BlCI,0B8BoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,W9BjNM,kB8BmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,QC1QJ,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBnCjBsB,amCsBxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAIA,qBACA,WACA,eACA,WnCjDE,cmCmDF,UACA,oBACA,gB/BpDE,sB+BsDF,kBACA,iBACA,oCAEA,oBnCrDoB,wBmC0DtB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oB/B7FY,8E+BkGZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,cnCzHc,amC6HhB,cACE,uBACA,UACA,SACA,SACA,cnClIc,0BmCoId,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,yBACE,gCAEA,YACE,2CAGF,yBACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBnCrLoB,sDmC2LxB,cACE,gBACA,iBACA,YACA,oBACA,cnCrLkB,sCmCwLlB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WnC1NI,qBmC4NJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,CACA,yBACA,mDAGF,UACE,cAIJ,anC5NkB,qBmC+NhB,+BACE,6BAEA,8BACE,YC/ON,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,cpClBmB,oBoCqBnB,apClBwB,0BoCoBtB,6EAEA,oBAGE,wCAIJ,apChCmB,oBoCqCnB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cpC/CiB,qBoCmDnB,iBACE,cpCpDiB,uBoCwDnB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,cpCxEiB,qBoC4EnB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cpCnJe,iCoCuJjB,uBACE,gBACA,gBACA,cpC7IY,qDoCiJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WpCrNI,iBoCuNJ,kBACA,qEAEA,aAEE,6CAIA,apC7Ne,oCoCkOjB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,cpC7Pe,mBoC+Pf,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sCjCnRzB,CiCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBhCpOgB,wBD9DtB,4BACA,iCiCsSE,cACE,mCAEA,aACE,WpC5SA,qBoC8SA,uDAGE,yBACE,2CAKN,aACE,cpCrTa,kCoC6TnB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,cpCpUiB,sCoCuUjB,apCpUsB,0BoCsUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,cpC9ViB,wBoCiWjB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBpC5WiB,mCoC0WnB,sBACE,CAEA,eACA,mBACA,cpC/WiB,kBoCoXjB,cACA,iBpCrXiB,kBoC6XjB,cpC7XiB,mCoC4XnB,sBACE,CACA,gBACA,gBACA,mBACA,cpCjYiB,kBoCsYjB,cpCtYiB,kBoC8YnB,sBACE,eACA,iBACA,gBACA,mBACA,cpCnZiB,mCoCuZnB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,0CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBpCjcwB,kBoCmctB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sCjC9hB3B,mDiCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBpC3jBsB,kBoC6jBtB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,apC7lBiB,qCoCimBjB,eACE,WpCrmBE,gBoCumBF,CpCpmBe,yFoCymBb,apCzmBa,+CoC+mBjB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SpC3rBI,YoC6rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cpCltBe,6BoCstBjB,eACE,iBACA,+BAGF,kBpCztBsB,aoC2tBpB,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,cpCjwBa,uFoCuwBnB,eACE,cASA,CpCjxBiB,2CoC8wBjB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cpC72BsB,qBoC+2BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cpCz2Bc,SqCjBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBrCrBwB,UqC0BxB,arCzBwB,0BqC2BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBrC9DsB,6BqCgEpB,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,crC1GmB,gBqC4GnB,0DAEA,UrCjHM,wDqCqHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBrC5JsB,sBqC8JtB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBrC3KsB,gCqC8KtB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBrCnMsB,uCqCsMpB,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,crC7Oa,gBqC+Ob,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBtCZoB,YsCcpB,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,StCzCA,YsC2CE,kBACA,YACA,uCAIJ,aACE,ctC/Ca,qBsCiDb,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,ctCzFa,qBsC2Fb,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UtC1GA,yBsC4GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UtClIE,yBAMkB,gBsC+HlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,atClNiB,esCoNf,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,atC7NiB,esC+Nf,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,ctCxOe,mBsC0Of,kBACA,gCACA,4BAGF,cACE,ctChPe,iBsCkPf,gBACA,0CAGF,UtCzPI,gBsC2PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WtCzQE,oBsC2QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,ctChRe,mBsCkRf,kCAEA,UtCvRE,gBsCyRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,0CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BtC9UoB,YsCqV1B,UACE,SACA,cACA,WACA,sDAKA,atCjWmB,0DsCoWjB,atCjWsB,4DsCsWxB,alC1Wc,gBkC4WZ,4DAGF,alC9WU,gBkCgXR,0DAGF,atCtWgB,gBsCwWd,0DAGF,alCtXU,gBkCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,2BAKN,oBACE,ctCjae,qBsCmaf,yBACA,eACA,gBACA,gCACA,iCAEA,UtC5aE,gCsC8aA,oCAGF,atC3aoB,gCsC6alB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,ctCvdiB,CsC4db,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,atCniBwB,qBsCqiBtB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBtC1jBsB,cAFL,0BsC+jBjB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,atC3kBgB,oBsC+kBhB,kBACE,0BACA,aACA,ctC/lBiB,gCsCimBjB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,ctC5lBc,2BsCgmBhB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBlCtnBY,oCkC0nBZ,kBACE,mCAGF,kBtC1nBsB,sDsC+nBxB,atCloBmB,qBsCsoBjB,gBACA,sBAGF,aACE,0BAGF,atC9oBmB,sBsCkpBnB,alCnpBc,yDkCwpBhB,oBAIE,ctC3pBmB,iGsC8pBnB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBlCxsBc,yBkC4sBd,yBACE,wBAGF,yBlC7sBU,wBkCktBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,atC5tBiB,uBsCkuBjB,wBACA,qBAGF,atCztBgB,csC8tBlB,kBtCzuB0B,kBsC2uBxB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,ctCjwBe,yBsCmwBf,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,alCjxBM,6BkCwxBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,ctCtyBa,mLsCyyBb,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,atCxyBU,iBsC0yBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,ctCj0Ba,WsCw0BrB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,alCv3BY,8CkC43Bd,qBACE,aACA,WtCh4BI,csCq4BR,iBACE,0pDCr4BF,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,qEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WzCtCI,uByCwCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,czC/CiB,kByCiDjB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,azCpEmB,gByCsEjB,qBACA,wBCxEJ,kB1CG0B,C0CCtB,4EAGF,kBACE,gDAEA,kB1CPsB,wC0CcxB,gBACE,uCAGF,iBACE,kCAIJ,kBACE,yBACA,mEAEA,uDACE,kDAIJ,kBACE,mFAEA,uDACE,qBAMF,eACE,0CAIJ,kDACE,gBAGF,kB1CnD0B,0B0CuD1B,i2BACE,oCAEA,sDACE,CADF,8CACE,iDAOF,kBAEE,uDAEA,kBACE,qBACA,C1CxEoB,8E0CuF1B,kB1CvF0B,4B0C6FxB,yB1C7FwB,2B0CiGxB,wB1CjGwB,8B0CqGxB,2B1CrGwB,6B0CyGxB,0B1CzGwB,wB0CgHxB,kB1ChHwB,cAFL,0F0C2HnB,aACE,4GAEA,kKAEA,aACE,CAHF,6HAEA,aACE,CAHF,qIAEA,aACE,CAHF,uIAEA,aACE,CAHF,mHAEA,aACE,sCAIJ,kBACE,iCAGF,YACE,C1CzIoB,mH0C+IpB,a1C/IoB,8C0CuJxB,aACE,2JAEA,UtC7JM,wCsCoKR,aACE,mEAEA,aACE,CAHF,yDAEA,aACE,CAHF,6DAEA,aACE,CAHF,8DAEA,aACE,CAHF,oDAEA,aACE,2BAIJ,2BACE,gDAKA,a1C7KwB,iB0CkL1B,oBACE,6BAEA,kBACE,0BAIJ,+BACE,qB1C5LwB,oC0CgM1B,kBACE,iMAIA,kBAIE,qBAIJ,kB1C/MqB,sE0CmNrB,kBACE,4FAGF,kBACE,qOAIF,etC9NQ,yBsC0ON,wBAGF,0BACE,0BAGF,wBACE,uLAGF,kBAME,4qEAIE,qBAGE,uCAMN,aAEE,uBAIF,e1C9QQ,gC0CmRJ,a1ChRoB,yB0CyRtB,e1C5RM,CADA,oG0CwSF,U1CxSE,0D0CqTF,a1ClTe,2C0CwTf,U1C3TE,6C0CgUJ,a1C7TiB,6D0CiUjB,U1CpUI,qB0C2UR,UtC1UQ,yBsC6UN,StC7UM,iGsCmVN,eAGE,CAIA,oEAIA,kBACE,oDAEA,eACE,iHAMA,UtCxWA,2CsCiXR,yCACE,gMAGF,eAUE,sKAGF,U1CnYQ,0D","file":"skins/glitch/mastodon-light/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#ccd7e0 rgba(255,255,255,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ccd7e0;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#c6d2dc}::-webkit-scrollbar-thumb:active{background:#ccd7e0}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(255,255,255,.1)}::-webkit-scrollbar-track:hover{background:#d9e1e8}::-webkit-scrollbar-track:active{background:#d9e1e8}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#eff3f5;font-size:13px;line-height:18px;font-weight:400;color:#000;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#d9e1e8}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#ccd7e0;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#e6ebf0;padding:0}body.error{position:absolute;text-align:center;color:#282c37;background:#d9e1e8;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#000;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#000;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#282c37;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#000}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#b3c3d1}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#282c37;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#000}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#a6b9c9;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#99afc2}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#282c37}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#fff}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#ccd7e0;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #ccd7e0;background:#f2f5f7;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#ccd7e0;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#282c37}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#282c37;padding:10px;border-right:1px solid #ccd7e0;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#282c37}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#000;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #b3c3d1}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#282c37}.public-layout .public-account-header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#000}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#217aba}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#000}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#282c37}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #c0cdd9}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #c0cdd9}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#d9e1e8}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#ccd7e0}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233C5063\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#6d8ca7}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#6d8ca7}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#282c37}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#6d8ca7}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#6d8ca7}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#60829f}.compact-header h1{font-size:24px;line-height:28px;color:#282c37;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#282c37}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#d9e1e8;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.hero-widget__text a{color:#282c37;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#282c37}.box-widget{padding:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #444b5d;text-align:center;color:#282c37;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#282c37;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#282c37;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#282c37}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#282c37;margin-bottom:10px}.page-header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#000;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#282c37}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#ccd7e0}.page-header h1{font-size:24px}}.directory{background:#d9e1e8;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#d9e1e8;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#c0cdd9}.directory__tag.active>a{background:#2b90d9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#282c37}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#282c37}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#000}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b90d9}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#f2f5f7;border:2px solid #d9e1e8}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#282c37;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #c0cdd9}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#000}.accounts-table__count small{display:block;color:#282c37;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #a6b9c9}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#282c37}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b90d9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#e6ebf0;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;border-bottom:1px solid #ccd7e0}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #ccd7e0}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#000;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#282c37}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#fff}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#282c37}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#000;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#000;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#000;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#c1203b}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#000;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#000;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #444b5d;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb;border:1px solid #fff;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#1f232b}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#c1203b}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#fff}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#f2f5f7}.simple_form .input.field_with_errors label{color:#c1203b}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#c1203b}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#c1203b;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b90d9;color:#000;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#2482c7}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#419bdd}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#db2a47}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#e3566d}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#444b5d;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(249, 250, 251, 0), #f9fafb)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(217,225,232,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#000}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#c0cdd9;color:#282c37;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#282c37;text-decoration:none}.flash-message a:hover{color:#000;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#ccd7e0}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#282c37;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#217aba}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#282c37}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#282c37;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#282c37;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#000;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#282c37}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#000;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#f9fafb;border:1px solid #fff;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#e6ebf0;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#e6ebf0;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#c0cdd9}.card__img{height:130px;position:relative;background:#fff;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#f2f5f7;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#000;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#282c37}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#000}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#444b5d;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#282c37;background-color:rgba(40,44,55,.1);border:1px solid rgba(40,44,55,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#c1203b;background-color:rgba(193,32,59,.1);border-color:rgba(193,32,59,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #b3c3d1;border-bottom:1px solid #b3c3d1;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #b3c3d1}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#282c37;background:rgba(242,245,247,.5)}.account__header__fields dd{flex:1 1 auto;color:#282c37}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#282c37}.pending-account__header a{color:#282c37;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#000;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#d9e1e8}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#c0cdd9}.button.logo-button{flex:0 auto;font-size:14px;background:#2b90d9;color:#000;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#000}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#2074b1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#444b5d;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#2b90d9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#3897db;border:10px none;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#227dbe;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#8ea3c1}.button.button-alternative-2{background:#3c5063}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#344656}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#282c37;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#8ea3c1;color:#1f232b}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#606984;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#51596f;background-color:rgba(96,105,132,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(96,105,132,.3)}.icon-button.disabled{color:#828ba4;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#282c37}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#373d4c;background-color:rgba(40,44,55,.15)}.icon-button.inverted:focus{background-color:rgba(40,44,55,.3)}.icon-button.inverted.disabled{color:#191b22;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#1d6ca4}.icon-button.overlayed{box-sizing:content-box;background:rgba(255,255,255,.6);color:rgba(0,0,0,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(255,255,255,.9)}.text-icon-button{color:#282c37;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#373d4c;background-color:rgba(40,44,55,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(40,44,55,.3)}.text-icon-button.disabled{color:#000;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#000;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #393f4f;margin:5px 7px 6px;height:0}.dropdown-menu{background:#282c37;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#282c37}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#282c37}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#282c37}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#282c37}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b90d9;color:#282c37;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#282c37;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b90d9;color:#282c37}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#444b5d}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#c0cdd9;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#000;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #c0cdd9;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b90d9;border:2px solid #c0cdd9;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#000}.column-link--transparent .icon-with-badge__badge{border-color:#f2f5f7}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#d9e1e8;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#f9fafb}.react-toggle--checked .react-toggle-track{background-color:#2b90d9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#2074b1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #d9e1e8;border-radius:50%;background-color:#fff;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b90d9}.getting-started__wrapper,.getting_started,.flex-spacer{background:#d9e1e8}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#d9e1e8;flex:1 0 auto}.getting-started p{color:#282c37}.getting-started a{color:#444b5d}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#444b5d;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#444b5d;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#282c37}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#282c37;padding:10px;font-weight:500;border-bottom:1px solid #c0cdd9}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#282c37}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#d9e1e8;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#c0cdd9;border:1px solid #e6ebf0}.setting-text{color:#282c37;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#000;border-bottom-color:#2b90d9}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#000;border-bottom:2px solid #839db4}.setting-text.light:focus,.setting-text.light:active{color:#000;border-bottom-color:#2b90d9}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#606984;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#828ba4}.load-more{display:block;color:#444b5d;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#d3dce4}.load-gap{border-bottom:1px solid #c0cdd9}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #d9e1e8}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c0cdd9;border-left:1px solid #99afc2;box-shadow:0 0 5px #000;border-bottom:1px solid #d9e1e8}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#282c37;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #2b90d9}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#444b5d;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #86a0b6;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#86a0b6}29%{background-color:#86a0b6}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(255,255,255,.5);border-radius:8px;padding:8px 12px;color:#000;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(255,255,255,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(255,255,255,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#282c37;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#282c37;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(255,255,255,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#d9e1e8;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#282c37;font-size:18px;font-weight:500;border:2px dashed #3c5063;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#2b90d9;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #c0cdd9;padding:5px;padding-bottom:0}.conversation:focus{background:#d3dce4;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#282c37;padding-left:15px}.conversation__content__names{color:#282c37;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#000;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#d3dce4}.conversation--unread:focus{background:#ccd7e0}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#000}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#282c37;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #c0cdd9;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#282c37;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative;cursor:default}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#ccd7e0}.account__disclaimer{padding:10px;color:#444b5d}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #c0cdd9;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #2b90d9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#282c37}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#000}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#2b90d9}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#282c37;font-size:15px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#c0cdd9;padding:15px}.column-settings__section{color:#282c37;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#1f232b}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#ccd7e0}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#444b5d;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#c0cdd9}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#b3c3d1;color:#1f232b}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#282c37}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#444b5d}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#3b4151}.column-settings__hashtags .column-select__indicator-separator{background-color:#c0cdd9}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#282c37}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#3d4455}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#000;margin-bottom:4px;display:block;vertical-align:top;background-color:#fff;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#e6ebf0;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#282c37;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#282c37}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #c0cdd9}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #d9e1e8}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#dfe6ec;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #eff3f5}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}.account__moved-note__message{position:relative;margin-left:58px;color:#444b5d;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#282c37;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#e6ebf0}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#ccd7e0;padding:5px;border-bottom:1px solid #b3c3d1}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#f2f5f7;border:2px solid #ccd7e0}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #b3c3d1;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#000}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #b3c3d1}.account__header__bio .account__header__fields a{color:#217aba}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#282c37;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#000}.domain{padding:10px;border-bottom:1px solid #c0cdd9}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#000;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #282c37;color:#282c37;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#353a48}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#444b5d}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#217aba}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#7a96ae}.status__content .status__content__spoiler-link:hover{background:#708ea9;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#7a96ae;border:none;color:#000;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#708ea9;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#444b5d;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #c0cdd9}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #c0cdd9}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#ccd7e0}.focusable:focus.status.status-direct:not(.read){background:#b3c3d1}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#c0cdd9}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #c0cdd9;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#c0cdd9;border-bottom-color:#b3c3d1}.status.light .status__relative-time{color:#282c37}.status.light .status__display-name{color:#000}.status.light .display-name strong{color:#000}.status.light .display-name span{color:#282c37}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#000;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#8199ba}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(217, 225, 232, 0), #d9e1e8);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(204, 215, 224, 0), #ccd7e0)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(192, 205, 217, 0), #c0cdd9)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#444a5e}.status__relative-time{display:inline-block;flex-grow:1;color:#444b5d;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#444b5d;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#606984}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #282c37;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#444b5d;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#444b5d}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#606984}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#ccd7e0;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#444b5d;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#000}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#282c37;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#000}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#444b5d}.muted .status__display-name strong{color:#444b5d}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3c5063;color:#000}.muted a.status__content__spoiler-link:hover{background:#7d98b0;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;color:#444b5d;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#282c37;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#000}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#c0cdd9}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#282c37;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#282c37}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#c0cdd9;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#ccd7e0}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#ccd7e0}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#444b5d;padding:8px 18px;cursor:default;border-right:1px solid #c0cdd9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#444b5d;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#444b5d}.status__wrapper--filtered__button{display:inline;color:#217aba;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#c0cdd9}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#282c37;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#393f4f;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#282c37;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#313543;background-color:#4a5266}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#000}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#4a5266;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#4f576c}.onboarding-modal__dot.active{cursor:default;background:#5c657e}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#000;margin-bottom:20px}.onboarding-modal__page a{color:#2b90d9}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#2485cb}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#282c37;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#d9e1e8;color:#282c37;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#d9e1e8;color:#282c37;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#f2f5f7;color:#282c37;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#000}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#17191f;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#444b5d;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#17191f}.actions-modal .status{background:#fff;border-bottom-color:#282c37;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#282c37}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#282c37;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#282c37;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #282c37}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #282c37;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #282c37;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #393f4f}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #282c37;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b90d9;color:#000}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#282c37;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#313543;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#ccd7e0}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#000;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#000}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#606984;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#282c37}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#444b5d}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#000;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#282c37;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#000}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#000;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #000;color:#000;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#282c37;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.emoji-picker-dropdown{position:absolute;right:5px;top:5px}.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#444b5d}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#282c37}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#282c37;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#000;background:#282c37;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#3d4455}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#282c37}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#282c37;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#282c37}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#282c37;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#1f232b}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#282c37;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#3c5063}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#2b90d9}.compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#fff;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #fff;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#000;background:#2b90d9;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#000;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#282c37}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#000;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#2b90d9;color:#000}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#000}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#000}.composer--options--dropdown--content--item.active:hover{background:#2485cb}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#f2f5f7;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#d9e1e8}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#ccd7e0;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#ccd7e0;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#c0cdd9;color:#000;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#b6c5d3}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#282c37}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#000}.column-link--transparent.active{color:#2b90d9}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#d9e1e8;color:#444b5d;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%)}.column-header{display:flex;font-size:16px;background:#ccd7e0;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#d9e1e8}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#ccd7e0;border:0;color:#282c37;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#191b22}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#000;background:#c0cdd9}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#000;background:#c0cdd9}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #419bdd}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#282c37;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #b3c3d1;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#c0cdd9;padding:15px}.column-header__setting-btn:hover{color:#282c37;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column{color:#444b5d;background:#d9e1e8;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#444b5d;background:#d9e1e8;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#444b5d}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#fff;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#ccd7e0;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#d9e1e8;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #c0cdd9;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#d9e1e8}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#217aba;background:#217aba}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#1f232b}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#ccd7e0}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#282c37;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#606984;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#51596f}.search-results__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#282c37;text-align:center}.trends__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #c0cdd9}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#444b5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#282c37;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#282c37}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#2380c3 !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(40,44,55,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#c0cdd9;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#282c37;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#cfd9e2;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}.drawer--account{padding:10px;color:#282c37;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#282c37;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#d9e1e8;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#444b5d;background:#d3dce4;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#444b5d}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#282c37;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#1f232b;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#b0c0cf;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#d9e1e8}.drawer__inner__mastodon{background:#b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#b0c0cf;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}.video-error-cover{align-items:center;background:#fff;color:#000;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#fff;color:#282c37;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#17191f}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#000;background:rgba(255,255,255,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#282c37;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#282c37;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#fff}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(255,255,255,.5);box-sizing:border-box;border:0;color:#000;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#282c37}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#f2f5f7;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #ccd7e0;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(33,122,186,.5)}.audio-player__wave-placeholder{background-color:#a6b9c9}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#f2f5f7;border-top:1px solid #ccd7e0;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#282c37;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#191b22}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#217aba}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#217aba}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(0,0,0,.8);background:rgba(255,255,255,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#b0c0cf;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#b0c0cf}.list-adder__lists{background:#b0c0cf;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #c0cdd9}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #393f4f}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#282c37}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#282c37;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#313543}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#3c99dc}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#3897db}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(40,44,55,.3);color:#000;border:1px solid #282c37;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(40,44,55,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#444b5d}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#282c37;color:#000;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#282c37}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#17191f;border-bottom:1px #282c37 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#282c37}.glitch.local-settings__navigation__item.active{background:#2b90d9;color:#000}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#000}.glitch.local-settings__navigation{background:#17191f;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#000;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#000;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #ccd7e0;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#3897db;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#227dbe}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#c9d3e1}.poll__chart.leading{background:#2b90d9}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #fff;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#2b90d9}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#444b5d}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#444b5d;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(68,75,93,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #fff}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #fff;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#606984;border-color:#606984;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#fff}.muted .poll{color:#444b5d}.muted .poll__chart{background:rgba(201,211,225,.2)}.muted .poll__chart.leading{background:rgba(43,144,217,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#282c37}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#282c37}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#282c37}.rich-formatting em{font-style:italic;color:#282c37}.rich-formatting code{font-size:.85em;background:#f2f5f7;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#282c37}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #ccd7e0;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #ccd7e0;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#282c37}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#444b5d}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#e6ebf0;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#000;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#282c37}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#f2f5f7;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#282c37;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #ccd7e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#3d4455}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#000;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#282c37}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#282c37}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#131419}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(60,80,99,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#d9e1e8;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#131419}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#d9e1e8;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#282c37}.landing-page__short-description h1{font-weight:500;color:#000;margin-bottom:0}.landing-page__short-description h1 small{color:#282c37}.landing-page__short-description h1 small span{color:#282c37}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#000;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#d9e1e8;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#282c37}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#282c37}.landing .simple_form p.lead{color:#282c37;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #c0cdd9}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#444b5d}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #d9e1e8;text-align:left;background:#e6ebf0}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #d9e1e8;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#d9e1e8}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#d9e1e8;border-top:1px solid #f2f5f7;border-bottom:1px solid #f2f5f7}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #f2f5f7}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #f2f5f7}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#282c37;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#000}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #f2f5f7;background:#d9e1e8;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #f2f5f7;border-top:0;background:#d9e1e8}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #f2f5f7;border-top:0;background:#e6ebf0}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #f2f5f7}}.batch-table__row:hover{background:#dfe6ec}.batch-table__row:nth-child(even){background:#d9e1e8}.batch-table__row:nth-child(even):hover{background:#d3dce4}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#282c37;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #f2f5f7;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #f2f5f7}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#d9e1e8;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#c0cdd9;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#000;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#282c37;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#b3c3d1}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#282c37;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#000;background-color:#e9eef2;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#dfe6ec;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#e6ebf0;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#000;background-color:#2b90d9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#2482c7}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #c0cdd9;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#282c37;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#282c37;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#282c37;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #c0cdd9}.admin-wrapper .content h6{font-size:16px;color:#282c37;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#000;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#000;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#282c37;margin-bottom:20px}.admin-wrapper .content>p strong{color:#000;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(60,80,99,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #ccd7e0;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b90d9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#282c37}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#444b5d;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#282c37;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #d9e1e8}.filters .filter-subset a:hover{color:#000;border-bottom:2px solid #c9d4de}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b90d9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#282c37}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#d9e1e8;color:#282c37;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#444b5d}.log-entry__extras{background:#c6d2dc;border-radius:0 0 4px 4px;padding:10px;color:#282c37;font-family:monospace,monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#444b5d}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#c1203b}.log-entry__icon__overlay.neutral{background:#2b90d9}.log-entry a,.log-entry .username,.log-entry .target{color:#282c37;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#c1203b}.log-entry .diff-neutral{color:#282c37}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#282c37}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#c1203b}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b90d9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#c1203b}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#282c37}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#444b5d}.report-card{background:#d9e1e8;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#282c37;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#17191f}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #e6ebf0}.report-card__summary__item:hover{background:#d3dce4}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#282c37}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#444b5d;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#282c37}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#c0cdd9;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#217aba}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#000}.center-text{text-align:center}.emojione[title=\":wind_blowing_face:\"],.emojione[title=\":white_small_square:\"],.emojione[title=\":white_medium_square:\"],.emojione[title=\":white_medium_small_square:\"],.emojione[title=\":white_large_square:\"],.emojione[title=\":white_circle:\"],.emojione[title=\":waxing_crescent_moon:\"],.emojione[title=\":waving_white_flag:\"],.emojione[title=\":waning_gibbous_moon:\"],.emojione[title=\":waning_crescent_moon:\"],.emojione[title=\":volleyball:\"],.emojione[title=\":thought_balloon:\"],.emojione[title=\":speech_balloon:\"],.emojione[title=\":speaker:\"],.emojione[title=\":sound:\"],.emojione[title=\":snow_cloud:\"],.emojione[title=\":skull_and_crossbones:\"],.emojione[title=\":skull:\"],.emojione[title=\":sheep:\"],.emojione[title=\":rooster:\"],.emojione[title=\":rice_ball:\"],.emojione[title=\":rice:\"],.emojione[title=\":ram:\"],.emojione[title=\":rain_cloud:\"],.emojione[title=\":page_with_curl:\"],.emojione[title=\":mute:\"],.emojione[title=\":moon:\"],.emojione[title=\":loud_sound:\"],.emojione[title=\":lightning:\"],.emojione[title=\":last_quarter_moon_with_face:\"],.emojione[title=\":last_quarter_moon:\"],.emojione[title=\":ice_skate:\"],.emojione[title=\":grey_question:\"],.emojione[title=\":grey_exclamation:\"],.emojione[title=\":goat:\"],.emojione[title=\":ghost:\"],.emojione[title=\":full_moon_with_face:\"],.emojione[title=\":full_moon:\"],.emojione[title=\":fish_cake:\"],.emojione[title=\":first_quarter_moon_with_face:\"],.emojione[title=\":first_quarter_moon:\"],.emojione[title=\":eyes:\"],.emojione[title=\":dove_of_peace:\"],.emojione[title=\":dash:\"],.emojione[title=\":crescent_moon:\"],.emojione[title=\":cloud:\"],.emojione[title=\":chicken:\"],.emojione[title=\":chains:\"],.emojione[title=\":baseball:\"],.emojione[title=\":alien:\"]{filter:drop-shadow(1px 1px 0 #000000) drop-shadow(-1px 1px 0 #000000) drop-shadow(1px -1px 0 #000000) drop-shadow(-1px -1px 0 #000000)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb)}body.rtl .simple_form select{background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#ccd7e0;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#c0cdd9}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#000;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#282c37;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#282c37;font-weight:500;text-decoration:none}.glitch.local-settings{background:#d9e1e8}.glitch.local-settings__navigation{background:#f2f5f7}.glitch.local-settings__navigation__item{background:#f2f5f7}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.notification__dismiss-overlay .wrappy{box-shadow:unset}.notification__dismiss-overlay .ckbox{text-shadow:unset}.status.status-direct:not(.read){background:#f2f5f7;border-bottom-color:#fff}.status.status-direct:not(.read).collapsed>.status__content:after{background:linear-gradient(rgba(242, 245, 247, 0), #f2f5f7)}.focusable:focus.status.status-direct:not(.read){background:#e6ebf0}.focusable:focus.status.status-direct:not(.read).collapsed>.status__content:after{background:linear-gradient(rgba(230, 235, 240, 0), #e6ebf0)}.column>.scrollable{background:#fff}.status.collapsed .status__content:after{background:linear-gradient(rgba(255, 255, 255, 0), white)}.drawer__inner{background:#d9e1e8}.drawer__inner__mastodon{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23FFFFFF\"/></svg>') no-repeat bottom/100% auto !important}.drawer__inner__mastodon .mastodon{filter:contrast(75%) brightness(75%) !important}.status__content .status__content__spoiler-link{background:#7a96ae}.status__content .status__content__spoiler-link:hover{background:#6a89a5;text-decoration:none}.media-spoiler,.video-player__spoiler,.account-gallery__item a{background:#d9e1e8}.dropdown-menu{background:#d9e1e8}.dropdown-menu__arrow.left{border-left-color:#d9e1e8}.dropdown-menu__arrow.top{border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{border-right-color:#d9e1e8}.dropdown-menu__item a{background:#d9e1e8;color:#282c37}.composer .composer--spoiler input,.composer .compose-form__autosuggest-wrapper textarea{color:#0f151a}.composer .composer--spoiler input:disabled,.composer .compose-form__autosuggest-wrapper textarea:disabled{background:#e6e6e6}.composer .composer--spoiler input::placeholder,.composer .compose-form__autosuggest-wrapper textarea::placeholder{color:#232f39}.composer .composer--options-wrapper{background:#b9c8d5}.composer .composer--options>hr{display:none}.composer .composer--options--dropdown--content--item{color:#9baec8}.composer .composer--options--dropdown--content--item strong{color:#9baec8}.composer--upload_form--actions .icon-button{color:#ededed}.composer--upload_form--actions .icon-button:active,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:hover{color:#fff}.composer--upload_form--item>div input{color:#ededed}.composer--upload_form--item>div input::placeholder{color:#e6e6e6}.dropdown-menu__separator{border-bottom-color:#b3c3d1}.status__content a,.reply-indicator__content a{color:#2b90d9}.emoji-mart-bar{border-color:#e6ebf0}.emoji-mart-bar:first-child{background:#b9c8d5}.emoji-mart-search input{background:rgba(217,225,232,.3);border-color:#d9e1e8}.autosuggest-textarea__suggestions{background:#b9c8d5}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#e6ebf0}.react-toggle-track{background:#282c37}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:#131419}.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:#56a7e1}.actions-modal,.boost-modal,.doodle-modal,.confirmation-modal,.mute-modal,.block-modal,.report-modal,.embed-modal,.error-modal,.onboarding-modal,.report-modal__comment .setting-text__wrapper,.report-modal__comment .setting-text{background:#fff;border:1px solid #c0cdd9}.report-modal__comment{border-right-color:#c0cdd9}.report-modal__container{border-top-color:#c0cdd9}.boost-modal__action-bar,.doodle-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar,.onboarding-modal__paginator,.error-modal__footer{background:#ecf0f4}.boost-modal__action-bar .onboarding-modal__nav:hover,.doodle-modal__action-bar .onboarding-modal__nav:hover,.boost-modal__action-bar .onboarding-modal__nav:focus,.doodle-modal__action-bar .onboarding-modal__nav:focus,.boost-modal__action-bar .onboarding-modal__nav:active,.doodle-modal__action-bar .onboarding-modal__nav:active,.boost-modal__action-bar .error-modal__nav:hover,.doodle-modal__action-bar .error-modal__nav:hover,.boost-modal__action-bar .error-modal__nav:focus,.doodle-modal__action-bar .error-modal__nav:focus,.boost-modal__action-bar .error-modal__nav:active,.doodle-modal__action-bar .error-modal__nav:active,.confirmation-modal__action-bar .onboarding-modal__nav:hover,.confirmation-modal__action-bar .onboarding-modal__nav:focus,.confirmation-modal__action-bar .onboarding-modal__nav:active,.confirmation-modal__action-bar .error-modal__nav:hover,.confirmation-modal__action-bar .error-modal__nav:focus,.confirmation-modal__action-bar .error-modal__nav:active,.mute-modal__action-bar .onboarding-modal__nav:hover,.mute-modal__action-bar .onboarding-modal__nav:focus,.mute-modal__action-bar .onboarding-modal__nav:active,.mute-modal__action-bar .error-modal__nav:hover,.mute-modal__action-bar .error-modal__nav:focus,.mute-modal__action-bar .error-modal__nav:active,.block-modal__action-bar .onboarding-modal__nav:hover,.block-modal__action-bar .onboarding-modal__nav:focus,.block-modal__action-bar .onboarding-modal__nav:active,.block-modal__action-bar .error-modal__nav:hover,.block-modal__action-bar .error-modal__nav:focus,.block-modal__action-bar .error-modal__nav:active,.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{background-color:#fff}.empty-column-indicator,.error-column{color:#364959}.activity-stream-tabs{background:#fff}.activity-stream-tabs a.active{color:#9baec8}.activity-stream .entry{background:#fff}.activity-stream .status.light .status__content{color:#000}.activity-stream .status.light .display-name strong{color:#000}.accounts-grid .account-grid-card .controls .icon-button{color:#282c37}.accounts-grid .account-grid-card .name a{color:#000}.accounts-grid .account-grid-card .username{color:#282c37}.accounts-grid .account-grid-card .account__header__content{color:#000}.button.logo-button{color:#fff}.button.logo-button svg{fill:#fff}.public-layout .header,.public-layout .public-account-header,.public-layout .public-account-bio{box-shadow:none}.public-layout .header{background:#b3c3d1}.public-layout .public-account-header__image{background:#b3c3d1}.public-layout .public-account-header__image::after{box-shadow:none}.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#fff}.account__section-headline a.active::after{border-color:transparent transparent #fff}.hero-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.moved-account-widget,.memoriam-widget,.activity-stream,.nothing-here,.directory__tag>a,.directory__tag>div{box-shadow:none}.audio-player .video-player__controls button,.audio-player .video-player__time-sep,.audio-player .video-player__time-current,.audio-player .video-player__time-total{color:#000}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: darken($ui-base-color, 57%);\n$ui-highlight-color: $classic-highlight-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-base-color !default;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$success-green: lighten(#3c754d, 8%);\n\n$base-overlay-background: $white !default;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n\n$emojis-requiring-outlines: 'alien' 'baseball' 'chains' 'chicken' 'cloud' 'crescent_moon' 'dash' 'dove_of_peace' 'eyes' 'first_quarter_moon' 'first_quarter_moon_with_face' 'fish_cake' 'full_moon' 'full_moon_with_face' 'ghost' 'goat' 'grey_exclamation' 'grey_question' 'ice_skate' 'last_quarter_moon' 'last_quarter_moon_with_face' 'lightning' 'loud_sound' 'moon' 'mute' 'page_with_curl' 'rain_cloud' 'ram' 'rice' 'rice_ball' 'rooster' 'sheep' 'skull' 'skull_and_crossbones' 'snow_cloud' 'sound' 'speaker' 'speech_balloon' 'thought_balloon' 'volleyball' 'waning_crescent_moon' 'waning_gibbous_moon' 'waving_white_flag' 'waxing_crescent_moon' 'white_circle' 'white_large_square' 'white_medium_small_square' 'white_medium_square' 'white_small_square' 'wind_blowing_face';\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $lighter-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.emoji-picker-dropdown {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n\n  ::-webkit-scrollbar-track:hover,\n  ::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\n.glitch.local-settings {\n  background: $ui-base-color;\n\n  &__navigation {\n    background: darken($ui-base-color, 8%);\n  }\n\n  &__navigation__item {\n    background: darken($ui-base-color, 8%);\n\n    &:hover {\n      background: $ui-base-color;\n    }\n  }\n}\n\n.notification__dismiss-overlay {\n  .wrappy {\n    box-shadow: unset;\n  }\n\n  .ckbox {\n    text-shadow: unset;\n  }\n}\n\n.status.status-direct:not(.read) {\n  background: darken($ui-base-color, 8%);\n  border-bottom-color: darken($ui-base-color, 12%);\n\n  &.collapsed> .status__content:after {\n    background: linear-gradient(rgba(darken($ui-base-color, 8%), 0), rgba(darken($ui-base-color, 8%), 1));\n  }\n}\n\n.focusable:focus.status.status-direct:not(.read) {\n  background: darken($ui-base-color, 4%);\n\n  &.collapsed> .status__content:after {\n    background: linear-gradient(rgba(darken($ui-base-color, 4%), 0), rgba(darken($ui-base-color, 4%), 1));\n  }\n}\n\n// Change columns' default background colors\n.column {\n  > .scrollable {\n    background: darken($ui-base-color, 13%);\n  }\n}\n\n.status.collapsed .status__content:after {\n  background: linear-gradient(rgba(darken($ui-base-color, 13%), 0), rgba(darken($ui-base-color, 13%), 1));\n}\n\n.drawer__inner {\n  background: $ui-base-color;\n}\n\n.drawer__inner__mastodon {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color(darken($ui-base-color, 13%))}\"/></svg>') no-repeat bottom / 100% auto !important;\n\n  .mastodon {\n    filter: contrast(75%) brightness(75%) !important;\n  }\n}\n\n// Change the default appearance of the content warning button\n.status__content {\n\n  .status__content__spoiler-link {\n\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 35%);\n      text-decoration: none;\n    }\n\n  }\n\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n  background: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n  background: $ui-base-color;\n}\n\n.dropdown-menu__arrow {\n\n  &.left {\n    border-left-color: $ui-base-color;\n  }\n\n  &.top {\n    border-top-color: $ui-base-color;\n  }\n\n  &.bottom {\n    border-bottom-color: $ui-base-color;\n  }\n\n  &.right {\n    border-right-color: $ui-base-color;\n  }\n\n}\n\n.dropdown-menu__item {\n  a {\n    background: $ui-base-color;\n    color: $ui-secondary-color;\n  }\n}\n\n// Change the default color of several parts of the compose form\n.composer {\n\n  .composer--spoiler input, .compose-form__autosuggest-wrapper textarea {\n    color: lighten($ui-base-color, 80%);\n\n    &:disabled { background: lighten($simple-background-color, 10%) }\n\n    &::placeholder {\n      color: lighten($ui-base-color, 70%);\n    }\n  }\n\n  .composer--options-wrapper {\n    background: lighten($ui-base-color, 10%);\n  }\n\n  .composer--options > hr {\n    display: none;\n  }\n\n  .composer--options--dropdown--content--item {\n    color: $ui-primary-color;\n    \n    strong {\n      color: $ui-primary-color;\n    }\n\n  }\n\n}\n\n.composer--upload_form--actions .icon-button {\n  color: lighten($white, 7%);\n\n  &:active,\n  &:focus,\n  &:hover {\n    color: $white;\n  }\n}\n\n.composer--upload_form--item > div input {\n  color: lighten($white, 7%);\n\n  &::placeholder {\n    color: lighten($white, 10%);\n  }\n}\n\n.dropdown-menu__separator {\n  border-bottom-color: lighten($ui-base-color, 12%);\n}\n\n.status__content,\n.reply-indicator__content {\n  a {\n    color: $highlight-text-color;\n  }\n}\n\n.emoji-mart-bar {\n  border-color: darken($ui-base-color, 4%);\n\n  &:first-child {\n    background: lighten($ui-base-color, 10%);\n  }\n}\n\n.emoji-mart-search input {\n  background: rgba($ui-base-color, 0.3);\n  border-color: $ui-base-color;\n}\n\n.autosuggest-textarea__suggestions {\n  background: lighten($ui-base-color, 10%)\n}\n\n.autosuggest-textarea__suggestions__item {\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected {\n    background: darken($ui-base-color, 4%);\n  }\n}\n\n.react-toggle-track {\n  background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: lighten($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: darken($ui-highlight-color, 10%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal,\n.report-modal__comment .setting-text__wrapper,\n.report-modal__comment .setting-text {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.report-modal__comment {\n  border-right-color: lighten($ui-base-color, 8%);\n}\n\n.report-modal__container {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n  background: darken($ui-base-color, 6%);\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: darken($ui-base-color, 12%);\n    }\n  }\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n  color: lighten($ui-base-color, 60%);\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n\n  background: $account-background-color;\n\n  a {\n    &.active {\n      color: $ui-primary-color;\n      }\n  }\n\n}\n\n.activity-stream {\n\n  .entry {\n    background: $account-background-color;\n  }\n\n  .status.light {\n\n    .status__content {\n      color: $primary-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $primary-text-color;\n      }\n    }\n\n  }\n\n}\n\n.accounts-grid {\n  .account-grid-card {\n\n    .controls {\n      .icon-button {\n        color: $ui-secondary-color;\n      }\n    }\n\n    .name {\n      a {\n        color: $primary-text-color;\n      }\n    }\n\n    .username {\n      color: $ui-secondary-color;\n    }\n\n    .account__header__content {\n      color: $primary-text-color;\n    }\n\n  }\n}\n\n.button.logo-button {\n  color: $white;\n\n  svg {\n    fill: $white;\n  }\n}\n\n.public-layout {\n  .header,\n  .public-account-header,\n  .public-account-bio {\n    box-shadow: none;\n  }\n\n  .header {\n    background: lighten($ui-base-color, 12%);\n  }\n\n  .public-account-header {\n    &__image {\n      background: lighten($ui-base-color, 12%);\n\n      &::after {\n        box-shadow: none;\n      }\n    }\n\n    &__tabs {\n      &__name {\n        h1,\n        h1 small {\n          color: $white;\n        }\n      }\n    }\n  }\n}\n\n.account__section-headline a.active::after {\n  border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n  box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n  color: $primary-text-color;\n}\n"],"sourceRoot":""}