{"version":3,"sources":["webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/index.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/stream_entries.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///./<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss"],"names":[],"mappings":"AAuPE,iBCmzFD,2ZAxhGC,mBACA,SACA,eACA,aACA,uBACA,CACD,8EAKC,cACD,KAGC,cACD,MAGC,gBACD,aAGC,YACD,oDAIC,uBACA,CACD,MAGC,yCACA,CACD,KAGC,uCACD,oBAGC,sBACA,CACD,0BAGC,iCACA,kBACA,CACD,gCAGC,mBACD,iCAGC,mBACD,0BAGC,8BACA,yBACA,CACD,iEAOC,kBC9EW,CD+EZ,2BAGC,uBACD,KEtFC,0CACA,eACA,iBACA,gBACA,WDVM,kCCYN,qCACA,2DACA,qHACA,uCACA,CF0FD,iBE5EG,uIF+EH,cE3EG,6BACA,YACA,UACA,kBD5BS,CD2GZ,kCE3EK,kBF8EL,aEzEG,kBDrCS,CDiHZ,iBExEG,mCACA,CF2EH,yBExEK,mCACA,CF2EL,WEtEG,4BACA,gBACA,CFyEH,sBEtEK,6BACA,YACA,eACA,CFyEL,WEpEG,iCACA,CF0EH,sBEzEG,uBACA,SACA,CFmFH,WE/EG,oCACA,cDlEoB,mBAPX,aC+ET,uBACA,kBACA,CFsEH,mBEnEK,iCACA,CFsEL,uBEnEO,8BACA,WACA,YACA,iBACA,CFsEP,sBElEO,gCACA,eACA,CFqEP,OE9DC,kCACA,CFkED,aE/DG,aFkEH,4BE3DG,wBACA,YACA,mBACA,uBACA,mBACA,CF+DH,eGlMC,8BAEA,CHsMD,oCGzMD,eAMI,mBACA,CHuMD,CACF,gBGnMC,uBHuMD,oCGxMD,gBAII,mBHwMD,CACF,mBGrMG,oCACA,kBACA,CHwMH,uBGrMK,6BACA,CHwML,qBGpMK,oCACA,mBACA,WF7BE,qBE+BF,UACA,kBACA,iBACA,uBACA,gBACA,cACA,CHuML,kCGhMG,2BAEA,mBACA,qBACA,CHoMH,oCGzMC,kCAQI,wBACA,YACA,CHqMH,CACF,gBGhMC,yBAEA,eACA,iBACA,sBACA,iBAEA,sBAEA,CHoMD,oCG9MD,gBAaI,2BAEA,mBAEA,CHqMD,CACF,wBI5QC,WD4EuB,sCACrB,iBHuMH,4BGpMK,uBACA,cACA,SACA,kBACA,iBF3BkB,wBG9DtB,2BACA,CJkSD,sBGpMG,4BF9EsB,uBEgFtB,CHuMH,gCGpMK,8BACA,uBACA,eACA,CHuML,6BGlMG,6BACA,iBACA,eACA,CHqMH,QGhMC,2BACA,8BACA,sBACA,mCACA,2BHoMD,kBGjMG,0BACA,CHoMH,kBGhMG,wBACA,CHmMH,kBG/LG,wBACA,CHkMH,kBG9LG,0BACA,CHiMH,sCG7LG,gBHgMH,oCG5ND,QAgCI,kDHgMD,sCG7LG,0BACA,mBACA,sBACA,CHgMH,gCG5LG,kCACA,kBACA,CH+LH,qBG3LG,aH8LH,CACF,oCG/OD,QAqDI,+CACA,CH8LD,kBG3LG,cH8LH,kBG1LG,wBACA,CH6LH,kBGzLG,wBACA,CH4LH,kBGxLG,wBACA,CH2LH,CACF,oCGvLD,eAEI,iBH0LD,CACF,0BGvLG,gBH0LH,oCG3LC,0BAII,UH2LH,CACF,uBGvLG,sDACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,eACA,CH0LH,oCGpMC,uBAaI,0BACA,MACA,OACA,SACA,gBACA,gBACA,WACA,CH2LH,CACF,2BGxLK,6BACA,CH2LL,iCGvLK,iCACA,2BACA,gBACA,CH0LL,mCGtLK,iCACA,uBACA,gBACA,CHyLL,kCGrLK,iCACA,yBACA,gBACA,CHwLL,8BGpLK,0BACA,CHuLL,kCGpLO,0BACA,WACA,kBACA,WACA,CHuLP,oCG5LK,kCAQI,YHwLP,CACF,6GGlLO,mBHqLP,iCGhLK,gCACA,eACA,eACA,gBACA,qBACA,cF3QkB,mBE6QlB,iBACA,CHmLL,sHG9KO,oCFnSA,CDqdP,oCG7KO,0CACE,aHgLP,CACF,mCG3KK,wCAEA,iBACA,CH8KL,4HGzKO,uCACA,CH4KP,qBGpKG,2BACA,0DACA,sBACA,mCACA,2BHuKH,+BGpKK,wBACA,CHuKL,+BGnKK,wBACA,CHsKL,oCGpLC,qBAkBI,qCACA,CHsKH,+BGnKK,aHsKL,CACF,sCGjKG,mCACA,kCACA,CHoKH,+CGjKK,WHoKL,oIGhKO,sDHoKP,4DGhKO,wBFvVkB,CD0fzB,gFGhKS,YF1VgB,CD6fzB,6CG7JK,0CACA,aACA,kBACA,eACA,CHgKL,mDG7JO,yBACA,kBACA,WACA,YACA,gDACA,MACA,MACA,CHgKP,iDG5JO,kFACA,WACA,YACA,SACA,yBACA,CH+JP,oCGvLG,6CA4BI,aH+JL,CACF,8CG3JK,gBH8JL,4JG1JO,kBH8JP,oCGhKK,4JAKI,gBHgKP,CACF,oCG/NC,sCAoEI,+BACA,CH+JH,mDG5JK,aH+JL,8FG1JK,gBH6JL,CACF,2CGzJK,mCACA,aACA,0BACA,CH4JL,kDGzJO,yBACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,UACA,CH4JP,mDGxJO,0BAGqB,yCACrB,+BACA,CH6JP,uDG1JS,yBACA,YACA,SACA,kBACA,yBACA,mBACA,iBF/Yc,wBG9DtB,2BACA,CJ4mBD,oCGlMG,2CAwCI,gCACA,0BACA,WACA,CH8JL,kDG3JO,aH8JP,mDIlnBD,WD0d6B,sCAErB,uBH+JP,uDG5JS,2BACA,iBFvaY,wBG9DtB,2BACA,CJsoBC,CACF,0DG5KO,mDAcI,aHkKT,CACF,oCGlOG,2CAqEI,gBHiKL,CACF,oCGvOG,2CAyEI,eHkKL,CACF,4CG9JK,8BACA,CHiKL,kDG9JO,mCACA,CHiKP,qDG9JS,gCACA,WFlgBF,gBEogBE,gBACA,mBACA,uBACA,4BACA,CHiKT,2DG9JW,6BACA,WF5gBJ,gBE8gBI,gBACA,sBACA,CHiKX,oCGzLG,4CA8BI,8BACA,8BACA,kBACA,CH+JL,kDG5JO,8BACA,CH+JP,qDG5JS,gCACA,gBACA,CH+JT,2DG5JW,aFrhBU,CDorBrB,CACF,kDGzJO,wCACA,oBACA,WACA,CH4JP,oEGzJS,gCACA,eACA,CH4JT,oCGxJS,oEACE,aH2JT,CACF,2DGvJS,kCACA,cACA,cFhjBc,aEkjBd,+BACA,eACA,kBACA,iBACA,CH0JT,6DGvJW,cH0JX,sEGtJW,eHyJX,iEGrJW,yBACA,kBACA,SACA,OACA,WACA,gCACA,WACA,uBACA,CHwJX,wEGnJa,yCACA,CHsJb,iFGlJa,2BFllBY,CDuuBzB,uEG/Ia,iCACA,CHkJb,6DG7IW,kCACA,CHgJX,0EG5IW,4BACA,CH+IX,2EG3IW,+BACA,kBACA,WF3nBJ,sBE6nBI,CH8IX,0DGzIS,wBACA,CH4IT,2DGxIS,gBH2IT,6CGrIK,2BACA,CHwIL,iEGrIO,gCACA,uBACA,aACA,CHwIP,0FGrIS,6BHwIT,wEGpIS,aHuIT,oDGlIO,gCACA,aFjpBgB,CDuxBvB,sDGlIS,mCFrpBc,qBEupBd,aACA,eACA,CHqIT,6DGlIW,0BF5qBJ,CDkzBP,oCGtKG,6CAuCI,uBACA,CHmIL,CACF,0CG9HG,0BHiIH,oCGlIC,0CAII,gBHkIH,CACF,sCG9HG,gBHiIH,mCG7HG,sDACA,kBACA,gBACA,kBACA,CHgIH,oCGrIC,mCAQI,gCACA,eACA,CHiIH,CACF,4DG9HK,qBACA,CHiIL,8DG9HO,cHiIP,qFG7HO,wBHgIP,wEG5HO,aF9tBQ,CD61Bf,6DGzHK,8BFruBE,CDm2BP,oFGxHK,4BACA,aF5tBkB,CDy1BvB,0CGxHK,iBH2HL,mCGtHG,cFxtBoB,cEytBpB,CHyHH,wCGtHK,8BACA,CHyHL,0BGpHG,4BACA,eACA,aACA,CHuHH,8BGpHK,oCACA,YACA,cACA,mBACA,iBACA,CHuHL,oCG7HG,8BASI,cHwHL,CACF,oCGlIG,8BAaI,eHyHL,CACF,oCG7IC,0BAwBI,qCACA,CHyHH,8BGtHK,qBACA,gBACA,+BACA,CHyHL,yCGtHO,gBHyHP,yCGrHO,kBF5xBG,CDo5BV,8IGnHS,mBHsHT,CACF,SKl6BC,gBLs6BD,YKn6BG,iCACA,CLs6BH,gBKj6BC,6BACA,CLq6BD,mBKl6BG,+BACA,kBACA,CLq6BH,cMp7BC,g2BACA,sBACA,aACA,SACA,CNw7BD,wBMp7BC,oBACA,sBACA,wBACA,CNw7BD,0BMr7BG,uBACA,CNw7BH,oCMn7BC,gBACE,aNu7BD,CACF,uBO58BG,iCACA,oBACA,eACA,aACA,CP+8BH,oCOp9BC,uBAQI,oCACA,CPg9BH,CACF,6BO78BK,2BACA,yCACA,CPg9BL,uCO78BO,yBACA,WACA,CPg9BP,uCO58BO,yBACA,WACA,CP+8BP,uCO38BO,yBACA,YACA,iBACA,CP88BP,4CO38BS,cP88BT,uCOz8BO,yBACA,WACA,CP48BP,uCOx8BO,yBACA,WACA,CP28BP,oCOh/BG,6BAyCI,kCP28BL,8EOv8BO,cP28BP,uCOv8BO,WP08BP,uCOt8BO,cPy8BP,8EOp8BO,cPw8BP,uCOp8BO,WPu8BP,CACF,oCOn8BO,uCACE,cPs8BP,CACF,oCOl8BO,4JAIE,aPq8BP,CACF,0BOh8BK,yCACA,kBACA,aNhFkB,CDohCvB,4BOh8BO,kCACA,CPm8BP,4BO97BK,kCACA,CPi8BL,uGO57BO,0BP+7BP,kCOz7BO,0BACA,WACA,aACA,CP47BP,uCOz7BS,aP47BT,wIOp7BS,aPu7BT,mBQ3jCG,gCACA,cPeoB,gBObpB,mBACA,eACA,oBACA,CR+jCH,oCQtkCC,mBAUI,qCACA,CRgkCH,CACF,qBQ7jCK,kCACA,CRgkCL,yBQ5jCK,6BPFoB,CDkkCzB,uBQ3jCK,wCACA,kBACA,WACA,WACA,CR8jCL,aS3lCC,qDACA,CT+lCD,kBS5lCG,wBACA,kBACA,gBACA,0BACA,eRRI,CDwmCP,sBS5lCK,kFACA,WACA,YACA,SACA,yBACA,CT+lCL,mBS1lCG,mBRZS,aQaT,0BACA,eACA,cRRoB,iBQUpB,qBACA,eACA,CT6lCH,6BS1lCK,uBACA,eACA,CT6lCL,qBSzlCK,mBT4lCL,gCSzlCO,gBT4lCP,sBSvlCK,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,CT0lCL,qBStlCK,cRxCoB,oBQyCpB,CTylCL,2BStlCO,0BTylCP,oCSxpCD,aAqEI,aTulCD,CACF,qBSnlCC,sCACA,CTulCD,wBSplCG,sCACA,gBACA,eACA,aR/DoB,CDupCvB,8BSnlCG,eTslCH,yCSnlCK,gBTslCL,qDSllCK,+BACA,CTqlCL,+CSjlCK,uBACA,yBACA,CTolCL,sES9kCC,+BACA,mBRhGW,kCQkGX,CT4lCD,0DSvlCC,qCAEA,CTqlCD,gBS9kCC,6BRzGsB,iBQ2GtB,qBACA,eACA,CTklCD,uBS/kCG,gBTklCH,kBS9kCG,mBTilCH,6BS9kCK,gBTilCL,sBS5kCG,gBT+kCH,wBS5kCK,WR/IE,oBQgJF,CT+kCL,sBSxkCC,yCACA,mBR/IW,mCQiJX,cRzIwB,gBQ2IxB,kBACA,CT6kCD,qDSzkCG,gBT6kCH,qXSzkCO,gBT6lCP,wBSvlCG,uCACA,CT0lCH,wLS9kCO,qBTulCP,kISplCS,0BTulCT,+BShlCG,mBTmlCH,mCShlCK,8BRrLkB,CDywCvB,6DS7kCK,gCACA,CTglCL,2DS5kCK,oCACA,CT+kCL,gES5kCO,gBT+kCP,iBSxkCC,6BR7NM,eQiON,cRhNsB,kBQkNtB,CT4kCD,8BSjlCC,oDAEA,CTwlCD,aSjlCC,qCAGA,kBACA,aACA,CT4kCD,gBSzkCG,WR9OI,eQ+OJ,gBACA,gBACA,kBACA,CT4kCH,eSxkCG,4BRtOoB,CDkzCvB,oCS7lCD,aAsBI,+BACA,CT2kCD,gBSxkCG,eT2kCH,CACF,WStkCC,mBR5PW,kBQ6PX,kCACA,CT0kCD,gBSvkCG,wCACA,CT0kCH,sCStkCK,gCACA,8BACA,mBRxQO,kBQ0QP,aACA,qBACA,cACA,kCACA,CTykCL,yESlkCO,mBTqkCP,yBShkCK,mBRjRoB,cQkRpB,CTmkCL,6BS/jCK,yBACA,CTkkCL,mBS9jCK,6BACA,gBACA,WR/SE,mBQiTF,gBACA,sBACA,CTikCL,uBS9jCO,aRtSgB,CDu2CvB,yBS7jCO,8BACA,eACA,eACA,aR7SgB,CD82CvB,wFSxjCO,URtUA,CDm4CP,8BSxjCK,yBACA,CT2jCL,sDSvjCK,oBR9ToB,CDw3CzB,cSpjCC,qCACA,CTwjCD,+BSrjCG,yBACA,YACA,kBACA,kBACA,kBACA,mBACA,wBACA,CTwjCH,2CSrjCK,UTwjCL,4CSpjCK,UTujCL,4CSnjCK,UTsjCL,gBShjCC,WTojCD,yBSjjCG,kBACA,CTojCH,uBShjCG,gBTmjCH,yBS/iCG,2CACA,cR/WoB,gBQiXpB,YACA,CTkjCH,qCS/iCK,gBTkjCL,yBS7iCG,qCACA,+BACA,CTgjCH,uCS5iCG,gBT+iCH,uBS3iCG,8BACA,eACA,gBACA,URvZI,CDs8CP,6BS3iCK,4BR3YkB,gBQ6YlB,cACA,CT8iCL,yBSziCG,0CACA,CT4iCH,oCSxiCG,kCACE,aT2iCH,CACF,oCSviCD,qIAQI,gCACA,eACA,CT0iCD,CACF,eSniCC,iBTuiCD,oCSxiCD,eAII,qBTwiCD,CACF,qBSriCG,uBTwiCH,qCSziCC,qBAII,uBTyiCH,CACF,oCS9iCC,qBAQI,WT0iCH,CACF,oCSnjCC,qBAYI,YT2iCH,CACF,gCSviCG,kBT0iCH,oCS3iCC,gCAII,6BT2iCH,CACF,+DSviCO,gBT0iCP,yDStiCO,+BACA,CTyiCP,mEStiCS,uBACA,eACA,CTyiCT,wFSriCS,yBACA,CTwiCT,kKSjiCO,gBTsiCP,eS9hCC,aR7esB,CDghDvB,gCSpiCC,mBTuiCD,4BShiCK,gBTmiCL,iBS9hCG,gCACA,qBACA,gBACA,aRzfsB,CD2hDzB,sES5hCK,0BT+hCL,KU/iDC,+CACA,CVmjDD,gBU/iDC,6BACA,aACA,CVmjDD,oBU9iDG,kCACA,CVkjDH,2BU/iDK,SVkjDL,yCU7iDO,mBVgjDP,oDU7iDS,gBVgjDT,+CU3iDO,mCACA,CV8iDP,qDU3iDS,2BACA,MACA,CV8iDT,4BUxiDK,iCACA,CV2iDL,+CUxiDO,mCACA,gBACA,WThDA,cSkDA,UACA,CV2iDP,2EUtiDO,kBV0iDP,kDUtiDO,gBVyiDP,2CUriDO,0BACA,MACA,CVwiDP,oCUpiDO,cTpDkB,yBSqDlB,CVuiDP,+HUliDS,qBVqiDT,kBU9hDG,0BACA,CViiDH,yBU9hDK,oCACA,UACA,aACA,CViiDL,mBU5hDG,aT/EoB,CD8mDvB,qBU5hDK,aThFoB,CD+mDzB,wBU3hDK,oCACA,eACA,CV8hDL,uBUzhDG,6BACA,cACA,CV4hDH,oBUxhDG,gCTnGoB,CD+nDvB,gCUxhDK,iCACA,iBACA,gBACA,eACA,CV2hDL,mBUthDG,mBVyhDH,oBUrhDG,gBVwhDH,0JUphDO,gBVmiDP,qDU5hDK,aV+hDL,2DU5hDO,mCACA,WTnJA,gBSqJA,gBACA,aACA,CV+hDP,uHU1hDO,cV8hDP,qDUzhDK,gCACA,CV4hDL,kDUthDK,mCACA,WTzKE,cS2KF,kBACA,qBACA,eACA,CVyhDL,qCUrhDK,eVwhDL,kCUphDK,WVuhDL,qCUlhDG,eVqhDH,2CUlhDK,mCACA,WT/LE,cSiMF,gBACA,eACA,CVqhDL,2CUjhDK,mBVohDL,wCUhhDK,iCVmhDL,4BU9gDG,kCACA,CVihDH,2BU7gDG,mBVghDH,6CU7gDK,gBVghDL,yBU3gDG,6BAEA,mBACA,CV8gDH,gCU3gDK,eV8gDL,iCU1gDK,qCACA,cACA,cACA,CV6gDL,mCU1gDO,cV6gDP,4GUvgDK,gBV2gDL,oCUliDC,yBA2BI,6BACA,CV2gDH,iCUxgDK,eV2gDL,yJUrgDK,mBV0gDL,CACF,+CUrgDG,sCACA,eACA,WTzQI,cS2QJ,UACA,CVwgDH,0CUlgDO,mCACA,WTnRA,qBSqRA,WACA,kBACA,gBACA,kBACA,aACA,CVqgDP,yDUjgDO,yBACA,QACA,QACA,CVogDP,qJU1/CG,qCACA,WT5SI,cS8SJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,YACA,CVigDH,6LU9/CK,gBVqgDL,mVUjgDK,qBVwgDL,gOUpgDK,oBThUU,CD20Df,mLUvgDK,kBV8gDL,2WUzgDK,qBTxToB,kBSyTpB,CVohDL,4CU9gDK,cVihDL,+TUxgDK,qBVghDL,6CU5gDK,8BACA,cACA,cACA,CV+gDL,6BU1gDG,WV6gDH,sBUzgDG,4BACA,CV4gDH,mCUzgDK,+BACA,CV4gDL,oEUrgDG,yBACA,SACA,kBACA,mBTvWsB,WAlBlB,eS4XJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,iBACA,CV0gDH,qGUvgDK,eV4gDL,sFUxgDK,yBV6gDL,+KUxgDK,yBV+gDL,iHU3gDK,wBTxYkB,CDw5DvB,+FU5gDK,kBT1ZM,CD26DX,iHU9gDO,yBVmhDP,qOU9gDO,yBVqhDP,oBU/gDG,mFACA,eACA,WT5aI,cS8aJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,WACA,CVkhDH,mCU7gDK,kBVghDL,kCU5gDK,4BACA,QACA,sBAEA,eACA,cTxakB,oBS0alB,oBACA,eACA,gBACA,mBACA,eACA,CV+gDL,wCU5gDO,yBACA,kBACA,MACA,QACA,WACA,UACA,6DACA,CV+gDP,2BUzgDG,kBV4gDH,oCUzgDK,wBACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kCACA,2CACA,CV4gDL,6CUzgDO,kBV4gDP,4HUvgDW,UTlfJ,CD6/DP,YUlgDC,iCAEA,cACA,CVsgDD,eUlgDC,iCTlfsB,kBSoftB,kBACA,mBACA,iBACA,CVsgDD,sBUngDG,uEACA,aT1gBY,CDihEf,qBUlgDG,mEACA,aT/gBQ,CDqhEX,iBUjgDG,mBVogDH,2BUhgDG,gCACA,cACA,WACA,YACA,aACA,gCACA,mBTvhBS,WATL,eSmiBJ,QACA,CVmgDH,6CUhgDK,SVmgDL,gHU7/CK,oBVggDL,iCU5/CK,mBV+/CL,sBU1/CG,gBV6/CH,oKUz/CO,gBVwgDP,0DUjkDD,eA+DI,gBVsgDD,CACF,aUlgDC,iCACA,CVsgDD,eUngDG,cTzjBoB,oBS0jBpB,CVsgDH,qBUngDK,0BVsgDL,WUhgDC,mCACA,cACA,CVogDD,cUjgDG,sCACA,CVogDH,aUhgDG,cT3kBsB,yBS4kBtB,qBACA,eACA,CVmgDH,0DU9/CK,cVigDL,6BU1/CC,gCT5lBsB,CD4lEvB,mCU5/CG,kCACA,iBACA,CVggDH,2CU5/CG,cTrmBsB,eSsmBtB,CVggDH,mUU5/CO,gBVghDP,0DUjiDD,6BAuBI,gBV+gDD,CACF,YU3gDC,4BACA,sBACA,CV+gDD,SU3gDC,8BT5oBM,YS8oBN,qBACA,mCACA,oBACA,CV+gDD,aU5gDG,sBACA,CV+gDH,gBU1gDC,iCTzoBwB,US2oBxB,CV8gDD,qBU3gDG,4BACA,CV8gDH,cUxgDG,mBV4gDH,qBUzgDK,gBV4gDL,+JUxgDS,gBVuhDT,2CU7gDG,oDACA,WTxrBI,qCS0rBJ,oCACA,kBACA,aACA,kBACA,CVkhDH,+CU/gDK,WTjsBE,yBSksBF,CVmhDL,mLU9gDO,qBVohDP,yDU/gDK,8BACA,iBACA,CVmhDL,yYU/gDS,gBVmiDT,iEU9hDO,gBVkiDP,mBU3hDC,4BACA,kBACA,CV+hDD,2DU3hDG,cV+hDH,4BU1hDG,sCACA,CV8hDH,qBUzhDC,+BT/tBsB,CD6vEvB,yBU1hDG,kBV6hDH,mBUxhDC,kCACA,CV4hDD,sBUzhDG,0BT5vBI,kBS8vBJ,mBACA,SACA,SACA,CV4hDH,2BUxhDG,cV2hDH,cUthDC,aTvwBY,CDiyEb,ySUhhDG,gCVyhDH,YUphDC,yCACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,kCACA,CVwhDD,qBUrhDG,cVwhDH,6BUphDG,gCACA,aACA,eACA,+BACA,CVuhDH,mBUnhDG,yBACA,oBACA,gBACA,eACA,qBAEA,WACA,gCACA,CVshDH,mBUlhDG,qBT3zBY,eS4zBZ,CVqhDH,0BUlhDK,mBT/zBU,eSg0BV,CVqhDL,mBU/gDC,mBVmhDD,4BUhhDG,4CACA,eACA,YACA,CVmhDH,2BU/gDG,gCACA,OACA,sBACA,cACA,aACA,CVkhDH,+BU/gDK,8BACA,iBACA,kBACA,SACA,CVkhDL,6BU9gDK,sBVihDL,oCU5gDG,mBV+gDH,+BU3gDG,4DACA,kBACA,kBACA,kBACA,iBACA,CV8gDH,qCU3gDK,oCACA,cACA,YACA,SACA,kBACA,MACA,SACA,CV8gDL,wBUzgDG,oCACA,kBACA,CV4gDH,QW54EG,mCACA,cACA,kCACA,CXg5EH,oCWp5EC,QAOI,gBXi5EH,CACF,4EW34EO,mBX84EP,WWx4EG,+BACA,gBACA,yBACA,CX24EH,eWx4EK,yBACA,YACA,SACA,oBACA,yEACA,CX24EL,oCWv5EC,WAgBI,aX24EH,CACF,oCW55EC,WAoBI,aX44EH,CACF,WWx4EG,+BACA,aACA,2BACA,mBACA,mBACA,yBACA,CX24EH,oCWl5EC,WAUI,gBX44EH,CACF,mBWz4EK,cPnDJ,WACA,YACA,yCOqDI,CX84EL,uBW34EO,uBACA,cACA,SACA,kBPnEN,iBH+DsB,wBG9DtB,4BACA,kBOoEM,CXg5EP,yBW34EK,gCACA,CX84EL,gCW34EO,0BV9EA,gBUgFA,gBACA,sBACA,CX84EP,8BW14EO,6BACA,cVvEgB,gBUyEhB,gBACA,sBACA,CX64EP,YWt4EC,iCACA,eACA,CX04ED,4GWl4EG,0BV5GI,gBU8GJ,qBACA,iBACA,oBACA,CX04EH,qBWt4EG,gBVrHI,oBUsHJ,cV7GS,eU+GT,aACA,CXy4EH,iBWr4EG,eXw4EH,sCWn4EG,sCVjHsB,CDy/EzB,mBWn4EG,yBACA,CXs4EH,uBWn4EK,qCACA,CXs4EL,mBWj4EG,2BACA,CXo4EH,uBWj4EK,oCACA,CXo4EL,sBW/3EG,4BACA,CXk4EH,oCW77ED,YA+DI,kBXk4ED,kBW/3EG,aXk4EH,sCW73EG,qBXi4EH,CACF,cW53EC,mBVrKW,mCUsKX,cV/JsB,eUiKtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,eACA,CXg4ED,0BW73EG,0BXg4EH,wBW53EG,qCACA,CX+3EH,cW13EC,qCACA,eACA,kBACA,eACA,iBACA,gBACA,cV5LwB,sCU8LxB,qCACA,CX83ED,wBW33EG,cVlNY,sCUmNZ,iCACA,CX83EH,oBW13EG,oDACA,iCACA,CX63EH,yBWx3EC,kCACA,gBACA,+CAEA,0DACA,gBACA,CX43ED,4BWz3EG,4CACA,CX43EH,wDWv3EG,mCACA,kBACA,gBACA,gBACA,mBACA,sBACA,CX23EH,4BWv3EG,4BACA,cACA,cV1OsB,yBU4OtB,CX03EH,4BWt3EG,2BVjPoB,CD2mFvB,2BWr3EG,cVpPsB,oBUqPtB,CXw3EH,oGWn3EK,0BXs3EL,mCWj3EG,sEACA,CXo3EH,qCWj3EK,cVpRU,eUqRV,CXo3EL,yCWh3EK,aVzRU,CD4oFf,uCW92EG,gBXi3EH,uCW52EC,WXg3ED,yBW32EG,aVzRoB,CDwoFvB,2BW52EK,cV3RoB,oBU4RpB,CX+2EL,oGW12EO,0BX62EP,gCWx2EK,WVvTE,eUwTF,CX22EL,uBWt2EG,gBXy2EH,iBYvqFC,qDACA,gBACA,kBACA,CZ2qFD,oCY/qFD,iBAOI,gCACA,eACA,CZ4qFD,CACF,2BYzqFG,yBACA,eACA,CZ4qFH,+EYxqFK,0BZ4qFL,qCYvqFG,WZ0qFH,wBYtqFG,kBXjBS,CD0rFZ,4GYpqFK,sCZyqFL,6IYlqFO,yCACA,CZuqFP,gJY/pFO,0BZoqFP,iLY7pFS,kBZkqFT,oCY5pFK,4GAGE,0BZ+pFL,CACF,qCY1pFG,mBZ6pFH,oBYxpFC,2BACA,mBXzDwB,WAlBlB,oBW8EN,iBACA,YACA,iBACA,QACA,CZ4pFD,wBYzpFG,uBACA,sBACA,gBACA,CZ4pFH,yCYzpFK,SX3FE,CDuvFP,wCYxpFK,YX7EoB,CDwuFzB,+EYppFG,mBZupFH,2IYppFK,aZupFL,kGYhpFK,YXhGkB,CDmvFvB,oNY7oFK,kBXtGkB,CDsvFvB,4UY7oFO,YXzGgB,CDyvFvB,2IYvoFK,kBXhIM,CD0wFX,uMYvoFO,YXnII,CD6wFX,oCYpoFG,wBACE,aZuoFH,CACF,wDYhoFG,aZqoFH,sCYjoFG,2CACA,CZqoFH,sDYloFK,kBACA,CZsoFL,wDYloFK,gBZsoFL,wDYhoFK,gCACA,kBACA,CZsoFL,kFYloFK,iCACA,WACA,WACA,UACA,CZsoFL,oMYhoFK,gBZuoFL,kEY7nFK,8BACA,CZkoFL,oFY9nFK,cXxKkB,YWyKlB,eACA,WACA,eACA,eACA,CZkoFL,8GY9nFK,6BACA,uBAEA,cACA,CZkoFL,wJY/nFO,eZmoFP,sEY9nFK,8BACA,WACA,cACA,CZkoFL,8FY1nFK,WbxON,UACE,4EACA,CAGF,QACE,qCACA,kBACA,sBACA,WAEA,oCACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,UACA,CAEA,2CAGE,oDACA,CAGF,qBACE,gBAEA,kFAGE,yBACA,gBAIJ,iBACE,yBACA,eAGF,wGAIE,gCACA,YACA,oBACA,gBACA,CAGF,2BACE,cACA,kBEhDoB,CFkDpB,oGAGE,yBAIJ,6BACE,kBE5CoB,CF8CpB,0GAGE,yBAIJ,yBACE,gCACA,YACA,cAEA,2CACA,iBACA,kBACA,wBACA,CAEA,8FAGE,kCACA,CAGF,kCACE,WAIJ,sBACE,wBACA,CAIJ,aACE,+BACA,cAEA,mCACA,eACA,4BACA,CAEA,0DAGE,2CACA,CAGF,sBACE,4BACA,CAGF,oBACE,aEpHsB,CFuHxB,+BACE,SAGF,sEAGE,oBAGF,sBACE,aEtHoB,CFwHpB,qFAGE,cAGF,+BACE,cAGF,6BACE,aE/IoB,CFiJpB,sCACE,cAKN,uBACE,iDACA,yBACA,kBACA,WACA,CAEA,6BACE,0BAKN,kBACE,cACA,mCACA,eACA,gBACA,eACA,cACA,iBACA,UACA,4BACA,CAEA,yEAGE,2CACA,CAGF,2BACE,4BACA,CAGF,yBACE,aE7LsB,CFgMxB,oCACE,SAGF,qFAGE,oBAIJ,eACE,iDACA,uBAGF,WACE,0BACA,qBACA,QACA,SACA,iBACA,CAEA,8BAEE,sCACA,oBACA,kBACA,kBACA,CAKF,gBACE,YAIJ,sCACE,wBACA,CAOF,sEACE,aEhQU,CFmQZ,sBACE,aErQY,CFwQd,4BACE,8BACA,oBACA,CAEA,kCACE,WACA,0BAIJ,cACE,6BACA,gBACA,uBACA,kBACA,CAEA,qBAGE,8BACA,CAOF,wCAVE,0BACA,iBAGA,uBACA,gBACA,kBACA,CAGF,mBAGE,eAQA,2BACE,0BAIJ,qBACE,sBACA,eACA,iBACA,uBACA,mBACA,eACA,CASA,sDACE,2BACA,kBACA,mBACA,CAKN,oBACE,gBAGF,uBACE,eAGF,cACE,6BACA,YACA,aACA,mBACA,uBACA,qBACA,CAEA,4CACE,eACA,eACA,sEACA,oDAGF,2BACE,kBAGF,oEACE,aAIJ,gBACE,6BACA,YACA,aACA,mBACA,sBACA,CAEA,oBACE,eACA,eACA,uBACA,sBACA,oDAIJ,UACE,qBAGF,mBACE,8BACA,CAGF,0BACE,mDACA,QACA,CAGF,eACE,mBACA,gCACA,sCACA,CAEA,kBACE,gBAIJ,sBACE,0BACA,SACA,0BACA,CAEA,2BACE,2BACA,2BACA,yBErZsB,CFyZxB,0BACE,6BACA,uBACA,wBE5ZsB,CFgaxB,6BACE,0BACA,uBACA,2BEnasB,CFuaxB,4BACE,0BACA,2BACA,0BE1asB,CFgbxB,uBACE,gCACA,cACA,iBACA,sBACA,qBACA,mBAEA,cACA,uCACA,kBACA,CAEA,wFAGE,mBACA,cACA,UAKN,qCACE,+BACA,gBACA,QACA,gBACA,YACA,CAEA,wCACE,mCAEA,gCACA,mCACA,gBACA,iBACA,CAGF,qDACE,QAIA,uDACE,WAIJ,6CACE,gCACA,cACA,iBACA,sBACA,qBACA,mBAEA,cACA,uCACA,kBACA,CAEA,mDACE,UAGF,mDACE,mBACA,aEtfoB,CF2f1B,gBACE,sBAGF,gBAEE,oCEpfsB,CFuftB,mBACE,+BACA,mBACA,iBACA,CAGF,kBACE,iCACA,CAIJ,UACE,gCACA,cACA,eACA,CAGF,gBACE,4BACA,kBACA,WAEA,uCACA,eACA,gBACA,gCACA,yBACA,CAEA,oBACE,8BACA,CAGF,uBACE,6CEziBsB,CDwzGzB,oCI5yGC,6GLqiBI,4CACA,CC2wFH,CACF,gHD7wFK,4CACA,CAIJ,gCACE,4BACA,CC8wFH,oCDzwFC,wBACE,aC6wFD,CD9wFD,yBACE,aAIJ,YACE,oCACA,cACA,iCACA,qBACA,CAEA,kCACE,gBAGF,yBAXF,YAYI,eCixFD,CD9wFD,kBACE,kCACA,CAGF,oBACE,gCACA,gBACA,CAKF,yBADF,uBAEI,aC+wFD,CD3wFH,cACE,uCACA,eACA,6BACA,SACA,UACA,yBACA,sGACA,uCACA,CAGF,gCACE,4BACA,WACA,YACA,gBACA,UACA,kBACA,SACA,CAGF,wBACE,8BACA,uBACA,CAGF,oBACE,uBACA,UACA,mBACA,yBAEA,wBAGF,qEACE,yBAGF,2CACE,wBE9oBwB,CFipB1B,8EACE,yBAGF,0BACE,6BACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,4BACA,CAQF,uEAJE,sCACA,CAGF,sBACE,6BACA,YACA,MACA,SACA,gBACA,mBACA,cACA,UACA,CAKF,6CACE,UAGF,oBACE,mEACA,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,wBACA,CAGF,2CACE,8BEzsBwB,CF6sB1B,2CAEE,kBExtBW,CF2tBb,0BACE,iCACA,CAGF,iBACE,mBACA,cAEA,mBACE,aE7tBsB,CFguBxB,mBACE,aEptBoB,CFutBtB,wBACE,sEAGF,iDAGE,oCACA,CAEA,uDACE,mBAGF,6DACE,eAGF,qDACE,cACA,eAEA,yDACE,cACA,0BAIJ,qDACE,kCElwBkB,CFqwBlB,qMAGE,0BAMR,oBACE,uCACA,eACA,iBACA,gBACA,mBAEA,gCACA,CAGF,oBACE,+BACA,CAEA,0BACE,8BACA,CAGF,uBACE,mBAGF,wBACE,qCACA,yBACA,wBACA,CAIJ,cACE,cACA,mCAEA,sDACA,cACA,oBACA,mBACA,cACA,UACA,CAEA,yCAEE,WACA,2BE3zBsB,CDyjHzB,oCIrjHC,yDL2zBE,eC8vFD,CD3vFD,oBACE,cACA,gCAEA,qDAEE,cACA,2BEz0BoB,CF80B1B,kDACE,oCACA,6CACA,uBACA,sBACA,UACA,CAEA,yDACE,uBAIJ,yDACE,kDACA,CAGF,+CACE,cACA,6BAGF,sDACE,aEt2BwB,CFy2B1B,wDACE,cAGF,WACE,4BAEA,sCACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,oBACA,CAEA,iBACE,mBAIJ,UACE,gCAGF,mBACE,iBAGF,oEACE,6BAGF,+BACE,kCACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,YAEA,CAEA,uCACE,WACA,gCACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,+BACA,CAGF,sCACE,2CACA,WACA,YACA,eACA,cAEA,sCACA,uBACA,kBACA,CAGF,qCACE,oBAEA,4CACE,+BAKN,UACE,+BACA,oBACA,kBACA,cACA,SACA,uBACA,cACA,CAGF,mBACE,cACA,+BACA,yBACA,iBACA,kBACA,QACA,SACA,uCACA,+BAEA,wBACE,yBACA,mCAEA,+CACA,kBACA,CAIJ,2BACE,0BACA,SACA,uCACA,0CACA,YACA,sBACA,6BACA,yBAEA,iBACA,CAGF,0CACE,gJAGF,6CACE,kJAGF,iCACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CC+uFD,CDvwFH,yBACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CC+uFD,CD3uFH,gCACE,GAAK,YACL,IAAM,UACN,GAAO,YCmvFN,CDtvFH,wBACE,GAAK,YACL,IAAM,UACN,GAAO,YCmvFN,CDhvFH,gBACE,sBACA,kBACA,0CACA,QACA,WACA,CAEA,wCACE,cAIJ,gBACE,8BACA,CAGF,kEAGE,cACA,wCACA,gBACA,qBACA,CAGF,eACE,8BACA,CAGF,sBACE,gBAGF,6BACE,cACA,6BACA,gBACA,eACA,CAGF,sBACE,sBAGF,qBACE,YAGF,6BACE,GACE,qFACA,0EACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCC8uFD,CDtwFH,qBACE,GACE,qFACA,0EACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCC8uFD,CD1uFH,eACE,8GAGF,aACE,6CACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,YACA,CAEA,eACE,oBAIJ,mBACE,yBACA,aACA,sBACA,kBACA,WACA,CAGF,yBACE,wBACA,QACA,SACA,OACA,WACA,kBACA,mBAEA,kCAGF,sBACE,oBACA,mBACA,uBACA,cAEA,+BACA,0BACA,iBACA,CAGF,oCACE,8BACA,YAGF,aACE,yBACA,6BACA,MACA,MACA,CAGF,oBACE,kBAGF,YACE,gCACA,aACA,WACA,yBAEA,gCACA,UACA,UACA,CAGF,0BACE,gBAGF,SACE,kBAEA,aACE,uBACA,sCACA,8BAGF,aACE,gCACA,cAEA,gBAEA,eACE,cACA,0BAEA,qBACE,qBAMR,2BACE,GAAK,UACL,IAAM,YACN,GAAO,UC6uFN,CDhvFH,mBACE,GAAK,UACL,IAAM,YACN,GAAO,UC6uFN,CACF,gCa/9HC,w+Kbk+HD,sCa/9HG,w+Kbk+HH,8Map9HG,qkBb49HH,Sc7+HC,6CACA,cACA,oBACA,Cdi/HD,gCc9+HG,4BACA,cbUoB,gBaRpB,qBACA,cACA,Cdi/HH,ec7+HG,qBACA,Cdg/HH,wCc9+HkC,iBdi/HlC,6Bc9+HK,4BACA,Cdi/HL,kBc3+HC,ad++HD,yBc3+HC,4BACA,iBACA,Cd++HD,iBIjhIC,iBH+DsB,wBG9DtB,4BACA,kBUqCA,cACA,Cdi/HD,wBc9+HG,2CACA,gBACA,Cdi/HH,yBc5+HC,kBV5CA,WACA,YACA,0BJ6hID,8BI/hIC,WACA,YACA,0BJqiID,+DI7iIC,iBH+DsB,wBG9DtB,2BACA,CJujID,iCInjIC,WACA,YACA,4CUsDE,SACA,QACA,SACA,Cdw/HH,uBcn/HC,yBACA,kBACA,Cdu/HD,0Bcn/HC,gCACA,Cdu/HD,qBcn/HC,0BblDsB,CD0iIvB,4Bcp/HG,gBdu/HH,kMcn/HO,gBdkgIP,uBc5/HG,8BACA,yBACA,Cd+/HH,wFc1/HK,qBd6/HL,qBcv/HC,6DACA,iBACA,gBACA,cACA,YACA,Cd2/HD,2Bcv/HC,2BACA,iBACA,iBACA,Cd2/HD,0Bcv/HC,qCACA,cACA,8BACA,eACA,mCACA,Cd2/HD,sCcx/HG,cd2/HH,iCcv/HG,gCd0/HH,+Bct/HG,uCACA,eACA,ab7HoB,CDunIvB,iCcr/HG,6BACA,gBACA,UbpJI,CD6oIP,2Ncp/HO,gBdmgIP,+Bc7/HG,ab7IsB,CD6oIzB,mBc3/HC,kBd+/HD,kDc5/HG,iCACA,eACA,Cd+/HH,2Bc1/HC,4BACA,Cd8/HD,uBc1/HC,sCACA,eACA,cbrKsB,eauKtB,iBACA,Cd8/HD,2Bc3/HG,abzKsB,CDuqIzB,4Bc1/HG,8BACA,sBACA,Cd6/HH,gBcx/HC,gDACA,gCACA,aACA,mBACA,cACA,Cd4/HD,iDcv/HC,+BACA,Cd4/HD,wBcx/HC,+BACA,Cd4/HD,0Bcx/HC,cb1MsB,ea2MtB,cACA,gBACA,kBACA,Cd4/HD,iDcv/HG,mBd2/HH,mDI1qIC,gCACA,WACA,YACA,gBACA,oBACA,mBHhDW,cAOW,eG4CtB,QACA,CJ6qID,qEI1qIG,SJ6qIH,wLIvqIG,oBJ0qIH,yDItqIG,mBJyqIH,oCc5gIG,mDVzJA,eJyqID,CACF,uDc5gIK,cb9MkB,iBa+MlB,cACA,Cd+gIL,2Dc3gIK,iBd8gIL,uDc1gIK,mBd6gIL,+Dc1gIO,ed6gIP,gNcxgIS,gCACA,Cd2gIT,+GcpgIK,abtPkB,CD6vIvB,yHclgIK,+BACA,ab9OkB,CDovIvB,iZchgIO,cdmgIP,+Dc9/HK,yBdigIL,gDIrsIC,gBHnFM,kBGoFN,gBAGA,cHvEsB,uCGyEtB,UUmMI,kBb3QoB,CDkxIzB,mDIvsIG,uCH5EoB,eG8EpB,gBACA,kBACA,CJ0sIH,mDItsIG,cJysIH,mDIrsIG,mBJwsIH,mDIpsIG,6BHnGS,CD2yIZ,qDcnhIK,YdshIL,kDclhIK,cb5RO,kBa6RP,cACA,CdqhIL,6HcjhIO,mBdohIP,gCc5gIG,mBdghIH,kBc3gIC,WbxTM,kBayTN,cACA,mBACA,sBb5TM,yBa8TN,eACA,gBACA,YACA,kBACA,UACA,Cd+gID,wBc5gIG,Ud+gIH,4Bc1gIC,oCACA,eACA,WACA,Cd8gID,uBc1gIC,sBACA,gBACA,iBACA,Cd8gID,8Bc3gIG,yBACA,gBACA,Cd8gIH,yBc1gIG,qCACA,wBACA,WACA,MACA,OACA,sBbnWI,sBaqWJ,wBACA,kBACA,cbtVoB,qBawVpB,iBACA,Cd6gIH,8FcxgIK,uBb7VoB,CDy2IzB,mHcxgIO,yBACA,WACA,YACA,0BACA,iBACA,Cd2gIP,8BcrgIG,0BACA,SACA,uCACA,6CACA,CdwgIH,qDclgIC,mDACA,eACA,aACA,aACA,CdugID,mEcpgIG,4BACA,QACA,CdwgIH,4HcngIG,4BACA,cbtYoB,eawYpB,eACA,gBACA,kBACA,qBACA,iBACA,CdygIH,wJctgIK,ab/YoB,CD25IzB,oWcxgIO,yBACA,kBACA,SACA,SACA,QACA,SACA,mCACA,wEAGA,4CdihIP,gLc7gIO,wDACA,CdmhIP,qBc3gIC,0CACA,6BACA,+BACA,CdghID,8Bc7gIG,mCACA,cbpaoB,gBawapB,cACA,CdghIH,mCc7gIK,8BACA,sBACA,CdghIL,mCc3gIG,4BACA,Cd8gIH,sDc1gIG,kBd6gIH,oDczgIG,gBd4gIH,0BcvgIC,cb/csB,eagdtB,gBACA,gBACA,kBACA,oBACA,Cd2gID,4BcxgIG,mBd2gIH,uCcxgIK,gBd2gIL,4BctgIG,uCACA,CdygIH,kCctgIK,qBdygIL,iBcngIC,gBdugID,0BcpgIG,WdugIH,6FcngIK,sDdugIL,uBclgIG,2BACA,SACA,CdqgIH,wBcjgIG,6BACA,kBACA,kBACA,CdogIH,4BcjgIK,kFACA,WACA,YACA,QACA,CdogIL,sBc//HG,qCACA,YACA,+BACA,CdkgIH,8Bc//HK,4BACA,WACA,gBACA,CdkgIL,+Cc//HO,2CACA,CdkgIP,uBc5/HG,oCACA,gBACA,gBACA,Cd+/HH,gCc5/HK,gCACA,iBACA,eACA,Cd+/HL,6Cc5/HO,2CACA,uBACA,WACA,Cd+/HP,wCc3/HO,ad8/HP,6Bcz/HK,Yd4/HL,2Ccz/HO,mBd4/HP,uCcx/HO,sBACA,Cd2/HP,gCcv/HO,gCACA,WbllBA,gBaolBA,gBACA,mBACA,sBACA,Cd0/HP,sCcv/HS,6BACA,cb3kBc,gBa6kBd,gBACA,sBACA,Cd0/HT,+Bcp/HK,cdu/HL,sBcl/HG,6BACA,Cdq/HH,gDcj/HK,gCb/mBE,CDqmJP,+Ccj/HK,qCACA,Cdo/HL,iDcj/HO,cdo/HP,wEch/HO,wBdm/HP,2Dc/+HO,ab/nBQ,CDinJf,wBc5+HG,ed++HH,+Bc5+HK,4BbznBkB,CDymJvB,iCc5+HO,mCb7nBgB,qBa+nBhB,uBAEA,eACA,Cd++HP,wCc5+HS,0BbrpBF,CDqoJP,QetoJC,4CACA,Cf0oJD,6BevoJG,4BACA,WdJI,qBcMJ,eACA,eACA,Cf0oJH,iBeroJC,afyoJD,gBeroJC,yBACA,kBACA,CfyoJD,8BgB7pJC,ehBiqJD,iBgB7pJC,gCACA,eACA,iBACA,qBACA,gBACA,iBACA,eACA,ChBiqJD,uBgB9pJG,UhBiqJH,2BgB7pJG,uBACA,eACA,ChBgqJH,qBgB5pJG,gCACA,sBACA,oDhB+pJH,oEgB3pJG,uCACA,ChB8pJH,qGgB3pJK,gBhB8pJL,uNgBxpJK,kCACA,ChB2pJL,sFgBvpJK,8BACA,ChB0pJL,2CgBtpJK,ehBypJL,iIgBrpJK,gBhBwpJL,mDgBppJK,gDACA,cf1CkB,kBe4ClB,ChBupJL,gEgBppJO,gBhBupJP,yFgBlpJK,gBhBqpJL,qFgBjpJK,kBhBopJL,4CgBhpJK,gCACA,ChBmpJL,sFgB/oJK,gBhBkpJL,0FgB/oJO,ShBkpJP,2CgB7oJK,qBhBgpJL,2CgB5oJK,wBhB+oJL,mBgB1oJG,cftFY,oBeuFZ,ChB6oJH,yBgB1oJK,0BhB6oJL,6BgB1oJO,chB6oJP,iCgBvoJO,qBhB0oJP,sCgBvoJS,0BhB0oJT,uBgBpoJK,af1FkB,CDiuJvB,2CgBloJG,ahBqoJH,6EgBloJK,chBqoJL,gDgBhoJG,mBhBmoJH,sDgBhoJK,uCACA,ChBmoJL,+BgB7nJC,uCACA,mBACA,YACA,cfzIW,gBe2IX,eACA,cACA,yBACA,oBACA,eACA,qBACA,ChBioJD,qCgB9nJG,uCACA,ChBioJH,8DgB7nJG,sCACA,sBACA,kBACA,eACA,mBACA,ChBgoJH,6DgB1nJG,qBhB8nJH,2BgBznJC,cfpJsB,SeqJtB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,+BACA,ChB6nJD,8BgBznJC,iCACA,WACA,gBACA,ChB6nJD,qBgBznJC,iDAGA,ChB2nJD,8BgBxnJG,gBhB2nJH,iBgBrnJG,4BACA,ChBynJH,uCgBtnJK,mBhBynJL,6CgBtnJO,uBhBynJP,gFgBnnJK,mBhBunJL,QgBjnJC,oCACA,YACA,gCACA,eACA,UAaA,mCACA,2BhBymJD,wDgB5nJD,QAUI,mBhBsnJD,CACF,wBgBnnJG,GAAK,UhBunJN,GgBtnJQ,UhBynJR,CACF,gBgB3nJG,GAAK,UhBunJN,GgBtnJQ,UhBynJR,CACF,sBgBnnJG,ehBsnJH,sBgBlnJG,mBhBqnJH,qCgBhnJK,aftOkB,CDy1JvB,uEgB1mJO,afpQK,CDo3JZ,iCgB5mJO,afnPgB,CDk2JvB,+BgB1mJK,af7QO,CD03JZ,iCgB1mJO,afvQkB,CDo3JzB,+DgBzmJO,Wf7RA,kBAgBgB,CD03JvB,qEgBzmJS,mBhB4mJT,kBgBrmJG,8CACA,yBACA,4DhBwmJH,wCgBrmJK,gCACA,OACA,QACA,MACA,SACA,6FACA,oBACA,UACA,ChBwmJL,0DgBpmJK,qBhBumJL,mCgBnmJK,4BACA,uBACA,aACA,ChBsmJL,yCgBnmJO,6BACA,MACA,SAAQ,OACR,QAAS,qDACT,mBACA,ChBwmJP,2CgBpmJO,qBhBumJP,+CgBnmJK,qDhBsmJL,uDgBnmJK,qDhBsmJL,yCgBlmJK,gBhBqmJL,4DgBjmJK,mBhBomJL,+BgB/lJG,oBhBkmJH,8CgB5lJG,uBhBgmJH,oEgB7lJK,chBgmJL,uBgB1lJC,sCACA,kBACA,YACA,cfpVsB,eesVtB,iBACA,mBACA,gBACA,sBACA,ChB8lJD,sBgB1lJC,gCf9VsB,eegWtB,ChB8lJD,6CgB1lJC,4BACA,ChB8lJD,cgB1lJC,2BACA,ChB8lJD,mBgB3lJG,sCACA,ChB8lJH,0CgB1lJG,qBhB6lJH,qBgBxlJC,8BACA,mBACA,WACA,af1XsB,CDu9JvB,yCgBzlJG,kCACA,ChB4lJH,8CgBxlJG,iBhB2lJH,uBgBtlJC,+BACA,ChB0lJD,kBgBtlJC,4CACA,ChB0lJD,4CgBvlJG,8BACA,ChB0lJH,2DgBvlJK,gBhB0lJL,6DgBtlJK,4BACA,ChBylJL,0DgBrlJK,8BACA,ChBwlJL,2EgBplJK,ehBulJL,yBgBjlJC,gCACA,cACA,uBACA,YACA,ChBqlJD,iBgBjlJC,sCfjbsB,wBembtB,eACA,iBACA,ChBqlJD,8CgBllJG,afxboB,CD6gKvB,sBgBjlJG,8BACA,sBACA,ChBolJH,oBgB/kJC,gCACA,cACA,ChBmlJD,6BgBhlJG,sCACA,kBACA,ChBmlJH,wDgBhlJK,iBhBmlJL,oCgB/kJK,gCACA,eACA,gBACA,afpdkB,CDuiKvB,2BgB5kJC,kBhBglJD,6BgB5kJC,4BACA,ChBglJD,sCgB5kJC,2BACA,mBACA,uBACA,iBACA,ChBglJD,iBgB5kJC,oCACA,ChBglJD,uBgB7kJG,4BACA,8BACA,sBACA,ChBglJH,sFgB5kJK,UhBglJL,kCgB3kJG,+BACA,ChB8kJH,4CgB3kJK,uBACA,eACA,ChB8kJL,+BgBzkJG,ehB4kJH,uBgBvkJC,8Bf5gBsB,ee8gBtB,gBACA,ChB2kJD,6BgBvkJC,gDACA,gCACA,aACA,mBACA,cACA,ChB2kJD,uBgBvkJC,kCACA,ChB2kJD,sDgBtkJC,qCACA,eACA,eACA,ChB2kJD,4JgBlkJC,qBhB2kJD,2DgBrkJG,UfllBI,CD4pKP,iBgBpkJG,WhBwkJH,+JgB/jJG,0BhBskJH,8BgBjkJC,8BACA,sBACA,ChBqkJD,yDgBhkJC,chBqkJD,+BgBjkJC,cfhmBwB,ceimBxB,iBACA,mBACA,eACA,ChBqkJD,0EgBjkJG,qCACA,eACA,ChBqkJH,sCgBjkJG,yBf/nBI,CDosKP,iCgB/jJC,4BACA,ChBmkJD,gBgB/jJC,4BACA,YACA,UACA,ChBmkJD,6IgBvjJG,af3nBoB,CD4rKvB,uBgB7jJG,WhBgkJH,uCgB5jJG,mBfnoBoB,aArBX,CDwtKZ,6CgB5jJK,uCACA,ChB+jJL,8DgBvjJG,0BhB4jJH,agBvjJC,4BACA,yBACA,kBACA,cfxpBsB,gBe0pBtB,qBACA,eACA,ChB2jJD,sBgBxjJG,gBACA,kBACA,QACA,KACA,ChB8jJH,gDgB7jJG,oCACA,kBACA,ChBokJH,0BgBjkJK,4CACA,iBACA,aACA,ChB8jJL,qDgBtjJK,0BfltBE,uBeotBF,SACA,cACA,qBACA,WACA,eACA,gBACA,ChB0jJL,qMgBrjJO,UhB2jJP,wBgBtjJK,iCACA,WACA,ChByjJL,8DgBrjJK,chBwjJL,cgBljJC,ehBsjJD,oBgBnjJG,mBhBsjJH,mBgBjjJC,6BACA,qBACA,WACE,YACA,QACA,ChBqjJH,0BgBhjJG,sBACA,ChBojJH,oBgB/iJC,8BACA,kBACA,cf1vBsB,gBe4vBtB,uBACA,mBACA,oBACA,ChBmjJD,sBgB/iJC,8BACA,0BACA,ChBmjJD,0BgB/iJC,afzwBsB,CD4zKvB,mBgB/iJC,6BACA,eACA,gBACA,uBACA,kBACA,ChBmjJD,oBgB/iJC,kCACA,iBACA,ChBmjJD,wBgBhjJG,iCACA,iCACA,iCACA,SACA,uCACA,+BhBmjJH,wBgB9iJC,chBkjJD,4CgB/iJG,WhBkjJH,kDgB9iJG,0BhBijJH,4CgB7iJG,oBhBgjJH,qBgB3iJC,qBhB+iJD,iCgB5iJG,ShB+iJH,2CgB1iJG,qBhB8iJH,yCgB1iJG,mBhB6iJH,yCgBziJG,chB4iJH,4BgBviJC,yBhB2iJD,0BgBviJC,wCACA,SACA,WACA,YACA,oBACA,sEACA,uBACA,ChB2iJD,sBgBviJC,gCACA,gBf32BM,sBe62BN,eACA,eACA,gBACA,iBACA,ChB4iJD,iCIl3KG,qCACA,cACA,eACA,aACA,eACA,CJq3KH,4BgB9iJC,kCACA,sEACA,QACA,mCACA,sCACA,SACA,ChBkjJD,4CgB/iJG,gCACA,gDhBkjJH,wDgB5iJC,Wft4BM,Weu4BN,kBACA,UACA,yCACA,ChBijJD,8BgB7iJC,wBf94BM,Seg5BN,kBACA,0CACA,QACA,WACA,ChBijJD,oEgB9iJG,chBijJH,6BgB5iJC,sBACA,ChBgjJD,2BgB5iJC,iBACA,ChBgjJD,iBgB5iJC,4BACA,yBACA,kBACA,gBACA,eACA,ChBgjJD,uBgB7iJG,4Bfh5BoB,iBek5BpB,eACA,+BACA,aACA,sBACA,mBACA,uBACA,cACA,ChBgjJH,2BgB7iJK,chBgjJL,uBgB3iJG,sCAEA,aACA,sBACA,sBACA,ChB8iJH,0BgB3iJK,2BACA,ChB8iJL,yBgB1iJK,mCf96BkB,eeg7BlB,ChB6iJL,+BgB1iJO,0BhB6iJP,yBgBviJG,uBACA,ChB0iJH,gDgBviJK,uBACA,ChB0iJL,6BgBtiJK,afl8BkB,CD2+KvB,4BiB1gLC,mBjB8gLD,YiB1gLC,gDACA,oBACA,YACA,CjB8gLD,qBiB1gLC,qBACA,OACA,QACA,SACA,yBACA,CjB8gLD,uBiB1gLC,qBACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,4DjB8gLD,mBiB1gLC,iCACA,YACA,CjB8gLD,4CiBxgLC,mBhB1BwB,cARb,kBgBoCX,gBACA,aACA,qBACA,CjB8gLD,yBiB1gLC,uBACA,gBACA,gBACA,CjB8gLD,6DiB3gLG,uBACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,4DjB8gLH,mBiBzgLC,uBACA,gBACA,iBACA,iBACA,CjB6gLD,uBiB1gLG,wBACA,OACA,WACA,YACA,sBACA,aACA,aACA,aAIA,UACA,yBACA,4DjB6gLH,0CiBlhLG,yCACA,sBACA,CjBwhLH,mBiBhhLC,8BAIA,CjB4gLD,oCiBxgLC,kBACE,uBACA,eACA,CjB4gLD,yBiBxgLC,uBACA,eACA,gBACA,aACA,CjB4gLD,CACF,kDiBvgLC,iCACA,aACA,YACA,CjB2gLD,0DiBxgLG,ejB4gLH,sLiBvgLG,chBtGoB,SgBuGpB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,4BACA,CjB6gLH,8mBiBxgLK,sCACA,CjBohLL,oiBiB/gLK,ahB/IO,CDuqLZ,owDiBnhLO,cjBwiLP,qBiBjiLC,uBjBqiLD,wBiBjiLC,2BACA,mBACA,sBACA,CjBqiLD,uBiBjiLC,uBACA,mBACA,mBACA,aACA,cACA,CjBqiLD,6BiBliLG,mBjBqiLH,8BiBjiLG,iCACA,CjBoiLH,iCiB/hLC,uCAEA,CjBmiLD,yEiBhiLG,oBjBmiLH,wBiB9hLC,+BACA,CjBkiLD,2BiB/hLG,+BACA,chBvMS,kBgByMT,CjBkiLH,0BiB9hLG,ahBpMsB,CDquLzB,iGiB5hLK,cjB+hLL,0CiB1hLG,cjB6hLH,0BiBzhLG,6BhBtMoB,gBgBwMpB,kBACA,CjB4hLH,qCiBzhLK,gBjB4hLL,iCiBxhLK,mChBrOO,cAQa,kBgBgOpB,eACA,eACA,CjB2hLL,2NiBvhLS,gBjBsiLT,mCiB9hLC,qBACA,CjBkiLD,kCiB3hLG,sCACA,CjBiiLH,qCiB9hLK,gCACA,iBACA,CjBiiLL,oCiB7hLK,gBjBgiLL,mCiB3hLG,sCACA,iBACA,CjB8hLH,ciBzhLC,iCACA,kBACA,CjB6hLD,qBiB1hLG,8BhBzRS,kBgB2RT,yBACA,cACA,CjB6hLH,oBiBzhLG,mBhBjSS,cAQa,gBgB2RtB,aACA,iBACA,CjB4hLH,4HiBnhLG,gBjB0hLH,oJiBthLG,iChB1SsB,mBgB4StB,kBACA,aACA,kBACA,eACA,qCACA,CjB4hLH,wPiBzhLK,oCACA,CjB+hLL,oNiB3hLK,mCACA,CjBiiLL,2CiB1hLG,+BACA,CjB8hLH,+CiB3hLK,wBACA,CjB8hLL,2DiB3hLO,cjB8hLP,0DiB1hLO,ejB6hLP,iDiBzhLO,kBjB4hLP,sDiBvhLK,gBjB0hLL,qDiBrhLG,UhB5WI,CDo4LP,2DiBnhLC,0BACE,+BACA,CjBuhLD,oJiBhhLC,iCACA,CjBuhLD,2CiBnhLC,mBjBuhLD,qDiBnhLC,0BACA,CjBuhLD,CACF,iBiBnhLC,oCACA,gBACA,gBACA,CjBshLD,yGiB7gLC,iChB5YW,kBgB8YX,gBACA,eACA,YACA,kBACA,qBACA,CjBshLD,0QiBnhLG,chBjYoB,YgBkYpB,eACA,WACA,eACA,eACA,CjB2hLH,mQiBvhLG,ajB+hLH,yNiB3hLG,sBACA,CjBmiLH,kUiB/hLG,cjBuiLH,uBiBjiLG,gBhBvbI,iBgBybJ,mBACA,CjBqiLH,gEiBviLG,2BhBvasB,CDi9LzB,oDiB9hLC,8BACA,CjBmiLD,oEiBhiLG,oGACA,CjBoiLH,wIiB5hLC,2CACA,mBhBjcwB,agBmcxB,gBACA,CjBmiLD,4JiBhiLG,+BACA,chB3boB,kBgB6bpB,CjBsiLH,gLiBliLG,cjBwiLH,4DiBliLC,ejBuiLD,wDiBliLC,0BACA,CjBuiLD,YiBniLC,iBjBuiLD,0BiBniLC,sBjBuiLD,ciBniLC,0BACA,CjBuiLD,yBiBniLC,yCACA,CjBuiLD,oCiBziLD,yBAKI,8BACA,CjBwiLD,CACF,+CiBniLC,+BACA,CjBwiLD,oCiB3iLD,+CAMI,WjB0iLD,CACF,wBiBtiLC,8BACA,gBACA,gBACA,iBACA,CjB0iLD,2CiBviLG,ahBrgBsB,CD+iMzB,oCiBljLD,wBAYI,gBjB0iLD,CACF,uBiBtiLC,4CACA,eACA,CjB0iLD,yBiBviLG,gCACA,kBACA,CjB0iLH,qCiBtiLG,oCACA,WACA,chBpiBS,gBATL,agBijBJ,oBACA,eACA,gBACA,UAEA,kBACA,yBACA,eACA,CjByiLH,2CiBtiLK,yBjByiLL,uCiBpiLG,kCACA,CjBuiLH,8CiBpiLK,chB5jBO,cgB6jBP,CjBuiLL,oCiB9kLD,uBA4CI,4BACA,OACA,CjBsiLD,uCiBniLG,kBjBsiLH,CACF,sBiBjiLC,ajBqiLD,0CiBliLG,mBACA,CjBqiLH,eiBthLC,8BACA,CjB0hLD,uBiBpiLG,gCACA,CjBuiLH,sBiBniLG,6BACA,CjBsiLH,0CiB/hLG,gBjBkiLH,kBiB9hLG,8BACA,eACA,CjBiiLH,8BiB9hLK,6BjBiiLL,2BiB7hLK,SjBgiLL,mCiB3hLO,chBtnBK,agBunBL,kBACA,eACA,mBACA,oBACA,CjB8hLP,6EiB1hLS,gBjB8hLT,wWiBrhLW,mBhB/nBc,UAlBlB,CD8qMP,gJiBrhLS,kBjByhLT,gXiB7gLG,2ChBvoBoB,egByoBpB,eACA,CjBshLH,ksCiBjhLK,cjBmiLL,oIiB9hLG,cjBkiLH,sCiB7hLC,qCACA,oBACA,cAEA,CjBgiLD,wFiB7hLG,sBjBgiLH,4EiBzhLC,4BACA,iBACA,CjB+hLD,iGiB5hLG,gBjBiiLH,uoBiB7hLO,gBjBsjLP,aiB/iLC,8BACA,CjBmjLD,gBiBhjLG,6BACA,eACA,iBACA,CjBmjLH,qCiB/iLG,ajBkjLH,2CiB/iLK,mBjBkjLL,wDiB9iLK,gCACA,cACA,WACA,YACA,aACA,gDACA,mBhBpuBO,WATL,egBgvBF,eAEA,CjBijLL,0EiB9iLO,SjBijLP,uMiB3iLO,oBjB8iLP,8DiB1iLO,mBjB6iLP,oCiBtkLG,wDA6BI,ejB6iLL,CACF,0DiBziLK,2BACA,gBACA,QACA,CjB4iLL,aiBtiLC,iCACA,eACA,CjB0iLD,sBiBviLG,YjB0iLH,iBiBtiLG,+BACA,WACA,YACA,WACA,CjByiLH,sBiBriLG,8BACA,aACA,uCACA,sFACA,kBACA,uCACA,CjBwiLH,sBiBpiLG,6BACA,YACA,MACA,MACA,CjBuiLH,UkBx1MC,alB41MD,qCkBx1MC,4ClB41MD,mBkBx1MC,yCACA,iCACA,ClB41MD,8CkBz1MG,qBACA,ClB41MH,yBkBx1MG,oCACA,SACA,YACA,kBACA,aACA,WACA,UACA,cjBfS,gBATL,eiB2BJ,oBACA,eACA,ClB21MH,+BkBz1Ma,UlB41Mb,oCIh3MC,uCcqB4D,elB+1M3D,CACF,wCkBh2M6D,elBm2M7D,mBkB91MC,cjB5BW,mBiB6BX,mBjBtBsB,oCiBwBtB,iBACA,kBACA,eACA,eACA,ClBk2MD,qBkB/1MG,cjBjBoB,gBiBkBpB,yBACA,ClBk2MH,kFkB91Ma,qBlBi2Mb,iBkB51MC,kCACA,aACA,kBjB5CsB,CD64MvB,wBkB71MG,iCACA,ClBg2MH,uCkB91MwB,ajB1DZ,CD25MZ,gCkB91MK,4BACA,ClBi2ML,0BkB51MG,gCACA,eAEA,iBACA,cjBvES,qBiByET,gBACA,iBACA,qBACA,kBACA,ClB+1MH,4BkB51MK,mBlB+1ML,uCkB71MoB,gBlBg2MpB,4BkB51MK,cjBjEkB,oBiBkElB,ClB+1ML,kCkB71Me,0BlBg2Mf,0CkB51MS,qBlB+1MT,+CkB71MgB,0BlBg2MhB,2BkBz1MG,uBACA,eACA,ClB41MH,uBkBv1MC,4BACA,OACA,ClB21MD,+GkBv1MG,gClB21MH,uCkBr1MC,kBlB01MD,mHkBt1MK,oCACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,cjBrIO,gBATL,eiBiJF,oBACA,YACA,oBACA,ClB01ML,yJkBv1MO,UlB21MP,qIkBx1MkB,kBjBzIO,CDq+MzB,+HkB31Me,UlB+1Mf,oCI/+MC,+IciJ8D,elBm2M7D,CACF,iJkBp2M+D,elBw2M/D,oCI9+MC,gScyIM,sCACA,ClB22ML,CACF,2BkBr2MC,gCACA,SACA,UACA,WACA,eACA,ClBy2MD,0CkBt2MG,iCACA,WACA,YACA,cjBpJoB,eiBsJpB,iBACA,kBACA,UACA,ClBy2MH,mCkBp2MC,gCACA,sBACA,SACA,0BACA,YACA,WACA,cjBzLW,mBAQa,sCiBoLxB,eACA,WACA,YACA,ClBw2MD,4CkBp2MC,clBw2MD,yCkBp2MC,gCACA,mBACA,2BACA,kBACA,aACA,eACA,iBACA,gBACA,cACA,ClBw2MD,gMkBn2Mc,mBlBs2Md,oDkBl2MK,yBACA,iBACA,WACA,WACA,ClBq2ML,2EkB/1MgB,ajB9MO,CDgjNvB,uBkB51MC,gBlBg2MD,gCkB71MG,gCACA,eACA,oBACA,YACA,eACA,ClBg2MH,6BkB31MC,sBACA,aACA,ClB+1MD,iCkB51MG,oCACA,aACA,WACA,wBACA,sBACA,4BACA,eACA,ClB+1MH,0CkB51MK,gCACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,cjBrQoB,gFiBuQpB,eACA,oBACA,gBACA,UACA,UACA,2BACA,ClB+1ML,gDkB71Me,UjBhSR,CDgoNP,qEkB71MO,yBjBlRkB,CDmnNzB,gEkBj2MO,yBjBlRkB,CDmnNzB,iEkBj2MO,yBjBlRkB,CDmnNzB,uDkBj2MO,yBjBlRkB,CDmnNzB,wCkB51MgB,0BlB+1MhB,iDkB11MgB,UlB61MhB,gCkBv1MC,+FACA,uBACA,8BACA,UACA,2BACA,ClB21MD,6CkBx1MG,4BjB1SsB,eiB4StB,gBACA,aACA,mBACA,ClB21MH,0JkBt1MK,clBy1ML,uCkBp1MG,UlBu1MH,iCkBl1MC,0BACA,cjBhUsB,eiBkUtB,ClBs1MD,qCkBn1MG,gCACA,ClBs1MH,0CkBl1MG,clBq1MH,+CkBl1MK,6BACA,gBACA,wBACA,ClBq1ML,oDkBj1MK,iCACA,kBACA,WACA,WACA,kBjB1UkB,CD+pNvB,6DkBj1MO,wBACA,OACA,WACA,kBACA,kBjB9VkB,CDmrNzB,yBkB70MC,cjB/WW,oBiBgXX,eACA,ejB1XM,CD4sNP,mBkB70MC,gCACA,2CACA,0BACA,WACA,ClBi1MD,qBkB90MG,4CACA,cACA,YACA,iBACA,qBACA,ClBi1MH,sBkB70MG,kCACA,qBAGA,wCACA,QACA,YACA,sBACA,ClBg1MH,yCkBz0MK,+DACA,WjB/ZE,mBAkBkB,eiBgZpB,ClB60ML,6CkBz0MO,6DACA,ClB40MP,sCkBr0MC,oCACA,uCACA,gBjBhbM,gBiBkbN,+BACA,uBlBy0MD,4CkBr0MC,gCACA,aACA,cjBhbW,ciBkbX,ClBy0MD,qDkBt0MG,2BjBhaoB,CD0uNvB,uEkBv0MyB,iBlB00MzB,4DkBv0MK,4BjB3bO,eiB6bP,ClB00ML,qGkBp0MG,mBjB1bsB,UAlBlB,CDoxNP,4PkBl0Mc,UjBldP,CD0xNP,yDkBp0MkB,mBlBu0MlB,qBkBn0MC,kCACA,mBACA,eACA,ClBu0MD,4BkBp0MG,yCACA,eACA,gBACA,ClBu0MH,8BkBn0MG,8BACA,eACA,iBACA,ClBs0MH,+BkBl0MG,sCACA,UACA,WACA,iBACA,ClBq0MH,iCkBj0MgB,ajBnfH,CDuzNb,+BmB3zNC,2BACA,iBACA,CnBw0ND,cmBl0NC,8CACA,eACA,CnBg0ND,oCmB3zNC,yDACE,anB+zND,yHmB3zNC,mCnB8zND,CACF,sHmBvzNG,YnB6zNH,kCmBxzNC,gCACA,uBACA,WACA,CnB4zND,ImB5yNC,2BACA,sBACA,WACA,YACA,kBACA,CnB2zND,oCmBnzNC,iDAEE,mBnB2zND,CACF,oCmBtzNG,4BACE,qBACA,YACA,eACA,SACA,CnB0zNH,kCmBtzNG,sBnByzNH,uFmBpzNG,enBwzNH,CACF,6BmBt0NK,qBACA,YACA,eACA,SACA,CnBy0NL,mCmBr0NK,sBnBw0NL,yFmBn0NK,enBu0NL,oCmBj0NC,4BACE,UnBq0ND,sBmBj0NC,8BAGA,CnBo0ND,kCmBj0NG,kBnBo0NH,iCmBh0NG,mBnBm0NH,wCmB7zNG,kCACA,CnBg0NH,CACF,6BmBt1NG,UnB01NH,uBmBt1NG,8BAGA,CnBy1NH,mCmBt1NK,kBnBy1NL,kCmBr1NK,mBnBw1NL,yCmBl1NK,kCACA,CnBq1NL,oBmB/0NC,iClBtGwB,ekBwGxB,cACA,eACA,SACA,iBACA,aACA,SACA,SACA,CnBm1ND,0BmBh1NG,0BnBm1NH,4BmB90NC,4BACA,oBACA,clBzHwB,ekB2HxB,cACA,eACA,kBACA,SACA,CnBk1ND,kCmB/0NG,0BnBk1NH,uCmB90NG,mBnBi1NH,0BmB50NC,qCACA,CnBg1ND,0BmB50NC,kBnBg1ND,iCmB50NC,6BACA,eACA,aACA,kBACA,QACA,SACA,CnBg1ND,amB50NC,8BlBhLM,ckBkLN,eACA,aACA,oBACA,CnBg1ND,mBmB70NG,mBnBg1NH,mBmB30NC,qCACA,CnB+0ND,mBmB30NC,mBlBzLW,cAqBW,iBkBsKtB,eACA,gBACA,yBACA,cACA,CnB+0ND,wBmB30NC,+BACA,CnB+0ND,sCmB30NK,yBACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,mFACA,CnB80NL,emBx0NC,4BACA,mBACA,cACA,eACA,kBACA,UACA,UACA,eACA,CnB40ND,sBmBz0NG,qBACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,MACA,CnB40NH,2CmBx0NG,alBzOsB,CDojOzB,sBmBv0NG,wCnB00NH,2CmBv0NK,clBhPoB,yCkBiPpB,CnB00NL,2CmBp0NG,UnBu0NH,QmBl0NC,8BACA,sBACA,aACA,sBACA,eACA,CnBs0ND,cmBn0NG,0BACA,eACA,CnBs0NH,oBmBl0NG,kBlBnRS,CDwlOZ,wBmBh0NC,yBACA,aACA,CnBo0ND,gCmBh0NC,kBnBo0ND,qEmBh0NC,4BACA,clB5RsB,ekB8RtB,eACA,cACA,CnBo0ND,iFmBj0NG,cnBo0NH,kLmB5zNK,WlB3TE,kBkB4TF,CnBm0NL,iFmB7zNG,4BnBg0NH,uCmB3zNC,iCACA,4BACA,CnB+zND,8CmB3zNG,yCACA,eACA,oBACA,CnB8zNH,yCmB1zNG,gBnB6zNH,+CmBvzNC,UnB2zND,4BmBvzNC,gCACA,gBACA,clBhVsB,0DkBkVtB,SACA,CnB2zND,sCmBxzNG,uBACA,CnB2zNH,sCmBvzNG,kBnB0zNH,+BmBtzNG,gCACA,SACA,6BACA,aACA,CnByzNH,gCmBpzNG,gBnBuzNH,0CmBrzNK,uBACA,CnBwzNL,kCmBlzNC,+BACA,CnBszND,kCmBjzNG,clBvXoB,yBkBwXpB,CnBqzNH,+BmBhzNC,YnBozND,2DmBjzNG,enBozNH,sEmBjzNK,gBnBozNL,sBmB9yNC,4CACA,gBACA,mBACA,MACA,CnBkzND,qBmB9yNC,qCACA,CnBkzND,sCmB7yNC,clBzYsB,mBArBX,kBkBgaX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,sBACA,CnBkzND,yBmB9zND,sCAcI,enBqzND,CACF,0CmBlzNG,clBrasB,oBkBsatB,CnBszNH,sDmBnzNK,0BnBuzNL,cmBjzNC,sBnBqzND,sCmB/yNG,mDACA,CnBmzNH,oCmBrzNC,qCACE,mDACA,CnByzND,CACF,oCmB5yND,mJAGI,sBnB+yND,CACF,oBmB1yNC,sCACA,2BACA,mBACA,kBACA,CnB+yND,0BmB5yNG,cnB+yNH,gCmB5yNK,4BACA,CnB+yNL,sCmB5yNO,UnB+yNP,iCmBzyNG,0BACA,CnB4yNH,wBmBvyNC,4BACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WlBjgBM,kBkBmgBN,eACA,iBACA,qBACA,qCACA,CnB2yND,2FmBtyNG,mBnByyNH,wBoBtzOC,iCACA,gBACA,cnB6BsB,mBArBX,emBLX,aACA,cACA,mBACA,uBACA,YACA,CpB0zOD,4BoBvzOG,kCACA,aACA,CpB0zOH,gCoBtzOG,wBACA,wBACA,kBACA,QACA,SACA,uCACA,+BpByzOH,0CoBrzOG,iBpBwzOH,+BoBpzOG,iBpBuzOH,sCoBpzOK,iCACA,anBNkB,CD8zOvB,oCoBnzOK,8BACA,CpBszOL,QqBj2OC,kBrBq2OD,eqBj2OC,0CjBiDA,gCACA,WACA,YACA,gBACA,oBACA,mBHhDW,cAOW,eG4CtB,QACA,CJuzOD,iCIpzOG,SJuzOH,4EIjzOG,oBJozOH,qBIhzOG,mBJmzOH,oCqB33OD,ejB4EI,eJmzOD,CACF,kBqBv3OG,2BACA,WACA,UACA,qBACA,UACA,0BACA,eACA,WACA,YACA,cpBHsB,eoBKtB,mBACA,CrB23OH,yBqBx3OK,8BACA,CrB23OL,yBqBt3OG,wDrBy3OH,gCqBt3OK,mDACA,uBrBy3OL,+BqBp3OG,wCACA,qCACA,CrBu3OH,sCqBp3OK,wDrBu3OL,qCqBn3OK,UpBlDE,CDw6OP,wBqB72OC,gCACA,CrBq3OD,wCqBz3OC,cpB1BsB,mBoB2BtB,gCACA,eAGA,CrB83OD,gBqBr3OG,4BACA,cACA,CrBm3OH,oBqBh3OK,qCACA,CrBm3OL,cqB92OG,gCACA,aACA,+BACA,CrBi3OH,yBqB92OK,gBrBi3OL,oBqB72OK,4BpB7DkB,gBoB+DlB,uBACA,kBACA,CrBg3OL,2BqB72OO,gBrBg3OP,sBqB52OO,cpBtFgB,qBoBuFhB,eACA,gBACA,cACA,gBACA,uBACA,kBACA,CrB+2OP,oGqBz2OW,0BrB42OX,uBqBr2OK,0BACA,eACA,iBACA,gBACA,kBACA,apB9GoB,CDu9OzB,yBqBp2OK,wBACA,CrBu2OL,8BqBp2OO,yBrBu2OP,UsBj/OD,yCCEE,4CACA,2CACA,WACA,WACA,CvBo/OD,cuBj/OG,WvBo/OH,6BuB/+OC,gBtBZM,kBsBaN,sCACA,kBACA,cACA,CvBm/OD,gDuBh/OG,4BvBm/OH,0DuB/+OG,WvBk/OH,kCuB7+OC,2BACA,WACA,cACA,CvBi/OD,wCuB7+OC,4BACA,SACA,UACA,gBtBtCM,kBsBwCN,sCACA,eACA,CvBi/OD,+CuB9+OG,6BACA,SACA,gBACA,sBACA,CvBi/OH,gKuB5+OK,gCvB++OL,0DuB1+OG,YvB6+OH,uBuBv+OG,4BvB2+OH,cuBt+OC,6BACA,iBACA,gBACA,WACA,UACA,cACA,CvB0+OD,yCuBt+OG,oBvBy+OH,kBuBr+OG,iEACA,cACA,WAEA,YACA,cACA,CvBw+OH,yEuBj+OK,8BACA,YvBo+OL,cwBrkPC,YxBykPD,yBwBrkPC,mBAPS,kBAQT,aACA,CxBykPD,gCwBvkPG,yBxB0kPH,kCwBlkPG,qBACA,SACA,CxBskPH,0CwBlkPG,2BAEA,sBACA,YACA,4BACA,CxBokPH,4DwBhkPO,gCACA,iBACA,gBACA,CxBmkPP,gJwB/jPO,WxBkkPP,+DwB/jPO,qCACA,UACA,CxBkkPP,0CwB5jPG,gDACA,kBACA,YACA,eACA,CxB+jPH,iDwB5jPK,wEACA,YACA,SACA,UAAW,kBACX,WACA,yBACA,eACA,4CACA,sBACA,mBACA,CxBgkPL,4DwB7jPO,wBxBgkPP,4DwB5jPO,uBxB+jPP,uEwB3jPO,wCACA,CxB8jPP,QyB9oPC,kCACA,aACA,sBACA,kBACA,iBACA,SACA,CzBkpPD,oByB/oPG,kBzBkpPH,mByB9oPG,mBzBipPH,oCIlpPC,sBqBI0D,UzBkpPzD,CACF,uByBnpP2D,UzBspP3D,oCyBnpPG,qLAAiC,UzBupPlC,CACF,cyBppPG,gCACA,cACA,CzBupPH,oCyBnpPG,4BACE,qBACA,YACA,eACA,SACA,CzBspPH,CACF,6ByB3pPK,qBACA,YACA,eACA,SACA,CzB8pPL,wCyB1pPqC,YzB6pPrC,gByBzpPC,gCACA,mBACA,UACA,mBACA,cACA,CzB6pPD,kByB1pPG,oCACA,oCACA,sBACA,YACA,cACA,cxBtCoB,kBwBwCpB,qBACA,cACA,CzB6pPH,kByBzpPG,kCzB4pPH,gDyBxpPK,gCACA,kCACA,CzB2pPL,gByBrpPC,qCACA,SACA,CzBypPD,oCI/sPC,6DqBwDkE,gBzB2pPjE,CACF,oCI/tPC,8BqBoE0D,ezB+pPzD,CACF,+ByBhqP2D,ezBmqP3D,sByBhqPG,oCACA,SACA,YACA,4BACA,WACA,YACA,UACA,cxBzEoB,mBAPX,ewBmFT,oBACA,gBACA,CzBmqPH,4ByBhqPK,4BACA,CzBmqPL,sByB9pPG,gCACA,SACA,WACA,WACA,YACA,cxB3FsB,ewB6FtB,iBACA,SACA,CzBiqPH,0ByB9pPK,uCACA,MACA,SACA,OACA,QACA,UACA,eACA,oBACA,yBACA,CzBiqPL,iCyB7pPK,0CACA,uBzBgqPL,uCyB5pPK,wEACA,CzB+pPL,6CyB7pPe,UxBxIR,CDwyPP,wCyBzpPO,0CACA,wBzB4pPP,8CyBxpPO,+BACA,+BACA,uBzB2pPP,wBI9tPC,gBHnFM,kBGoFN,uBAEA,gBACA,cHvEsB,sCGyEtB,CJkuPD,2BI/tPG,uCH5EoB,eG8EpB,gBACA,kBACA,CJkuPH,2BI9tPG,cJiuPH,2BI7tPG,mBJguPH,2BI5tPG,6BHnGS,CDm0PZ,iByB3qPC,0BxBjJsB,CDi0PvB,mByB5qPG,kCACA,CzB+qPH,yByB3qPG,4BACA,CzB8qPH,uByB1qPG,4BxB9JsB,gBwBgKtB,mBACA,gBACA,sBACA,CzB6qPH,iByBxqPC,mBxBhLW,kBwBiLX,eACA,CzB4qPD,wByBzqPG,cxBhKoB,mBwBiKpB,aACA,gBACA,eACA,cACA,CzB4qPH,4ByBzqPK,qCACA,CzB4qPL,yByBvqPG,kBzB0qPH,4ByBvqPK,mDACA,eACA,aACA,aACA,gBACA,eACA,axBvLkB,CDk2PvB,gCyBvqPO,qCACA,CzB0qPP,6FyBpqPK,gBzBuqPL,kCyBnqPK,2BACA,cxBpNoB,oBwBsNpB,CzBsqPL,yHyBjqPO,uCACA,CzBoqPP,eyB3pPC,6BACA,CzBmqPD,8ByBtqPC,gCACA,gBAGA,YACA,CzBgrPD,eyB5qPC,wBACA,OACA,mBACA,sBAIA,gBAEA,WACA,WACA,CzBiqPD,sByB9pPG,kBxBlQS,CDm6PZ,yByB5pPC,+1BACA,eACA,CzBgqPD,6ByB7pPG,oCACA,+GACA,uCACA,YACA,oBACA,eACA,yBACA,4DzBgqPH,mCyB5pPG,yBACA,YACA,YACA,cACA,CzB+pPH,eyB1pPC,kCACA,eACA,CzB8pPD,kByB1pPC,iCACA,MACA,OACA,WACA,YACA,yBACA,CzB8pPD,mB0Bp9PC,mCzBAM,WACA,eyBEN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,WACA,C1Bw9PD,e0Bp9PC,gBzBfM,cAiBgB,SyBAtB,WACA,WACA,C1Bw9PD,gE0Bn9PG,c1Bs9PH,gC0Bl9PG,gB1Bq9PH,0BIt8PG,qCACA,cACA,eACA,aACA,eACA,CJy8PH,wB0Bv9PC,4BACA,C1B29PD,wB0Bv9PC,6BACA,eACA,C1B29PD,4B0Bv9PC,gCACA,WzB7CM,0ByB+CN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,2BACA,C1B29PD,0D0Br9PK,a1By9PL,uD0Bn9PK,U1Bs9PL,sB0Bh9PC,yBACA,qBACA,C1Bo9PD,2B0Bj9PG,gCzBhEoB,ayBkEpB,YACA,kBACA,C1Bo9PH,yD0B58PG,W1Bk9PH,e0B78PC,qCACA,gBACA,kBACA,kBACA,WACA,YACA,C1Bi9PD,0BI9gQG,qCACA,cACA,eACA,aACA,eACA,CJihQH,qB0Bn9PC,kCACA,cACA,WACA,kBACA,kBACA,eACA,C1Bu9PD,iC0Bp9PG,gB1Bu9PH,oE0Bl9PK,2CACA,C1Bq9PL,+B0Bh9PG,ezBlII,CDqlQP,+B0B98PC,6BACA,qBACA,czBvHwB,ayByHxB,C1Bk9PD,kE0B98PG,uBACA,sBACA,oD1Bk9PH,kG0B/8PK,gCACA,gD1Bm9PL,qB0B78PC,4BACA,kBACA,WACA,aACA,sBACA,C1Bi9PD,oC0B78PC,2BACA,WACA,kBACA,UACA,sBACA,6EACA,4D1Bi9PD,oD0B98PG,gCACA,gD1Bi9PH,qC0B58PC,sDACA,gBACA,iBACA,C1Bi9PD,a0B78PC,iCACA,iBACA,C1Bi9PD,a0B78PC,uBACA,iBACA,C1Bi9PD,oC0B98PG,uBACA,aACA,mBACA,sBACA,C1Bi9PH,0C0B98PK,ezBxJwB,cAEC,CDwmQ9B,8C0B38PC,wBACA,OACA,QACA,QACA,C1B09PD,yB0Bj9PC,kDACA,mBACA,C1B+8PD,2B0B58PG,oB1B+8PH,yD0B38PG,U1B88PH,2D0B38PK,oB1B88PL,kB0Bx8PC,gDACA,SACA,WzBnPM,eyBqPN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,QACA,C1B48PD,wB0Bx8PC,O1B48PD,yB0Bx8PC,Q1B48PD,yB0Bx8PC,6BACA,kBACA,OACA,YACA,mBACA,C1B48PD,uB0Bx8PC,qB1B48PD,qB0Bx8PC,sBzBvRM,YyBwRN,WACA,kBACA,YACA,UACA,SACA,WACA,C1B48PD,6B0Bx8PC,wBzBhRwB,CD4tQzB,oB0Bx8PC,4BACA,QACA,WACA,C1B48PD,oK0Br8PG,Y1B48PH,kF0Bx8PG,Y1B48PH,c0Bt8PC,kCACA,gBzB5TM,cyB8TN,C1B08PD,oB0Bv8PG,U1B08PH,+B0Bt8PG,sBACA,C1By8PH,yBIpuQG,qCACA,cACA,eACA,aACA,eACA,CJuuQH,oB0B38PG,gCACA,UACA,iBACA,C1B88PH,yB0B18PG,2CACA,QACA,C1B68PH,+B0B18PK,mDACA,qBACA,qBACA,C1B68PL,2B0Bv8PK,4FACA,QACA,mCACA,2B1B08PL,wB0Br8PG,4BACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,2BACA,C1Bw8PH,+B0Br8PK,U1Bw8PL,4E0Bj8PK,kB1Bq8PL,uB0Bh8PG,+BACA,MACA,OACA,WACA,YACA,UACA,SACA,gBzBxYI,cAiBgB,gByB0XpB,mBACA,C1Bm8PH,8B0Bh8PK,iCACA,C1Bm8PL,6G0B97PO,c1Bi8PP,8B0B57PK,4BACA,C1B+7PL,iC0B37PK,6BACA,eACA,C1B87PL,2B0Bz7PG,2CACA,mBACA,C1B47PH,uB0Bx7PG,kCACA,gBACA,sBACA,C1B27PH,mC0Bv7PO,e1B07PP,oC0Bp7PO,gB1Bu7PP,8B0Bl7PK,wCACA,eACA,SACA,yBACA,C1Bq7PL,6G0Bh7PO,UzBtcA,CDy3QP,8E0B36PG,8BACA,C1B86PH,4B0B16PG,WzBndI,gByBodJ,C1B66PH,wB0Bz6PG,iCACA,C1B46PH,kD0Bv6PG,UzB9dI,CDw4QP,sB0Bt6PG,2BACA,cACA,C1By6PH,6B0Bt6PK,sBACA,8BACA,C1B+6PL,4D0B96PK,gCACA,kBACA,WACA,UACA,WACA,C1Bk7PL,+B0Bx6PK,mB1Bw6PL,8B0Bp6PK,4BACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,mBACA,C1Bu6PL,oB0Bl6PG,2BACA,iBACA,C1Bq6PH,2B0Bl6PK,sBACA,+BACA,kBACA,cACA,kBACA,WACA,QACA,C1Bq6PL,0D0Bh6PK,gCACA,WACA,kBACA,SACA,kBACA,C1Bm6PL,4B0B/5PK,8B1Bk6PL,4B0B95PK,4BACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,mBACA,C1Bi6PL,yF0Bx5PO,U1B85PP,4G0Br5PK,oCACA,C1Bw5PL,qB0Bj5PC,kDACA,wBACA,eACA,eACA,kBACA,SAIA,aACA,C1Bk5PD,gCIj8QG,qCACA,cACA,eACA,aACA,eACA,CJo8QH,+B0Bt5PC,6CACA,eACA,SACA,YACA,kBACA,QACA,uCACA,+B1B05PD,gB2B//QC,gCACA,mBACA,kBACA,QACA,SACA,WACA,C3BmgRD,kB2B//QC,+BACA,gBACA,yBACA,0BACA,eACA,iBACA,yBACA,WACA,2BACA,C3BmgRD,uC2BjgR0B,U3BogR1B,a4BzhRC,mB3BUW,sB2BTX,kBACA,uCACA,YACA,eACA,C5B6hRD,oC4BniRD,aASI,U5B8hRD,CACF,gB4B3hRG,kCACA,gBACA,eACA,kBACA,yBACA,C5B8hRH,4B4B1hRG,Y5B6hRH,4B4BzhRG,0B5B4hRH,qC4BzhRK,+DACA,uBACA,C5B4hRL,uB4BvhRG,gB5B0hRH,iD4BrhRK,qB5BwhRL,8B4BnhRG,e5BshRH,qB4BlhRG,gB5BqhRH,Y4BhhRC,mB3B5CW,sB2B6CX,kBACA,uCACA,YACA,eACA,C5BohRD,oC4B1hRD,YASI,U5BqhRD,CACF,qB4BlhRG,mB5BqhRH,mB4BjhRG,+BACA,0BACA,eACA,C5BohRH,kB4BhhRG,4CACA,C5BmhRH,2B4B/gRG,a5BkhRH,gC4B9gRG,8BACA,qBACA,eACA,YACA,C5BihRH,Y6BrmRC,oCACA,a5BGW,CDumRZ,0B6B/mRG,sCACA,C7BmnRH,8B6B3mRG,Y7B8mRH,gB6BzmRC,uB7B6mRD,4B6B1mRG,mDACA,4BACA,kB5BHsB,CDinRzB,2B6BzmRG,mDACA,+BACA,YACA,C7B4mRH,oB6BvmRC,2CACA,cACA,c5BLsB,a4BOtB,C7B2mRD,mB6BvmRC,yBACA,kBACA,iBACA,gBACA,8BACA,cACA,C7B2mRD,yB6BxmRG,c7B2mRH,4B6BtmRC,a5BrCwB,CD+oRzB,kC6BvmRG,c7B0mRH,mD6BtmRG,S7BymRH,uB6BpmRC,8BACA,OACA,WACA,WACA,wBACA,C7BwmRD,sB6BnmRG,gCACA,cACA,C7BumRH,wB6BnmRG,iCACA,C7BsmRH,mB6BjmRC,+BACA,gBACA,kBACA,gB5B5FM,qB4B8FN,C7BqmRD,qG6BjmRG,gC7BomRH,mB6B9lRC,2C5BxGM,CD4sRP,yB6BhmRG,+BACA,gBACA,oBACA,cACA,WACA,gCACA,c5BzGS,yB4B2GT,iBACA,C7BmmRH,2C6BhmRK,S7BmmRL,0G6B7lRK,oB7BgmRL,uC6B1lRC,e7B8lRD,4C6B3lRG,4BACA,iBACA,C7B8lRH,oD6B1lRG,qBACA,kBACA,MACA,OACA,WACA,YACA,sCACA,kBACA,C7B6lRH,2B6BxlRC,4BACA,wBACA,gBACA,KACA,C7B4lRD,gC6BzlRG,yBACA,gBACA,gBACA,e5BpKI,CDiwRP,kB6BvlRC,uCACA,WACA,C7B2lRD,uB6BxlRG,sBACA,C7B2lRH,uB6BtlRC,iCACA,iBACA,a5BvKsB,CDkwRvB,kD6BvlRG,a7B0lRH,oD6BtlRG,gB7BylRH,sD6BrlRG,a7BwlRH,oB6BnlRC,a7BulRD,uB8BhyRC,+BACA,mBACA,mB7BgBwB,cARb,kB6BLX,YACA,WACA,gBACA,iBACA,eACA,C9BoyRD,2D8BjyRG,4BACA,C9BoyRH,kF8BhyRG,oCACA,eACA,C9BmyRH,8F8BhyRK,yBACA,KACA,C9BmyRL,iC8B9xRG,2BACA,C9BiyRH,0B8B7xRG,+BACA,iBACA,kBACA,C9BgyRH,0B8B5xRG,+BACA,iBACA,gBACA,kBACA,C9B+xRH,yC8B1xRC,gCACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,yBACA,C9B8xRD,2D8B3xRG,8BACA,C9B8xRH,+C8B1xRG,kB7BjDsB,CD80RzB,gD8BzxRG,mB7BpDsB,UAlBlB,CDm2RP,oG8BxxRG,mB7BzEQ,UAFJ,CDu2RP,mC8BtxRC,+BACA,eACA,iBACA,eACA,C9B0xRD,6B8BtxRC,wBACA,kBACA,YACA,eACA,C9B0xRD,mC8BtxRC,kB9B0xRD,2F8BrxRC,kCACA,C9B0xRD,oC8BtxRC,mCACE,wBACA,C9B0xRD,yC8BtxRC,a9B0xRD,2D8BvxRG,a9B0xRH,CACF,mB+B/4RG,gCACA,gBACA,iBACA,C/Bk5RH,kB+B94RG,W9BPI,e8BQJ,gBACA,C/Bi5RH,oB+B94RK,W9BZE,yB8BaF,C/Bi5RL,qB+B74RK,8BACA,gBACA,C/Bg5RL,oD+B54RK,uBACA,gBACA,+BACA,C/B+4RL,MgC16RC,8BACA,ChC86RD,SgC36RG,qCACA,WACA,ChC86RH,agC16RG,wBACA,OACA,YACA,qBACA,kBACA,kBACA,ChC66RH,qBgC16RK,mBhC66RL,YgCx6RG,uCACA,cACA,iBACA,eACA,mBACA,gBACA,sBACA,ChC26RH,+DgCv6RK,ahC26RL,+BgCv6RK,chC06RL,6BgCr6RK,iCACA,eACA,c/BpCO,c+BsCP,UACA,oBACA,gB/BjDE,yB+BmDF,kBACA,gBACA,ChCy6RL,mCgCt6RO,oB/BtCkB,CD+8RzB,uBgCp6RK,ehCu6RL,qBgCn6RK,gCACA,gBACA,ChCs6RL,agCj6RG,uCACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,qBACA,ChCo6RH,sBgCj6RK,kBhCo6RL,oBgCh6RK,qB/BxFU,mBD4/Rf,cgC95RG,gCACA,gBACA,eACA,gBACA,ChCi6RH,cgC75RG,mCACA,a/B1EoB,CD2+RvB,YgC55RG,sCACA,UACA,SACA,SACA,c/BnFoB,0B+BqFpB,iBACA,ChC+5RH,uDgC15RK,qBhC65RL,cgCx5RG,2BACA,kBACA,cACA,ChC25RH,4BgCt5RC,6BhC05RD,+BgCv5RG,ahC05RH,0CgCt5RG,0CACA,aACA,kBACA,ChCy5RH,kGgCr5RK,uBACA,ChCy5RL,qDgCp5RG,+BACA,iBACA,YACA,oBACA,c/BhIoB,qC+BmIpB,ChCu5RH,+BgCn5RG,+BACA,ChCs5RH,2CgCn5RK,sCACA,gBACA,ChCs5RL,mCgCj5RG,mFACA,eACA,c/BzKS,qB+B2KT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,yBAEA,ChCo5RH,kDgCh5RG,chCm5RH,agC94RC,a/BvKsB,CDyjSvB,oBgC/4RG,gChCk5RH,4BgC/4RK,gChCk5RL,WiCzlSC,uCANc,cAQd,iBACA,CjC6lSD,qCiCjmSD,WAOI,yBACA,CjC8lSD,CACF,iBiC1lSC,uCAEA,eACA,iBACA,chCJsB,kBgCMtB,CjC8lSD,mBiC3lSG,chCPsB,yBgCQtB,CjC8lSH,uCiCzlSG,uCAEA,eACA,iBACA,mBACA,ahCpBoB,CDknSvB,2CiC1lSK,chCtBoB,yBgCuBpB,CjC8lSL,6DiC1lSK,gBjC8lSL,4CiCxlSG,6BACA,CjC4lSH,oBiCxlSG,sCACA,iBACA,gBACA,mBACA,ahC3CsB,CDuoSzB,0BiCxlSK,qCACA,eACA,gBACA,aACA,CjC2lSL,oBiCrlSG,+BACA,CjC4lSH,wCiC9lSG,uCAGA,mBACA,ahC5DsB,CD8pSzB,oBiC5lSG,+BACA,CjC2lSH,oBiCnlSG,ejC2lSH,wCiC5lSG,wCAEA,gBACA,mBACA,ahC9EsB,CD8qSzB,oBiC1lSG,ejC0lSH,oBiCllSG,sCACA,iBACA,gBACA,mBACA,ahChGsB,CDsrSzB,wCiChlSG,iBjColSH,wDiCjlSK,4BjCqlSL,wDiCjlSK,4BjCqlSL,oBiChlSG,gBjCmlSH,oBiC/kSG,mBjCklSH,8CiC7kSG,ejCilSH,oBiC7kSG,oBACA,SACA,2CACA,aACA,CjCglSH,2BiC7kSK,mBACA,CjCglSL,mBiC1kSC,iCACA,CjC8kSD,kCiC3kSG,qCACA,CjC8kSH,6BiC1kSG,2CACA,cACA,CjC6kSH,4BiCzkSG,kCACA,eACA,iBACA,WhChLI,iBgCkLJ,iBACA,CjC4kSH,oEiCxkSK,cjC4kSL,4CiCvkSO,ahC3KkB,CDqvSzB,mCiCrkSK,uCACA,eACA,gBACA,CjCwkSL,oCiChmSC,4BA4BI,kBjCwkSH,CACF,0BiCpkSG,8BACA,sBACA,mBACA,uBAEA,0BACA,QACA,YACA,CjCukSH,wCiCpkSK,sCACA,iBACA,gBACA,chC3MkB,mBgC6MlB,mBACA,gCACA,uBACA,mBACA,eACA,CjCukSL,uFiCnkSO,6BACA,CjCukSP,0CiCnkSO,qBjCskSP,0BiChkSG,kBjCmkSH,kCI/ySC,WACA,YACA,4C6BiPI,CjCqkSL,sCiClkSO,yBACA,YACA,mB7B9PN,iBH+DsB,wBG9DtB,2BACA,CJq0SD,gCiClkSK,ejCqkSL,kCiClkSO,yBhCvQA,oBgCyQA,CjCqkSP,sDiCjkSW,0BjCokSX,0CiC9jSO,2BhCnQgB,CDq0SvB,iCiCxjSG,uCAEA,eACA,iBACA,mBACA,ahClRoB,CDg1SvB,qCiC1jSK,chCpRoB,yBgCqRpB,CjC8jSL,iBiCzjSG,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,CjC4jSH,iBiCxjSG,sCACA,iBACA,gBACA,mBACA,ahC3SsB,CDu2SzB,uBiCxjSK,qCACA,eACA,gBACA,aACA,CjC2jSL,iBiCrjSG,+BACA,CjC4jSH,kCiC9jSG,uCAGA,mBACA,ahC5TsB,CD83SzB,iBiC5jSG,+BACA,CjC2jSH,iBiCnjSG,ejC2jSH,kCiC5jSG,wCAEA,gBACA,mBACA,ahC9UsB,CD84SzB,iBiC1jSG,ejC0jSH,iBiCljSG,sCACA,iBACA,gBACA,mBACA,ahChWsB,CDs5SzB,kCiChjSG,iBjCojSH,kDiCjjSK,4BjCqjSL,kDiCjjSK,4BjCqjSL,iBiChjSG,gBjCmjSH,iBiC/iSG,mBjCkjSH,wCiC7iSG,ejCijSH,iBiC7iSG,oBACA,SACA,2CACA,aACA,CjCgjSH,wBiC7iSK,mBACA,CjCgjSL,gDiC1iSG,ajC6iSH,8BiCziSG,qCACA,kBACA,gBACA,qBACA,CjC4iSH,mCiCziSK,wBACA,2BACA,iBACA,8BACA,kBACA,CjC4iSL,sDiCxiSK,sCACA,oBACA,CjC2iSL,kFiCxiSO,4BACA,CjC2iSP,oCiCljSG,sDAWI,wCACA,CjC2iSL,CACF,2CiCviSK,4BACA,CjC0iSL,oCiC5iSG,2CAKI,ajC2iSL,CACF,oBiCtiSG,kBjCyiSH,wBiCtiSK,uBACA,sBACA,CjCyiSL,2BiCpiSG,oCACA,CjCuiSH,sCiCpiSK,gBjCuiSL,kCiCniSK,6BACA,CjCsiSL,oCiCliSK,yBACA,CjCqiSL,kDiCliSO,gCACA,gBACA,CjCqiSP,yFiC/hSW,qBjCkiSX,+EiC7hSS,ejCgiST,oDiC3hSO,2BACA,CjC8hSP,4CInhTC,WACA,YACA,0BJyhTD,kDiC3hSO,ejC8hSP,2DiC3hSS,ejC8hST,oCiCxhSK,oCACE,gBjC2hSL,CACF,oCiCtlSC,2BA+DI,kBjC2hSH,CACF,iFiCrhSG,yChClhBS,kBgCohBT,iCACA,CjCyhSH,sBiCrhSG,+BACA,WACA,WACA,CjCwhSH,0BiCrhSK,uBACA,CjCwhSL,sCiClhSK,4BACA,mBACA,kBACA,CjCqhSL,oCiCjhSK,sCACE,mBjCohSL,CACF,qCiChhSK,ahC3iBoB,CD8jTzB,oCiC/gSK,2BhChkBE,egCkkBF,CjCkhSL,0CiC/gSO,ahCrjBgB,CDukTvB,+CiC/gSS,ahCvjBgB,CDykTzB,8CiC5gSK,gBjC+gSL,oBiC1gSG,mBjC6gSH,wBiC1gSK,uBACA,eACA,YACA,iBACA,CjC6gSL,oCiCvgSK,gDACE,mBjC0gSL,wCiCtgSK,gCACA,WACA,iBACA,CjCygSL,sDiCtgSO,kBjCygSP,CACF,oCiCngSG,8BACE,cjCsgSH,sCiCngSK,iBjCsgSL,qDiClgSK,mBjCqgSL,4EiC//RG,cjCmgSH,CACF,mBiC//RG,YjCkgSH,SiC7/RC,oBjCigSD,oCiClgSD,SAII,gBjCkgSD,CACF,gBiC//RG,oCACA,mBACA,YACA,CjCkgSH,oBiC//RK,YjCkgSL,oCiCzgSC,gBAWI,4BACA,CjCkgSH,CACF,oBiC9/RG,uCACA,gBACA,eACA,CjCigSH,sBiC7/RG,+BACA,CjCggSH,yBiC7/RK,sCACA,gBACA,eACA,ahC/pBkB,CDgqTvB,4BiC5/RK,gCACA,CjC+/RL,8BiC3/RK,mBhChrBO,agCirBP,0BACA,YACA,CjC8/RL,sCiC3/RO,ajC8/RP,+BiCz/RK,8BACA,CjC4/RL,sDiCz/RO,+BACA,CjC4/RP,gDiCx/RO,uBACA,yBACA,CjC2/RP,+BiCt/RK,ajCy/RL,sCiCt/RO,sCACA,gBACA,aACA,CjCy/RP,oCiCr/RO,4BhC9sBgB,CDusTvB,sFiCl/RG,6BhCrtBoB,CDktTvB,6BiCv/RG,gCACA,kBAEA,CjCo/RH,eiCh/RG,8BACA,aACA,kDACA,aACA,CjCm/RH,oCiCx/RC,eAQI,kDACA,CjCo/RH,6BiCj/RK,wBACA,qBACA,CjCo/RL,yCiCj/RO,qBACA,CjCo/RP,0CiCh/RO,gCACA,QACA,aACA,CjCm/RP,oCiC9+RK,WjCi/RL,0BiC7+RK,gBjCg/RL,CACF,oCiCnhSC,eAuCI,WjCg/RH,4BiC7+RK,8BACA,eACA,CjCg/RL,0GiC3+RO,gBjC8+RP,sFiCv+RK,gCjC4+RL,0BiCx+RK,ajC2+RL,+BiCx+RO,gBjC2+RP,oEiCv+RS,+BACA,CjC0+RT,0CiCt+RS,gBjCy+RT,CACF,OiCj+RC,sCACA,CjCq+RD,gBiCj+RC,gCACA,aACA,UACA,YACA,chC3zBsB,qBgC6zBtB,cACA,CjCq+RD,oCiC7+RD,gBAWI,2BACA,gBACA,ahCrzBoB,CD4xTrB,CACF,OkC5zTC,0BACA,iBACA,wBACA,ClCg0TD,oBkC5zTG,6BACA,mBACA,6BACA,gBACA,kBACA,ClCg0TH,mBkC5zTG,sDACA,aACA,eACA,ClC+zTH,mBkC3zTG,gBlC8zTH,oEkCzzTG,kBjClBS,CD80TZ,SkCxzTG,cjCbsB,yBiCctB,ClC2zTH,ekCxzTK,qBlC2zTL,ckCtzTG,gBlCyzTH,4HkCrzTO,gBlCo0TP,8FkC3zTO,uBlC8zTP,wFkCvzTO,alC0zTP,+BkCnzTK,mBjC1DO,6BiC2DP,+BACA,ClCszTL,2CkCnzTO,mDACA,ClCszTP,0CkClzTO,sDACA,ClCqzTP,yBkC/yTG,sBlCkzTH,ekC7yTC,gCACA,ClCizTD,KkC7yTC,gClCizTD,yBkC7yTC,gCACA,YACA,ClCizTD,6CkC5yTC,0CACA,iBACA,eACA,cjC5FsB,eiC8FtB,ClCizTD,yDkC9yTG,UjCjHI,CDm6TP,uDkC9yTG,gCACA,ClCkzTH,qEkC9yTG,elCkzTH,wCkC3yTG,alC+yTH,wDkC5yTK,uCACA,eACA,eACA,ClC+yTL,oEkC5yTO,elC+yTP,0EkC3yTO,+BACA,ClC8yTP,sFkC3yTS,alC8yTT,oCkC7zTG,wDAoBI,alC6yTL,CACF,oHkCvyTK,oCACA,ClC2yTL,sBkCtyTG,4CjC3JS,sBiC6JT,YACA,kBACA,ClCyyTH,+BkCtyTK,mCACA,ClCyyTL,oCkClzTC,sBAaI,alCyyTH,CACF,kBkCryTG,sCACA,kBACA,ClCwyTH,oCkCryTK,8BACE,6BlCwyTL,CACF,wBkCpyTK,mBlCuyTL,gCkCnyTK,kBjC3LO,CDi+TZ,sCkCnyTO,mBlCsyTP,2BkCjyTK,oCACA,ClCoyTL,qCkCjyTO,UlCoyTP,8BkC9xTG,clCiyTH,qCkC9xTK,gBlCiyTL,2BkC5xTG,sCACA,eACA,ClC+xTH,oCkClyTC,2BAMI,6BlCgyTH,CACF,oCkC5xTG,+CACE,alC+xTH,CACF,emCtgUC,oCACA,WACA,CnC0gUD,gCmCvgUG,2BACA,mBlCAS,akCET,wBACA,CnC0gUH,wBmCtgUG,YAjBY,YAkBZ,UACA,eACA,CnCygUH,8BmCtgUK,+BACA,YACA,YACA,CnCygUL,oCmCrgUK,sCACE,anCwgUL,CACF,2BmCpgUK,0CACA,gBACA,kBACA,CnCugUL,oCmC3gUG,2BAOI,gBnCwgUL,CACF,6BmCrgUO,2BACA,clC9BgB,qBkCgChB,0BACA,yBACA,CnCwgUP,kCmCrgUS,iBnCwgUT,mCmCpgUS,WlCzDF,yBkC0DE,yBACA,CnCugUT,sCmCngUS,wCACA,CnCsgUT,8BmCjgUO,2CACA,QACA,CnCogUP,gCmCjgUS,0BACA,CnCogUT,4DmC//TO,WlChFA,yBAkBkB,gBkCgElB,eACA,CnCkgUP,kEmC//TS,yBnCkgUT,4DmC5/TK,0BnC+/TL,gCmC1/TG,4BACA,CnC6/TH,wBmCz/TG,gBAtGY,2BAyGZ,CnC4/TH,oCmChgUC,wBAOI,qCAEA,CnC6/TH,CACF,2BmC1/TK,clCjGoB,ekCkGpB,iBACA,gBACA,oBACA,gCACA,kBACA,CnC6/TL,2BmCz/TK,clC3GoB,ekC4GpB,iBACA,gBACA,kBACA,CnC4/TL,2BmCx/TK,wCACA,gBACA,clCtHkB,mBkCwHlB,kBACA,+BACA,CnC2/TL,2BmCv/TK,6BlC7HoB,iBkC+HpB,eACA,CnC0/TL,yCmCt/TK,WlCrJE,ekCsJF,CnCy/TL,sFmCp/TK,gBnCw/TL,+DmCp/TK,cnCu/TL,2CmCn/TK,+BACA,WlCpKE,oBkCsKF,iBACA,gBACA,kBACA,CnCs/TL,0BmCl/TK,gCACA,clC7JoB,kBkC+JpB,CnCq/TL,iCmCl/TO,WlCnLA,ekCoLA,CnCq/TP,2NmCj/TW,gBnCggUX,2BmCz/TK,oBACA,SACA,2CACA,aACA,CnC4/TL,kCmCz/TO,mBACA,CnC4/TP,oCmCv/TK,alC5LkB,CDsrUvB,sCmCv/TO,alC7LkB,CDurUzB,uCmCr/TK,clCnNU,ekCoNV,CnCw/TL,uCmCp/TK,clCvNM,ekCwNN,CnCu/TL,sCmCn/TK,clChMkB,ekCiMlB,CnCs/TL,oCmCntUD,eAkOI,8BACA,gCACA,CnCq/TD,gEmCj/TG,0BACA,gBACA,CnCq/TH,wBmCj/TG,qBACA,WACA,CnCo/TH,CACF,SmC/+TC,2BACA,CnCm/TD,wBmCh/TG,kCACA,CnCm/TH,mCmCh/TK,mBnCm/TL,2BmC/+TK,8BACA,CnCk/TL,8BmC/+TO,qCACA,CnCk/TP,+BmC7+TK,yCACA,cACA,CnCg/TL,iNmC5+TS,gBnC2/TT,0BmCr/TK,mClC1QkB,qBkC4QlB,yBACA,eACA,gBACA,+BACA,CnCw/TL,gCmCr/TO,WlCnSA,+BkCoSA,CnCw/TP,mCmCp/TO,clCtRkB,+BkCuRlB,CnCu/TP,gBmCh/TC,+BACA,cACA,CnCo/TD,qBmCh/TC,6BACA,aACA,CnCo/TD,uBmCj/TG,cnCo/TH,iBmC/+TC,4BACA,kBACA,CnCm/TD,uBmC/+TC,wBACA,sBACA,YACA,CnCm/TD,8BmCh/TG,mCACA,gBACA,eACA,iBACA,alC/TsB,CDmzUzB,4MmC/+TO,gBnC8/TP,qCmCx/TG,cnC2/TH,+BmCr/TC,+BACA,CnC0/TD,iEmCv/TG,6BACA,2BACA,CnC2/TH,+EmCx/TK,kBnC4/TL,iDmCr/TC,2BACA,qBACA,CnC0/TD,2EmCv/TG,0BACA,kBACA,kBACA,CnC2/TH,sEmCr/TC,enC0/TD,gBmCt/TC,4BACA,iBACA,CnC0/TD,0CmCv/TG,iCACA,CnC0/TH,6BmCt/TG,mBnCy/TH,8CmCr/TG,iBnCw/TH,sDmCr/TK,oCACA,WACA,CnCw/TL,WmCl/TC,iCACA,CnCs/TD,amCn/TG,clC9YsB,oBkC+YtB,CnCs/TH,mBmCn/TK,0BnCs/TL,QmCh/TC,cnCo/TD,WmCh/TC,mCACA,CnCo/TD,mBmCj/TG,wCACA,mBACA,aACA,mBlC5aS,cAOW,0BkCwapB,eACA,iBACA,CnCo/TH,mBmCh/TG,kBnCm/TH,2BmCh/TK,uBACA,kBACA,WACA,WACA,CnCm/TL,oBmC9+TG,4BnCi/TH,kBmC7+TG,qBnCg/TH,sBmC5+TG,alCpboB,CDm6UvB,mBmC3+TG,6CACA,aACA,clCxcoB,gCkC0cpB,eACA,qBACA,eACA,CnC8+TH,iBmC1+TG,iCACA,alCpcoB,CDk7UvB,0BmCz+TG,2BACA,WACA,WACA,YACA,iBACA,CnC4+TH,mCmCz+TK,kBlC9eU,CD09Uf,mCmCx+TK,mBnC2+TL,kCmCv+TK,kBlCreoB,CD+8UzB,qDmCn+TG,clC7esB,qBkC8etB,eACA,CnCw+TH,qBmCp+TG,cnCu+TH,yBmCn+TG,alCvfsB,CD69UzB,qBmCl+TG,alC3gBY,CDg/Uf,wDmC79TC,kClCngBwB,CDw+UzB,gGmCj+TG,gBnCu+TH,wImCl+TK,0CACA,CnCw+TL,gImCp+TK,gEACA,CnC0+TL,qBmCn+TC,+BACA,CnCw+TD,qCmCr+TG,+BAEA,iBACA,CnCy+TH,yDmCp+TK,gEACA,CnCw+TL,emCl+TC,gDACA,CnCs+TD,wBmCn+TG,yBlChkBY,CDsiVf,wBmCl+TG,0BnCq+TH,uBmCj+TG,yBlCrkBQ,CDyiVX,uBmC/9TG,2CACA,iBACA,4BACA,kBACA,eACA,CnCm+TH,yBmCh+TK,alCtkBkB,CDyiVvB,sBmC79TG,yBnCi+TH,oBmC79TG,alClkBoB,CDkiVvB,amC39TC,mBlC5lBW,kBkC6lBX,kBACA,CnC+9TD,sBmC59TG,2CACA,mBACA,YACA,CnC+9TH,+BmC59TK,kBACA,CnC+9TL,+CmC59TO,cnC+9TP,6BmC19TK,8BACA,clC1mBkB,yBkC4mBlB,gBACA,CnC69TL,+BmC19TO,kCACA,CnC69TP,gHmCx9TS,cnC29TT,kCmCt9TO,alCzoBI,CDkmVX,4BmCl9TK,wCACA,4BACA,CnCq9TL,kCmCl9TO,mBnCq9TP,+EmCh9TO,2BACA,sBACA,YACA,alC/oBgB,CDmmVvB,kLmC/8TS,mCACA,sBACA,CnCo9TT,qCmC/8TO,0CACA,CnCk9TP,2CmC/8TS,clCjpBc,iBkCkpBd,eACA,CnCk9TT,uCmC78TO,oCACA,WACA,aACA,qBACA,alC1qBgB,CD2nVvB,UmCz8TC,mBnC+8TD,yBmC98TC,sCACA,CnCq9TD,emCj9TC,qCACA,qBAGA,CnC68TD,ikEoCxpVC,0QpC4pVD,sIoC9oVG,cpCmpVH,wIoC9oVG,cpCkpVH,oIoC7oVG,cpCipVH,4IoC5oVG,cpCgpVH,SqC/qVC,crCmrVD,+BqChrVG,gCACA,kBACA,CrCmrVH,6BqC/qVG,+BACA,CrCkrVH,kEqC9qVG,+BACA,CrCirVH,0DqC5qVG,8BACA,CrCgrVH,kFqC5qVG,8BACA,CrC+qVH,kCqC3qVG,8BACA,CrC8qVH,wBqC1qVG,oCACA,CrC6qVH,2BqCzqVG,oBACA,CrC4qVH,iCqCxqVG,kBACA,kBACA,cACA,CrC2qVH,0CqCvqVG,8BACA,CrC0qVH,yCqCtqVG,+BACA,CrCyqVH,kCqCrqVG,YrCwqVH,qCqCpqVG,gCACA,CrCuqVH,wCqCnqVG,WrCsqVH,gCqClqVG,8BACA,CrCqqVH,8BqCjqVG,WrCoqVH,yBqChqVG,oBACA,CrCmqVH,yDqC9pVG,oCACA,CrCkqVH,2GqC7pVG,iCACA,CrCiqVH,sCqC7pVG,iCACA,CrCgqVH,0BqC5pVG,+BACA,CrC+pVH,uCqC3pVG,qBACA,CrC8pVH,wDqC1pVG,oBACA,CrC6pVH,oFqCppVG,iBACA,CrC2pVH,sGqCtpVG,WrC0pVH,oFqCtpVG,2BACA,gBACA,CrCypVH,kFqCrpVG,8BACA,CrCwpVH,sCqClpVK,+BACA,CrCqpVL,iEqClpVO,8BACA,CrCqpVP,oCqC/oVG,2BACA,gBACA,CrCkpVH,sCqC9oVG,YrCipVH,qCqC7oVG,+BACA,CrCgpVH,yCqC5oVG,+BACA,CrC+oVH,0CqC3oVG,gCACA,WACA,CrC8oVH,wEqCzoVG,8BACA,CrC6oVH,gBqCxoVG,yBrC4oVH,gBqCxoVG,6BACA,CrC2oVH,wBqCvoVG,crC0oVH,6EqCroVG,8BACA,CrCyoVH,mDqCroVG,iCACA,CrCwoVH,+DqCpoVG,iCACA,CrCuoVH,8KqC7nVG,iBACA,CrCqoVH,wDqCjoVG,iCACA,CrCooVH,sDqChoVG,kCACA,CrCmoVH,oDqC/nVG,iBACA,CrCkoVH,6FqC7nVG,iCACA,CrCioVH,2CqC7nVG,mBACA,CrCgoVH,iDqC7nVK,kBACA,8DACA,CrCgoVL,6BqC3nVG,uXrC8nVH,sCqCznVG,iBrC6nVH,iCqCznVG,+BACA,CrC4nVH,+CqCxnVG,oBACA,CrC2nVH,+DqCvnVG,crC0nVH,sDqCtnVG,sBACA,CrCynVH,sDqCrnVG,qBACA,CrCwnVH,sDqCpnVG,qBACA,CrCunVH,iDqCnnVG,OrCsnVH,yCqClnVG,0CACA,CrCqnVH,oDqCjnVG,+BACA,CrConVH,oCqChnVG,kCAEE,kCACA,CrCmnVH,0DqChnVK,mCACA,CrConVL,sEqC7mVK,kCACA,CrCinVL,CACF,4CqC1mVO,8BACA,CrC6mVP,qDqCxmVK,+BACA,CrC2mVL,2DqCrmVK,8BACA,CrCwmVL,6DqCpmVK,+BACA,CrCumVL,kCqClmVG,gCACA,gBACA,CrCqmVH,iCqCjmVG,YrComVH,kCqChmVG,YrCmmVH,mCqC/lVG,8BACA,CrCkmVH,+EqC9lVG,iCACA,CrCimVH,8DqC7lVG,iBACA,CrCgmVH,qBsCr+VC,4BACA,kBAEA,CtCy+VD,yBsCt+VG,uCACA,cACA,kBACA,CtCy+VH,wDsCr+VK,gCACA,iBACA,CtCw+VL,2BsCp+VK,mCACA,aACA,CtCu+VL,oGsCl+VO,mBtCq+VP,qDsC99VG,kCACA,eACA,iBACA,WrCnCI,uBqCqCJ,mBACA,gBACA,CtCi+VH,2BsC79VG,etCg+VH,4BsC59VG,6BrC/BoB,kBqCiCpB,eACA,CtC+9VH,oBsC19VC,4BACA,aACA,CtC89VD,wBsC39VG,mCACA,CtC89VH,4BsC39VK,ctC89VL,qCsCz9VG,crCpDsB,gBqCqDtB,oBACA,8E","file":"flavours/glitch/common.css","sourcesContent":[".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  transition: color 100ms ease-in;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    transition: color 200ms ease-out;\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\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    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\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: none;\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: color 100ms ease-in;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    transition: color 200ms ease-out;\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  strong {\n    display: block;\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  &:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.tabs-bar {\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  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 200ms linear;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      transition: all 100ms linear;\n    }\n  }\n\n  span:last-child {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@include multi-columns('screen and (min-width: 631px)', $parent: null) {\n  .tabs-bar {\n    display: none;\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.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: all 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  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\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}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  display: none;\n  left: 4px;\n  position: absolute;\n  text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n  top: 4px;\n  z-index: 100;\n\n  &.spoiler-button--visible {\n    display: block;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n","@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: sans-serif, sans-serif;\n  background: #040609;\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\", sans-serif, sans-serif;\n}\nbody.app-body {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  background: #121a24;\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  margin-right: 13px;\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  position: fixed;\n  width: 100%;\n  height: 100%;\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 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  height: 100%;\n  align-items: center;\n  justify-content: center;\n  outline: 0 !important;\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 img {\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: sans-serif, 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  width: 40px;\n  height: 40px;\n  background-size: 40px 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  border-radius: 8%;\n  background-position: 50%;\n  background-clip: padding-box;\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.grid-3 .landing-page__call-to-action {\n  min-height: 100%;\n}\n@media screen and (max-width: 738px) {\n  .grid-3 {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n  }\n  .grid-3 .landing-page__call-to-action {\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .grid-3 .row__information-board {\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n  }\n  .grid-3 .row__mascot {\n    display: none;\n  }\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@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 img {\n  display: block;\n  height: 18px;\n  width: auto;\n  position: relative;\n  bottom: -2px;\n}\n@media screen and (max-width: 415px) {\n  .public-layout .header .brand img {\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.inactive .logo-button svg path:last-child {\n  fill: #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  width: 120px;\n  height: 120px;\n  background-size: 120px 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  border-radius: 8%;\n  background-position: 50%;\n  background-clip: padding-box;\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    width: 48px;\n    height: 48px;\n    background-size: 48px 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    border-radius: 8%;\n    background-position: 50%;\n    background-clip: padding-box;\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: sans-serif, 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 .static-icon-button {\n  color: #3e5a7c;\n  font-size: 18px;\n}\n.public-layout .static-icon-button > span {\n  font-size: 14px;\n  font-weight: 500;\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.modal-layout {\n  background: #121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233E5A7C\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n.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.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}\n.public-layout .footer .brand svg path {\n  fill: #4c6d98;\n}\n.public-layout .footer .brand:hover svg path, .public-layout .footer .brand:focus svg path, .public-layout .footer .brand:active svg path {\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  height: 167px;\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\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.contact-widget,\n.landing-page__information.contact-widget {\n  box-sizing: border-box;\n  padding: 20px;\n  min-height: 100%;\n  border-radius: 4px;\n  background: #121a24;\n  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n\n.contact-widget {\n  font-size: 15px;\n  color: #9baec8;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n}\n.contact-widget strong {\n  font-weight: 500;\n}\n.contact-widget p {\n  margin-bottom: 10px;\n}\n.contact-widget p:last-child {\n  margin-bottom: 0;\n}\n.contact-widget__mail {\n  margin-top: 10px;\n}\n.contact-widget__mail a {\n  color: #ffffff;\n  text-decoration: none;\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  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\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  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  text-decoration: underline;\n}\n\ncode {\n  font-family: 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 .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 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 .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[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]: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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") 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 .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 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: none;\n  padding: 10px;\n  font-family: 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: 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: 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  width: 48px;\n  height: 48px;\n  background-size: 48px 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  border-radius: 8%;\n  background-position: 50%;\n  background-clip: padding-box;\n  background: #040609;\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  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  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  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  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@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}\n.button.logo-button svg path:first-child {\n  fill: #ffffff;\n}\n.button.logo-button svg path:last-child {\n  fill: #d8a070;\n}\n.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {\n  background: #e3bb98;\n}\n.button.logo-button:active svg path:last-child, .button.logo-button:focus svg path:last-child, .button.logo-button:hover svg path:last-child {\n  fill: #e3bb98;\n}\n.button.logo-button:disabled svg path:last-child, .button.logo-button.disabled svg path:last-child {\n  fill: #9baec8;\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:disabled:active svg path:last-child, .button.logo-button:disabled:focus svg path:last-child, .button.logo-button:disabled:hover svg path:last-child, .button.logo-button.disabled:active svg path:last-child, .button.logo-button.disabled:focus svg path:last-child, .button.logo-button.disabled:hover svg path:last-child {\n  fill: #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.button.logo-button.button--destructive:active svg path:last-child, .button.logo-button.button--destructive:focus svg path:last-child, .button.logo-button.button--destructive:hover svg path:last-child {\n  fill: #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  padding: 8px 0;\n  padding-bottom: 2px;\n  margin: initial;\n  margin-left: 78px;\n  padding-top: 15px;\n}\n.embed .status__prepend-icon-wrapper,\n.public-layout .status__prepend-icon-wrapper {\n  position: absolute;\n  margin: initial;\n  float: initial;\n  width: auto;\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\n.embed .status .status__info,\n.public-layout .status .status__info {\n  font-size: 15px;\n  display: initial;\n}\n.embed .status .status__relative-time,\n.public-layout .status .status__relative-time {\n  color: #3e5a7c;\n  float: right;\n  font-size: 14px;\n  width: auto;\n  margin: initial;\n  padding: initial;\n}\n.embed .status .status__info .status__display-name,\n.public-layout .status .status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding: 6px 0;\n  padding-right: 25px;\n  margin: initial;\n}\n.embed .status .status__info .status__display-name .display-name strong,\n.public-layout .status .status__info .status__display-name .display-name strong {\n  display: inline;\n}\n.embed .status .status__avatar,\n.public-layout .status .status__avatar {\n  height: 48px;\n  position: absolute;\n  width: 48px;\n  margin: initial;\n}\n\n.rtl .embed .status .status__relative-time, .rtl .public-layout .status .status__relative-time {\n  float: left;\n}\n\n.app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n  background-color: #d59864;\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: #e0b38c;\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 {\n  background-color: #9baec8;\n  cursor: default;\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  font-size: 16px;\n  line-height: 36px;\n  height: auto;\n  color: #9baec8;\n  text-transform: none;\n  background: transparent;\n  padding: 3px 15px;\n  border-radius: 4px;\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.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: #3e5a7c;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  transition: color 100ms ease-in;\n}\n.icon-button:hover, .icon-button:active, .icon-button:focus {\n  color: #4a6b94;\n  transition: color 200ms ease-out;\n}\n.icon-button.disabled {\n  color: #283a50;\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}\n.icon-button.inverted.disabled {\n  color: #4a6b94;\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: none;\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: color 100ms ease-in;\n}\n.text-icon-button:hover, .text-icon-button:active, .text-icon-button:focus {\n  color: #324965;\n  transition: color 200ms ease-out;\n}\n.text-icon-button.disabled {\n  color: #6b8cb5;\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  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n.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.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n}\n.notification__favourite-icon-wrapper .fa.star-icon {\n  color: #ca8f04;\n}\n\n.star-icon.active {\n  color: #ca8f04;\n}\n\n.bookmark-icon.active {\n  color: #ff5050;\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.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.display-name strong {\n  display: block;\n  height: 18px;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.display-name span {\n  display: block;\n  height: 18px;\n  font-size: 15px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.display-name:hover strong {\n  text-decoration: underline;\n}\n.display-name.inline {\n  padding: 0;\n  height: 18px;\n  font-size: 15px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.display-name.inline strong {\n  display: inline;\n  height: auto;\n  font-size: inherit;\n  line-height: inherit;\n}\n.display-name.inline span {\n  display: inline;\n  height: auto;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n.image-loader .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.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}\n.dropdown-menu ul {\n  list-style: none;\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.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: #3e5a7c;\n}\n.static-content h1 {\n  font-size: 16px;\n  font-weight: 500;\n  margin-bottom: 40px;\n  text-align: center;\n}\n.static-content p {\n  font-size: 13px;\n  margin-bottom: 20px;\n}\n\n.tabs-bar {\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  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 200ms linear;\n}\n.tabs-bar__link .fa {\n  font-weight: 400;\n  font-size: 16px;\n}\n.tabs-bar__link.active {\n  border-bottom: 2px solid #d8a070;\n  color: #d8a070;\n}\n@media screen and (min-width: 631px) {\n  .auto-columns .tabs-bar__link:hover, .auto-columns .tabs-bar__link:focus, .auto-columns .tabs-bar__link:active {\n    background: #2a3c54;\n    transition: all 100ms linear;\n  }\n}\n.multi-columns .tabs-bar__link:hover, .multi-columns .tabs-bar__link:focus, .multi-columns .tabs-bar__link:active {\n  background: #2a3c54;\n  transition: all 100ms linear;\n}\n.tabs-bar__link span:last-child {\n  margin-left: 5px;\n  display: none;\n}\n\n@media screen and (min-width: 631px) {\n  .auto-columns .tabs-bar {\n    display: none;\n  }\n}\n\n.multi-columns .tabs-bar {\n  display: none;\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.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: all 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  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\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}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: #d8a070;\n}\n\n.getting-started__wrapper,\n.getting_started {\n  background: #121a24;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.getting-started {\n  background: #121a24;\n  flex: 1 0 auto;\n}\n.getting-started p {\n  color: #d9e1e8;\n}\n.getting-started a {\n  color: #3e5a7c;\n}\n.getting-started__panel {\n  height: min-content;\n}\n.getting-started__panel, .getting-started__footer {\n  padding: 10px;\n  padding-top: 20px;\n  flex: 0 1 auto;\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  color: #3e5a7c;\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\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.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  color: #9baec8;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid #9baec8;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n}\n.setting-text:focus, .setting-text:active {\n  color: #ffffff;\n  border-bottom-color: #d8a070;\n}\n@media screen and (max-width: 600px) {\n  .auto-columns .setting-text, .single-column .setting-text {\n    font-size: 16px;\n  }\n}\n.setting-text.light {\n  color: #121a24;\n  border-bottom: 2px solid #405c80;\n}\n.setting-text.light:focus, .setting-text.light:active {\n  color: #121a24;\n  border-bottom-color: #d8a070;\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.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: #283a50;\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.missing-indicator {\n  padding-top: 68px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid #121a24;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px;\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n  display: flex;\n}\n.notification__dismiss-overlay .wrappy {\n  width: 4rem;\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #202e3f;\n  border-left: 1px solid #344b68;\n  box-shadow: 0 0 5px black;\n  border-bottom: 1px solid #121a24;\n}\n.notification__dismiss-overlay .ckbox {\n  border: 2px solid #9baec8;\n  border-radius: 2px;\n  width: 30px;\n  height: 30px;\n  font-size: 20px;\n  color: #9baec8;\n  text-shadow: 0 0 5px black;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.notification__dismiss-overlay:focus {\n  outline: 0 !important;\n}\n.notification__dismiss-overlay:focus .ckbox {\n  box-shadow: 0 0 1px 1px #d8a070;\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: #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.spoiler-button {\n  display: none;\n  left: 4px;\n  position: absolute;\n  text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n  top: 4px;\n  z-index: 100;\n}\n.spoiler-button.spoiler-button--visible {\n  display: block;\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: #9baec8;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: #9baec8;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n  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.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\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.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: #d8a070;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -0.25em;\n  top: -0.25em;\n  background-color: #d8a070;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\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}\nbutton.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%233E5A7C' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\");\n}\nbutton.icon-button i.fa-retweet:hover {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%234A6B94' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\");\n}\n\nbutton.icon-button.disabled i.fa-retweet, button.icon-button.disabled i.fa-retweet:hover {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/></svg>\");\n}\n\n.status-direct button.icon-button.disabled i.fa-retweet, .status-direct button.icon-button.disabled i.fa-retweet:hover {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/></svg>\");\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid #202e3f;\n  color: inherit;\n  text-decoration: none;\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.account.small {\n  border: none;\n  padding: 0;\n}\n.account.small > .account__avatar-wrapper {\n  margin: 0 8px 0 0;\n}\n.account.small > .display-name {\n  height: 24px;\n  line-height: 24px;\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: 8%;\n  background-position: 50%;\n  background-clip: padding-box;\n  position: relative;\n  cursor: pointer;\n}\n.account__avatar-inline {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 5px;\n}\n\n.account__avatar-overlay {\n  position: relative;\n  width: 48px;\n  height: 48px;\n  background-size: 48px 48px;\n}\n.account__avatar-overlay-base {\n  border-radius: 8%;\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: 8%;\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__header__wrapper {\n  flex: 0 0 auto;\n  background: #192432;\n}\n\n.account__disclaimer {\n  padding: 10px;\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-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid #202e3f;\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n}\n.account__action-bar__tab:first-child {\n  border-left: 0;\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.account__action-bar__tab abbr {\n  color: #d8a070;\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.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: #9baec8;\n  font-size: 15px;\n  position: relative;\n}\n.notification__message .fa {\n  color: #d8a070;\n}\n.notification__message > span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\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: none;\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::-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.account-gallery__container {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  padding: 2px;\n}\n\n.account-gallery__item {\n  flex-grow: 1;\n  width: 50%;\n  overflow: hidden;\n  position: relative;\n}\n.account-gallery__item::before {\n  content: \"\";\n  display: block;\n  padding-top: 100%;\n}\n.account-gallery__item a {\n  display: block;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  margin: 2px;\n  top: 0;\n  left: 0;\n  background-color: #000000;\n  background-size: cover;\n  background-position: center;\n  position: absolute;\n  color: #9baec8;\n  text-decoration: none;\n  border-radius: 4px;\n}\n.account-gallery__item a:hover, .account-gallery__item a:active, .account-gallery__item a:focus {\n  outline: 0;\n  color: #d9e1e8;\n}\n.account-gallery__item a:hover::before, .account-gallery__item a:active::before, .account-gallery__item a:focus::before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  border-radius: 4px;\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\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.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.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.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n}\n.status__content:focus {\n  outline: 0;\n}\n.status__content .emojione {\n  width: 20px;\n  height: 20px;\n  margin: -3px 0 0;\n}\n.status__content img {\n  max-width: 100%;\n  max-height: 400px;\n  object-fit: contain;\n}\n.status__content p, .status__content pre, .status__content blockquote {\n  margin-bottom: 20px;\n  white-space: pre-wrap;\n}\n.status__content p:last-child, .status__content pre:last-child, .status__content blockquote:last-child {\n  margin-bottom: 0;\n}\n.status__content .status__content__text h1, .status__content .status__content__text h2, .status__content .status__content__text h3, .status__content .status__content__text h4, .status__content .status__content__text h5 {\n  margin-top: 20px;\n  margin-bottom: 20px;\n}\n.status__content .status__content__text h1, .status__content .status__content__text h2 {\n  font-weight: 700;\n  font-size: 18px;\n}\n.status__content .status__content__text h2 {\n  font-size: 16px;\n}\n.status__content .status__content__text h3, .status__content .status__content__text h4, .status__content .status__content__text h5 {\n  font-weight: 500;\n}\n.status__content .status__content__text blockquote {\n  padding-left: 10px;\n  border-left: 3px solid #9baec8;\n  color: #9baec8;\n  white-space: normal;\n}\n.status__content .status__content__text blockquote p:last-child {\n  margin-bottom: 0;\n}\n.status__content .status__content__text b, .status__content .status__content__text strong {\n  font-weight: 700;\n}\n.status__content .status__content__text em, .status__content .status__content__text i {\n  font-style: italic;\n}\n.status__content .status__content__text sub {\n  font-size: smaller;\n  text-align: sub;\n}\n.status__content .status__content__text ul, .status__content .status__content__text ol {\n  margin-left: 1em;\n}\n.status__content .status__content__text ul p, .status__content .status__content__text ol p {\n  margin: 0;\n}\n.status__content .status__content__text ul {\n  list-style-type: disc;\n}\n.status__content .status__content__text ol {\n  list-style-type: decimal;\n}\n.status__content a {\n  color: #d8a070;\n  text-decoration: none;\n}\n.status__content a:hover {\n  text-decoration: underline;\n}\n.status__content a:hover .fa {\n  color: #4a6b94;\n}\n.status__content a.mention:hover {\n  text-decoration: none;\n}\n.status__content a.mention:hover span {\n  text-decoration: underline;\n}\n.status__content a .fa {\n  color: #3e5a7c;\n}\n.status__content .status__content__spoiler {\n  display: none;\n}\n.status__content .status__content__spoiler.status__content__spoiler--visible {\n  display: block;\n}\n.status__content .status__content__spoiler-link {\n  background: #45648a;\n}\n.status__content .status__content__spoiler-link:hover {\n  background: #4a6b94;\n  text-decoration: none;\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: #45648a;\n  border: none;\n  color: #121a24;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n}\n.status__content__spoiler-link:hover {\n  background: #4a6b94;\n  text-decoration: none;\n}\n.status__content__spoiler-link .status__content__spoiler-icon {\n  display: inline-block;\n  margin: 0 0 0 5px;\n  border-left: 1px solid currentColor;\n  padding: 0 0 0 4px;\n  font-size: 16px;\n  vertical-align: -2px;\n}\n\n.notif-cleaning .status, .notif-cleaning .notification-follow {\n  padding-right: 4.5rem;\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  float: left;\n  margin: 0 10px 0 -58px;\n  width: 48px;\n  text-align: right;\n}\n\n.notification-follow {\n  position: relative;\n  border-bottom: 1px solid #202e3f;\n}\n.notification-follow .account {\n  border-bottom: 0 none;\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: 10px 14px;\n  position: relative;\n  height: auto;\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: 28px;\n  }\n}\n@keyframes fade {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.status .video-player {\n  margin-top: 8px;\n}\n.status.status-direct {\n  background: #202e3f;\n}\n.status.light .status__relative-time {\n  color: #3e5a7c;\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: #3e5a7c;\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.status.collapsed {\n  background-position: center;\n  background-size: cover;\n  user-select: none;\n}\n.status.collapsed.has-background::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));\n  pointer-events: none;\n  content: \"\";\n}\n.status.collapsed .display-name:hover .display-name__html {\n  text-decoration: none;\n}\n.status.collapsed .status__content {\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 0;\n}\n.status.collapsed .status__content:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(rgba(18, 26, 36, 0), #121a24);\n  pointer-events: none;\n}\n.status.collapsed .status__content a:hover {\n  text-decoration: none;\n}\n.status.collapsed:focus > .status__content:after {\n  background: linear-gradient(rgba(25, 36, 50, 0), #192432);\n}\n.status.collapsed.status-direct > .status__content:after {\n  background: linear-gradient(rgba(32, 46, 63, 0), #202e3f);\n}\n.status.collapsed .notification__message {\n  margin-bottom: 0;\n}\n.status.collapsed .status__info .notification__message > span {\n  white-space: nowrap;\n}\n.status .notification__message {\n  margin: -10px 0px 10px 0;\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  display: inline-block;\n  margin-left: auto;\n  padding-left: 18px;\n  width: 120px;\n  color: #3e5a7c;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  margin: 0 auto 0 0;\n  color: #3e5a7c;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  font-size: 15px;\n}\n.status__info > span {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.status__info .notification__message > span {\n  word-wrap: break-word;\n}\n\n.status__info__icons {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: #3e5a7c;\n}\n.status__info__icons .status__media-icon {\n  padding-left: 6px;\n  padding-right: 1px;\n}\n.status__info__icons .status__visibility-icon {\n  padding-left: 4px;\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\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  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: -10px -10px 10px;\n  color: #3e5a7c;\n  padding: 8px 10px 0 68px;\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 .video-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.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,\n.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  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted .status__content,\n.muted .status__content p,\n.muted .status__content a,\n.muted .status__content_text {\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: #436187;\n  text-decoration: none;\n}\n\n.status__relative-time:hover,\n.detailed-status__datetime:hover {\n  text-decoration: underline;\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: 4px;\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: #ffffff;\n  background: transparent;\n  border: 0;\n  padding: 0 5px;\n  text-decoration: none;\n  opacity: 0.6;\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  opacity: 1;\n}\n.status-card__actions a {\n  font-size: 19px;\n  position: relative;\n  bottom: -1px;\n}\n.status-card__actions a .fa, .status-card__actions a:hover .fa {\n  color: inherit;\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.status__video-player {\n  display: flex;\n  align-items: center;\n  background: #000000;\n  box-sizing: border-box;\n  cursor: default;\n  /* May not be needed */\n  margin-top: 8px;\n  overflow: hidden;\n  position: relative;\n}\n.status__video-player.full-width {\n  margin-left: -14px;\n  margin-right: -14px;\n  width: inherit;\n  max-width: none;\n  height: 250px;\n  border-radius: 0px;\n}\n\n.status__video-player-video {\n  height: 100%;\n  object-fit: contain;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n.status__video-player-video:not(.letterbox) {\n  height: 100%;\n  object-fit: cover;\n}\n\n.status__video-player-expand,\n.status__video-player-mute {\n  color: #ffffff;\n  opacity: 0.8;\n  position: absolute;\n  right: 4px;\n  text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n}\n\n.status__video-player-spoiler {\n  display: none;\n  color: #ffffff;\n  left: 4px;\n  position: absolute;\n  text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n  top: 4px;\n  z-index: 100;\n}\n.status__video-player-spoiler.status__video-player-spoiler--visible {\n  display: block;\n}\n\n.status__video-player-expand {\n  bottom: 4px;\n  z-index: 100;\n}\n\n.status__video-player-mute {\n  top: 4px;\n  z-index: 5;\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.modal-container--preloader {\n  background: #202e3f;\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.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.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n}\n.onboarding-modal__pager .react-swipeable-view-container > div {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  user-select: text;\n}\n\n.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@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n.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.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: #a6b9c9;\n  margin: 0 3px;\n  cursor: pointer;\n}\n.onboarding-modal__dot:hover {\n  background: #a0b4c5;\n}\n.onboarding-modal__dot.active {\n  cursor: default;\n  background: #8da5ba;\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n}\n.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active {\n  pointer-events: auto;\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n}\n.onboarding-modal__page h1 {\n  font-size: 18px;\n  font-weight: 500;\n  color: #121a24;\n  margin-bottom: 20px;\n}\n.onboarding-modal__page a {\n  color: #d8a070;\n}\n.onboarding-modal__page a:hover, .onboarding-modal__page a:focus, .onboarding-modal__page a:active {\n  color: #dcab80;\n}\n.onboarding-modal__page .navigation-bar a {\n  color: inherit;\n}\n.onboarding-modal__page p {\n  font-size: 16px;\n  color: #3e5a7c;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n.onboarding-modal__page p:last-child {\n  margin-bottom: 0;\n}\n.onboarding-modal__page p strong {\n  font-weight: 500;\n  background: #121a24;\n  color: #d9e1e8;\n  border-radius: 4px;\n  font-size: 14px;\n  padding: 3px 6px;\n}\n.onboarding-modal__page p strong:lang(ja) {\n  font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(ko) {\n  font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-CN) {\n  font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-HK) {\n  font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-TW) {\n  font-weight: 700;\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one__lead {\n  padding: 65px;\n  padding-top: 45px;\n  padding-bottom: 0;\n  margin-bottom: 10px;\n}\n.onboarding-modal__page-one__lead h1 {\n  font-size: 26px;\n  line-height: 36px;\n  margin-bottom: 8px;\n}\n.onboarding-modal__page-one__lead p {\n  margin-bottom: 0;\n}\n.onboarding-modal__page-one__extra {\n  padding-right: 65px;\n  padding-left: 185px;\n  text-align: 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.onboarding-modal__page-two p,\n.onboarding-modal__page-three p,\n.onboarding-modal__page-four p,\n.onboarding-modal__page-five p {\n  text-align: left;\n}\n.onboarding-modal__page-two .figure,\n.onboarding-modal__page-three .figure,\n.onboarding-modal__page-four .figure,\n.onboarding-modal__page-five .figure {\n  background: #040609;\n  color: #d9e1e8;\n  margin-bottom: 20px;\n  border-radius: 4px;\n  padding: 10px;\n  text-align: center;\n  font-size: 14px;\n  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);\n}\n.onboarding-modal__page-two .figure .onboarding-modal__image,\n.onboarding-modal__page-three .figure .onboarding-modal__image,\n.onboarding-modal__page-four .figure .onboarding-modal__image,\n.onboarding-modal__page-five .figure .onboarding-modal__image {\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n.onboarding-modal__page-two .figure.non-interactive,\n.onboarding-modal__page-three .figure.non-interactive,\n.onboarding-modal__page-four .figure.non-interactive,\n.onboarding-modal__page-five .figure.non-interactive {\n  pointer-events: none;\n  text-align: left;\n}\n\n.onboarding-modal__page-four__columns .row {\n  display: flex;\n  margin-bottom: 20px;\n}\n.onboarding-modal__page-four__columns .row > div {\n  flex: 1 1 0;\n  margin: 0 10px;\n}\n.onboarding-modal__page-four__columns .row > div:first-child {\n  margin-left: 0;\n}\n.onboarding-modal__page-four__columns .row > div:last-child {\n  margin-right: 0;\n}\n.onboarding-modal__page-four__columns .row > div p {\n  text-align: center;\n}\n.onboarding-modal__page-four__columns .row:last-child {\n  margin-bottom: 0;\n}\n.onboarding-modal__page-four__columns .column-header {\n  color: #ffffff;\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n.onboarding-modal__page-three .figure,\n.onboarding-modal__page-four .figure,\n.onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal, .doodle-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-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__relative-time, .doodle-modal .status__relative-time,\n.favourite-modal .status__relative-time,\n.confirmation-modal .status__relative-time,\n.report-modal .status__relative-time,\n.actions-modal .status__relative-time,\n.mute-modal .status__relative-time {\n  color: #3e5a7c;\n  float: right;\n  font-size: 14px;\n  width: auto;\n  margin: initial;\n  padding: initial;\n}\n.boost-modal .status__display-name, .doodle-modal .status__display-name,\n.favourite-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  display: flex;\n}\n.boost-modal .status__avatar, .doodle-modal .status__avatar,\n.favourite-modal .status__avatar,\n.confirmation-modal .status__avatar,\n.report-modal .status__avatar,\n.actions-modal .status__avatar,\n.mute-modal .status__avatar {\n  height: 48px;\n  width: 48px;\n}\n.boost-modal .status__content__spoiler-link, .doodle-modal .status__content__spoiler-link,\n.favourite-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  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.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n}\n.boost-modal__container .status,\n.favourite-modal__container .status {\n  user-select: text;\n  border-bottom: 0;\n}\n\n.boost-modal__action-bar, .doodle-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-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, .doodle-modal__action-bar > div,\n.favourite-modal__action-bar > div,\n.confirmation-modal__action-bar > div,\n.mute-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, .doodle-modal__action-bar .button,\n.favourite-modal__action-bar .button,\n.confirmation-modal__action-bar .button,\n.mute-modal__action-bar .button {\n  flex: 0 0 auto;\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal {\n  line-height: 24px;\n}\n\n.mute-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  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  color: #d8a070;\n}\n@media screen and (max-width: 480px) {\n  .report-modal__statuses {\n    max-height: 10vh;\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: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n  border: 1px solid #d9e1e8;\n  margin-bottom: 20px;\n}\n.report-modal__comment .setting-text:focus {\n  border: 1px solid #c0cdd9;\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.report-modal__target {\n  padding: 20px;\n}\n.report-modal__target .media-modal__close {\n  top: 19px;\n  right: 15px;\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 strong {\n  display: block;\n  font-weight: 500;\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 > .react-toggle, .actions-modal ul li:not(:empty) a > .icon,\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.confirmation-modal__action-bar .confirmation-modal__cancel-button,\n.confirmation-modal__action-bar .mute-modal__cancel-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__cancel-button,\n.mute-modal__action-bar .mute-modal__cancel-button {\n  background-color: transparent;\n  color: #3e5a7c;\n  font-size: 14px;\n  font-weight: 500;\n}\n.confirmation-modal__action-bar .confirmation-modal__secondary-button:hover, .confirmation-modal__action-bar .confirmation-modal__secondary-button:focus, .confirmation-modal__action-bar .confirmation-modal__secondary-button:active,\n.confirmation-modal__action-bar .confirmation-modal__cancel-button:hover,\n.confirmation-modal__action-bar .confirmation-modal__cancel-button:focus,\n.confirmation-modal__action-bar .confirmation-modal__cancel-button:active,\n.confirmation-modal__action-bar .mute-modal__cancel-button:hover,\n.confirmation-modal__action-bar .mute-modal__cancel-button:focus,\n.confirmation-modal__action-bar .mute-modal__cancel-button:active,\n.mute-modal__action-bar .confirmation-modal__secondary-button:hover,\n.mute-modal__action-bar .confirmation-modal__secondary-button:focus,\n.mute-modal__action-bar .confirmation-modal__secondary-button:active,\n.mute-modal__action-bar .confirmation-modal__cancel-button:hover,\n.mute-modal__action-bar .confirmation-modal__cancel-button:focus,\n.mute-modal__action-bar .confirmation-modal__cancel-button:active,\n.mute-modal__action-bar .mute-modal__cancel-button:hover,\n.mute-modal__action-bar .mute-modal__cancel-button:focus,\n.mute-modal__action-bar .mute-modal__cancel-button:active {\n  color: #37506f;\n}\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button {\n  flex-shrink: 1;\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n  font-size: 14px;\n}\n.confirmation-modal__do_not_ask_again label, .confirmation-modal__do_not_ask_again input {\n  vertical-align: middle;\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n  text-align: center;\n}\n.confirmation-modal__container strong,\n.mute-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.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.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.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.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.report-modal__target strong:lang(zh-TW) {\n  font-weight: 700;\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: none;\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.focal-point {\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n}\n.focal-point.dragging {\n  cursor: move;\n}\n.focal-point img {\n  max-width: 80vw;\n  max-height: 80vh;\n  width: auto;\n  height: auto;\n  margin: auto;\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\n.composer {\n  padding: 10px;\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0;\n}\n.composer--spoiler.composer--spoiler--visible {\n  height: 47px;\n  opacity: 1;\n}\n.composer--spoiler input {\n  display: block;\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  border-radius: 4px;\n  padding: 10px;\n  width: 100%;\n  outline: 0;\n  color: #121a24;\n  background: #ffffff;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n}\n.composer--spoiler input:focus {\n  outline: 0;\n}\n@media screen and (max-width: 630px) {\n  .auto-columns .composer--spoiler input {\n    font-size: 16px;\n  }\n}\n.single-column .composer--spoiler input {\n  font-size: 16px;\n}\n\n.composer--warning {\n  color: #121a24;\n  margin-bottom: 15px;\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.composer--warning a {\n  color: #3e5a7c;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.composer--warning a:active, .composer--warning a:focus, .composer--warning a:hover {\n  text-decoration: none;\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: #9baec8;\n}\n.composer--reply > header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n.composer--reply > header > .account.small {\n  color: #121a24;\n}\n.composer--reply > header > .cancel {\n  float: right;\n  line-height: 24px;\n}\n.composer--reply > .content {\n  position: relative;\n  margin: 10px 0;\n  padding: 0 12px;\n  font-size: 14px;\n  line-height: 20px;\n  color: #121a24;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  white-space: pre-wrap;\n  padding-top: 5px;\n}\n.composer--reply > .content p {\n  margin-bottom: 20px;\n}\n.composer--reply > .content p:last-child {\n  margin-bottom: 0;\n}\n.composer--reply > .content a {\n  color: #3e5a7c;\n  text-decoration: none;\n}\n.composer--reply > .content a:hover {\n  text-decoration: underline;\n}\n.composer--reply > .content a.mention:hover {\n  text-decoration: none;\n}\n.composer--reply > .content a.mention:hover span {\n  text-decoration: underline;\n}\n.composer--reply .emojione {\n  width: 20px;\n  height: 20px;\n  margin: -5px 0 0;\n}\n\n.emoji-picker-dropdown {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n}\n.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,\n.emoji-picker-dropdown ::-webkit-scrollbar-track:active {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n\n.composer--textarea,\n.autosuggest-input {\n  position: relative;\n}\n.composer--textarea label .autosuggest-textarea__textarea,\n.autosuggest-input label .autosuggest-textarea__textarea {\n  display: block;\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  border-radius: 4px 4px 0 0;\n  padding: 10px 32px 0 10px;\n  width: 100%;\n  min-height: 100px;\n  outline: 0;\n  color: #121a24;\n  background: #ffffff;\n  font-size: 14px;\n  font-family: inherit;\n  resize: none;\n  scrollbar-color: initial;\n}\n.composer--textarea label .autosuggest-textarea__textarea::-webkit-scrollbar,\n.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar {\n  all: unset;\n}\n.composer--textarea label .autosuggest-textarea__textarea:disabled,\n.autosuggest-input label .autosuggest-textarea__textarea:disabled {\n  background: #d9e1e8;\n}\n.composer--textarea label .autosuggest-textarea__textarea:focus,\n.autosuggest-input label .autosuggest-textarea__textarea:focus {\n  outline: 0;\n}\n@media screen and (max-width: 630px) {\n  .auto-columns .composer--textarea label .autosuggest-textarea__textarea,\n.auto-columns .autosuggest-input label .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n}\n.single-column .composer--textarea label .autosuggest-textarea__textarea,\n.single-column .autosuggest-input label .autosuggest-textarea__textarea {\n  font-size: 16px;\n}\n@media screen and (max-width: 600px) {\n  .auto-columns .composer--textarea label .autosuggest-textarea__textarea, .single-column .composer--textarea label .autosuggest-textarea__textarea,\n.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,\n.single-column .autosuggest-input label .autosuggest-textarea__textarea {\n    height: 100px !important;\n    resize: vertical;\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n}\n.composer--textarea--icons > .textarea_icon {\n  display: block;\n  margin: 2px 0 0 2px;\n  width: 24px;\n  height: 24px;\n  color: #3e5a7c;\n  font-size: 18px;\n  line-height: 24px;\n  text-align: center;\n  opacity: 0.8;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: #121a24;\n  background: #d9e1e8;\n  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 10px;\n  font-size: 14px;\n  line-height: 18px;\n  overflow: hidden;\n  cursor: pointer;\n}\n.autosuggest-textarea__suggestions__item:hover, .autosuggest-textarea__suggestions__item:focus, .autosuggest-textarea__suggestions__item:active, .autosuggest-textarea__suggestions__item.selected {\n  background: #b9c8d5;\n}\n.autosuggest-textarea__suggestions__item > .emoji img {\n  display: block;\n  float: left;\n  margin-right: 8px;\n  width: 18px;\n  height: 18px;\n}\n.autosuggest-textarea__suggestions__item > .account.small .display-name > span {\n  color: #3e5a7c;\n}\n\n.composer--upload_form {\n  overflow: hidden;\n}\n.composer--upload_form > .content {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  font-family: inherit;\n  padding: 5px;\n  overflow: hidden;\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n}\n.composer--upload_form--item > div {\n  position: relative;\n  border-radius: 4px;\n  height: 140px;\n  width: 100%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  overflow: hidden;\n}\n.composer--upload_form--item > div textarea {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  bottom: 0;\n  left: 0;\n  margin: 0;\n  border: 0;\n  padding: 10px;\n  width: 100%;\n  color: #d9e1e8;\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n  font-size: 14px;\n  font-family: inherit;\n  font-weight: 500;\n  opacity: 0;\n  z-index: 2;\n  transition: opacity 0.1s ease;\n}\n.composer--upload_form--item > div textarea:focus {\n  color: #ffffff;\n}\n.composer--upload_form--item > div textarea::placeholder {\n  opacity: 0.54;\n  color: #d9e1e8;\n}\n.composer--upload_form--item > div > .close {\n  mix-blend-mode: difference;\n}\n.composer--upload_form--item.active > div textarea {\n  opacity: 1;\n}\n\n.composer--upload_form--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.composer--upload_form--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.composer--upload_form--actions .icon-button:hover, .composer--upload_form--actions .icon-button:focus, .composer--upload_form--actions .icon-button:active {\n  color: #e6ebf0;\n}\n.composer--upload_form--actions.active {\n  opacity: 1;\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: #9baec8;\n  overflow: hidden;\n}\n.composer--upload_form--progress > .fa {\n  font-size: 34px;\n  margin-right: 10px;\n}\n.composer--upload_form--progress > .message {\n  flex: 1 1 auto;\n}\n.composer--upload_form--progress > .message > span {\n  display: block;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n}\n.composer--upload_form--progress > .message > .backdrop {\n  position: relative;\n  margin-top: 5px;\n  border-radius: 6px;\n  width: 100%;\n  height: 6px;\n  background: #3e5a7c;\n}\n.composer--upload_form--progress > .message > .backdrop > .tracker {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 6px;\n  border-radius: 6px;\n  background: #d8a070;\n}\n\n.compose-form__modifiers {\n  color: #121a24;\n  font-family: inherit;\n  font-size: 14px;\n  background: #ffffff;\n}\n\n.composer--options {\n  padding: 10px;\n  background: #ebebeb;\n  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n}\n.composer--options > * {\n  display: inline-block;\n  box-sizing: content-box;\n  padding: 0 3px;\n  height: 27px;\n  line-height: 27px;\n  vertical-align: bottom;\n}\n.composer--options > hr {\n  display: inline-block;\n  margin: 0 3px;\n  border-width: 0 0 0 1px;\n  border-style: none none none solid;\n  border-color: transparent transparent transparent #c2c2c2;\n  padding: 0;\n  width: 0;\n  height: 27px;\n  background: transparent;\n}\n\n.composer--options--dropdown.open > .value {\n  border-radius: 4px 4px 0 0;\n  box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);\n  color: #ffffff;\n  background: #d8a070;\n  transition: none;\n}\n.composer--options--dropdown.open.top > .value {\n  border-radius: 0 0 4px 4px;\n  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n  background: #ffffff;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: #121a24;\n  cursor: pointer;\n}\n.composer--options--dropdown--content--item > .content {\n  flex: 1 1 auto;\n  color: #3e5a7c;\n}\n.composer--options--dropdown--content--item > .content:not(:first-child) {\n  margin-left: 10px;\n}\n.composer--options--dropdown--content--item > .content strong {\n  display: block;\n  color: #121a24;\n  font-weight: 500;\n}\n.composer--options--dropdown--content--item:hover, .composer--options--dropdown--content--item.active {\n  background: #d8a070;\n  color: #ffffff;\n}\n.composer--options--dropdown--content--item:hover > .content, .composer--options--dropdown--content--item.active > .content {\n  color: #ffffff;\n}\n.composer--options--dropdown--content--item:hover > .content strong, .composer--options--dropdown--content--item.active > .content strong {\n  color: #ffffff;\n}\n.composer--options--dropdown--content--item.active:hover {\n  background: #dcab80;\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.composer--publisher > .count {\n  display: inline-block;\n  margin: 0 16px 0 8px;\n  font-size: 16px;\n  line-height: 36px;\n}\n.composer--publisher > .primary {\n  display: inline-block;\n  margin: 0;\n  padding: 0 10px;\n  text-align: center;\n}\n.composer--publisher > .side_arm {\n  display: inline-block;\n  margin: 0 2px 0 0;\n  padding: 0;\n  width: 36px;\n  text-align: center;\n}\n.composer--publisher.over > .count {\n  color: #ff5050;\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n}\n\n@media screen and (min-width: 360px) {\n  .auto-columns .columns-area, .single-column .columns-area {\n    padding: 10px;\n  }\n  .auto-columns .react-swipeable-view-container .columns-area, .single-column .react-swipeable-view-container .columns-area {\n    height: calc(100% - 20px) !important;\n  }\n}\n\n.react-swipeable-view-container,\n.react-swipeable-view-container .columns-area,\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: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n.column > .scrollable {\n  background: #121a24;\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: #06090c;\n}\n\n.column {\n  overflow: hidden;\n}\n\n@media screen and (min-width: 360px) {\n  .auto-columns .tabs-bar, .single-column .tabs-bar {\n    margin: 10px;\n    margin-bottom: 0;\n  }\n}\n\n@media screen and (max-width: 630px) {\n  :root .auto-columns .column {\n    flex: auto;\n    width: 100%;\n    min-width: 0;\n    max-width: none;\n    padding: 0;\n  }\n  :root .auto-columns .columns-area {\n    flex-direction: column;\n  }\n  :root .auto-columns .search__input,\n:root .auto-columns .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n}\n:root .single-column .column {\n  flex: auto;\n  width: 100%;\n  min-width: 0;\n  max-width: none;\n  padding: 0;\n}\n:root .single-column .columns-area {\n  flex-direction: column;\n}\n:root .single-column .search__input,\n:root .single-column .autosuggest-textarea__textarea {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 631px) {\n  .auto-columns .columns-area {\n    padding: 0;\n  }\n  .auto-columns .column {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n  .auto-columns .column:first-child {\n    padding-left: 10px;\n  }\n  .auto-columns .column:last-child {\n    padding-right: 10px;\n  }\n  .auto-columns .columns-area > div .column {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n.multi-columns .columns-area {\n  padding: 0;\n}\n.multi-columns .column {\n  flex: 0 0 auto;\n  padding: 10px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.multi-columns .column:first-child {\n  padding-left: 10px;\n}\n.multi-columns .column:last-child {\n  padding-right: 10px;\n}\n.multi-columns .columns-area > div .column {\n  padding-left: 5px;\n  padding-right: 5px;\n}\n\n.column-back-button {\n  background: #192432;\n  color: #d8a070;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n}\n.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  flex: 0 0 auto;\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.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 {\n  background: #253549;\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\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.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}\n.column-header > button {\n  margin: 0;\n  border: none;\n  padding: 15px;\n  color: inherit;\n  background: transparent;\n  font: inherit;\n  text-align: left;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n.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 {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.wide .column {\n  flex: auto;\n  min-width: 330px;\n  max-width: 400px;\n}\n.column > .scrollable {\n  background: #121a24;\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button, .column-header__notif-cleaning-buttons 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, .column-header__notif-cleaning-buttons button:hover {\n  color: #b2c1d5;\n}\n.column-header__button.active, .column-header__notif-cleaning-buttons button.active {\n  color: #ffffff;\n  background: #202e3f;\n}\n.column-header__button.active:hover, .column-header__notif-cleaning-buttons button.active:hover {\n  color: #ffffff;\n  background: #202e3f;\n}\n.column-header__button:focus, .column-header__notif-cleaning-buttons button:focus {\n  text-shadow: 0 0 4px #d3935c;\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n}\n.column-header__notif-cleaning-buttons button {\n  background: transparent;\n  text-align: center;\n  padding: 10px 0;\n  white-space: pre-wrap;\n}\n.column-header__notif-cleaning-buttons b {\n  font-weight: bold;\n}\n\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: #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.column-header__collapsible.ncd {\n  transition: none;\n}\n.column-header__collapsible.ncd.collapsed {\n  max-height: 0;\n  opacity: 0.7;\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.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: #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 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.single-column.navbar-under .tabs-bar {\n  margin-top: 0 !important;\n  margin-bottom: -6px !important;\n}\n\n@media screen and (max-width: 360px) {\n  .auto-columns.navbar-under .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n@media screen and (max-width: 360px) {\n  .auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: #192432;\n}\n.column-inline-form label {\n  flex: 1 1 auto;\n}\n.column-inline-form label input {\n  width: 100%;\n  margin-bottom: 6px;\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 5px;\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.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.search {\n  position: relative;\n}\n\n.search__input {\n  display: block;\n  padding: 10px;\n  padding-right: 30px;\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: #121a24;\n  color: #9baec8;\n  font-size: 14px;\n  margin: 0;\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 .fa {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  z-index: 2;\n  display: inline-block;\n  opacity: 0;\n  transition: all 100ms linear;\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: 11px;\n  transform: rotate(0deg);\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: #ffffff;\n}\n\n.search-results__header {\n  color: #3e5a7c;\n  background: #151f2b;\n  border-bottom: 1px solid #0b1016;\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\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  width: 100px;\n  font-size: 24px;\n  line-height: 36px;\n  font-weight: 500;\n  text-align: center;\n  color: #d9e1e8;\n}\n.trends__item__sparkline {\n  flex: 0 0 auto;\n  width: 50px;\n}\n.trends__item__sparkline path {\n  stroke: #dfb088 !important;\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.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}\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.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.doodle-modal {\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: #d9e1e8;\n  text-align: center;\n  line-height: 0;\n}\n.doodle-modal__container canvas {\n  border: 5px solid #d9e1e8;\n}\n\n.doodle-modal__action-bar .filler {\n  flex-grow: 1;\n  margin: 0;\n  padding: 0;\n}\n.doodle-modal__action-bar .doodle-toolbar {\n  line-height: 1;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 0;\n  justify-content: space-around;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs label {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n  margin-right: 2px;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number], .doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text] {\n  width: 40px;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val {\n  display: inline-block;\n  text-align: left;\n  width: 50px;\n}\n.doodle-modal__action-bar .doodle-palette {\n  padding-right: 0 !important;\n  border: 1px solid black;\n  line-height: 0.2rem;\n  flex-grow: 0;\n  background: white;\n}\n.doodle-modal__action-bar .doodle-palette button {\n  appearance: none;\n  width: 1rem;\n  height: 1rem;\n  margin: 0;\n  padding: 0;\n  text-align: center;\n  color: black;\n  text-shadow: 0 0 1px white;\n  cursor: pointer;\n  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5);\n  border: 1px solid black;\n  outline-offset: -1px;\n}\n.doodle-modal__action-bar .doodle-palette button.foreground {\n  outline: 1px dashed white;\n}\n.doodle-modal__action-bar .doodle-palette button.background {\n  outline: 1px dashed red;\n}\n.doodle-modal__action-bar .doodle-palette button.foreground.background {\n  outline: 1px dashed red;\n  border-color: white;\n}\n\n.drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n}\n.drawer:first-child {\n  padding-left: 10px;\n}\n.drawer:last-child {\n  padding-right: 10px;\n}\n@media screen and (max-width: 630px) {\n  .auto-columns .drawer {\n    flex: auto;\n  }\n}\n.single-column .drawer {\n  flex: auto;\n}\n@media screen and (max-width: 630px) {\n  .auto-columns .drawer, .auto-columns .drawer:first-child, .auto-columns .drawer:last-child, .single-column .drawer, .single-column .drawer:first-child, .single-column .drawer:last-child {\n    padding: 0;\n  }\n}\n.wide .drawer {\n  min-width: 300px;\n  max-width: 400px;\n  flex: 1 1 200px;\n}\n@media screen and (max-width: 630px) {\n  :root .auto-columns .drawer {\n    flex: auto;\n    width: 100%;\n    min-width: 0;\n    max-width: none;\n    padding: 0;\n  }\n}\n:root .single-column .drawer {\n  flex: auto;\n  width: 100%;\n  min-width: 0;\n  max-width: none;\n  padding: 0;\n}\n.react-swipeable-view-container .drawer {\n  height: 100%;\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: #202e3f;\n  font-size: 16px;\n}\n.drawer--header > * {\n  display: block;\n  box-sizing: border-box;\n  border-bottom: 2px solid transparent;\n  padding: 15px 5px 13px;\n  height: 48px;\n  flex: 1 1 auto;\n  color: #9baec8;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n}\n.drawer--header a {\n  transition: background 100ms ease-in;\n}\n.drawer--header a:focus, .drawer--header a:hover {\n  outline: none;\n  background: #17212e;\n  transition: background 200ms ease-out;\n}\n\n.drawer--search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n}\n@media screen and (max-width: 360px) {\n  .auto-columns .drawer--search, .single-column .drawer--search {\n    margin-bottom: 0;\n  }\n}\n@media screen and (max-width: 630px) {\n  .auto-columns .drawer--search {\n    font-size: 16px;\n  }\n}\n.single-column .drawer--search {\n  font-size: 16px;\n}\n.drawer--search input {\n  display: block;\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  padding: 10px 30px 10px 10px;\n  width: 100%;\n  height: 36px;\n  outline: 0;\n  color: #9baec8;\n  background: #121a24;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 16px;\n}\n.drawer--search input:focus {\n  outline: 0;\n  background: #192432;\n}\n.drawer--search > .icon {\n  display: block;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 18px;\n  height: 18px;\n  color: #d9e1e8;\n  font-size: 18px;\n  line-height: 18px;\n  z-index: 2;\n}\n.drawer--search > .icon .fa {\n  display: inline-block;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  cursor: default;\n  pointer-events: none;\n  transition: all 100ms linear;\n}\n.drawer--search > .icon .fa-search {\n  opacity: 0.3;\n  transform: rotate(0deg);\n}\n.drawer--search > .icon .fa-times-circle {\n  transform: rotate(-90deg);\n  cursor: pointer;\n}\n.drawer--search > .icon .fa-times-circle:hover {\n  color: #ffffff;\n}\n.drawer--search.active > .icon .fa-search {\n  opacity: 0;\n  transform: rotate(90deg);\n}\n.drawer--search.active > .icon .fa-times-circle {\n  opacity: 0.3;\n  pointer-events: auto;\n  transform: rotate(0deg);\n}\n\n.drawer--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.drawer--search--popout h4 {\n  text-transform: uppercase;\n  color: #9baec8;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n.drawer--search--popout li {\n  padding: 4px 0;\n}\n.drawer--search--popout ul {\n  margin-bottom: 10px;\n}\n.drawer--search--popout em {\n  font-weight: 500;\n  color: #121a24;\n}\n\n.drawer--account {\n  padding: 10px;\n  color: #9baec8;\n}\n.drawer--account > a {\n  color: inherit;\n  text-decoration: none;\n}\n.drawer--account > .avatar {\n  float: left;\n  margin-right: 10px;\n}\n.drawer--account > .acct {\n  display: block;\n  color: #d9e1e8;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drawer--results {\n  background: #121a24;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.drawer--results > header {\n  color: #3e5a7c;\n  background: #151f2b;\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n}\n.drawer--results > header .fa {\n  display: inline-block;\n  margin-right: 5px;\n}\n.drawer--results > section {\n  margin-bottom: 5px;\n}\n.drawer--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.drawer--results > section h5 .fa {\n  display: inline-block;\n  margin-right: 5px;\n}\n.drawer--results > section .account:last-child, .drawer--results > section > div:last-child .status {\n  border-bottom: 0;\n}\n.drawer--results > section > .hashtag {\n  display: block;\n  padding: 10px;\n  color: #d9e1e8;\n  text-decoration: none;\n}\n.drawer--results > section > .hashtag:hover, .drawer--results > section > .hashtag:active, .drawer--results > section > .hashtag:focus {\n  color: #e6ebf0;\n  text-decoration: underline;\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}\n.drawer__inner.darker {\n  background: #121a24;\n}\n\n.drawer__inner__mastodon {\n  background: #283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;\n  flex: 1;\n  min-height: 47px;\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.drawer__inner__mastodon > .mastodon {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: none;\n  cursor: inherit;\n}\n\n.pseudo-drawer {\n  background: #283a50;\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\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  width: 100%;\n  height: 100%;\n}\n.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {\n  color: #b5c3d6;\n}\n.status__content > .media-spoiler {\n  margin-top: 15px;\n}\n.media-spoiler.full-width {\n  margin-left: -14px;\n  margin-right: -14px;\n  width: inherit;\n  max-width: none;\n  height: 250px;\n  border-radius: 0px;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: #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}\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  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.media-gallery__audio span {\n  text-align: center;\n  color: #9baec8;\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n.media-gallery__audio span p {\n  width: 100%;\n}\n.media-gallery__audio audio {\n  width: 100%;\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n}\n.media-gallery.full-width {\n  margin-left: -14px;\n  margin-right: -14px;\n  width: inherit;\n  max-width: none;\n  height: 250px;\n  border-radius: 0px;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.full-width .media-gallery__item {\n  border-radius: 0;\n}\n.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {\n  transform: none;\n  top: 0;\n}\n.media-gallery__item.letterbox {\n  background: #000000;\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: #d9e1e8;\n  line-height: 0;\n}\n.media-gallery__item-thumbnail,\n.media-gallery__item-thumbnail img {\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n}\n.media-gallery__item-thumbnail:not(.letterbox),\n.media-gallery__item-thumbnail img:not(.letterbox) {\n  height: 100%;\n  object-fit: cover;\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n}\n.media-gallery__item-gifv-thumbnail:not(.letterbox) {\n  height: 100%;\n  object-fit: cover;\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.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__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.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.video-player {\n  overflow: hidden;\n  position: relative;\n  background: #000000;\n  max-width: 100%;\n}\n.video-player:focus {\n  outline: 0;\n}\n.detailed-status .video-player {\n  width: 100%;\n  height: 100%;\n}\n.video-player.full-width {\n  margin-left: -14px;\n  margin-right: -14px;\n  width: inherit;\n  max-width: none;\n  height: 250px;\n  border-radius: 0px;\n}\n.video-player video {\n  max-width: 100vw;\n  max-height: 80vh;\n  z-index: 1;\n  position: relative;\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__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.media-spoiler-video {\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  cursor: pointer;\n  margin-top: 8px;\n  position: relative;\n  border: 0;\n  display: block;\n}\n.media-spoiler-video.full-width {\n  margin-left: -14px;\n  margin-right: -14px;\n  width: inherit;\n  max-width: none;\n  height: 250px;\n  border-radius: 0px;\n}\n\n.media-spoiler-video-play-icon {\n  border-radius: 100px;\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 36px;\n  left: 50%;\n  padding: 5px;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba(255, 255, 255, 0.8);\n  background: rgba(0, 0, 0, 0.5);\n  font-size: 12px;\n  line-height: 15px;\n  text-transform: uppercase;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n}\n.media-gallery:hover .sensitive-marker {\n  opacity: 1;\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.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: 0;\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: #d59864;\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.glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: #d9e1e8;\n  color: #121a24;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n}\n.glitch.local-settings label, .glitch.local-settings legend {\n  display: block;\n  font-size: 14px;\n}\n.glitch.local-settings .boolean label, .glitch.local-settings .radio_buttons label {\n  position: relative;\n  padding-left: 28px;\n  padding-top: 3px;\n}\n.glitch.local-settings .boolean label input, .glitch.local-settings .radio_buttons label input {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.glitch.local-settings span.hint {\n  display: block;\n  color: #3e5a7c;\n}\n.glitch.local-settings h1 {\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 24px;\n  margin-bottom: 20px;\n}\n.glitch.local-settings h2 {\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 20px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: #f2f5f7;\n  border-bottom: 1px #d9e1e8 solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background 0.3s;\n}\n.glitch.local-settings__navigation__item .text-icon-button {\n  color: inherit;\n  transition: unset;\n}\n.glitch.local-settings__navigation__item:hover {\n  background: #d9e1e8;\n}\n.glitch.local-settings__navigation__item.active {\n  background: #d8a070;\n  color: #ffffff;\n}\n.glitch.local-settings__navigation__item.close, .glitch.local-settings__navigation__item.close:hover {\n  background: #df405a;\n  color: #ffffff;\n}\n\n.glitch.local-settings__navigation {\n  background: #f2f5f7;\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n  }\n  .glitch.local-settings__navigation__item span:last-of-type {\n    display: none;\n  }\n}\n.error-boundary h1 {\n  font-size: 26px;\n  line-height: 36px;\n  font-weight: 400;\n  margin-bottom: 8px;\n}\n.error-boundary p {\n  color: #ffffff;\n  font-size: 15px;\n  line-height: 20px;\n}\n.error-boundary p a {\n  color: #ffffff;\n  text-decoration: underline;\n}\n.error-boundary p ul {\n  list-style: disc;\n  margin-left: 0;\n  padding-left: 1em;\n}\n.error-boundary p textarea.web_app_crash-stacktrace {\n  width: 100%;\n  resize: none;\n  white-space: pre;\n  font-family: monospace, monospace;\n}\n\n.poll {\n  margin-top: 16px;\n  font-size: 14px;\n}\n.poll li {\n  margin-bottom: 10px;\n  position: relative;\n  height: 30px;\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: 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}\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  display: block;\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}\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: 36px;\n  font-weight: 700;\n  padding: 0 10px;\n  text-align: right;\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, .poll__link:focus, .poll__link:active {\n  text-decoration: none;\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  width: 100%;\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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") 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.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: sans-serif, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 30px;\n  color: #9baec8;\n  padding-right: 10px;\n}\n.rich-formatting a {\n  color: #d8a070;\n  text-decoration: underline;\n}\n.rich-formatting p,\n.rich-formatting li {\n  font-family: 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.rich-formatting p a,\n.rich-formatting li a {\n  color: #d8a070;\n  text-decoration: underline;\n}\n.rich-formatting p:last-child,\n.rich-formatting li:last-child {\n  margin-bottom: 0;\n}\n.rich-formatting strong,\n.rich-formatting em {\n  font-weight: 700;\n  color: #bcc9da;\n}\n.rich-formatting h1 {\n  font-family: sans-serif, sans-serif;\n  font-size: 26px;\n  line-height: 30px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  color: #d9e1e8;\n}\n.rich-formatting h1 small {\n  font-family: sans-serif, sans-serif;\n  display: block;\n  font-size: 18px;\n  font-weight: 400;\n  color: #bcc9da;\n}\n.rich-formatting h2 {\n  font-family: sans-serif, sans-serif;\n  font-size: 22px;\n  line-height: 26px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  color: #d9e1e8;\n}\n.rich-formatting h3 {\n  font-family: sans-serif, sans-serif;\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  color: #d9e1e8;\n}\n.rich-formatting h4 {\n  font-family: sans-serif, sans-serif;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  color: #d9e1e8;\n}\n.rich-formatting h5 {\n  font-family: sans-serif, sans-serif;\n  font-size: 14px;\n  line-height: 24px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  color: #d9e1e8;\n}\n.rich-formatting h6 {\n  font-family: sans-serif, sans-serif;\n  font-size: 12px;\n  line-height: 24px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  color: #d9e1e8;\n}\n.rich-formatting ul,\n.rich-formatting ol {\n  margin-left: 20px;\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 ul {\n  list-style: disc;\n}\n.rich-formatting ol {\n  list-style: decimal;\n}\n.rich-formatting li > ol,\n.rich-formatting li > ul {\n  margin-top: 6px;\n}\n.rich-formatting 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.rich-formatting hr.spacer {\n  height: 1px;\n  border: 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: 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: sans-serif, 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: sans-serif, 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  width: 80px;\n  height: 80px;\n  background-size: 80px 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  border-radius: 8%;\n  background-position: 50%;\n  background-clip: padding-box;\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: 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: sans-serif, 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: 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: sans-serif, 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: sans-serif, 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: sans-serif, 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: sans-serif, 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: sans-serif, 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: #0b1016;\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  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 img {\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: sans-serif, 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: 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__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 .status__content {\n  padding-top: 0;\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  height: 100%;\n}\n.admin-wrapper .sidebar-wrapper {\n  flex: 1 1 240px;\n  height: 100%;\n  background: #121a24;\n  display: flex;\n  justify-content: flex-end;\n}\n.admin-wrapper .sidebar {\n  width: 240px;\n  height: 100%;\n  padding: 0;\n  overflow-y: auto;\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  border-radius: 4px 0 0 4px;\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}\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  flex: 2 1 840px;\n  overflow: auto;\n}\n.admin-wrapper .content {\n  max-width: 840px;\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.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: 400;\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: none;\n}\n.admin-wrapper .content > p {\n  font-size: 14px;\n  line-height: 18px;\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.admin-wrapper .content .muted-hint {\n  color: #9baec8;\n}\n.admin-wrapper .content .muted-hint a {\n  color: #d8a070;\n}\n.admin-wrapper .content .positive-hint {\n  color: #79bd9a;\n  font-weight: 500;\n}\n.admin-wrapper .content .negative-hint {\n  color: #df405a;\n  font-weight: 500;\n}\n.admin-wrapper .content .neutral-hint {\n  color: #3e5a7c;\n  font-weight: 500;\n}\n@media screen and (max-width: 600px) {\n  .admin-wrapper {\n    display: block;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .admin-wrapper .sidebar-wrapper,\n.admin-wrapper .content-wrapper {\n    flex: 0 0 auto;\n    height: auto;\n    overflow: initial;\n  }\n  .admin-wrapper .sidebar {\n    width: 100%;\n    padding: 0;\n    height: auto;\n  }\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 10px 0;\n}\n.filters .filter-subset:last-child {\n  margin-bottom: 20px;\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.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: 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.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}\n\n.hicolor-privacy-icons .status__visibility-icon.fa-globe,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe {\n  color: #1976D2;\n}\n.hicolor-privacy-icons .status__visibility-icon.fa-unlock,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock {\n  color: #388E3C;\n}\n.hicolor-privacy-icons .status__visibility-icon.fa-lock,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock {\n  color: #FFA000;\n}\n.hicolor-privacy-icons .status__visibility-icon.fa-envelope,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope {\n  color: #D32F2F;\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 .column-header__buttons {\n  left: 0;\n  right: auto;\n  margin-left: -15px;\n  margin-right: 0;\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 .setting-meta__label {\n  float: left;\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 .activity-stream .detailed-status.light .detailed-status__display-name > div {\n  float: right;\n  margin-right: 0;\n  margin-left: 10px;\n}\nbody.rtl .activity-stream .detailed-status.light .detailed-status__meta span > span {\n  margin-left: 0;\n  margin-right: 6px;\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-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: 0;\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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") 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.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}\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: sans-serif, 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}","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 8%);\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    position: absolute;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    background: $ui-base-color;\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      margin-right: 13px;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    img {\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\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: 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      img {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\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        svg path:last-child {\n          fill: $secondary-text-color;\n        }\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          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  .static-icon-button {\n    color: $action-button-color;\n    font-size: 18px;\n\n    & > span {\n      font-size: 14px;\n      font-weight: 500;\n    }\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n\n  &::-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@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",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n\n        path {\n          fill: lighten($ui-base-color, 34%);\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg path {\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    height: 167px;\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\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.contact-widget,\n.landing-page__information.contact-widget {\n  box-sizing: border-box;\n  padding: 20px;\n  min-height: 100%;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.contact-widget {\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n\n  strong {\n    font-weight: 500;\n  }\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__mail {\n    margin-top: 10px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: none;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n    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","$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  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n    }\n\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[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    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  .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  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n      }\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  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  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n\n    path:first-child {\n      fill: $primary-text-color;\n    }\n\n    path:last-child {\n      fill: $ui-highlight-color;\n    }\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n\n    svg path:last-child {\n      fill: lighten($ui-highlight-color, 10%);\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    svg path:last-child {\n      fill: $ui-primary-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n\n      svg path:last-child {\n        fill: $ui-primary-color;\n      }\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n\n      svg path:last-child {\n        fill: $error-red;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed, .public-layout {\n    .status .status__relative-time {\n      float: left;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  padding: 2px;\n}\n\n.account-gallery__item {\n  flex-grow: 1;\n  width: 50%;\n  overflow: hidden;\n  position: relative;\n\n  &::before {\n    content: \"\";\n    display: block;\n    padding-top: 100%;\n  }\n\n  a {\n    display: block;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    margin: 2px;\n    top: 0;\n    left: 0;\n    background-color: $base-overlay-background;\n    background-size: cover;\n    background-position: center;\n    position: absolute;\n    color: $ui-primary-color;\n    text-decoration: none;\n    border-radius: 4px;\n\n    &:hover,\n    &:active,\n    &:focus {\n      outline: 0;\n      color: $ui-secondary-color;\n\n      &::before {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        background: rgba($base-overlay-background, 0.3);\n        border-radius: 4px;\n      }\n    }\n  }\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\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n\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",".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",".status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text {\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status, .notification-follow {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  float: left;\n  margin: 0 10px 0 -58px;\n  width: 48px;\n  text-align: right;\n}\n\n.notification-follow {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct {\n    background: lighten($ui-base-color, 8%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $lighter-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  margin-left: auto;\n  padding-left: 18px;\n  width: 120px;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  margin: 0 auto 0 0;\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon {\n    padding-left: 6px;\n    padding-right: 1px;\n  }\n\n  .status__visibility-icon {\n    padding-left: 4px;\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\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      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: -10px -10px 10px;\n  color: $dark-text-color;\n  padding: 8px 10px 0 68px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content_text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 4px;\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: $primary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 5px;\n      text-decoration: none;\n      opacity: 0.6;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.status__video-player {\n  display: flex;\n  align-items: center;\n  background: $base-shadow-color;\n  box-sizing: border-box;\n  cursor: default; /* May not be needed */\n  margin-top: 8px;\n  overflow: hidden;\n  position: relative;\n\n  @include fullwidth-gallery;\n}\n\n.status__video-player-video {\n  height: 100%;\n  object-fit: contain;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.status__video-player-expand,\n.status__video-player-mute {\n  color: $primary-text-color;\n  opacity: 0.8;\n  position: absolute;\n  right: 4px;\n  text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n}\n\n.status__video-player-spoiler {\n  display: none;\n  color: $primary-text-color;\n  left: 4px;\n  position: absolute;\n  text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n  top: 4px;\n  z-index: 100;\n\n  &.status__video-player-spoiler--visible {\n    display: block;\n  }\n}\n\n.status__video-player-expand {\n  bottom: 4px;\n  z-index: 100;\n}\n\n.status__video-player-mute {\n  top: 4px;\n  z-index: 5;\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",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal {\n  line-height: 24px;\n}\n\n.mute-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  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.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: vertical;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    margin-bottom: 20px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\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.report-modal__target {\n  padding: 20px;\n\n  .media-modal__close {\n    top: 19px;\n    right: 15px;\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n  .confirmation-modal__secondary-button,\n  .confirmation-modal__cancel-button,\n  .mute-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__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n  text-align: center;\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.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: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n\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.focal-point {\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n\n  &.dragging {\n    cursor: move;\n  }\n\n  img {\n    max-width: 80vw;\n    max-height: 80vh;\n    width: auto;\n    height: auto;\n    margin: auto;\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",".composer {\n  padding: 10px;\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 47px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child { margin-bottom: 0 }\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.emoji-picker-dropdown {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n\n  ::-webkit-scrollbar-track:hover,\n  ::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.composer--textarea,\n.autosuggest-input {\n  position: relative;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 10px;\n  font-size: 14px;\n  line-height: 18px;\n  overflow: hidden;\n  cursor: pointer;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  & > .emoji {\n    img {\n      display: block;\n      float: left;\n      margin-right: 8px;\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  box-shadow: inset 0 5px 5px rgba($base-shadow-color, 0.05);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n\n  & > .count {\n    display: inline-block;\n    margin: 0 16px 0 8px;\n    font-size: 16px;\n    line-height: 36px;\n  }\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px 0 0;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n}\n\n@include limited-single-column('screen and (min-width: 360px)', $parent: null) {\n  .columns-area {\n    padding: 10px;\n  }\n\n  .react-swipeable-view-container .columns-area {\n    height: calc(100% - 20px) !important;\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: darken($ui-base-color, 7%);\n}\n\n.column {\n  overflow: hidden;\n}\n\n@include limited-single-column('screen and (min-width: 360px)', $parent: null) {\n  .tabs-bar {\n    margin: 10px;\n    margin-bottom: 0;\n  }\n}\n\n:root {  //  Overrides .wide stylings for mobile view\n  @include single-column('screen and (max-width: 630px)', $parent: null) {\n    .column {\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n\n    .columns-area {\n      flex-direction: column;\n    }\n\n    .search__input,\n    .autosuggest-textarea__textarea {\n      font-size: 16px;\n    }\n  }\n}\n\n@include multi-columns('screen and (min-width: 631px)', $parent: null) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column {\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      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.column-back-button {\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 11%);\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: 360px) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: 360px) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n\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",".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",".search {\n  position: relative;\n}\n\n.search__input {\n  display: block;\n  padding: 10px;\n  padding-right: 30px;\n  @include search-input();\n}\n\n.search__icon {\n  .fa {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\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: 11px;\n    transform: rotate(0deg);\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.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      width: 100px;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: center;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.drawer--search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: 360px)') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    padding: 10px 30px 10px 10px;\n    width: 100%;\n    height: 36px;\n    outline: 0;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    font-size: 14px;\n    font-family: inherit;\n    line-height: 16px;\n\n    &:focus {\n      outline: 0;\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  & > .icon {\n    display: block;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    font-size: 18px;\n    line-height: 18px;\n    z-index: 2;\n\n    .fa {\n      display: inline-block;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      opacity: 0;\n      cursor: default;\n      pointer-events: none;\n      transition: all 100ms linear;\n    }\n\n    .fa-search {\n      opacity: 0.3;\n      transform: rotate(0deg);\n    }\n\n    .fa-times-circle {\n      transform: rotate(-90deg);\n      cursor: pointer;\n\n      &:hover { color: $primary-text-color }\n    }\n  }\n\n  &.active {\n    & > .icon {\n      .fa-search {\n        opacity: 0;\n        transform: rotate(90deg);\n      }\n\n      .fa-times-circle {\n        opacity: 0.3;\n        pointer-events: auto;\n        transform: rotate(0deg);\n      }\n    }\n  }\n}\n\n.drawer--search--popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n\n  & > a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  & > .avatar {\n    float: left;\n    margin-right: 10px;\n  }\n\n  & > .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  line-height: 0;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal {\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__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n  }\n\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  &__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.media-spoiler-video {\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  cursor: pointer;\n  margin-top: 8px;\n  position: relative;\n\n  @include fullwidth-gallery;\n\n  border: 0;\n  display: block;\n}\n\n.media-spoiler-video-play-icon {\n  border-radius: 100px;\n  color: rgba($primary-text-color, 0.8);\n  font-size: 36px;\n  left: 50%;\n  padding: 5px;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 15px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  p {\n    color: $primary-text-color;\n    font-size: 15px;\n    line-height: 20px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n\n    ul {\n      list-style: disc;\n      margin-left: 0;\n      padding-left: 1em;\n    }\n\n    textarea.web_app_crash-stacktrace {\n      width: 100%;\n      resize: none;\n      white-space: pre;\n      font-family: $font-monospace, monospace;\n    }\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n    height: 18px + 12px;\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: 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\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\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: 36px;\n    font-weight: 700;\n    padding: 0 10px;\n    text-align: right;\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    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 30px;\n  color: $darker-text-color;\n  padding-right: 10px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n  }\n\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    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong,\n  em {\n    font-weight: 700;\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\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: darken($ui-base-color, 4%);\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    img {\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  &__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  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  height: 100%;\n\n  .sidebar-wrapper {\n    flex: 1 1 $sidebar-width;\n    height: 100%;\n    background: $ui-base-color;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    height: 100%;\n    padding: 0;\n    overflow-y: auto;\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        border-radius: 4px 0 0 4px;\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        }\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    flex: 2 1 $content-width;\n    overflow: auto;\n  }\n\n  .content {\n    max-width: $content-width;\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\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: 400;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 18px;\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    .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\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n\n    .sidebar-wrapper,\n    .content-wrapper {\n      flex: 0 0 auto;\n      height: auto;\n      overflow: initial;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n    }\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 10px 0;\n\n    &:last-child {\n      margin-bottom: 20px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .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  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: -15px;\n    margin-right: 0;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    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  .activity-stream .detailed-status.light .detailed-status__display-name > div {\n    float: right;\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .activity-stream .detailed-status.light .detailed-status__meta span > span {\n    margin-left: 0;\n    margin-right: 6px;\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-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: 0;\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n    }\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"],"sourceRoot":""}