{"version":3,"sources":["webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///application.scss","webpack:///./app/javascript/styles/application.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss"],"names":[],"mappings":"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BACA,eACA,aLrHsB,CKsHtB,iBACA,qBACA,gBACA,SR8mCF,CQ5mCE,mBACE,aACA,yBACA,gBACA,eACA,aR8mCJ,CQ3mCE,yBACE,gBAEA,kBR6mCJ,CQ1mCE,kBACE,qBAEA,oBACA,aL7IoB,CK8IpB,qBACA,mBACA,gBACA,sBR4mCJ,CQ1mCI,yEAGE,yBR0mCN,CQrmCA,sBAEE,uBACA,kBACA,kBLtKW,CKuKX,mCACA,aLhKwB,CKiKxB,gBACA,kBRwmCF,CQtmCE,qDAEE,eRwmCJ,CQrmCM,qXACE,eRwnCR,CQnnCE,wBACE,cACA,yBRqnCJ,CQ5mCM,wLAGE,oBRknCR,CQhnCQ,kIACE,yBRknCV,CQ5mCE,+BACE,kBR8mCJ,CQ5mCI,mCACE,iBACA,aR8mCN,CQzmCI,6DACE,kBACA,cR2mCN,CQxmCI,2DACE,gBACA,oBR0mCN,CQxmCM,gEACE,eR0mCR,CQpmCA,iBACE,aAEA,eLnPM,CKqPN,eACA,aLvOsB,CKwOtB,kBRumCF,CQpmCA,8BARE,kBAEA,kCRmnCF,CQ7mCA,aACE,mBAGA,kBACA,kBACA,aRumCF,CQrmCE,gBACE,ULlQI,CKmQJ,eACA,gBACA,gBACA,kBRumCJ,CQpmCE,eACE,eACA,aRsmCJ,CQnmCE,oCArBF,aAsBI,aACA,kBRsmCF,CQpmCE,gBACE,cRsmCJ,CACF,CQlmCA,WACE,kBLlRW,CKmRX,kBACA,kCRqmCF,CQnmCE,gBACE,sBACA,kBRqmCJ,CQnmCI,sCAEE,aACA,mBACA,8BACA,kBL/RO,CKgSP,kBACA,aACA,qBACA,cACA,kCRomCN,CQhmCM,yEAGE,kBRgmCR,CQ5lCI,yBACE,kBLvSoB,CKwSpB,cR8lCN,CQ3lCI,6BACE,WACA,cR6lCN,CQ1lCI,mBACE,cACA,eACA,gBACA,ULpUE,CKqUF,mBACA,gBACA,sBR4lCN,CQ1lCM,uBACE,aR4lCR,CQzlCM,yBACE,cACA,gBACA,eACA,eACA,aR2lCR,CQtlCM,yIAIE,URwlCR,CQplCI,8BACE,cACA,WRslCN,CQnlCI,sDACE,oBRqlCN,CQllCI,uCACE,eRolCN,CQ/kCA,cACE,aACA,wBRklCF,CQhlCE,+BACE,cACA,WACA,YACA,kBACA,kBACA,kBACA,mBACA,wBRklCJ,CQhlCI,2CACE,SRklCN,CQ/kCI,4CACE,SRilCN,CQ9kCI,4CACE,SRglCN,CQ3kCA,gBACE,UR8kCF,CQ5kCE,yBACE,UACA,QR8kCJ,CQ3kCE,uBACE,eR6kCJ,CQ1kCE,yBACE,kBACA,yBACA,aL3YoB,CK4YpB,gBACA,YR4kCJ,CQ1kCI,qCACE,eR4kCN,CQxkCE,yBACE,eACA,sBACA,+BR0kCJ,CQvkCE,uCACE,eRykCJ,CQtkCE,uBACE,YACA,kBACA,eACA,gBACA,URwkCJ,CQtkCI,6BACE,cACA,aLvakB,CKwalB,gBACA,cRwkCN,CQpkCE,yBACE,UACA,gCRskCJ,CQnkCE,oCACE,kCACE,YRqkCJ,CACF,CQ1jCE,oCAPF,qIAQI,gBACA,gBACA,eRokCF,CACF,CQ9jCA,eACE,gBRikCF,CQ/jCE,oCAHF,eAII,oBRkkCF,CACF,CQhkCE,qBACE,sBRkkCJ,CQhkCI,qCAHF,qBAII,sBRmkCJ,CACF,CQjkCI,oCAPF,qBAQI,URokCJ,CACF,CQlkCI,oCAXF,qBAYI,WRqkCJ,CACF,CQlkCE,gCACE,iBRokCJ,CQlkCI,oCAHF,gCAII,4BRqkCJ,CACF,CQlkCM,+DACE,eRokCR,CQjkCM,yDACE,eACA,gBRmkCR,CQjkCQ,mEACE,WACA,YACA,eRmkCV,CQhkCQ,wFACE,iBACA,QRkkCV,CQ9jCM,kKAGE,eRgkCR,CQ1jCA,eAEE,aR6jCF,CQ3jCE,gCAHA,kBRikCF,CQ3jCI,4BACE,eR6jCN,CQzjCE,iBACE,eACA,gBR2jCJ,CQrjCE,uCACE,qBACA,gBACA,aRyjCJ,CQvjCI,2JAGE,yBR0jCN,CQrjCA,mBACE,mBACA,gBACA,eACA,iBRwjCF,CQtjCE,wBACE,cACA,gBACA,aAEA,mBACA,gBACA,uBACA,qBACA,ULpkBI,CKqkBJ,+BRwjCJ,CQtjCI,2FAGE,yBRsjCN,CQljCE,mCACE,eRojCJ,CQjjCE,yBACE,kBACA,+BRmjCJ,CSvoDA,KACE,gDACA,eT0oDF,CSvoDA,gBACE,gBACA,aACA,aT0oDF,CStoDE,oBACE,mBACA,eTyoDJ,CSvoDI,2BACE,QTyoDN,CSroDM,yCACE,kBTuoDR,CSroDQ,oDACE,eTuoDV,CSnoDM,+CACE,kBACA,iBTqoDR,CSnoDQ,qDACE,kBACA,SACA,MTqoDV,CShoDI,4BACE,kBACA,eTkoDN,CShoDM,+CACE,oBACA,eACA,gBACA,UNjDA,CMkDA,cACA,UTkoDR,CS/nDM,2EAEE,iBTioDR,CS9nDM,kDACE,eTgoDR,CS7nDM,2CACE,kBACA,QACA,MT+nDR,CS5nDM,oCACE,aNtDkB,CMuDlB,yBT8nDR,CS5nDQ,+HAGE,oBT4nDV,CSxnDM,yCACE,kBAEA,iBT0nDR,CSrnDE,kBACE,aACA,aTunDJ,CSrnDI,yBACE,sBACA,cACA,UACA,aTunDN,CSnnDE,mBACE,aTqnDJ,CSnnDI,qBACE,aTqnDN,CSlnDI,wBACE,kBACA,kBACA,eTonDN,CSjnDI,sBACE,gBACA,gBTmnDN,CS/mDE,qBACE,kBTinDJ,CS9mDE,uBACE,cACA,eACA,cTgnDJ,CS7mDE,oBACE,mBACA,aT+mDJ,CS7mDI,gCACE,kBACA,eACA,iBACA,gBACA,eT+mDN,CS3mDE,mBACE,kBT6mDJ,CS1mDE,oBACE,eT4mDJ,CSzmDM,0JACE,eTunDR,CSjnDI,qDACE,YTmnDN,CSjnDM,2DACE,oBACA,eACA,UNnKA,CMoKA,gBACA,gBACA,aTmnDR,CShnDM,uHAEE,aTknDR,CS9mDI,qDACE,eACA,iBTgnDN,CS3mDI,kDACE,oBACA,eACA,UNzLE,CM0LF,cACA,kBACA,qBACA,eT6mDN,CS1mDI,qCACE,cT4mDN,CSzmDI,kCACE,UT2mDN,CSvmDE,qCACE,cTymDJ,CSvmDI,2CACE,oBACA,eACA,UN/ME,CMgNF,cACA,gBACA,eTymDN,CStmDI,2CACE,kBTwmDN,CSrmDI,wCACE,6BTumDN,CSnmDE,4BACE,qBACA,aTqmDJ,CSlmDE,2BACE,kBTomDJ,CSlmDI,6CACE,eTomDN,CShmDE,yBACE,aAEA,gBACA,mBTkmDJ,CShmDI,gCACE,cTkmDN,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B,COgMxB,sCACA,qCVy/EF,CUv/EE,4DACE,aPlNY,COmNZ,sCACA,iCV0/EJ,CUv/EE,oDACE,cACA,sCACA,iCV0/EJ,CUt/EA,yBACE,gBACA,UACA,wBACA,6BAEA,6EACA,eACA,gBVy/EF,CUv/EE,4BACE,aACA,+BVy/EJ,CUt/EE,wDAEE,sBACA,aACA,kBACA,gBACA,gBACA,mBACA,sBVw/EJ,CUr/EE,4BACE,gBACA,YACA,cACA,aP9OsB,CO+OtB,yBVu/EJ,CUp/EE,4BACE,cACA,aVs/EJ,CUn/EE,2BACE,aPvPsB,COwPtB,oBVq/EJ,CUn/EI,oGAGE,yBVm/EN,CU/+EE,mCACE,sCACA,gCVi/EJ,CU/+EI,qCACE,aPrRU,COsRV,eVi/EN,CU9+EI,yCACE,aVg/EN,CU5+EE,uCACE,eV8+EJ,CU1+EA,uCACE,UV6+EF,CUz+EE,yBACE,aV4+EJ,CU1+EI,2BACE,aP9RoB,CO+RpB,oBV4+EN,CU1+EM,oGAGE,yBV0+ER,CUt+EI,gCACE,UPxTE,COyTF,eVw+EN,CUp+EE,uBACE,eVs+EJ,CWtyFA,iBACE,mCACA,kBACA,gBACA,kBXyyFF,CWvyFE,6BACE,yBXyyFJ,CWtyFE,oCAVF,iBAWI,gBACA,gBACA,eXyyFF,CACF,CWvyFE,2BACE,gBACA,SACA,eXyyFJ,CWvyFI,+EAEE,yBXyyFN,CWryFE,qCACE,UXuyFJ,CWpyFE,wBACE,kBXsyFJ,CWpyFI,4GAGE,qCXsyFN,CWlyFM,6IAGE,gBACA,yBXoyFR,CW/xFM,gJAGE,yBXiyFR,CW7xFQ,iLAGE,iBX+xFV,CW1xFI,oCACE,4GAGE,yBX4xFN,CACF,CWxxFE,qCACE,kBX0xFJ,CWtxFA,oBACE,YACA,eACA,kBRhEwB,CQiExB,URjFM,CQkFN,oBACA,iBACA,YACA,iBACA,QXyxFF,CWvxFE,wBACE,WACA,YACA,sBACA,iBACA,SXyxFJ,CWtxFE,+EAGE,kBXsxFJ,CWjxFI,oNAGE,kBXixFN,CW5wFI,2IAGE,kBX4wFN,CWxwFE,oCACE,wBACE,YX0wFJ,CACF,CWpwFE,wDACE,YXwwFJ,CWrwFE,sCACE,4BACA,eXwwFJ,CWtwFI,sDACE,UACA,QXywFN,CWtwFI,wDACE,eXywFN,CWtwFI,wDACE,iBACA,gBXywFN,CWtwFI,kFACE,UXywFN,CWtwFI,oMAGE,eX0wFN,CYz6FA,gCACE,u+KZ46FF,CY16FE,sCACE,u+KZ46FJ,CYx6FA,yCACE,u+KZ26FF,CDp7FA,UACE,iCACA,2CCu7FF,CDp7FA,aACE,cACA,eACA,iBACA,aISwB,CJRxB,SACA,uBACA,UACA,cCu7FF,CDr7FE,uCAEE,yBCs7FJ,CDn7FE,sBACE,aILoB,CJMpB,cCq7FJ,CDj7FA,QACE,wBITwB,CJUxB,YACA,kBACA,sBACA,UI7BM,CJ8BN,eACA,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,UCo7FF,CDl7FE,2CAGE,yBACA,2BCk7FJ,CD/6FE,qBACE,eCi7FJ,CD/6FI,kFAGE,wBI5DM,CJ6DN,eC+6FN,CD36FE,kCAEE,wBIvDoB,CJwDpB,cC46FJ,CDz6FE,0BACE,QC26FJ,CDx6FE,uDAGE,mBCw6FJ,CDr6FE,wGAIE,eACA,iBACA,YACA,oBACA,gBCo6FJ,CDj6FE,2BACE,aIxFS,CJyFT,kBCm6FJ,CDj6FI,oGAGE,wBCi6FN,CD75FE,6BACE,kBC+5FJ,CD75FI,0GAGE,wBC65FN,CDz5FE,yBACE,aItGoB,CJuGpB,uBACA,iBACA,wBC25FJ,CDz5FI,8FAGE,qBACA,aCy5FN,CDt5FI,kCACE,UCw5FN,CDp5FE,sBACE,cACA,UCs5FJ,CDl5FA,iBACE,aACA,cACA,iBCq5FF,CDl5FA,aACE,qBACA,UACA,aIxHsB,CJyHtB,SACA,kBACA,uBACA,eACA,2BACA,0CCq5FF,CDn5FE,0DAGE,cACA,qCACA,4BACA,0CCm5FJ,CDh5FE,mBACE,mCCk5FJ,CD/4FE,sBACE,cACA,6BACA,cCi5FJ,CD94FE,oBACE,aCg5FJ,CD74FE,+BACE,QC+4FJ,CD54FE,sEAGE,mBC44FJ,CDz4FE,sBACE,aC24FJ,CDz4FI,qFAGE,cACA,oCCy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CE,SCi1FV,CD50FI,uEACE,kBACA,qBIvnBE,CJwnBF,wBACA,sBACA,4BACA,aACA,WACA,eC80FN,CD10FE,6CACE,aACA,mBACA,0BACA,aACA,8BACA,aC40FJ,CD10FI,oEACE,YC40FN,CD10FM,sGACE,gBC40FR,CDz0FM,oGACE,YC20FR,CDz0FQ,4IACE,aC20FV,CDx0FQ,0IACE,gBC00FV,CDr0FI,yHAEE,uBACA,aCu0FN,CDp0FI,yEACE,kBACA,gBCs0FN,CDl0FE,qCACE,aACA,yBACA,YACA,aCo0FJ,CDl0FI,2EACE,gBACA,gBCo0FN,CD/zFA,mBACE,eACA,kDACA,eACA,gBACA,aCk0FF,CDh0FE,2CACE,aCk0FJ,CD9zFA,iCACE,2CCi0FF,CD9zFA,UcvsBA,8DdysBE,CACA,yCACA,wBACA,WACA,WCi0FF,CD/zFE,cACE,UCi0FJ,CD7zFA,iBACE,kBACA,mBACA,kBIvsBsB,CJwsBtB,aACA,gBACA,gBACA,aCg0FF,CD7zFA,yBACE,kBACA,eCg0FF,CD7zFA,yBACE,YACA,gBCg0FF,CD7zFA,+BACE,aIhuBW,CJiuBX,cACA,eACA,iBACA,gBACA,mBACA,oBCg0FF,CD7zFA,iCACE,WACA,gBCg0FF,CD7zFA,8BACE,cCg0FF,CD7zFA,2CAEE,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,UCg0FF,CD9zFE,uDACE,SCi0FJ,CD9zFE,uGACE,kBCi0FJ,CD/zFI,qJACE,oBCk0FN,CD9zFE,+DACE,WACA,YACA,eCi0FJ,CD9zFE,mDACE,eACA,iBACA,yECi0FJ,CD9zFE,+CACE,mBACA,oBCi0FJ,CD/zFI,qEACE,eCk0FN,CD9zFE,+CACE,aI7xBY,CJ8xBZ,oBCi0FJ,CD/zFI,2DACE,yBCk0FN,CDh0FM,mEACE,aCm0FR,CD9zFM,2EACE,oBCi0FR,CD/zFQ,qFACE,yBCk0FV,CD7zFI,uDACE,aCg0FN,CD5zFE,6EACE,aC+zFJ,CD5zFE,yGACE,kBC+zFJ,CD7zFI,qHACE,mBACA,oBCg0FN,CD7zFI,6IACE,QCg0FN,CD7zFI,yXAG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,SACA,+BACA,UInxCE,CJoxCF,6BACA,gBACA,cCsxFN,CDjxFA,mBACE,cCoxFF,CDjxFA,yBezxCE,Uf0xCqB,CezxCrB,WfyxCqB,CexxCrB,yBd8iIF,CDpxFE,8BenyCA,kBACA,iCACA,wBACA,4BAIA,Uf8xCuB,Ce7xCvB,Wf6xCuB,Ce5xCvB,yBdujIF,CDxxFE,iCexyCA,kBACA,iCACA,wBACA,4BAIA,UfmyCuB,CelyCvB,WfkyCuB,CejyCvB,0BfmyCE,kBACA,SACA,QACA,SC8xFJ,CD1xFA,uBACE,YACA,aACA,kBC6xFF,CD1xFA,qBACE,aACA,6BACA,aC6xFF,CD3xFE,4BACE,eC6xFJ,CD1xFM,kMACE,eCwyFR,CDnyFE,uBACE,gBACA,cACA,yBCqyFJ,CDnyFI,wFAGE,oBCmyFN,CD9xFA,qBACE,6BACA,gCACA,iBACA,gBACA,cACA,YCiyFF,CD9xFA,8BACE,YCiyFF,CD/xFE,2CACE,qBCiyFJ,CD7xFI,mFACE,SACA,UC+xFN,CD5xFI,sDACE,YACA,iBACA,gBACA,UC8xFN,CDzxFA,2BACE,aACA,cACA,iBACA,iBC4xFF,CDzxFA,0BACE,qBACA,gBACA,cACA,+BACA,eACA,mCC4xFF,CD1xFE,iCACE,+BC4xFJ,CDzxFE,+BACE,cACA,yBACA,eACA,aC2xFJ,CDxxFE,iCACE,cACA,eACA,gBACA,UC0xFJ,CDvxFM,2NACE,eCqyFR,CD/xFA,mBACE,iBCkyFF,CDhyFE,kDACE,cACA,mBACA,eCkyFJ,CD9xFA,2BACE,WACA,iBCiyFF,CD9xFA,4JAME,oBCiyFF,CD5xFE,2DACE,UCgyFJ,CD3xFE,iBACE,UC8xFJ,CDtxFE,gKACE,yBC4xFJ,CDxxFA,8BACE,cACA,gBACA,sBC2xFF,CDxxFA,yDAEE,aC2xFF,CDxxFA,+BACE,aIt8CwB,CJu8CxB,cACA,iBACA,mBACA,eC2xFF,CDzxFE,0EAEE,cACA,uBACA,eC2xFJ,CDxxFE,sCACE,eACA,UC0xFJ,CDtxFA,iCACE,WACA,iBCyxFF,CDtxFA,gBACE,YACA,UACA,kBACA,SACA,UCyxFF,CDtxF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BAEA,gBACA,WACA,YACA,iBC8qFF,CD5qFE,sBACE,kBC8qFJ,CD1qFA,yBACE,w1BACA,OACA,gBACA,YC6qFF,CD3qFE,6BACE,cACA,sGACA,2DACA,WACA,YACA,oBACA,eACA,oFC6qFJ,CD1qFE,qCAjBF,yBAkBI,aC6qFF,CACF,CD1qFA,eACE,mBACA,eACA,eC6qFF,CD1qFA,gBACE,cACA,eACA,mBACA,mBACA,aACA,mBACA,iBC6qFF,CD3qFE,kBACE,iCC6qFJ,CD3qFI,wBACE,mBACA,kCC6qFN,CDxqFA,YACE,kBACA,kBACA,cACA,iCACA,qBC2qFF,CDzqFE,kCACE,eC2qFJ,CDxqFE,yBAXF,YAYI,cC2qFF,CACF,CDzqFE,kBACE,aACA,qBC2qFJ,CDxqFE,oBACE,cACA,kBACA,gBC0qFJ,CDrqFE,yBADF,uBAEI,YCyqFF,CACF,CDtqFA,oBACE,sBACA,WACA,mBACA,aI79EwB,CJ89ExB,eACA,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,SCyqFF,CDvqFE,0BACE,yBCyqFJ,CDrqFA,4BACE,mBACA,SACA,oBACA,aIl/EwB,CJm/ExB,eACA,mBACA,eACA,kBACA,SCwqFF,CDtqFE,kCACE,yBCwqFJ,CDrqFE,uCACE,kBCuqFJ,CDnqFA,0BACE,qBACA,gBCsqFF,CDnqFA,0BACE,iBCsqFF,CDnqFA,iCACE,eACA,cACA,eACA,aACA,kBACA,QACA,SCsqFF,CDnqFA,cACE,qBACA,kBACA,eACA,6BACA,SACA,UACA,qFACA,0CACA,uCCsqFF,CDnqFA,gCACE,SACA,mBACA,WACA,YACA,gBACA,UACA,kBACA,SCsqFF,CDnqFA,wBACE,mBACA,WACA,uBCsqFF,CDnqFA,oBACE,WACA,YACA,UACA,mBACA,wBIhkFW,CJikFX,oCCsqFF,CDnqFA,qEACE,wBCsqFF,CDnqFA,2CACE,wBCsqFF,CDnqFA,8EACE,wBCsqFF,CDnqFA,0BACE,kBACA,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,4BCsqFF,CD9pFA,uEAJE,UACA,4B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ACE,eC2lFN,CDtlFA,UACE,qBACA,UACA,oBACA,kBACA,cACA,SACA,uBACA,cCylFF,CDtlFA,qBACE,qBACA,gBCylFF,CDtlFA,mBACE,aIxwGsB,CJywGtB,eACA,gBACA,yBACA,iBACA,kBACA,QACA,SACA,8BCylFF,CDvlFE,wBACE,cACA,WAEA,2BACA,oBACA,kBCylFJ,CDrlFA,2BACE,kBACA,QACA,SACA,+BACA,WACA,YACA,sBACA,6BAEA,yBACA,iBCwlFF,CDrlFA,0CACE,+ICwlFF,CDrlFA,6CACE,iJCwlFF,CDrlFA,iCACE,GACE,QACA,SACA,wBCwlFF,CDrlFA,IACE,wBCulFF,CDplFA,IACE,WACA,YACA,6BACA,kBACA,SCslFF,CDnlFA,GACE,WACA,YACA,eACA,UACA,4BCqlFF,CACF,CD9mFA,yBACE,GACE,QACA,SACA,wBCwlFF,CDrlFA,IACE,wBCulFF,CDplFA,IACE,WACA,YACA,6BACA,kBACA,SCslFF,CDnlFA,GACE,WACA,YACA,eACA,UACA,4BCqlFF,CACF,CDllFA,gCACE,GAAK,WCqlFL,CDplFA,IAAM,SCulFN,CDtlFA,GAAO,WCylFP,CACF,CD7lFA,wBACE,GAAK,WCqlFL,CDplFA,IAAM,SCulFN,CDtlFA,GAAO,WCylFP,CACF,CDvlFA,mBACE,mBACA,eIn3GM,CJo3GN,UIn3GM,CJo3GN,eACA,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,WCylFF,CDtlFA,eACE,eIj4GM,CJk4GN,aIn3GsB,CJo3GtB,SACA,UACA,WACA,YACA,kBACA,4DCylFF,CDvlFE,gEAGE,UACA,aCulFJ,CDnlFA,wBACE,cACA,cCslFF,CDnlFA,wBACE,cACA,eACA,eCslFF,CDnlFA,gBACE,MACA,OACA,WACA,YACA,kBACA,WCslFF,CDplFE,0BACE,cACA,SACA,QACA,WACA,WCslFJ,CDnlFE,4BACE,mBCqlFJ,CDllFE,wBACE,YColFJ,CDjlFE,yBACE,cACA,uBACA,WACA,YACA,QCmlFJ,CDjlFI,gCACE,qBACA,0BACA,kBACA,iBACA,UIh8GE,CJi8GF,gBACA,cCmlFN,CD7kFM,8LACE,yBC+kFR,CD1kFM,kEACE,yBC4kFR,CDtkFA,4BACE,kBCykFF,CDtkFA,gBACE,mBACA,6BACA,gCACA,aACA,mBACA,cCykFF,CDtkFA,iDAEE,cACA,iBCykFF,CDtkFA,wBACE,mBACA,YCykFF,CDtkFA,0BACE,aIh+GsB,CJi+GtB,eACA,cACA,gBACA,kBCykFF,CDrkFE,iDACE,kBCwkFJ,CDpkFI,mDe/+GF,UACA,sBACA,WACA,SACA,gBACA,oBACA,kBXXW,CWYX,aXLsB,CWMtB,eACA,QdsjMF,CD7kFM,8EACE,aC+kFR,CDhlFM,qEACE,aC+kFR,CDhlFM,yEACE,aC+kFR,CDhlFM,0EACE,aC+kFR,CDhlFM,gEACE,aC+kFR,CD5kFM,qEACE,QC8kFR,CD3kFM,wLAGE,mBC2kFR,CDxkFM,yDACE,kBC0kFR,CDvkFM,oCArBF,mDAsBI,cC0kFN,CACF,CDvkFI,uDACE,aI1/GkB,CJ2/GlB,iBACA,cCykFN,CDtkFI,2DACE,gBCwkFN,CDrkFI,uDACE,kBCukFN,CDrkFM,+DACE,cCukFR,CDrkFQ,gNAGE,mBACA,aCqkFV,CDhkFI,+GAEE,aCikFN,CD9jFI,yHAEE,eACA,gBACA,aC+jFN,CD7jFM,iZAGE,aC6jFR,CDzjFI,+DACE,wBC2jFN,CDxjFI,gDe3iHF,eXzBM,CW0BN,kBAGA,gBACA,aXhBsB,CWiBtB,uCfuiHI,UACA,kBCgkFN,CctmME,mDACE,yBACA,aXrBoB,CWsBpB,eACA,gBACA,kBdwmMJ,CcrmME,mDACE,adumMJ,CcpmME,mDACE,kBdsmMJ,CcnmME,mDACE,gBACA,adqmMJ,CD9kFI,qDACE,WCglFN,CD7kFI,kDACE,aIxkHO,CJykHP,kBACA,cC+kFN,CD7kFM,6HAEE,kBC8kFR,CDvkFE,gCACE,kBC0kFJ,CDtkFA,kBACE,UIlmHM,CJmmHN,kBACA,cACA,mBACA,qBIvmHM,CJwmHN,yBACA,eACA,gBACA,YACA,kBACA,UCykFF,CDvkFE,wBACE,SCykFJ,CDrkFA,gBACE,cACA,gBCwkFF,CDrkFA,uBACE,aI3mHsB,CJ4mHtB,qBACA,mBACA,gBACA,qBCwkFF,CDrkFA,sCAEE,aItmHsB,CJumHtB,kBI5nHW,CJ6nHX,kBACA,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,sBCwkFF,CDtkFE,yBAdF,sCAeI,cC0kFF,CACF,CDxkFE,gDACE,eC2kFJ,CDxkFE,0CACE,aIvoHsB,CJwoHtB,oBC2kFJ,CDzkFI,sDACE,yBC4kFN,CDvkFA,cACE,qBC0kFF,CDvkFA,6BACE,GACE,mBACA,6EC0kFF,CDvkFA,IACE,qBACA,2ECykFF,CDtkFA,IACE,qBACA,6ECwkFF,CDrkFA,IACE,qBACA,2ECukFF,CDpkFA,IACE,mBACA,6ECskFF,CACF,CD9lFA,qBACE,GACE,mBACA,6EC0kFF,CDvkFA,IACE,qBACA,2ECykFF,CDtkFA,IACE,qBACA,6ECwkFF,CDrkFA,IACE,qBACA,2ECukFF,CDpkFA,IACE,mBACA,6ECskFF,CACF,CDnkFA,iCACE,+BACA,6GCqkFF,CDlkFA,gCACE,MAEE,uBACA,yBCokFF,CDjkFA,IACE,sBCmkFF,CDhkFA,YAGE,uBCgkFF,CD7jFA,YAGE,sBC6jFF,CD1jFA,IACE,uBC4jFF,CDzjFA,IACE,sBC2jFF,CACF,CDxlFA,wBACE,MAEE,uBACA,yBCokFF,CDjkFA,IACE,sBCmkFF,CDhkFA,YAGE,uBCgkFF,CD7jFA,YAGE,sBC6jFF,CD1jFA,IACE,uBC4jFF,CDzjFA,IACE,sBC2jFF,CACF,CDxjFA,gCACE,0BACA,mJC0jFF,CDvjFA,6BACE,eI1uHM,CJ2uHN,kBACA,sCACA,kBACA,eACA,SC0jFF,CDxjFE,gDACE,2BC0jFJ,CDvjFE,0DACE,UCyjFJ,CDrjFA,kCACE,kBACA,SACA,WACA,cCwjFF,CDrjFA,wCACE,kBACA,UACA,SACA,UACA,eItwHM,CJuwHN,kBACA,sCACA,eCwjFF,CDtjFE,+CACE,cACA,eACA,SACA,gBACA,sBCwjFJ,CDtjFI,gKAGE,+BCsjFN,CDljFE,0DACE,WCojFJ,CD/iFE,uBACE,2BCkjFJ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,aACA,8BACA,kBCyiFN,CDriFE,2CACE,cACA,aI/pJS,CJgqJT,eACA,gBACA,kBCuiFJ,CDpiFE,uCACE,gBACA,kBCsiFJ,CDpiFI,8CACE,aI1qJO,CJ2qJP,cCsiFN,CDliFE,oCAnFF,uBAoFI,aACA,eACA,OCqiFF,CDniFE,uCACE,iBCqiFJ,CACF,CDjiFA,eACE,gBACA,cCoiFF,CDliFE,uBACE,gBACA,gBCoiFJ,CDjiFE,0CACE,eCmiFJ,CDhiFE,kBACE,gBACA,cACA,eCkiFJ,CDhiFI,8BACE,4BCkiFN,CD/hFI,2BACE,QCiiFN,CD7hFM,mCACE,aIttJK,CJutJL,aACA,kBACA,eACA,mBACA,oBC+hFR,CD7hFQ,6EAEE,eC+hFV,CDxhFU,wWAEE,kBI/tJc,CJguJd,UC6hFZ,CDzhFQ,sDACE,iBC2hFV,CDjhFE,mMACE,aCshFJ,CDlhFA,gIAIE,6BACA,aI7uJsB,CJ8uJtB,eACA,eCqhFF,CDnhFE,4cAGE,aC4hFJ,CDxhFA,oGAIE,aACA,cC2hFF,CDzhFE,gIACE,eC8hFJ,CD3hFM,w1BACE,eCwjFR,CDljFA,qDAEE,iBCqjFF,CDhjFE,mDACE,eCojFJ,CDjjFE,yDACE,gBACA,mBACA,aACA,kBCojFJ,CDljFI,uEACE,aIjzJO,CJmzJP,gBCqjFN,CDhjFA,sBACE,YCmjFF,CDjjFE,0CACE,SACA,UCmjFJ,CD/iFA,aACE,wBIzzJwB,CJ0zJxB,WACA,kBACA,MACA,OACA,YCkjFF,CD/iFA,4BACE,cACA,kBACA,UIp1JM,CJq1JN,0BACA,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,gBCkjFF,CD7iFI,0DACE,YCgjFN,CD3iFI,uDACE,SC6iFN,CDxiFA,sBACE,eC2iFF,CDziFE,4BACE,UC2iFJ,CDviFA,iBACE,aACA,eACA,yBACA,kBACA,gBACA,eC0iFF,CDxiFE,uBACE,cACA,aIv2JoB,CJw2JpB,iBACA,eACA,+BACA,aACA,sBACA,mBACA,uBACA,cC0iFJ,CDxiFI,2BACE,aC0iFN,CDtiFE,uBACE,gBAEA,sBA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Ck9EJ,CDh9EI,sBACE,aACA,kBACA,gBACA,eCk9EN,CDh9EM,0BACE,cACA,WACA,YACA,SACA,mECk9ER,CD98EI,sBACE,aACA,mBACA,mBACA,YCg9EN,CD98EM,4BACE,cACA,aACA,mBACA,qBACA,eCg9ER,CD78EM,oCACE,WACA,eACA,aC+8ER,CD58EM,8BACE,cACA,WACA,YACA,eC88ER,CD58EQ,kCACE,WACA,YACA,cACA,SACA,kBACA,mBACA,mEC88EV,CD18EM,oCACE,iBACA,eC48ER,CD18EQ,2CACE,eACA,UI77KF,CJ87KE,gBACA,gBACA,sBC48EV,CDz8EQ,yCACE,cACA,eACA,aIx7Kc,CJy7Kd,gBACA,gBACA,sBC28EV,CDt8EI,wBACE,kBIx8KO,CJy8KP,aACA,mBACA,sBCw8EN,CDt8EM,+CACE,aACA,cACA,cCw8ER,CDr8EM,kDACE,sBACA,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,sBCu8ER,CDr8EQ,oDACE,YCu8EV,CDr8EU,gEACE,cCu8EZ,CDn8EQ,qDACE,YCq8EV,CD97EA,4BACE,aACA,eACA,eCi8EF,CD97EA,uBACE,SACA,sBACA,cACA,kBACA,kBACA,gBACA,UCi8EF,CD/7EE,8BACE,kBACA,QACA,SACA,+BACA,cCi8EJ,CD77EA,qDAEE,mBACA,gCACA,eACA,aACA,aCg8EF,CD97EE,mEACE,mBACA,SACA,QCi8EJ,CD97EE,4HAEE,cACA,cACA,aIhhLoB,CJihLpB,eACA,eACA,gBACA,kBACA,qBACA,iBCk8EJ,CDh8EI,wJACE,aCq8EN,CDn8EM,oWAEE,cACA,WACA,kBACA,SACA,SACA,QACA,SACA,2BAGA,wFC08ER,CDv8EM,gLACE,YACA,4CC48ER,CDv8EE,6GACE,mBACA,+BC08EJ,CDr8EQ,oSACE,YC08EV,CDv8EQ,gSACE,4CC48EV,CDr8EA,aACE,kBCw8EF,CDt8EE,qBACE,iBCw8EJ,CDr8EE,2BACE,aCu8EJ,CDn8EA,cACE,eACA,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,cCs8EF,CDp8EE,mEAEE,YCs8EJ,CDn8EE,qBACE,qBACA,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,qBCq8EJ,CDn8EI,6BACE,qBACA,kBCq8EN,CDh8EA,0BACE,eCm8EF,CDh8EA,ee9mLE,eXzBM,CW0BN,kBAEA,uBACA,gBACA,aXhBsB,CWiBtB,sCdkjQF,CchjQE,kBACE,yBACA,aXrBoB,CWsBpB,eACA,gBACA,kBdkjQJ,Cc/iQE,kBACE,adijQJ,Cc9iQE,kBACE,kBdgjQJ,Cc7iQE,kBACE,gBACA,ad+iQJ,CDv9EA,SACE,iBC09EF,CDx9EE,aACE,YACA,WACA,mEC09EJ,CDv9EE,aACE,eACA,iBACA,aIxoLsB,CJyoLtB,eCy9EJ,CDv9EI,eACE,aI3oLoB,CJ4oLpB,yBCy9EN,CDv9EM,qBACE,oBCy9ER,CDn9EA,2BACE,GAAK,SCu9EL,CDt9EA,IAAM,WCy9EN,CDx9EA,GAAO,SC29EP,CACF,CD/9EA,mBACE,GAAK,SCu9EL,CDt9EA,IAAM,WCy9EN,CDx9EA,GAAO,SC29EP,CACF,CDz9EA,2DAIE,kBAEE,uBACA,6BCw9EF,CDr9EA,gBACE,2BACA,iCCw9EF,CDp9EE,8BACE,sDACA,sECu9EJ,CDp9EE,8CACE,uBACA,6BCs9EJ,CDl9EI,4DACE,8BACA,4CCo9EN,CDh9EI,2EACE,8BACA,4CCk9EN,CD38EE,8CAEE,gBC88EJ,CD38EE,8BACE,gBC68EJ,CD38EI,4CACE,0BC68EN,CD18EI,uDACE,eC48EN,CDz8EI,4DACE,kBACA,gBC28EN,CDv8EM,0EACE,oBACA,UACA,gCACA,UCy8ER,CDt8EM,yFACE,oBACA,UACA,mCCw8ER,CACF,CDl8EA,aACE,eACA,eCo8EF,CDl8EE,gBACE,aACA,gBACA,eACA,iBCo8EJ,CDj8EE,qCACE,YCm8EJ,CDj8EI,2CACE,kBCm8EN,CDh8EI,wDACE,UACA,sBACA,cACA,WACA,SACA,aACA,gDACA,kBI/wLO,CJgxLP,UIvxLE,CJwxLF,eAEA,eCk8EN,CDh8EM,0EACE,QCk8ER,CD/7EM,uMAGE,mBC+7ER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A,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,afstRJ,CeptRI,sBACE,iBfstRN,CentRI,oBACE,oBZvFU,CYwFV,kBfqtRN,CejtRE,cACE,qBACA,WACA,gBAEA,qBACA,iBACA,gBACA,mBACA,afmtRJ,CehtRE,kBACE,WACA,gBfktRJ,Ce/sRE,cACE,gBACA,mBACA,afitRJ,Ce9sRE,YACE,eACA,uBACA,UACA,SACA,SACA,aZ9FoB,CY+FpB,0BACA,iBfgtRJ,Ce9sRI,kBACE,oBfgtRN,Ce7sRI,qCAEE,mCf8sRN,Ce1sRE,cACE,YACA,eACA,kBACA,cf4sRJ,CexsRA,4BACE,4Bf2sRF,CezsRE,+BACE,Yf2sRJ,CexsRE,0CACE,6BACA,aACA,aACA,kBf0sRJ,CexsRI,kGAEE,Yf0sRN,CetsRE,qDACE,eACA,gBACA,iBACA,YACA,oBACA,aZ7IoB,CY8IpB,oBZ9IoB,CY+IpB,gBfwsRJ,CersRE,+BACE,aACA,kBfusRJ,CersRI,2CACE,cACA,wBACA,gBfusRN,CensRE,mCACE,6DACA,sBACA,eACA,aZtLS,CYuLT,qBACA,WACA,UACA,oBACA,qXACA,yBACA,kBAEA,yBfqsRJ,CelsRE,kDACE,afosRJ,CehsRA,aACE,afmsRF,CejsRE,oBACE,+BfmsRJ,CejsRI,4BACE,+BfmsRN,CgB15RA,cACE,m1BACA,aACA,sBACA,aACA,ShB65RF,CgB15RA,wBACE,aACA,OACA,sBACA,wBhB65RF,CgB35RE,0BACE,OACA,gBhB65RJ,CgBz5RA,oCACE,gBACE,YhB45RF,CACF,CiBn7RA,YACE,eACA,qBACA,ajBq7RF,CiBn7RE,0BAEE,sBACA,gBjBq7RJ,CiBl7RE,8BACE,WjBo7RJ,CiBh7RA,gBACE,sBjBm7RF,CiBj7RE,4BACE,wBACA,2BACA,4BACA,kBjBm7RJ,CiBh7RE,2BACE,qBACA,8BACA,+BACA,YjBk7RJ,CiB96RA,oBACE,aACA,8BACA,cACA,adRsB,CcStB,ajBi7RF,CiB96RA,mBACE,kBACA,OACA,kBACA,iBACA,gBACA,8B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hB5DO,CgB6DP,6BACA,+BnBq0TN,CmBn0TM,2CACE,sBACA,6BnBq0TR,CmBl0TM,0CACE,wBACA,8BnBo0TR,CmB/zTE,yBACE,qBnBi0TJ,CmB7zTA,eACE,cACA,kBnBg0TF,CmB7zTA,KACE,+CnBg0TF,CmB7zTA,yBACE,uBACA,SACA,YnBg0TF,CmB7zTA,6CAEE,qBACA,qBACA,iBACA,eACA,ahB/FsB,CgBgGtB,enBg0TF,CmB9zTE,yDACE,UnBi0TJ,CmB9zTE,uDACE,gBACA,gBnBi0TJ,CmB9zTE,qEACE,cnBi0TJ,CmB5zTE,wCAEE,YnB8zTJ,CmB5zTI,wDACE,sBACA,iBACA,eACA,enB8zTN,CmB5zTM,oEACE,cnB8zTR,CmB3zTM,0EACE,aACA,kBnB6zTR,CmB3zTQ,sFACE,YnB6zTV,CmBzzTM,oCAnBF,wDAoBI,YnB4zTN,CACF,CmBzzTI,oHAGE,uBACA,anB0zTN,CmBtzTE,sBACE,yBACA,kBhB9JS,CgB+JT,sBACA,YACA,kBnBwzTJ,CmBtzTI,+BACE,iBACA,kBnBwzTN,CmBrzTI,oCAZF,sBAaI,YnBwzTJ,CACF,CmBrzTE,mBACE,aACA,yBACA,aACA,kBnBuzTJ,CmBrzTI,+BACE,cACA,enBuzTN,CmBnzTE,kBACE,yBACA,aACA,kBnBqzTJ,CmBnzTI,oCACE,8BACE,4BnBqzTN,CACF,CmBlzTI,wBACE,kBnBozTN,CmBjzTI,gCACE,kBnBmzTN,CmBjzTM,sCACE,kBnBmzTR,CmB/yTI,2BACE,iBACA,mBnBizTN,CmB/yTM,qCACE,SnBizTR,CmB9yTM,uCACE,aACA,kBnBgzTR,CmB7yTM,kCACE,cACA,aACA,uBACA,mBACA,iBnB+yTR,CmB7yTQ,4CACE,WACA,WnB+yTV,CmB3yTM,iCACE,anB6yTR,CmB1yTM,kCACE,cACA,iBACA,ahB1OgB,CgB2OhB,enB4yTR,CmBxyTI,kCACE,SACA,UnB0yTN,CmBxyTM,oCACE,uBACA,enB0yTR,CmBryTE,8BACE,anBuyTJ,CmBryTI,sCACE,iBnBuyTN,CmBpyTI,qCACE,enBsyTN,CmBlyTE,2BACE,yBACA,aACA,enBoyTJ,CmBlyTI,oCALF,2BAMI,4BnBqyTJ,CACF,CmBlyTE,oCACE,+CACE,YnBoyTJ,CACF,CoBnkUA,eACE,aACA,uBACA,WACA,gBpBskUF,CoBpkUE,gCACE,iBACA,gBACA,oBACA,apBskUJ,CoBpkUI,uCACE,aACA,yBACA,kBjBVO,CiBWP,WpBskUN,CoBlkUE,wBACE,WAxBY,CAyBZ,UACA,mBpBokUJ,CoBlkUI,gCACE,aACA,mBACA,WpBokUN,CoBlkUM,sCACE,apBokUR,CoBlkUQ,wCACE,qBACA,YpBokUV,CoBjkUQ,0CACE,SjBzCF,CiB0CE,YACA,kBACA,WpBmkUV,CoB/jUM,sCACE,cACA,ajBpCgB,CiBqChB,qBACA,cACA,eACA,YpBikUR,CoB7jUQ,yHAGE,kBpB6jUV,CoBxjUI,8BACE,cACA,iBACA,YACA,YpB0jUN,CoBvjUI,oCACE,sCACE,YpByjUN,CACF,CoBtjUI,2BACE,gBACA,0BACA,gBACA,kBpBwjUN,CoBtjUM,oCANF,2BAOI,epByjUN,CACF,CoBvjUM,6BACE,cACA,aACA,ajB9EgB,CiB+EhB,qBACA,0BACA,2CACA,0BACA,mBACA,gBACA,sBpByjUR,CoBvjUQ,kCACE,gBpByjUV,CoBtjUQ,mCACE,UjB1GF,CiB2GE,yBACA,0BACA,0CpBwjUV,CoBrjUQ,sCACE,mBACA,qBpBujUV,CoBnjUM,8BACE,mBACA,wBACA,QpBqjUR,CoBnjUQ,gCACE,SACA,iBpBqjUV,CoBjjUM,4DACE,UjBlIA,CiBmIA,wBjBnHkB,CiBoHlB,gBACA,epBmjUR,CoBjjUQ,kEACE,wBpBmjUV,CoB9iUI,4DACE,yBpBgjUN,CoB5iUE,gCACE,sBACA,WACA,eArJY,CAsJZ,apB8iUJ,CoB3iUE,qCACE,uCACE,YpB6iUJ,CoB1iUE,gCACE,WAhKU,CAiKV,apB4iUJ,CACF,CoBziUE,oCACE,gCACE,UpB2iUJ,CACF,CoBxiUE,wBAGE,2BpB0iUJ,CoBxiUI,oCALF,wBAMI,eAEA,sBpB2iUJ,CACF,CoBziUI,2BACE,ajBvKoB,CiBwKpB,eACA,iBACA,gBACA,oBACA,gCACA,kBpB2iUN,CoBziUM,oCATF,2BAUI,gBACA,iBACA,epB4iUN,CACF,CoBziUI,2BACE,ajBvLoB,CiBwLpB,eACA,iBACA,gBACA,kBpB2iUN,CoBxiUI,2BACE,yBACA,eACA,gBACA,ajBnMkB,CiBoMlB,mBACA,kBACA,+BpB0iUN,CoBviUI,2BACE,eACA,ajB1MoB,CiB2MpB,iBACA,epByiUN,CoBtiUI,yCACE,UjB/NE,CiBgOF,epBwiUN,CoBriUI,sFAEE,epBuiUN,CoBpiUI,+DACE,apBsiUN,CoBniUI,2CACE,eACA,gBACA,UjB/OE,CiBgPF,oBACA,iBACA,gBACA,epBqiUN,CoBliUI,0BACE,eACA,iBACA,ajB1OoB,CiB2OpB,kBpBoiUN,CoBliUM,iCACE,UjB7PA,CiB8PA,epBoiUR,CoBjiUU,2NACE,epB+iUZ,CoBziUI,2BACE,WACA,SACA,SACA,2CACA,apB2iUN,CoBziUM,kCACE,WACA,QpB2iUR,CoBtiUE,oCApRF,eAqRI,apByiUF,CoBviUE,gCACE,YpByiUJ,CoBtiUE,wBACE,WACA,UACA,WpBwiUJ,CoBtiUI,gCACE,YpBwiUN,CoBriUI,2BACE,YpBuiUN,CoBpiUI,6DAEE,gBACA,gCACA,epBsiUN,CoBpiUM,yEACE,epBuiUR,CoBniUI,8BACE,epBqiUN,CoBliUI,4DACE,2BpBoiUN,CACF,CoB/hUA,UACE,WACA,SACA,cACA,UpBkiUF,CoB7hUE,qDACE,apBiiUJ,CoB/hUI,yDACE,apBkiUN,CoB9hUE,2DACE,ajBjVY,CiBkVZ,epBiiUJ,CoB9hUE,2DACE,ajBrVQ,CiBsVR,epBiiUJ,CoB9hUE,yDACE,ajBhUoB,CiBiUpB,epBiiUJ,CoB9hUE,yDACE,ajB7VQ,CiB8VR,epBiiUJ,CoB7hUA,SACE,aACA,cpBgiUF,CoB9hUE,wBACE,cACA,oBpBgiUJ,CoB9hUI,mCACE,kBpBgiUN,CoB7hUI,2BACE,eACA,epB+hUN,CoB7hUM,8BACE,qBACA,gBpB+hUR,CoB3hUI,+BACE,gBACA,yBACA,cpB6hUN,CoB1hUQ,iNACE,epBwiUV,CoBniUI,0BACE,qBACA,ajB5XkB,CiB6XlB,qBACA,yBACA,eACA,gBACA,+BpBqiUN,CoBniUM,gCACE,UjBlZA,CiBmZA,+BpBqiUR,CoBliUM,mCACE,ajBvYkB,CiBwYlB,+BpBoiUR,CoB9gUA,gBACE,cACA,iBACA,cpBgiUF,CoB7hUA,qBACE,cACA,eACA,apBgiUF,CoB9hUE,uBACE,apBgiUJ,CoB5hUA,iBACE,aACA,eACA,kBpB+hUF,CoB5hUA,uBACE,aACA,WACA,sBACA,YpB+hUF,CoB7hUE,8BACE,cACA,qBACA,gBACA,eACA,iBACA,apB+hUJ,CoB5hUM,4MACE,epB0iUR,CoBriUE,qCACE,apBuiUJ,CoBniUA,+BAEE,aACA,kBpBsiUF,CoBpiUE,iEACE,WACA,kBACA,2BpBuiUJ,CoBriUI,+EACE,iBpBwiUN,CoBniUA,iDAEE,cACA,aACA,qBpBsiUF,CoBpiUE,2EACE,eACA,WACA,kBACA,kBpBuiUJ,CoBniUA,sEAEE,cpBsiUF,CoBniUA,gBACE,aACA,eACA,iBpBsiUF,CoBpiUE,0CACE,mBACA,cpBsiUJ,CoBniUE,6BACE,kBpBqiUJ,CoBliUE,8CACE,gBpBoiUJ,CoBliUI,sDACE,iBACA,mBACA,WpBoiUN,CoB/hUA,WACE,mBACA,cpBkiUF,CoBhiUE,aACE,ajB/gBsB,CiBghBtB,oBpBkiUJ,CoBhiUI,mBACE,yBpBkiUN,CoB7hUA,QACE,apBgiUF,CoB7hUA,WACE,mBACA,gBpBgiUF,CoB9hUE,mBACE,aACA,2BACA,mBACA,aACA,kBjB9iBS,CiB+iBT,ajBxiBoB,CiByiBpB,0BACA,eACA,iBpBgiUJ,CoB7hUE,mBACE,iBpB+hUJ,CoB7hUI,2BACE,cACA,SACA,kBACA,WACA,WpB+hUN,CoB3hUE,oBACE,2BpB6hUJ,CoB1hUE,kBACE,oBpB4hUJ,CoBzhUE,sBACE,apB2hUJ,CoBxhUE,mBACE,mBACA,0BACA,aACA,ajB1kBoB,CiB2kBpB,gDACA,eACA,qBACA,epB0hUJ,CoBvhUE,iBACE,eACA,kBACA,apByhUJ,CoBthUE,0BACE,kBACA,SACA,WACA,WACA,YACA,iBpBwhUJ,CoBthUI,mCACE,kBpBwhUN,CoBrhUI,mCACE,kBpBuhUN,CoBphUI,kCACE,kBpBshUN,CoBlhUE,qDAGE,ajB9mBsB,CiB+mBtB,qBACA,epBohUJ,CoBjhUE,qBACE,apBmhUJ,CoBhhUE,yBACE,apBkhUJ,CoB/gUE,qBACE,apBihUJ,CoB7gUA,wDAIE,qBACA,apBghUF,CoB9gUE,gGACE,epBmhUJ,CoB/gUI,wIACE,6BACA,apBohUN,CoBjhUI,gIACE,sDACA,UpBshUN,CoBjhUA,qBAEE,aACA,kBpBohUF,CoBlhUE,qCACE,cAEA,iBACA,iBpBqhUJ,CoBjhUI,yDACE,sDACA,UpBohUN,CoB/gUA,eACE,mBACA,6BpBkhUF,CoBhhUE,wBACE,yBpBkhUJ,CoB/gUE,wBACE,yBpBihUJ,CoB9gUE,uBACE,yBpBghUJ,CoB7gUE,uBAEE,4BACA,eACA,iBACA,4BACA,kBACA,epB+gUJ,CoB7gUI,yBACE,apB+gUN,CoB3gUE,sBAEE,wBpB6gUJ,CoB1gUE,oBACE,apB4gUJ,CoBxgUA,aACE,kBjB7tBW,CiB8tBX,kBACA,kBpB2gUF,CoBzgUE,sBACE,aACA,8BACA,mBACA,YpB2gUJ,CoBzgUI,+BACE,UACA,QpB2gUN,CoBzgUM,+CACE,apB2gUR,CoBvgUI,6BACE,cACA,gBACA,ajB5uBkB,CiB6uBlB,yBACA,gBpBygUN,CoBvgUM,+BACE,cACA,oBpBygUR,CoBvgUQ,gHAGE,apBugUV,CoBngUM,kCACE,apBqgUR,CoB//TI,4BACE,aACA,2BACA,4BpBigUN,CoB//TM,kCACE,kBpBigUR,CoB9/TM,+EAEE,aACA,cACA,sBACA,YACA,apB+/TR,CoB7/TQ,kLAEE,mBACA,gBACA,sBpBggUV,CoB5/TM,qCACE,cACA,4BpB8/TR,CoB5/TQ,2CACE,ajBlxBc,CiBmxBd,iBACA,epB8/TV,CoB1/TM,uCACE,cACA,sBACA,WACA,aACA,qBACA,apB4/TR,CoBt/TA,UACE,kBpB2/TF,CoBt/TA,yBAJE,gBACA,sBpBigUF,CoB9/TA,eACE,qBACA,gBAGA,qBpBy/TF,CoBt/TA,mBACE,aACA,eAEA,kBpBy/TF,CoBv/TE,uBACE,sBACA,cACA,mBACA,YpBy/TJ,CoBt/TE,yFAEE,mBACA,kBACA,WpBw/TJ,CoBr/TE,4CACE,SACA,QpBu/TJ,CoBr/TI,8CACE,apBu/TN,CoBp/TI,qEACE,uBpBs/TN,CoBn/TI,wDACE,apBq/TN,CoBj/TE,6CACE,sBACA,aACA,UpBm/TJ,CqB32VA,qBACE,aACA,eAEA,kBrB82VF,CqB52VE,yBACE,sBACA,iBACA,cACA,kBrB82VJ,CqB52VI,wDAEE,aACA,mBACA,kBACA,sBACA,WrB62VN,CqB12VI,2BACE,qBACA,cACA,arB42VN,CqB12VM,oGAGE,kBrB02VR,CqBr2VE,qDAEE,kBACA,gBACA,eACA,iBACA,UlBtCI,CkBuCJ,6CACA,mBACA,gBrBs2VJ,CqBn2VE,2BACE,crBq2VJ,CqBl2VE,4BACE,eACA,alBpCoB,CkBqCpB,kBACA,erBo2VJ,CqBh2VA,oBACE,aACA,eACA,arBm2VF,CqBj2VE,wBACE,iBACA,kBrBm2VJ,CqBj2VI,4BACE,arBm2VN,CqB/1VE,qCACE,alBxDsB,CkByDtB,gBACA,oBrBi2VJ,CsB56VA,SACE,atB+6VF,CsB76VE,+BACE,iBACA,eACA,kBtB+6VJ,CsB56VE,6BACE,eACA,gBtB86VJ,CsB36VE,kEACE,cACA,iBtB66VJ,CsB16VE,0DAEE,eACA,etB46VJ,CsBz6VE,kFACE,eACA,etB26VJ,CsBx6VE,kCACE,cACA,gBtB06VJ,CsBv6VE,wBACE,mBACA,iBtBy6VJ,CsBt6VE,2BACE,WACA,StBw6VJ,CsBr6VE,uBACE,atBu6VJ,CsBp6VE,iCACE,OACA,WACA,cACA,kBtBs6VJ,CsBn6VE,0CACE,cACA,gBtBq6VJ,CsBl6VE,yCACE,iBACA,ctBo6VJ,CsBj6VE,kCACE,WtBm6VJ,CsBh6VE,qCACE,iBACA,etBk6VJ,CsB/5VE,wCACE,UtBi6VJ,CsB95VE,gCACE,cACA,gBtBg6VJ,CsB75VE,yBACE,UACA,UtB+5VJ,CsB55VE,yDAEE,kBACA,kBtB85VJ,CsB35VE,2GAEE,kBACA,etB65VJ,CsB15VE,sCACE,mBACA,ctB45VJ,CsBz5VE,0BACE,cACA,iBtB25VJ,CsBx5VE,uCACE,UACA,WtB05VJ,CsBv5VE,wDACE,UACA,UtBy5VJ,CsBj5VE,oFACE,WACA,MtBu5VJ,CsBp5VE,sGAEE,UtBs5VJ,CsBj5VI,sCACE,eACA,gBtBm5VN,CsBj5VM,iEACE,eACA,etBm5VR,CsB94VE,oCACE,YACA,eACA,gBtBg5VJ,CsB74VE,sCACE,WtB+4VJ,CsB54VE,qCACE,cACA,iBtB84VJ,CsB34VE,yCACE,iBACA,ctB64VJ,CsB14VE,sDACE,gBtB44VJ,CsBz4VE,0CACE,eACA,iBACA,WtB24VJ,CsBx4VE,wEAEE,cACA,gBtB04VJ,CsBv4VE,gBACE,wBtBy4VJ,CsBt4VE,gBACE,UACA,mBtBw4VJ,CsBr4VE,wBACE,atBu4VJ,CsBp4VE,6EAEE,eACA,etBs4VJ,CsBn4VE,mDACE,eACA,kBtBq4VJ,CsBl4VE,+DACE,kBACA,etBo4VJ,CsB33VE,8KACE,UACA,OtBk4VJ,CsB/3VE,wDACE,mBACA,ctBi4VJ,CsB93VE,sDACE,mBACA,etBg4VJ,CsB73VE,oDACE,UACA,OtB+3VJ,CsB53VE,6FAEE,eACA,kBtB83VJ,CsB33VE,2CACE,WACA,QtB63VJ,CsB33VI,iDACE,WACA,OACA,8DtB63VN,CsBz3VE,6BACE,sXtB23VJ,CsBx3VE,sCAEE,gBtB03VJ,CsBv3VE,iCACE,eACA,gBtBy3VJ,CsBt3VE,+CACE,WACA,StBw3VJ,CsBr3VE,+DACE,atBu3VJ,CsBp3VE,sDACE,YACA,UtBs3VJ,CsBn3VE,sDACE,WACA,UtBq3VJ,CsBl3VE,sDACE,WACA,UtBo3VJ,CsBj3VE,iDACE,MtBm3VJ,CsBh3VE,yCACE,kBACA,wBtBk3VJ,CsB/2VE,oDACE,eACA,gBtBi3VJ,CsB92VE,oCACE,kCAEE,iBACA,iBtBg3VJ,CsB92VI,0DACE,iBACA,kBtBi3VN,CsB52VI,sEAEE,iBACA,iBtB82VN,CACF,CsBx2VM,4CACE,gBACA,ctB02VR,CsBt2VI,qDACE,cACA,iBtBw2VN,CsBn2VI,2DACE,eACA,etBq2VN,CsBl2VI,6DACE,iBACA,ctBo2VN,CsBh2VE,kCACE,cACA,kBACA,gBtBk2VJ,CsB/1VE,iCACE,WtBi2VJ,CsB91VE,kCACE,WtBg2VJ,CsB71VE,mCACE,eACA,etB+1VJ,CsB51VE,+EACE,eACA,kBtB81VJ,CsB31VE,8DACE,UACA,OtB61VJ,CuBztWA,ikEACE,0QACA,oBvB4tWF,8E","file":"flavours/vanilla/common.css","sourcesContent":[".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: $ui-highlight-color;\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 white-space: nowrap;\n width: auto;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-highlight-color, 10%);\n transition: all 200ms ease-out;\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 &.disabled {\n background-color: $ui-primary-color;\n cursor: default;\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 &.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 color: $darker-text-color;\n background: transparent;\n padding: 3px 15px;\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.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\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}\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.compose-form {\n padding: 10px;\n\n &__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-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 .compose-form__warning {\n color: $inverted-text-color;\n margin-bottom: 10px;\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 strong {\n color: $inverted-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 a {\n color: $lighter-text-color;\n font-weight: 500;\n text-decoration: underline;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n }\n }\n }\n\n .emoji-picker-dropdown {\n position: absolute;\n top: 5px;\n right: 5px;\n }\n\n .compose-form__autosuggest-wrapper {\n position: relative;\n }\n\n .autosuggest-textarea,\n .autosuggest-input,\n .spoiler-input {\n position: relative;\n }\n\n .spoiler-input {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n\n &.spoiler-input--visible {\n height: 36px;\n margin-bottom: 11px;\n opacity: 1;\n }\n }\n\n .autosuggest-textarea__textarea,\n .spoiler-input__input {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n\n &::placeholder {\n color: $dark-text-color;\n }\n\n &:focus {\n outline: 0;\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .spoiler-input__input {\n border-radius: 4px;\n }\n\n .autosuggest-textarea__textarea {\n min-height: 100px;\n border-radius: 4px 4px 0 0;\n padding-bottom: 0;\n padding-right: 10px + 22px;\n resize: none;\n scrollbar-color: initial;\n\n &::-webkit-scrollbar {\n all: unset;\n }\n\n @media screen and (max-width: 600px) {\n height: 100px !important; // prevent auto-resize textarea\n resize: vertical;\n }\n }\n\n .autosuggest-textarea__suggestions-wrapper {\n position: relative;\n height: 0;\n }\n\n .autosuggest-textarea__suggestions {\n box-sizing: border-box;\n display: none;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 99;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n background: $ui-secondary-color;\n border-radius: 0 0 4px 4px;\n color: $inverted-text-color;\n font-size: 14px;\n padding: 6px;\n\n &.autosuggest-textarea__suggestions--visible {\n display: block;\n }\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 {\n background: darken($ui-secondary-color, 10%);\n }\n }\n\n .autosuggest-account,\n .autosuggest-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 .autosuggest-account-icon,\n .autosuggest-emoji img {\n display: block;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n }\n\n .autosuggest-account .display-name__account {\n color: $lighter-text-color;\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 .compose-form__upload-wrapper {\n overflow: hidden;\n }\n\n .compose-form__uploads-wrapper {\n display: flex;\n flex-direction: row;\n padding: 5px;\n flex-wrap: wrap;\n }\n\n .compose-form__upload {\n flex: 1 1 0;\n min-width: 40%;\n margin: 5px;\n\n &__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: $secondary-text-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($secondary-text-color, 7%);\n }\n }\n\n &.active {\n opacity: 1;\n }\n }\n\n &-description {\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.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n padding: 10px;\n opacity: 0;\n transition: opacity .1s ease;\n\n textarea {\n background: transparent;\n color: $secondary-text-color;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n\n &:focus {\n color: $white;\n }\n\n &::placeholder {\n opacity: 0.75;\n color: $secondary-text-color;\n }\n }\n\n &.active {\n opacity: 1;\n }\n }\n }\n\n .compose-form__upload-thumbnail {\n border-radius: 4px;\n background-color: $base-shadow-color;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n height: 140px;\n width: 100%;\n overflow: hidden;\n }\n }\n\n .compose-form__buttons-wrapper {\n padding: 10px;\n background: darken($simple-background-color, 8%);\n border-radius: 0 0 4px 4px;\n display: flex;\n justify-content: space-between;\n flex: 0 0 auto;\n\n .compose-form__buttons {\n display: flex;\n\n .compose-form__upload-button-icon {\n line-height: 27px;\n }\n\n .compose-form__sensitive-button {\n display: none;\n\n &.compose-form__sensitive-button--visible {\n display: block;\n }\n\n .compose-form__sensitive-button__icon {\n line-height: 27px;\n }\n }\n }\n\n .icon-button,\n .text-icon-button {\n box-sizing: content-box;\n padding: 0 3px;\n }\n\n .character-counter__wrapper {\n align-self: center;\n margin-right: 4px;\n }\n }\n\n .compose-form__publish {\n display: flex;\n justify-content: flex-end;\n min-width: 0;\n flex: 0 0 auto;\n\n .compose-form__publish-button-wrapper {\n overflow: hidden;\n padding-top: 10px;\n }\n }\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 .spoiler-input {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.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.reply-indicator {\n border-radius: 4px;\n margin-bottom: 10px;\n background: $ui-primary-color;\n padding: 10px;\n min-height: 23px;\n overflow-y: auto;\n flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n\n.reply-indicator__cancel {\n float: right;\n line-height: 24px;\n}\n\n.reply-indicator__display-name {\n color: $inverted-text-color;\n display: block;\n max-width: 100%;\n line-height: 24px;\n overflow: hidden;\n padding-right: 25px;\n text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n float: left;\n margin-right: 5px;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n position: relative;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 2px;\n color: $primary-text-color;\n\n &:focus {\n outline: 0;\n }\n\n &.status__content--with-spoiler {\n white-space: normal;\n\n .status__content__text {\n white-space: pre-wrap;\n }\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 {\n margin-bottom: 20px;\n white-space: pre-wrap;\n\n &:last-child {\n margin-bottom: 0;\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 a.unhandled-link {\n color: lighten($ui-highlight-color, 8%);\n }\n\n .status__content__spoiler-link {\n background: $action-button-color;\n\n &:hover {\n background: lighten($action-button-color, 7%);\n text-decoration: none;\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 .status__content__text {\n display: none;\n\n &.status__content__text--visible {\n display: block;\n }\n }\n}\n\n.status__content.status__content--collapsed {\n max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: lighten($ui-highlight-color, 8%);\n border: 0;\n background: transparent;\n padding: 0;\n padding-top: 8px;\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: transparent;\n border: 0;\n color: $inverted-text-color;\n font-weight: 700;\n font-size: 11px;\n padding: 0 6px;\n text-transform: uppercase;\n line-height: 20px;\n cursor: pointer;\n vertical-align: middle;\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.focusable {\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n\n .status.status-direct {\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: 8px 10px;\n padding-left: 68px;\n position: relative;\n min-height: 54px;\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: 26px; // 10px + 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: $light-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: $light-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\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.notification__relative_time {\n color: $dark-text-color;\n float: right;\n font-size: 14px;\n}\n\n.status__display-name {\n color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n\n.status__info {\n font-size: 15px;\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-left: 68px;\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 .status__content__spoiler-link {\n line-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.reply-indicator__content {\n color: $inverted-text-color;\n font-size: 14px;\n\n a {\n color: $lighter-text-color;\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\n.account {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &.compact {\n padding: 0;\n border-bottom: 0;\n\n .account__avatar-wrapper {\n margin-left: 0;\n }\n }\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\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\n &-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n }\n\n &-composite {\n @include avatar-radius;\n border-radius: 50%;\n overflow: hidden;\n position: relative;\n cursor: default;\n\n & > div {\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\na .account__avatar {\n cursor: pointer;\n}\n\n.account__avatar-overlay {\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__disclaimer {\n padding: 10px;\n border-top: 1px solid lighten($ui-base-color, 8%);\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-dropdown {\n padding: 10px;\n\n .icon-button {\n vertical-align: middle;\n }\n\n .dropdown--active {\n .dropdown__content.dropdown__right {\n left: 6px;\n right: initial;\n }\n\n &::after {\n bottom: initial;\n margin-left: 11px;\n margin-top: -7px;\n right: initial;\n }\n }\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-right: 1px solid lighten($ui-base-color, 8%);\n padding: 10px 0;\n border-bottom: 4px solid transparent;\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\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.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\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.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__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 height: 48px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n\n.status__expand {\n width: 68px;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n cursor: pointer;\n}\n\n.muted {\n .status__content,\n .status__content p,\n .status__content a {\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-lighter-color, 7%);\n text-decoration: none;\n }\n }\n}\n\n.notification__message {\n margin: 0 10px 0 68px;\n padding: 8px 0 0;\n cursor: default;\n color: $darker-text-color;\n font-size: 15px;\n line-height: 22px;\n position: relative;\n\n .fa {\n color: $highlight-text-color;\n }\n\n > span {\n display: inline;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.notification__favourite-icon-wrapper {\n left: -26px;\n position: absolute;\n\n .star-icon {\n color: $gold-star;\n }\n}\n\n.star-icon.active {\n color: $gold-star;\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.notification__relative_time {\n float: right;\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\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n &:hover {\n text-decoration: underline;\n }\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.navigation-bar {\n padding: 10px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n cursor: default;\n color: $darker-text-color;\n\n strong {\n color: $secondary-text-color;\n }\n\n a {\n color: inherit;\n }\n\n .permalink {\n text-decoration: none;\n }\n\n .navigation-bar__actions {\n position: relative;\n\n .icon-button.close {\n position: absolute;\n pointer-events: none;\n transform: scale(0, 1) translate(-100%, 0);\n opacity: 0;\n }\n\n .compose__action-bar .icon-button {\n pointer-events: auto;\n transform: scale(1, 1) translate(0, 0);\n opacity: 1;\n }\n }\n}\n\n.navigation-bar__profile {\n flex: 1 1 auto;\n margin-left: 8px;\n line-height: 20px;\n margin-top: -1px;\n overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n display: block;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n color: inherit;\n text-decoration: none;\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 z-index: 9999;\n\n ul {\n list-style: none;\n }\n\n &.left {\n transform-origin: 100% 50%;\n }\n\n &.top {\n transform-origin: 50% 100%;\n }\n\n &.bottom {\n transform-origin: 50% 0;\n }\n\n &.right {\n transform-origin: 0 50%;\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.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 &.unscrollable {\n overflow-x: hidden;\n }\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 .drawer,\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: 350px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n > .scrollable {\n background: $ui-base-color;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\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.drawer {\n width: 330px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.drawer__tab {\n display: block;\n flex: 1 1 auto;\n padding: 15px 5px 13px;\n color: $darker-text-color;\n text-decoration: none;\n text-align: center;\n font-size: 16px;\n border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n flex: 1 1 auto;\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 @media 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 $highlight-text-color;\n color: $highlight-text-color;\n }\n\n span {\n margin-left: 5px;\n display: none;\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 height: 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 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 margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n left: -32px;\n }\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 margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__favourite-icon-wrapper {\n left: -32px;\n }\n\n .status {\n padding-top: 8px;\n }\n\n .account {\n padding-top: 8px;\n }\n\n .account__avatar-wrapper {\n margin-left: 17px;\n margin-right: 15px;\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 .getting-started__trends,\n .search {\n margin-bottom: 10px;\n }\n\n .getting-started__panel {\n margin: 10px 0;\n }\n\n .column,\n .drawer {\n min-width: 330px;\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\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.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 .navigation-bar {\n padding-top: 20px;\n padding-bottom: 20px;\n flex: 0 1 48px;\n min-height: 20px;\n }\n\n .flex-spacer {\n background: transparent;\n }\n\n .compose-form {\n flex: 1;\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n min-height: 310px;\n padding-bottom: 71px;\n margin-bottom: -71px;\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.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 border-radius: 2px;\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,') 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 @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__header {\n flex: 0 0 auto;\n font-size: 16px;\n background: lighten($ui-base-color, 8%);\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n border-radius: 2px;\n\n a {\n transition: background 100ms ease-in;\n\n &:hover {\n background: lighten($ui-base-color, 3%);\n transition: background 200ms ease-out;\n }\n }\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform; // improves perf in mobile Chrome\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.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 line-height: inherit;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n outline: 0;\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 white-space: nowrap;\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.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.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-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.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.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n background: $ui-base-color;\n}\n\n.flex-spacer {\n flex: 1 1 auto;\n}\n\n.getting-started {\n color: $dark-text-color;\n overflow: auto;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n\n &__wrapper,\n &__panel,\n &__footer {\n height: min-content;\n }\n\n &__panel,\n &__footer\n {\n padding: 10px;\n padding-top: 20px;\n flex-grow: 0;\n\n ul {\n margin-bottom: 10px;\n }\n\n ul li {\n display: inline;\n }\n\n p {\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 &__wrapper,\n &__footer\n {\n color: $dark-text-color;\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.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 display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n border-radius: 4px;\n\n &:focus {\n outline: 0;\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\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\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.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}\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.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.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 align-items: center;\n justify-content: center;\n padding: 20px;\n\n & > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n }\n\n &__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.missing-indicator {\n padding-top: 20px + 48px;\n }\n\n &__label {\n margin-top: 200px;\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\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 border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n\n & > button {\n margin: 0;\n border: 0;\n padding: 15px 0 15px 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($highlight-text-color, 0.3);\n\n .column-header__icon {\n color: $highlight-text-color;\n text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n }\n }\n\n &:focus,\n &:active {\n outline: 0;\n }\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\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\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\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.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.column-header__icon {\n display: inline-block;\n margin-right: 5px;\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.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\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.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 padding: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n appearance: none;\n\n &:hover,\n &:active,\n &:focus {\n padding: 0;\n color: lighten($darker-text-color, 8%);\n }\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: 700;\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: block;\n left: 4px;\n top: 4px;\n width: auto;\n height: auto;\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.modal-container--preloader {\n background: lighten($ui-base-color, 8%);\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.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__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.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\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@keyframes heartbeat {\n from {\n transform: scale(1);\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.no-reduce-motion .pulse-loading {\n transform-origin: center center;\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n 0%,\n 100% {\n transform: rotate(0deg);\n transform-origin: 50% 100%;\n }\n\n 10% {\n transform: rotate(2deg);\n }\n\n 20%,\n 40%,\n 60% {\n transform: rotate(-4deg);\n }\n\n 30%,\n 50%,\n 70% {\n transform: rotate(4deg);\n }\n\n 80% {\n transform: rotate(-2deg);\n }\n\n 90% {\n transform: rotate(2deg);\n }\n}\n\n.no-reduce-motion .shake-bottom {\n transform-origin: 50% 100%;\n animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\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.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.upload-progress {\n padding: 10px;\n color: $lighter-text-color;\n overflow: hidden;\n display: flex;\n\n .fa {\n font-size: 34px;\n margin-right: 10px;\n }\n\n span {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 500;\n display: block;\n }\n}\n\n.upload-progess__message {\n flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n width: 100%;\n height: 6px;\n border-radius: 6px;\n background: $ui-base-lighter-color;\n position: relative;\n margin-top: 5px;\n}\n\n.upload-progress__tracker {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n background: $ui-highlight-color;\n border-radius: 6px;\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\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.privacy-dropdown__dropdown {\n position: absolute;\n background: $simple-background-color;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-left: 40px;\n overflow: hidden;\n\n &.top {\n transform-origin: 50% 100%;\n }\n\n &.bottom {\n transform-origin: 50% 0;\n }\n}\n\n.privacy-dropdown__option {\n color: $inverted-text-color;\n padding: 10px;\n cursor: pointer;\n display: flex;\n\n &:hover,\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n outline: 0;\n\n .privacy-dropdown__option__content {\n color: $primary-text-color;\n\n strong {\n color: $primary-text-color;\n }\n }\n }\n\n &.active:hover {\n background: lighten($ui-highlight-color, 4%);\n }\n}\n\n.privacy-dropdown__option__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n flex: 1 1 auto;\n color: $lighter-text-color;\n\n strong {\n font-weight: 500;\n display: block;\n color: $inverted-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.privacy-dropdown.active {\n .privacy-dropdown__value {\n background: $simple-background-color;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n .icon-button {\n transition: none;\n }\n\n &.active {\n background: $ui-highlight-color;\n\n .icon-button {\n color: $primary-text-color;\n }\n }\n }\n\n &.top .privacy-dropdown__value {\n border-radius: 0 0 4px 4px;\n }\n\n .privacy-dropdown__dropdown {\n display: block;\n box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\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: 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(90deg);\n\n &.active {\n pointer-events: none;\n transform: rotate(0deg);\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 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.search-results__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\n.search-results__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.search-results__info {\n padding: 20px;\n color: $darker-text-color;\n text-align: center;\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.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\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 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: $primary-text-color;\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: $highlight-text-color;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\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.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.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.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.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-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__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n }\n\n .status__avatar {\n height: 28px;\n left: 10px;\n position: absolute;\n top: 10px;\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 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.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 font-size: 15px;\n}\n\n.boost-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 .status__content,\n .status__content p {\n color: $inverted-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 max-height: 80vh;\n max-width: 80vw;\n\n .status {\n overflow-y: auto;\n max-height: 300px;\n }\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 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 }\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.loading-bar {\n background-color: $highlight-text-color;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\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 margin-top: 32px;\n\n audio {\n width: 100%;\n }\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/* Media Gallery */\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}\n\n.media-gallery__item {\n border: 0;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n\n &.standalone {\n .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n }\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 }\n\n img {\n object-fit: cover;\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}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\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/* End Media Gallery */\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\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\n &.editable {\n border-radius: 0;\n height: 100% !important;\n }\n\n &:focus {\n outline: 0;\n }\n\n video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\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 }\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-overlay-background;\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\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\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.account-gallery__container {\n display: flex;\n flex-wrap: wrap;\n padding: 4px 2px;\n}\n\n.account-gallery__item {\n border: 0;\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.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\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\n.search-popout {\n @include search-popout;\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}\n\n@keyframes flicker {\n 0% { opacity: 1; }\n 30% { opacity: 0.75; }\n 100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n $duration: 400ms;\n $delay: 100ms;\n\n .tabs-bar,\n .search {\n will-change: margin-top;\n transition: margin-top $duration $delay;\n }\n\n .navigation-bar {\n will-change: padding-bottom;\n transition: padding-bottom $duration $delay;\n }\n\n .navigation-bar {\n & > a:first-child {\n will-change: margin-top, margin-left, margin-right, width;\n transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n }\n\n & > .navigation-bar__profile-edit {\n will-change: margin-top;\n transition: margin-top $duration $delay;\n }\n\n .navigation-bar__actions {\n & > .icon-button.close {\n will-change: opacity transform;\n transition: opacity $duration * 0.5 $delay,\n transform $duration $delay;\n }\n\n & > .compose__action-bar .icon-button {\n will-change: opacity transform;\n transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n transform $duration $delay;\n }\n }\n }\n\n .is-composing {\n .tabs-bar,\n .search {\n margin-top: -50px;\n }\n\n .navigation-bar {\n padding-bottom: 0;\n\n & > a:first-child {\n margin: -100px 10px 0 -50px;\n }\n\n .navigation-bar__profile {\n padding-top: 2px;\n }\n\n .navigation-bar__profile-edit {\n position: absolute;\n margin-top: -60px;\n }\n\n .navigation-bar__actions {\n .icon-button.close {\n pointer-events: auto;\n opacity: 1;\n transform: scale(1, 1) translate(0, 0);\n bottom: 5px;\n }\n\n .compose__action-bar .icon-button {\n pointer-events: none;\n opacity: 0;\n transform: scale(0, 1) translate(100%, 0);\n }\n }\n }\n }\n}\n\n.embed-modal {\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: 0;\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 margin-bottom: 15px;\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 }\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.column-inline-form {\n padding: 15px;\n padding-right: 0;\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\n &:focus {\n outline: 0;\n }\n }\n }\n\n .icon-button {\n flex: 0 0 auto;\n margin: 0 10px;\n }\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\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\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 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.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\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n }\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\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 }\n\n &__content {\n flex: 1 1 auto;\n padding: 10px 5px;\n padding-right: 15px;\n word-break: break-all;\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: 170px;\n flex-shrink: 1000;\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}\n","@charset \"UTF-8\";\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\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: #192432 rgba(0, 0, 0, 0.1);\n}\n\n::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #192432;\n border: 0px none #ffffff;\n border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #1c2938;\n}\n\n::-webkit-scrollbar-thumb:active {\n background: #192432;\n}\n\n::-webkit-scrollbar-track {\n border: 0px none #ffffff;\n border-radius: 0;\n background: rgba(0, 0, 0, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n background: #121a24;\n}\n\n::-webkit-scrollbar-track:active {\n background: #121a24;\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n\nbody {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n background: #06090c;\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n color: #ffffff;\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}\nbody.system-font {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"mastodon-font-sans-serif\", sans-serif;\n}\nbody.app-body {\n padding: 0;\n}\nbody.app-body.layout-single-column {\n height: auto;\n min-height: 100vh;\n overflow-y: scroll;\n}\nbody.app-body.layout-multiple-columns {\n position: absolute;\n width: 100%;\n height: 100%;\n}\nbody.app-body.with-modals--active {\n overflow-y: hidden;\n}\nbody.lighter {\n background: #121a24;\n}\nbody.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n}\nbody.with-modals--active {\n overflow-y: hidden;\n}\nbody.player {\n text-align: center;\n}\nbody.embed {\n background: #192432;\n margin: 0;\n padding-bottom: 0;\n}\nbody.embed .container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\nbody.admin {\n background: #0b1016;\n padding: 0;\n}\nbody.error {\n position: absolute;\n text-align: center;\n color: #9baec8;\n background: #121a24;\n width: 100%;\n height: 100%;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\nbody.error .dialog {\n vertical-align: middle;\n margin: 20px;\n}\nbody.error .dialog__illustration img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n}\nbody.error .dialog h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\nbutton:focus {\n outline: none;\n}\n\n.app-holder, .app-holder > div {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n}\n\n.layout-single-column .app-holder, .layout-single-column .app-holder > div {\n min-height: 100vh;\n}\n\n.layout-multiple-columns .app-holder, .layout-multiple-columns .app-holder > 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 .container-alt {\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 .logo-container {\n margin: 40px auto 0;\n }\n}\n.logo-container h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.logo-container h1 svg {\n fill: #ffffff;\n height: 42px;\n margin-right: 10px;\n}\n.logo-container h1 a {\n display: flex;\n justify-content: center;\n align-items: center;\n color: #ffffff;\n text-decoration: none;\n outline: 0;\n padding: 12px 16px;\n line-height: 32px;\n font-family: \"mastodon-font-display\", sans-serif;\n font-weight: 500;\n font-size: 14px;\n}\n\n.compose-standalone .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 .compose-standalone .compose-form {\n width: 100%;\n margin-top: 0;\n padding: 20px;\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 .account-header {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n}\n.account-header .avatar {\n width: 40px;\n height: 40px;\n margin-right: 8px;\n}\n.account-header .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n}\n.account-header .name {\n flex: 1 1 auto;\n color: #d9e1e8;\n width: calc(100% - 88px);\n}\n.account-header .name .username {\n display: block;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.account-header .logout-link {\n display: block;\n font-size: 32px;\n line-height: 40px;\n margin-left: 8px;\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.grid-3 .column-0 {\n grid-column: 1/3;\n grid-row: 1;\n}\n.grid-3 .column-1 {\n grid-column: 1;\n grid-row: 2;\n}\n.grid-3 .column-2 {\n grid-column: 2;\n grid-row: 2;\n}\n.grid-3 .column-3 {\n grid-column: 1/3;\n grid-row: 3;\n}\n@media screen and (max-width: 415px) {\n .grid-3 {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n }\n .grid-3 .column-0 {\n grid-column: 1;\n }\n .grid-3 .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n .grid-3 .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n .grid-3 .column-3 {\n grid-column: 1;\n grid-row: 4;\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.grid-4 .column-0 {\n grid-column: 1/5;\n grid-row: 1;\n}\n.grid-4 .column-1 {\n grid-column: 1/4;\n grid-row: 2;\n}\n.grid-4 .column-2 {\n grid-column: 4;\n grid-row: 2;\n}\n.grid-4 .column-3 {\n grid-column: 2/5;\n grid-row: 3;\n}\n.grid-4 .column-4 {\n grid-column: 1;\n grid-row: 3;\n}\n.grid-4 .landing-page__call-to-action {\n min-height: 100%;\n}\n.grid-4 .flash-message {\n margin-bottom: 10px;\n}\n@media screen and (max-width: 738px) {\n .grid-4 {\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n }\n .grid-4 .landing-page__call-to-action {\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .grid-4 .row__information-board {\n width: 100%;\n justify-content: center;\n align-items: center;\n }\n .grid-4 .row__mascot {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .grid-4 {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n }\n .grid-4 .column-0 {\n grid-column: 1;\n }\n .grid-4 .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n .grid-4 .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n .grid-4 .column-3 {\n grid-column: 1;\n grid-row: 5;\n }\n .grid-4 .column-4 {\n grid-column: 1;\n grid-row: 4;\n }\n}\n\n@media screen and (max-width: 415px) {\n .public-layout {\n padding-top: 48px;\n }\n}\n.public-layout .container {\n max-width: 960px;\n}\n@media screen and (max-width: 415px) {\n .public-layout .container {\n padding: 0;\n }\n}\n.public-layout .header {\n background: #202e3f;\n box-shadow: 0 0 15px rgba(0, 0, 0, 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: 415px) {\n .public-layout .header {\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.public-layout .header > div {\n flex: 1 1 33.3%;\n min-height: 1px;\n}\n.public-layout .header .nav-left {\n display: flex;\n align-items: stretch;\n justify-content: flex-start;\n flex-wrap: nowrap;\n}\n.public-layout .header .nav-center {\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n}\n.public-layout .header .nav-right {\n display: flex;\n align-items: stretch;\n justify-content: flex-end;\n flex-wrap: nowrap;\n}\n.public-layout .header .brand {\n display: block;\n padding: 15px;\n}\n.public-layout .header .brand svg {\n display: block;\n height: 18px;\n width: auto;\n position: relative;\n bottom: -2px;\n fill: #ffffff;\n}\n@media screen and (max-width: 415px) {\n .public-layout .header .brand svg {\n height: 20px;\n }\n}\n.public-layout .header .brand:hover, .public-layout .header .brand:focus, .public-layout .header .brand:active {\n background: #26374d;\n}\n.public-layout .header .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: #9baec8;\n white-space: nowrap;\n text-align: center;\n}\n.public-layout .header .nav-link:hover, .public-layout .header .nav-link:focus, .public-layout .header .nav-link:active {\n text-decoration: underline;\n color: #ffffff;\n}\n@media screen and (max-width: 550px) {\n .public-layout .header .nav-link.optional {\n display: none;\n }\n}\n.public-layout .header .nav-button {\n background: #2d415a;\n margin: 8px;\n margin-left: 0;\n border-radius: 4px;\n}\n.public-layout .header .nav-button:hover, .public-layout .header .nav-button:focus, .public-layout .header .nav-button:active {\n text-decoration: none;\n background: #344b68;\n}\n.public-layout .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.public-layout .grid .column-0 {\n grid-row: 1;\n grid-column: 1;\n}\n.public-layout .grid .column-1 {\n grid-row: 1;\n grid-column: 2;\n}\n@media screen and (max-width: 600px) {\n .public-layout .grid {\n grid-template-columns: 100%;\n grid-gap: 0;\n }\n .public-layout .grid .column-1 {\n display: none;\n }\n}\n.public-layout .public-account-header {\n overflow: hidden;\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n.public-layout .public-account-header.inactive {\n opacity: 0.5;\n}\n.public-layout .public-account-header.inactive .public-account-header__image,\n.public-layout .public-account-header.inactive .avatar {\n filter: grayscale(100%);\n}\n.public-layout .public-account-header.inactive .logo-button {\n background-color: #d9e1e8;\n}\n.public-layout .public-account-header__image {\n border-radius: 4px 4px 0 0;\n overflow: hidden;\n height: 300px;\n position: relative;\n background: black;\n}\n.public-layout .public-account-header__image::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 -1px 1px 1px rgba(0, 0, 0, 0.15);\n top: 0;\n left: 0;\n}\n.public-layout .public-account-header__image 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@media screen and (max-width: 600px) {\n .public-layout .public-account-header__image {\n height: 200px;\n }\n}\n.public-layout .public-account-header--no-bar {\n margin-bottom: 0;\n}\n.public-layout .public-account-header--no-bar .public-account-header__image,\n.public-layout .public-account-header--no-bar .public-account-header__image img {\n border-radius: 4px;\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header--no-bar .public-account-header__image,\n.public-layout .public-account-header--no-bar .public-account-header__image img {\n border-radius: 0;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header {\n margin-bottom: 0;\n box-shadow: none;\n }\n .public-layout .public-account-header__image::after {\n display: none;\n }\n .public-layout .public-account-header__image, .public-layout .public-account-header__image img {\n border-radius: 0;\n }\n}\n.public-layout .public-account-header__bar {\n position: relative;\n margin-top: -80px;\n display: flex;\n justify-content: flex-start;\n}\n.public-layout .public-account-header__bar::before {\n content: \"\";\n display: block;\n background: #192432;\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.public-layout .public-account-header__bar .avatar {\n display: block;\n width: 120px;\n height: 120px;\n padding-left: 16px;\n flex: 0 0 auto;\n}\n.public-layout .public-account-header__bar .avatar img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid #192432;\n background: #040609;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n margin-top: 0;\n background: #192432;\n border-radius: 0 0 4px 4px;\n padding: 5px;\n }\n .public-layout .public-account-header__bar::before {\n display: none;\n }\n .public-layout .public-account-header__bar .avatar {\n width: 48px;\n height: 48px;\n padding: 7px 0;\n padding-left: 10px;\n }\n .public-layout .public-account-header__bar .avatar img {\n border: 0;\n border-radius: 4px;\n }\n}\n@media screen and (max-width: 600px) and (max-width: 360px) {\n .public-layout .public-account-header__bar .avatar {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header__bar {\n border-radius: 0;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n flex-wrap: wrap;\n }\n}\n.public-layout .public-account-header__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n}\n.public-layout .public-account-header__tabs__name {\n padding-top: 20px;\n padding-bottom: 8px;\n}\n.public-layout .public-account-header__tabs__name h1 {\n font-size: 20px;\n line-height: 27px;\n color: #ffffff;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-shadow: 1px 1px 1px #000000;\n}\n.public-layout .public-account-header__tabs__name h1 small {\n display: block;\n font-size: 14px;\n color: #ffffff;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__tabs {\n margin-left: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .public-layout .public-account-header__tabs__name {\n padding-top: 0;\n padding-bottom: 0;\n }\n .public-layout .public-account-header__tabs__name h1 {\n font-size: 16px;\n line-height: 24px;\n text-shadow: none;\n }\n .public-layout .public-account-header__tabs__name h1 small {\n color: #9baec8;\n }\n}\n.public-layout .public-account-header__tabs__tabs {\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n height: 58px;\n}\n.public-layout .public-account-header__tabs__tabs .details-counters {\n display: flex;\n flex-direction: row;\n min-width: 300px;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__tabs__tabs .details-counters {\n display: none;\n }\n}\n.public-layout .public-account-header__tabs__tabs .counter {\n width: 33.3%;\n box-sizing: border-box;\n flex: 0 0 auto;\n color: #9baec8;\n padding: 10px;\n border-right: 1px solid #192432;\n cursor: default;\n text-align: center;\n position: relative;\n}\n.public-layout .public-account-header__tabs__tabs .counter a {\n display: block;\n}\n.public-layout .public-account-header__tabs__tabs .counter:last-child {\n border-right: 0;\n}\n.public-layout .public-account-header__tabs__tabs .counter::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 4px solid #9baec8;\n opacity: 0.5;\n transition: all 400ms ease;\n}\n.public-layout .public-account-header__tabs__tabs .counter.active::after {\n border-bottom: 4px solid #d8a070;\n opacity: 1;\n}\n.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after {\n border-bottom-color: #d9e1e8;\n}\n.public-layout .public-account-header__tabs__tabs .counter:hover::after {\n opacity: 1;\n transition-duration: 100ms;\n}\n.public-layout .public-account-header__tabs__tabs .counter a {\n text-decoration: none;\n color: inherit;\n}\n.public-layout .public-account-header__tabs__tabs .counter .counter-label {\n font-size: 12px;\n display: block;\n}\n.public-layout .public-account-header__tabs__tabs .counter .counter-number {\n font-weight: 500;\n font-size: 18px;\n margin-bottom: 5px;\n color: #ffffff;\n font-family: \"mastodon-font-display\", sans-serif;\n}\n.public-layout .public-account-header__tabs__tabs .spacer {\n flex: 1 1 auto;\n height: 1px;\n}\n.public-layout .public-account-header__tabs__tabs__buttons {\n padding: 7px 8px;\n}\n.public-layout .public-account-header__extra {\n display: none;\n margin-top: 4px;\n}\n.public-layout .public-account-header__extra .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n}\n.public-layout .public-account-header__extra .public-account-bio .account__header__fields {\n border-top: 1px solid #26374d;\n}\n.public-layout .public-account-header__extra .public-account-bio .roles {\n display: none;\n}\n.public-layout .public-account-header__extra__links {\n margin-top: -15px;\n font-size: 14px;\n color: #9baec8;\n}\n.public-layout .public-account-header__extra__links a {\n display: inline-block;\n color: #9baec8;\n text-decoration: none;\n padding: 15px;\n font-weight: 500;\n}\n.public-layout .public-account-header__extra__links a strong {\n font-weight: 700;\n color: #ffffff;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__extra {\n display: block;\n flex: 100%;\n }\n}\n.public-layout .account__section-headline {\n border-radius: 4px 4px 0 0;\n}\n@media screen and (max-width: 415px) {\n .public-layout .account__section-headline {\n border-radius: 0;\n }\n}\n.public-layout .detailed-status__meta {\n margin-top: 25px;\n}\n.public-layout .public-account-bio {\n background: #202e3f;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-bio {\n box-shadow: none;\n margin-bottom: 0;\n border-radius: 0;\n }\n}\n.public-layout .public-account-bio .account__header__fields {\n margin: 0;\n border-top: 0;\n}\n.public-layout .public-account-bio .account__header__fields a {\n color: #e1b590;\n}\n.public-layout .public-account-bio .account__header__fields dl:first-child .verified {\n border-radius: 0 4px 0 0;\n}\n.public-layout .public-account-bio .account__header__fields .verified a {\n color: #79bd9a;\n}\n.public-layout .public-account-bio .account__header__content {\n padding: 20px;\n padding-bottom: 0;\n color: #ffffff;\n}\n.public-layout .public-account-bio__extra,\n.public-layout .public-account-bio .roles {\n padding: 20px;\n font-size: 14px;\n color: #9baec8;\n}\n.public-layout .public-account-bio .roles {\n padding-bottom: 0;\n}\n.public-layout .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: 415px) {\n .public-layout .directory__list {\n display: block;\n }\n}\n.public-layout .directory__list .icon-button {\n font-size: 18px;\n}\n.public-layout .directory__card {\n margin-bottom: 0;\n}\n.public-layout .card-grid {\n display: flex;\n flex-wrap: wrap;\n min-width: 100%;\n margin: 0 -5px;\n}\n.public-layout .card-grid > 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 .public-layout .card-grid > div {\n max-width: 50%;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .card-grid > div {\n max-width: 100%;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .card-grid {\n margin: 0;\n border-top: 1px solid #202e3f;\n }\n .public-layout .card-grid > div {\n width: 100%;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid #202e3f;\n }\n .public-layout .card-grid > div:last-child {\n border-bottom: 0;\n }\n .public-layout .card-grid > div .card__bar {\n background: #121a24;\n }\n .public-layout .card-grid > div .card__bar:hover, .public-layout .card-grid > div .card__bar:active, .public-layout .card-grid > div .card__bar:focus {\n background: #192432;\n }\n}\n\n.no-list {\n list-style: none;\n}\n.no-list li {\n display: inline-block;\n margin: 0 5px;\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n}\n.recovery-codes li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n}\n\n.public-layout .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: #4c6d98;\n}\n@media screen and (max-width: 415px) {\n .public-layout .footer {\n padding-left: 20px;\n padding-right: 20px;\n }\n}\n.public-layout .footer .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n}\n.public-layout .footer .grid .column-0 {\n grid-column: 1;\n grid-row: 1;\n min-width: 0;\n}\n.public-layout .footer .grid .column-1 {\n grid-column: 2;\n grid-row: 1;\n min-width: 0;\n}\n.public-layout .footer .grid .column-2 {\n grid-column: 3;\n grid-row: 1;\n min-width: 0;\n text-align: center;\n}\n.public-layout .footer .grid .column-2 h4 a {\n color: #4c6d98;\n}\n.public-layout .footer .grid .column-3 {\n grid-column: 4;\n grid-row: 1;\n min-width: 0;\n}\n.public-layout .footer .grid .column-4 {\n grid-column: 5;\n grid-row: 1;\n min-width: 0;\n}\n@media screen and (max-width: 690px) {\n .public-layout .footer .grid {\n grid-template-columns: 1fr 2fr 1fr;\n }\n .public-layout .footer .grid .column-0,\n.public-layout .footer .grid .column-1 {\n grid-column: 1;\n }\n .public-layout .footer .grid .column-1 {\n grid-row: 2;\n }\n .public-layout .footer .grid .column-2 {\n grid-column: 2;\n }\n .public-layout .footer .grid .column-3,\n.public-layout .footer .grid .column-4 {\n grid-column: 3;\n }\n .public-layout .footer .grid .column-4 {\n grid-row: 2;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .footer .grid .column-1 {\n display: block;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .footer .grid .column-0,\n.public-layout .footer .grid .column-1,\n.public-layout .footer .grid .column-3,\n.public-layout .footer .grid .column-4 {\n display: none;\n }\n}\n.public-layout .footer h4 {\n text-transform: uppercase;\n font-weight: 700;\n margin-bottom: 8px;\n color: #9baec8;\n}\n.public-layout .footer h4 a {\n color: inherit;\n text-decoration: none;\n}\n.public-layout .footer ul a {\n text-decoration: none;\n color: #4c6d98;\n}\n.public-layout .footer ul a:hover, .public-layout .footer ul a:active, .public-layout .footer ul a:focus {\n text-decoration: underline;\n}\n.public-layout .footer .brand svg {\n display: block;\n height: 36px;\n width: auto;\n margin: 0 auto;\n fill: #4c6d98;\n}\n.public-layout .footer .brand:hover svg, .public-layout .footer .brand:focus svg, .public-layout .footer .brand:active svg {\n fill: #5377a5;\n}\n\n.compact-header h1 {\n font-size: 24px;\n line-height: 28px;\n color: #9baec8;\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 .compact-header h1 {\n text-align: center;\n padding: 20px 10px 0;\n }\n}\n.compact-header h1 a {\n color: inherit;\n text-decoration: none;\n}\n.compact-header h1 small {\n font-weight: 400;\n color: #d9e1e8;\n}\n.compact-header h1 img {\n display: inline-block;\n margin-bottom: -5px;\n margin-right: 15px;\n width: 36px;\n height: 36px;\n}\n\n.hero-widget {\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n.hero-widget__img {\n width: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 4px 4px 0 0;\n background: #000000;\n}\n.hero-widget__img 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.hero-widget__text {\n background: #121a24;\n padding: 20px;\n border-radius: 0 0 4px 4px;\n font-size: 15px;\n color: #9baec8;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n}\n.hero-widget__text .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.hero-widget__text p {\n margin-bottom: 20px;\n}\n.hero-widget__text p:last-child {\n margin-bottom: 0;\n}\n.hero-widget__text 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: #bcc9da;\n}\n.hero-widget__text a {\n color: #d9e1e8;\n text-decoration: none;\n}\n.hero-widget__text a:hover {\n text-decoration: underline;\n}\n@media screen and (max-width: 415px) {\n .hero-widget {\n display: none;\n }\n}\n\n.endorsements-widget {\n margin-bottom: 10px;\n padding-bottom: 10px;\n}\n.endorsements-widget h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: #9baec8;\n}\n.endorsements-widget .account {\n padding: 10px 0;\n}\n.endorsements-widget .account:last-child {\n border-bottom: 0;\n}\n.endorsements-widget .account .account__display-name {\n display: flex;\n align-items: center;\n}\n.endorsements-widget .account .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.endorsements-widget .trends__item {\n padding: 10px;\n}\n\n.trends-widget h4 {\n color: #9baec8;\n}\n\n.box-widget {\n padding: 20px;\n border-radius: 4px;\n background: #121a24;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n\n.placeholder-widget {\n padding: 16px;\n border-radius: 4px;\n border: 2px dashed #3e5a7c;\n text-align: center;\n color: #9baec8;\n margin-bottom: 10px;\n}\n\n.contact-widget {\n min-height: 100%;\n font-size: 15px;\n color: #9baec8;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n padding: 0;\n}\n.contact-widget h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: #9baec8;\n}\n.contact-widget .account {\n border-bottom: 0;\n padding: 10px 0;\n padding-top: 5px;\n}\n.contact-widget > a {\n display: inline-block;\n padding: 10px;\n padding-top: 0;\n color: #9baec8;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.contact-widget > a:hover, .contact-widget > a:focus, .contact-widget > a:active {\n text-decoration: underline;\n}\n\n.moved-account-widget {\n padding: 15px;\n padding-bottom: 20px;\n border-radius: 4px;\n background: #121a24;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n color: #d9e1e8;\n font-weight: 400;\n margin-bottom: 10px;\n}\n.moved-account-widget strong,\n.moved-account-widget a {\n font-weight: 500;\n}\n.moved-account-widget strong:lang(ja),\n.moved-account-widget a:lang(ja) {\n font-weight: 700;\n}\n.moved-account-widget strong:lang(ko),\n.moved-account-widget a:lang(ko) {\n font-weight: 700;\n}\n.moved-account-widget strong:lang(zh-CN),\n.moved-account-widget a:lang(zh-CN) {\n font-weight: 700;\n}\n.moved-account-widget strong:lang(zh-HK),\n.moved-account-widget a:lang(zh-HK) {\n font-weight: 700;\n}\n.moved-account-widget strong:lang(zh-TW),\n.moved-account-widget a:lang(zh-TW) {\n font-weight: 700;\n}\n.moved-account-widget a {\n color: inherit;\n text-decoration: underline;\n}\n.moved-account-widget a.mention {\n text-decoration: none;\n}\n.moved-account-widget a.mention span {\n text-decoration: none;\n}\n.moved-account-widget a.mention:focus, .moved-account-widget a.mention:hover, .moved-account-widget a.mention:active {\n text-decoration: none;\n}\n.moved-account-widget a.mention:focus span, .moved-account-widget a.mention:hover span, .moved-account-widget a.mention:active span {\n text-decoration: underline;\n}\n.moved-account-widget__message {\n margin-bottom: 15px;\n}\n.moved-account-widget__message .fa {\n margin-right: 5px;\n color: #9baec8;\n}\n.moved-account-widget__card .detailed-status__display-avatar {\n position: relative;\n cursor: pointer;\n}\n.moved-account-widget__card .detailed-status__display-name {\n margin-bottom: 0;\n text-decoration: none;\n}\n.moved-account-widget__card .detailed-status__display-name span {\n font-weight: 400;\n}\n\n.memoriam-widget {\n padding: 20px;\n border-radius: 4px;\n background: #000000;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n font-size: 14px;\n color: #9baec8;\n margin-bottom: 10px;\n}\n\n.page-header {\n background: #202e3f;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n padding: 60px 15px;\n text-align: center;\n margin: 10px 0;\n}\n.page-header h1 {\n color: #ffffff;\n font-size: 36px;\n line-height: 1.1;\n font-weight: 700;\n margin-bottom: 10px;\n}\n.page-header p {\n font-size: 15px;\n color: #9baec8;\n}\n@media screen and (max-width: 415px) {\n .page-header {\n margin-top: 0;\n background: #192432;\n }\n .page-header h1 {\n font-size: 24px;\n }\n}\n\n.directory {\n background: #121a24;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n.directory__tag {\n box-sizing: border-box;\n margin-bottom: 10px;\n}\n.directory__tag > a, .directory__tag > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #121a24;\n border-radius: 4px;\n padding: 15px;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n.directory__tag > a:hover, .directory__tag > a:active, .directory__tag > a:focus {\n background: #202e3f;\n}\n.directory__tag.active > a {\n background: #d8a070;\n cursor: default;\n}\n.directory__tag.disabled > div {\n opacity: 0.5;\n cursor: default;\n}\n.directory__tag h4 {\n flex: 1 1 auto;\n font-size: 18px;\n font-weight: 700;\n color: #ffffff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__tag h4 .fa {\n color: #9baec8;\n}\n.directory__tag h4 small {\n display: block;\n font-weight: 400;\n font-size: 15px;\n margin-top: 8px;\n color: #9baec8;\n}\n.directory__tag.active h4,\n.directory__tag.active h4 .fa,\n.directory__tag.active h4 small,\n.directory__tag.active h4 .trends__item__current {\n color: #ffffff;\n}\n.directory__tag .avatar-stack {\n flex: 0 0 auto;\n width: 120px;\n}\n.directory__tag.active .avatar-stack .account__avatar {\n border-color: #d8a070;\n}\n.directory__tag .trends__item__current {\n padding-right: 0;\n}\n\n.avatar-stack {\n display: flex;\n justify-content: flex-end;\n}\n.avatar-stack .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: #040609;\n border: 2px solid #121a24;\n}\n.avatar-stack .account__avatar:nth-child(1) {\n z-index: 1;\n}\n.avatar-stack .account__avatar:nth-child(2) {\n z-index: 2;\n}\n.avatar-stack .account__avatar:nth-child(3) {\n z-index: 3;\n}\n\n.accounts-table {\n width: 100%;\n}\n.accounts-table .account {\n padding: 0;\n border: 0;\n}\n.accounts-table strong {\n font-weight: 700;\n}\n.accounts-table thead th {\n text-align: center;\n text-transform: uppercase;\n color: #9baec8;\n font-weight: 700;\n padding: 10px;\n}\n.accounts-table thead th:first-child {\n text-align: left;\n}\n.accounts-table tbody td {\n padding: 15px 0;\n vertical-align: middle;\n border-bottom: 1px solid #202e3f;\n}\n.accounts-table tbody tr:last-child td {\n border-bottom: 0;\n}\n.accounts-table__count {\n width: 120px;\n text-align: center;\n font-size: 15px;\n font-weight: 500;\n color: #ffffff;\n}\n.accounts-table__count small {\n display: block;\n color: #9baec8;\n font-weight: 400;\n font-size: 14px;\n}\n.accounts-table__comment {\n width: 50%;\n vertical-align: initial !important;\n}\n@media screen and (max-width: 415px) {\n .accounts-table tbody td.optional {\n display: none;\n }\n}\n\n@media screen and (max-width: 415px) {\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 margin-bottom: 0;\n box-shadow: none;\n border-radius: 0;\n }\n}\n\n.statuses-grid {\n min-height: 600px;\n}\n@media screen and (max-width: 640px) {\n .statuses-grid {\n width: 100% !important;\n }\n}\n.statuses-grid__item {\n width: 313.3333333333px;\n}\n@media screen and (max-width: 1255px) {\n .statuses-grid__item {\n width: 306.6666666667px;\n }\n}\n@media screen and (max-width: 640px) {\n .statuses-grid__item {\n width: 100%;\n }\n}\n@media screen and (max-width: 415px) {\n .statuses-grid__item {\n width: 100vw;\n }\n}\n.statuses-grid .detailed-status {\n border-radius: 4px;\n}\n@media screen and (max-width: 415px) {\n .statuses-grid .detailed-status {\n border-top: 1px solid #2d415a;\n }\n}\n.statuses-grid .detailed-status.compact .detailed-status__meta {\n margin-top: 15px;\n}\n.statuses-grid .detailed-status.compact .status__content {\n font-size: 15px;\n line-height: 20px;\n}\n.statuses-grid .detailed-status.compact .status__content .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link {\n line-height: 20px;\n margin: 0;\n}\n.statuses-grid .detailed-status.compact .media-gallery,\n.statuses-grid .detailed-status.compact .status-card,\n.statuses-grid .detailed-status.compact .video-player {\n margin-top: 15px;\n}\n\n.notice-widget {\n margin-bottom: 10px;\n color: #9baec8;\n}\n.notice-widget p {\n margin-bottom: 10px;\n}\n.notice-widget p:last-child {\n margin-bottom: 0;\n}\n.notice-widget a {\n font-size: 14px;\n line-height: 20px;\n}\n\n.notice-widget a,\n.placeholder-widget a {\n text-decoration: none;\n font-weight: 500;\n color: #d8a070;\n}\n.notice-widget a:hover, .notice-widget a:focus, .notice-widget a:active,\n.placeholder-widget a:hover,\n.placeholder-widget a:focus,\n.placeholder-widget a:active {\n text-decoration: underline;\n}\n\n.table-of-contents {\n background: #0b1016;\n min-height: 100%;\n font-size: 14px;\n border-radius: 4px;\n}\n.table-of-contents 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: #ffffff;\n border-bottom: 1px solid #192432;\n}\n.table-of-contents li a:hover, .table-of-contents li a:focus, .table-of-contents li a:active {\n text-decoration: underline;\n}\n.table-of-contents li:last-child a {\n border-bottom: 0;\n}\n.table-of-contents li ul {\n padding-left: 20px;\n border-bottom: 1px solid #192432;\n}\n\ncode {\n font-family: \"mastodon-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 .input {\n margin-bottom: 15px;\n overflow: hidden;\n}\n.simple_form .input.hidden {\n margin: 0;\n}\n.simple_form .input.radio_buttons .radio {\n margin-bottom: 15px;\n}\n.simple_form .input.radio_buttons .radio:last-child {\n margin-bottom: 0;\n}\n.simple_form .input.radio_buttons .radio > label {\n position: relative;\n padding-left: 28px;\n}\n.simple_form .input.radio_buttons .radio > label input {\n position: absolute;\n top: -2px;\n left: 0;\n}\n.simple_form .input.boolean {\n position: relative;\n margin-bottom: 0;\n}\n.simple_form .input.boolean .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: #ffffff;\n display: block;\n width: auto;\n}\n.simple_form .input.boolean .label_input,\n.simple_form .input.boolean .hint {\n padding-left: 28px;\n}\n.simple_form .input.boolean .label_input__wrapper {\n position: static;\n}\n.simple_form .input.boolean label.checkbox {\n position: absolute;\n top: 2px;\n left: 0;\n}\n.simple_form .input.boolean label a {\n color: #d8a070;\n text-decoration: underline;\n}\n.simple_form .input.boolean label a:hover, .simple_form .input.boolean label a:active, .simple_form .input.boolean label a:focus {\n text-decoration: none;\n}\n.simple_form .input.boolean .recommended {\n position: absolute;\n margin: 0 4px;\n margin-top: -2px;\n}\n.simple_form .row {\n display: flex;\n margin: 0 -5px;\n}\n.simple_form .row .input {\n box-sizing: border-box;\n flex: 1 1 auto;\n width: 50%;\n padding: 0 5px;\n}\n.simple_form .hint {\n color: #9baec8;\n}\n.simple_form .hint a {\n color: #d8a070;\n}\n.simple_form .hint code {\n border-radius: 3px;\n padding: 0.2em 0.4em;\n background: black;\n}\n.simple_form .hint li {\n list-style: disc;\n margin-left: 18px;\n}\n.simple_form ul.hint {\n margin-bottom: 15px;\n}\n.simple_form span.hint {\n display: block;\n font-size: 12px;\n margin-top: 4px;\n}\n.simple_form p.hint {\n margin-bottom: 15px;\n color: #9baec8;\n}\n.simple_form p.hint.subtle-hint {\n text-align: center;\n font-size: 12px;\n line-height: 18px;\n margin-top: 15px;\n margin-bottom: 0;\n}\n.simple_form .card {\n margin-bottom: 15px;\n}\n.simple_form strong {\n font-weight: 500;\n}\n.simple_form strong:lang(ja) {\n font-weight: 700;\n}\n.simple_form strong:lang(ko) {\n font-weight: 700;\n}\n.simple_form strong:lang(zh-CN) {\n font-weight: 700;\n}\n.simple_form strong:lang(zh-HK) {\n font-weight: 700;\n}\n.simple_form strong:lang(zh-TW) {\n font-weight: 700;\n}\n.simple_form .input.with_floating_label .label_input {\n display: flex;\n}\n.simple_form .input.with_floating_label .label_input > label {\n font-family: inherit;\n font-size: 14px;\n color: #ffffff;\n font-weight: 500;\n min-width: 150px;\n flex: 0 0 auto;\n}\n.simple_form .input.with_floating_label .label_input input,\n.simple_form .input.with_floating_label .label_input select {\n flex: 1 1 auto;\n}\n.simple_form .input.with_floating_label.select .hint {\n margin-top: 6px;\n margin-left: 150px;\n}\n.simple_form .input.with_label .label_input > label {\n font-family: inherit;\n font-size: 14px;\n color: #ffffff;\n display: block;\n margin-bottom: 8px;\n word-wrap: break-word;\n font-weight: 500;\n}\n.simple_form .input.with_label .hint {\n margin-top: 6px;\n}\n.simple_form .input.with_label ul {\n flex: 390px;\n}\n.simple_form .input.with_block_label {\n max-width: none;\n}\n.simple_form .input.with_block_label > label {\n font-family: inherit;\n font-size: 16px;\n color: #ffffff;\n display: block;\n font-weight: 500;\n padding-top: 5px;\n}\n.simple_form .input.with_block_label .hint {\n margin-bottom: 15px;\n}\n.simple_form .input.with_block_label ul {\n columns: 2;\n}\n.simple_form .required abbr {\n text-decoration: none;\n color: #e87487;\n}\n.simple_form .fields-group {\n margin-bottom: 25px;\n}\n.simple_form .fields-group .input:last-child {\n margin-bottom: 0;\n}\n.simple_form .fields-row {\n display: flex;\n margin: 0 -10px;\n padding-top: 5px;\n margin-bottom: 25px;\n}\n.simple_form .fields-row .input {\n max-width: none;\n}\n.simple_form .fields-row__column {\n box-sizing: border-box;\n padding: 0 10px;\n flex: 1 1 auto;\n min-height: 1px;\n}\n.simple_form .fields-row__column-6 {\n max-width: 50%;\n}\n.simple_form .fields-row__column .actions {\n margin-top: 27px;\n}\n.simple_form .fields-row .fields-group:last-child,\n.simple_form .fields-row .fields-row__column.fields-group {\n margin-bottom: 0;\n}\n@media screen and (max-width: 600px) {\n .simple_form .fields-row {\n display: block;\n margin-bottom: 0;\n }\n .simple_form .fields-row__column {\n max-width: none;\n }\n .simple_form .fields-row .fields-group:last-child,\n.simple_form .fields-row .fields-row__column.fields-group,\n.simple_form .fields-row .fields-row__column {\n margin-bottom: 25px;\n }\n}\n.simple_form .input.radio_buttons .radio label {\n margin-bottom: 5px;\n font-family: inherit;\n font-size: 14px;\n color: #ffffff;\n display: block;\n width: auto;\n}\n.simple_form .check_boxes .checkbox label {\n font-family: inherit;\n font-size: 14px;\n color: #ffffff;\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.simple_form .check_boxes .checkbox input[type=checkbox] {\n position: absolute;\n left: 0;\n top: 5px;\n margin: 0;\n}\n.simple_form .input.static .label_input__wrapper {\n font-size: 16px;\n padding: 10px;\n border: 1px solid #3e5a7c;\n border-radius: 4px;\n}\n.simple_form input[type=text],\n.simple_form input[type=number],\n.simple_form input[type=email],\n.simple_form input[type=password],\n.simple_form textarea {\n box-sizing: border-box;\n font-size: 16px;\n color: #ffffff;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: #010102;\n border: 1px solid black;\n border-radius: 4px;\n padding: 10px;\n}\n.simple_form input[type=text]::placeholder,\n.simple_form input[type=number]::placeholder,\n.simple_form input[type=email]::placeholder,\n.simple_form input[type=password]::placeholder,\n.simple_form textarea::placeholder {\n color: #a8b9cf;\n}\n.simple_form input[type=text]:invalid,\n.simple_form input[type=number]:invalid,\n.simple_form input[type=email]:invalid,\n.simple_form input[type=password]:invalid,\n.simple_form textarea:invalid {\n box-shadow: none;\n}\n.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),\n.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),\n.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),\n.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),\n.simple_form textarea:focus:invalid:not(:placeholder-shown) {\n border-color: #e87487;\n}\n.simple_form input[type=text]:required:valid,\n.simple_form input[type=number]:required:valid,\n.simple_form input[type=email]:required:valid,\n.simple_form input[type=password]:required:valid,\n.simple_form textarea:required:valid {\n border-color: #79bd9a;\n}\n.simple_form input[type=text]:hover,\n.simple_form input[type=number]:hover,\n.simple_form input[type=email]:hover,\n.simple_form input[type=password]:hover,\n.simple_form textarea:hover {\n border-color: black;\n}\n.simple_form input[type=text]:active, .simple_form input[type=text]:focus,\n.simple_form input[type=number]:active,\n.simple_form input[type=number]:focus,\n.simple_form input[type=email]:active,\n.simple_form input[type=email]:focus,\n.simple_form input[type=password]:active,\n.simple_form input[type=password]:focus,\n.simple_form textarea:active,\n.simple_form textarea:focus {\n border-color: #d8a070;\n background: #040609;\n}\n.simple_form .input.field_with_errors label {\n color: #e87487;\n}\n.simple_form .input.field_with_errors input[type=text],\n.simple_form .input.field_with_errors input[type=number],\n.simple_form .input.field_with_errors input[type=email],\n.simple_form .input.field_with_errors input[type=password],\n.simple_form .input.field_with_errors textarea,\n.simple_form .input.field_with_errors select {\n border-color: #e87487;\n}\n.simple_form .input.field_with_errors .error {\n display: block;\n font-weight: 500;\n color: #e87487;\n margin-top: 4px;\n}\n.simple_form .input.disabled {\n opacity: 0.5;\n}\n.simple_form .actions {\n margin-top: 30px;\n display: flex;\n}\n.simple_form .actions.actions--top {\n margin-top: 0;\n margin-bottom: 30px;\n}\n.simple_form button,\n.simple_form .button,\n.simple_form .block-button {\n display: block;\n width: 100%;\n border: 0;\n border-radius: 4px;\n background: #d8a070;\n color: #ffffff;\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.simple_form button:last-child,\n.simple_form .button:last-child,\n.simple_form .block-button:last-child {\n margin-right: 0;\n}\n.simple_form button:hover,\n.simple_form .button:hover,\n.simple_form .block-button:hover {\n background-color: #ddad84;\n}\n.simple_form button:active, .simple_form button:focus,\n.simple_form .button:active,\n.simple_form .button:focus,\n.simple_form .block-button:active,\n.simple_form .block-button:focus {\n background-color: #d3935c;\n}\n.simple_form button:disabled:hover,\n.simple_form .button:disabled:hover,\n.simple_form .block-button:disabled:hover {\n background-color: #9baec8;\n}\n.simple_form button.negative,\n.simple_form .button.negative,\n.simple_form .block-button.negative {\n background: #df405a;\n}\n.simple_form button.negative:hover,\n.simple_form .button.negative:hover,\n.simple_form .block-button.negative:hover {\n background-color: #e3566d;\n}\n.simple_form button.negative:active, .simple_form button.negative:focus,\n.simple_form .button.negative:active,\n.simple_form .button.negative:focus,\n.simple_form .block-button.negative:active,\n.simple_form .block-button.negative:focus {\n background-color: #db2a47;\n}\n.simple_form select {\n appearance: none;\n box-sizing: border-box;\n font-size: 16px;\n color: #ffffff;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: #010102 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center/auto 16px;\n border: 1px solid black;\n border-radius: 4px;\n padding-left: 10px;\n padding-right: 30px;\n height: 41px;\n}\n.simple_form h4 {\n margin-bottom: 15px !important;\n}\n.simple_form .label_input__wrapper {\n position: relative;\n}\n.simple_form .label_input__append {\n position: absolute;\n right: 3px;\n top: 1px;\n padding: 10px;\n padding-bottom: 9px;\n font-size: 16px;\n color: #3e5a7c;\n font-family: inherit;\n pointer-events: none;\n cursor: default;\n max-width: 140px;\n white-space: nowrap;\n overflow: hidden;\n}\n.simple_form .label_input__append::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(1, 1, 2, 0), #010102);\n}\n.simple_form__overlay-area {\n position: relative;\n}\n.simple_form__overlay-area__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(18, 26, 36, 0.65);\n backdrop-filter: blur(2px);\n border-radius: 4px;\n}\n.simple_form__overlay-area__overlay__content {\n text-align: center;\n}\n.simple_form__overlay-area__overlay__content.rich-formatting,\n.simple_form__overlay-area__overlay__content.rich-formatting p {\n color: #ffffff;\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: #202e3f;\n color: #9baec8;\n border-radius: 4px;\n padding: 15px 10px;\n margin-bottom: 30px;\n text-align: center;\n}\n.flash-message.notice {\n border: 1px solid rgba(121, 189, 154, 0.5);\n background: rgba(121, 189, 154, 0.25);\n color: #79bd9a;\n}\n.flash-message.alert {\n border: 1px solid rgba(223, 64, 90, 0.5);\n background: rgba(223, 64, 90, 0.25);\n color: #df405a;\n}\n.flash-message a {\n display: inline-block;\n color: #9baec8;\n text-decoration: none;\n}\n.flash-message a:hover {\n color: #ffffff;\n text-decoration: underline;\n}\n.flash-message p {\n margin-bottom: 15px;\n}\n.flash-message .oauth-code {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 0;\n padding: 10px;\n font-family: \"mastodon-font-monospace\", monospace;\n background: #121a24;\n color: #ffffff;\n font-size: 14px;\n margin: 0;\n}\n.flash-message .oauth-code::-moz-focus-inner {\n border: 0;\n}\n.flash-message .oauth-code::-moz-focus-inner, .flash-message .oauth-code:focus, .flash-message .oauth-code:active {\n outline: 0 !important;\n}\n.flash-message .oauth-code:focus {\n background: #192432;\n}\n.flash-message strong {\n font-weight: 500;\n}\n.flash-message strong:lang(ja) {\n font-weight: 700;\n}\n.flash-message strong:lang(ko) {\n font-weight: 700;\n}\n.flash-message strong:lang(zh-CN) {\n font-weight: 700;\n}\n.flash-message strong:lang(zh-HK) {\n font-weight: 700;\n}\n.flash-message strong:lang(zh-TW) {\n font-weight: 700;\n}\n@media screen and (max-width: 740px) and (min-width: 441px) {\n .flash-message {\n margin-top: 40px;\n }\n}\n\n.form-footer {\n margin-top: 30px;\n text-align: center;\n}\n.form-footer a {\n color: #9baec8;\n text-decoration: none;\n}\n.form-footer a:hover {\n text-decoration: underline;\n}\n\n.quick-nav {\n list-style: none;\n margin-bottom: 25px;\n font-size: 14px;\n}\n.quick-nav li {\n display: inline-block;\n margin-right: 10px;\n}\n.quick-nav a {\n color: #d8a070;\n text-transform: uppercase;\n text-decoration: none;\n font-weight: 700;\n}\n.quick-nav a:hover, .quick-nav a:focus, .quick-nav a:active {\n color: #e1b590;\n}\n\n.oauth-prompt,\n.follow-prompt {\n margin-bottom: 30px;\n color: #9baec8;\n}\n.oauth-prompt h2,\n.follow-prompt h2 {\n font-size: 16px;\n margin-bottom: 30px;\n text-align: center;\n}\n.oauth-prompt strong,\n.follow-prompt strong {\n color: #d9e1e8;\n font-weight: 500;\n}\n.oauth-prompt strong:lang(ja),\n.follow-prompt strong:lang(ja) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(ko),\n.follow-prompt strong:lang(ko) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(zh-CN),\n.follow-prompt strong:lang(zh-CN) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(zh-HK),\n.follow-prompt strong:lang(zh-HK) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(zh-TW),\n.follow-prompt strong:lang(zh-TW) {\n font-weight: 700;\n}\n@media screen and (max-width: 740px) and (min-width: 441px) {\n .oauth-prompt,\n.follow-prompt {\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: #ffffff;\n padding: 4px;\n margin: 0 10px 20px 0;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n display: inline-block;\n}\n.qr-code svg {\n display: block;\n margin: 0;\n}\n\n.qr-alternative {\n margin-bottom: 20px;\n color: #d9e1e8;\n flex: 150px;\n}\n.qr-alternative samp {\n display: block;\n font-size: 14px;\n}\n\n.table-form p {\n margin-bottom: 15px;\n}\n.table-form p strong {\n font-weight: 500;\n}\n.table-form p strong:lang(ja) {\n font-weight: 700;\n}\n.table-form p strong:lang(ko) {\n font-weight: 700;\n}\n.table-form p strong:lang(zh-CN) {\n font-weight: 700;\n}\n.table-form p strong:lang(zh-HK) {\n font-weight: 700;\n}\n.table-form p strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.simple_form .warning,\n.table-form .warning {\n box-sizing: border-box;\n background: rgba(223, 64, 90, 0.5);\n color: #ffffff;\n text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 15px;\n}\n.simple_form .warning a,\n.table-form .warning a {\n color: #ffffff;\n text-decoration: underline;\n}\n.simple_form .warning a:hover, .simple_form .warning a:focus, .simple_form .warning a:active,\n.table-form .warning a:hover,\n.table-form .warning a:focus,\n.table-form .warning a:active {\n text-decoration: none;\n}\n.simple_form .warning strong,\n.table-form .warning strong {\n font-weight: 600;\n display: block;\n margin-bottom: 5px;\n}\n.simple_form .warning strong:lang(ja),\n.table-form .warning strong:lang(ja) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(ko),\n.table-form .warning strong:lang(ko) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(zh-CN),\n.table-form .warning strong:lang(zh-CN) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(zh-HK),\n.table-form .warning strong:lang(zh-HK) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(zh-TW),\n.table-form .warning strong:lang(zh-TW) {\n font-weight: 700;\n}\n.simple_form .warning strong .fa,\n.table-form .warning strong .fa {\n font-weight: 400;\n}\n\n.action-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.action-pagination .actions,\n.action-pagination .pagination {\n flex: 1 1 auto;\n}\n.action-pagination .actions {\n padding: 30px 0;\n padding-right: 20px;\n flex: 0 0 auto;\n}\n\n.post-follow-actions {\n text-align: center;\n color: #9baec8;\n}\n.post-follow-actions div {\n margin-bottom: 4px;\n}\n\n.alternative-login {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.alternative-login h4 {\n font-size: 16px;\n color: #ffffff;\n text-align: center;\n margin-bottom: 20px;\n border: 0;\n padding: 0;\n}\n.alternative-login .button {\n display: block;\n}\n\n.scope-danger {\n color: #ff5050;\n}\n\n.form_admin_settings_site_short_description textarea,\n.form_admin_settings_site_description textarea,\n.form_admin_settings_site_extended_description textarea,\n.form_admin_settings_site_terms textarea,\n.form_admin_settings_custom_css textarea,\n.form_admin_settings_closed_registrations_message textarea {\n font-family: \"mastodon-font-monospace\", monospace;\n}\n\n.input-copy {\n background: #010102;\n border: 1px solid black;\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.input-copy__wrapper {\n flex: 1 1 auto;\n}\n.input-copy input[type=text] {\n background: transparent;\n border: 0;\n padding: 10px;\n font-size: 14px;\n font-family: \"mastodon-font-monospace\", monospace;\n}\n.input-copy 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.input-copy.copied {\n border-color: #79bd9a;\n transition: none;\n}\n.input-copy.copied button {\n background: #79bd9a;\n transition: none;\n}\n\n.connection-prompt {\n margin-bottom: 25px;\n}\n.connection-prompt .fa-link {\n background-color: #0b1016;\n border-radius: 100%;\n font-size: 24px;\n padding: 10px;\n}\n.connection-prompt__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.connection-prompt__column-sep {\n align-self: center;\n flex-grow: 0;\n overflow: visible;\n position: relative;\n z-index: 1;\n}\n.connection-prompt__column p {\n word-break: break-word;\n}\n.connection-prompt .account__avatar {\n margin-bottom: 20px;\n}\n.connection-prompt__connection {\n background-color: #202e3f;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n padding: 25px 10px;\n position: relative;\n text-align: center;\n}\n.connection-prompt__connection::after {\n background-color: #0b1016;\n content: \"\";\n display: block;\n height: 100%;\n left: 50%;\n position: absolute;\n top: 0;\n width: 1px;\n}\n.connection-prompt__row {\n align-items: flex-start;\n display: flex;\n flex-direction: row;\n}\n\n.card > a {\n display: block;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n@media screen and (max-width: 415px) {\n .card > a {\n box-shadow: none;\n }\n}\n.card > a:hover .card__bar, .card > a:active .card__bar, .card > a:focus .card__bar {\n background: #202e3f;\n}\n.card__img {\n height: 130px;\n position: relative;\n background: black;\n border-radius: 4px 4px 0 0;\n}\n.card__img 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@media screen and (max-width: 600px) {\n .card__img {\n height: 200px;\n }\n}\n@media screen and (max-width: 415px) {\n .card__img {\n display: none;\n }\n}\n.card__bar {\n position: relative;\n padding: 15px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: #192432;\n border-radius: 0 0 4px 4px;\n}\n@media screen and (max-width: 415px) {\n .card__bar {\n border-radius: 0;\n }\n}\n.card__bar .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n padding-top: 2px;\n}\n.card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: #040609;\n object-fit: cover;\n}\n.card__bar .display-name {\n margin-left: 15px;\n text-align: left;\n}\n.card__bar .display-name strong {\n font-size: 15px;\n color: #ffffff;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.card__bar .display-name span {\n display: block;\n font-size: 14px;\n color: #9baec8;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.pagination {\n padding: 30px 0;\n text-align: center;\n overflow: hidden;\n}\n.pagination a,\n.pagination .current,\n.pagination .newer,\n.pagination .older,\n.pagination .page,\n.pagination .gap {\n font-size: 14px;\n color: #ffffff;\n font-weight: 500;\n display: inline-block;\n padding: 6px 10px;\n text-decoration: none;\n}\n.pagination .current {\n background: #ffffff;\n border-radius: 100px;\n color: #121a24;\n cursor: default;\n margin: 0 10px;\n}\n.pagination .gap {\n cursor: default;\n}\n.pagination .older,\n.pagination .newer {\n text-transform: uppercase;\n color: #d9e1e8;\n}\n.pagination .older {\n float: left;\n padding-left: 0;\n}\n.pagination .older .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.pagination .newer {\n float: right;\n padding-right: 0;\n}\n.pagination .newer .fa {\n display: inline-block;\n margin-left: 5px;\n}\n.pagination .disabled {\n cursor: default;\n color: #233346;\n}\n@media screen and (max-width: 700px) {\n .pagination {\n padding: 30px 20px;\n }\n .pagination .page {\n display: none;\n }\n .pagination .newer,\n.pagination .older {\n display: inline-block;\n }\n}\n\n.nothing-here {\n background: #121a24;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n color: #9baec8;\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.nothing-here--under-tabs {\n border-radius: 0 0 4px 4px;\n}\n.nothing-here--flexible {\n box-sizing: border-box;\n min-height: 100%;\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: #d9e1e8;\n background-color: rgba(217, 225, 232, 0.1);\n border: 1px solid rgba(217, 225, 232, 0.5);\n}\n.account-role.moderator,\n.simple_form .recommended.moderator {\n color: #79bd9a;\n background-color: rgba(121, 189, 154, 0.1);\n border-color: rgba(121, 189, 154, 0.5);\n}\n.account-role.admin,\n.simple_form .recommended.admin {\n color: #e87487;\n background-color: rgba(232, 116, 135, 0.1);\n border-color: rgba(232, 116, 135, 0.5);\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 #26374d;\n border-bottom: 1px solid #26374d;\n font-size: 14px;\n line-height: 20px;\n}\n.account__header__fields dl {\n display: flex;\n border-bottom: 1px solid #26374d;\n}\n.account__header__fields dt,\n.account__header__fields 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.account__header__fields dt {\n font-weight: 500;\n width: 120px;\n flex: 0 0 auto;\n color: #d9e1e8;\n background: rgba(4, 6, 9, 0.5);\n}\n.account__header__fields dd {\n flex: 1 1 auto;\n color: #9baec8;\n}\n.account__header__fields a {\n color: #d8a070;\n text-decoration: none;\n}\n.account__header__fields a:hover, .account__header__fields a:focus, .account__header__fields a:active {\n text-decoration: underline;\n}\n.account__header__fields .verified {\n border: 1px solid rgba(121, 189, 154, 0.5);\n background: rgba(121, 189, 154, 0.25);\n}\n.account__header__fields .verified a {\n color: #79bd9a;\n font-weight: 500;\n}\n.account__header__fields .verified__mark {\n color: #79bd9a;\n}\n.account__header__fields dl:last-child {\n border-bottom: 0;\n}\n\n.directory__tag .trends__item__current {\n width: auto;\n}\n\n.pending-account__header {\n color: #9baec8;\n}\n.pending-account__header a {\n color: #d9e1e8;\n text-decoration: none;\n}\n.pending-account__header a:hover, .pending-account__header a:active, .pending-account__header a:focus {\n text-decoration: underline;\n}\n.pending-account__header strong {\n color: #ffffff;\n font-weight: 700;\n}\n.pending-account__body {\n margin-top: 10px;\n}\n\n.activity-stream {\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n}\n.activity-stream--under-tabs {\n border-radius: 0 0 4px 4px;\n}\n@media screen and (max-width: 415px) {\n .activity-stream {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n }\n}\n.activity-stream--headless {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n}\n.activity-stream--headless .detailed-status,\n.activity-stream--headless .status {\n border-radius: 0 !important;\n}\n.activity-stream div[data-component] {\n width: 100%;\n}\n.activity-stream .entry {\n background: #121a24;\n}\n.activity-stream .entry .detailed-status,\n.activity-stream .entry .status,\n.activity-stream .entry .load-more {\n animation: none;\n}\n.activity-stream .entry:last-child .detailed-status,\n.activity-stream .entry:last-child .status,\n.activity-stream .entry:last-child .load-more {\n border-bottom: 0;\n border-radius: 0 0 4px 4px;\n}\n.activity-stream .entry:first-child .detailed-status,\n.activity-stream .entry:first-child .status,\n.activity-stream .entry:first-child .load-more {\n border-radius: 4px 4px 0 0;\n}\n.activity-stream .entry:first-child:last-child .detailed-status,\n.activity-stream .entry:first-child:last-child .status,\n.activity-stream .entry:first-child:last-child .load-more {\n border-radius: 4px;\n}\n@media screen and (max-width: 740px) {\n .activity-stream .entry .detailed-status,\n.activity-stream .entry .status,\n.activity-stream .entry .load-more {\n border-radius: 0 !important;\n }\n}\n.activity-stream--highlighted .entry {\n background: #202e3f;\n}\n\n.button.logo-button {\n flex: 0 auto;\n font-size: 14px;\n background: #d8a070;\n color: #ffffff;\n text-transform: none;\n line-height: 36px;\n height: auto;\n padding: 3px 15px;\n border: 0;\n}\n.button.logo-button svg {\n width: 20px;\n height: auto;\n vertical-align: middle;\n margin-right: 5px;\n fill: #ffffff;\n}\n.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {\n background: #e3bb98;\n}\n.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 {\n background: #9baec8;\n}\n.button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover {\n background: #df405a;\n}\n@media screen and (max-width: 415px) {\n .button.logo-button svg {\n display: none;\n }\n}\n\n.embed .detailed-status,\n.public-layout .detailed-status {\n padding: 15px;\n}\n.embed .status,\n.public-layout .status {\n padding: 15px 15px 15px 78px;\n min-height: 50px;\n}\n.embed .status__avatar,\n.public-layout .status__avatar {\n left: 15px;\n top: 17px;\n}\n.embed .status__content,\n.public-layout .status__content {\n padding-top: 5px;\n}\n.embed .status__prepend,\n.public-layout .status__prepend {\n margin-left: 78px;\n padding-top: 15px;\n}\n.embed .status__prepend-icon-wrapper,\n.public-layout .status__prepend-icon-wrapper {\n left: -32px;\n}\n.embed .status .media-gallery, .embed .status__action-bar,\n.embed .status .video-player,\n.public-layout .status .media-gallery,\n.public-layout .status__action-bar,\n.public-layout .status .video-player {\n margin-top: 10px;\n}\n\nbutton.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,\");\n}\nbutton.icon-button i.fa-retweet:hover {\n background-image: url(\"data:image/svg+xml;utf8,\");\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,\");\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: #d8a070;\n border: 0;\n background: transparent;\n padding: 0;\n cursor: pointer;\n}\n.link-button:hover, .link-button:active {\n text-decoration: underline;\n}\n.link-button:disabled {\n color: #9baec8;\n cursor: default;\n}\n\n.button {\n background-color: #d8a070;\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: #ffffff;\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 white-space: nowrap;\n width: auto;\n}\n.button:active, .button:focus, .button:hover {\n background-color: #e3bb98;\n transition: all 200ms ease-out;\n}\n.button--destructive {\n transition: none;\n}\n.button--destructive:active, .button--destructive:focus, .button--destructive:hover {\n background-color: #df405a;\n transition: none;\n}\n.button:disabled, .button.disabled {\n background-color: #9baec8;\n cursor: default;\n}\n.button::-moz-focus-inner {\n border: 0;\n}\n.button::-moz-focus-inner, .button:focus, .button:active {\n outline: 0 !important;\n}\n.button.button-primary, .button.button-alternative, .button.button-secondary, .button.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n}\n.button.button-alternative {\n color: #121a24;\n background: #9baec8;\n}\n.button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover {\n background-color: #a8b9cf;\n}\n.button.button-alternative-2 {\n background: #3e5a7c;\n}\n.button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover {\n background-color: #45648a;\n}\n.button.button-secondary {\n color: #9baec8;\n background: transparent;\n padding: 3px 15px;\n border: 1px solid #9baec8;\n}\n.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {\n border-color: #a8b9cf;\n color: #a8b9cf;\n}\n.button.button-secondary:disabled {\n opacity: 0.5;\n}\n.button.button--block {\n display: block;\n width: 100%;\n}\n\n.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: #3e5a7c;\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.icon-button:hover, .icon-button:active, .icon-button:focus {\n color: #4a6b94;\n background-color: rgba(62, 90, 124, 0.15);\n transition: all 200ms ease-out;\n transition-property: background-color, color;\n}\n.icon-button:focus {\n background-color: rgba(62, 90, 124, 0.3);\n}\n.icon-button.disabled {\n color: #283a50;\n background-color: transparent;\n cursor: default;\n}\n.icon-button.active {\n color: #d8a070;\n}\n.icon-button::-moz-focus-inner {\n border: 0;\n}\n.icon-button::-moz-focus-inner, .icon-button:focus, .icon-button:active {\n outline: 0 !important;\n}\n.icon-button.inverted {\n color: #3e5a7c;\n}\n.icon-button.inverted:hover, .icon-button.inverted:active, .icon-button.inverted:focus {\n color: #324965;\n background-color: rgba(62, 90, 124, 0.15);\n}\n.icon-button.inverted:focus {\n background-color: rgba(62, 90, 124, 0.3);\n}\n.icon-button.inverted.disabled {\n color: #4a6b94;\n background-color: transparent;\n}\n.icon-button.inverted.active {\n color: #d8a070;\n}\n.icon-button.inverted.active.disabled {\n color: #e6c3a4;\n}\n.icon-button.overlayed {\n box-sizing: content-box;\n background: rgba(0, 0, 0, 0.6);\n color: rgba(255, 255, 255, 0.7);\n border-radius: 4px;\n padding: 2px;\n}\n.icon-button.overlayed:hover {\n background: rgba(0, 0, 0, 0.9);\n}\n\n.text-icon-button {\n color: #3e5a7c;\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.text-icon-button:hover, .text-icon-button:active, .text-icon-button:focus {\n color: #324965;\n background-color: rgba(62, 90, 124, 0.15);\n transition: all 200ms ease-out;\n transition-property: background-color, color;\n}\n.text-icon-button:focus {\n background-color: rgba(62, 90, 124, 0.3);\n}\n.text-icon-button.disabled {\n color: #6b8cb5;\n background-color: transparent;\n cursor: default;\n}\n.text-icon-button.active {\n color: #d8a070;\n}\n.text-icon-button::-moz-focus-inner {\n border: 0;\n}\n.text-icon-button::-moz-focus-inner, .text-icon-button:focus, .text-icon-button:active {\n outline: 0 !important;\n}\n\n.dropdown-menu {\n position: absolute;\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.invisible img,\n.invisible svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.ellipsis::after {\n content: \"…\";\n}\n\n.compose-form {\n padding: 10px;\n}\n.compose-form__sensitive-button {\n padding: 10px;\n padding-top: 0;\n font-size: 14px;\n font-weight: 500;\n}\n.compose-form__sensitive-button.active {\n color: #d8a070;\n}\n.compose-form__sensitive-button input[type=checkbox] {\n display: none;\n}\n.compose-form__sensitive-button .checkbox {\n display: inline-block;\n position: relative;\n border: 1px solid #9baec8;\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: 4px;\n vertical-align: middle;\n}\n.compose-form__sensitive-button .checkbox.active {\n border-color: #d8a070;\n background: #d8a070;\n}\n.compose-form .compose-form__warning {\n color: #121a24;\n margin-bottom: 10px;\n background: #9baec8;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n}\n.compose-form .compose-form__warning strong {\n color: #121a24;\n font-weight: 500;\n}\n.compose-form .compose-form__warning strong:lang(ja) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(ko) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-CN) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-HK) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-TW) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning a {\n color: #3e5a7c;\n font-weight: 500;\n text-decoration: underline;\n}\n.compose-form .compose-form__warning a:hover, .compose-form .compose-form__warning a:active, .compose-form .compose-form__warning a:focus {\n text-decoration: none;\n}\n.compose-form .emoji-picker-dropdown {\n position: absolute;\n top: 5px;\n right: 5px;\n}\n.compose-form .compose-form__autosuggest-wrapper {\n position: relative;\n}\n.compose-form .autosuggest-textarea,\n.compose-form .autosuggest-input,\n.compose-form .spoiler-input {\n position: relative;\n}\n.compose-form .spoiler-input {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n}\n.compose-form .spoiler-input.spoiler-input--visible {\n height: 36px;\n margin-bottom: 11px;\n opacity: 1;\n}\n.compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: #121a24;\n background: #ffffff;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n}\n.compose-form .autosuggest-textarea__textarea::placeholder,\n.compose-form .spoiler-input__input::placeholder {\n color: #3e5a7c;\n}\n.compose-form .autosuggest-textarea__textarea:focus,\n.compose-form .spoiler-input__input:focus {\n outline: 0;\n}\n@media screen and (max-width: 600px) {\n .compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n font-size: 16px;\n }\n}\n.compose-form .spoiler-input__input {\n border-radius: 4px;\n}\n.compose-form .autosuggest-textarea__textarea {\n min-height: 100px;\n border-radius: 4px 4px 0 0;\n padding-bottom: 0;\n padding-right: 32px;\n resize: none;\n scrollbar-color: initial;\n}\n.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar {\n all: unset;\n}\n@media screen and (max-width: 600px) {\n .compose-form .autosuggest-textarea__textarea {\n height: 100px !important;\n resize: vertical;\n }\n}\n.compose-form .autosuggest-textarea__suggestions-wrapper {\n position: relative;\n height: 0;\n}\n.compose-form .autosuggest-textarea__suggestions {\n box-sizing: border-box;\n display: none;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 99;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n background: #d9e1e8;\n border-radius: 0 0 4px 4px;\n color: #121a24;\n font-size: 14px;\n padding: 6px;\n}\n.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible {\n display: block;\n}\n.compose-form .autosuggest-textarea__suggestions__item {\n padding: 10px;\n cursor: pointer;\n border-radius: 4px;\n}\n.compose-form .autosuggest-textarea__suggestions__item:hover, .compose-form .autosuggest-textarea__suggestions__item:focus, .compose-form .autosuggest-textarea__suggestions__item:active, .compose-form .autosuggest-textarea__suggestions__item.selected {\n background: #b9c8d5;\n}\n.compose-form .autosuggest-account,\n.compose-form .autosuggest-emoji,\n.compose-form .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.compose-form .autosuggest-hashtag {\n justify-content: space-between;\n}\n.compose-form .autosuggest-hashtag__name {\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.compose-form .autosuggest-hashtag strong {\n font-weight: 500;\n}\n.compose-form .autosuggest-hashtag__uses {\n flex: 0 0 auto;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.compose-form .autosuggest-account-icon,\n.compose-form .autosuggest-emoji img {\n display: block;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n}\n.compose-form .autosuggest-account .display-name__account {\n color: #3e5a7c;\n}\n.compose-form .compose-form__modifiers {\n color: #121a24;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-wrapper {\n overflow: hidden;\n}\n.compose-form .compose-form__modifiers .compose-form__uploads-wrapper {\n display: flex;\n flex-direction: row;\n padding: 5px;\n flex-wrap: wrap;\n}\n.compose-form .compose-form__modifiers .compose-form__upload {\n flex: 1 1 0;\n min-width: 40%;\n margin: 5px;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions {\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button {\n flex: 0 1 auto;\n color: #d9e1e8;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active {\n color: #eff3f5;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions.active {\n opacity: 1;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description {\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(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n padding: 10px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea {\n background: transparent;\n color: #d9e1e8;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus {\n color: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder {\n opacity: 0.75;\n color: #d9e1e8;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description.active {\n opacity: 1;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-thumbnail {\n border-radius: 4px;\n background-color: #000000;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n height: 140px;\n width: 100%;\n overflow: hidden;\n}\n.compose-form .compose-form__buttons-wrapper {\n padding: 10px;\n background: #ebebeb;\n border-radius: 0 0 4px 4px;\n display: flex;\n justify-content: space-between;\n flex: 0 0 auto;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons {\n display: flex;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon {\n line-height: 27px;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button {\n display: none;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible {\n display: block;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon {\n line-height: 27px;\n}\n.compose-form .compose-form__buttons-wrapper .icon-button,\n.compose-form .compose-form__buttons-wrapper .text-icon-button {\n box-sizing: content-box;\n padding: 0 3px;\n}\n.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n align-self: center;\n margin-right: 4px;\n}\n.compose-form .compose-form__publish {\n display: flex;\n justify-content: flex-end;\n min-width: 0;\n flex: 0 0 auto;\n}\n.compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n overflow: hidden;\n padding-top: 10px;\n}\n\n.character-counter {\n cursor: default;\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: #3e5a7c;\n}\n.character-counter.character-counter--over {\n color: #ff5050;\n}\n\n.no-reduce-motion .spoiler-input {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -0.2ex 0.15em 0.2ex;\n width: 16px;\n height: 16px;\n}\n.emojione img {\n width: auto;\n}\n\n.reply-indicator {\n border-radius: 4px;\n margin-bottom: 10px;\n background: #9baec8;\n padding: 10px;\n min-height: 23px;\n overflow-y: auto;\n flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n\n.reply-indicator__cancel {\n float: right;\n line-height: 24px;\n}\n\n.reply-indicator__display-name {\n color: #121a24;\n display: block;\n max-width: 100%;\n line-height: 24px;\n overflow: hidden;\n padding-right: 25px;\n text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n float: left;\n margin-right: 5px;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n position: relative;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 2px;\n color: #ffffff;\n}\n.status__content:focus,\n.reply-indicator__content:focus {\n outline: 0;\n}\n.status__content.status__content--with-spoiler,\n.reply-indicator__content.status__content--with-spoiler {\n white-space: normal;\n}\n.status__content.status__content--with-spoiler .status__content__text,\n.reply-indicator__content.status__content--with-spoiler .status__content__text {\n white-space: pre-wrap;\n}\n.status__content .emojione,\n.reply-indicator__content .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.status__content img,\n.reply-indicator__content img {\n max-width: 100%;\n max-height: 400px;\n object-fit: contain;\n}\n.status__content p,\n.reply-indicator__content p {\n margin-bottom: 20px;\n white-space: pre-wrap;\n}\n.status__content p:last-child,\n.reply-indicator__content p:last-child {\n margin-bottom: 0;\n}\n.status__content a,\n.reply-indicator__content a {\n color: #d8a070;\n text-decoration: none;\n}\n.status__content a:hover,\n.reply-indicator__content a:hover {\n text-decoration: underline;\n}\n.status__content a:hover .fa,\n.reply-indicator__content a:hover .fa {\n color: #4a6b94;\n}\n.status__content a.mention:hover,\n.reply-indicator__content a.mention:hover {\n text-decoration: none;\n}\n.status__content a.mention:hover span,\n.reply-indicator__content a.mention:hover span {\n text-decoration: underline;\n}\n.status__content a .fa,\n.reply-indicator__content a .fa {\n color: #3e5a7c;\n}\n.status__content a.unhandled-link,\n.reply-indicator__content a.unhandled-link {\n color: #e1b590;\n}\n.status__content .status__content__spoiler-link,\n.reply-indicator__content .status__content__spoiler-link {\n background: #3e5a7c;\n}\n.status__content .status__content__spoiler-link:hover,\n.reply-indicator__content .status__content__spoiler-link:hover {\n background: #4a6b94;\n text-decoration: none;\n}\n.status__content .status__content__spoiler-link::-moz-focus-inner,\n.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner {\n border: 0;\n}\n.status__content .status__content__spoiler-link::-moz-focus-inner, .status__content .status__content__spoiler-link:focus, .status__content .status__content__spoiler-link:active,\n.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,\n.reply-indicator__content .status__content__spoiler-link:focus,\n.reply-indicator__content .status__content__spoiler-link:active {\n outline: 0 !important;\n}\n.status__content .status__content__text,\n.reply-indicator__content .status__content__text {\n display: none;\n}\n.status__content .status__content__text.status__content__text--visible,\n.reply-indicator__content .status__content__text.status__content__text--visible {\n display: block;\n}\n\n.status__content.status__content--collapsed {\n max-height: 300px;\n}\n\n.status__content__read-more-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: #e1b590;\n border: 0;\n background: transparent;\n padding: 0;\n padding-top: 8px;\n}\n.status__content__read-more-button:hover, .status__content__read-more-button:active {\n text-decoration: underline;\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: transparent;\n border: 0;\n color: #121a24;\n font-weight: 700;\n font-size: 11px;\n padding: 0 6px;\n text-transform: uppercase;\n line-height: 20px;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n color: #3e5a7c;\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 #202e3f;\n}\n\n.status__prepend-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n\n.focusable:focus {\n outline: 0;\n background: #192432;\n}\n.focusable:focus .status.status-direct {\n background: #26374d;\n}\n.focusable:focus .status.status-direct.muted {\n background: transparent;\n}\n.focusable:focus .detailed-status,\n.focusable:focus .detailed-status__action-bar {\n background: #202e3f;\n}\n\n.status {\n padding: 8px 10px;\n padding-left: 68px;\n position: relative;\n min-height: 54px;\n border-bottom: 1px solid #202e3f;\n cursor: default;\n opacity: 1;\n animation: fade 150ms linear;\n}\n@supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n .status {\n padding-right: 26px;\n }\n}\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.status .video-player,\n.status .audio-player {\n margin-top: 8px;\n}\n.status.status-direct:not(.read) {\n background: #202e3f;\n border-bottom-color: #26374d;\n}\n.status.light .status__relative-time {\n color: #9baec8;\n}\n.status.light .status__display-name {\n color: #121a24;\n}\n.status.light .display-name strong {\n color: #121a24;\n}\n.status.light .display-name span {\n color: #9baec8;\n}\n.status.light .status__content {\n color: #121a24;\n}\n.status.light .status__content a {\n color: #d8a070;\n}\n.status.light .status__content a.status__content__spoiler-link {\n color: #ffffff;\n background: #9baec8;\n}\n.status.light .status__content a.status__content__spoiler-link:hover {\n background: #b5c3d6;\n}\n\n.notification-favourite .status.status-direct {\n background: transparent;\n}\n.notification-favourite .status.status-direct .icon-button.disabled {\n color: #547aa9;\n}\n\n.status__relative-time,\n.notification__relative_time {\n color: #3e5a7c;\n float: right;\n font-size: 14px;\n}\n\n.status__display-name {\n color: #3e5a7c;\n}\n\n.status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n\n.status__info {\n font-size: 15px;\n}\n\n.status-check-box {\n border-bottom: 1px solid #d9e1e8;\n display: flex;\n}\n.status-check-box .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n}\n.status-check-box .status-check-box__status .media-gallery {\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .status__content {\n padding: 0;\n white-space: normal;\n}\n.status-check-box .status-check-box__status .video-player,\n.status-check-box .status-check-box__status .audio-player {\n margin-top: 8px;\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .media-gallery__item-thumbnail {\n cursor: default;\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-left: 68px;\n color: #3e5a7c;\n padding: 8px 0;\n padding-bottom: 2px;\n font-size: 14px;\n position: relative;\n}\n.status__prepend .status__display-name strong {\n color: #3e5a7c;\n}\n.status__prepend > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.status__action-bar {\n align-items: center;\n display: flex;\n margin-top: 8px;\n}\n.status__action-bar__counter {\n display: inline-flex;\n margin-right: 11px;\n align-items: center;\n}\n.status__action-bar__counter .status__action-bar-button {\n margin-right: 4px;\n}\n.status__action-bar__counter__label {\n display: inline-block;\n width: 14px;\n font-size: 12px;\n font-weight: 500;\n color: #3e5a7c;\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: #192432;\n padding: 14px 10px;\n}\n.detailed-status--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n}\n.detailed-status--flex .status__content,\n.detailed-status--flex .detailed-status__meta {\n flex: 100%;\n}\n.detailed-status .status__content {\n font-size: 19px;\n line-height: 24px;\n}\n.detailed-status .status__content .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .status__content .status__content__spoiler-link {\n line-height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .video-player,\n.detailed-status .audio-player {\n margin-top: 8px;\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: #3e5a7c;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: #192432;\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\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.reply-indicator__content {\n color: #121a24;\n font-size: 14px;\n}\n.reply-indicator__content a {\n color: #3e5a7c;\n}\n\n.domain {\n padding: 10px;\n border-bottom: 1px solid #202e3f;\n}\n.domain .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: #ffffff;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\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\n.account {\n padding: 10px;\n border-bottom: 1px solid #202e3f;\n}\n.account.compact {\n padding: 0;\n border-bottom: 0;\n}\n.account.compact .account__avatar-wrapper {\n margin-left: 0;\n}\n.account .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: #9baec8;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\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 border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n position: relative;\n}\n.account__avatar-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n}\n.account__avatar-composite {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n border-radius: 50%;\n overflow: hidden;\n position: relative;\n cursor: default;\n}\n.account__avatar-composite > div {\n float: left;\n position: relative;\n box-sizing: border-box;\n}\n.account__avatar-composite__label {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #ffffff;\n text-shadow: 1px 1px 2px #000000;\n font-weight: 700;\n font-size: 15px;\n}\n\na .account__avatar {\n cursor: pointer;\n}\n\n.account__avatar-overlay {\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n}\n.account__avatar-overlay-base {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n width: 36px;\n height: 36px;\n background-size: 36px 36px;\n}\n.account__avatar-overlay-overlay {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-size: 24px 24px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__disclaimer {\n padding: 10px;\n border-top: 1px solid #202e3f;\n color: #3e5a7c;\n}\n.account__disclaimer strong {\n font-weight: 500;\n}\n.account__disclaimer strong:lang(ja) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(ko) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(zh-CN) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(zh-HK) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(zh-TW) {\n font-weight: 700;\n}\n.account__disclaimer a {\n font-weight: 500;\n color: inherit;\n text-decoration: underline;\n}\n.account__disclaimer a:hover, .account__disclaimer a:focus, .account__disclaimer a:active {\n text-decoration: none;\n}\n\n.account__action-bar {\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-dropdown {\n padding: 10px;\n}\n.account__action-bar-dropdown .icon-button {\n vertical-align: middle;\n}\n.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right {\n left: 6px;\n right: initial;\n}\n.account__action-bar-dropdown .dropdown--active::after {\n bottom: initial;\n margin-left: 11px;\n margin-top: -7px;\n right: initial;\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-right: 1px solid #202e3f;\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n}\n.account__action-bar__tab.active {\n border-bottom: 4px solid #d8a070;\n}\n.account__action-bar__tab > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: #9baec8;\n}\n.account__action-bar__tab strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: #ffffff;\n}\n.account__action-bar__tab strong:lang(ja) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(ko) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-CN) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-HK) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.account-authorize {\n padding: 14px 10px;\n}\n.account-authorize .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\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 strong,\n.account__display-name strong {\n color: #ffffff;\n}\n\n.muted .emojione {\n opacity: 0.5;\n}\n\n.status__display-name:hover strong,\n.reply-indicator__display-name:hover strong,\n.detailed-status__display-name:hover strong,\na.account__display-name:hover strong {\n text-decoration: underline;\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__display-name {\n color: #d9e1e8;\n display: block;\n line-height: 24px;\n margin-bottom: 15px;\n overflow: hidden;\n}\n.detailed-status__display-name strong,\n.detailed-status__display-name span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.detailed-status__display-name strong {\n font-size: 16px;\n color: #ffffff;\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n height: 48px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n\n.status__expand {\n width: 68px;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n cursor: pointer;\n}\n\n.muted .status__content,\n.muted .status__content p,\n.muted .status__content a {\n color: #3e5a7c;\n}\n.muted .status__display-name strong {\n color: #3e5a7c;\n}\n.muted .status__avatar {\n opacity: 0.5;\n}\n.muted a.status__content__spoiler-link {\n background: #3e5a7c;\n color: #121a24;\n}\n.muted a.status__content__spoiler-link:hover {\n background: #4a6b94;\n text-decoration: none;\n}\n\n.notification__message {\n margin: 0 10px 0 68px;\n padding: 8px 0 0;\n cursor: default;\n color: #9baec8;\n font-size: 15px;\n line-height: 22px;\n position: relative;\n}\n.notification__message .fa {\n color: #d8a070;\n}\n.notification__message > span {\n display: inline;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.notification__favourite-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.notification__favourite-icon-wrapper .star-icon {\n color: #ca8f04;\n}\n\n.star-icon.active {\n color: #ca8f04;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n}\n.notification__display-name:hover {\n color: #ffffff;\n text-decoration: underline;\n}\n\n.notification__relative_time {\n float: right;\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\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.status__relative-time:hover,\n.detailed-status__datetime:hover {\n text-decoration: underline;\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 .image-loader__preview-canvas {\n max-width: 100%;\n max-height: 80%;\n background: url(\"~images/void.png\") repeat;\n object-fit: contain;\n}\n.image-loader .loading-bar {\n position: relative;\n}\n.image-loader.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\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.zoomable-image img {\n max-width: 100%;\n max-height: 80%;\n width: auto;\n height: auto;\n object-fit: contain;\n}\n\n.navigation-bar {\n padding: 10px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n cursor: default;\n color: #9baec8;\n}\n.navigation-bar strong {\n color: #d9e1e8;\n}\n.navigation-bar a {\n color: inherit;\n}\n.navigation-bar .permalink {\n text-decoration: none;\n}\n.navigation-bar .navigation-bar__actions {\n position: relative;\n}\n.navigation-bar .navigation-bar__actions .icon-button.close {\n position: absolute;\n pointer-events: none;\n transform: scale(0, 1) translate(-100%, 0);\n opacity: 0;\n}\n.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {\n pointer-events: auto;\n transform: scale(1, 1) translate(0, 0);\n opacity: 1;\n}\n\n.navigation-bar__profile {\n flex: 1 1 auto;\n margin-left: 8px;\n line-height: 20px;\n margin-top: -1px;\n overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n display: block;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n color: inherit;\n text-decoration: none;\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 #c0cdd9;\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: #d9e1e8;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n z-index: 9999;\n}\n.dropdown-menu ul {\n list-style: none;\n}\n.dropdown-menu.left {\n transform-origin: 100% 50%;\n}\n.dropdown-menu.top {\n transform-origin: 50% 100%;\n}\n.dropdown-menu.bottom {\n transform-origin: 50% 0;\n}\n.dropdown-menu.right {\n transform-origin: 0 50%;\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n}\n.dropdown-menu__arrow.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #d9e1e8;\n}\n.dropdown-menu__arrow.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: #d9e1e8;\n}\n.dropdown-menu__arrow.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: #d9e1e8;\n}\n.dropdown-menu__arrow.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #d9e1e8;\n}\n\n.dropdown-menu__item 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: #d9e1e8;\n color: #121a24;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item a:active {\n background: #d8a070;\n color: #d9e1e8;\n outline: 0;\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.dropdown--active .dropdown__content > ul {\n list-style: none;\n background: #d9e1e8;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);\n min-width: 140px;\n position: relative;\n}\n.dropdown--active .dropdown__content.dropdown__right {\n right: 0;\n}\n.dropdown--active .dropdown__content.dropdown__left > ul {\n left: -98px;\n}\n.dropdown--active .dropdown__content > 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: #d9e1e8;\n color: #121a24;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dropdown--active .dropdown__content > ul > li > a:focus {\n outline: 0;\n}\n.dropdown--active .dropdown__content > ul > li > a:hover {\n background: #d8a070;\n color: #d9e1e8;\n}\n\n.dropdown__icon {\n vertical-align: middle;\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.columns-area.unscrollable {\n overflow-x: hidden;\n}\n.columns-area__panels {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n}\n.columns-area__panels__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.columns-area__panels__pane--start {\n justify-content: flex-start;\n}\n.columns-area__panels__pane__inner {\n position: fixed;\n width: 285px;\n pointer-events: auto;\n height: 100%;\n}\n.columns-area__panels__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: 415px) {\n .columns-area__panels__main {\n padding: 0 10px;\n }\n}\n\n.tabs-bar__wrapper {\n background: #040609;\n position: sticky;\n top: 0;\n z-index: 2;\n padding-top: 0;\n}\n@media screen and (min-width: 415px) {\n .tabs-bar__wrapper {\n padding-top: 10px;\n }\n}\n.tabs-bar__wrapper .tabs-bar {\n margin-bottom: 0;\n}\n@media screen and (min-width: 415px) {\n .tabs-bar__wrapper .tabs-bar {\n margin-bottom: 10px;\n }\n}\n\n.react-swipeable-view-container,\n.react-swipeable-view-container .columns-area,\n.react-swipeable-view-container .drawer,\n.react-swipeable-view-container .column {\n height: 100%;\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: 350px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.column > .scrollable {\n background: #121a24;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\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.drawer {\n width: 330px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.drawer__tab {\n display: block;\n flex: 1 1 auto;\n padding: 15px 5px 13px;\n color: #9baec8;\n text-decoration: none;\n text-align: center;\n font-size: 16px;\n border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n flex: 1 1 auto;\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 .column:first-child,\n.drawer:first-child {\n padding-left: 10px;\n }\n .column:last-child,\n.drawer:last-child {\n padding-right: 10px;\n }\n\n .columns-area > div .column,\n.columns-area > div .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n.tabs-bar {\n box-sizing: border-box;\n display: flex;\n background: #202e3f;\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: #ffffff;\n text-decoration: none;\n text-align: center;\n font-size: 14px;\n font-weight: 500;\n border-bottom: 2px solid #202e3f;\n transition: all 50ms linear;\n transition-property: border-bottom, background, color;\n}\n.tabs-bar__link .fa {\n font-weight: 400;\n font-size: 16px;\n}\n@media screen and (min-width: 631px) {\n .tabs-bar__link:hover, .tabs-bar__link:focus, .tabs-bar__link:active {\n background: #2a3c54;\n border-bottom-color: #2a3c54;\n }\n}\n.tabs-bar__link.active {\n border-bottom: 2px solid #d8a070;\n color: #d8a070;\n}\n.tabs-bar__link span {\n margin-left: 5px;\n display: none;\n}\n\n@media screen and (min-width: 600px) {\n .tabs-bar__link span {\n display: inline;\n }\n}\n.columns-area--mobile {\n flex-direction: column;\n width: 100%;\n height: 100%;\n margin: 0 auto;\n}\n.columns-area--mobile .column,\n.columns-area--mobile .drawer {\n width: 100%;\n height: 100%;\n padding: 0;\n}\n.columns-area--mobile .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: 415px) {\n .columns-area--mobile .directory__list {\n display: block;\n }\n}\n.columns-area--mobile .directory__card {\n margin-bottom: 0;\n}\n.columns-area--mobile .filter-form {\n display: flex;\n}\n.columns-area--mobile .autosuggest-textarea__textarea {\n font-size: 16px;\n}\n.columns-area--mobile .search__input {\n line-height: 18px;\n font-size: 16px;\n padding: 15px;\n padding-right: 30px;\n}\n.columns-area--mobile .search__icon .fa {\n top: 15px;\n}\n.columns-area--mobile .scrollable {\n overflow: visible;\n}\n@supports (display: grid) {\n .columns-area--mobile .scrollable {\n contain: content;\n }\n}\n@media screen and (min-width: 415px) {\n .columns-area--mobile {\n padding: 10px 0;\n padding-top: 0;\n }\n}\n@media screen and (min-width: 630px) {\n .columns-area--mobile .detailed-status {\n padding: 15px;\n }\n .columns-area--mobile .detailed-status .media-gallery,\n.columns-area--mobile .detailed-status .video-player,\n.columns-area--mobile .detailed-status .audio-player {\n margin-top: 15px;\n }\n .columns-area--mobile .account__header__bar {\n padding: 5px 10px;\n }\n .columns-area--mobile .navigation-bar,\n.columns-area--mobile .compose-form {\n padding: 15px;\n }\n .columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n padding-top: 15px;\n }\n .columns-area--mobile .status {\n padding: 15px 15px 15px 78px;\n min-height: 50px;\n }\n .columns-area--mobile .status__avatar {\n left: 15px;\n top: 17px;\n }\n .columns-area--mobile .status__content {\n padding-top: 5px;\n }\n .columns-area--mobile .status__prepend {\n margin-left: 78px;\n padding-top: 15px;\n }\n .columns-area--mobile .status__prepend-icon-wrapper {\n left: -32px;\n }\n .columns-area--mobile .status .media-gallery, .columns-area--mobile .status__action-bar,\n.columns-area--mobile .status .video-player,\n.columns-area--mobile .status .audio-player {\n margin-top: 10px;\n }\n .columns-area--mobile .account {\n padding: 15px 10px;\n }\n .columns-area--mobile .account__header__bio {\n margin: 0 -10px;\n }\n .columns-area--mobile .notification__message {\n margin-left: 78px;\n padding-top: 15px;\n }\n .columns-area--mobile .notification__favourite-icon-wrapper {\n left: -32px;\n }\n .columns-area--mobile .notification .status {\n padding-top: 8px;\n }\n .columns-area--mobile .notification .account {\n padding-top: 8px;\n }\n .columns-area--mobile .notification .account__avatar-wrapper {\n margin-left: 17px;\n margin-right: 15px;\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: #d59864;\n color: #ffffff;\n border-radius: 50%;\n font-size: 21px;\n line-height: 21px;\n text-decoration: none;\n box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.4);\n}\n.floating-action-button:hover, .floating-action-button:focus, .floating-action-button:active {\n background: #e0b38c;\n}\n\n@media screen and (min-width: 415px) {\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.getting-started__trends,\n.search {\n margin-bottom: 10px;\n }\n\n .getting-started__panel {\n margin: 10px 0;\n }\n\n .column,\n.drawer {\n min-width: 330px;\n }\n}\n@media screen and (max-width: 895px) {\n .columns-area__panels__pane--compositional {\n display: none;\n }\n}\n@media screen and (min-width: 895px) {\n .floating-action-button,\n.tabs-bar__link.optional {\n display: none;\n }\n\n .search-page .search {\n display: none;\n }\n}\n@media screen and (max-width: 1190px) {\n .columns-area__panels__pane--navigational {\n display: none;\n }\n}\n@media screen and (min-width: 1190px) {\n .tabs-bar {\n display: none;\n }\n}\n.icon-with-badge {\n position: relative;\n}\n.icon-with-badge__badge {\n position: absolute;\n left: 9px;\n top: -13px;\n background: #d8a070;\n border: 2px solid #202e3f;\n padding: 1px 6px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 500;\n line-height: 14px;\n color: #ffffff;\n}\n\n.column-link--transparent .icon-with-badge__badge {\n border-color: #040609;\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.compose-panel .navigation-bar {\n padding-top: 20px;\n padding-bottom: 20px;\n flex: 0 1 48px;\n min-height: 20px;\n}\n.compose-panel .flex-spacer {\n background: transparent;\n}\n.compose-panel .compose-form {\n flex: 1;\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n min-height: 310px;\n padding-bottom: 71px;\n margin-bottom: -71px;\n}\n.compose-panel .compose-form__autosuggest-wrapper {\n overflow-y: auto;\n background-color: #ffffff;\n border-radius: 4px 4px 0 0;\n flex: 0 1 auto;\n}\n.compose-panel .autosuggest-textarea__textarea {\n overflow-y: hidden;\n}\n.compose-panel .compose-form__upload-thumbnail {\n height: 80px;\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.navigation-panel > a {\n flex: 0 0 auto;\n}\n.navigation-panel hr {\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n border-top: 1px solid #192432;\n margin: 10px 0;\n}\n.navigation-panel .flex-spacer {\n background: transparent;\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: #283a50;\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 border-radius: 2px;\n}\n.drawer__inner.darker {\n background: #121a24;\n}\n\n.drawer__inner__mastodon {\n background: #283a50 url('data:image/svg+xml;utf8,') no-repeat bottom/100% auto;\n flex: 1;\n min-height: 47px;\n display: none;\n}\n.drawer__inner__mastodon > 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@media screen and (min-height: 640px) {\n .drawer__inner__mastodon {\n display: block;\n }\n}\n\n.pseudo-drawer {\n background: #283a50;\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__header {\n flex: 0 0 auto;\n font-size: 16px;\n background: #202e3f;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n border-radius: 2px;\n}\n.drawer__header a {\n transition: background 100ms ease-in;\n}\n.drawer__header a:hover {\n background: #17212e;\n transition: background 200ms ease-out;\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform;\n}\n.scrollable.optionally-scrollable {\n overflow-y: auto;\n}\n@supports (display: grid) {\n .scrollable {\n contain: strict;\n }\n}\n.scrollable--flex {\n display: flex;\n flex-direction: column;\n}\n.scrollable__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n}\n\n@supports (display: grid) {\n .scrollable.fullscreen {\n contain: none;\n }\n}\n\n.column-back-button {\n box-sizing: border-box;\n width: 100%;\n background: #192432;\n color: #d8a070;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n line-height: inherit;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n outline: 0;\n}\n.column-back-button:hover {\n text-decoration: underline;\n}\n\n.column-header__back-button {\n background: #192432;\n border: 0;\n font-family: inherit;\n color: #d8a070;\n cursor: pointer;\n white-space: nowrap;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n}\n.column-header__back-button:hover {\n text-decoration: underline;\n}\n.column-header__back-button:last-child {\n padding: 0 15px 0 0;\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.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(0, 0, 0, 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: #121a24;\n transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #010102;\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: #d8a070;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #e3bb98;\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 #121a24;\n border-radius: 50%;\n background-color: #fafafa;\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: #d8a070;\n}\n\n.column-link {\n background: #202e3f;\n color: #ffffff;\n display: block;\n font-size: 16px;\n padding: 15px;\n text-decoration: none;\n}\n.column-link:hover, .column-link:focus, .column-link:active {\n background: #253549;\n}\n.column-link:focus {\n outline: 0;\n}\n.column-link--transparent {\n background: transparent;\n color: #d9e1e8;\n}\n.column-link--transparent:hover, .column-link--transparent:focus, .column-link--transparent:active {\n background: transparent;\n color: #ffffff;\n}\n.column-link--transparent.active {\n color: #d8a070;\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\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: #121a24;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.column-subheading {\n background: #121a24;\n color: #3e5a7c;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n background: #121a24;\n}\n\n.flex-spacer {\n flex: 1 1 auto;\n}\n\n.getting-started {\n color: #3e5a7c;\n overflow: auto;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.getting-started__wrapper, .getting-started__panel, .getting-started__footer {\n height: min-content;\n}\n.getting-started__panel, .getting-started__footer {\n padding: 10px;\n padding-top: 20px;\n flex-grow: 0;\n}\n.getting-started__panel ul, .getting-started__footer ul {\n margin-bottom: 10px;\n}\n.getting-started__panel ul li, .getting-started__footer ul li {\n display: inline;\n}\n.getting-started__panel p, .getting-started__footer p {\n font-size: 13px;\n}\n.getting-started__panel p a, .getting-started__footer p a {\n color: #3e5a7c;\n text-decoration: underline;\n}\n.getting-started__panel a, .getting-started__footer a {\n text-decoration: none;\n color: #9baec8;\n}\n.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 {\n text-decoration: underline;\n}\n.getting-started__wrapper, .getting-started__footer {\n color: #3e5a7c;\n}\n.getting-started__trends {\n flex: 0 1 auto;\n opacity: 1;\n animation: fade 150ms linear;\n margin-top: 10px;\n}\n.getting-started__trends h4 {\n font-size: 12px;\n text-transform: uppercase;\n color: #9baec8;\n padding: 10px;\n font-weight: 500;\n border-bottom: 1px solid #202e3f;\n}\n@media screen and (max-height: 810px) {\n .getting-started__trends .trends__item:nth-child(3) {\n display: none;\n }\n}\n@media screen and (max-height: 720px) {\n .getting-started__trends .trends__item:nth-child(2) {\n display: none;\n }\n}\n@media screen and (max-height: 670px) {\n .getting-started__trends {\n display: none;\n }\n}\n.getting-started__trends .trends__item {\n border-bottom: 0;\n padding: 10px;\n}\n.getting-started__trends .trends__item__current {\n color: #9baec8;\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n}\n.keyboard-shortcuts thead {\n position: absolute;\n left: -9999px;\n}\n.keyboard-shortcuts td {\n padding: 0 10px 8px;\n}\n.keyboard-shortcuts kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: #202e3f;\n border: 1px solid #0b1016;\n}\n\n.setting-text {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: #121a24;\n background: #ffffff;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n border-radius: 4px;\n}\n.setting-text:focus {\n outline: 0;\n}\n@media screen and (max-width: 600px) {\n .setting-text {\n font-size: 16px;\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.no-reduce-motion button.icon-button i.fa-retweet::before {\n display: none !important;\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: #3e5a7c;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: #d8a070;\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid #202e3f;\n border-radius: 4px;\n color: #3e5a7c;\n margin-top: 14px;\n text-decoration: none;\n overflow: hidden;\n}\n.status-card__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.status-card__actions > div {\n background: rgba(0, 0, 0, 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.status-card__actions button,\n.status-card__actions a {\n display: inline;\n color: #d9e1e8;\n background: transparent;\n border: 0;\n padding: 0 8px;\n text-decoration: none;\n font-size: 18px;\n line-height: 18px;\n}\n.status-card__actions button:hover, .status-card__actions button:active, .status-card__actions button:focus,\n.status-card__actions a:hover,\n.status-card__actions a:active,\n.status-card__actions a:focus {\n color: #ffffff;\n}\n.status-card__actions a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n}\n\na.status-card {\n cursor: pointer;\n}\na.status-card:hover {\n background: #202e3f;\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 iframe {\n width: 100%;\n height: 100%;\n}\n\n.status-card__title {\n display: block;\n font-weight: 500;\n margin-bottom: 5px;\n color: #9baec8;\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: #9baec8;\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: #202e3f;\n position: relative;\n}\n.status-card__image > .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.status-card.horizontal {\n display: block;\n}\n.status-card.horizontal .status-card__image {\n width: 100%;\n}\n.status-card.horizontal .status-card__image-image {\n border-radius: 4px 4px 0 0;\n}\n.status-card.horizontal .status-card__title {\n white-space: inherit;\n}\n\n.status-card.compact {\n border-color: #192432;\n}\n.status-card.compact.interactive {\n border: 0;\n}\n.status-card.compact .status-card__content {\n padding: 8px;\n padding-top: 10px;\n}\n.status-card.compact .status-card__title {\n white-space: nowrap;\n}\n.status-card.compact .status-card__image {\n flex: 0 0 60px;\n}\n\na.status-card.compact:hover {\n background-color: #192432;\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.load-more {\n display: block;\n color: #3e5a7c;\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.load-more:hover {\n background: #151f2b;\n}\n\n.load-gap {\n border-bottom: 1px solid #202e3f;\n}\n\n.regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: #3e5a7c;\n background: #121a24;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n padding: 20px;\n}\n.regeneration-indicator > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n}\n.regeneration-indicator__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.regeneration-indicator.missing-indicator {\n padding-top: 68px;\n}\n.regeneration-indicator__label {\n margin-top: 200px;\n}\n.regeneration-indicator__label strong {\n display: block;\n margin-bottom: 10px;\n color: #3e5a7c;\n}\n.regeneration-indicator__label span {\n font-size: 15px;\n font-weight: 400;\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n}\n.column-header__wrapper.active::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(216, 160, 112, 0.23) 0%, rgba(216, 160, 112, 0) 60%);\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: #192432;\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n}\n.column-header > button {\n margin: 0;\n border: 0;\n padding: 15px 0 15px 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.column-header > .column-header__back-button {\n color: #d8a070;\n}\n.column-header.active {\n box-shadow: 0 1px 0 rgba(216, 160, 112, 0.3);\n}\n.column-header.active .column-header__icon {\n color: #d8a070;\n text-shadow: 0 0 10px rgba(216, 160, 112, 0.4);\n}\n.column-header:focus, .column-header:active {\n outline: 0;\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\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: #192432;\n border: 0;\n color: #9baec8;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n}\n.column-header__button:hover {\n color: #b2c1d5;\n}\n.column-header__button.active {\n color: #ffffff;\n background: #202e3f;\n}\n.column-header__button.active:hover {\n color: #ffffff;\n background: #202e3f;\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: #9baec8;\n transition: max-height 150ms ease-in-out, opacity 300ms linear;\n opacity: 1;\n}\n.column-header__collapsible.collapsed {\n max-height: 0;\n opacity: 0.5;\n}\n.column-header__collapsible.animating {\n overflow-y: hidden;\n}\n.column-header__collapsible hr {\n height: 0;\n background: transparent;\n border: 0;\n border-top: 1px solid #26374d;\n margin: 10px 0;\n}\n\n.column-header__collapsible-inner {\n background: #202e3f;\n padding: 15px;\n}\n\n.column-header__setting-btn:hover {\n color: #9baec8;\n text-decoration: underline;\n}\n\n.column-header__setting-arrows {\n float: right;\n}\n.column-header__setting-arrows .column-header__setting-btn {\n padding: 0 10px;\n}\n.column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-right: 0;\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.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.loading-indicator {\n color: #3e5a7c;\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.loading-indicator 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.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 #3e5a7c;\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.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes loader-figure {\n 0% {\n width: 0;\n height: 0;\n background-color: #3e5a7c;\n }\n 29% {\n background-color: #3e5a7c;\n }\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n@keyframes loader-label {\n 0% {\n opacity: 0.25;\n }\n 30% {\n opacity: 1;\n }\n 100% {\n opacity: 0.25;\n }\n}\n.video-error-cover {\n align-items: center;\n background: #000000;\n color: #ffffff;\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: #000000;\n color: #9baec8;\n border: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n appearance: none;\n}\n.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {\n padding: 0;\n color: #b5c3d6;\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: 700;\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.spoiler-button--minified {\n display: block;\n left: 4px;\n top: 4px;\n width: auto;\n height: auto;\n}\n.spoiler-button--click-thru {\n pointer-events: none;\n}\n.spoiler-button--hidden {\n display: none;\n}\n.spoiler-button__overlay {\n display: block;\n background: transparent;\n width: 100%;\n height: 100%;\n border: 0;\n}\n.spoiler-button__overlay__label {\n display: inline-block;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 8px;\n padding: 8px 12px;\n color: #ffffff;\n font-weight: 500;\n font-size: 14px;\n}\n.spoiler-button__overlay:hover .spoiler-button__overlay__label, .spoiler-button__overlay:focus .spoiler-button__overlay__label, .spoiler-button__overlay:active .spoiler-button__overlay__label {\n background: rgba(0, 0, 0, 0.8);\n}\n.spoiler-button__overlay:disabled .spoiler-button__overlay__label {\n background: rgba(0, 0, 0, 0.5);\n}\n\n.modal-container--preloader {\n background: #202e3f;\n}\n\n.account--panel {\n background: #192432;\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\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: #202e3f;\n padding: 15px;\n}\n\n.column-settings__section {\n color: #9baec8;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-bottom: 10px;\n}\n\n.column-settings__hashtags .column-settings__row {\n margin-bottom: 15px;\n}\n.column-settings__hashtags .column-select__control {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 0;\n box-shadow: none;\n font-family: inherit;\n background: #121a24;\n color: #9baec8;\n font-size: 14px;\n margin: 0;\n}\n.column-settings__hashtags .column-select__control::placeholder {\n color: #a8b9cf;\n}\n.column-settings__hashtags .column-select__control::-moz-focus-inner {\n border: 0;\n}\n.column-settings__hashtags .column-select__control::-moz-focus-inner, .column-settings__hashtags .column-select__control:focus, .column-settings__hashtags .column-select__control:active {\n outline: 0 !important;\n}\n.column-settings__hashtags .column-select__control:focus {\n background: #192432;\n}\n@media screen and (max-width: 600px) {\n .column-settings__hashtags .column-select__control {\n font-size: 16px;\n }\n}\n.column-settings__hashtags .column-select__placeholder {\n color: #3e5a7c;\n padding-left: 2px;\n font-size: 12px;\n}\n.column-settings__hashtags .column-select__value-container {\n padding-left: 6px;\n}\n.column-settings__hashtags .column-select__multi-value {\n background: #202e3f;\n}\n.column-settings__hashtags .column-select__multi-value__remove {\n cursor: pointer;\n}\n.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 {\n background: #26374d;\n color: #a8b9cf;\n}\n.column-settings__hashtags .column-select__multi-value__label, .column-settings__hashtags .column-select__input {\n color: #9baec8;\n}\n.column-settings__hashtags .column-select__clear-indicator, .column-settings__hashtags .column-select__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: #3e5a7c;\n}\n.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 {\n color: #45648a;\n}\n.column-settings__hashtags .column-select__indicator-separator {\n background-color: #202e3f;\n}\n.column-settings__hashtags .column-select__menu {\n background: #ffffff;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: #9baec8;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n padding: 0;\n background: #d9e1e8;\n}\n.column-settings__hashtags .column-select__menu h4 {\n text-transform: uppercase;\n color: #9baec8;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.column-settings__hashtags .column-select__menu li {\n padding: 4px 0;\n}\n.column-settings__hashtags .column-select__menu ul {\n margin-bottom: 10px;\n}\n.column-settings__hashtags .column-select__menu em {\n font-weight: 500;\n color: #121a24;\n}\n.column-settings__hashtags .column-select__menu-list {\n padding: 6px;\n}\n.column-settings__hashtags .column-select__option {\n color: #121a24;\n border-radius: 4px;\n font-size: 14px;\n}\n.column-settings__hashtags .column-select__option--is-focused, .column-settings__hashtags .column-select__option--is-selected {\n background: #b9c8d5;\n}\n\n.column-settings__row .text-btn {\n margin-bottom: 15px;\n}\n\n.relationship-tag {\n color: #ffffff;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: #000000;\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.relationship-tag:hover {\n opacity: 1;\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label {\n color: #9baec8;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #3e5a7c;\n background: #121a24;\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}\n@supports (display: grid) {\n .empty-column-indicator,\n.error-column {\n contain: strict;\n }\n}\n.empty-column-indicator > span,\n.error-column > span {\n max-width: 400px;\n}\n.empty-column-indicator a,\n.error-column a {\n color: #d8a070;\n text-decoration: none;\n}\n.empty-column-indicator a:hover,\n.error-column a:hover {\n text-decoration: underline;\n}\n\n.error-column {\n flex-direction: column;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n.no-reduce-motion .pulse-loading {\n transform-origin: center center;\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n 0%, 100% {\n transform: rotate(0deg);\n transform-origin: 50% 100%;\n }\n 10% {\n transform: rotate(2deg);\n }\n 20%, 40%, 60% {\n transform: rotate(-4deg);\n }\n 30%, 50%, 70% {\n transform: rotate(4deg);\n }\n 80% {\n transform: rotate(-2deg);\n }\n 90% {\n transform: rotate(2deg);\n }\n}\n.no-reduce-motion .shake-bottom {\n transform-origin: 50% 100%;\n animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n background: #ffffff;\n position: absolute;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n z-index: 2;\n}\n.emoji-picker-dropdown__menu .emoji-mart-scroll {\n transition: opacity 200ms ease;\n}\n.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {\n opacity: 0.5;\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: #ffffff;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.emoji-picker-dropdown__modifiers__menu button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n}\n.emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active {\n background: rgba(217, 225, 232, 0.4);\n}\n.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {\n height: 22px;\n}\n\n.emoji-mart-emoji span {\n background-repeat: no-repeat;\n}\n\n.upload-area {\n align-items: center;\n background: rgba(0, 0, 0, 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.upload-area * {\n pointer-events: none;\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: #121a24;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n}\n\n.upload-area__content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #d9e1e8;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed #3e5a7c;\n border-radius: 4px;\n}\n\n.upload-progress {\n padding: 10px;\n color: #3e5a7c;\n overflow: hidden;\n display: flex;\n}\n.upload-progress .fa {\n font-size: 34px;\n margin-right: 10px;\n}\n.upload-progress span {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 500;\n display: block;\n}\n\n.upload-progess__message {\n flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n width: 100%;\n height: 6px;\n border-radius: 6px;\n background: #3e5a7c;\n position: relative;\n margin-top: 5px;\n}\n\n.upload-progress__tracker {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n background: #d8a070;\n border-radius: 6px;\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.emoji-button:active, .emoji-button:focus {\n outline: 0 !important;\n}\n.emoji-button 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.emoji-button:hover img, .emoji-button:active img, .emoji-button:focus img {\n opacity: 1;\n filter: none;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.privacy-dropdown__dropdown {\n position: absolute;\n background: #ffffff;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-left: 40px;\n overflow: hidden;\n}\n.privacy-dropdown__dropdown.top {\n transform-origin: 50% 100%;\n}\n.privacy-dropdown__dropdown.bottom {\n transform-origin: 50% 0;\n}\n\n.privacy-dropdown__option {\n color: #121a24;\n padding: 10px;\n cursor: pointer;\n display: flex;\n}\n.privacy-dropdown__option:hover, .privacy-dropdown__option.active {\n background: #d8a070;\n color: #ffffff;\n outline: 0;\n}\n.privacy-dropdown__option:hover .privacy-dropdown__option__content, .privacy-dropdown__option.active .privacy-dropdown__option__content {\n color: #ffffff;\n}\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .privacy-dropdown__option.active .privacy-dropdown__option__content strong {\n color: #ffffff;\n}\n.privacy-dropdown__option.active:hover {\n background: #dcab80;\n}\n\n.privacy-dropdown__option__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n flex: 1 1 auto;\n color: #3e5a7c;\n}\n.privacy-dropdown__option__content strong {\n font-weight: 500;\n display: block;\n color: #121a24;\n}\n.privacy-dropdown__option__content strong:lang(ja) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(ko) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-CN) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-HK) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value {\n background: #ffffff;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);\n}\n.privacy-dropdown.active .privacy-dropdown__value .icon-button {\n transition: none;\n}\n.privacy-dropdown.active .privacy-dropdown__value.active {\n background: #d8a070;\n}\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n color: #ffffff;\n}\n.privacy-dropdown.active.top .privacy-dropdown__value {\n border-radius: 0 0 4px 4px;\n}\n.privacy-dropdown.active .privacy-dropdown__dropdown {\n display: block;\n box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 0;\n box-shadow: none;\n font-family: inherit;\n background: #121a24;\n color: #9baec8;\n font-size: 14px;\n margin: 0;\n display: block;\n padding: 15px;\n padding-right: 30px;\n line-height: 18px;\n font-size: 16px;\n}\n.search__input::placeholder {\n color: #a8b9cf;\n}\n.search__input::-moz-focus-inner {\n border: 0;\n}\n.search__input::-moz-focus-inner, .search__input:focus, .search__input:active {\n outline: 0 !important;\n}\n.search__input:focus {\n background: #192432;\n}\n@media screen and (max-width: 600px) {\n .search__input {\n font-size: 16px;\n }\n}\n\n.search__icon::-moz-focus-inner {\n border: 0;\n}\n.search__icon::-moz-focus-inner, .search__icon:focus {\n outline: 0 !important;\n}\n.search__icon .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: transform, opacity;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: #d9e1e8;\n cursor: default;\n pointer-events: none;\n}\n.search__icon .fa.active {\n pointer-events: auto;\n opacity: 0.3;\n}\n.search__icon .fa-search {\n transform: rotate(90deg);\n}\n.search__icon .fa-search.active {\n pointer-events: none;\n transform: rotate(0deg);\n}\n.search__icon .fa-times-circle {\n top: 17px;\n transform: rotate(0deg);\n color: #3e5a7c;\n cursor: pointer;\n}\n.search__icon .fa-times-circle.active {\n transform: rotate(90deg);\n}\n.search__icon .fa-times-circle:hover {\n color: #4a6b94;\n}\n\n.search-results__header {\n color: #3e5a7c;\n background: #151f2b;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n}\n.search-results__header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n\n.search-results__section {\n margin-bottom: 5px;\n}\n.search-results__section h5 {\n background: #0b1016;\n border-bottom: 1px solid #202e3f;\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: #3e5a7c;\n}\n.search-results__section h5 .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.search-results__section .account:last-child, .search-results__section > div:last-child .status {\n border-bottom: 0;\n}\n\n.search-results__hashtag {\n display: block;\n padding: 10px;\n color: #d9e1e8;\n text-decoration: none;\n}\n.search-results__hashtag:hover, .search-results__hashtag:active, .search-results__hashtag:focus {\n color: #e6ebf0;\n text-decoration: underline;\n}\n\n.search-results__info {\n padding: 20px;\n color: #9baec8;\n text-align: center;\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(0, 0, 0, 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.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.media-modal .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.media-modal .extended-video-player video {\n max-width: 100%;\n max-height: 80%;\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.media-modal__navigation * {\n pointer-events: auto;\n}\n.media-modal__navigation.media-modal__navigation--hidden {\n opacity: 0;\n}\n.media-modal__navigation.media-modal__navigation--hidden * {\n pointer-events: none;\n}\n\n.media-modal__nav {\n background: rgba(0, 0, 0, 0.5);\n box-sizing: border-box;\n border: 0;\n color: #ffffff;\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.media-modal__meta--shifted {\n bottom: 62px;\n}\n.media-modal__meta a {\n text-decoration: none;\n font-weight: 500;\n color: #d9e1e8;\n}\n.media-modal__meta a:hover, .media-modal__meta a:focus, .media-modal__meta a:active {\n text-decoration: underline;\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: #ffffff;\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: #d8a070;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: #d9e1e8;\n color: #121a24;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\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.error-modal__body > 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.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.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: #c0cdd9;\n display: flex;\n padding: 25px;\n}\n.onboarding-modal__paginator > div,\n.error-modal__footer > div {\n min-width: 33px;\n}\n.onboarding-modal__paginator .onboarding-modal__nav,\n.onboarding-modal__paginator .error-modal__nav,\n.error-modal__footer .onboarding-modal__nav,\n.error-modal__footer .error-modal__nav {\n color: #3e5a7c;\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.onboarding-modal__paginator .onboarding-modal__nav:hover, .onboarding-modal__paginator .onboarding-modal__nav:focus, .onboarding-modal__paginator .onboarding-modal__nav:active,\n.onboarding-modal__paginator .error-modal__nav:hover,\n.onboarding-modal__paginator .error-modal__nav:focus,\n.onboarding-modal__paginator .error-modal__nav:active,\n.error-modal__footer .onboarding-modal__nav:hover,\n.error-modal__footer .onboarding-modal__nav:focus,\n.error-modal__footer .onboarding-modal__nav:active,\n.error-modal__footer .error-modal__nav:hover,\n.error-modal__footer .error-modal__nav:focus,\n.error-modal__footer .error-modal__nav:active {\n color: #37506f;\n background-color: #a6b9c9;\n}\n.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,\n.error-modal__footer .error-modal__nav.onboarding-modal__done,\n.error-modal__footer .error-modal__nav.onboarding-modal__next {\n color: #121a24;\n}\n.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,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,\n.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,\n.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,\n.error-modal__footer .error-modal__nav.onboarding-modal__done:active,\n.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,\n.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,\n.error-modal__footer .error-modal__nav.onboarding-modal__next:active {\n color: #192432;\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n}\n.display-case__label {\n font-weight: 500;\n color: #121a24;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n}\n.display-case__case {\n background: #121a24;\n color: #d9e1e8;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\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.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n background: #f2f5f7;\n color: #121a24;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n}\n.boost-modal .status__display-name,\n.confirmation-modal .status__display-name,\n.report-modal .status__display-name,\n.actions-modal .status__display-name,\n.mute-modal .status__display-name,\n.block-modal .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n.boost-modal .status__avatar,\n.confirmation-modal .status__avatar,\n.report-modal .status__avatar,\n.actions-modal .status__avatar,\n.mute-modal .status__avatar,\n.block-modal .status__avatar {\n height: 28px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n.boost-modal .status__content__spoiler-link,\n.confirmation-modal .status__content__spoiler-link,\n.report-modal .status__content__spoiler-link,\n.actions-modal .status__content__spoiler-link,\n.mute-modal .status__content__spoiler-link,\n.block-modal .status__content__spoiler-link {\n color: #f2f5f7;\n}\n\n.actions-modal .status {\n background: #ffffff;\n border-bottom-color: #d9e1e8;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.actions-modal .dropdown-menu__separator {\n border-bottom-color: #d9e1e8;\n}\n\n.boost-modal__container {\n overflow-x: scroll;\n padding: 10px;\n}\n.boost-modal__container .status {\n user-select: text;\n border-bottom: 0;\n}\n\n.boost-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: #d9e1e8;\n padding: 10px;\n line-height: 36px;\n}\n.boost-modal__action-bar > div,\n.confirmation-modal__action-bar > div,\n.mute-modal__action-bar > div,\n.block-modal__action-bar > div {\n flex: 1 1 auto;\n text-align: right;\n color: #3e5a7c;\n padding-right: 10px;\n}\n.boost-modal__action-bar .button,\n.confirmation-modal__action-bar .button,\n.mute-modal__action-bar .button,\n.block-modal__action-bar .button {\n flex: 0 0 auto;\n}\n\n.boost-modal__status-header {\n font-size: 15px;\n}\n\n.boost-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 #d9e1e8;\n}\n@media screen and (max-width: 480px) {\n .report-modal__container {\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 .report-modal__statuses,\n.report-modal__comment {\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.report-modal__statuses .status__content a,\n.focal-point-modal__content .status__content a {\n color: #d8a070;\n}\n.report-modal__statuses .status__content,\n.report-modal__statuses .status__content p,\n.focal-point-modal__content .status__content,\n.focal-point-modal__content .status__content p {\n color: #121a24;\n}\n@media screen and (max-width: 480px) {\n .report-modal__statuses,\n.focal-point-modal__content {\n max-height: 10vh;\n }\n}\n\n@media screen and (max-width: 480px) {\n .focal-point-modal__content {\n max-height: 40vh;\n }\n}\n\n.report-modal__comment {\n padding: 20px;\n border-right: 1px solid #d9e1e8;\n max-width: 320px;\n}\n.report-modal__comment p {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 20px;\n}\n.report-modal__comment .setting-text {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: #121a24;\n background: #ffffff;\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 #d9e1e8;\n min-height: 100px;\n max-height: 50vh;\n margin-bottom: 10px;\n}\n.report-modal__comment .setting-text:focus {\n border: 1px solid #c0cdd9;\n}\n.report-modal__comment .setting-text__wrapper {\n background: #ffffff;\n border: 1px solid #d9e1e8;\n margin-bottom: 10px;\n border-radius: 4px;\n}\n.report-modal__comment .setting-text__wrapper .setting-text {\n border: 0;\n margin-bottom: 0;\n border-radius: 0;\n}\n.report-modal__comment .setting-text__wrapper .setting-text:focus {\n border: 0;\n}\n.report-modal__comment .setting-text__wrapper__modifiers {\n color: #121a24;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n.report-modal__comment .setting-text__toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n.report-modal__comment .setting-text-label {\n display: block;\n color: #121a24;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.report-modal__comment .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n}\n.report-modal__comment .setting-toggle__label {\n color: #121a24;\n font-size: 14px;\n}\n@media screen and (max-width: 480px) {\n .report-modal__comment {\n padding: 10px;\n max-width: 100%;\n order: 2;\n }\n .report-modal__comment .setting-toggle {\n margin-bottom: 4px;\n }\n}\n\n.actions-modal {\n max-height: 80vh;\n max-width: 80vw;\n}\n.actions-modal .status {\n overflow-y: auto;\n max-height: 300px;\n}\n.actions-modal .actions-modal__item-label {\n font-weight: 500;\n}\n.actions-modal ul {\n overflow-y: auto;\n flex-shrink: 0;\n max-height: 80vh;\n}\n.actions-modal ul.with-status {\n max-height: calc(80vh - 75px);\n}\n.actions-modal ul li:empty {\n margin: 0;\n}\n.actions-modal ul li:not(:empty) a {\n color: #121a24;\n display: flex;\n padding: 12px 16px;\n font-size: 15px;\n align-items: center;\n text-decoration: none;\n}\n.actions-modal ul li:not(:empty) a,\n.actions-modal ul li:not(:empty) a button {\n transition: none;\n}\n.actions-modal ul li:not(:empty) a.active,\n.actions-modal ul li:not(:empty) a.active button, .actions-modal ul li:not(:empty) a:hover,\n.actions-modal ul li:not(:empty) a:hover button, .actions-modal ul li:not(:empty) a:active,\n.actions-modal ul li:not(:empty) a:active button, .actions-modal ul li:not(:empty) a:focus,\n.actions-modal ul li:not(:empty) a:focus button {\n background: #d8a070;\n color: #ffffff;\n}\n.actions-modal ul li:not(:empty) a button:first-child {\n margin-right: 10px;\n}\n\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button,\n.block-modal__action-bar .confirmation-modal__secondary-button {\n flex-shrink: 1;\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: #3e5a7c;\n font-size: 14px;\n font-weight: 500;\n}\n.confirmation-modal__secondary-button:hover, .confirmation-modal__secondary-button:focus, .confirmation-modal__secondary-button:active,\n.confirmation-modal__cancel-button:hover,\n.confirmation-modal__cancel-button:focus,\n.confirmation-modal__cancel-button:active,\n.mute-modal__cancel-button:hover,\n.mute-modal__cancel-button:focus,\n.mute-modal__cancel-button:active,\n.block-modal__cancel-button:hover,\n.block-modal__cancel-button:focus,\n.block-modal__cancel-button:active {\n color: #37506f;\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.confirmation-modal__container strong,\n.mute-modal__container strong,\n.block-modal__container strong,\n.report-modal__target strong {\n font-weight: 500;\n}\n.confirmation-modal__container strong:lang(ja),\n.mute-modal__container strong:lang(ja),\n.block-modal__container strong:lang(ja),\n.report-modal__target strong:lang(ja) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(ko),\n.mute-modal__container strong:lang(ko),\n.block-modal__container strong:lang(ko),\n.report-modal__target strong:lang(ko) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-CN),\n.mute-modal__container strong:lang(zh-CN),\n.block-modal__container strong:lang(zh-CN),\n.report-modal__target strong:lang(zh-CN) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-HK),\n.mute-modal__container strong:lang(zh-HK),\n.block-modal__container strong:lang(zh-HK),\n.report-modal__target strong:lang(zh-HK) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-TW),\n.mute-modal__container strong:lang(zh-TW),\n.block-modal__container strong:lang(zh-TW),\n.report-modal__target strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n text-align: center;\n}\n\n.block-modal__explanation,\n.mute-modal__explanation {\n margin-top: 20px;\n}\n.block-modal .setting-toggle,\n.mute-modal .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n}\n.block-modal .setting-toggle__label,\n.mute-modal .setting-toggle__label {\n color: #121a24;\n margin: 0;\n margin-left: 8px;\n}\n\n.report-modal__target {\n padding: 15px;\n}\n.report-modal__target .media-modal__close {\n top: 14px;\n right: 15px;\n}\n\n.loading-bar {\n background-color: #d8a070;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: #ffffff;\n background: rgba(0, 0, 0, 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.autoplay .media-gallery__gifv__label {\n display: none;\n}\n.media-gallery__gifv:hover .media-gallery__gifv__label {\n opacity: 1;\n}\n\n.media-gallery__audio {\n margin-top: 32px;\n}\n.media-gallery__audio audio {\n width: 100%;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid #202e3f;\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n}\n.attachment-list__icon {\n flex: 0 0 auto;\n color: #3e5a7c;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid #202e3f;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n}\n.attachment-list__icon .fa {\n display: block;\n}\n.attachment-list__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.attachment-list__list li {\n display: block;\n padding: 4px 0;\n}\n.attachment-list__list a {\n text-decoration: none;\n color: #3e5a7c;\n font-weight: 500;\n}\n.attachment-list__list a:hover {\n text-decoration: underline;\n}\n.attachment-list.compact {\n border: 0;\n margin-top: 4px;\n}\n.attachment-list.compact .attachment-list__list {\n padding: 0;\n display: block;\n}\n.attachment-list.compact .fa {\n color: #3e5a7c;\n}\n\n/* Media Gallery */\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}\n\n.media-gallery__item {\n border: 0;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: #d9e1e8;\n position: relative;\n z-index: 1;\n}\n.media-gallery__item-thumbnail,\n.media-gallery__item-thumbnail img {\n height: 100%;\n width: 100%;\n}\n.media-gallery__item-thumbnail img {\n object-fit: cover;\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: #000000;\n}\n.media-gallery__preview--hidden {\n display: none;\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n/* End Media Gallery */\n.detailed .video-player__volume__current,\n.detailed .video-player__volume::before,\n.fullscreen .video-player__volume__current,\n.fullscreen .video-player__volume::before {\n bottom: 27px;\n}\n.detailed .video-player__volume__handle,\n.fullscreen .video-player__volume__handle {\n bottom: 23px;\n}\n\n.audio-player {\n box-sizing: border-box;\n position: relative;\n background: #040609;\n border-radius: 4px;\n padding-bottom: 44px;\n}\n.audio-player.editable {\n border-radius: 0;\n height: 100%;\n}\n.audio-player__waveform {\n padding: 15px 0;\n position: relative;\n overflow: hidden;\n}\n.audio-player__waveform::before {\n content: \"\";\n display: block;\n position: absolute;\n border-top: 1px solid #192432;\n width: 100%;\n height: 0;\n left: 0;\n top: calc(50% + 1px);\n}\n.audio-player__progress-placeholder {\n background-color: rgba(225, 181, 144, 0.5);\n}\n.audio-player__wave-placeholder {\n background-color: #2d415a;\n}\n.audio-player .video-player__controls {\n padding: 0 15px;\n padding-top: 10px;\n background: #040609;\n border-top: 1px solid #192432;\n border-radius: 0 0 4px 4px;\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: #000000;\n max-width: 100%;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.video-player.editable {\n border-radius: 0;\n height: 100% !important;\n}\n.video-player:focus {\n outline: 0;\n}\n.video-player video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n}\n.video-player.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n}\n.video-player.fullscreen video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n}\n.video-player.inline video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n.video-player__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(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.video-player__controls.active {\n opacity: 1;\n}\n.video-player.inactive video,\n.video-player.inactive .video-player__controls {\n visibility: hidden;\n}\n.video-player__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: #000000;\n color: #9baec8;\n transition: none;\n pointer-events: none;\n}\n.video-player__spoiler.active {\n display: block;\n pointer-events: auto;\n}\n.video-player__spoiler.active:hover, .video-player__spoiler.active:active, .video-player__spoiler.active:focus {\n color: #b2c1d5;\n}\n.video-player__spoiler__title {\n display: block;\n font-size: 14px;\n}\n.video-player__spoiler__subtitle {\n display: block;\n font-size: 11px;\n font-weight: 500;\n}\n.video-player__buttons-bar {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n}\n.video-player__buttons {\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.video-player__buttons.left button {\n padding-left: 0;\n}\n.video-player__buttons.right button {\n padding-right: 0;\n}\n.video-player__buttons button {\n background: transparent;\n padding: 2px 10px;\n font-size: 16px;\n border: 0;\n color: rgba(255, 255, 255, 0.75);\n}\n.video-player__buttons button:active, .video-player__buttons button:hover, .video-player__buttons button:focus {\n color: #ffffff;\n}\n.video-player__time-sep, .video-player__time-total, .video-player__time-current {\n font-size: 14px;\n font-weight: 500;\n}\n.video-player__time-current {\n color: #ffffff;\n margin-left: 60px;\n}\n.video-player__time-sep {\n display: inline-block;\n margin: 0 6px;\n}\n.video-player__time-sep, .video-player__time-total {\n color: #ffffff;\n}\n.video-player__volume {\n cursor: pointer;\n height: 24px;\n display: inline;\n}\n.video-player__volume::before {\n content: \"\";\n width: 50px;\n background: rgba(255, 255, 255, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n left: 70px;\n bottom: 20px;\n}\n.video-player__volume__current {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n left: 70px;\n bottom: 20px;\n background: #e1b590;\n}\n.video-player__volume__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 0.1s ease;\n background: #e1b590;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.video-player__link {\n padding: 2px 10px;\n}\n.video-player__link a {\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n}\n.video-player__link a:hover, .video-player__link a:active, .video-player__link a:focus {\n text-decoration: underline;\n}\n.video-player__seek {\n cursor: pointer;\n height: 24px;\n position: relative;\n}\n.video-player__seek::before {\n content: \"\";\n width: 100%;\n background: rgba(255, 255, 255, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n top: 10px;\n}\n.video-player__seek__progress, .video-player__seek__buffer {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n top: 10px;\n background: #e1b590;\n}\n.video-player__seek__buffer {\n background: rgba(255, 255, 255, 0.2);\n}\n.video-player__seek__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 0.1s ease;\n background: #e1b590;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.video-player__seek__handle.active {\n opacity: 1;\n}\n.video-player__seek:hover .video-player__seek__handle {\n opacity: 1;\n}\n.video-player.detailed .video-player__buttons button, .video-player.fullscreen .video-player__buttons button {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.directory__list {\n width: 100%;\n margin: 10px 0;\n transition: opacity 100ms ease-in;\n}\n.directory__list.loading {\n opacity: 0.7;\n}\n@media screen and (max-width: 415px) {\n .directory__list {\n margin: 0;\n }\n}\n.directory__card {\n box-sizing: border-box;\n margin-bottom: 10px;\n}\n.directory__card__img {\n height: 125px;\n position: relative;\n background: black;\n overflow: hidden;\n}\n.directory__card__img img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n object-fit: cover;\n}\n.directory__card__bar {\n display: flex;\n align-items: center;\n background: #192432;\n padding: 10px;\n}\n.directory__card__bar__name {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n}\n.directory__card__bar__relationship {\n width: 23px;\n min-height: 1px;\n flex: 0 0 auto;\n}\n.directory__card__bar .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n padding-top: 2px;\n}\n.directory__card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: #040609;\n object-fit: cover;\n}\n.directory__card__bar .display-name {\n margin-left: 15px;\n text-align: left;\n}\n.directory__card__bar .display-name strong {\n font-size: 15px;\n color: #ffffff;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__card__bar .display-name span {\n display: block;\n font-size: 14px;\n color: #9baec8;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__card__extra {\n background: #121a24;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.directory__card__extra .accounts-table__count {\n width: 33.33%;\n flex: 0 0 auto;\n padding: 15px 0;\n}\n.directory__card__extra .account__header__content {\n box-sizing: border-box;\n padding: 15px 10px;\n border-bottom: 1px solid #202e3f;\n width: 100%;\n min-height: 48px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__card__extra .account__header__content p {\n display: none;\n}\n.directory__card__extra .account__header__content p:first-child {\n display: inline;\n}\n.directory__card__extra .account__header__content br {\n display: none;\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: 0;\n box-sizing: border-box;\n display: block;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n margin: 2px;\n}\n.account-gallery__item__icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n}\n\n.notification__filter-bar,\n.account__section-headline {\n background: #0b1016;\n border-bottom: 1px solid #202e3f;\n cursor: default;\n display: flex;\n flex-shrink: 0;\n}\n.notification__filter-bar button,\n.account__section-headline button {\n background: #0b1016;\n border: 0;\n margin: 0;\n}\n.notification__filter-bar button,\n.notification__filter-bar a,\n.account__section-headline button,\n.account__section-headline a {\n display: block;\n flex: 1 1 auto;\n color: #9baec8;\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.notification__filter-bar button.active,\n.notification__filter-bar a.active,\n.account__section-headline button.active,\n.account__section-headline a.active {\n color: #d9e1e8;\n}\n.notification__filter-bar button.active::before, .notification__filter-bar button.active::after,\n.notification__filter-bar a.active::before,\n.notification__filter-bar a.active::after,\n.account__section-headline button.active::before,\n.account__section-headline button.active::after,\n.account__section-headline a.active::before,\n.account__section-headline a.active::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 #202e3f;\n}\n.notification__filter-bar button.active::after,\n.notification__filter-bar a.active::after,\n.account__section-headline button.active::after,\n.account__section-headline a.active::after {\n bottom: -1px;\n border-color: transparent transparent #121a24;\n}\n.notification__filter-bar.directory__section-headline,\n.account__section-headline.directory__section-headline {\n background: #0f151d;\n border-bottom-color: transparent;\n}\n.notification__filter-bar.directory__section-headline a.active::before,\n.notification__filter-bar.directory__section-headline button.active::before,\n.account__section-headline.directory__section-headline a.active::before,\n.account__section-headline.directory__section-headline button.active::before {\n display: none;\n}\n.notification__filter-bar.directory__section-headline a.active::after,\n.notification__filter-bar.directory__section-headline button.active::after,\n.account__section-headline.directory__section-headline a.active::after,\n.account__section-headline.directory__section-headline button.active::after {\n border-color: transparent transparent #06090c;\n}\n\n.filter-form {\n background: #121a24;\n}\n.filter-form__column {\n padding: 10px 15px;\n}\n.filter-form .radio-button {\n display: block;\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.radio-button input[type=radio],\n.radio-button input[type=checkbox] {\n display: none;\n}\n.radio-button__input {\n display: inline-block;\n position: relative;\n border: 1px solid #9baec8;\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.radio-button__input.checked {\n border-color: #e1b590;\n background: #e1b590;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\n.search-popout {\n background: #ffffff;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: #9baec8;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.search-popout h4 {\n text-transform: uppercase;\n color: #9baec8;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.search-popout li {\n padding: 4px 0;\n}\n.search-popout ul {\n margin-bottom: 10px;\n}\n.search-popout em {\n font-weight: 500;\n color: #121a24;\n}\n\nnoscript {\n text-align: center;\n}\nnoscript img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n}\nnoscript div {\n font-size: 14px;\n margin: 30px auto;\n color: #d9e1e8;\n max-width: 400px;\n}\nnoscript div a {\n color: #d8a070;\n text-decoration: underline;\n}\nnoscript div a:hover {\n text-decoration: none;\n}\n\n@keyframes flicker {\n 0% {\n opacity: 1;\n }\n 30% {\n opacity: 0.75;\n }\n 100% {\n opacity: 1;\n }\n}\n@media screen and (max-width: 630px) and (max-height: 400px) {\n .tabs-bar,\n.search {\n will-change: margin-top;\n transition: margin-top 400ms 100ms;\n }\n\n .navigation-bar {\n will-change: padding-bottom;\n transition: padding-bottom 400ms 100ms;\n }\n\n .navigation-bar > a:first-child {\n will-change: margin-top, margin-left, margin-right, width;\n transition: margin-top 400ms 100ms, margin-left 400ms 500ms, margin-right 400ms 500ms;\n }\n .navigation-bar > .navigation-bar__profile-edit {\n will-change: margin-top;\n transition: margin-top 400ms 100ms;\n }\n .navigation-bar .navigation-bar__actions > .icon-button.close {\n will-change: opacity transform;\n transition: opacity 200ms 100ms, transform 400ms 100ms;\n }\n .navigation-bar .navigation-bar__actions > .compose__action-bar .icon-button {\n will-change: opacity transform;\n transition: opacity 200ms 300ms, transform 400ms 100ms;\n }\n\n .is-composing .tabs-bar,\n.is-composing .search {\n margin-top: -50px;\n }\n .is-composing .navigation-bar {\n padding-bottom: 0;\n }\n .is-composing .navigation-bar > a:first-child {\n margin: -100px 10px 0 -50px;\n }\n .is-composing .navigation-bar .navigation-bar__profile {\n padding-top: 2px;\n }\n .is-composing .navigation-bar .navigation-bar__profile-edit {\n position: absolute;\n margin-top: -60px;\n }\n .is-composing .navigation-bar .navigation-bar__actions .icon-button.close {\n pointer-events: auto;\n opacity: 1;\n transform: scale(1, 1) translate(0, 0);\n bottom: 5px;\n }\n .is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {\n pointer-events: none;\n opacity: 0;\n transform: scale(0, 1) translate(100%, 0);\n }\n}\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n}\n.embed-modal h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n}\n.embed-modal .embed-modal__container {\n padding: 10px;\n}\n.embed-modal .embed-modal__container .hint {\n margin-bottom: 15px;\n}\n.embed-modal .embed-modal__container .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 0;\n padding: 10px;\n font-family: \"mastodon-font-monospace\", monospace;\n background: #121a24;\n color: #ffffff;\n font-size: 14px;\n margin: 0;\n margin-bottom: 15px;\n}\n.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner {\n border: 0;\n}\n.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 {\n outline: 0 !important;\n}\n.embed-modal .embed-modal__container .embed-modal__html:focus {\n background: #192432;\n}\n@media screen and (max-width: 600px) {\n .embed-modal .embed-modal__container .embed-modal__html {\n font-size: 16px;\n }\n}\n.embed-modal .embed-modal__container .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: #192432;\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\n}\n.account__moved-note__message {\n position: relative;\n margin-left: 58px;\n color: #3e5a7c;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n}\n.account__moved-note__message > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.account__moved-note__icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.account__moved-note .detailed-status__display-avatar {\n position: relative;\n}\n.account__moved-note .detailed-status__display-name {\n margin-bottom: 0;\n}\n\n.column-inline-form {\n padding: 15px;\n padding-right: 0;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: #192432;\n}\n.column-inline-form label {\n flex: 1 1 auto;\n}\n.column-inline-form label input {\n width: 100%;\n}\n.column-inline-form label input:focus {\n outline: 0;\n}\n.column-inline-form .icon-button {\n flex: 0 0 auto;\n margin: 0 10px;\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(0, 0, 0, 0.5);\n}\n\n.list-editor {\n background: #121a24;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n width: 380px;\n overflow: hidden;\n}\n@media screen and (max-width: 420px) {\n .list-editor {\n width: 90%;\n }\n}\n.list-editor h4 {\n padding: 15px 0;\n background: #283a50;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n border-radius: 8px 8px 0 0;\n}\n.list-editor .drawer__pager {\n height: 50vh;\n}\n.list-editor .drawer__inner {\n border-radius: 0 0 8px 8px;\n}\n.list-editor .drawer__inner.backdrop {\n width: calc(100% - 60px);\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n border-radius: 0 0 0 8px;\n}\n.list-editor__accounts {\n overflow-y: auto;\n}\n.list-editor .account__display-name:hover strong {\n text-decoration: none;\n}\n.list-editor .account__avatar {\n cursor: default;\n}\n.list-editor .search {\n margin-bottom: 0;\n}\n\n.list-adder {\n background: #121a24;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n width: 380px;\n overflow: hidden;\n}\n@media screen and (max-width: 420px) {\n .list-adder {\n width: 90%;\n }\n}\n.list-adder__account {\n background: #283a50;\n}\n.list-adder__lists {\n background: #283a50;\n height: 50vh;\n border-radius: 0 0 8px 8px;\n overflow-y: auto;\n}\n.list-adder .list {\n padding: 10px;\n border-bottom: 1px solid #202e3f;\n}\n.list-adder .list__wrapper {\n display: flex;\n}\n.list-adder .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.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: #000000;\n}\n.focal-point img,\n.focal-point video {\n display: block;\n max-height: 80vh;\n width: 100%;\n height: auto;\n margin: 0;\n object-fit: contain;\n background: #000000;\n}\n.focal-point__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(0, 0, 0, 0.35);\n}\n.focal-point__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.focal-point__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.focal-point__preview:hover {\n opacity: 0.5;\n}\n.focal-point__preview strong {\n color: #ffffff;\n font-size: 14px;\n font-weight: 500;\n display: block;\n margin-bottom: 5px;\n}\n.focal-point__preview div {\n border-radius: 4px;\n box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);\n}\n@media screen and (max-width: 480px) {\n .focal-point img,\n.focal-point video {\n max-height: 100%;\n }\n .focal-point__preview {\n display: none;\n }\n}\n\n.account__header__content {\n color: #9baec8;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n word-break: normal;\n word-wrap: break-word;\n}\n.account__header__content p {\n margin-bottom: 20px;\n}\n.account__header__content p:last-child {\n margin-bottom: 0;\n}\n.account__header__content a {\n color: inherit;\n text-decoration: underline;\n}\n.account__header__content a:hover {\n text-decoration: none;\n}\n\n.account__header {\n overflow: hidden;\n}\n.account__header.inactive {\n opacity: 0.5;\n}\n.account__header.inactive .account__header__image,\n.account__header.inactive .account__avatar {\n filter: grayscale(100%);\n}\n.account__header__info {\n position: absolute;\n top: 10px;\n left: 10px;\n}\n.account__header__image {\n overflow: hidden;\n height: 145px;\n position: relative;\n background: #0b1016;\n}\n.account__header__image img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n}\n.account__header__bar {\n position: relative;\n background: #192432;\n padding: 5px;\n border-bottom: 1px solid #26374d;\n}\n.account__header__bar .avatar {\n display: block;\n flex: 0 0 auto;\n width: 94px;\n margin-left: -2px;\n}\n.account__header__bar .avatar .account__avatar {\n background: #040609;\n border: 2px solid #192432;\n}\n.account__header__tabs {\n display: flex;\n align-items: flex-start;\n padding: 7px 5px;\n margin-top: -55px;\n}\n.account__header__tabs__buttons {\n display: flex;\n align-items: center;\n padding-top: 55px;\n overflow: hidden;\n}\n.account__header__tabs__buttons .icon-button {\n border: 1px solid #26374d;\n border-radius: 4px;\n box-sizing: content-box;\n padding: 2px;\n}\n.account__header__tabs__buttons .button {\n margin: 0 8px;\n}\n.account__header__tabs__name {\n padding: 5px;\n}\n.account__header__tabs__name .account-role {\n vertical-align: top;\n}\n.account__header__tabs__name .emojione {\n width: 22px;\n height: 22px;\n}\n.account__header__tabs__name h1 {\n font-size: 16px;\n line-height: 24px;\n color: #ffffff;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.account__header__tabs__name h1 small {\n display: block;\n font-size: 14px;\n color: #9baec8;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.account__header__tabs .spacer {\n flex: 1 1 auto;\n}\n.account__header__bio {\n overflow: hidden;\n margin: 0 -5px;\n}\n.account__header__bio .account__header__content {\n padding: 20px 15px;\n padding-bottom: 5px;\n color: #ffffff;\n}\n.account__header__bio .account__header__fields {\n margin: 0;\n border-top: 1px solid #26374d;\n}\n.account__header__bio .account__header__fields a {\n color: #e1b590;\n}\n.account__header__bio .account__header__fields dl:first-child .verified {\n border-radius: 0 4px 0 0;\n}\n.account__header__bio .account__header__fields .verified a {\n color: #79bd9a;\n}\n.account__header__extra {\n margin-top: 4px;\n}\n.account__header__extra__links {\n font-size: 14px;\n color: #9baec8;\n}\n.account__header__extra__links a {\n display: inline-block;\n color: #9baec8;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n}\n.account__header__extra__links a strong {\n font-weight: 700;\n color: #ffffff;\n}\n\n.trends__header {\n color: #3e5a7c;\n background: #151f2b;\n border-bottom: 1px solid #0b1016;\n font-weight: 500;\n padding: 15px;\n font-size: 16px;\n cursor: default;\n}\n.trends__header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.trends__item {\n display: flex;\n align-items: center;\n padding: 15px;\n border-bottom: 1px solid #202e3f;\n}\n.trends__item:last-child {\n border-bottom: 0;\n}\n.trends__item__name {\n flex: 1 1 auto;\n color: #3e5a7c;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.trends__item__name strong {\n font-weight: 500;\n}\n.trends__item__name a {\n color: #9baec8;\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.trends__item__name a:hover span, .trends__item__name a:focus span, .trends__item__name a:active span {\n text-decoration: underline;\n}\n.trends__item__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: #d9e1e8;\n}\n.trends__item__sparkline {\n flex: 0 0 auto;\n width: 50px;\n}\n.trends__item__sparkline path:first-child {\n fill: rgba(216, 160, 112, 0.25) !important;\n fill-opacity: 1 !important;\n}\n.trends__item__sparkline path:last-child {\n stroke: #dfb088 !important;\n}\n\n.conversation {\n display: flex;\n border-bottom: 1px solid #202e3f;\n padding: 5px;\n padding-bottom: 0;\n}\n.conversation:focus {\n background: #151f2b;\n outline: 0;\n}\n.conversation__avatar {\n flex: 0 0 auto;\n padding: 10px;\n padding-top: 12px;\n}\n.conversation__content {\n flex: 1 1 auto;\n padding: 10px 5px;\n padding-right: 15px;\n word-break: break-all;\n overflow: hidden;\n}\n.conversation__content__info {\n overflow: hidden;\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n}\n.conversation__content__relative-time {\n font-size: 15px;\n color: #9baec8;\n padding-left: 15px;\n}\n.conversation__content__names {\n color: #9baec8;\n font-size: 15px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 4px;\n flex-basis: 170px;\n flex-shrink: 1000;\n}\n.conversation__content__names a {\n color: #ffffff;\n text-decoration: none;\n}\n.conversation__content__names a:hover, .conversation__content__names a:focus, .conversation__content__names a:active {\n text-decoration: underline;\n}\n\n.poll {\n margin-top: 16px;\n font-size: 14px;\n}\n.poll li {\n margin-bottom: 10px;\n position: relative;\n}\n.poll__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: #6d89af;\n}\n.poll__chart.leading {\n background: #d8a070;\n}\n.poll__text {\n position: relative;\n display: flex;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n overflow: hidden;\n}\n.poll__text input[type=radio],\n.poll__text input[type=checkbox] {\n display: none;\n}\n.poll__text .autossugest-input {\n flex: 1 1 auto;\n}\n.poll__text input[type=text] {\n display: block;\n box-sizing: border-box;\n width: 100%;\n font-size: 14px;\n color: #121a24;\n outline: 0;\n font-family: inherit;\n background: #ffffff;\n border: 1px solid #dbdbdb;\n border-radius: 4px;\n padding: 6px 10px;\n}\n.poll__text input[type=text]:focus {\n border-color: #d8a070;\n}\n.poll__text.selectable {\n cursor: pointer;\n}\n.poll__text.editable {\n display: flex;\n align-items: center;\n overflow: visible;\n}\n.poll__input {\n display: inline-block;\n position: relative;\n border: 1px solid #9baec8;\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.poll__input.checkbox {\n border-radius: 4px;\n}\n.poll__input.active {\n border-color: #79bd9a;\n background: #79bd9a;\n}\n.poll__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.poll__vote__mark {\n float: left;\n line-height: 18px;\n}\n.poll__footer {\n padding-top: 6px;\n padding-bottom: 5px;\n color: #3e5a7c;\n}\n.poll__link {\n display: inline;\n background: transparent;\n padding: 0;\n margin: 0;\n border: 0;\n color: #3e5a7c;\n text-decoration: underline;\n font-size: inherit;\n}\n.poll__link:hover {\n text-decoration: none;\n}\n.poll__link:active, .poll__link:focus {\n background-color: rgba(62, 90, 124, 0.1);\n}\n.poll .button {\n height: 36px;\n padding: 0 16px;\n margin-right: 10px;\n font-size: 14px;\n}\n\n.compose-form__poll-wrapper {\n border-top: 1px solid #ebebeb;\n}\n.compose-form__poll-wrapper ul {\n padding: 10px;\n}\n.compose-form__poll-wrapper .poll__footer {\n border-top: 1px solid #ebebeb;\n padding: 10px;\n display: flex;\n align-items: center;\n}\n.compose-form__poll-wrapper .poll__footer button,\n.compose-form__poll-wrapper .poll__footer select {\n flex: 1 1 50%;\n}\n.compose-form__poll-wrapper .button.button-secondary {\n font-size: 14px;\n font-weight: 400;\n padding: 6px 10px;\n height: auto;\n line-height: inherit;\n color: #3e5a7c;\n border-color: #3e5a7c;\n margin-right: 5px;\n}\n.compose-form__poll-wrapper li {\n display: flex;\n align-items: center;\n}\n.compose-form__poll-wrapper li .poll__text {\n flex: 0 0 auto;\n width: calc(100% - (23px + 6px));\n margin-right: 6px;\n}\n.compose-form__poll-wrapper select {\n appearance: none;\n box-sizing: border-box;\n font-size: 14px;\n color: #121a24;\n display: inline-block;\n width: auto;\n outline: 0;\n font-family: inherit;\n background: #ffffff url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center/auto 16px;\n border: 1px solid #dbdbdb;\n border-radius: 4px;\n padding: 6px 10px;\n padding-right: 30px;\n}\n.compose-form__poll-wrapper .icon-button.disabled {\n color: #dbdbdb;\n}\n\n.muted .poll {\n color: #3e5a7c;\n}\n.muted .poll__chart {\n background: rgba(109, 137, 175, 0.2);\n}\n.muted .poll__chart.leading {\n background: rgba(216, 160, 112, 0.2);\n}\n\n.modal-layout {\n background: #121a24 url('data:image/svg+xml;utf8,') 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.modal-layout__mastodon > * {\n flex: 1;\n max-height: 235px;\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n.emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: #121a24;\n}\n.emoji-mart,\n.emoji-mart * {\n box-sizing: border-box;\n line-height: 1.15;\n}\n.emoji-mart .emoji-mart-emoji {\n padding: 6px;\n}\n\n.emoji-mart-bar {\n border: 0 solid #c0cdd9;\n}\n.emoji-mart-bar:first-child {\n border-bottom-width: 1px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: #d9e1e8;\n}\n.emoji-mart-bar: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.emoji-mart-anchors {\n display: flex;\n justify-content: space-between;\n padding: 0 6px;\n color: #3e5a7c;\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 0.1s ease-out;\n cursor: pointer;\n}\n.emoji-mart-anchor:hover {\n color: #37506f;\n}\n\n.emoji-mart-anchor-selected {\n color: #d8a070;\n}\n.emoji-mart-anchor-selected:hover {\n color: #d49560;\n}\n.emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n bottom: -1px;\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: #d8a070;\n}\n\n.emoji-mart-anchors i {\n display: inline-block;\n width: 100%;\n max-width: 22px;\n}\n.emoji-mart-anchors svg {\n fill: currentColor;\n max-height: 18px;\n}\n\n.emoji-mart-scroll {\n overflow-y: scroll;\n height: 270px;\n max-height: 35vh;\n padding: 0 6px 6px;\n background: #ffffff;\n will-change: transform;\n}\n.emoji-mart-scroll::-webkit-scrollbar-track:hover, .emoji-mart-scroll::-webkit-scrollbar-track:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.emoji-mart-search {\n padding: 10px;\n padding-right: 45px;\n background: #ffffff;\n}\n.emoji-mart-search 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(217, 225, 232, 0.3);\n color: #121a24;\n border: 1px solid #d9e1e8;\n border-radius: 4px;\n}\n.emoji-mart-search input::-moz-focus-inner {\n border: 0;\n}\n.emoji-mart-search input::-moz-focus-inner, .emoji-mart-search input:focus, .emoji-mart-search input:active {\n outline: 0 !important;\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n cursor: pointer;\n}\n.emoji-mart-category .emoji-mart-emoji span {\n z-index: 1;\n position: relative;\n text-align: center;\n}\n.emoji-mart-category .emoji-mart-emoji: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(217, 225, 232, 0.7);\n border-radius: 100%;\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.emoji-mart-category-label span {\n display: block;\n width: 100%;\n font-weight: 500;\n padding: 5px 6px;\n background: #ffffff;\n}\n\n.emoji-mart-emoji {\n position: relative;\n display: inline-block;\n font-size: 0;\n}\n.emoji-mart-emoji span {\n width: 22px;\n height: 22px;\n}\n\n.emoji-mart-no-results {\n font-size: 14px;\n text-align: center;\n padding-top: 70px;\n color: #9baec8;\n}\n.emoji-mart-no-results .emoji-mart-category-label {\n display: none;\n}\n.emoji-mart-no-results .emoji-mart-no-results-label {\n margin-top: 0.2em;\n}\n.emoji-mart-no-results .emoji-mart-emoji:hover::before {\n content: none;\n}\n\n.emoji-mart-preview {\n display: none;\n}\n\n.container {\n box-sizing: border-box;\n max-width: 1235px;\n margin: 0 auto;\n position: relative;\n}\n@media screen and (max-width: 1255px) {\n .container {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: \"mastodon-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: #9baec8;\n}\n.rich-formatting a {\n color: #d8a070;\n text-decoration: underline;\n}\n.rich-formatting a:hover, .rich-formatting a:focus, .rich-formatting a:active {\n text-decoration: none;\n}\n.rich-formatting p,\n.rich-formatting li {\n color: #9baec8;\n}\n.rich-formatting p {\n margin-top: 0;\n margin-bottom: 0.85em;\n}\n.rich-formatting p:last-child {\n margin-bottom: 0;\n}\n.rich-formatting strong {\n font-weight: 700;\n color: #d9e1e8;\n}\n.rich-formatting em {\n font-style: italic;\n color: #d9e1e8;\n}\n.rich-formatting code {\n font-size: 0.85em;\n background: #040609;\n border-radius: 4px;\n padding: 0.2em 0.3em;\n}\n.rich-formatting h1,\n.rich-formatting h2,\n.rich-formatting h3,\n.rich-formatting h4,\n.rich-formatting h5,\n.rich-formatting h6 {\n font-family: \"mastodon-font-display\", sans-serif;\n margin-top: 1.275em;\n margin-bottom: 0.85em;\n font-weight: 500;\n color: #d9e1e8;\n}\n.rich-formatting h1 {\n font-size: 2em;\n}\n.rich-formatting h2 {\n font-size: 1.75em;\n}\n.rich-formatting h3 {\n font-size: 1.5em;\n}\n.rich-formatting h4 {\n font-size: 1.25em;\n}\n.rich-formatting h5,\n.rich-formatting h6 {\n font-size: 1em;\n}\n.rich-formatting ul {\n list-style: disc;\n}\n.rich-formatting ol {\n list-style: decimal;\n}\n.rich-formatting ul,\n.rich-formatting ol {\n margin: 0;\n padding: 0;\n padding-left: 2em;\n margin-bottom: 0.85em;\n}\n.rich-formatting ul[type=a],\n.rich-formatting ol[type=a] {\n list-style-type: lower-alpha;\n}\n.rich-formatting ul[type=i],\n.rich-formatting ol[type=i] {\n list-style-type: lower-roman;\n}\n.rich-formatting hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid #192432;\n margin: 1.7em 0;\n}\n.rich-formatting hr.spacer {\n height: 1px;\n border: 0;\n}\n.rich-formatting table {\n width: 100%;\n border-collapse: collapse;\n break-inside: auto;\n margin-top: 24px;\n margin-bottom: 32px;\n}\n.rich-formatting table thead tr,\n.rich-formatting table tbody tr {\n break-after: auto;\n break-inside: avoid;\n border-bottom: 1px solid #192432;\n font-size: 1em;\n line-height: 1.625;\n font-weight: 400;\n text-align: left;\n color: #9baec8;\n}\n.rich-formatting table thead tr {\n border-bottom-width: 2px;\n line-height: 1.5;\n font-weight: 500;\n color: #3e5a7c;\n}\n.rich-formatting table th,\n.rich-formatting table td {\n padding: 8px;\n align-self: start;\n align-items: start;\n}\n.rich-formatting table th.nowrap,\n.rich-formatting table td.nowrap {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 25%;\n}\n.rich-formatting > :first-child {\n margin-top: 0;\n}\n\n.information-board {\n background: #0b1016;\n padding: 20px 0;\n}\n.information-board .container-alt {\n position: relative;\n padding-right: 295px;\n}\n.information-board__sections {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.information-board__section {\n flex: 1 0 0;\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: #ffffff;\n text-align: right;\n padding: 10px 15px;\n}\n.information-board__section span,\n.information-board__section strong {\n display: block;\n}\n.information-board__section span:last-child {\n color: #d9e1e8;\n}\n.information-board__section strong {\n font-family: \"mastodon-font-display\", sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n}\n@media screen and (max-width: 700px) {\n .information-board__section {\n text-align: center;\n }\n}\n.information-board .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: #040609;\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n}\n.information-board .panel .panel-header {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: #9baec8;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid #192432;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.information-board .panel .panel-header a,\n.information-board .panel .panel-header span {\n font-weight: 400;\n color: #7a93b6;\n}\n.information-board .panel .panel-header a {\n text-decoration: none;\n}\n.information-board .owner {\n text-align: center;\n}\n.information-board .owner .avatar {\n width: 80px;\n height: 80px;\n margin: 0 auto;\n margin-bottom: 15px;\n}\n.information-board .owner .avatar img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n}\n.information-board .owner .name {\n font-size: 14px;\n}\n.information-board .owner .name a {\n display: block;\n color: #ffffff;\n text-decoration: none;\n}\n.information-board .owner .name a:hover .display_name {\n text-decoration: underline;\n}\n.information-board .owner .name .username {\n display: block;\n color: #9baec8;\n}\n\n.landing-page p,\n.landing-page li {\n font-family: \"mastodon-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: #9baec8;\n}\n.landing-page p a,\n.landing-page li a {\n color: #d8a070;\n text-decoration: underline;\n}\n.landing-page 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: #bcc9da;\n}\n.landing-page h1 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h1 small {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #bcc9da;\n}\n.landing-page h2 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h3 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h4 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h5 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h6 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page ul,\n.landing-page ol {\n margin-left: 20px;\n}\n.landing-page ul[type=a],\n.landing-page ol[type=a] {\n list-style-type: lower-alpha;\n}\n.landing-page ul[type=i],\n.landing-page ol[type=i] {\n list-style-type: lower-roman;\n}\n.landing-page ul {\n list-style: disc;\n}\n.landing-page ol {\n list-style: decimal;\n}\n.landing-page li > ol,\n.landing-page li > ul {\n margin-top: 6px;\n}\n.landing-page hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba(62, 90, 124, 0.6);\n margin: 20px 0;\n}\n.landing-page hr.spacer {\n height: 1px;\n border: 0;\n}\n.landing-page__information, .landing-page__forms {\n padding: 20px;\n}\n.landing-page__call-to-action {\n background: #121a24;\n border-radius: 4px;\n padding: 25px 40px;\n overflow: hidden;\n box-sizing: border-box;\n}\n.landing-page__call-to-action .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.landing-page__call-to-action .row__information-board {\n display: flex;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.landing-page__call-to-action .row__information-board .information-board__section {\n flex: 1 0 auto;\n padding: 0 10px;\n}\n@media screen and (max-width: 415px) {\n .landing-page__call-to-action .row__information-board {\n width: 100%;\n justify-content: space-between;\n }\n}\n.landing-page__call-to-action .row__mascot {\n flex: 1;\n margin: 10px -50px 0 0;\n}\n@media screen and (max-width: 415px) {\n .landing-page__call-to-action .row__mascot {\n display: none;\n }\n}\n.landing-page__logo {\n margin-right: 20px;\n}\n.landing-page__logo img {\n height: 50px;\n width: auto;\n mix-blend-mode: lighten;\n}\n.landing-page__information {\n padding: 45px 40px;\n margin-bottom: 10px;\n}\n.landing-page__information:last-child {\n margin-bottom: 0;\n}\n.landing-page__information strong {\n font-weight: 500;\n color: #bcc9da;\n}\n.landing-page__information .account {\n border-bottom: 0;\n padding: 0;\n}\n.landing-page__information .account__display-name {\n align-items: center;\n display: flex;\n margin-right: 5px;\n}\n.landing-page__information .account div.account__display-name:hover .display-name strong {\n text-decoration: none;\n}\n.landing-page__information .account div.account__display-name .account__avatar {\n cursor: default;\n}\n.landing-page__information .account__avatar-wrapper {\n margin-left: 0;\n flex: 0 0 auto;\n}\n.landing-page__information .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.landing-page__information .account .display-name {\n font-size: 15px;\n}\n.landing-page__information .account .display-name__account {\n font-size: 14px;\n}\n@media screen and (max-width: 960px) {\n .landing-page__information .contact {\n margin-top: 30px;\n }\n}\n@media screen and (max-width: 700px) {\n .landing-page__information {\n padding: 25px 20px;\n }\n}\n.landing-page__information, .landing-page__forms,\n.landing-page #mastodon-timeline {\n box-sizing: border-box;\n background: #121a24;\n border-radius: 4px;\n box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);\n}\n.landing-page__mascot {\n height: 104px;\n position: relative;\n left: -40px;\n bottom: 25px;\n}\n.landing-page__mascot img {\n height: 190px;\n width: auto;\n}\n.landing-page__short-description .row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 40px;\n}\n@media screen and (max-width: 700px) {\n .landing-page__short-description .row {\n margin-bottom: 20px;\n }\n}\n.landing-page__short-description p a {\n color: #d9e1e8;\n}\n.landing-page__short-description h1 {\n font-weight: 500;\n color: #ffffff;\n margin-bottom: 0;\n}\n.landing-page__short-description h1 small {\n color: #9baec8;\n}\n.landing-page__short-description h1 small span {\n color: #d9e1e8;\n}\n.landing-page__short-description p:last-child {\n margin-bottom: 0;\n}\n.landing-page__hero {\n margin-bottom: 10px;\n}\n.landing-page__hero img {\n display: block;\n margin: 0;\n max-width: 100%;\n height: auto;\n border-radius: 4px;\n}\n@media screen and (max-width: 840px) {\n .landing-page .information-board .container-alt {\n padding-right: 20px;\n }\n .landing-page .information-board .panel {\n position: static;\n margin-top: 20px;\n width: 100%;\n border-radius: 4px;\n }\n .landing-page .information-board .panel .panel-header {\n text-align: center;\n }\n}\n@media screen and (max-width: 675px) {\n .landing-page .header-wrapper {\n padding-top: 0;\n }\n .landing-page .header-wrapper.compact {\n padding-bottom: 0;\n }\n .landing-page .header-wrapper.compact .hero .heading {\n text-align: initial;\n }\n .landing-page .header .container-alt,\n.landing-page .features .container-alt {\n display: block;\n }\n}\n.landing-page .cta {\n margin: 20px;\n}\n\n.landing {\n margin-bottom: 100px;\n}\n@media screen and (max-width: 738px) {\n .landing {\n margin-bottom: 0;\n }\n}\n.landing__brand {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 50px;\n}\n.landing__brand svg {\n fill: #ffffff;\n height: 52px;\n}\n@media screen and (max-width: 415px) {\n .landing__brand {\n padding: 0;\n margin-bottom: 30px;\n }\n}\n.landing .directory {\n margin-top: 30px;\n background: transparent;\n box-shadow: none;\n border-radius: 0;\n}\n.landing .hero-widget {\n margin-top: 30px;\n margin-bottom: 0;\n}\n.landing .hero-widget h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: #9baec8;\n}\n.landing .hero-widget__text {\n border-radius: 0;\n padding-bottom: 0;\n}\n.landing .hero-widget__footer {\n background: #121a24;\n padding: 10px;\n border-radius: 0 0 4px 4px;\n display: flex;\n}\n.landing .hero-widget__footer__column {\n flex: 1 1 50%;\n}\n.landing .hero-widget .account {\n padding: 10px 0;\n border-bottom: 0;\n}\n.landing .hero-widget .account .account__display-name {\n display: flex;\n align-items: center;\n}\n.landing .hero-widget .account .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.landing .hero-widget__counter {\n padding: 10px;\n}\n.landing .hero-widget__counter strong {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n}\n.landing .hero-widget__counter span {\n font-size: 14px;\n color: #9baec8;\n}\n.landing .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: #9baec8;\n}\n.landing .simple_form p.lead {\n color: #9baec8;\n font-size: 15px;\n line-height: 20px;\n font-weight: 400;\n margin-bottom: 25px;\n}\n.landing__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 .landing__grid {\n grid-template-columns: minmax(0, 100%);\n grid-gap: 10px;\n }\n .landing__grid__column-login {\n grid-row: 1;\n display: flex;\n flex-direction: column;\n }\n .landing__grid__column-login .box-widget {\n order: 2;\n flex: 0 0 auto;\n }\n .landing__grid__column-login .hero-widget {\n margin-top: 0;\n margin-bottom: 10px;\n order: 1;\n flex: 0 0 auto;\n }\n .landing__grid__column-registration {\n grid-row: 2;\n }\n .landing__grid .directory {\n margin-top: 10px;\n }\n}\n@media screen and (max-width: 415px) {\n .landing__grid {\n grid-gap: 0;\n }\n .landing__grid .hero-widget {\n display: block;\n margin-bottom: 0;\n box-shadow: none;\n }\n .landing__grid .hero-widget__img, .landing__grid .hero-widget__img img, .landing__grid .hero-widget__footer {\n border-radius: 0;\n }\n .landing__grid .hero-widget,\n.landing__grid .box-widget,\n.landing__grid .directory__tag {\n border-bottom: 1px solid #202e3f;\n }\n .landing__grid .directory {\n margin-top: 0;\n }\n .landing__grid .directory__tag {\n margin-bottom: 0;\n }\n .landing__grid .directory__tag > a, .landing__grid .directory__tag > div {\n border-radius: 0;\n box-shadow: none;\n }\n .landing__grid .directory__tag:last-child {\n border-bottom: 0;\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: #9baec8;\n text-decoration: none;\n font-size: 14px;\n}\n@media screen and (max-width: 415px) {\n .brand__tagline {\n position: static;\n width: auto;\n margin-top: 20px;\n color: #3e5a7c;\n }\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n}\n.table th,\n.table td {\n padding: 8px;\n line-height: 18px;\n vertical-align: top;\n border-top: 1px solid #121a24;\n text-align: left;\n background: #0b1016;\n}\n.table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #121a24;\n border-top: 0;\n font-weight: 500;\n}\n.table > tbody > tr > th {\n font-weight: 500;\n}\n.table > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > th {\n background: #121a24;\n}\n.table a {\n color: #d8a070;\n text-decoration: underline;\n}\n.table a:hover {\n text-decoration: none;\n}\n.table strong {\n font-weight: 500;\n}\n.table strong:lang(ja) {\n font-weight: 700;\n}\n.table strong:lang(ko) {\n font-weight: 700;\n}\n.table strong:lang(zh-CN) {\n font-weight: 700;\n}\n.table strong:lang(zh-HK) {\n font-weight: 700;\n}\n.table strong:lang(zh-TW) {\n font-weight: 700;\n}\n.table.inline-table > tbody > tr:nth-child(odd) > td, .table.inline-table > tbody > tr:nth-child(odd) > th {\n background: transparent;\n}\n.table.inline-table > tbody > tr:first-child > td, .table.inline-table > tbody > tr:first-child > th {\n border-top: 0;\n}\n.table.batch-table > thead > tr > th {\n background: #121a24;\n border-top: 1px solid #040609;\n border-bottom: 1px solid #040609;\n}\n.table.batch-table > thead > tr > th:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid #040609;\n}\n.table.batch-table > thead > tr > th:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid #040609;\n}\n.table--invites tbody td {\n vertical-align: middle;\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: \"mastodon-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: #9baec8;\n font-weight: 500;\n}\nbutton.table-action-link:hover,\na.table-action-link:hover {\n color: #ffffff;\n}\nbutton.table-action-link i.fa,\na.table-action-link i.fa {\n font-weight: 400;\n margin-right: 5px;\n}\nbutton.table-action-link:first-child,\na.table-action-link:first-child {\n padding-left: 0;\n}\n\n.batch-table__toolbar, .batch-table__row {\n display: flex;\n}\n.batch-table__toolbar__select, .batch-table__row__select {\n box-sizing: border-box;\n padding: 8px 16px;\n cursor: pointer;\n min-height: 100%;\n}\n.batch-table__toolbar__select input, .batch-table__row__select input {\n margin-top: 8px;\n}\n.batch-table__toolbar__select--aligned, .batch-table__row__select--aligned {\n display: flex;\n align-items: center;\n}\n.batch-table__toolbar__select--aligned input, .batch-table__row__select--aligned input {\n margin-top: 0;\n}\n@media screen and (max-width: 415px) {\n .batch-table__toolbar__select, .batch-table__row__select {\n display: none;\n }\n}\n.batch-table__toolbar__actions, .batch-table__toolbar__content, .batch-table__row__actions, .batch-table__row__content {\n padding: 8px 0;\n padding-right: 16px;\n flex: 1 1 auto;\n}\n.batch-table__toolbar {\n border: 1px solid #040609;\n background: #121a24;\n border-radius: 4px 0 0;\n height: 47px;\n align-items: center;\n}\n.batch-table__toolbar__actions {\n text-align: right;\n padding-right: 11px;\n}\n@media screen and (max-width: 415px) {\n .batch-table__toolbar {\n display: none;\n }\n}\n.batch-table__form {\n padding: 16px;\n border: 1px solid #040609;\n border-top: 0;\n background: #121a24;\n}\n.batch-table__form .fields-row {\n padding-top: 0;\n margin-bottom: 0;\n}\n.batch-table__row {\n border: 1px solid #040609;\n border-top: 0;\n background: #0b1016;\n}\n@media screen and (max-width: 415px) {\n .batch-table__row:first-child {\n border-top: 1px solid #040609;\n }\n}\n.batch-table__row:hover {\n background: #0f151d;\n}\n.batch-table__row:nth-child(even) {\n background: #121a24;\n}\n.batch-table__row:nth-child(even):hover {\n background: #151f2b;\n}\n.batch-table__row__content {\n padding-top: 12px;\n padding-bottom: 16px;\n}\n.batch-table__row__content--unpadded {\n padding: 0;\n}\n.batch-table__row__content--with-image {\n display: flex;\n align-items: center;\n}\n.batch-table__row__content__image {\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 10px;\n}\n.batch-table__row__content__image .emojione {\n width: 32px;\n height: 32px;\n}\n.batch-table__row__content__text {\n flex: 1 1 auto;\n}\n.batch-table__row__content__extra {\n flex: 0 0 auto;\n text-align: right;\n color: #9baec8;\n font-weight: 500;\n}\n.batch-table__row .directory__tag {\n margin: 0;\n width: 100%;\n}\n.batch-table__row .directory__tag a {\n background: transparent;\n border-radius: 0;\n}\n.batch-table .status__content {\n padding-top: 0;\n}\n.batch-table .status__content summary {\n display: list-item;\n}\n.batch-table .status__content strong {\n font-weight: 700;\n}\n.batch-table .nothing-here {\n border: 1px solid #040609;\n border-top: 0;\n box-shadow: none;\n}\n@media screen and (max-width: 415px) {\n .batch-table .nothing-here {\n border-top: 1px solid #040609;\n }\n}\n@media screen and (max-width: 870px) {\n .batch-table .accounts-table tbody td.optional {\n display: none;\n }\n}\n\n.admin-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\n min-height: 100vh;\n}\n.admin-wrapper .sidebar-wrapper {\n min-height: 100vh;\n overflow: hidden;\n pointer-events: none;\n flex: 1 1 auto;\n}\n.admin-wrapper .sidebar-wrapper__inner {\n display: flex;\n justify-content: flex-end;\n background: #121a24;\n height: 100%;\n}\n.admin-wrapper .sidebar {\n width: 240px;\n padding: 0;\n pointer-events: auto;\n}\n.admin-wrapper .sidebar__toggle {\n display: none;\n background: #202e3f;\n height: 48px;\n}\n.admin-wrapper .sidebar__toggle__logo {\n flex: 1 1 auto;\n}\n.admin-wrapper .sidebar__toggle__logo a {\n display: inline-block;\n padding: 15px;\n}\n.admin-wrapper .sidebar__toggle__logo svg {\n fill: #ffffff;\n height: 20px;\n position: relative;\n bottom: -2px;\n}\n.admin-wrapper .sidebar__toggle__icon {\n display: block;\n color: #9baec8;\n text-decoration: none;\n flex: 0 0 auto;\n font-size: 20px;\n padding: 15px;\n}\n.admin-wrapper .sidebar__toggle a:hover, .admin-wrapper .sidebar__toggle a:focus, .admin-wrapper .sidebar__toggle a:active {\n background: #26374d;\n}\n.admin-wrapper .sidebar .logo {\n display: block;\n margin: 40px auto;\n width: 100px;\n height: 100px;\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper .sidebar > a:first-child {\n display: none;\n }\n}\n.admin-wrapper .sidebar 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: 600px) {\n .admin-wrapper .sidebar ul {\n margin-bottom: 0;\n }\n}\n.admin-wrapper .sidebar ul a {\n display: block;\n padding: 15px;\n color: #9baec8;\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.admin-wrapper .sidebar ul a i.fa {\n margin-right: 5px;\n}\n.admin-wrapper .sidebar ul a:hover {\n color: #ffffff;\n background-color: #0a0e13;\n transition: all 100ms linear;\n transition-property: color, background-color;\n}\n.admin-wrapper .sidebar ul a.selected {\n background: #0f151d;\n border-radius: 4px 0 0;\n}\n.admin-wrapper .sidebar ul ul {\n background: #0b1016;\n border-radius: 0 0 0 4px;\n margin: 0;\n}\n.admin-wrapper .sidebar ul ul a {\n border: 0;\n padding: 15px 35px;\n}\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {\n color: #ffffff;\n background-color: #d8a070;\n border-bottom: 0;\n border-radius: 0;\n}\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {\n background-color: #ddad84;\n}\n.admin-wrapper .sidebar > ul > .simple-navigation-active-leaf a {\n border-radius: 4px 0 0 4px;\n}\n.admin-wrapper .content-wrapper {\n box-sizing: border-box;\n width: 100%;\n max-width: 840px;\n flex: 1 1 auto;\n}\n@media screen and (max-width: 1080px) {\n .admin-wrapper .sidebar-wrapper--empty {\n display: none;\n }\n .admin-wrapper .sidebar-wrapper {\n width: 240px;\n flex: 0 0 auto;\n }\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper .sidebar-wrapper {\n width: 100%;\n }\n}\n.admin-wrapper .content {\n padding: 20px 15px;\n padding-top: 60px;\n padding-left: 25px;\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper .content {\n max-width: none;\n padding: 15px;\n padding-top: 30px;\n }\n}\n.admin-wrapper .content h2 {\n color: #d9e1e8;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid #202e3f;\n margin-bottom: 40px;\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper .content h2 {\n border-bottom: 0;\n padding-bottom: 0;\n font-weight: 700;\n }\n}\n.admin-wrapper .content h3 {\n color: #d9e1e8;\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 30px;\n}\n.admin-wrapper .content h4 {\n text-transform: uppercase;\n font-size: 13px;\n font-weight: 700;\n color: #9baec8;\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid #202e3f;\n}\n.admin-wrapper .content h6 {\n font-size: 16px;\n color: #d9e1e8;\n line-height: 28px;\n font-weight: 500;\n}\n.admin-wrapper .content .fields-group h6 {\n color: #ffffff;\n font-weight: 500;\n}\n.admin-wrapper .content .directory__tag > a,\n.admin-wrapper .content .directory__tag > div {\n box-shadow: none;\n}\n.admin-wrapper .content .directory__tag .table-action-link .fa {\n color: inherit;\n}\n.admin-wrapper .content .directory__tag h4 {\n font-size: 18px;\n font-weight: 700;\n color: #ffffff;\n text-transform: none;\n padding-bottom: 0;\n margin-bottom: 0;\n border-bottom: 0;\n}\n.admin-wrapper .content > p {\n font-size: 14px;\n line-height: 21px;\n color: #d9e1e8;\n margin-bottom: 20px;\n}\n.admin-wrapper .content > p strong {\n color: #ffffff;\n font-weight: 500;\n}\n.admin-wrapper .content > p strong:lang(ja) {\n font-weight: 700;\n}\n.admin-wrapper .content > p strong:lang(ko) {\n font-weight: 700;\n}\n.admin-wrapper .content > p strong:lang(zh-CN) {\n font-weight: 700;\n}\n.admin-wrapper .content > p strong:lang(zh-HK) {\n font-weight: 700;\n}\n.admin-wrapper .content > p strong:lang(zh-TW) {\n font-weight: 700;\n}\n.admin-wrapper .content hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba(62, 90, 124, 0.6);\n margin: 20px 0;\n}\n.admin-wrapper .content hr.spacer {\n height: 1px;\n border: 0;\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper {\n display: block;\n }\n .admin-wrapper .sidebar-wrapper {\n min-height: 0;\n }\n .admin-wrapper .sidebar {\n width: 100%;\n padding: 0;\n height: auto;\n }\n .admin-wrapper .sidebar__toggle {\n display: flex;\n }\n .admin-wrapper .sidebar > ul {\n display: none;\n }\n .admin-wrapper .sidebar ul a,\n.admin-wrapper .sidebar ul ul a {\n border-radius: 0;\n border-bottom: 1px solid #192432;\n transition: none;\n }\n .admin-wrapper .sidebar ul a:hover,\n.admin-wrapper .sidebar ul ul a:hover {\n transition: none;\n }\n .admin-wrapper .sidebar ul ul {\n border-radius: 0;\n }\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a {\n border-bottom-color: #d8a070;\n }\n}\n\nhr.spacer {\n width: 100%;\n border: 0;\n margin: 20px 0;\n height: 1px;\n}\n\nbody .muted-hint,\n.admin-wrapper .content .muted-hint {\n color: #9baec8;\n}\nbody .muted-hint a,\n.admin-wrapper .content .muted-hint a {\n color: #d8a070;\n}\nbody .positive-hint,\n.admin-wrapper .content .positive-hint {\n color: #79bd9a;\n font-weight: 500;\n}\nbody .negative-hint,\n.admin-wrapper .content .negative-hint {\n color: #df405a;\n font-weight: 500;\n}\nbody .neutral-hint,\n.admin-wrapper .content .neutral-hint {\n color: #3e5a7c;\n font-weight: 500;\n}\nbody .warning-hint,\n.admin-wrapper .content .warning-hint {\n color: #ca8f04;\n font-weight: 500;\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n}\n.filters .filter-subset {\n flex: 0 0 auto;\n margin: 0 40px 20px 0;\n}\n.filters .filter-subset:last-child {\n margin-bottom: 30px;\n}\n.filters .filter-subset ul {\n margin-top: 5px;\n list-style: none;\n}\n.filters .filter-subset ul li {\n display: inline-block;\n margin-right: 5px;\n}\n.filters .filter-subset strong {\n font-weight: 500;\n text-transform: uppercase;\n font-size: 12px;\n}\n.filters .filter-subset strong:lang(ja) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(ko) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(zh-CN) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(zh-HK) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(zh-TW) {\n font-weight: 700;\n}\n.filters .filter-subset a {\n display: inline-block;\n color: #9baec8;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n border-bottom: 2px solid #121a24;\n}\n.filters .filter-subset a:hover {\n color: #ffffff;\n border-bottom: 2px solid #1b2635;\n}\n.filters .filter-subset a.selected {\n color: #d8a070;\n border-bottom: 2px solid #d8a070;\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.flavour-description > p {\n margin: 10px 0;\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.flavour-description > p {\n margin: 10px 0;\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.report-accounts__item > strong {\n display: block;\n margin: 0 0 10px -5px;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: #d9e1e8;\n}\n.report-accounts__item > strong:lang(ja) {\n font-weight: 700;\n}\n.report-accounts__item > strong:lang(ko) {\n font-weight: 700;\n}\n.report-accounts__item > strong:lang(zh-CN) {\n font-weight: 700;\n}\n.report-accounts__item > strong:lang(zh-HK) {\n font-weight: 700;\n}\n.report-accounts__item > strong:lang(zh-TW) {\n font-weight: 700;\n}\n.report-accounts__item .account-card {\n flex: 1 1 auto;\n}\n\n.report-status,\n.account-status {\n display: flex;\n margin-bottom: 10px;\n}\n.report-status .activity-stream,\n.account-status .activity-stream {\n flex: 2 0 0;\n margin-right: 20px;\n max-width: calc(100% - 60px);\n}\n.report-status .activity-stream .entry,\n.account-status .activity-stream .entry {\n border-radius: 4px;\n}\n\n.report-status__actions,\n.account-status__actions {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n}\n.report-status__actions .icon-button,\n.account-status__actions .icon-button {\n font-size: 24px;\n width: 24px;\n text-align: center;\n margin-bottom: 10px;\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.batch-form-box #form_status_batch_action {\n margin: 0 5px 5px 0;\n font-size: 14px;\n}\n.batch-form-box input.button {\n margin: 0 5px 5px 0;\n}\n.batch-form-box .media-spoiler-toggle-buttons {\n margin-left: auto;\n}\n.batch-form-box .media-spoiler-toggle-buttons .button {\n overflow: visible;\n margin: 0 0 5px 5px;\n float: right;\n}\n\n.back-link {\n margin-bottom: 10px;\n font-size: 14px;\n}\n.back-link a {\n color: #d8a070;\n text-decoration: none;\n}\n.back-link a:hover {\n text-decoration: underline;\n}\n\n.spacer {\n flex: 1 1 auto;\n}\n\n.log-entry {\n margin-bottom: 20px;\n line-height: 20px;\n}\n.log-entry__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n background: #121a24;\n color: #9baec8;\n border-radius: 4px 4px 0 0;\n font-size: 14px;\n position: relative;\n}\n.log-entry__avatar {\n margin-right: 10px;\n}\n.log-entry__avatar .avatar {\n display: block;\n margin: 0;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n}\n.log-entry__content {\n max-width: calc(100% - 90px);\n}\n.log-entry__title {\n word-wrap: break-word;\n}\n.log-entry__timestamp {\n color: #3e5a7c;\n}\n.log-entry__extras {\n background: #1c2938;\n border-radius: 0 0 4px 4px;\n padding: 10px;\n color: #9baec8;\n font-family: \"mastodon-font-monospace\", monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n}\n.log-entry__icon {\n font-size: 28px;\n margin-right: 10px;\n color: #3e5a7c;\n}\n.log-entry__icon__overlay {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n.log-entry__icon__overlay.positive {\n background: #79bd9a;\n}\n.log-entry__icon__overlay.negative {\n background: #e87487;\n}\n.log-entry__icon__overlay.neutral {\n background: #d8a070;\n}\n.log-entry a,\n.log-entry .username,\n.log-entry .target {\n color: #d9e1e8;\n text-decoration: none;\n font-weight: 500;\n}\n.log-entry .diff-old {\n color: #e87487;\n}\n.log-entry .diff-neutral {\n color: #d9e1e8;\n}\n.log-entry .diff-new {\n color: #79bd9a;\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n text-decoration: none;\n color: #d9e1e8;\n}\na.name-tag .username,\n.name-tag .username,\na.inline-name-tag .username,\n.inline-name-tag .username {\n font-weight: 500;\n}\na.name-tag.suspended .username,\n.name-tag.suspended .username,\na.inline-name-tag.suspended .username,\n.inline-name-tag.suspended .username {\n text-decoration: line-through;\n color: #e87487;\n}\na.name-tag.suspended .avatar,\n.name-tag.suspended .avatar,\na.inline-name-tag.suspended .avatar,\n.inline-name-tag.suspended .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n}\n\na.name-tag,\n.name-tag {\n display: flex;\n align-items: center;\n}\na.name-tag .avatar,\n.name-tag .avatar {\n display: block;\n margin: 0;\n margin-right: 5px;\n border-radius: 50%;\n}\na.name-tag.suspended .avatar,\n.name-tag.suspended .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n}\n\n.speech-bubble {\n margin-bottom: 20px;\n border-left: 4px solid #d8a070;\n}\n.speech-bubble.positive {\n border-left-color: #79bd9a;\n}\n.speech-bubble.negative {\n border-left-color: #e87487;\n}\n.speech-bubble.warning {\n border-left-color: #ca8f04;\n}\n.speech-bubble__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.speech-bubble__bubble a {\n color: #9baec8;\n}\n.speech-bubble__owner {\n padding: 8px;\n padding-left: 12px;\n}\n.speech-bubble time {\n color: #3e5a7c;\n}\n\n.report-card {\n background: #121a24;\n border-radius: 4px;\n margin-bottom: 20px;\n}\n.report-card__profile {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px;\n}\n.report-card__profile .account {\n padding: 0;\n border: 0;\n}\n.report-card__profile .account__avatar-wrapper {\n margin-left: 0;\n}\n.report-card__profile__stats {\n flex: 0 0 auto;\n font-weight: 500;\n color: #9baec8;\n text-transform: uppercase;\n text-align: right;\n}\n.report-card__profile__stats a {\n color: inherit;\n text-decoration: none;\n}\n.report-card__profile__stats a:focus, .report-card__profile__stats a:hover, .report-card__profile__stats a:active {\n color: #b5c3d6;\n}\n.report-card__profile__stats .red {\n color: #df405a;\n}\n.report-card__summary__item {\n display: flex;\n justify-content: flex-start;\n border-top: 1px solid #0b1016;\n}\n.report-card__summary__item:hover {\n background: #151f2b;\n}\n.report-card__summary__item__reported-by, .report-card__summary__item__assigned {\n padding: 15px;\n flex: 0 0 auto;\n box-sizing: border-box;\n width: 150px;\n color: #9baec8;\n}\n.report-card__summary__item__reported-by,\n.report-card__summary__item__reported-by .username, .report-card__summary__item__assigned,\n.report-card__summary__item__assigned .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.report-card__summary__item__content {\n flex: 1 1 auto;\n max-width: calc(100% - 300px);\n}\n.report-card__summary__item__content__icon {\n color: #3e5a7c;\n margin-right: 4px;\n font-weight: 500;\n}\n.report-card__summary__item__content a {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n text-decoration: none;\n color: #9baec8;\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.admin-account-bio > div {\n box-sizing: border-box;\n padding: 0 5px;\n margin-bottom: 10px;\n flex: 1 0 50%;\n}\n.admin-account-bio .account__header__fields,\n.admin-account-bio .account__header__content {\n background: #202e3f;\n border-radius: 4px;\n height: 100%;\n}\n.admin-account-bio .account__header__fields {\n margin: 0;\n border: 0;\n}\n.admin-account-bio .account__header__fields a {\n color: #e1b590;\n}\n.admin-account-bio .account__header__fields dl:first-child .verified {\n border-radius: 0 4px 0 0;\n}\n.admin-account-bio .account__header__fields .verified a {\n color: #79bd9a;\n}\n.admin-account-bio .account__header__content {\n box-sizing: border-box;\n padding: 20px;\n color: #ffffff;\n}\n\n.dashboard__counters {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-bottom: 20px;\n}\n.dashboard__counters > div {\n box-sizing: border-box;\n flex: 0 0 33.333%;\n padding: 0 5px;\n margin-bottom: 10px;\n}\n.dashboard__counters > div > div, .dashboard__counters > div > a {\n padding: 20px;\n background: #192432;\n border-radius: 4px;\n box-sizing: border-box;\n height: 100%;\n}\n.dashboard__counters > div > a {\n text-decoration: none;\n color: inherit;\n display: block;\n}\n.dashboard__counters > div > a:hover, .dashboard__counters > div > a:focus, .dashboard__counters > div > a:active {\n background: #202e3f;\n}\n.dashboard__counters__num, .dashboard__counters__text {\n text-align: center;\n font-weight: 500;\n font-size: 24px;\n line-height: 21px;\n color: #ffffff;\n font-family: \"mastodon-font-display\", sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n}\n.dashboard__counters__text {\n font-size: 18px;\n}\n.dashboard__counters__label {\n font-size: 14px;\n color: #9baec8;\n text-align: center;\n font-weight: 500;\n}\n\n.dashboard__widgets {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n}\n.dashboard__widgets > div {\n flex: 0 0 33.333%;\n margin-bottom: 20px;\n}\n.dashboard__widgets > div > div {\n padding: 0 5px;\n}\n.dashboard__widgets a:not(.name-tag) {\n color: #d9e1e8;\n font-weight: 500;\n text-decoration: none;\n}\n\nbody.rtl {\n direction: rtl;\n}\nbody.rtl .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n}\nbody.rtl .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n}\nbody.rtl .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n}\nbody.rtl .column-link__icon,\nbody.rtl .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .search__input {\n padding-right: 10px;\n padding-left: 30px;\n}\nbody.rtl .search__icon .fa {\n right: auto;\n left: 10px;\n}\nbody.rtl .columns-area {\n direction: rtl;\n}\nbody.rtl .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: 0;\n margin-right: -15px;\n}\nbody.rtl .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n}\nbody.rtl .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .account__avatar-wrapper {\n float: right;\n}\nbody.rtl .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n}\nbody.rtl .column-header__setting-arrows {\n float: left;\n}\nbody.rtl .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .status__avatar {\n left: auto;\n right: 10px;\n}\nbody.rtl .status,\nbody.rtl .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n}\nbody.rtl .status__info .status__display-name,\nbody.rtl .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n}\nbody.rtl .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n}\nbody.rtl .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n}\nbody.rtl .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n}\nbody.rtl .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n}\nbody.rtl .column-back-button--slim-button {\n right: auto;\n left: 0;\n}\nbody.rtl .status__relative-time,\nbody.rtl .activity-stream .status.light .status__header .status__meta {\n float: left;\n}\nbody.rtl .status__action-bar__counter {\n margin-right: 0;\n margin-left: 11px;\n}\nbody.rtl .status__action-bar__counter .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n}\nbody.rtl .status__action-bar-dropdown {\n float: right;\n}\nbody.rtl .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n}\nbody.rtl .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .detailed-status__display-name .display-name {\n text-align: right;\n}\nbody.rtl .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n}\nbody.rtl .detailed-status__favorites,\nbody.rtl .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .fa-ul {\n margin-left: 2.14285714em;\n}\nbody.rtl .fa-li {\n left: auto;\n right: -2.14285714em;\n}\nbody.rtl .admin-wrapper {\n direction: rtl;\n}\nbody.rtl .admin-wrapper .sidebar ul a i.fa,\nbody.rtl a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n}\nbody.rtl .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .simple_form .check_boxes .checkbox input[type=checkbox],\nbody.rtl .simple_form .input.boolean input[type=checkbox] {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n}\nbody.rtl .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n}\nbody.rtl .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.boolean .label_input,\nbody.rtl .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n}\nbody.rtl .simple_form .label_input__append {\n right: auto;\n left: 3px;\n}\nbody.rtl .simple_form .label_input__append::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(1, 1, 2, 0), #010102);\n}\nbody.rtl .simple_form select {\n background: #010102 url(\"data:image/svg+xml;utf8,\") no-repeat left 8px center/auto 16px;\n}\nbody.rtl .table th,\nbody.rtl .table td {\n text-align: right;\n}\nbody.rtl .filters .filter-subset {\n margin-right: 0;\n margin-left: 45px;\n}\nbody.rtl .landing-page .header-wrapper .mascot {\n right: 60px;\n left: auto;\n}\nbody.rtl .landing-page__call-to-action .row__information-board {\n direction: rtl;\n}\nbody.rtl .landing-page .header .hero .floats .float-1 {\n left: -120px;\n right: auto;\n}\nbody.rtl .landing-page .header .hero .floats .float-2 {\n left: 210px;\n right: auto;\n}\nbody.rtl .landing-page .header .hero .floats .float-3 {\n left: 110px;\n right: auto;\n}\nbody.rtl .landing-page .header .links .brand img {\n left: 0;\n}\nbody.rtl .landing-page .fa-external-link {\n padding-right: 5px;\n padding-left: 0 !important;\n}\nbody.rtl .landing-page .features #mastodon-timeline {\n margin-right: 0;\n margin-left: 30px;\n}\n@media screen and (min-width: 631px) {\n body.rtl .column,\nbody.rtl .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n body.rtl .column:first-child,\nbody.rtl .drawer:first-child {\n padding-left: 5px;\n padding-right: 10px;\n }\n body.rtl .columns-area > div .column,\nbody.rtl .columns-area > div .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\nbody.rtl .public-layout .header .nav-button {\n margin-left: 8px;\n margin-right: 0;\n}\nbody.rtl .public-layout .public-account-header__tabs {\n margin-left: 0;\n margin-right: 20px;\n}\nbody.rtl .landing-page__information .account__display-name {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .landing-page__information .account__avatar-wrapper {\n margin-left: 12px;\n margin-right: 0;\n}\nbody.rtl .card__bar .display-name {\n margin-left: 0;\n margin-right: 15px;\n text-align: right;\n}\nbody.rtl .fa-chevron-left::before {\n content: \"\";\n}\nbody.rtl .fa-chevron-right::before {\n content: \"\";\n}\nbody.rtl .column-back-button__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-left: 0;\n padding-right: 10px;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label input {\n left: auto;\n right: 0;\n}\n\n.emojione[title=\":wavy_dash:\"], .emojione[title=\":waving_black_flag:\"], .emojione[title=\":water_buffalo:\"], .emojione[title=\":video_game:\"], .emojione[title=\":video_camera:\"], .emojione[title=\":vhs:\"], .emojione[title=\":turkey:\"], .emojione[title=\":tophat:\"], .emojione[title=\":top:\"], .emojione[title=\":tm:\"], .emojione[title=\":telephone_receiver:\"], .emojione[title=\":spider:\"], .emojione[title=\":speaking_head_in_silhouette:\"], .emojione[title=\":spades:\"], .emojione[title=\":soon:\"], .emojione[title=\":registered:\"], .emojione[title=\":on:\"], .emojione[title=\":musical_score:\"], .emojione[title=\":movie_camera:\"], .emojione[title=\":mortar_board:\"], .emojione[title=\":microphone:\"], .emojione[title=\":male-guard:\"], .emojione[title=\":lower_left_fountain_pen:\"], .emojione[title=\":lower_left_ballpoint_pen:\"], .emojione[title=\":kaaba:\"], .emojione[title=\":joystick:\"], .emojione[title=\":hole:\"], .emojione[title=\":hocho:\"], .emojione[title=\":heavy_plus_sign:\"], .emojione[title=\":heavy_multiplication_x:\"], .emojione[title=\":heavy_minus_sign:\"], .emojione[title=\":heavy_dollar_sign:\"], .emojione[title=\":heavy_division_sign:\"], .emojione[title=\":heavy_check_mark:\"], .emojione[title=\":guardsman:\"], .emojione[title=\":gorilla:\"], .emojione[title=\":fried_egg:\"], .emojione[title=\":film_projector:\"], .emojione[title=\":female-guard:\"], .emojione[title=\":end:\"], .emojione[title=\":electric_plug:\"], .emojione[title=\":eight_pointed_black_star:\"], .emojione[title=\":dark_sunglasses:\"], .emojione[title=\":currency_exchange:\"], .emojione[title=\":curly_loop:\"], .emojione[title=\":copyright:\"], .emojione[title=\":clubs:\"], .emojione[title=\":camera_with_flash:\"], .emojione[title=\":camera:\"], .emojione[title=\":busts_in_silhouette:\"], .emojione[title=\":bust_in_silhouette:\"], .emojione[title=\":bowling:\"], .emojione[title=\":bomb:\"], .emojione[title=\":black_small_square:\"], .emojione[title=\":black_nib:\"], .emojione[title=\":black_medium_square:\"], .emojione[title=\":black_medium_small_square:\"], .emojione[title=\":black_large_square:\"], .emojione[title=\":black_heart:\"], .emojione[title=\":black_circle:\"], .emojione[title=\":back:\"], .emojione[title=\":ant:\"], .emojione[title=\":8ball:\"] {\n filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);\n transform: scale(0.71);\n}","/* 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","@function hex-color($color) {\n @if type-of($color) == 'color' {\n $color: str-slice(ie-hex-str($color), 4);\n }\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 &.player {\n text-align: center;\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 &__illustration {\n img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n }\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","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a !default; // Padua\n$error-red: #df405a !default; // Cerise\n$warning-red: #ff5050 !default; // Sunset Orange\n$gold-star: #ca8f04 !default; // Dark Goldenrod\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: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\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 margin-right: 8px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\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 .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 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 }\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 padding: 7px 0;\n padding-left: 10px;\n\n img {\n border: 0;\n border-radius: 4px;\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 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",".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",".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 .trends__item__current {\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 .trends__item__current {\n padding-right: 0;\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 li {\n list-style: disc;\n margin-left: 18px;\n }\n }\n\n ul.hint {\n margin-bottom: 15px;\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,\") 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 &__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 backdrop-filter: blur(2px);\n border-radius: 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: 0;\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 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\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 &--under-tabs {\n border-radius: 0 0 4px 4px;\n }\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 margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n left: -32px;\n }\n\n .media-gallery,\n &__action-bar,\n .video-player {\n margin-top: 10px;\n }\n }\n}\n","button.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,\");\n\n &:hover {\n background-image: url(\"data:image/svg+xml;utf8,\");\n }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,\");\n}\n",null,"@mixin avatar-radius {\n border-radius: 4px;\n background: transparent no-repeat;\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 search-input {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 0;\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",".poll {\n margin-top: 16px;\n font-size: 14px;\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 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\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 flex: 1 1 50%;\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,\") 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",".modal-layout {\n background: $ui-base-color url('data:image/svg+xml;utf8,') 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",".emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: $inverted-text-color;\n\n &,\n * {\n box-sizing: border-box;\n line-height: 1.15;\n }\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: -1px;\n }\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: $highlight-text-color;\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","$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 break-after: auto;\n break-inside: avoid;\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\n &.nowrap {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 25%;\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 margin: 0 auto;\n margin-bottom: 15px;\n\n img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\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 }\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 @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\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 @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\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 &: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 .status__content {\n padding-top: 0;\n\n summary {\n display: list-item;\n }\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 h2 {\n color: $secondary-text-color;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n margin-bottom: 40px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n border-bottom: 0;\n padding-bottom: 0;\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: 0;\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.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",".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","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 .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 .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 .status__avatar {\n left: auto;\n right: 10px;\n }\n\n .status,\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: 68px;\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 }\n\n .status__action-bar {\n\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,\") 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 .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","$black-emojis: '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';\n\n%white-emoji-outline {\n filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n transform: scale(.71);\n}\n\n.emojione {\n @each $emoji in $black-emojis {\n &[title=':#{$emoji}:'] {\n @extend %white-emoji-outline;\n }\n }\n}\n"],"sourceRoot":""}