1 {"version":3,"sources":["webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///./app/javascript/styles/application.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/stream_entries.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss"],"names":[],"mappings":"AAiQE,iBC8rFD,2ZA76FC,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,kBChFW,CDiFZ,2BAGC,uBACD,KEtFC,qEACA,eACA,iBACA,gBACA,WDVM,kCCYN,qCACA,2DACA,qHACA,uCACA,CF0FD,iBE5EG,kKF+EH,cE3EG,6BACA,YACA,UACA,kBD9BS,CD6GZ,kCE3EK,kBF8EL,aEzEG,kBDvCS,CDmHZ,iBExEG,mCACA,CF2EH,yBExEK,mCACA,CF2EL,YEtEG,kBFyEH,WErEG,4BACA,gBACA,CFwEH,sBErEK,6BACA,YACA,eACA,CFwEL,WEnEG,iCACA,CFyEH,sBExEG,uBACA,SACA,CFkFH,WE9EG,oCACA,cDxEoB,mBAPX,aCqFT,uBACA,kBACA,CFqEH,mBElEK,iCACA,CFqEL,qCEjES,8BACA,WACA,YACA,iBACA,CFoET,sBE/DO,gCACA,eACA,CFkEP,OE3DC,kCACA,CF+DD,aE5DG,aF+DH,4BExDG,wBACA,YACA,mBACA,uBACA,mBACA,CF4DH,eGrMC,8BAEA,CHyMD,oCG5MD,eAMI,mBACA,CH0MD,CACF,gBGtMC,uBH0MD,oCG3MD,gBAII,mBH2MD,CACF,mBGxMG,oCACA,kBACA,CH2MH,uBGxMK,6BACA,CH2ML,qBGvMK,oCACA,mBACA,WF7BE,qBE+BF,UACA,kBACA,iBACA,6CACA,gBACA,cACA,CH0ML,kCGnMG,2BAEA,mBACA,qBACA,CHuMH,oCG5MC,kCAQI,wBACA,YACA,CHwMH,CACF,gBGnMC,yBAEA,eACA,iBACA,sBACA,iBAEA,sBAEA,CHuMD,oCGjND,gBAaI,2BAEA,mBAEA,CHwMD,CACF,wBGrMG,uBACA,gBACA,CHwMH,4BGrMK,uBACA,cACA,SACA,iBACA,CHwML,sBGnMG,4BF9EsB,uBEgFtB,CHsMH,gCGnMK,8BACA,uBACA,eACA,CHsML,6BGjMG,6BACA,iBACA,eACA,CHoMH,QG/LC,2BACA,8BACA,sBACA,mCACA,2BHmMD,kBGhMG,0BACA,CHmMH,kBG/LG,wBACA,CHkMH,kBG9LG,wBACA,CHiMH,kBG7LG,0BACA,CHgMH,sCG5LG,gBH+LH,oCG3ND,QAgCI,kDH+LD,sCG5LG,0BACA,mBACA,sBACA,CH+LH,gCG3LG,kCACA,kBACA,CH8LH,qBG1LG,aH6LH,CACF,oCG9OD,QAqDI,+CACA,CH6LD,kBG1LG,cH6LH,kBGzLG,wBACA,CH4LH,kBGxLG,wBACA,CH2LH,kBGvLG,wBACA,CH0LH,CACF,oCGtLD,eAEI,iBHyLD,CACF,0BGtLG,gBHyLH,oCG1LC,0BAII,UH0LH,CACF,uBGtLG,sDACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,eACA,CHyLH,oCGnMC,uBAaI,0BACA,MACA,OACA,SACA,gBACA,gBACA,WACA,CH0LH,CACF,2BGvLK,6BACA,CH0LL,iCGtLK,iCACA,2BACA,gBACA,CHyLL,mCGrLK,iCACA,uBACA,gBACA,CHwLL,kCGpLK,iCACA,yBACA,gBACA,CHuLL,8BGnLK,0BACA,CHsLL,kCGnLO,0BACA,WACA,kBACA,WACA,CHsLP,oCG3LK,kCAQI,YHuLP,CACF,6GGjLO,mBHoLP,iCG/KK,gCACA,eACA,eACA,gBACA,qBACA,cF3QkB,mBE6QlB,iBACA,CHkLL,sHG7KO,oCFjSA,CDkdP,oCG5KO,0CACE,aH+KP,CACF,mCG1KK,wCAEA,iBACA,CH6KL,4HGxKO,uCACA,CH2KP,qBGnKG,2BACA,0DACA,sBACA,mCACA,2BHsKH,+BGnKK,wBACA,CHsKL,+BGlKK,wBACA,CHqKL,oCGnLC,qBAkBI,qCACA,CHqKH,+BGlKK,aHqKL,CACF,sCGhKG,mCACA,kCACA,CHmKH,+CGhKK,WHmKL,oIG/JO,sDHmKP,4DG/JO,wBFvVkB,CDyfzB,gFG/JS,YF1VgB,CD4fzB,6CG5JK,0CACA,aACA,kBACA,eACA,CH+JL,mDG5JO,yBACA,kBACA,WACA,YACA,gDACA,MACA,MACA,CH+JP,iDG3JO,kFACA,WACA,YACA,SACA,yBACA,CH8JP,oCGtLG,6CA4BI,aH8JL,CACF,8CG1JK,gBH6JL,4JGzJO,kBH6JP,oCG/JK,4JAKI,gBH+JP,CACF,oCG9NC,sCAoEI,+BACA,CH8JH,mDG3JK,aH8JL,8FGzJK,gBH4JL,CACF,2CGxJK,mCACA,aACA,0BACA,CH2JL,kDGxJO,yBACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,UACA,CH2JP,mDGvJO,0BACA,aACA,kBACA,aACA,CH0JP,uDGvJS,yBACA,YACA,SACA,kBACA,yBACA,kBACA,CH0JT,oCG3LG,2CAsCI,gCACA,0BACA,WACA,CHyJL,kDGtJO,aHyJP,mDGrJO,uBACA,sBAEA,CHwJP,uDGrJS,0BACA,CHwJT,CACF,0DGjKO,mDAYI,aHyJT,CACF,oCGrNG,2CAiEI,gBHwJL,CACF,oCG1NG,2CAqEI,eHyJL,CACF,4CGrJK,8BACA,CHwJL,kDGrJO,mCACA,CHwJP,qDGrJS,gCACA,WF5fF,gBE8fE,gBACA,mBACA,uBACA,4BACA,CHwJT,2DGrJW,6BACA,WFtgBJ,gBEwgBI,gBACA,sBACA,CHwJX,oCGhLG,4CA8BI,8BACA,8BACA,kBACA,CHsJL,kDGnJO,8BACA,CHsJP,qDGnJS,gCACA,gBACA,CHsJT,2DGnJW,aFjhBU,CDuqBrB,CACF,kDGhJO,wCACA,oBACA,WACA,CHmJP,oEGhJS,gCACA,eACA,CHmJT,oCG/IS,oEACE,aHkJT,CACF,2DG9IS,kCACA,cACA,cF5iBc,aE8iBd,+BACA,eACA,kBACA,iBACA,CHiJT,6DG9IW,cHiJX,sEG7IW,eHgJX,iEG5IW,yBACA,kBACA,SACA,OACA,WACA,gCACA,WACA,uBACA,CH+IX,wEG1Ia,yCACA,CH6Ib,iFGzIa,2BF9kBY,CD0tBzB,uEGtIa,iCACA,CHyIb,6DGpIW,kCACA,CHuIX,0EGnIW,4BACA,CHsIX,2EGlIW,+BACA,kBACA,WFrnBJ,4CEunBI,CHqIX,0DGhIS,wBACA,CHmIT,2DG/HS,gBHkIT,6CG5HK,2BACA,CH+HL,iEG5HO,gCACA,uBACA,aACA,CH+HP,0FG5HS,6BH+HT,wEG3HS,aH8HT,oDGzHO,gCACA,aF7oBgB,CD0wBvB,sDGzHS,mCFjpBc,qBEmpBd,aACA,eACA,CH4HT,6DGzHW,0BFtqBJ,CDmyBP,oCG7JG,6CAuCI,uBACA,CH0HL,CACF,0CGrHG,0BHwHH,oCGzHC,0CAII,gBHyHH,CACF,sCGrHG,gBHwHH,mCGpHG,sDACA,kBACA,gBACA,kBACA,CHuHH,oCG5HC,mCAQI,gCACA,eACA,CHwHH,CACF,4DGrHK,qBACA,CHwHL,8DGrHO,cHwHP,qFGpHO,wBHuHP,wEGnHO,aFxtBQ,CD80Bf,6DGhHK,8BF/tBE,CDo1BP,oFG/GK,4BACA,aFxtBkB,CD40BvB,0CG/GK,iBHkHL,mCG7GG,cFptBoB,cEqtBpB,CHgHH,wCG7GK,8BACA,CHgHL,0BG3GG,4BACA,eACA,aACA,CH8GH,8BG3GK,oCACA,YACA,cACA,mBACA,iBACA,CH8GL,oCGpHG,8BASI,cH+GL,CACF,oCGzHG,8BAaI,eHgHL,CACF,oCGpIC,0BAwBI,qCACA,CHgHH,8BG7GK,qBACA,gBACA,+BACA,CHgHL,yCG7GO,gBHgHP,yCG5GO,kBFxxBG,CDu4BV,8IG1GS,mBH6GT,CACF,SIn5BC,gBJu5BD,YIp5BG,iCACA,CJu5BH,gBIl5BC,6BACA,CJs5BD,mBIn5BG,+BACA,kBACA,CJs5BH,uBKp6BG,iCACA,oBACA,eACA,aACA,CLw6BH,oCK76BC,uBAQI,oCACA,CLy6BH,CACF,6BKt6BK,2BACA,yCACA,CLy6BL,uCKt6BO,yBACA,WACA,CLy6BP,uCKr6BO,yBACA,WACA,CLw6BP,uCKp6BO,yBACA,YACA,iBACA,CLu6BP,4CKp6BS,cLu6BT,uCKl6BO,yBACA,WACA,CLq6BP,uCKj6BO,yBACA,WACA,CLo6BP,oCKz8BG,6BAyCI,kCLo6BL,8EKh6BO,cLo6BP,uCKh6BO,WLm6BP,uCK/5BO,cLk6BP,8EK75BO,cLi6BP,uCK75BO,WLg6BP,CACF,oCK55BO,uCACE,cL+5BP,CACF,oCK35BO,4JAIE,aL85BP,CACF,0BKz5BK,yCACA,kBACA,aJlFkB,CD++BvB,4BKz5BO,kCACA,CL45BP,4BKv5BK,kCACA,CL05BL,uGKr5BO,0BLw5BP,kCKl5BO,0BACA,WACA,aACA,CLq5BP,uCKl5BS,aLq5BT,wIK74BS,aLg5BT,mBMphCG,gCACA,cLaoB,gBKXpB,mBACA,eACA,oBACA,CNwhCH,oCM/hCC,mBAUI,qCACA,CNyhCH,CACF,qBMthCK,kCACA,CNyhCL,yBMrhCK,6BLJoB,CD6hCzB,uBMphCK,wCACA,kBACA,WACA,WACA,CNuhCL,aOpjCC,qDACA,CPwjCD,kBOrjCG,wBACA,kBACA,gBACA,0BACA,eNRI,CDikCP,sBOrjCK,kFACA,WACA,YACA,SACA,yBACA,CPwjCL,mBOnjCG,mBNdS,aMeT,0BACA,eACA,cNVoB,iBMYpB,qBACA,eACA,CPsjCH,6BOnjCK,uBACA,eACA,CPsjCL,qBOljCK,mBPqjCL,gCOljCO,gBPqjCP,sBOhjCK,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,CPmjCL,qBO/iCK,cN1CoB,oBM2CpB,CPkjCL,2BO/iCO,0BPkjCP,oCOjnCD,aAqEI,aPgjCD,CACF,qBO5iCC,sCACA,CPgjCD,wBO7iCG,sCACA,gBACA,eACA,aNjEoB,CDknCvB,8BO5iCG,eP+iCH,yCO5iCK,gBP+iCL,qDO3iCK,+BACA,CP8iCL,+CO1iCK,uBACA,yBACA,CP6iCL,sEOviCC,+BACA,mBNlGW,kCMoGX,CPqjCD,0DOhjCC,qCAEA,CP8iCD,gBOviCC,6BN3GsB,iBM6GtB,qBACA,eACA,CP2iCD,uBOxiCG,gBP2iCH,kBOviCG,mBP0iCH,6BOviCK,gBP0iCL,sBOriCG,gBPwiCH,wBOriCK,WN/IE,oBMgJF,CPwiCL,sBOjiCC,yCACA,mBNjJW,mCMmJX,cN3IwB,gBM6IxB,kBACA,CPsiCD,qDOliCG,gBPsiCH,qXOliCO,gBPsjCP,wBOhjCG,uCACA,CPmjCH,wLOviCO,qBPgjCP,kIO7iCS,0BPgjCT,+BOziCG,mBP4iCH,mCOziCK,8BNvLkB,CDouCvB,6DOtiCK,gCACA,CPyiCL,2DOriCK,oCACA,CPwiCL,gEOriCO,gBPwiCP,iBOjiCC,6BN7NM,eMiON,cNlNsB,kBMoNtB,CPqiCD,8BO1iCC,oDAEA,CPijCD,aO1iCC,qCAGA,kBACA,aACA,CPqiCD,gBOliCG,WN9OI,eM+OJ,gBACA,gBACA,kBACA,CPqiCH,eOjiCG,4BNxOoB,CD6wCvB,oCOtjCD,aAsBI,+BACA,CPoiCD,gBOjiCG,ePoiCH,CACF,WO/hCC,mBN9PW,kBM+PX,kCACA,CPmiCD,gBOhiCG,wCACA,CPmiCH,sCO/hCK,gCACA,8BACA,mBN1QO,kBM4QP,aACA,qBACA,cACA,kCACA,CPkiCL,yEO3hCO,mBP8hCP,yBOzhCK,mBNnRoB,cMoRpB,CP4hCL,6BOxhCK,yBACA,CP2hCL,mBOvhCK,6BACA,gBACA,WN/SE,mBMiTF,gBACA,sBACA,CP0hCL,uBOvhCO,aNxSgB,CDk0CvB,yBOthCO,8BACA,eACA,eACA,aN/SgB,CDy0CvB,wFOjhCO,UNtUA,CD41CP,8BOjhCK,yBACA,CPohCL,sDOhhCK,oBNhUoB,CDm1CzB,cO7gCC,qCACA,CPihCD,+BO9gCG,yBACA,YACA,kBACA,kBACA,kBACA,mBACA,wBACA,CPihCH,2CO9gCK,UPihCL,4CO7gCK,UPghCL,4CO5gCK,UP+gCL,gBOzgCC,WP6gCD,yBO1gCG,kBACA,CP6gCH,yBOzgCG,2CACA,cN7WoB,gBM+WpB,YACA,CP4gCH,qCOzgCK,gBP4gCL,yBOvgCG,qCACA,+BACA,CP0gCH,uCOtgCG,gBPygCH,uBOrgCG,8BACA,eACA,gBACA,UNnZI,CD45CP,6BOrgCK,4BNzYkB,gBM2YlB,cACA,CPwgCL,oCOngCG,kCACE,aPsgCH,CACF,oCOlgCD,qIAQI,gCACA,eACA,CPqgCD,CACF,eO9/BC,iBPkgCD,oCOngCD,eAII,qBPmgCD,CACF,qBOhgCG,uBPmgCH,qCOpgCC,qBAII,uBPogCH,CACF,oCOzgCC,qBAQI,WPqgCH,CACF,oCO9gCC,qBAYI,YPsgCH,CACF,gCOlgCG,kBPqgCH,oCOtgCC,gCAII,6BPsgCH,CACF,+DOlgCO,gBPqgCP,yDOjgCO,+BACA,CPogCP,mEOjgCS,uBACA,eACA,CPogCT,wFOhgCS,yBACA,CPmgCT,kKO5/BO,gBPigCP,eOz/BC,aNtesB,CDo+CvB,gCO//BC,mBPkgCD,4BO3/BK,gBP8/BL,iBOz/BG,gCACA,qBACA,gBACA,aNlfsB,CD++CzB,sEOv/BK,0BP0/BL,KQjgDC,+DACA,CRqgDD,gBQjgDC,6BACA,aACA,CRqgDD,oBQhgDG,kCACA,CRogDH,2BQjgDK,SRogDL,yCQ//CO,mBRkgDP,oDQ//CS,gBRkgDT,+CQ7/CO,mCACA,CRggDP,qDQ7/CS,2BACA,MACA,CRggDT,4BQ1/CK,iCACA,CR6/CL,+CQ1/CO,mCACA,gBACA,WPhDA,cOkDA,UACA,CR6/CP,2EQx/CO,kBR4/CP,kDQx/CO,gBR2/CP,2CQv/CO,0BACA,MACA,CR0/CP,oCQt/CO,cPtDkB,yBOuDlB,CRy/CP,+HQp/CS,qBRu/CT,kBQh/CG,0BACA,CRm/CH,yBQh/CK,oCACA,UACA,aACA,CRm/CL,mBQ9+CG,aPjFoB,CDkkDvB,qBQ9+CK,aPlFoB,CDmkDzB,wBQ7+CK,oCACA,eACA,CRg/CL,uBQ3+CG,6BACA,cACA,CR8+CH,oBQ1+CG,gCPrGoB,CDmlDvB,gCQ1+CK,iCACA,iBACA,gBACA,eACA,CR6+CL,mBQx+CG,mBR2+CH,oBQv+CG,gBR0+CH,0JQt+CO,gBRq/CP,qDQ9+CK,aRi/CL,2DQ9+CO,mCACA,WPnJA,gBOqJA,gBACA,aACA,CRi/CP,uHQ5+CO,cRg/CP,qDQ3+CK,gCACA,CR8+CL,kDQx+CK,mCACA,WPzKE,cO2KF,kBACA,qBACA,eACA,CR2+CL,qCQv+CK,eR0+CL,kCQt+CK,WRy+CL,qCQp+CG,eRu+CH,2CQp+CK,mCACA,WP/LE,cOiMF,gBACA,eACA,CRu+CL,2CQn+CK,mBRs+CL,wCQl+CK,iCRq+CL,4BQh+CG,kCACA,CRm+CH,2BQ/9CG,mBRk+CH,6CQ/9CK,gBRk+CL,yBQ79CG,6BAEA,mBACA,CRg+CH,gCQ79CK,eRg+CL,iCQ59CK,qCACA,cACA,cACA,CR+9CL,mCQ59CO,cR+9CP,4GQz9CK,gBR69CL,oCQp/CC,yBA2BI,6BACA,CR69CH,iCQ19CK,eR69CL,yJQv9CK,mBR49CL,CACF,+CQv9CG,sCACA,eACA,WPzQI,cO2QJ,UACA,CR09CH,0CQp9CO,mCACA,WPnRA,qBOqRA,WACA,kBACA,gBACA,kBACA,aACA,CRu9CP,yDQn9CO,yBACA,QACA,QACA,CRs9CP,qJQ58CG,qCACA,WP5SI,cO8SJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,YACA,CRm9CH,6LQh9CK,gBRu9CL,mVQn9CK,qBR09CL,gOQt9CK,oBPhUU,CD6xDf,mLQz9CK,kBRg+CL,2WQ39CK,qBP1ToB,kBO2TpB,CRs+CL,4CQh+CK,cRm+CL,+TQ19CK,qBRk+CL,6CQ99CK,8BACA,cACA,cACA,CRi+CL,6BQ59CG,WR+9CH,sBQ39CG,4BACA,CR89CH,mCQ39CK,+BACA,CR89CL,oEQv9CG,yBACA,SACA,kBACA,mBPzWsB,WAhBlB,eO4XJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,iBACA,CR49CH,qGQz9CK,eR89CL,sFQ19CK,yBR+9CL,+KQ19CK,yBRi+CL,iHQ79CK,wBP1YkB,CD42DvB,+FQ99CK,kBP1ZM,CD63DX,iHQh+CO,yBRq+CP,qOQh+CO,yBRu+CP,oBQj+CG,mFACA,eACA,WP5aI,cO8aJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,WACA,CRo+CH,mCQ/9CK,kBRk+CL,kCQ99CK,4BACA,QACA,sBAEA,eACA,cP1akB,oBO4alB,oBACA,eACA,gBACA,mBACA,eACA,CRi+CL,wCQ99CO,yBACA,kBACA,MACA,QACA,WACA,UACA,6DACA,CRi+CP,2BQ39CG,kBR89CH,oCQ39CK,wBACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kCACA,2CACA,CR89CL,6CQ39CO,kBR89CP,4HQz9CW,UPlfJ,CD+8DP,YQp9CC,iCAEA,cACA,CRw9CD,eQp9CC,iCPpfsB,kBOsftB,kBACA,mBACA,iBACA,CRw9CD,sBQr9CG,uEACA,aP1gBY,CDm+Df,qBQp9CG,mEACA,aP/gBQ,CDu+DX,iBQn9CG,mBRs9CH,2BQl9CG,gCACA,cACA,WACA,YACA,aACA,gDACA,mBPzhBS,WAPL,eOmiBJ,QACA,CRq9CH,6CQl9CK,SRq9CL,gHQ/8CK,oBRk9CL,iCQ98CK,mBRi9CL,sBQ58CG,gBR+8CH,oKQ38CO,gBR09CP,0DQnhDD,eA+DI,gBRw9CD,CACF,aQp9CC,iCACA,CRw9CD,eQr9CG,cP3jBoB,oBO4jBpB,CRw9CH,qBQr9CK,0BRw9CL,WQl9CC,mCACA,cACA,CRs9CD,cQn9CG,sCACA,CRs9CH,aQl9CG,cP7kBsB,yBO8kBtB,qBACA,eACA,CRq9CH,0DQh9CK,cRm9CL,6BQ58CC,gCP9lBsB,CDgjEvB,mCQ98CG,kCACA,iBACA,CRk9CH,2CQ98CG,cPvmBsB,eOwmBtB,CRk9CH,mUQ98CO,gBRk+CP,0DQn/CD,6BAuBI,gBRi+CD,CACF,YQ79CC,4BACA,sBACA,CRi+CD,SQ79CC,8BP5oBM,YO8oBN,qBACA,mCACA,oBACA,CRi+CD,aQ99CG,sBACA,CRi+CH,gBQ59CC,iCP3oBwB,UO6oBxB,CRg+CD,qBQ79CG,4BACA,CRg+CH,cQ19CG,mBR89CH,qBQ39CK,gBR89CL,+JQ19CS,gBRy+CT,2CQ/9CG,oDACA,WPxrBI,qCO0rBJ,oCACA,kBACA,aACA,kBACA,CRo+CH,+CQj+CK,WPjsBE,yBOksBF,CRq+CL,mLQh+CO,qBRs+CP,yDQj+CK,8BACA,iBACA,CRq+CL,yYQj+CS,gBRq/CT,iEQh/CO,gBRo/CP,mBQ7+CC,4BACA,kBACA,CRi/CD,2DQ7+CG,cRi/CH,4BQ5+CG,sCACA,CRg/CH,qBQ3+CC,+BPjuBsB,CDitEvB,yBQ5+CG,kBR++CH,mBQ1+CC,kCACA,CR8+CD,sBQ3+CG,0BP5vBI,kBO8vBJ,mBACA,SACA,SACA,CR8+CH,2BQ1+CG,cR6+CH,cQx+CC,aPvwBY,CDmvEb,ySQl+CG,gDR2+CH,YQt+CC,yCACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,kCACA,CR0+CD,qBQv+CG,cR0+CH,6BQt+CG,gCACA,aACA,eACA,+CACA,CRy+CH,mBQr+CG,yBACA,oBACA,gBACA,eACA,qBAEA,WACA,gCACA,CRw+CH,mBQp+CG,qBP3zBY,eO4zBZ,CRu+CH,0BQp+CK,mBP/zBU,eOg0BV,CRu+CL,mBQj+CC,mBRq+CD,4BQl+CG,4CACA,eACA,YACA,CRq+CH,2BQj+CG,gCACA,OACA,sBACA,cACA,aACA,CRo+CH,+BQj+CK,8BACA,iBACA,kBACA,SACA,CRo+CL,6BQh+CK,sBRm+CL,oCQ99CG,mBRi+CH,+BQ79CG,4DACA,kBACA,kBACA,kBACA,iBACA,CRg+CH,qCQ79CK,oCACA,cACA,YACA,SACA,kBACA,MACA,SACA,CRg+CL,wBQ39CG,oCACA,kBACA,CR89CH,QS91EG,mCACA,cACA,kCACA,CTk2EH,oCSt2EC,QAOI,gBTm2EH,CACF,4ES71EO,mBTg2EP,WS11EG,+BACA,gBACA,yBACA,CT61EH,eS11EK,yBACA,YACA,SACA,oBACA,yEACA,CT61EL,oCSz2EC,WAgBI,aT61EH,CACF,oCS92EC,WAoBI,aT81EH,CACF,WS11EG,+BACA,aACA,2BACA,mBACA,mBACA,yBACA,CT61EH,oCSp2EC,WAUI,gBT81EH,CACF,mBS31EK,yBACA,YACA,eACA,CT81EL,uBS31EO,uBACA,cACA,SACA,kBACA,kBACA,CT81EP,yBSz1EK,gCACA,CT41EL,gCSz1EO,0BR5EA,gBQ8EA,gBACA,sBACA,CT41EP,8BSx1EO,6BACA,cRvEgB,gBQyEhB,gBACA,sBACA,CT21EP,YSp1EC,iCACA,eACA,CTw1ED,4GSh1EG,0BR1GI,gBQ4GJ,qBACA,iBACA,oBACA,CTw1EH,qBSp1EG,gBRnHI,oBQoHJ,cR7GS,eQ+GT,aACA,CTu1EH,iBSn1EG,eTs1EH,sCSj1EG,sCRjHsB,CDu8EzB,mBSj1EG,yBACA,CTo1EH,uBSj1EK,qCACA,CTo1EL,mBS/0EG,2BACA,CTk1EH,uBS/0EK,oCACA,CTk1EL,sBS70EG,4BACA,CTg1EH,oCS34ED,YA+DI,kBTg1ED,kBS70EG,aTg1EH,sCS30EG,qBT+0EH,CACF,cS10EC,mBRrKW,mCQsKX,cR/JsB,eQiKtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,eACA,CT80ED,0BS30EG,0BT80EH,wBS10EG,qCACA,CT60EH,cSx0EC,qCACA,eACA,kBACA,eACA,iBACA,gBACA,cR5LwB,sCQ8LxB,qCACA,CT40ED,wBSz0EG,cRhNY,sCQiNZ,iCACA,CT40EH,oBSx0EG,oDACA,iCACA,CT20EH,yBSt0EC,kCACA,gBACA,+CAEA,0DACA,gBACA,CT00ED,4BSv0EG,4CACA,CT00EH,wDSr0EG,mCACA,kBACA,gBACA,gBACA,mBACA,sBACA,CTy0EH,4BSr0EG,4BACA,cACA,cR1OsB,yBQ4OtB,CTw0EH,4BSp0EG,2BRjPoB,CDyjFvB,2BSn0EG,cRpPsB,oBQqPtB,CTs0EH,oGSj0EK,0BTo0EL,mCS/zEG,sEACA,CTk0EH,qCS/zEK,cRlRU,eQmRV,CTk0EL,yCS9zEK,aRvRU,CDwlFf,uCS5zEG,gBT+zEH,uCS1zEC,WT8zED,iBUjmFC,qDACA,gBACA,kBACA,CVqmFD,oCUzmFD,iBAOI,gCACA,eACA,CVsmFD,CACF,2BUnmFG,yBACA,eACA,CVsmFH,+EUlmFK,0BVsmFL,qCUjmFG,WVomFH,wBUhmFG,kBTnBS,CDsnFZ,4GU9lFK,sCVmmFL,6IU5lFO,yCACA,CVimFP,gJUzlFO,0BV8lFP,iLUvlFS,kBV4lFT,oCUtlFK,4GAGE,0BVylFL,CACF,qCUplFG,mBVulFH,oBUllFC,2BACA,mBT3DwB,WAhBlB,oBS8EN,iBACA,YACA,iBACA,QACA,CVslFD,wBUnlFG,uBACA,sBACA,gBACA,CVslFH,yCUnlFK,ST3FE,CDirFP,wCUllFK,YT/EoB,CDoqFzB,4HU9kFG,mBVilFH,wLU9kFK,aVilFL,2IUzkFK,kBT/GM,CD2rFX,uMUzkFO,YTlHI,CD8rFX,oCUtkFG,wBACE,aVykFH,CACF,wDUlkFG,aVukFH,sCUnkFG,2CACA,CVukFH,sDUpkFK,kBACA,CVwkFL,wDUpkFK,gBVwkFL,wDUpkFK,iCACA,CVwkFL,kFUpkFK,WVwkFL,oMUlkFK,gBVykFL,gCWzuFC,w+KX6uFD,sCW1uFG,w+KX6uFH,yCWxuFC,w+KZTF,UACE,4EACA,CAGF,QACE,yBACA,8BACA,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,0BACE,SAGF,uDAGE,oBAGF,wGAIE,gCACA,YACA,oBACA,gBACA,CAGF,2BACE,cACA,kBE5DoB,CF8DpB,oGAGE,yBAIJ,6BACE,kBExDoB,CF0DpB,0GAGE,yBAIJ,yBACE,cACA,wCACA,wBACA,CAEA,8FAGE,kCACA,CAGF,kCACE,WAIJ,sBACE,wBACA,CAIJ,iBACE,2BACA,iBACA,CAGF,aACE,+BACA,cAEA,mCACA,eACA,4BACA,CAEA,0DAGE,2CACA,CAGF,sBACE,4BACA,CAGF,oBACE,aEjIsB,CFoIxB,+BACE,SAGF,sEAGE,oBAGF,sBACE,aEnIoB,CFqIpB,qFAGE,cAGF,+BACE,cAGF,6BACE,aE5JoB,CF8JpB,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,aE1MsB,CF6MxB,oCACE,SAGF,qFAGE,oBAQJ,0BAHE,kBAGF,WACE,0BACA,qBACA,QACA,QACA,CAGA,8BAEE,sCACA,oBACA,kBACA,kBACA,CAKF,gBACE,YAIJ,cACE,aAEA,qCACE,cACA,sCAEA,qDACA,kBACA,eACA,eACA,CAEA,4CACE,cACA,gBAGE,kRACE,gBAKN,uCACE,cACA,yCACA,CAEA,wIAGE,qBAKN,iDACE,kBAEA,wEACE,4BACA,OACA,CAIJ,iEAEE,kBAGF,6BACE,yCACA,iCACA,CAEA,oDACE,qBACA,CAIJ,kFAEE,oCACA,WACA,SACA,cAEA,gBACA,iCACA,eACA,gBACA,SACA,SACA,CAEA,8FACE,UAGF,oCAnBF,kFAoBI,eC4rFH,CDxrFD,oCACE,kBAGF,8CACE,2CACA,iBACA,mBACA,YACA,oBACA,CAEA,iEACE,UAGF,oCAZF,8CAaI,sCACA,CC0rFH,CDtrFD,iDACE,mCACA,kBACA,SACA,WACA,WACA,sCACA,mBAEA,wCAEA,0BACA,CAEA,4FACE,cAIJ,uDACE,4BACA,iBACA,CAEA,wPAIE,mBAIJ,oEAEE,gCACA,mBACA,2BACA,iBACA,cACA,CAGF,6EAEE,+BACA,WACA,WACA,CAGF,0DACE,aExYoB,CF2YtB,uCACE,cACA,mCACA,eE1aI,CF6aJ,qEACE,gBAGF,sEACE,gCACA,YACA,cACA,CAGF,6DACE,yBACA,UACA,CAEA,sEACE,+FACA,uBACA,8BACA,UACA,2BACA,CAEA,mFACE,4BAEA,+BACA,aACA,mBACA,CAEA,4QAGE,cAIJ,6EACE,UAIJ,yEACE,4BACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,2BACA,CAEA,kFACE,qCAEA,mBACA,SACA,WACA,oBACA,eACA,eACA,CAEA,wFACE,UEjfJ,CFofE,6GACE,yBEtec,CFqehB,wGACE,yBEtec,CFqehB,yGACE,yBEtec,CFqehB,+FACE,yBEtec,CF2elB,gFACE,UAKN,uEACE,0CACA,sBACA,4BACA,aACA,WACA,eACA,CAIJ,6CACE,gCACA,0BACA,aACA,6BACA,CAEA,oEACE,aAEA,sGACE,iBAGF,oGACE,aAEA,4IACE,cAGF,0IACE,iBAKN,0DACE,oCACA,CAGF,yEACE,kCACA,CAEA,4FACE,iEACA,eACA,gBACA,aEvhBgB,CF0hBhB,oHACE,aEpjBI,CF0jBZ,qCACE,sCACA,WACA,CAEA,2EACE,gCACA,CAKN,iCACE,4CAGF,Ua/kBA,yCbilBE,4CACA,2CACA,WACA,WACA,CAEA,cACE,WAIJ,iBACE,qCACA,mBAEA,aAGF,yBACE,iCACA,CAGF,yBACE,4BACA,CAGF,+BACE,cACA,6BACA,iBACA,gBACA,mBACA,oBACA,CAGF,iCACE,2BACA,CAGF,8BACE,eAGF,2CAEE,iCACA,iBACA,qBACA,gBACA,uBACA,gBACA,UEtoBM,CFyoBN,uDACE,UAGF,uGACE,mBAEA,qJACE,qBAIJ,+DACE,uBACA,eACA,CAGF,+CACE,uCACA,CAEA,qEACE,gBAIJ,+CACE,cACA,qBAEA,2DACE,0BAEA,mEACE,cAKF,2EACE,qBAEA,qFACE,0BAKN,uDACE,aE/pBkB,CFmqBtB,yGACE,kBEpqBoB,CFsqBpB,qHACE,uCACA,CAGF,6IACE,SAGF,yXAGE,oBAIJ,yFACE,aAEA,uJACE,cAIJ,iDACE,kBAGF,yDACE,gBAGF,iDAAK,uBACL,iDAAK,0BAEL,iEACE,wCACA,CAIJ,4CACE,iBAGF,mCACE,6BACA,iBACA,cACA,SACA,uBACA,eAEA,CAEA,mFAEE,0BAIJ,+BACE,uCACA,uBACA,SACA,cAEA,+BACA,cACA,yBACA,iBACA,eACA,qBACA,CAGF,2BACE,cACA,2BACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,+BACA,CAGF,8BACE,4BACA,CAIA,iBACE,4BACA,CAEA,uCACE,mBAEA,6CACE,uBAIJ,gFAEE,mBAKN,QAEE,4CACA,gBACA,gCACA,eACA,UAaA,mCACA,2BAZA,wDARF,QAWI,mBC+oFD,CD5oFD,wBACE,GAAK,UACL,GAAO,UCkpFR,CDppFD,gBACE,GAAK,UACL,GAAO,UCkpFR,CD5oFD,sBACE,eAGF,iCACE,8CACA,CAIA,qCACE,aEx0BkB,CFg1BlB,uEACE,aEx1BK,CF21BP,iCACE,aEr1BgB,CFy1BpB,+BACE,aEj2BO,CFm2BP,iCACE,aE31BkB,CF81BpB,+DACE,WACA,kBEl2BgB,CFo2BhB,qEACE,mBAQR,8CACE,uBAEA,oEACE,cAKN,oDAEE,cACA,0BACA,CAGF,sBACE,aEh3BsB,CFm3BxB,oCACE,6BACA,kBACA,CAGF,cACE,eAGF,kBACE,4CACA,CAEA,4CACE,8BACA,CAEA,2DACE,gBAGF,6DACE,4BACA,CAGF,0DACE,8BACA,CAGF,2EACE,eAKN,yBACE,gCACA,cACA,uBACA,YACA,CAGF,iBACE,+BAGA,iCACA,iBACA,CAEA,8CACE,aE16BoB,CF66BtB,sBACE,8BACA,sBACA,CAIJ,oBACE,gCACA,cACA,CAEA,6BACE,sCACA,kBACA,CAEA,wDACE,iBAGF,oCACE,gCACA,eACA,gBACA,aEt8BkB,CF48BxB,2BACE,kBAGF,6BACE,4BACA,CAGF,sCACE,2BACA,mBACA,uBACA,iBACA,CAGF,iBACE,oCACA,CAEA,uBACE,4BACA,8BACA,sBACA,CAEA,sFAEE,UAIJ,kCACE,+BACA,CAEA,4CACE,uBACA,eACA,CAGF,iEACE,gCACA,CAIJ,+BACE,eAIJ,uBACE,8BAEA,+BACA,CAGF,6BACE,gDACA,gCACA,aACA,mBACA,cACA,CAGF,uBACE,kCACA,CAGF,sDAEE,qCACA,eACA,eACA,CAGF,0BACE,cACA,eAEA,4BACE,aEpiCoB,CFwiCxB,QACE,4CACA,CAEA,6BACE,4BACA,WAEA,oCACA,eACA,CAIJ,iBACE,aAGF,gBACE,yBACA,kBACA,CAGF,SACE,4CACA,CAEA,iBACE,yBACA,CAEA,0CACE,cAIJ,gCACE,4BACA,cAEA,qCACA,cACA,CAIJ,kBACE,aAGF,yBACE,4BACA,iBACA,CAGF,iBc9nCE,mDACA,wBACA,4Bd8nCA,kBAEA,wBACE,2CACA,gBACA,CAGF,2BAEE,gBAEA,0Dc5oCF,mDACA,wBACA,2BACA,CdyoCE,+BAEE,6BACA,qBACA,CAKN,mBACE,eAGF,yBclpCE,WdmpCqB,qCcjpCrB,CdmpCA,8Bc5pCA,mDACA,wBACA,4BACA,Wd2pCuB,qCcrpCvB,CdwpCA,iCcjqCA,mDACA,wBACA,4BACA,WdgqCuB,sCAErB,2BACA,QACA,SACA,CAIJ,uBACE,yBACA,kBACA,CAGF,qBACE,0CACA,aEvpCsB,CF0pCtB,4BACE,gBAGE,kMACE,gBAKN,uBACE,8BACA,yBACA,CAEA,wFAGE,qBAKN,qBACE,6DACA,iBACA,gBACA,cACA,YACA,CAGF,8BACE,aAEA,2CACE,sBAIA,mFACE,mBACA,CAGF,sDACE,6BACA,gBACA,UACA,CAKN,2BACE,2BACA,iBACA,iBACA,CAGF,0BACE,qCACA,cACA,+BACA,eACA,mCACA,CAEA,iCACE,gCAGF,+BACE,uCACA,eACA,aEpvCoB,CFwvCtB,iCACE,6BACA,gBACA,UEzwCI,CF6wCF,2NACE,gBAMR,mBACE,kBAEA,kDACE,iCACA,eACA,CAIJ,2BACE,4BACA,CAGF,4JAME,qBAKA,2DACE,UE/yCI,CFozCN,iBACE,WAQF,gKACE,0BAIJ,8BACE,8BACA,sBACA,CAGF,yDAEE,cAGF,+BACE,cACA,+BACA,mBACA,eACA,CAEA,0EAEE,qCACA,eACA,CAGF,sCACE,yBE51CI,CFi2CR,iCACE,4BACA,CAGF,gBACE,sBACA,kBACA,SACA,UACA,CAUA,gHACE,aE11CoB,CF61CtB,uBACE,WAGF,uCACE,mBACA,aEx3CS,CF03CT,6CACE,uCACA,CAKN,uBACE,qCACA,eACA,cAEA,gCACA,iBACA,CAEA,2BACE,aEl4CsB,CFq4CxB,4BACE,+BACA,sBACA,CAIJ,sCACE,4BACA,CAOF,mEACE,aEl6CU,CFq6CZ,4BACE,8BACA,oBACA,CAEA,kCACE,WACA,0BAIJ,6BACE,YAGF,cACE,6BACA,gBACA,uBACA,kBACA,CAGF,oBACE,gBAGF,uBACE,eAKA,8DACE,0BAIJ,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,gBACE,0BACA,mBACA,cACA,eACA,aEh/CsB,CFm/CtB,uBACE,aEn/CsB,CFs/CxB,kBACE,cAGF,2BACE,qBAGF,yCACE,kBAEA,4DACE,sCACA,6CACA,8CACA,CAGF,2EACE,4DACA,yCACA,CAKN,yBACE,8BACA,iBACA,gBACA,eACA,CAGF,iCACE,8BACA,gBACA,sBACA,CAGF,8BACE,kCACA,CAGF,UACE,qBAGF,mBACE,8BACA,CAGF,0BACE,mDACA,QACA,CAGF,eACE,mBACA,gCACA,uCACA,YACA,CAEA,kBACE,gBAGF,oBACE,4DAGF,mBACE,4DAGF,sBACE,sDAGF,qBACE,sDAIJ,sBACE,0BACA,SACA,0BACA,CAEA,2BACE,2BACA,2BACA,yBExlDsB,CF4lDxB,0BACE,6BACA,uBACA,wBE/lDsB,CFmmDxB,6BACE,0BACA,uBACA,2BEtmDsB,CF0mDxB,4BACE,0BACA,2BACA,0BE7mDsB,CFmnDxB,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,aEzrDoB,CF8rD1B,gBACE,sBAGF,cACE,2BACA,mBACA,2BACA,gBACA,iBACA,CAEA,2BACE,kBAIJ,oCACE,cACE,aAGF,8CACE,mCCukFD,CDlkFD,8JAIE,YAIJ,kCACE,gCACA,uBACA,WACA,CAGF,QACE,8BACA,sBACA,aACA,qBACA,CAEA,oBACE,mBACA,4DACA,CAIJ,IACE,oCAEA,WACA,YACA,kBACA,CAGF,YAPE,aAOF,QACE,kCACA,sBAEA,iBACA,CAGF,aACE,4BACA,sBACA,cAEA,uCACA,eACA,mCACA,CAGF,gBAEE,6BACA,CAGF,oCACE,UAEE,mBAGF,iCAEE,mBAGF,wBACE,cAGF,gBAEE,gBCmkFD,CD/jFH,oCACE,gBAEE,oBACA,CAGF,cACE,sBAGF,+CAEE,eCkkFD,CD9jFH,oCACE,cACE,UAGF,gBAEE,8BAGA,CAEA,wCACE,kBAGF,sCACE,mBAKF,oDAEE,kCACA,CCgkFH,CD3jFH,eAGE,6BACA,CAKF,8BARE,gCACA,gBAGA,YACA,CAGF,eACE,wBACA,OACA,mBACA,sBAIA,gBAEA,WACA,YACA,iBACA,CAEA,sBACE,kBE93DS,CFk4Db,yBACE,+1BACA,eACA,CAEA,6BACE,oCACA,+GACA,uCACA,YACA,oBACA,eACA,yBACA,4DAIJ,eACE,kCACA,eACA,CAGF,gBACE,6BACA,mBACA,mBACA,aACA,mBACA,iBACA,CAEA,kBACE,kCAEA,wBACE,qDACA,CAKN,UACE,gCACA,cACA,eACA,CAGF,gBACE,4BACA,kBACA,WAEA,uCACA,eACA,gBACA,gCACA,0BACA,CAEA,oBACE,8BACA,CAGF,uBACE,6CE57DsB,CFm8DtB,oCAHF,mEAII,mBCsjFH,CDljFD,qBACE,4BACA,CAIJ,oCAEI,qBACE,eCmjFH,CD9iFH,oCACE,UACE,aCijFD,CD7iFH,YACE,oCACA,cACA,iCACA,qBACA,CAEA,kCACE,gBAGF,yBAXF,YAYI,eCgjFD,CD7iFD,kBACE,kCACA,CAGF,oBACE,gCACA,gBACA,CAKF,yBADF,uBAEI,aC8iFD,CD1iFH,oBACE,iCAEA,6BACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,SACA,CAEA,0BACE,0BAIJ,4BACE,4BACA,oBACA,cAEA,kCACA,eACA,kBACA,SACA,CAEA,kCACE,0BAGF,uCACE,mBAIJ,0BACE,qCACA,CAGF,0BACE,kBAGF,iCACE,6BACA,eACA,aACA,kBACA,QACA,SACA,CAGF,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,wBElmEwB,CFqmE1B,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,8BE7pEwB,CFiqE1B,aACE,8BAEA,6BACA,aACA,oBACA,CAEA,mBACE,mBAIJ,mBACE,qCACA,CAGF,oBACE,uCACA,iBAEA,gBAGA,gBACA,CAGF,uCARE,+BAEA,kBEjsEW,CFusEb,mBAEE,cACA,0CAGA,cACA,CAGF,wDAGE,kBEptEW,CFutEb,aACE,cAGF,iBACE,cACA,4CACA,8BACA,CAEA,2EAGE,sEAGF,iDAIE,kCACA,CAEA,uDACE,mBAGF,6DACE,eAGF,qDACE,eAEA,yDACE,cACA,0BAIJ,qDACE,kCEzvEkB,CF4vElB,qMAGE,0BAKN,mDAGE,aEzvEoB,CF4vEtB,yBACE,mBACA,cAEA,qCACE,oDACE,aCyhFL,CDrhFC,qCACE,oDACE,aCwhFL,CDphFC,qCAhBF,yBAiBI,aCwhFH,CDphFD,6BACE,+BACA,CAIJ,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,2BEv0EsB,CF00ExB,oCAlBF,cAmBI,eCkhFD,CD9gFH,kDACE,oCACA,6CACA,uBACA,sBACA,UACA,CAEA,yDACE,uBAKJ,yDACE,kDACA,CAGF,+CACE,cACA,6BAGF,sDACE,aEx2EwB,CF22E1B,aACE,4BACA,yBACA,kBACA,cAEA,qCACA,eACA,CAEA,sBACE,gBACA,kBACA,QACA,KACA,CAKA,gDAJA,oCACA,kBACA,CAEA,0BACE,4CACA,iBACA,aACA,CAMF,qDAEE,0BAEA,gCACA,cACA,qBACA,WACA,eACA,gBACA,CAEA,qMAGE,UAIJ,wBACE,iCACA,WACA,CAKN,cACE,eAEA,oBACE,mBAIJ,mBACE,6BACA,qBACA,WACA,YACA,QACA,CAIA,0BACE,sBACA,CAIJ,oBACE,8BACA,kBACA,cAEA,uCACA,mBACA,oBACA,CAGF,sBACE,8BACA,0BACA,CAGF,0BACE,aEh9EsB,CFm9ExB,mBACE,6BACA,eACA,gBACA,uBACA,kBACA,CAGF,oBACE,kCACA,iBACA,CAEA,wBACE,iCACA,iCACA,iCACA,SACA,uCACA,+BAIJ,wBACE,cAEA,4CACE,WAGF,kDACE,0BAGF,4CACE,oBAIJ,qBACE,qBAEA,iCACE,SAGF,2CAEE,qBAGF,yCACE,mBAGF,yCACE,cAIJ,4BACE,yBAGF,0BACE,wCACA,SACA,WACA,YACA,oBACA,sEACA,uBACA,CAGF,WACE,4BAEA,sCACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,oBACA,CAEA,iBACE,mBAIJ,UACE,gCAGF,wBACE,iCACA,gBACA,cAEA,mBACA,4BACA,cACA,mBACA,uBACA,YACA,CAEA,4BACE,kCACA,aACA,CAGF,gCACE,wBACA,wBACA,kBACA,QACA,SACA,uCACA,+BAGF,0CACE,iBAGF,+BACE,iBAEA,sCACE,iCACA,aE/kFkB,CFmlFpB,oCACE,8BACA,CAKN,wBACE,+BACA,CAGE,sCACE,yBACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,mFACA,CAKN,eACE,4BACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,2BACA,CAEA,sBACE,qBACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,MACA,CAGF,2CACE,aExpFsB,CF2pFxB,sBACE,wCAEA,2CACE,cACA,0CAIJ,2CAEE,UAIJ,wBACE,wBACA,CAGF,gCACE,kBAGF,uBACE,4BACA,cAEA,8BACA,cACA,CAEA,6BACE,cAOA,kEACE,WACA,mBAKN,4BACE,gCACA,gBACA,cAEA,mEACA,CAEA,sCACE,uBACA,CAGF,sCACE,kBAGF,+BACE,gCACA,SACA,6BACA,aACA,CAIJ,kCACE,+BACA,CAIA,kCACE,cACA,0BAIJ,+BACE,YAEA,2DACE,eAEA,sEACE,gBAKN,UACE,+BACA,oBACA,kBACA,cACA,SACA,uBACA,cACA,CAGF,qBACE,qCACA,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,CCm+ED,CD3/EH,yBACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CCm+ED,CD/9EH,gCACE,GAAK,YACL,IAAM,UACN,GAAO,YCu+EN,CD1+EH,wBACE,GAAK,YACL,IAAM,UACN,GAAO,YCu+EN,CDp+EH,mBACE,mCAEA,WACA,4BACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,WACA,CAGF,eACE,gBACA,cACA,mBACA,WACA,YACA,kBACA,wBACA,qCAEA,gEAGE,uBACA,CAIJ,wBACE,4BACA,CAGF,wBACE,6BACA,eACA,CAGF,gBACE,sBACA,kBACA,0CACA,QACA,WACA,CAEA,wCACE,cAIJ,4BACE,mBAGF,gBACE,gDACA,gCACA,aACA,mBACA,cACA,CAGF,iDAEE,+BACA,CAGF,wBACE,+BACA,CAGF,0BACE,cACA,6BACA,gBACA,kBACA,CAIA,iDACE,mBAIA,mDc57FF,gCACA,WACA,YACA,gBACA,oBACA,mBZVW,cAOW,eYMtB,QACA,Cb65KD,qEa15KG,Sb65KH,wLav5KG,oBb05KH,yDat5KG,mBby5KH,oCDn/EG,mDcl6FA,eby5KD,CDn/EC,uDACE,cACA,+BACA,CAGF,2DACE,iBAGF,uDACE,mBAEA,+DACE,eAEA,gNAGE,gCACA,CAKN,+GAEE,aEz9FkB,CF49FpB,yHAEE,+BACA,aEj9FkB,CFo9FlB,iZAGE,cAIJ,+DACE,yBAGF,gDch9FF,gBZ3CM,kBY4CN,gBAGA,cZjCsB,uCF++FlB,4BE9+FoB,CD49KzB,mDav7KG,uCZtCoB,eYwCpB,gBACA,kBACA,Cb07KH,mDat7KG,cby7KH,mDar7KG,mBbw7KH,mDap7KG,6BZ7DS,CF0/FT,qDACE,YAGF,kDACE,cACA,gCACA,CAEA,6HAEE,mBAON,gCACE,mBAIJ,kBACE,WACA,gCACA,mBACA,sBAEA,wCACA,gBACA,YACA,kBACA,UACA,CAEA,wBACE,UAIJ,gBACE,8BACA,CAGF,uBACE,cACA,wCACA,gBACA,qBACA,CAGF,sCAEE,cACA,mBACA,+BACA,eACA,gBACA,eACA,aACA,cACA,mBACA,sBACA,CAEA,yBAdF,sCAeI,eCu/ED,CDp/ED,0CACE,cACA,qBAEA,sDACE,0BAKN,cACE,sBAGF,6BACE,GACE,yFACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCCm/ED,CD1gFH,qBACE,GACE,yFACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCCm/ED,CD/+EH,iCACE,iIACA,mDAGF,gCACE,MAEE,wFACA,0BAGF,IACE,sDAGF,YAGE,wDAGF,YAGE,sDAGF,IACE,wDAGF,IACE,sDCw+ED,CDpgFH,wBACE,MAEE,wFACA,0BAGF,IACE,sDAGF,YAGE,wDAGF,YAGE,sDAGF,IACE,wDAGF,IACE,sDCw+ED,CDp+EH,gCACE,0IACA,sEAGF,6BACE,gBACA,wDACA,kBACA,cACA,CAEA,gDACE,4BAGF,0DACE,WAIJ,kCACE,2BACA,WACA,cACA,CAGF,wCACE,4BACA,SACA,UACA,gBAEA,wDACA,eACA,CAEA,+CACE,6BACA,SACA,gBACA,sBACA,CAEA,gKAGE,gCAIJ,0DACE,YAKF,uBACE,4BAIJ,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,iBACE,2BAEA,4BACA,CAEA,qBACE,gCACA,CAGF,sBACE,wCACA,gBACA,aACA,CAIJ,yBACE,cAGF,2BACE,sBACA,kBACA,mBAEA,gCACA,CAGF,0BACE,yBACA,MACA,WACA,mBAEA,kBAGF,cACE,6BACA,iBACA,gBACA,WACA,UACA,cACA,CAEA,yCAEE,oBAGF,kBACE,iEACA,cACA,WAEA,YACA,cACA,CAaJ,6GACE,8BACA,YAGF,4BACE,kCAEA,yDACA,iBACA,eACA,CAEA,gCACE,4DAGF,mCACE,sDAIJ,0BACE,cACA,4BACA,YACA,CAEA,iEAEE,mBACA,WACA,UAKE,4RACE,UE33GA,CFg4GN,uCACE,mBAIJ,gCACE,gCACA,uBACA,iBACA,CAGF,mCACE,2BEj3GsB,CFo3GtB,0CACE,8BACA,aE34GS,CF+4GP,wQACE,gBAON,kDACE,gBACA,8DACA,CAEA,+DACE,gBAGF,yDACE,kBEx5GoB,CF05GpB,sEACE,UE36GA,CFg7GN,sDACE,0BAGF,qDACE,mDACA,CAIJ,QACE,kBAGF,eACE,0CAEA,Ucr7GA,sBACA,WACA,YACA,gBACA,oBACA,mBZVW,cAOW,eYMtB,QACA,Cbm4LD,iCah4LG,Sbm4LH,4Ea73LG,oBbg4LH,qBa53LG,mBb+3LH,oCDn+ED,ecx5GI,eb+3LD,CD/9ED,gCACE,SAGF,oDAEE,oBAGF,kBACE,2BACA,WACA,UACA,qBACA,UACA,0BACA,eACA,WACA,YACA,cAEA,kCACA,CAEA,yBACE,8BACA,CAIJ,yBACE,wDAEA,gCACE,mDACA,uBAIJ,+BACE,wCACA,qCAEA,eAEA,sCACE,wDAGF,qCACE,cAKN,wBACE,cACA,gCACA,gBACA,eACA,cACA,CAEA,4BACE,qCACA,CAIJ,yBACE,kBAEA,4BACE,mDACA,eACA,aACA,aACA,gBACA,eACA,aEz/GoB,CF4/GpB,gCACE,qCACA,CAIJ,6FAEE,gBAIJ,yBACE,2BACA,cAEA,qBAEA,8FAGE,uCACA,CAIJ,YACE,gDACA,oBACA,YACA,CAGF,qBACE,qBACA,OACA,QACA,SACA,yBACA,CAGF,uBACE,qBACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,4DAGF,mBACE,iCACA,YACA,CAGF,aACE,iCACA,iBACA,CAGF,aACE,uBACA,iBACA,CAEA,oCACE,uBACA,aACA,mBACA,sBACA,CAEA,0CACE,eACA,cEzjHyB,CFskH/B,8CAPE,wBACA,OACA,QACA,QACA,CAGF,yBAME,kDACA,mBACA,CAEA,2BACE,oBAGF,yDACE,UAEA,2DACE,oBAKN,kBACE,gDACA,SACA,WAEA,4BACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,QACA,CAGF,wBACE,OAGF,yBACE,QAGF,yBACE,6BACA,kBACA,OACA,YACA,mBACA,CAGF,uBACE,qBAGF,qBACE,sBACA,uBACA,kBACA,YACA,UACA,SACA,WACA,CAGF,6BACE,wBElrHwB,CFqrH1B,oBACE,4BACA,QACA,WACA,CAGF,4CAGE,mBACA,cACA,kCACA,aACA,qBACA,CAGF,mBACE,uBACA,gBACA,iBACA,iBACA,CAEA,uBACE,wBACA,OACA,WACA,YACA,sBACA,aACA,aACA,aAIA,UACA,yBACA,4DAIJ,0CATI,yCACA,sBACA,CAOJ,mBACE,8BAIA,CAGF,kDAEE,iCACA,aACA,YACA,CAEA,0DACE,eAGF,sLAEE,cACA,wBACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,4BACA,CAEA,8mBAGE,sCACA,CAGF,oiBAEE,aElxHO,CFoxHP,owDAGE,cAMR,qBACE,uBAGF,cACE,iCACA,kBACA,CAEA,qBACE,8BAEA,2CACA,cACA,CAGF,oBACE,mBACA,cACA,6BACA,iBACA,CAIJ,iBACE,oCACA,gBACA,gBACA,CAGF,0EAKE,iCAEA,kCACA,eACA,YACA,kBACA,qBACA,CAEA,wLACE,6BACA,kBACA,CAGF,0JACE,sBACA,kBACA,SACA,UACA,CAGF,qOACE,cAKF,uBACE,gBAEA,oCACA,CAGF,gEALE,2BE11HsB,CFo2H1B,wBACE,8BACA,CAEA,gCACE,oGACA,CAIJ,iFAGE,2CACA,mBAEA,6BACA,CAEA,6FACE,+BACA,cAEA,mBAGF,yGACE,cAIJ,4BACE,eAGF,0BACE,0BACA,CAGF,oBACE,eAEA,oCAHF,oBAII,gBC2+ED,CDv+EH,YACE,iBAGF,0BACE,sBAGF,cACE,0BACA,CAGF,yBACE,yCACA,CAEA,oCAJF,yBAKI,8BACA,CC4+ED,CDx+EH,+CAEE,+BACA,CAEA,oCALF,+CAMI,WC8+ED,CD1+EH,wBACE,8BACA,gBACA,gBACA,iBACA,CAEA,2CACE,aE57HsB,CF+7HxB,oFAEE,aE18HS,CF68HX,oCAhBF,wBAiBI,gBC6+ED,CDz+EH,uBACE,4CACA,eACA,CAEA,yBACE,gCACA,kBACA,CAGF,qCACE,oCACA,WACA,cAGA,gBACA,iCACA,eACA,gBACA,UAEA,kBACA,yBACA,eACA,CAEA,2CACE,yBAIJ,uCACE,kCACA,CAEA,8CACE,cACA,eAIJ,oCA3CF,uBA4CI,4BACA,OACA,CAEA,uCACE,kBCy+EH,CDp+EH,eAME,8BACA,CANA,uBACE,gCACA,CAMF,0CACE,gBAGF,kBACE,6BACA,CAEA,2BACE,SAIA,mCACE,cACA,+BACA,eACA,mBACA,oBACA,CAEA,6EAEE,gBAOA,wWAEE,mBACA,UEzjIJ,CF6jIA,sDACE,kBASR,gXAGE,2CAEA,8BACA,CAEA,ksCAGE,cAKN,4EAGE,4BACA,iBACA,CAEA,iGACE,gBAGE,uoBACE,gBAMR,sBACE,aAEA,0CACE,mBACA,CAIJ,aACE,yBACA,6BACA,MACA,MACA,CAGF,4BACE,gCACA,WAEA,qCACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,2BACA,CAKE,0DACE,aAKF,uDACE,UAKN,sBACE,gBAEA,4BACE,WAIJ,iBACE,4BACA,yBACA,kBACA,gBACA,eACA,CAEA,uBACE,4BAEA,gCACA,+BACA,aACA,sBACA,mBACA,uBACA,cACA,CAEA,2BACE,cAIJ,uBACE,sCAEA,aACA,sBACA,sBACA,CAEA,0BACE,2BACA,CAGF,yBACE,mCAEA,gBAEA,+BACE,0BAKN,yBACE,uBACA,CAEA,gDACE,uBACA,CAGF,6BACE,aEhsIkB,CFssIxB,eAEE,iCAEA,UAEA,CAGF,oCARE,sCAEA,iBAEA,CAIF,qBACE,0BAEA,WACA,iBAEA,CAIE,oEACE,2CACA,CAKN,+BACE,6BACA,qBACA,cAEA,cAEA,kEAEE,sBACA,CAGF,mCACE,oEAIJ,qBACE,4BACA,kBACA,UACA,CAGF,oCACE,2BACA,oBACA,kEACA,QACA,mCACA,sCACA,SACA,CAGF,qCACE,sDACA,gBACA,iBACA,CAKF,sBACE,gBACA,qCACA,eACA,gBACA,iBACA,CAGF,4BACE,gCACA,kEACA,QACA,mCACA,sCACA,SACA,CAGF,wDAEE,WACA,6BACA,UACA,yCACA,CAGF,8BACE,wBAEA,2BACA,0CACA,QACA,WACA,CAEA,oEACE,cAIJ,6BACE,sBACA,CAGF,2BACE,iBACA,CAKA,oKAEE,YAGF,kFACE,YAKJ,cACE,kCACA,gBAEA,gCACA,CAEA,oBACE,UAGF,oBACE,gCACA,SACA,CAGF,yBACE,2CACA,QACA,CAEA,+BACE,mDACA,qBACA,qBACA,CAKF,2BACE,4FACA,QACA,mCACA,2BAIJ,wBACE,4BACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,2BACA,CAEA,+BACE,UAKF,4EAEE,kBAIJ,uBACE,+BACA,MACA,OACA,WACA,YACA,UACA,SACA,gBAEA,cACA,mCACA,CAEA,8BACE,iCACA,CAEA,6GAGE,cAIJ,8BACE,4BACA,CAGF,iCACE,6BACA,eACA,CAIJ,2BACE,2CACA,mBACA,CAGF,uBACE,kCACA,gBACA,sBACA,CAGE,mCACE,eAKF,oCACE,gBAIJ,8BACE,wCACA,eACA,SACA,yBACA,CAEA,6GAGE,UEh/IA,CFq/IN,8EAGE,8BACA,CAGF,4BACE,WACA,iBAGF,wBACE,iCACA,CAGF,kDAEE,UExgJI,CF2gJN,sBACE,2BACA,cACA,CAEA,6BACE,sBACA,8BACA,CASF,4DARE,gCACA,kBACA,WACA,UACA,WACA,CAGF,+BAOE,mBAGF,8BACE,4BACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,mBACA,CAIJ,oBACE,2BACA,iBACA,CAEA,2BACE,sBACA,+BACA,kBACA,cACA,kBACA,WACA,QACA,CAGF,0DAEE,gCACA,WACA,kBACA,SACA,kBACA,CAGF,4BACE,8BAGF,4BACE,4BACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,mBACA,CAQA,yFACE,UAQF,4GACE,oCACA,CAMR,qBACE,kDACA,wBACA,eACA,eACA,kBACA,SACA,aACA,CAGF,+BACE,6CACA,eACA,SACA,YACA,kBACA,QACA,uCACA,+BAIF,4BACE,oCACA,eACA,WACA,CAGF,uBACE,sBACA,gBACA,iBACA,CAEA,8BACE,yBACA,gBACA,CAGF,yBACE,qCACA,wBACA,WACA,MACA,OACA,sBAEA,8CACA,kBACA,cAEA,sCACA,CAEA,8FAGE,uBErqJoB,CFwqJpB,mHACE,yBACA,WACA,YACA,0BACA,iBACA,CAKN,8BACE,0BACA,SACA,uCACA,6CACA,CAIJ,qDAEE,mDACA,eACA,aACA,aACA,CAEA,mEACE,4BACA,QACA,CAGF,4HAEE,4BACA,cAEA,8BACA,gBACA,kBACA,qBACA,iBACA,CAEA,wJACE,aEvtJoB,CFytJpB,oWAEE,yBACA,kBACA,SACA,SACA,QACA,SACA,mCACA,wEAGA,4CAGF,gLACE,wDACA,CAMR,0BACE,gBAGF,ecxtJE,gBZ3CM,kBY4CN,uBAEA,gBACA,cZjCsB,sCYmCtB,CbqoOD,kBaloOG,uCZtCoB,eYwCpB,gBACA,kBACA,CbqoOH,kBajoOG,cbooOH,kBahoOG,mBbmoOH,kBa/nOG,6BZ7DS,CFgwJb,SACE,kBAEA,aACE,uBACA,sCACA,8BAGF,aACE,gCACA,cAEA,gBAEA,eACE,cACA,0BAEA,qBACE,qBAMR,2BACE,GAAK,UACL,IAAM,YACN,GAAO,UCo8EN,CDv8EH,mBACE,GAAK,UACL,IAAM,YACN,GAAO,UCo8EN,CDj8EH,2DAIE,kBAEE,oDACA,CAGF,gBACE,4DACA,CAIA,8BACE,4HACA,CAGF,8CACE,oDACA,CAIA,4DACE,mFACA,oHAIF,2EACE,mFACA,oHAOJ,8CAEE,iBAGF,8BACE,iBAEA,4CACE,2BAGF,uDACE,gBAGF,4DACE,kCACA,CAIA,0EACE,8BACA,wCACA,0CACA,CAGF,yFACE,8BACA,4CACA,oCCi7EP,CD16EH,aACE,8BACA,CAEA,gBACE,6BACA,eACA,iBACA,CAGF,qCACE,aAEA,2CACE,mBAGF,wDACE,gCACA,cACA,WACA,YACA,aACA,gDACA,mBAEA,WACA,8BAEA,CAEA,0EACE,SAGF,uMAGE,oBAGF,8DACE,mBAGF,oCA5BF,wDA6BI,eCu6EL,CDn6EC,0DACE,2BACA,gBACA,QACA,CAKN,qBAEE,0CACA,6BACA,+BACA,CAEA,8BACE,mCACA,cAIA,8BACA,CAEA,mCACE,8BACA,sBACA,CAIJ,mCACE,4BACA,CAGF,sDACE,kBAGF,oDACE,gBAIJ,oBAEE,sCACA,2BACA,mBACA,kBACA,CAEA,0BACE,cAEA,gCACE,4BACA,CAEA,sCACE,UAKN,iCACE,0BACA,CAIJ,kBACE,iCACA,MACA,OACA,WACA,YACA,yBACA,CAGF,aACE,mBACA,wCACA,uCACA,YACA,eACA,CAEA,oCARF,aASI,UC45ED,CDz5ED,gBACE,kCACA,gBACA,eACA,kBACA,yBACA,CAGF,4BACE,YAGF,4BACE,0BAEA,qCACE,+DACA,uBACA,CAIJ,uBACE,gBAIA,iDACE,qBAIJ,8BACE,eAGF,qBACE,gBAIJ,YACE,mBACA,wCACA,uCACA,YACA,eACA,CAEA,oCARF,YASI,UCm5ED,CDh5ED,qBACE,mBAGF,mBACE,+BACA,0BACA,eACA,CAGF,kBACE,4CACA,CAGF,2BACE,aAGF,gCACE,8BACA,qBACA,eACA,YACA,CAIJ,mBACE,+BACA,iBACA,CAGF,aACE,iCACA,eACA,CAEA,sBACE,YAGF,iBACE,+BACA,WACA,YACA,WACA,CAGF,sBACE,8BACA,aACA,uCACA,sFACA,kBACA,uCACA,CAGF,sBACE,6BACA,YACA,MACA,MACA,CAIJ,wBACE,4BACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WAEA,iCACA,iBACA,qBACA,qCACA,CAEA,2FAGE,mBAIJ,0BACE,cACA,+BACA,gBACA,kBACA,oBACA,CAEA,4BACE,mBAEA,uCACE,gBAIJ,4BACE,uCACA,CAEA,kCACE,qBAKN,iBACE,gBAEA,0BACE,WAEA,6FAEE,sDAIJ,uBACE,2BACA,SACA,CAGF,wBACE,6BACA,kBACA,kBACA,CAEA,4BACE,kFACA,WACA,YACA,QACA,CAIJ,sBACE,qCACA,YACA,+BACA,CAEA,8BACE,4BACA,WACA,gBACA,CAEA,+CACE,2CACA,CAKN,uBACE,oCACA,gBACA,gBACA,CAEA,gCACE,gCACA,iBACA,eACA,CAEA,6CACE,2CACA,uBACA,WACA,CAGF,wCACE,aAIJ,6BACE,YAEA,2CACE,mBAGF,uCACE,sBACA,CAGF,gCACE,gCACA,WAEA,gCACA,mBACA,sBACA,CAEA,sCACE,6BACA,cAEA,gCACA,sBACA,CAKN,+BACE,cAIJ,sBACE,6BACA,CAEA,gDAEE,gCEhzKE,CFozKJ,+CACE,qCACA,CAEA,iDACE,cAGF,wEACE,wBAGF,2DACE,aEh0KQ,CFq0Kd,wBACE,eAEA,+BACE,4BE5zKkB,CF+zKlB,iCACE,mCAEA,4CAEA,eACA,CAEA,wCACE,0BEt1KF,CF+1KN,gBACE,cACA,mDACA,gBACA,aACA,eACA,cACA,CAEA,oBACE,qCACA,CAIJ,cACE,gCACA,aACA,+BACA,CAEA,yBACE,gBAGF,oBACE,4BAEA,uCACA,kBACA,CAEA,2BACE,gBAGF,sBACE,cACA,oCACA,gBACA,cACA,gBACA,uBACA,kBACA,CAKE,oGACE,0BAMR,uBACE,0BACA,eACA,iBACA,gBACA,kBACA,aE94KoB,CFk5KtB,yBACE,wBACA,CAEA,8BACE,yBC01EP,McjwPC,8BACA,CdqwPD,SclwPG,qCACA,WACA,CdqwPH,acjwPG,wBACA,OACA,YACA,qBACA,kBACA,kBACA,CdowPH,qBcjwPK,kBbFoB,CDswPzB,Yc/vPG,uCACA,cACA,iBACA,eACA,mBACA,gBACA,sBACA,CdkwPH,+Dc9vPK,adkwPL,6Bc7vPK,oCACA,WACA,eACA,cbnCO,caqCP,UACA,oBACA,gBb9CE,yBagDF,kBACA,gBACA,CdiwPL,mCc9vPO,oBbrCkB,CDsyPzB,uBc5vPK,ed+vPL,qBc3vPK,+BACA,Cd8vPL,aczvPG,uCACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,qBACA,Cd4vPH,sBczvPK,kBd4vPL,oBcxvPK,qBbpFU,mBDg1Pf,cctvPG,gCACA,gBACA,eACA,gBACA,CdyvPH,ccrvPG,mCACA,abxEoB,CDi0PvB,YcpvPG,sCACA,UACA,SACA,SACA,cbjFoB,0BamFpB,iBACA,CduvPH,uDclvPK,qBdqvPL,cchvPG,2BACA,kBACA,cACA,CdmvPH,4Bc9uPC,6BdkvPD,+Bc/uPG,adkvPH,0Cc9uPG,0CACA,aACA,kBACA,CdivPH,kGc7uPK,adivPL,qDc5uPG,+BACA,iBACA,YACA,oBACA,cb7HoB,qCagIpB,Cd+uPH,+Bc3uPG,+BACA,Cd8uPH,2Cc3uPK,sCACA,gBACA,Cd8uPL,mCczuPG,mFACA,eACA,cbtKS,qBawKT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,yBAEA,Cd4uPH,kDcxuPG,cd2uPH,actuPC,abpKsB,CD84PvB,oBcvuPG,gCd0uPH,4BcvuPK,gCd0uPL,cej7PC,g2BACA,sBACA,aACA,SACA,Cfq7PD,wBej7PC,oBACA,sBACA,wBACA,Cfq7PD,0Bel7PG,uBACA,Cfq7PH,oCeh7PC,gBACE,afo7PD,CACF,YgBp8PC,oCACA,aACA,ChBu8PD,0BgB78PG,sCACA,ChBi9PH,8BgBz8PG,YhB48PH,gBgBv8PC,uBhB28PD,4BgBx8PG,mDACA,4BACA,kBfLsB,CDi9PzB,2BgBv8PG,mDACA,+BACA,YACA,ChB08PH,oBgBr8PC,2CACA,cACA,cfPsB,aeStB,ChBy8PD,mBgBr8PC,yBACA,kBACA,iBACA,gBACA,8BACA,cACA,ChBy8PD,yBgBt8PG,chBy8PH,4BgBp8PC,afvCwB,CD++PzB,kCgBr8PG,chBw8PH,mDgBp8PG,YhBu8PH,uBgBl8PC,8BACA,OACA,WACA,WACA,wBfvDwB,CD8/PzB,sBgBj8PG,gCACA,cACA,ChBq8PH,wBgBj8PG,iCACA,ChBo8PH,mBgB/7PC,+BACA,gBACA,kBACA,gBf5FM,qBe8FN,ChBm8PD,qGgB/7PG,gChBk8PH,mBgB57PC,2CfxGM,CD0iQP,yBgB97PG,+BACA,gBACA,oBACA,cACA,WACA,gCACA,cf3GS,yBe6GT,iBACA,ChBi8PH,2CgB97PK,ShBi8PL,0GgB37PK,oBhB87PL,uCgBx7PC,ehB47PD,4CgBz7PG,4BACA,iBACA,ChB47PH,oDgBx7PG,qBACA,kBACA,MACA,OACA,WACA,YACA,sCACA,kBACA,ChB27PH,2BgBt7PC,4BACA,wBACA,gBACA,KACA,ChB07PD,gCgBv7PG,yBACA,gBACA,gBACA,efpKI,CD+lQP,kBgBr7PC,uCACA,WACA,ChBy7PD,uBgBt7PG,sBACA,ChBy7PH,uBgBp7PC,iCACA,iBACA,afzKsB,CDkmQvB,kDgBr7PG,ahBw7PH,oDgBp7PG,gBhBu7PH,sDgBn7PG,ahBs7PH,oBgBj7PC,ahBq7PD,WiBznQC,uCANc,cAQd,iBACA,CjB6nQD,qCiBjoQD,WAOI,yBACA,CjB8nQD,CACF,iBiB1nQC,kEAEA,eACA,iBACA,chBNsB,kBgBQtB,CjB8nQD,mBiB3nQG,chBTsB,yBgBUtB,CjB8nQH,uCiBznQG,kEAEA,eACA,iBACA,mBACA,ahBtBoB,CDopQvB,2CiB1nQK,chBxBoB,yBgByBpB,CjB8nQL,6DiB1nQK,gBjB8nQL,4CiBxnQG,6BACA,CjB4nQH,oBiBxnQG,4DACA,iBACA,gBACA,mBACA,ahB7CsB,CDyqQzB,0BiBxnQK,gEACA,eACA,gBACA,aACA,CjB2nQL,oBiBtnQG,4DACA,iBACA,gBACA,mBACA,ahB9DsB,CDwrQzB,oBiBpnQG,ejB4nQH,wCiB7nQG,8DAEA,gBACA,mBACA,ahBvEsB,CDwsQzB,oBiB3nQG,ejB2nQH,oBiBlnQG,ejB0nQH,wCiB3nQG,8DAEA,gBACA,mBACA,ahBzFsB,CDwtQzB,oBiBznQG,ejBynQH,wCiBhnQG,iBjBonQH,wDiBjnQK,4BjBqnQL,wDiBjnQK,4BjBqnQL,oBiBhnQG,gBjBmnQH,oBiB/mQG,mBjBknQH,8CiB7mQG,ejBinQH,oBiB7mQG,oBACA,SACA,2CACA,aACA,CjBgnQH,2BiB7mQK,mBACA,CjBgnQL,mBiB1mQC,iCACA,CjB8mQD,kCiB3mQG,qCACA,CjB8mQH,6BiB1mQG,2CACA,cACA,CjB6mQH,4BiBzmQG,6DACA,eACA,iBACA,WhBhLI,iBgBkLJ,iBACA,CjB4mQH,oEiBxmQK,cjB4mQL,4CiBvmQO,ahB7KkB,CDuxQzB,mCiBrmQK,6DACA,eACA,gBACA,CjBwmQL,oCiBhoQC,4BA4BI,kBjBwmQH,CACF,0BiBpmQG,8BACA,sBACA,mBACA,uBAEA,0BACA,QACA,YACA,CjBumQH,wCiBpmQK,4DACA,iBACA,gBACA,chB7MkB,mBgB+MlB,mBACA,gCACA,uBACA,mBACA,eACA,CjBumQL,uFiBnmQO,6BACA,CjBumQP,0CiBnmQO,qBjBsmQP,0BiBhmQG,kBjBmmQH,kCiBhmQK,uBACA,kBAEA,CjBmmQL,sCiBhmQO,yBACA,YACA,kBACA,CjBmmQP,gCiB9lQK,ejBimQL,kCiB9lQO,yBhBrQA,oBgBuQA,CjBimQP,sDiB7lQW,0BjBgmQX,0CiB1lQO,2BhBnQgB,CDi2QvB,iCiBplQG,kEAEA,eACA,iBACA,mBACA,ahBlRoB,CD42QvB,qCiBtlQK,chBpRoB,yBgBqRpB,CjB0lQL,iBiBrlQG,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,CjBwlQH,iBiBplQG,4DACA,iBACA,gBACA,mBACA,ahB3SsB,CDm4QzB,uBiBplQK,gEACA,eACA,gBACA,aACA,CjBulQL,iBiBllQG,4DACA,iBACA,gBACA,mBACA,ahB5TsB,CDk5QzB,iBiBhlQG,ejBwlQH,kCiBzlQG,8DAEA,gBACA,mBACA,ahBrUsB,CDk6QzB,iBiBvlQG,ejBulQH,iBiB9kQG,ejBslQH,kCiBvlQG,8DAEA,gBACA,mBACA,ahBvVsB,CDk7QzB,iBiBrlQG,ejBqlQH,kCiB5kQG,iBjBglQH,kDiB7kQK,4BjBilQL,kDiB7kQK,4BjBilQL,iBiB5kQG,gBjB+kQH,iBiB3kQG,mBjB8kQH,wCiBzkQG,ejB6kQH,iBiBzkQG,oBACA,SACA,2CACA,aACA,CjB4kQH,wBiBzkQK,mBACA,CjB4kQL,gDiBtkQG,ajBykQH,8BiBrkQG,qCACA,kBACA,gBACA,qBACA,CjBwkQH,mCiBrkQK,wBACA,2BACA,iBACA,8BACA,kBACA,CjBwkQL,sDiBpkQK,sCACA,oBACA,CjBukQL,kFiBpkQO,4BACA,CjBukQP,oCiB9kQG,sDAWI,wCACA,CjBukQL,CACF,2CiBnkQK,4BACA,CjBskQL,oCiBxkQG,2CAKI,ajBukQL,CACF,oBiBlkQG,kBjBqkQH,wBiBlkQK,uBACA,sBACA,CjBqkQL,2BiBhkQG,oCACA,CjBmkQH,sCiBhkQK,gBjBmkQL,kCiB/jQK,6BACA,CjBkkQL,oCiB9jQK,yBACA,CjBikQL,kDiB9jQO,gCACA,gBACA,CjBikQP,yFiB3jQW,qBjB8jQX,+EiBzjQS,ejB4jQT,oDiBvjQO,2BACA,CjB0jQP,4CiBtjQO,uBACA,yBACA,CjByjQP,kDiBrjQO,ejBwjQP,2DiBrjQS,ejBwjQT,oCiBljQK,oCACE,gBjBqjQL,CACF,oCiB/mQC,2BA8DI,kBjBqjQH,CACF,iFiB/iQG,yChBjhBS,kBgBmhBT,iCACA,CjBmjQH,sBiB/iQG,+BACA,WACA,WACA,CjBkjQH,0BiB/iQK,uBACA,CjBkjQL,sCiB5iQK,4BACA,mBACA,kBACA,CjB+iQL,oCiB3iQK,sCACE,mBjB8iQL,CACF,qCiB1iQK,ahB1iBoB,CDulRzB,oCiBziQK,2BhB7jBE,egB+jBF,CjB4iQL,0CiBziQO,ahBpjBgB,CDgmRvB,+CiBziQS,ahBtjBgB,CDkmRzB,8CiBtiQK,gBjByiQL,oBiBpiQG,mBjBuiQH,wBiBpiQK,uBACA,eACA,YACA,iBACA,CjBuiQL,oCiBjiQK,gDACE,mBjBoiQL,wCiBhiQK,gCACA,WACA,iBACA,CjBmiQL,sDiBhiQO,kBjBmiQP,CACF,oCiB7hQG,8BACE,cjBgiQH,sCiB7hQK,iBjBgiQL,qDiB5hQK,mBjB+hQL,4EiBzhQG,cjB6hQH,CACF,mBiBzhQG,YjB4hQH,SiBvhQC,oBjB2hQD,oCiB5hQD,SAII,gBjB4hQD,CACF,gBiBzhQG,oCACA,mBACA,YACA,CjB4hQH,oBiBzhQK,YjB4hQL,oCiBniQC,gBAWI,4BACA,CjB4hQH,CACF,oBiBxhQG,uCACA,gBACA,eACA,CjB2hQH,sBiBvhQG,+BACA,CjB0hQH,yBiBvhQK,sCACA,gBACA,eACA,ahB9pBkB,CDyrRvB,4BiBthQK,gCACA,CjByhQL,8BiBrhQK,mBhB/qBO,agBgrBP,0BACA,YACA,CjBwhQL,sCiBrhQO,ajBwhQP,+BiBnhQK,8BACA,CjBshQL,sDiBnhQO,+BACA,CjBshQP,gDiBlhQO,uBACA,yBACA,CjBqhQP,+BiBhhQK,ajBmhQL,sCiBhhQO,4DACA,gBACA,aACA,CjBmhQP,oCiB/gQO,4BhB7sBgB,CDguRvB,sFiB5gQG,6BhBptBoB,CD2uRvB,6BiBjhQG,gCACA,kBAEA,CjB8gQH,eiB1gQG,8BACA,aACA,kDACA,aACA,CjB6gQH,oCiBlhQC,eAQI,kDACA,CjB8gQH,6BiB3gQK,wBACA,qBACA,CjB8gQL,yCiB3gQO,qBACA,CjB8gQP,0CiB1gQO,gCACA,QACA,aACA,CjB6gQP,oCiBxgQK,WjB2gQL,0BiBvgQK,gBjB0gQL,CACF,oCiB7iQC,eAuCI,WjB0gQH,4BiBvgQK,8BACA,eACA,CjB0gQL,0GiBrgQO,gBjBwgQP,sFiBjgQK,gCjBsgQL,0BiBlgQK,ajBqgQL,+BiBlgQO,gBjBqgQP,oEiBjgQS,+BACA,CjBogQT,0CiBhgQS,gBjBmgQT,CACF,OiB3/PC,sCACA,CjB+/PD,gBiB3/PC,gCACA,aACA,UACA,YACA,chB1zBsB,qBgB4zBtB,cACA,CjB+/PD,oCiBvgQD,gBAWI,2BACA,gBACA,ahBpzBoB,CDqzRrB,CACF,OkBn1RC,0BACA,iBACA,wBACA,ClBu1RD,oBkBn1RG,6BACA,mBACA,6BACA,gBACA,kBACA,ClBu1RH,mBkBn1RG,sDACA,aACA,eACA,ClBs1RH,mBkBl1RG,gBlBq1RH,oEkBh1RG,kBjBpBS,CDu2RZ,SkB/0RG,cjBfsB,yBiBgBtB,ClBk1RH,ekB/0RK,qBlBk1RL,ckB70RG,gBlBg1RH,4HkB50RO,gBlB21RP,8FkBl1RO,uBlBq1RP,wFkB90RO,alBi1RP,+BkB10RK,mBjB5DO,6BiB6DP,+BACA,ClB60RL,2CkB10RO,mDACA,ClB60RP,0CkBz0RO,sDACA,ClB40RP,yBkBt0RG,sBlBy0RH,ekBp0RC,gCACA,ClBw0RD,KkBp0RC,gDlBw0RD,yBkBp0RC,gCACA,YACA,ClBw0RD,6CkBn0RC,0CACA,iBACA,eACA,cjB9FsB,eiBgGtB,ClBw0RD,yDkBr0RG,UjBjHI,CD07RP,uDkBr0RG,gCACA,ClBy0RH,qEkBr0RG,elBy0RH,wCkBl0RG,alBs0RH,wDkBn0RK,uCACA,eACA,eACA,ClBs0RL,oEkBn0RO,elBs0RP,0EkBl0RO,+BACA,ClBq0RP,sFkBl0RS,alBq0RT,oCkBp1RG,wDAoBI,alBo0RL,CACF,oHkB9zRK,oCACA,ClBk0RL,sBkB7zRG,4CjB7JS,sBiB+JT,YACA,kBACA,ClBg0RH,+BkB7zRK,mCACA,ClBg0RL,oCkBz0RC,sBAaI,alBg0RH,CACF,kBkB5zRG,sCACA,kBACA,ClB+zRH,oCkB5zRK,8BACE,6BlB+zRL,CACF,wBkB3zRK,mBlB8zRL,gCkB1zRK,kBjB7LO,CD0/RZ,sCkB1zRO,mBlB6zRP,2BkBxzRK,oCACA,ClB2zRL,qCkBxzRO,UlB2zRP,8BkBrzRG,clBwzRH,sCkBrzRK,kBlBwzRL,qCkBpzRK,gBlBuzRL,2BkBlzRG,sCACA,eACA,ClBqzRH,oCkBxzRC,2BAMI,6BlBszRH,CACF,oCkBlzRG,+CACE,alBqzRH,CACF,emBhiSC,oCACA,WACA,CnBoiSD,gCmBjiSG,2BACA,mBlBFS,akBIT,wBACA,CnBoiSH,wBmBhiSG,YAjBY,YAkBZ,UACA,eACA,CnBmiSH,8BmBhiSK,+BACA,YACA,YACA,CnBmiSL,oCmB/hSK,sCACE,anBkiSL,CACF,2BmB9hSK,0CACA,gBACA,kBACA,CnBiiSL,oCmBriSG,2BAOI,gBnBkiSL,CACF,6BmB/hSO,2BACA,clBhCgB,qBkBkChB,0BACA,yBACA,CnBkiSP,kCmB/hSS,iBnBkiST,mCmB9hSS,WlBzDF,yBkB0DE,yBACA,CnBiiST,sCmB7hSS,wCACA,CnBgiST,8BmB3hSO,2CACA,QACA,CnB8hSP,gCmB3hSS,0BACA,CnB8hST,4DmBzhSO,WlBhFA,yBAgBkB,gBkBkElB,eACA,CnB4hSP,kEmBzhSS,yBnB4hST,4DmBthSK,0BnByhSL,gCmBphSG,4BACA,CnBuhSH,wBmBnhSG,gBAtGY,2BAyGZ,CnBshSH,oCmB1hSC,wBAOI,qCAEA,CnBuhSH,CACF,2BmBphSK,clBnGoB,ekBoGpB,iBACA,gBACA,oBACA,gCACA,kBACA,CnBuhSL,2BmBnhSK,clB7GoB,ekB8GpB,iBACA,gBACA,kBACA,CnBshSL,2BmBlhSK,wCACA,gBACA,clBxHkB,mBkB0HlB,kBACA,+BACA,CnBqhSL,2BmBjhSK,6BlB/HoB,iBkBiIpB,eACA,CnBohSL,yCmBhhSK,WlBrJE,ekBsJF,CnBmhSL,sFmB9gSK,gBnBkhSL,+DmB9gSK,cnBihSL,2CmB7gSK,+BACA,WlBpKE,oBkBsKF,iBACA,gBACA,kBACA,CnBghSL,0BmB5gSK,gCACA,clB/JoB,kBkBiKpB,CnB+gSL,iCmB5gSO,WlBnLA,ekBoLA,CnB+gSP,2NmB3gSW,gBnB0hSX,2BmBnhSK,oBACA,SACA,2CACA,aACA,CnBshSL,kCmBnhSO,mBACA,CnBshSP,oCmBjhSK,alB9LkB,CDktSvB,sCmBjhSO,alB/LkB,CDmtSzB,uCmB/gSK,clBnNU,ekBoNV,CnBkhSL,uCmB9gSK,clBvNM,ekBwNN,CnBihSL,sCmB7gSK,clBlMkB,ekBmMlB,CnBghSL,oCmB7uSD,eAkOI,8BACA,gCACA,CnB+gSD,gEmB3gSG,0BACA,gBACA,CnB+gSH,wBmB3gSG,qBACA,WACA,CnB8gSH,CACF,SmBzgSC,2BACA,CnB6gSD,wBmB1gSG,kCACA,CnB6gSH,mCmB1gSK,mBnB6gSL,2BmBzgSK,8BACA,CnB4gSL,8BmBzgSO,qCACA,CnB4gSP,+BmBvgSK,yCACA,cACA,CnB0gSL,iNmBtgSS,gBnBqhST,0BmB/gSK,mClB5QkB,qBkB8QlB,yBACA,eACA,gBACA,+BACA,CnBkhSL,gCmB/gSO,WlBnSA,+BkBoSA,CnBkhSP,mCmB9gSO,clBxRkB,+BkByRlB,CnBihSP,gBmB1gSC,+BACA,cACA,CnB8gSD,qBmB1gSC,6BACA,aACA,CnB8gSD,uBmB3gSG,cnB8gSH,iBmBzgSC,4BACA,kBACA,CnB6gSD,uBmBzgSC,wBACA,sBACA,YACA,CnB6gSD,8BmB1gSG,mCACA,gBACA,eACA,iBACA,alBjUsB,CD+0SzB,4MmBzgSO,gBnBwhSP,qCmBlhSG,cnBqhSH,+BmB/gSC,+BACA,CnBohSD,iEmBjhSG,6BACA,2BACA,CnBqhSH,+EmBlhSK,kBnBshSL,iDmB/gSC,2BACA,qBACA,CnBohSD,2EmBjhSG,0BACA,kBACA,kBACA,CnBqhSH,sEmB/gSC,enBohSD,gBmBhhSC,4BACA,iBACA,CnBohSD,0CmBjhSG,iCACA,CnBohSH,6BmBhhSG,mBnBmhSH,8CmB/gSG,iBnBkhSH,sDmB/gSK,oCACA,WACA,CnBkhSL,WmB5gSC,iCACA,CnBghSD,amB7gSG,clBhZsB,oBkBiZtB,CnBghSH,mBmB7gSK,0BnBghSL,QmB1gSC,cnB8gSD,WmB1gSC,mCACA,CnB8gSD,mBmB3gSG,wCACA,mBACA,aACA,mBlB9aS,cAOW,0BkB0apB,eACA,iBACA,CnB8gSH,mBmB1gSG,kBnB6gSH,2BmB1gSK,uBACA,kBACA,WACA,WACA,CnB6gSL,oBmBxgSG,4BnB2gSH,kBmBvgSG,qBnB0gSH,sBmBtgSG,alBtboB,CD+7SvB,mBmBrgSG,6CACA,aACA,clB1coB,gDkB4cpB,eACA,qBACA,eACA,CnBwgSH,iBmBpgSG,iCACA,alBtcoB,CD88SvB,0BmBngSG,2BACA,WACA,WACA,YACA,iBACA,CnBsgSH,mCmBngSK,kBlB9eU,CDo/Sf,mCmBlgSK,mBnBqgSL,kCmBjgSK,kBlBveoB,CD2+SzB,qDmB7/RG,clB/esB,qBkBgftB,eACA,CnBkgSH,qBmB9/RG,cnBigSH,yBmB7/RG,alBzfsB,CDy/SzB,qBmB5/RG,alB3gBY,CD0gTf,wDmBv/RC,kClBrgBwB,CDogTzB,gGmB3/RG,gBnBigSH,wImB5/RK,0CACA,CnBkgSL,gImB9/RK,gEACA,CnBogSL,qBmB7/RC,+BACA,CnBkgSD,qCmB//RG,+BAEA,iBACA,CnBmgSH,yDmB9/RK,gEACA,CnBkgSL,emB5/RC,gDACA,CnBggSD,wBmB7/RG,yBlBhkBY,CDgkTf,wBmB5/RG,0BnB+/RH,uBmB3/RG,yBlBrkBQ,CDmkTX,uBmBz/RG,2CACA,iBACA,4BACA,kBACA,eACA,CnB6/RH,yBmB1/RK,alBxkBkB,CDqkTvB,sBmBv/RG,yBnB2/RH,oBmBv/RG,alBpkBoB,CD8jTvB,amBr/RC,mBlB9lBW,kBkB+lBX,kBACA,CnBy/RD,sBmBt/RG,2CACA,mBACA,YACA,CnBy/RH,+BmBt/RK,kBACA,CnBy/RL,+CmBt/RO,cnBy/RP,6BmBp/RK,8BACA,clB5mBkB,yBkB8mBlB,gBACA,CnBu/RL,+BmBp/RO,kCACA,CnBu/RP,gHmBl/RS,cnBq/RT,kCmBh/RO,alBzoBI,CD4nTX,4BmB5+RK,wCACA,4BACA,CnB++RL,kCmB5+RO,mBnB++RP,+EmB1+RO,2BACA,sBACA,YACA,alBjpBgB,CD+nTvB,kLmBz+RS,mCACA,sBACA,CnB8+RT,qCmBz+RO,0CACA,CnB4+RP,2CmBz+RS,clBnpBc,iBkBopBd,eACA,CnB4+RT,uCmBv+RO,oCACA,WACA,aACA,qBACA,alB5qBgB,CDupTvB,UmBn+RC,mBnBy+RD,yBmBx+RC,sCACA,CnB++RD,emB3+RC,qCACA,qBAGA,CnBu+RD,qBoBprTC,4BACA,kBAEA,CpBwrTD,yBoBrrTG,uCACA,cACA,kBACA,CpBwrTH,wDoBprTK,gCACA,iBACA,CpBurTL,2BoBnrTK,mCACA,aACA,CpBsrTL,oGoBjrTO,mBpBorTP,qDoB7qTG,kCACA,eACA,iBACA,WnBnCI,6CmBqCJ,mBACA,gBACA,CpBgrTH,2BoB5qTG,epB+qTH,4BoB3qTG,6BnBjCoB,kBmBmCpB,eACA,CpB8qTH,oBoBzqTC,4BACA,aACA,CpB6qTD,wBoB1qTG,mCACA,CpB6qTH,4BoB1qTK,cpB6qTL,qCoBxqTG,cnBtDsB,gBmBuDtB,oBACA,CpB2qTH,SqBnvTC,crBuvTD,+BqBpvTG,gCACA,kBACA,CrBuvTH,6BqBnvTG,+BACA,CrBsvTH,kEqBlvTG,+BACA,CrBqvTH,0DqBhvTG,8BACA,CrBovTH,kFqBhvTG,8BACA,CrBmvTH,kCqB/uTG,8BACA,CrBkvTH,wBqB9uTG,oCACA,CrBivTH,2BqB7uTG,oBACA,CrBgvTH,iCqB5uTG,kBACA,cACA,kBACA,CrB+uTH,0CqB3uTG,8BACA,CrB8uTH,yCqB1uTG,+BACA,CrB6uTH,kCqBzuTG,YrB4uTH,qCqBxuTG,gCACA,CrB2uTH,wCqBvuTG,WrB0uTH,gCqBtuTG,8BACA,CrByuTH,yBqBruTG,oBACA,CrBwuTH,yDqBnuTG,oCACA,CrBuuTH,2GqBluTG,iCACA,CrBsuTH,sCqBluTG,iCACA,CrBquTH,0BqBjuTG,+BACA,CrBouTH,uCqBhuTG,qBACA,CrBmuTH,wDqB/tTG,oBACA,CrBkuTH,oFqBztTG,iBACA,CrBguTH,sGqB3tTG,WrB+tTH,sCqBztTK,+BACA,CrB4tTL,iEqBztTO,8BACA,CrB4tTP,oCqBttTG,2BACA,gBACA,CrBytTH,sCqBrtTG,YrBwtTH,qCqBptTG,+BACA,CrButTH,yCqBntTG,+BACA,CrBstTH,sDqBltTG,iBrBqtTH,0CqBjtTG,gCACA,WACA,CrBotTH,wEqB/sTG,8BACA,CrBmtTH,gBqB9sTG,yBrBktTH,gBqB9sTG,6BACA,CrBitTH,wBqB7sTG,crBgtTH,6EqB3sTG,8BACA,CrB+sTH,mDqB3sTG,iCACA,CrB8sTH,+DqB1sTG,iCACA,CrB6sTH,8KqBnsTG,iBACA,CrB2sTH,wDqBvsTG,iCACA,CrB0sTH,sDqBtsTG,kCACA,CrBysTH,oDqBrsTG,iBACA,CrBwsTH,6FqBnsTG,iCACA,CrBusTH,2CqBnsTG,mBACA,CrBssTH,iDqBnsTK,kBACA,8DACA,CrBssTL,6BqBjsTG,uXrBosTH,sCqB/rTG,iBrBmsTH,iCqB/rTG,+BACA,CrBksTH,+CqB9rTG,oBACA,CrBisTH,+DqB7rTG,crBgsTH,sDqB5rTG,sBACA,CrB+rTH,sDqB3rTG,qBACA,CrB8rTH,sDqB1rTG,qBACA,CrB6rTH,iDqBzrTG,OrB4rTH,yCqBxrTG,0CACA,CrB2rTH,oDqBvrTG,+BACA,CrB0rTH,oCqBtrTG,kCAEE,kCACA,CrByrTH,0DqBtrTK,mCACA,CrB0rTL,sEqBnrTK,kCACA,CrBurTL,CACF,4CqBhrTO,8BACA,CrBmrTP,qDqB9qTK,+BACA,CrBirTL,2DqB3qTK,8BACA,CrB8qTL,6DqB1qTK,+BACA,CrB6qTL,kCqBxqTG,gCACA,gBACA,CrB2qTH,iCqBvqTG,YrB0qTH,kCqBtqTG,YrByqTH,mCqBrqTG,8BACA,CrBwqTH,+EqBpqTG,iCACA,CrBuqTH,8DqBnqTG,iBACA,CrBsqTH,ikEsB9hUC,uSACA,kG","file":"flavours/vanilla/common.css","sourcesContent":[".app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n background-color: $ui-highlight-color;\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: $primary-text-color;\n cursor: pointer;\n display: inline-block;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n height: 36px;\n letter-spacing: 0;\n line-height: 36px;\n overflow: hidden;\n padding: 0 16px;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n text-decoration: none;\n text-overflow: ellipsis;\n transition: all 100ms ease-in;\n white-space: nowrap;\n width: auto;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-highlight-color, 10%);\n transition: all 200ms ease-out;\n }\n\n &--destructive {\n transition: none;\n\n &:active,\n &:focus,\n &:hover {\n background-color: $error-red;\n transition: none;\n }\n }\n\n &:disabled {\n background-color: $ui-primary-color;\n cursor: default;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &.button-primary,\n &.button-alternative,\n &.button-secondary,\n &.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n }\n\n &.button-alternative {\n color: $inverted-text-color;\n background: $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-primary-color, 4%);\n }\n }\n\n &.button-alternative-2 {\n background: $ui-base-lighter-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-base-lighter-color, 4%);\n }\n }\n\n &.button-secondary {\n color: $darker-text-color;\n background: transparent;\n padding: 3px 15px;\n border: 1px solid $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n border-color: lighten($ui-primary-color, 4%);\n color: lighten($darker-text-color, 4%);\n }\n\n &:disabled {\n opacity: 0.5;\n }\n }\n\n &.button--block {\n display: block;\n width: 100%;\n }\n}\n\n.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: $action-button-color;\n border: 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}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n\n img,\n svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n }\n}\n\n.ellipsis {\n &::after {\n content: \"…\";\n }\n}\n\n.compose-form {\n padding: 10px;\n\n .compose-form__warning {\n color: $inverted-text-color;\n margin-bottom: 10px;\n background: $ui-primary-color;\n box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n\n strong {\n color: $inverted-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n color: $lighter-text-color;\n font-weight: 500;\n text-decoration: underline;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n }\n }\n }\n\n .compose-form__autosuggest-wrapper {\n position: relative;\n\n .emoji-picker-dropdown {\n position: absolute;\n right: 5px;\n top: 5px;\n }\n }\n\n .autosuggest-textarea,\n .spoiler-input {\n position: relative;\n }\n\n .spoiler-input {\n height: 0;\n transform-origin: bottom;\n opacity: 0.0;\n\n &.spoiler-input--visible {\n height: 47px;\n opacity: 1.0;\n }\n }\n\n .autosuggest-textarea__textarea,\n .spoiler-input__input {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n\n &:focus {\n outline: 0;\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .spoiler-input__input {\n border-radius: 4px;\n }\n\n .autosuggest-textarea__textarea {\n min-height: 100px;\n border-radius: 4px 4px 0 0;\n padding-bottom: 0;\n padding-right: 10px + 22px;\n resize: none;\n scrollbar-color: initial;\n\n &::-webkit-scrollbar {\n all: unset;\n }\n\n @media screen and (max-width: 600px) {\n height: 100px !important; // prevent auto-resize textarea\n resize: vertical;\n }\n }\n\n .autosuggest-textarea__suggestions {\n box-sizing: border-box;\n display: none;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 99;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n background: $ui-secondary-color;\n border-radius: 0 0 4px 4px;\n color: $inverted-text-color;\n font-size: 14px;\n padding: 6px;\n\n &.autosuggest-textarea__suggestions--visible {\n display: block;\n }\n }\n\n .autosuggest-textarea__suggestions__item {\n padding: 10px;\n cursor: pointer;\n border-radius: 4px;\n\n &:hover,\n &:focus,\n &:active,\n &.selected {\n background: darken($ui-secondary-color, 10%);\n }\n }\n\n .autosuggest-account,\n .autosuggest-emoji {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n line-height: 18px;\n font-size: 14px;\n }\n\n .autosuggest-account-icon,\n .autosuggest-emoji img {\n display: block;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n }\n\n .autosuggest-account .display-name__account {\n color: $lighter-text-color;\n }\n\n .compose-form__modifiers {\n color: $inverted-text-color;\n font-family: inherit;\n font-size: 14px;\n background: $simple-background-color;\n\n .compose-form__upload-wrapper {\n overflow: hidden;\n }\n\n .compose-form__uploads-wrapper {\n display: flex;\n flex-direction: row;\n padding: 5px;\n flex-wrap: wrap;\n }\n\n .compose-form__upload {\n flex: 1 1 0;\n min-width: 40%;\n margin: 5px;\n\n &__actions {\n background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity .1s ease;\n\n .icon-button {\n flex: 0 1 auto;\n color: $secondary-text-color;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($secondary-text-color, 7%);\n }\n }\n\n &.active {\n opacity: 1;\n }\n }\n\n &-description {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n padding: 10px;\n opacity: 0;\n transition: opacity .1s ease;\n\n textarea {\n background: transparent;\n color: $secondary-text-color;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n\n &:focus {\n color: $white;\n }\n\n &::placeholder {\n opacity: 0.75;\n color: $secondary-text-color;\n }\n }\n\n &.active {\n opacity: 1;\n }\n }\n }\n\n .compose-form__upload-thumbnail {\n border-radius: 4px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n height: 140px;\n width: 100%;\n overflow: hidden;\n }\n }\n\n .compose-form__buttons-wrapper {\n padding: 10px;\n background: darken($simple-background-color, 8%);\n border-radius: 0 0 4px 4px;\n display: flex;\n justify-content: space-between;\n\n .compose-form__buttons {\n display: flex;\n\n .compose-form__upload-button-icon {\n line-height: 27px;\n }\n\n .compose-form__sensitive-button {\n display: none;\n\n &.compose-form__sensitive-button--visible {\n display: block;\n }\n\n .compose-form__sensitive-button__icon {\n line-height: 27px;\n }\n }\n }\n\n .icon-button {\n box-sizing: content-box;\n padding: 0 3px;\n }\n\n .character-counter__wrapper {\n align-self: center;\n margin-right: 4px;\n\n .character-counter {\n cursor: default;\n font-family: $font-sans-serif, sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: $lighter-text-color;\n\n &.character-counter--over {\n color: $warning-red;\n }\n }\n }\n }\n\n .compose-form__publish {\n display: flex;\n justify-content: flex-end;\n min-width: 0;\n\n .compose-form__publish-button-wrapper {\n overflow: hidden;\n padding-top: 10px;\n }\n }\n}\n\n.no-reduce-motion .spoiler-input {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -.2ex .15em .2ex;\n width: 16px;\n height: 16px;\n\n img {\n width: auto;\n }\n}\n\n.reply-indicator {\n border-radius: 4px;\n margin-bottom: 10px;\n background: $ui-primary-color;\n padding: 10px;\n}\n\n.reply-indicator__header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n\n.reply-indicator__cancel {\n float: right;\n line-height: 24px;\n}\n\n.reply-indicator__display-name {\n color: $inverted-text-color;\n display: block;\n max-width: 100%;\n line-height: 24px;\n overflow: hidden;\n padding-right: 25px;\n text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n float: left;\n margin-right: 5px;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n position: relative;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 2px;\n color: $primary-text-color;\n\n &:focus {\n outline: 0;\n }\n\n &.status__content--with-spoiler {\n white-space: normal;\n\n .status__content__text {\n white-space: pre-wrap;\n }\n }\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n p {\n margin-bottom: 20px;\n white-space: pre-wrap;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n color: $pleroma-links;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n\n .fa {\n color: lighten($dark-text-color, 7%);\n }\n }\n\n &.mention {\n &:hover {\n text-decoration: none;\n\n span {\n text-decoration: underline;\n }\n }\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n\n .status__content__spoiler-link {\n background: $action-button-color;\n\n &:hover {\n background: lighten($action-button-color, 7%);\n text-decoration: none;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n }\n\n .status__content__text {\n display: none;\n\n &.status__content__text--visible {\n display: block;\n }\n }\n\n em {\n font-style: italic;\n }\n\n strong {\n font-weight: bold;\n }\n\n ul { list-style: disc inside; }\n ol { list-style: decimal inside; }\n\n blockquote {\n margin: .2em 0 .2em 2em;\n font-style: italic;\n }\n}\n\n.status__content.status__content--collapsed {\n max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: lighten($ui-highlight-color, 8%);\n border: 0;\n background: transparent;\n padding: 0;\n padding-top: 8px;\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: transparent;\n border: 0;\n color: $inverted-text-color;\n font-weight: 700;\n font-size: 11px;\n padding: 0 6px;\n text-transform: uppercase;\n line-height: 20px;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n color: $dark-text-color;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n\n.focusable {\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n\n .status.status-direct {\n background: lighten($ui-base-color, 12%);\n\n &.muted {\n background: transparent;\n }\n }\n\n .detailed-status,\n .detailed-status__action-bar {\n background: lighten($ui-base-color, 8%);\n }\n }\n}\n\n.status {\n padding: 8px 10px;\n padding-left: 68px;\n position: relative;\n min-height: 54px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n\n @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n padding-right: 26px; // 10px + 16px\n }\n\n @keyframes fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n opacity: 1;\n animation: fade 150ms linear;\n\n .video-player {\n margin-top: 8px;\n }\n\n &.status-direct:not(.read) {\n background: lighten($ui-base-color, 8%);\n border-bottom-color: lighten($ui-base-color, 12%);\n }\n\n &.light {\n .status__relative-time {\n color: $light-text-color;\n }\n\n .status__display-name {\n color: $inverted-text-color;\n }\n\n .display-name {\n strong {\n color: $inverted-text-color;\n }\n\n span {\n color: $light-text-color;\n }\n }\n\n .status__content {\n color: $inverted-text-color;\n\n a {\n color: $highlight-text-color;\n }\n\n a.status__content__spoiler-link {\n color: $primary-text-color;\n background: $ui-primary-color;\n\n &:hover {\n background: lighten($ui-primary-color, 8%);\n }\n }\n }\n }\n}\n\n.notification-favourite {\n .status.status-direct {\n background: transparent;\n\n .icon-button.disabled {\n color: lighten($action-button-color, 13%);\n }\n }\n}\n\n.status__relative-time,\n.notification__relative_time {\n color: $dark-text-color;\n float: right;\n font-size: 14px;\n}\n\n.status__display-name {\n color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n\n.status__info {\n font-size: 15px;\n}\n\n.status-check-box {\n border-bottom: 1px solid $ui-secondary-color;\n display: flex;\n\n .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n\n .media-gallery {\n max-width: 250px;\n }\n\n .status__content {\n padding: 0;\n white-space: normal;\n }\n\n .video-player {\n margin-top: 8px;\n max-width: 250px;\n }\n\n .media-gallery__item-thumbnail {\n cursor: default;\n }\n }\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin-left: 68px;\n color: $dark-text-color;\n padding: 8px 0;\n padding-bottom: 2px;\n font-size: 14px;\n position: relative;\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.status__action-bar {\n align-items: center;\n display: flex;\n margin-top: 8px;\n\n &__counter {\n display: inline-flex;\n margin-right: 11px;\n align-items: center;\n\n .status__action-bar-button {\n margin-right: 4px;\n }\n\n &__label {\n display: inline-block;\n width: 14px;\n font-size: 12px;\n font-weight: 500;\n color: $action-button-color;\n }\n }\n}\n\n.status__action-bar-button {\n margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n height: 23.15px;\n width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.detailed-status {\n background: lighten($ui-base-color, 4%);\n padding: 14px 10px;\n\n &--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n\n .status__content,\n .detailed-status__meta {\n flex: 100%;\n }\n }\n\n .status__content {\n font-size: 19px;\n line-height: 24px;\n\n .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n }\n\n .status__content__spoiler-link {\n line-height: 24px;\n margin: -1px 0 0;\n }\n }\n\n .video-player {\n margin-top: 8px;\n }\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: $dark-text-color;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.reply-indicator__content {\n color: $inverted-text-color;\n font-size: 14px;\n\n a {\n color: $lighter-text-color;\n }\n}\n\n.domain {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n }\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &.compact {\n padding: 0;\n border-bottom: 0;\n\n .account__avatar-wrapper {\n margin-left: 0;\n }\n }\n\n .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: $darker-text-color;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n }\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n @include avatar-radius();\n position: relative;\n\n &-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n }\n\n &-composite {\n @include avatar-radius();\n overflow: hidden;\n\n & > div {\n @include avatar-radius();\n float: left;\n position: relative;\n box-sizing: border-box;\n }\n }\n}\n\na .account__avatar {\n cursor: pointer;\n}\n\n.account__avatar-overlay {\n @include avatar-size(48px);\n\n &-base {\n @include avatar-radius();\n @include avatar-size(36px);\n }\n\n &-overlay {\n @include avatar-radius();\n @include avatar-size(24px);\n\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n }\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__disclaimer {\n padding: 10px;\n border-top: 1px solid lighten($ui-base-color, 8%);\n color: $dark-text-color;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n font-weight: 500;\n color: inherit;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n}\n\n.account__action-bar {\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-dropdown {\n padding: 10px;\n\n .icon-button {\n vertical-align: middle;\n }\n\n .dropdown--active {\n .dropdown__content.dropdown__right {\n left: 6px;\n right: initial;\n }\n\n &::after {\n bottom: initial;\n margin-left: 11px;\n margin-top: -7px;\n right: initial;\n }\n }\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-right: 1px solid lighten($ui-base-color, 8%);\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n\n &.active {\n border-bottom: 4px solid $ui-highlight-color;\n }\n\n & > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: $darker-text-color;\n }\n\n strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: $primary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.account-authorize {\n padding: 14px 10px;\n\n .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n }\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n strong {\n color: $primary-text-color;\n }\n}\n\n.muted {\n .emojione {\n opacity: 0.5;\n }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n &:hover strong {\n text-decoration: underline;\n }\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: $secondary-text-color;\n display: block;\n line-height: 24px;\n margin-bottom: 15px;\n overflow: hidden;\n\n strong,\n span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n strong {\n font-size: 16px;\n color: $primary-text-color;\n }\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n height: 48px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n\n.muted {\n .status__content,\n .status__content p,\n .status__content a {\n color: $dark-text-color;\n }\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n .status__avatar {\n opacity: 0.5;\n }\n\n a.status__content__spoiler-link {\n background: $ui-base-lighter-color;\n color: $inverted-text-color;\n\n &:hover {\n background: lighten($ui-base-lighter-color, 7%);\n text-decoration: none;\n }\n }\n}\n\n.notification__message {\n margin: 0 10px 0 68px;\n padding: 8px 0 0;\n cursor: default;\n color: $darker-text-color;\n font-size: 15px;\n line-height: 22px;\n position: relative;\n\n .fa {\n color: $highlight-text-color;\n }\n\n > span {\n display: inline;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.notification__favourite-icon-wrapper {\n left: -26px;\n position: absolute;\n\n .star-icon {\n color: $gold-star;\n }\n}\n\n.star-icon.active {\n color: $gold-star;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n\n &:hover {\n color: $primary-text-color;\n text-decoration: underline;\n }\n}\n\n.notification__relative_time {\n float: right;\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n &:hover {\n text-decoration: underline;\n }\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n .image-loader__preview-canvas {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n background: url('~images/void.png') repeat;\n object-fit: contain;\n }\n\n .loading-bar {\n position: relative;\n }\n\n &.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n }\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n width: auto;\n height: auto;\n object-fit: contain;\n }\n}\n\n.navigation-bar {\n padding: 10px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n cursor: default;\n color: $darker-text-color;\n\n strong {\n color: $secondary-text-color;\n }\n\n a {\n color: inherit;\n }\n\n .permalink {\n text-decoration: none;\n }\n\n .navigation-bar__actions {\n position: relative;\n\n .icon-button.close {\n position: absolute;\n pointer-events: none;\n transform: scale(0.0, 1.0) translate(-100%, 0);\n opacity: 0;\n }\n\n .compose__action-bar .icon-button {\n pointer-events: auto;\n transform: scale(1.0, 1.0) translate(0, 0);\n opacity: 1;\n }\n }\n}\n\n.navigation-bar__profile {\n flex: 1 1 auto;\n margin-left: 8px;\n line-height: 20px;\n margin-top: -1px;\n overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n display: block;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n color: inherit;\n text-decoration: none;\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid darken($ui-secondary-color, 8%);\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n z-index: 9999;\n\n ul {\n list-style: none;\n }\n\n &.left {\n transform-origin: 100% 50%;\n }\n\n &.top {\n transform-origin: 50% 100%;\n }\n\n &.bottom {\n transform-origin: 50% 0;\n }\n\n &.right {\n transform-origin: 0 50%;\n }\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n\n &.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: $ui-secondary-color;\n }\n\n &.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: $ui-secondary-color;\n }\n\n &.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: $ui-secondary-color;\n }\n\n &.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: $ui-secondary-color;\n }\n}\n\n.dropdown-menu__item {\n a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus,\n &:hover,\n &:active {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n outline: 0;\n }\n }\n}\n\n.dropdown--active .dropdown__content {\n display: block;\n line-height: 18px;\n max-width: 311px;\n right: 0;\n text-align: left;\n z-index: 9999;\n\n & > ul {\n list-style: none;\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n min-width: 140px;\n position: relative;\n }\n\n &.dropdown__right {\n right: 0;\n }\n\n &.dropdown__left {\n & > ul {\n left: -98px;\n }\n }\n\n & > ul > li > a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus {\n outline: 0;\n }\n\n &:hover {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n }\n }\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n\n &.unscrollable {\n overflow-x: hidden;\n }\n}\n\n@media screen and (min-width: 360px) {\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 .drawer,\n .column {\n height: 100%;\n }\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 350px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n > .scrollable {\n background: $ui-base-color;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: darken($ui-base-color, 7%);\n}\n\n.drawer {\n width: 330px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.drawer__tab {\n display: block;\n flex: 1 1 auto;\n padding: 15px 5px 13px;\n color: $darker-text-color;\n text-decoration: none;\n text-align: center;\n font-size: 16px;\n border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n flex: 1 1 100%;\n overflow: hidden;\n}\n\n@media screen and (min-width: 360px) {\n .tabs-bar {\n margin: 10px;\n margin-bottom: 0;\n }\n\n .getting-started__trends,\n .search {\n margin-bottom: 10px;\n }\n\n .getting-started__panel {\n margin: 10px 0;\n }\n\n .column,\n .drawer {\n min-width: 330px;\n }\n}\n\n@media screen and (max-width: 630px) {\n .column,\n .drawer {\n width: 100%;\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@media screen and (min-width: 631px) {\n .columns-area {\n padding: 0;\n }\n\n .column,\n .drawer {\n flex: 1 1 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 10px;\n }\n\n &:last-child {\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: lighten($ui-base-color, 13%);\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n\n &.darker {\n background: $ui-base-color;\n }\n}\n\n.drawer__inner__mastodon {\n background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<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\n.pseudo-drawer {\n background: lighten($ui-base-color, 13%);\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__header {\n flex: 0 0 auto;\n font-size: 16px;\n background: lighten($ui-base-color, 8%);\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n border-radius: 2px;\n\n a {\n transition: background 100ms ease-in;\n\n &:hover {\n background: lighten($ui-base-color, 3%);\n transition: background 200ms ease-out;\n }\n }\n}\n\n.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 50ms linear;\n\n .fa {\n font-weight: 400;\n font-size: 16px;\n }\n\n &.active {\n border-bottom: 2px solid $highlight-text-color;\n color: $highlight-text-color;\n }\n\n &:hover,\n &:focus,\n &:active {\n @media screen and (min-width: 631px) {\n background: lighten($ui-base-color, 14%);\n }\n }\n\n span {\n margin-left: 5px;\n display: none;\n }\n}\n\n@media screen and (min-width: 600px) {\n .tabs-bar__link {\n span {\n display: inline;\n }\n }\n}\n\n@media screen and (min-width: 631px) {\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.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 line-height: inherit;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n outline: 0;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n.column-header__back-button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n font-family: inherit;\n color: $highlight-text-color;\n cursor: pointer;\n white-space: nowrap;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:last-child {\n padding: 0 15px 0 0;\n }\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: $ui-base-color;\n transition: 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.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-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: $ui-base-color;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.column-subheading {\n background: $ui-base-color;\n color: $dark-text-color;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n background: $ui-base-color;\n}\n\n.flex-spacer {\n flex: 1 1 auto;\n}\n\n.getting-started {\n color: $dark-text-color;\n overflow: auto;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n\n &__wrapper,\n &__panel,\n &__footer {\n height: min-content;\n }\n\n &__panel,\n &__footer\n {\n padding: 10px;\n padding-top: 20px;\n flex-grow: 0;\n\n ul {\n margin-bottom: 10px;\n }\n\n ul li {\n display: inline;\n }\n\n p {\n font-size: 13px;\n\n a {\n color: $dark-text-color;\n text-decoration: underline;\n }\n }\n\n a {\n text-decoration: none;\n color: $darker-text-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n }\n\n &__wrapper,\n &__footer\n {\n color: $dark-text-color;\n }\n\n &__trends {\n background: $ui-base-color;\n flex: 0 1 auto;\n\n @media screen and (max-height: 810px) {\n .trends__item:nth-child(3) {\n display: none;\n }\n }\n\n @media screen and (max-height: 720px) {\n .trends__item:nth-child(2) {\n display: none;\n }\n }\n\n @media screen and (max-height: 670px) {\n display: none;\n }\n }\n\n &__scrollable {\n max-height: 100%;\n overflow-y: auto;\n }\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n\n thead {\n position: absolute;\n left: -9999px;\n }\n\n td {\n padding: 0 10px 8px;\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: lighten($ui-base-color, 8%);\n border: 1px solid darken($ui-base-color, 4%);\n }\n}\n\n.setting-text {\n 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: $highlight-text-color;\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n background-position: 0 0;\n height: 19px;\n transition: background-position 0.9s steps(10);\n transition-duration: 0s;\n vertical-align: middle;\n width: 22px;\n\n &::before {\n display: none !important;\n }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n transition-duration: 0.9s;\n background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n color: $action-button-color;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: $highlight-text-color;\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n color: $dark-text-color;\n margin-top: 14px;\n text-decoration: none;\n overflow: hidden;\n\n &__actions {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > div {\n background: rgba($base-shadow-color, 0.6);\n border-radius: 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}\n\na.status-card {\n cursor: pointer;\n\n &:hover {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.status-card-photo {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.status-card-video {\n iframe {\n width: 100%;\n height: 100%;\n }\n}\n\n.status-card__title {\n display: block;\n font-weight: 500;\n margin-bottom: 5px;\n color: $darker-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-decoration: none;\n}\n\n.status-card__content {\n flex: 1 1 auto;\n overflow: hidden;\n padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n color: $darker-text-color;\n}\n\n.status-card__host {\n display: block;\n margin-top: 5px;\n font-size: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.status-card__image {\n flex: 0 0 100px;\n background: lighten($ui-base-color, 8%);\n position: relative;\n\n & > .fa {\n font-size: 21px;\n position: absolute;\n transform-origin: 50% 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.status-card.horizontal {\n display: block;\n\n .status-card__image {\n width: 100%;\n }\n\n .status-card__image-image {\n border-radius: 4px 4px 0 0;\n }\n\n .status-card__title {\n white-space: inherit;\n }\n}\n\n.status-card.compact {\n border-color: lighten($ui-base-color, 4%);\n\n &.interactive {\n border: 0;\n }\n\n .status-card__content {\n padding: 8px;\n padding-top: 10px;\n }\n\n .status-card__title {\n white-space: nowrap;\n }\n\n .status-card__image {\n flex: 0 0 60px;\n }\n}\n\na.status-card.compact:hover {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.load-more {\n display: block;\n color: $dark-text-color;\n background-color: transparent;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n text-decoration: none;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n}\n\n.load-gap {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: $dark-text-color;\n background: $ui-base-color;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n padding: 20px;\n\n & > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n }\n\n &__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.missing-indicator {\n padding-top: 20px + 48px;\n }\n\n &__label {\n margin-top: 200px;\n\n strong {\n display: block;\n margin-bottom: 10px;\n color: $dark-text-color;\n }\n\n span {\n font-size: 15px;\n font-weight: 400;\n }\n }\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n\n &.active {\n &::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n }\n }\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: lighten($ui-base-color, 4%);\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n\n & > button {\n margin: 0;\n border: none;\n padding: 15px 0 15px 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n }\n\n & > .column-header__back-button {\n color: $highlight-text-color;\n }\n\n &.active {\n box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n .column-header__icon {\n color: $highlight-text-color;\n text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n }\n }\n\n &:focus,\n &:active {\n outline: 0;\n }\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n color: $darker-text-color;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n\n &:hover {\n color: lighten($darker-text-color, 7%);\n }\n\n &.active {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n\n &:hover {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n }\n }\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: $darker-text-color;\n transition: max-height 150ms ease-in-out, opacity 300ms linear;\n opacity: 1;\n\n &.collapsed {\n max-height: 0;\n opacity: 0.5;\n }\n\n &.animating {\n overflow-y: hidden;\n }\n\n hr {\n height: 0;\n background: transparent;\n border: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n margin: 10px 0;\n }\n}\n\n.column-header__collapsible-inner {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-header__setting-btn {\n &:hover {\n color: $darker-text-color;\n text-decoration: underline;\n }\n}\n\n.column-header__setting-arrows {\n float: right;\n\n .column-header__setting-btn {\n padding: 0 10px;\n\n &:last-child {\n padding-right: 0;\n }\n }\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.loading-indicator {\n color: $dark-text-color;\n font-size: 12px;\n font-weight: 400;\n text-transform: uppercase;\n overflow: visible;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n span {\n display: block;\n float: left;\n margin-left: 50%;\n transform: translateX(-50%);\n margin: 82px 0 0 50%;\n white-space: nowrap;\n }\n}\n\n.loading-indicator__figure {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 42px;\n height: 42px;\n box-sizing: border-box;\n background-color: transparent;\n border: 0 solid lighten($ui-base-color, 26%);\n border-width: 6px;\n border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.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.video-error-cover {\n align-items: center;\n background: $base-overlay-background;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n margin-top: 8px;\n position: relative;\n text-align: center;\n z-index: 100;\n}\n\n.media-spoiler {\n background: $base-overlay-background;\n color: $darker-text-color;\n border: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n appearance: none;\n\n &:hover,\n &:active,\n &:focus {\n padding: 0;\n color: lighten($darker-text-color, 8%);\n }\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 700;\n}\n\n.spoiler-button {\n 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.modal-container--preloader {\n background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.column-settings__outer {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-settings__section {\n color: $darker-text-color;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n .column-settings__row {\n margin-bottom: 15px;\n }\n\n .column-select {\n &__control {\n @include search-input();\n }\n\n &__placeholder {\n color: $dark-text-color;\n padding-left: 2px;\n font-size: 12px;\n }\n\n &__value-container {\n padding-left: 6px;\n }\n\n &__multi-value {\n background: lighten($ui-base-color, 8%);\n\n &__remove {\n cursor: pointer;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 12%);\n color: lighten($darker-text-color, 4%);\n }\n }\n }\n\n &__multi-value__label,\n &__input {\n color: $darker-text-color;\n }\n\n &__clear-indicator,\n &__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: $dark-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($dark-text-color, 4%);\n }\n }\n\n &__indicator-separator {\n background-color: lighten($ui-base-color, 8%);\n }\n\n &__menu {\n @include search-popout();\n padding: 0;\n background: $ui-secondary-color;\n }\n\n &__menu-list {\n padding: 6px;\n }\n\n &__option {\n color: $inverted-text-color;\n border-radius: 4px;\n font-size: 14px;\n\n &--is-focused,\n &--is-selected {\n background: darken($ui-secondary-color, 10%);\n }\n }\n }\n}\n\n.column-settings__row {\n .text-btn {\n margin-bottom: 15px;\n }\n}\n\n.relationship-tag {\n color: $primary-text-color;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: $base-overlay-background;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 500;\n padding: 4px;\n border-radius: 4px;\n opacity: 0.7;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label {\n color: $darker-text-color;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n color: $dark-text-color;\n background: $ui-base-color;\n text-align: center;\n padding: 20px;\n font-size: 15px;\n font-weight: 400;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.error-column {\n flex-direction: column;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n\n.no-reduce-motion .pulse-loading {\n transform-origin: center center;\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n 0%,\n 100% {\n transform: rotate(0deg);\n transform-origin: 50% 100%;\n }\n\n 10% {\n transform: rotate(2deg);\n }\n\n 20%,\n 40%,\n 60% {\n transform: rotate(-4deg);\n }\n\n 30%,\n 50%,\n 70% {\n transform: rotate(4deg);\n }\n\n 80% {\n transform: rotate(-2deg);\n }\n\n 90% {\n transform: rotate(2deg);\n }\n}\n\n.no-reduce-motion .shake-bottom {\n transform-origin: 50% 100%;\n animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n background: $simple-background-color;\n position: absolute;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n\n .emoji-mart-scroll {\n transition: opacity 200ms ease;\n }\n\n &.selecting .emoji-mart-scroll {\n opacity: 0.5;\n }\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: $simple-background-color;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n overflow: hidden;\n\n button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n\n &:hover,\n &:focus,\n &:active {\n background: rgba($ui-secondary-color, 0.4);\n }\n }\n\n .emoji-mart-emoji {\n height: 22px;\n }\n}\n\n.emoji-mart-emoji {\n span {\n background-repeat: no-repeat;\n }\n}\n\n.upload-area {\n align-items: center;\n background: rgba($base-overlay-background, 0.8);\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n z-index: 2000;\n\n * {\n pointer-events: none;\n }\n}\n\n.upload-area__drop {\n width: 320px;\n height: 160px;\n display: flex;\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n}\n\n.upload-area__background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: $secondary-text-color;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed $ui-base-lighter-color;\n border-radius: 4px;\n}\n\n.upload-progress {\n padding: 10px;\n color: $lighter-text-color;\n overflow: hidden;\n display: flex;\n\n .fa {\n font-size: 34px;\n margin-right: 10px;\n }\n\n span {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 500;\n display: block;\n }\n}\n\n.upload-progess__message {\n flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n width: 100%;\n height: 6px;\n border-radius: 6px;\n background: $ui-base-lighter-color;\n position: relative;\n margin-top: 5px;\n}\n\n.upload-progress__tracker {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n background: $ui-highlight-color;\n border-radius: 6px;\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n\n &:active,\n &:focus {\n outline: 0 !important;\n }\n\n img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n }\n\n &:hover,\n &:active,\n &:focus {\n img {\n opacity: 1;\n filter: none;\n }\n }\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.privacy-dropdown__dropdown {\n position: absolute;\n background: $simple-background-color;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-left: 40px;\n overflow: hidden;\n\n &.top {\n transform-origin: 50% 100%;\n }\n\n &.bottom {\n transform-origin: 50% 0;\n }\n}\n\n.privacy-dropdown__option {\n color: $inverted-text-color;\n padding: 10px;\n cursor: pointer;\n display: flex;\n\n &:hover,\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n outline: 0;\n\n .privacy-dropdown__option__content {\n color: $primary-text-color;\n\n strong {\n color: $primary-text-color;\n }\n }\n }\n\n &.active:hover {\n background: lighten($ui-highlight-color, 4%);\n }\n}\n\n.privacy-dropdown__option__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n flex: 1 1 auto;\n color: $lighter-text-color;\n\n strong {\n font-weight: 500;\n display: block;\n color: $inverted-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.privacy-dropdown.active {\n .privacy-dropdown__value {\n background: $simple-background-color;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n .icon-button {\n transition: none;\n }\n\n &.active {\n background: $ui-highlight-color;\n\n .icon-button {\n color: $primary-text-color;\n }\n }\n }\n\n &.top .privacy-dropdown__value {\n border-radius: 0 0 4px 4px;\n }\n\n .privacy-dropdown__dropdown {\n display: block;\n box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n }\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n display: block;\n padding: 10px;\n padding-right: 30px;\n @include search-input();\n}\n\n.search__icon {\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus {\n outline: 0 !important;\n }\n\n .fa {\n position: absolute;\n top: 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 color: $action-button-color;\n cursor: pointer;\n\n &.active {\n transform: rotate(90deg);\n }\n\n &:hover {\n color: lighten($action-button-color, 7%);\n }\n }\n}\n\n.search-results__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n}\n\n.search-results__section {\n margin-bottom: 5px;\n\n h5 {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: $dark-text-color;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .account:last-child,\n & > div:last-child .status {\n border-bottom: 0;\n }\n}\n\n.search-results__hashtag {\n display: block;\n padding: 10px;\n color: $secondary-text-color;\n text-decoration: none;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($secondary-text-color, 4%);\n text-decoration: underline;\n }\n}\n\n.modal-root {\n position: relative;\n transition: opacity 0.3s linear;\n will-change: opacity;\n z-index: 9999;\n}\n\n.modal-root__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n\n .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n video {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n }\n }\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n\n * {\n pointer-events: auto;\n }\n\n &.media-modal__navigation--hidden {\n opacity: 0;\n\n * {\n pointer-events: none;\n }\n }\n}\n\n.media-modal__nav {\n background: rgba($base-overlay-background, 0.5);\n box-sizing: border-box;\n border: 0;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n align-items: center;\n font-size: 24px;\n height: 20vmax;\n margin: auto 0;\n padding: 30px 15px;\n position: absolute;\n top: 0;\n bottom: 0;\n}\n\n.media-modal__nav--left {\n left: 0;\n}\n\n.media-modal__nav--right {\n right: 0;\n}\n\n.media-modal__pagination {\n width: 100%;\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n pointer-events: none;\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: $primary-text-color;\n height: 12px;\n width: 12px;\n border-radius: 6px;\n margin: 10px;\n padding: 0;\n border: 0;\n font-size: 0;\n}\n\n.media-modal__button--active {\n background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: $ui-secondary-color;\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n\n & > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n }\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: darken($ui-secondary-color, 8%);\n display: flex;\n padding: 25px;\n\n & > div {\n min-width: 33px;\n }\n\n .onboarding-modal__nav,\n .error-modal__nav {\n color: $lighter-text-color;\n border: 0;\n font-size: 14px;\n font-weight: 500;\n padding: 10px 25px;\n line-height: inherit;\n height: auto;\n margin: -10px;\n border-radius: 4px;\n background-color: transparent;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n background-color: darken($ui-secondary-color, 16%);\n }\n\n &.onboarding-modal__done,\n &.onboarding-modal__next {\n color: $inverted-text-color;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($inverted-text-color, 4%);\n }\n }\n }\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n\n &__label {\n font-weight: 500;\n color: $inverted-text-color;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n }\n\n &__case {\n background: $ui-base-color;\n color: $secondary-text-color;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n }\n}\n\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n background: lighten($ui-secondary-color, 8%);\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n\n .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n }\n\n .status__avatar {\n height: 28px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n }\n\n .status__content__spoiler-link {\n color: lighten($secondary-text-color, 8%);\n }\n}\n\n.actions-modal {\n .status {\n background: $white;\n border-bottom-color: $ui-secondary-color;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .dropdown-menu__separator {\n border-bottom-color: $ui-secondary-color;\n }\n}\n\n.boost-modal__container {\n overflow-x: scroll;\n padding: 10px;\n\n .status {\n user-select: text;\n border-bottom: 0;\n }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: $ui-secondary-color;\n padding: 10px;\n line-height: 36px;\n\n & > div {\n flex: 1 1 auto;\n text-align: right;\n color: $lighter-text-color;\n padding-right: 10px;\n }\n\n .button {\n flex: 0 0 auto;\n }\n}\n\n.boost-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.confirmation-modal {\n max-width: 85vw;\n\n @media screen and (min-width: 480px) {\n max-width: 380px;\n }\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 .status__content,\n .status__content p {\n color: $inverted-text-color;\n }\n\n @media screen and (max-width: 480px) {\n max-height: 10vh;\n }\n}\n\n.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.actions-modal {\n .status {\n overflow-y: auto;\n max-height: 300px;\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\n li:empty {\n margin: 0;\n }\n\n li:not(:empty) {\n a {\n color: $inverted-text-color;\n display: flex;\n padding: 12px 16px;\n font-size: 15px;\n align-items: center;\n text-decoration: none;\n\n &,\n button {\n transition: none;\n }\n\n &.active,\n &:hover,\n &:active,\n &:focus {\n &,\n button {\n background: $ui-highlight-color;\n color: $primary-text-color;\n }\n }\n\n button:first-child {\n margin-right: 10px;\n }\n }\n }\n }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n .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\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.report-modal__target {\n padding: 20px;\n\n .media-modal__close {\n top: 19px;\n right: 15px;\n }\n}\n\n.loading-bar {\n background-color: $highlight-text-color;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n}\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 margin-top: 32px;\n\n audio {\n width: 100%;\n }\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n\n &__icon {\n flex: 0 0 auto;\n color: $dark-text-color;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n\n .fa {\n display: block;\n }\n }\n\n &__list {\n list-style: none;\n padding: 4px 0;\n padding-left: 8px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n li {\n display: block;\n padding: 4px 0;\n }\n\n a {\n text-decoration: none;\n color: $dark-text-color;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n &.compact {\n border: 0;\n margin-top: 4px;\n\n .attachment-list__list {\n padding: 0;\n display: block;\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n}\n\n/* Media Gallery */\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item {\n border: none;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n\n &.standalone {\n .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n }\n }\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: $secondary-text-color;\n line-height: 0;\n\n &,\n img {\n height: 100%;\n width: 100%;\n }\n\n img {\n object-fit: cover;\n }\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n/* End Media Gallery */\n\n/* Status Video Player */\n.status__video-player {\n background: $base-overlay-background;\n box-sizing: border-box;\n cursor: default; /* May not be needed */\n margin-top: 8px;\n overflow: hidden;\n position: relative;\n}\n\n.status__video-player-video {\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.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.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 border-radius: 4px;\n\n &:focus {\n outline: 0;\n }\n\n video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n }\n\n &.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n\n video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n &.inline {\n video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n &__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity .1s ease;\n\n &.active {\n opacity: 1;\n }\n }\n\n &.inactive {\n video,\n .video-player__controls {\n visibility: hidden;\n }\n }\n\n &__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: $base-overlay-background;\n color: $darker-text-color;\n transition: none;\n pointer-events: none;\n\n &.active {\n display: block;\n pointer-events: auto;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($darker-text-color, 7%);\n }\n }\n\n &__title {\n display: block;\n font-size: 14px;\n }\n\n &__subtitle {\n display: block;\n font-size: 11px;\n font-weight: 500;\n }\n }\n\n &__buttons-bar {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n }\n\n &__buttons {\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &.left {\n button {\n padding-left: 0;\n }\n }\n\n &.right {\n button {\n padding-right: 0;\n }\n }\n\n button {\n background: transparent;\n padding: 2px 10px;\n font-size: 16px;\n border: 0;\n color: rgba($white, 0.75);\n\n &:active,\n &:hover,\n &:focus {\n color: $white;\n }\n }\n }\n\n &__time-sep,\n &__time-total,\n &__time-current {\n font-size: 14px;\n font-weight: 500;\n }\n\n &__time-current {\n color: $white;\n margin-left: 60px;\n }\n\n &__time-sep {\n display: inline-block;\n margin: 0 6px;\n }\n\n &__time-sep,\n &__time-total {\n color: $white;\n }\n\n &__volume {\n cursor: pointer;\n height: 24px;\n display: inline;\n\n &::before {\n content: \"\";\n width: 50px;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n left: 70px;\n bottom: 20px;\n }\n\n &__current {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n left: 70px;\n bottom: 20px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n bottom: 16px;\n left: 70px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n }\n }\n\n &__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 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/* End Video Player */\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: $darker-text-color;\n text-decoration: none;\n border-radius: 4px;\n\n &:hover,\n &:active,\n &:focus {\n outline: 0;\n color: $secondary-text-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::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\n.search-popout {\n @include search-popout();\n}\n\nnoscript {\n text-align: center;\n\n img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n }\n\n div {\n font-size: 14px;\n margin: 30px auto;\n color: $secondary-text-color;\n max-width: 400px;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n}\n\n@keyframes flicker {\n 0% { opacity: 1; }\n 30% { opacity: 0.75; }\n 100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n $duration: 400ms;\n $delay: 100ms;\n\n .tabs-bar,\n .search {\n will-change: margin-top;\n transition: margin-top $duration $delay;\n }\n\n .navigation-bar {\n will-change: padding-bottom;\n transition: padding-bottom $duration $delay;\n }\n\n .navigation-bar {\n & > a:first-child {\n will-change: margin-top, margin-left, margin-right, width;\n transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n }\n\n & > .navigation-bar__profile-edit {\n will-change: margin-top;\n transition: margin-top $duration $delay;\n }\n\n .navigation-bar__actions {\n & > .icon-button.close {\n will-change: opacity transform;\n transition: opacity $duration * 0.5 $delay,\n transform $duration $delay;\n }\n\n & > .compose__action-bar .icon-button {\n will-change: opacity transform;\n transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n transform $duration $delay;\n }\n }\n }\n\n .is-composing {\n .tabs-bar,\n .search {\n margin-top: -50px;\n }\n\n .navigation-bar {\n padding-bottom: 0;\n\n & > a:first-child {\n margin: -100px 10px 0 -50px;\n }\n\n .navigation-bar__profile {\n padding-top: 2px;\n }\n\n .navigation-bar__profile-edit {\n position: absolute;\n margin-top: -60px;\n }\n\n .navigation-bar__actions {\n .icon-button.close {\n pointer-events: auto;\n opacity: 1;\n transform: scale(1.0, 1.0) translate(0, 0);\n bottom: 5px;\n }\n\n .compose__action-bar .icon-button {\n pointer-events: none;\n opacity: 0;\n transform: scale(0.0, 1.0) translate(100%, 0);\n }\n }\n }\n }\n}\n\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n\n h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n }\n\n .embed-modal__container {\n padding: 10px;\n\n .hint {\n margin-bottom: 15px;\n }\n\n .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 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 margin-bottom: 15px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n }\n }\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &__message {\n position: relative;\n margin-left: 58px;\n color: $dark-text-color;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__icon-wrapper {\n left: -26px;\n position: absolute;\n }\n\n .detailed-status__display-avatar {\n position: relative;\n }\n\n .detailed-status__display-name {\n margin-bottom: 0;\n }\n}\n\n.column-inline-form {\n padding: 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.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n h4 {\n padding: 15px 0;\n background: lighten($ui-base-color, 13%);\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n border-radius: 8px 8px 0 0;\n }\n\n .drawer__pager {\n height: 50vh;\n }\n\n .drawer__inner {\n border-radius: 0 0 8px 8px;\n\n &.backdrop {\n width: calc(100% - 60px);\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 0 0 0 8px;\n }\n }\n\n &__accounts {\n overflow-y: auto;\n }\n\n .account__display-name {\n &:hover strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n\n .search {\n margin-bottom: 0;\n }\n}\n\n.list-adder {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n &__account {\n background: lighten($ui-base-color, 13%);\n }\n\n &__lists {\n background: lighten($ui-base-color, 13%);\n height: 50vh;\n border-radius: 0 0 8px 8px;\n overflow-y: auto;\n }\n\n .list {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .list__wrapper {\n display: flex;\n }\n\n .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n }\n}\n\n.focal-point-modal {\n max-width: 80vw;\n max-height: 80vh;\n position: relative;\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\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: darken($ui-highlight-color, 3%);\n color: $white;\n border-radius: 50%;\n font-size: 21px;\n line-height: 21px;\n text-decoration: none;\n box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-highlight-color, 7%);\n }\n}\n\n.account__header__content {\n color: $darker-text-color;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n word-break: normal;\n word-wrap: break-word;\n\n p {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n color: inherit;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n}\n\n.account__header {\n overflow: hidden;\n\n &.inactive {\n opacity: 0.5;\n\n .account__header__image,\n .account__avatar {\n filter: grayscale(100%);\n }\n }\n\n &__info {\n position: absolute;\n top: 10px;\n left: 10px;\n }\n\n &__image {\n overflow: hidden;\n height: 145px;\n position: relative;\n background: darken($ui-base-color, 4%);\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n }\n }\n\n &__bar {\n position: relative;\n background: lighten($ui-base-color, 4%);\n padding: 5px;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n .avatar {\n display: block;\n flex: 0 0 auto;\n width: 94px;\n margin-left: -2px;\n\n .account__avatar {\n background: darken($ui-base-color, 8%);\n border: 2px solid lighten($ui-base-color, 4%);\n }\n }\n }\n\n &__tabs {\n display: flex;\n align-items: flex-start;\n padding: 7px 5px;\n margin-top: -55px;\n\n &__buttons {\n display: flex;\n align-items: center;\n padding-top: 55px;\n overflow: hidden;\n\n .icon-button {\n border: 1px solid lighten($ui-base-color, 12%);\n border-radius: 4px;\n box-sizing: content-box;\n padding: 2px;\n }\n\n .button {\n margin: 0 8px;\n }\n }\n\n &__name {\n padding: 5px;\n\n .account-role {\n vertical-align: top;\n }\n\n .emojione {\n width: 22px;\n height: 22px;\n }\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n small {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n }\n }\n\n &__bio {\n overflow: hidden;\n margin: 0 -5px;\n\n .account__header__content {\n padding: 20px 15px;\n padding-bottom: 5px;\n color: $primary-text-color;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n }\n\n &__extra {\n margin-top: 4px;\n\n &__links {\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n }\n}\n\n.trends {\n &__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n border-bottom: 1px solid darken($ui-base-color, 4%);\n font-weight: 500;\n padding: 15px;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n &__item {\n display: flex;\n align-items: center;\n padding: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n &__name {\n flex: 1 1 auto;\n color: $dark-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n font-weight: 500;\n }\n\n a {\n color: $darker-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover,\n &:focus,\n &:active {\n span {\n text-decoration: underline;\n }\n }\n }\n }\n\n &__current {\n flex: 0 0 auto;\n 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","@charset \"UTF-8\";\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nhtml {\n scrollbar-color: #192432 rgba(0, 0, 0, 0.1);\n}\n\n::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #192432;\n border: 0px none #ffffff;\n border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #1c2938;\n}\n\n::-webkit-scrollbar-thumb:active {\n background: #192432;\n}\n\n::-webkit-scrollbar-track {\n border: 0px none #ffffff;\n border-radius: 0;\n background: rgba(0, 0, 0, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n background: #121a24;\n}\n\n::-webkit-scrollbar-track:active {\n background: #121a24;\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n\nbody {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n background: #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\", \"mastodon-font-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.player {\n text-align: center;\n}\nbody.embed {\n background: #192432;\n margin: 0;\n padding-bottom: 0;\n}\nbody.embed .container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\nbody.admin {\n background: #0b1016;\n 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__illustration img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n}\nbody.error .dialog h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\nbutton:focus {\n outline: none;\n}\n\n.app-holder, .app-holder > div {\n display: flex;\n width: 100%;\n 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: \"mastodon-font-display\", sans-serif;\n font-weight: 500;\n font-size: 14px;\n}\n\n.compose-standalone .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n}\n@media screen and (max-width: 400px) {\n .compose-standalone .compose-form {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n}\n@media screen and (max-width: 440px) {\n .account-header {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n}\n.account-header .avatar {\n width: 40px;\n height: 40px;\n margin-right: 8px;\n}\n.account-header .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n}\n.account-header .name {\n flex: 1 1 auto;\n color: #d9e1e8;\n width: calc(100% - 88px);\n}\n.account-header .name .username {\n display: block;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.account-header .logout-link {\n display: block;\n font-size: 32px;\n line-height: 40px;\n margin-left: 8px;\n}\n\n.grid-3 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 3fr 1fr;\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n}\n.grid-3 .column-0 {\n grid-column: 1/3;\n grid-row: 1;\n}\n.grid-3 .column-1 {\n grid-column: 1;\n grid-row: 2;\n}\n.grid-3 .column-2 {\n grid-column: 2;\n grid-row: 2;\n}\n.grid-3 .column-3 {\n grid-column: 1/3;\n grid-row: 3;\n}\n.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 padding-left: 16px;\n flex: 0 0 auto;\n}\n.public-layout .public-account-header__bar .avatar img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid #192432;\n background: #040609;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n margin-top: 0;\n background: #192432;\n border-radius: 0 0 4px 4px;\n padding: 5px;\n }\n .public-layout .public-account-header__bar::before {\n display: none;\n }\n .public-layout .public-account-header__bar .avatar {\n width: 48px;\n height: 48px;\n padding: 7px 0;\n padding-left: 10px;\n }\n .public-layout .public-account-header__bar .avatar img {\n border: 0;\n border-radius: 4px;\n }\n}\n@media screen and (max-width: 600px) and (max-width: 360px) {\n .public-layout .public-account-header__bar .avatar {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header__bar {\n border-radius: 0;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n flex-wrap: wrap;\n }\n}\n.public-layout .public-account-header__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n}\n.public-layout .public-account-header__tabs__name {\n padding-top: 20px;\n padding-bottom: 8px;\n}\n.public-layout .public-account-header__tabs__name h1 {\n font-size: 20px;\n line-height: 27px;\n color: #ffffff;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-shadow: 1px 1px 1px #000000;\n}\n.public-layout .public-account-header__tabs__name h1 small {\n display: block;\n font-size: 14px;\n color: #ffffff;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__tabs {\n margin-left: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .public-layout .public-account-header__tabs__name {\n padding-top: 0;\n padding-bottom: 0;\n }\n .public-layout .public-account-header__tabs__name h1 {\n font-size: 16px;\n line-height: 24px;\n text-shadow: none;\n }\n .public-layout .public-account-header__tabs__name h1 small {\n color: #9baec8;\n }\n}\n.public-layout .public-account-header__tabs__tabs {\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n height: 58px;\n}\n.public-layout .public-account-header__tabs__tabs .details-counters {\n display: flex;\n flex-direction: row;\n min-width: 300px;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__tabs__tabs .details-counters {\n display: none;\n }\n}\n.public-layout .public-account-header__tabs__tabs .counter {\n width: 33.3%;\n box-sizing: border-box;\n flex: 0 0 auto;\n color: #9baec8;\n padding: 10px;\n border-right: 1px solid #192432;\n cursor: default;\n text-align: center;\n position: relative;\n}\n.public-layout .public-account-header__tabs__tabs .counter a {\n display: block;\n}\n.public-layout .public-account-header__tabs__tabs .counter:last-child {\n border-right: 0;\n}\n.public-layout .public-account-header__tabs__tabs .counter::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 4px solid #9baec8;\n opacity: 0.5;\n transition: all 400ms ease;\n}\n.public-layout .public-account-header__tabs__tabs .counter.active::after {\n border-bottom: 4px solid #d8a070;\n opacity: 1;\n}\n.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after {\n border-bottom-color: #d9e1e8;\n}\n.public-layout .public-account-header__tabs__tabs .counter:hover::after {\n opacity: 1;\n transition-duration: 100ms;\n}\n.public-layout .public-account-header__tabs__tabs .counter a {\n text-decoration: none;\n color: inherit;\n}\n.public-layout .public-account-header__tabs__tabs .counter .counter-label {\n font-size: 12px;\n display: block;\n}\n.public-layout .public-account-header__tabs__tabs .counter .counter-number {\n font-weight: 500;\n font-size: 18px;\n margin-bottom: 5px;\n color: #ffffff;\n font-family: \"mastodon-font-display\", sans-serif;\n}\n.public-layout .public-account-header__tabs__tabs .spacer {\n flex: 1 1 auto;\n height: 1px;\n}\n.public-layout .public-account-header__tabs__tabs__buttons {\n padding: 7px 8px;\n}\n.public-layout .public-account-header__extra {\n display: none;\n margin-top: 4px;\n}\n.public-layout .public-account-header__extra .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n}\n.public-layout .public-account-header__extra .public-account-bio .account__header__fields {\n border-top: 1px solid #26374d;\n}\n.public-layout .public-account-header__extra .public-account-bio .roles {\n display: none;\n}\n.public-layout .public-account-header__extra__links {\n margin-top: -15px;\n font-size: 14px;\n color: #9baec8;\n}\n.public-layout .public-account-header__extra__links a {\n display: inline-block;\n color: #9baec8;\n text-decoration: none;\n padding: 15px;\n font-weight: 500;\n}\n.public-layout .public-account-header__extra__links a strong {\n font-weight: 700;\n color: #ffffff;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__extra {\n display: block;\n flex: 100%;\n }\n}\n.public-layout .account__section-headline {\n border-radius: 4px 4px 0 0;\n}\n@media screen and (max-width: 415px) {\n .public-layout .account__section-headline {\n border-radius: 0;\n }\n}\n.public-layout .detailed-status__meta {\n margin-top: 25px;\n}\n.public-layout .public-account-bio {\n background: #202e3f;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-bio {\n box-shadow: none;\n margin-bottom: 0;\n border-radius: 0;\n }\n}\n.public-layout .public-account-bio .account__header__fields {\n margin: 0;\n border-top: 0;\n}\n.public-layout .public-account-bio .account__header__fields a {\n color: #e1b590;\n}\n.public-layout .public-account-bio .account__header__fields dl:first-child .verified {\n border-radius: 0 4px 0 0;\n}\n.public-layout .public-account-bio .account__header__fields .verified a {\n color: #79bd9a;\n}\n.public-layout .public-account-bio .account__header__content {\n padding: 20px;\n padding-bottom: 0;\n color: #ffffff;\n}\n.public-layout .public-account-bio__extra,\n.public-layout .public-account-bio .roles {\n padding: 20px;\n font-size: 14px;\n color: #9baec8;\n}\n.public-layout .public-account-bio .roles {\n padding-bottom: 0;\n}\n.public-layout .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.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 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@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: \"mastodon-font-monospace\", monospace;\n font-weight: 400;\n}\n\n.form-container {\n max-width: 400px;\n padding: 20px;\n margin: 0 auto;\n}\n\n.simple_form .input {\n margin-bottom: 15px;\n overflow: hidden;\n}\n.simple_form .input.hidden {\n margin: 0;\n}\n.simple_form .input.radio_buttons .radio {\n margin-bottom: 15px;\n}\n.simple_form .input.radio_buttons .radio:last-child {\n margin-bottom: 0;\n}\n.simple_form .input.radio_buttons .radio > label {\n position: relative;\n padding-left: 28px;\n}\n.simple_form .input.radio_buttons .radio > label input {\n position: absolute;\n top: -2px;\n left: 0;\n}\n.simple_form .input.boolean {\n position: relative;\n margin-bottom: 0;\n}\n.simple_form .input.boolean .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: #ffffff;\n display: block;\n width: auto;\n}\n.simple_form .input.boolean .label_input,\n.simple_form .input.boolean .hint {\n padding-left: 28px;\n}\n.simple_form .input.boolean .label_input__wrapper {\n position: static;\n}\n.simple_form .input.boolean label.checkbox {\n position: absolute;\n top: 2px;\n left: 0;\n}\n.simple_form .input.boolean label a {\n color: #d8a070;\n text-decoration: underline;\n}\n.simple_form .input.boolean label a:hover, .simple_form .input.boolean label a:active, .simple_form .input.boolean label a:focus {\n text-decoration: none;\n}\n.simple_form .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: \"mastodon-font-monospace\", monospace;\n background: #121a24;\n color: #ffffff;\n font-size: 14px;\n margin: 0;\n}\n.flash-message .oauth-code::-moz-focus-inner {\n border: 0;\n}\n.flash-message .oauth-code::-moz-focus-inner, .flash-message .oauth-code:focus, .flash-message .oauth-code:active {\n outline: 0 !important;\n}\n.flash-message .oauth-code:focus {\n background: #192432;\n}\n.flash-message strong {\n font-weight: 500;\n}\n.flash-message strong:lang(ja) {\n font-weight: 700;\n}\n.flash-message strong:lang(ko) {\n font-weight: 700;\n}\n.flash-message strong:lang(zh-CN) {\n font-weight: 700;\n}\n.flash-message strong:lang(zh-HK) {\n font-weight: 700;\n}\n.flash-message strong:lang(zh-TW) {\n font-weight: 700;\n}\n@media screen and (max-width: 740px) and (min-width: 441px) {\n .flash-message {\n margin-top: 40px;\n }\n}\n\n.form-footer {\n margin-top: 30px;\n text-align: center;\n}\n.form-footer a {\n color: #9baec8;\n text-decoration: none;\n}\n.form-footer a:hover {\n text-decoration: underline;\n}\n\n.quick-nav {\n list-style: none;\n margin-bottom: 25px;\n font-size: 14px;\n}\n.quick-nav li {\n display: inline-block;\n margin-right: 10px;\n}\n.quick-nav a {\n color: #d8a070;\n text-transform: uppercase;\n text-decoration: none;\n font-weight: 700;\n}\n.quick-nav a:hover, .quick-nav a:focus, .quick-nav a:active {\n color: #e1b590;\n}\n\n.oauth-prompt,\n.follow-prompt {\n margin-bottom: 30px;\n color: #9baec8;\n}\n.oauth-prompt h2,\n.follow-prompt h2 {\n font-size: 16px;\n margin-bottom: 30px;\n text-align: center;\n}\n.oauth-prompt strong,\n.follow-prompt strong {\n color: #d9e1e8;\n font-weight: 500;\n}\n.oauth-prompt strong:lang(ja),\n.follow-prompt strong:lang(ja) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(ko),\n.follow-prompt strong:lang(ko) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(zh-CN),\n.follow-prompt strong:lang(zh-CN) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(zh-HK),\n.follow-prompt strong:lang(zh-HK) {\n font-weight: 700;\n}\n.oauth-prompt strong:lang(zh-TW),\n.follow-prompt strong:lang(zh-TW) {\n font-weight: 700;\n}\n@media screen and (max-width: 740px) and (min-width: 441px) {\n .oauth-prompt,\n.follow-prompt {\n margin-top: 40px;\n }\n}\n\n.qr-wrapper {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n.qr-code {\n flex: 0 0 auto;\n background: #ffffff;\n padding: 4px;\n margin: 0 10px 20px 0;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n display: inline-block;\n}\n.qr-code svg {\n display: block;\n margin: 0;\n}\n\n.qr-alternative {\n margin-bottom: 20px;\n color: #d9e1e8;\n flex: 150px;\n}\n.qr-alternative samp {\n display: block;\n font-size: 14px;\n}\n\n.table-form p {\n margin-bottom: 15px;\n}\n.table-form p strong {\n font-weight: 500;\n}\n.table-form p strong:lang(ja) {\n font-weight: 700;\n}\n.table-form p strong:lang(ko) {\n font-weight: 700;\n}\n.table-form p strong:lang(zh-CN) {\n font-weight: 700;\n}\n.table-form p strong:lang(zh-HK) {\n font-weight: 700;\n}\n.table-form p strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.simple_form .warning,\n.table-form .warning {\n box-sizing: border-box;\n background: rgba(223, 64, 90, 0.5);\n color: #ffffff;\n text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 15px;\n}\n.simple_form .warning a,\n.table-form .warning a {\n color: #ffffff;\n text-decoration: underline;\n}\n.simple_form .warning a:hover, .simple_form .warning a:focus, .simple_form .warning a:active,\n.table-form .warning a:hover,\n.table-form .warning a:focus,\n.table-form .warning a:active {\n text-decoration: none;\n}\n.simple_form .warning strong,\n.table-form .warning strong {\n font-weight: 600;\n display: block;\n margin-bottom: 5px;\n}\n.simple_form .warning strong:lang(ja),\n.table-form .warning strong:lang(ja) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(ko),\n.table-form .warning strong:lang(ko) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(zh-CN),\n.table-form .warning strong:lang(zh-CN) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(zh-HK),\n.table-form .warning strong:lang(zh-HK) {\n font-weight: 700;\n}\n.simple_form .warning strong:lang(zh-TW),\n.table-form .warning strong:lang(zh-TW) {\n font-weight: 700;\n}\n.simple_form .warning strong .fa,\n.table-form .warning strong .fa {\n font-weight: 400;\n}\n\n.action-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.action-pagination .actions,\n.action-pagination .pagination {\n flex: 1 1 auto;\n}\n.action-pagination .actions {\n padding: 30px 0;\n padding-right: 20px;\n flex: 0 0 auto;\n}\n\n.post-follow-actions {\n text-align: center;\n color: #9baec8;\n}\n.post-follow-actions div {\n margin-bottom: 4px;\n}\n\n.alternative-login {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.alternative-login h4 {\n font-size: 16px;\n color: #ffffff;\n text-align: center;\n margin-bottom: 20px;\n border: 0;\n padding: 0;\n}\n.alternative-login .button {\n display: block;\n}\n\n.scope-danger {\n color: #ff5050;\n}\n\n.form_admin_settings_site_short_description textarea,\n.form_admin_settings_site_description textarea,\n.form_admin_settings_site_extended_description textarea,\n.form_admin_settings_site_terms textarea,\n.form_admin_settings_custom_css textarea,\n.form_admin_settings_closed_registrations_message textarea {\n font-family: \"mastodon-font-monospace\", monospace;\n}\n\n.input-copy {\n background: #010102;\n border: 1px solid black;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding-right: 4px;\n position: relative;\n top: 1px;\n transition: border-color 300ms linear;\n}\n.input-copy__wrapper {\n flex: 1 1 auto;\n}\n.input-copy input[type=text] {\n background: transparent;\n border: 0;\n padding: 10px;\n font-size: 14px;\n font-family: \"mastodon-font-monospace\", monospace;\n}\n.input-copy button {\n flex: 0 0 auto;\n margin: 4px;\n text-transform: none;\n font-weight: 400;\n font-size: 14px;\n padding: 7px 18px;\n padding-bottom: 6px;\n width: auto;\n transition: background 300ms linear;\n}\n.input-copy.copied {\n border-color: #79bd9a;\n transition: none;\n}\n.input-copy.copied button {\n background: #79bd9a;\n transition: none;\n}\n\n.connection-prompt {\n margin-bottom: 25px;\n}\n.connection-prompt .fa-link {\n background-color: #0b1016;\n border-radius: 100%;\n font-size: 24px;\n padding: 10px;\n}\n.connection-prompt__column {\n align-items: center;\n display: flex;\n flex: 1;\n flex-direction: column;\n flex-shrink: 1;\n max-width: 50%;\n}\n.connection-prompt__column-sep {\n align-self: center;\n flex-grow: 0;\n overflow: visible;\n position: relative;\n z-index: 1;\n}\n.connection-prompt__column p {\n word-break: break-word;\n}\n.connection-prompt .account__avatar {\n margin-bottom: 20px;\n}\n.connection-prompt__connection {\n background-color: #202e3f;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n padding: 25px 10px;\n position: relative;\n text-align: center;\n}\n.connection-prompt__connection::after {\n background-color: #0b1016;\n content: \"\";\n display: block;\n height: 100%;\n left: 50%;\n position: absolute;\n top: 0;\n width: 1px;\n}\n.connection-prompt__row {\n align-items: flex-start;\n display: flex;\n flex-direction: row;\n}\n\n.card > a {\n display: block;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n@media screen and (max-width: 415px) {\n .card > a {\n box-shadow: none;\n }\n}\n.card > a:hover .card__bar, .card > a:active .card__bar, .card > a:focus .card__bar {\n background: #202e3f;\n}\n.card__img {\n height: 130px;\n position: relative;\n background: black;\n border-radius: 4px 4px 0 0;\n}\n.card__img img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n object-fit: cover;\n border-radius: 4px 4px 0 0;\n}\n@media screen and (max-width: 600px) {\n .card__img {\n height: 200px;\n }\n}\n@media screen and (max-width: 415px) {\n .card__img {\n display: none;\n }\n}\n.card__bar {\n position: relative;\n padding: 15px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: #192432;\n border-radius: 0 0 4px 4px;\n}\n@media screen and (max-width: 415px) {\n .card__bar {\n border-radius: 0;\n }\n}\n.card__bar .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n padding-top: 2px;\n}\n.card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: #040609;\n}\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.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:not(:disabled), .button.logo-button:focus:not(:disabled), .button.logo-button:hover:not(:disabled) {\n background: #e3bb98;\n}\n.button.logo-button:active:not(:disabled) svg path:last-child, .button.logo-button:focus:not(:disabled) svg path:last-child, .button.logo-button:hover:not(:disabled) svg path:last-child {\n fill: #e3bb98;\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 margin-left: 78px;\n padding-top: 15px;\n}\n.embed .status__prepend-icon-wrapper,\n.public-layout .status__prepend-icon-wrapper {\n left: -32px;\n}\n.embed .status .media-gallery, .embed .status__action-bar,\n.embed .status .video-player,\n.public-layout .status .media-gallery,\n.public-layout .status__action-bar,\n.public-layout .status .video-player {\n margin-top: 10px;\n}\n\nbutton.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<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 {\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'/><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\n.app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n background-color: #d8a070;\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: #ffffff;\n cursor: pointer;\n display: inline-block;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n height: 36px;\n letter-spacing: 0;\n line-height: 36px;\n overflow: hidden;\n padding: 0 16px;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n text-decoration: none;\n text-overflow: ellipsis;\n transition: all 100ms ease-in;\n white-space: nowrap;\n width: auto;\n}\n.button:active, .button:focus, .button:hover {\n background-color: #e3bb98;\n transition: all 200ms ease-out;\n}\n.button--destructive {\n transition: none;\n}\n.button--destructive:active, .button--destructive:focus, .button--destructive:hover {\n background-color: #df405a;\n transition: none;\n}\n.button:disabled {\n background-color: #9baec8;\n cursor: default;\n}\n.button::-moz-focus-inner {\n border: 0;\n}\n.button::-moz-focus-inner, .button:focus, .button:active {\n outline: 0 !important;\n}\n.button.button-primary, .button.button-alternative, .button.button-secondary, .button.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n}\n.button.button-alternative {\n color: #121a24;\n background: #9baec8;\n}\n.button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover {\n background-color: #a8b9cf;\n}\n.button.button-alternative-2 {\n background: #3e5a7c;\n}\n.button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover {\n background-color: #45648a;\n}\n.button.button-secondary {\n color: #9baec8;\n background: transparent;\n padding: 3px 15px;\n border: 1px solid #9baec8;\n}\n.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {\n border-color: #a8b9cf;\n color: #a8b9cf;\n}\n.button.button-secondary:disabled {\n opacity: 0.5;\n}\n.button.button--block {\n display: block;\n width: 100%;\n}\n\n.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: #3e5a7c;\n border: 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}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n}\n.invisible img,\n.invisible svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.ellipsis::after {\n content: \"…\";\n}\n\n.compose-form {\n padding: 10px;\n}\n.compose-form .compose-form__warning {\n color: #121a24;\n margin-bottom: 10px;\n background: #9baec8;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n}\n.compose-form .compose-form__warning strong {\n color: #121a24;\n font-weight: 500;\n}\n.compose-form .compose-form__warning strong:lang(ja) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(ko) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-CN) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-HK) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-TW) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning a {\n color: #3e5a7c;\n font-weight: 500;\n text-decoration: underline;\n}\n.compose-form .compose-form__warning a:hover, .compose-form .compose-form__warning a:active, .compose-form .compose-form__warning a:focus {\n text-decoration: none;\n}\n.compose-form .compose-form__autosuggest-wrapper {\n position: relative;\n}\n.compose-form .compose-form__autosuggest-wrapper .emoji-picker-dropdown {\n position: absolute;\n right: 5px;\n top: 5px;\n}\n.compose-form .autosuggest-textarea,\n.compose-form .spoiler-input {\n position: relative;\n}\n.compose-form .spoiler-input {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n}\n.compose-form .spoiler-input.spoiler-input--visible {\n height: 47px;\n opacity: 1;\n}\n.compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: #121a24;\n background: #ffffff;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n}\n.compose-form .autosuggest-textarea__textarea:focus,\n.compose-form .spoiler-input__input:focus {\n outline: 0;\n}\n@media screen and (max-width: 600px) {\n .compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n font-size: 16px;\n }\n}\n.compose-form .spoiler-input__input {\n border-radius: 4px;\n}\n.compose-form .autosuggest-textarea__textarea {\n min-height: 100px;\n border-radius: 4px 4px 0 0;\n padding-bottom: 0;\n padding-right: 32px;\n resize: none;\n scrollbar-color: initial;\n}\n.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar {\n all: unset;\n}\n@media screen and (max-width: 600px) {\n .compose-form .autosuggest-textarea__textarea {\n height: 100px !important;\n resize: vertical;\n }\n}\n.compose-form .autosuggest-textarea__suggestions {\n box-sizing: border-box;\n display: none;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 99;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n background: #d9e1e8;\n border-radius: 0 0 4px 4px;\n color: #121a24;\n font-size: 14px;\n padding: 6px;\n}\n.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible {\n display: block;\n}\n.compose-form .autosuggest-textarea__suggestions__item {\n padding: 10px;\n cursor: pointer;\n border-radius: 4px;\n}\n.compose-form .autosuggest-textarea__suggestions__item:hover, .compose-form .autosuggest-textarea__suggestions__item:focus, .compose-form .autosuggest-textarea__suggestions__item:active, .compose-form .autosuggest-textarea__suggestions__item.selected {\n background: #b9c8d5;\n}\n.compose-form .autosuggest-account,\n.compose-form .autosuggest-emoji {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n line-height: 18px;\n font-size: 14px;\n}\n.compose-form .autosuggest-account-icon,\n.compose-form .autosuggest-emoji img {\n display: block;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n}\n.compose-form .autosuggest-account .display-name__account {\n color: #3e5a7c;\n}\n.compose-form .compose-form__modifiers {\n color: #121a24;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-wrapper {\n overflow: hidden;\n}\n.compose-form .compose-form__modifiers .compose-form__uploads-wrapper {\n display: flex;\n flex-direction: row;\n padding: 5px;\n flex-wrap: wrap;\n}\n.compose-form .compose-form__modifiers .compose-form__upload {\n flex: 1 1 0;\n min-width: 40%;\n margin: 5px;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions {\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button {\n flex: 0 1 auto;\n color: #d9e1e8;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active {\n color: #eff3f5;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions.active {\n opacity: 1;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n padding: 10px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea {\n background: transparent;\n color: #d9e1e8;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus {\n color: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder {\n opacity: 0.75;\n color: #d9e1e8;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description.active {\n opacity: 1;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-thumbnail {\n border-radius: 4px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n height: 140px;\n width: 100%;\n overflow: hidden;\n}\n.compose-form .compose-form__buttons-wrapper {\n padding: 10px;\n background: #ebebeb;\n border-radius: 0 0 4px 4px;\n display: flex;\n justify-content: space-between;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons {\n display: flex;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon {\n line-height: 27px;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button {\n display: none;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible {\n display: block;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon {\n line-height: 27px;\n}\n.compose-form .compose-form__buttons-wrapper .icon-button {\n box-sizing: content-box;\n padding: 0 3px;\n}\n.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n align-self: center;\n margin-right: 4px;\n}\n.compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter {\n cursor: default;\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: #3e5a7c;\n}\n.compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter.character-counter--over {\n color: #ff5050;\n}\n.compose-form .compose-form__publish {\n display: flex;\n justify-content: flex-end;\n min-width: 0;\n}\n.compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n overflow: hidden;\n padding-top: 10px;\n}\n\n.no-reduce-motion .spoiler-input {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -0.2ex 0.15em 0.2ex;\n width: 16px;\n height: 16px;\n}\n.emojione img {\n width: auto;\n}\n\n.reply-indicator {\n border-radius: 4px;\n margin-bottom: 10px;\n background: #9baec8;\n padding: 10px;\n}\n\n.reply-indicator__header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n\n.reply-indicator__cancel {\n float: right;\n line-height: 24px;\n}\n\n.reply-indicator__display-name {\n color: #121a24;\n display: block;\n max-width: 100%;\n line-height: 24px;\n overflow: hidden;\n padding-right: 25px;\n text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n float: left;\n margin-right: 5px;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n position: relative;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 2px;\n color: #ffffff;\n}\n.status__content:focus,\n.reply-indicator__content:focus {\n outline: 0;\n}\n.status__content.status__content--with-spoiler,\n.reply-indicator__content.status__content--with-spoiler {\n white-space: normal;\n}\n.status__content.status__content--with-spoiler .status__content__text,\n.reply-indicator__content.status__content--with-spoiler .status__content__text {\n white-space: pre-wrap;\n}\n.status__content .emojione,\n.reply-indicator__content .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.status__content p,\n.reply-indicator__content p {\n margin-bottom: 20px;\n white-space: pre-wrap;\n}\n.status__content p:last-child,\n.reply-indicator__content p:last-child {\n margin-bottom: 0;\n}\n.status__content a,\n.reply-indicator__content a {\n color: #d8a070;\n text-decoration: none;\n}\n.status__content a:hover,\n.reply-indicator__content a:hover {\n text-decoration: underline;\n}\n.status__content a:hover .fa,\n.reply-indicator__content a:hover .fa {\n color: #4a6b94;\n}\n.status__content a.mention:hover,\n.reply-indicator__content a.mention:hover {\n text-decoration: none;\n}\n.status__content a.mention:hover span,\n.reply-indicator__content a.mention:hover span {\n text-decoration: underline;\n}\n.status__content a .fa,\n.reply-indicator__content a .fa {\n color: #3e5a7c;\n}\n.status__content .status__content__spoiler-link,\n.reply-indicator__content .status__content__spoiler-link {\n background: #3e5a7c;\n}\n.status__content .status__content__spoiler-link:hover,\n.reply-indicator__content .status__content__spoiler-link:hover {\n background: #4a6b94;\n text-decoration: none;\n}\n.status__content .status__content__spoiler-link::-moz-focus-inner,\n.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner {\n border: 0;\n}\n.status__content .status__content__spoiler-link::-moz-focus-inner, .status__content .status__content__spoiler-link:focus, .status__content .status__content__spoiler-link:active,\n.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,\n.reply-indicator__content .status__content__spoiler-link:focus,\n.reply-indicator__content .status__content__spoiler-link:active {\n outline: 0 !important;\n}\n.status__content .status__content__text,\n.reply-indicator__content .status__content__text {\n display: none;\n}\n.status__content .status__content__text.status__content__text--visible,\n.reply-indicator__content .status__content__text.status__content__text--visible {\n display: block;\n}\n.status__content em,\n.reply-indicator__content em {\n font-style: italic;\n}\n.status__content strong,\n.reply-indicator__content strong {\n font-weight: bold;\n}\n.status__content ul,\n.reply-indicator__content ul {\n list-style: disc inside;\n}\n.status__content ol,\n.reply-indicator__content ol {\n list-style: decimal inside;\n}\n.status__content blockquote,\n.reply-indicator__content blockquote {\n margin: 0.2em 0 0.2em 2em;\n font-style: italic;\n}\n\n.status__content.status__content--collapsed {\n max-height: 300px;\n}\n\n.status__content__read-more-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: #e1b590;\n border: 0;\n background: transparent;\n padding: 0;\n padding-top: 8px;\n}\n.status__content__read-more-button:hover, .status__content__read-more-button:active {\n text-decoration: underline;\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: transparent;\n border: 0;\n color: #121a24;\n font-weight: 700;\n font-size: 11px;\n padding: 0 6px;\n text-transform: uppercase;\n line-height: 20px;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n color: #3e5a7c;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n border-bottom: 1px solid #202e3f;\n}\n\n.status__prepend-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n\n.focusable:focus {\n outline: 0;\n background: #192432;\n}\n.focusable:focus .status.status-direct {\n background: #26374d;\n}\n.focusable:focus .status.status-direct.muted {\n background: transparent;\n}\n.focusable:focus .detailed-status,\n.focusable:focus .detailed-status__action-bar {\n background: #202e3f;\n}\n\n.status {\n padding: 8px 10px;\n padding-left: 68px;\n position: relative;\n min-height: 54px;\n border-bottom: 1px solid #202e3f;\n cursor: default;\n opacity: 1;\n animation: fade 150ms linear;\n}\n@supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n .status {\n padding-right: 26px;\n }\n}\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.status .video-player {\n margin-top: 8px;\n}\n.status.status-direct:not(.read) {\n background: #202e3f;\n border-bottom-color: #26374d;\n}\n.status.light .status__relative-time {\n color: #9baec8;\n}\n.status.light .status__display-name {\n color: #121a24;\n}\n.status.light .display-name strong {\n color: #121a24;\n}\n.status.light .display-name span {\n color: #9baec8;\n}\n.status.light .status__content {\n color: #121a24;\n}\n.status.light .status__content a {\n color: #d8a070;\n}\n.status.light .status__content a.status__content__spoiler-link {\n color: #ffffff;\n background: #9baec8;\n}\n.status.light .status__content a.status__content__spoiler-link:hover {\n background: #b5c3d6;\n}\n\n.notification-favourite .status.status-direct {\n background: transparent;\n}\n.notification-favourite .status.status-direct .icon-button.disabled {\n color: #547aa9;\n}\n\n.status__relative-time,\n.notification__relative_time {\n color: #3e5a7c;\n float: right;\n font-size: 14px;\n}\n\n.status__display-name {\n color: #3e5a7c;\n}\n\n.status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n\n.status__info {\n font-size: 15px;\n}\n\n.status-check-box {\n border-bottom: 1px solid #d9e1e8;\n display: flex;\n}\n.status-check-box .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n}\n.status-check-box .status-check-box__status .media-gallery {\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .status__content {\n padding: 0;\n white-space: normal;\n}\n.status-check-box .status-check-box__status .video-player {\n margin-top: 8px;\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .media-gallery__item-thumbnail {\n cursor: default;\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin-left: 68px;\n color: #3e5a7c;\n padding: 8px 0;\n padding-bottom: 2px;\n font-size: 14px;\n position: relative;\n}\n.status__prepend .status__display-name strong {\n color: #3e5a7c;\n}\n.status__prepend > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.status__action-bar {\n align-items: center;\n display: flex;\n margin-top: 8px;\n}\n.status__action-bar__counter {\n display: inline-flex;\n margin-right: 11px;\n align-items: center;\n}\n.status__action-bar__counter .status__action-bar-button {\n margin-right: 4px;\n}\n.status__action-bar__counter__label {\n display: inline-block;\n width: 14px;\n font-size: 12px;\n font-weight: 500;\n color: #3e5a7c;\n}\n\n.status__action-bar-button {\n margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n height: 23.15px;\n width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.detailed-status {\n background: #192432;\n padding: 14px 10px;\n}\n.detailed-status--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n}\n.detailed-status--flex .status__content,\n.detailed-status--flex .detailed-status__meta {\n flex: 100%;\n}\n.detailed-status .status__content {\n font-size: 19px;\n line-height: 24px;\n}\n.detailed-status .status__content .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .status__content .status__content__spoiler-link {\n line-height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .video-player {\n margin-top: 8px;\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: #3e5a7c;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: #192432;\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.reply-indicator__content {\n color: #121a24;\n font-size: 14px;\n}\n.reply-indicator__content a {\n color: #3e5a7c;\n}\n\n.domain {\n padding: 10px;\n border-bottom: 1px solid #202e3f;\n}\n.domain .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: #ffffff;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account {\n padding: 10px;\n border-bottom: 1px solid #202e3f;\n}\n.account.compact {\n padding: 0;\n border-bottom: 0;\n}\n.account.compact .account__avatar-wrapper {\n margin-left: 0;\n}\n.account .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: #9baec8;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n position: relative;\n}\n.account__avatar-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n}\n.account__avatar-composite {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n overflow: hidden;\n}\n.account__avatar-composite > div {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n float: left;\n position: relative;\n box-sizing: border-box;\n}\n\na .account__avatar {\n cursor: pointer;\n}\n\n.account__avatar-overlay {\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n}\n.account__avatar-overlay-base {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n width: 36px;\n height: 36px;\n background-size: 36px 36px;\n}\n.account__avatar-overlay-overlay {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-size: 24px 24px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__disclaimer {\n padding: 10px;\n border-top: 1px solid #202e3f;\n color: #3e5a7c;\n}\n.account__disclaimer strong {\n font-weight: 500;\n}\n.account__disclaimer strong:lang(ja) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(ko) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(zh-CN) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(zh-HK) {\n font-weight: 700;\n}\n.account__disclaimer strong:lang(zh-TW) {\n font-weight: 700;\n}\n.account__disclaimer a {\n font-weight: 500;\n color: inherit;\n text-decoration: underline;\n}\n.account__disclaimer a:hover, .account__disclaimer a:focus, .account__disclaimer a:active {\n text-decoration: none;\n}\n\n.account__action-bar {\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-dropdown {\n padding: 10px;\n}\n.account__action-bar-dropdown .icon-button {\n vertical-align: middle;\n}\n.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right {\n left: 6px;\n right: initial;\n}\n.account__action-bar-dropdown .dropdown--active::after {\n bottom: initial;\n margin-left: 11px;\n margin-top: -7px;\n right: initial;\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-right: 1px solid #202e3f;\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n}\n.account__action-bar__tab.active {\n border-bottom: 4px solid #d8a070;\n}\n.account__action-bar__tab > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: #9baec8;\n}\n.account__action-bar__tab strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: #ffffff;\n}\n.account__action-bar__tab strong:lang(ja) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(ko) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-CN) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-HK) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.account-authorize {\n padding: 14px 10px;\n}\n.account-authorize .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name strong,\n.account__display-name strong {\n color: #ffffff;\n}\n\n.muted .emojione {\n opacity: 0.5;\n}\n\n.status__display-name:hover strong,\n.reply-indicator__display-name:hover strong,\n.detailed-status__display-name:hover strong,\na.account__display-name:hover strong {\n text-decoration: underline;\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: #d9e1e8;\n display: block;\n line-height: 24px;\n margin-bottom: 15px;\n overflow: hidden;\n}\n.detailed-status__display-name strong,\n.detailed-status__display-name span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.detailed-status__display-name strong {\n font-size: 16px;\n color: #ffffff;\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n height: 48px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n\n.muted .status__content,\n.muted .status__content p,\n.muted .status__content a {\n color: #3e5a7c;\n}\n.muted .status__display-name strong {\n color: #3e5a7c;\n}\n.muted .status__avatar {\n opacity: 0.5;\n}\n.muted a.status__content__spoiler-link {\n background: #3e5a7c;\n color: #121a24;\n}\n.muted a.status__content__spoiler-link:hover {\n background: #4a6b94;\n text-decoration: none;\n}\n\n.notification__message {\n margin: 0 10px 0 68px;\n padding: 8px 0 0;\n cursor: default;\n color: #9baec8;\n font-size: 15px;\n line-height: 22px;\n position: relative;\n}\n.notification__message .fa {\n color: #d8a070;\n}\n.notification__message > span {\n display: inline;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.notification__favourite-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.notification__favourite-icon-wrapper .star-icon {\n color: #ca8f04;\n}\n\n.star-icon.active {\n color: #ca8f04;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n}\n.notification__display-name:hover {\n color: #ffffff;\n text-decoration: underline;\n}\n\n.notification__relative_time {\n float: right;\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.status__relative-time:hover,\n.detailed-status__datetime:hover {\n text-decoration: underline;\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.image-loader .image-loader__preview-canvas {\n max-width: 100%;\n max-height: 80%;\n background: url(\"~images/void.png\") repeat;\n object-fit: contain;\n}\n.image-loader .loading-bar {\n position: relative;\n}\n.image-loader.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.zoomable-image img {\n max-width: 100%;\n max-height: 80%;\n width: auto;\n height: auto;\n object-fit: contain;\n}\n\n.navigation-bar {\n padding: 10px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n cursor: default;\n color: #9baec8;\n}\n.navigation-bar strong {\n color: #d9e1e8;\n}\n.navigation-bar a {\n color: inherit;\n}\n.navigation-bar .permalink {\n text-decoration: none;\n}\n.navigation-bar .navigation-bar__actions {\n position: relative;\n}\n.navigation-bar .navigation-bar__actions .icon-button.close {\n position: absolute;\n pointer-events: none;\n transform: scale(0, 1) translate(-100%, 0);\n opacity: 0;\n}\n.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {\n pointer-events: auto;\n transform: scale(1, 1) translate(0, 0);\n opacity: 1;\n}\n\n.navigation-bar__profile {\n flex: 1 1 auto;\n margin-left: 8px;\n line-height: 20px;\n margin-top: -1px;\n overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n display: block;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n color: inherit;\n text-decoration: none;\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid #c0cdd9;\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: #d9e1e8;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n z-index: 9999;\n}\n.dropdown-menu ul {\n list-style: none;\n}\n.dropdown-menu.left {\n transform-origin: 100% 50%;\n}\n.dropdown-menu.top {\n transform-origin: 50% 100%;\n}\n.dropdown-menu.bottom {\n transform-origin: 50% 0;\n}\n.dropdown-menu.right {\n transform-origin: 0 50%;\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n}\n.dropdown-menu__arrow.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #d9e1e8;\n}\n.dropdown-menu__arrow.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: #d9e1e8;\n}\n.dropdown-menu__arrow.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: #d9e1e8;\n}\n.dropdown-menu__arrow.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #d9e1e8;\n}\n\n.dropdown-menu__item a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: #d9e1e8;\n color: #121a24;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item a:active {\n background: #d8a070;\n color: #d9e1e8;\n outline: 0;\n}\n\n.dropdown--active .dropdown__content {\n display: block;\n line-height: 18px;\n max-width: 311px;\n right: 0;\n text-align: left;\n z-index: 9999;\n}\n.dropdown--active .dropdown__content > ul {\n list-style: none;\n background: #d9e1e8;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);\n min-width: 140px;\n position: relative;\n}\n.dropdown--active .dropdown__content.dropdown__right {\n right: 0;\n}\n.dropdown--active .dropdown__content.dropdown__left > ul {\n left: -98px;\n}\n.dropdown--active .dropdown__content > ul > li > a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: #d9e1e8;\n color: #121a24;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dropdown--active .dropdown__content > ul > li > a:focus {\n outline: 0;\n}\n.dropdown--active .dropdown__content > ul > li > a:hover {\n background: #d8a070;\n color: #d9e1e8;\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n}\n.columns-area.unscrollable {\n overflow-x: hidden;\n}\n\n@media screen and (min-width: 360px) {\n .columns-area {\n padding: 10px;\n }\n\n .react-swipeable-view-container .columns-area {\n height: calc(100% - 20px) !important;\n }\n}\n.react-swipeable-view-container,\n.react-swipeable-view-container .columns-area,\n.react-swipeable-view-container .drawer,\n.react-swipeable-view-container .column {\n height: 100%;\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 350px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.column > .scrollable {\n background: #121a24;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: #06090c;\n}\n\n.drawer {\n width: 330px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.drawer__tab {\n display: block;\n flex: 1 1 auto;\n padding: 15px 5px 13px;\n color: #9baec8;\n text-decoration: none;\n text-align: center;\n font-size: 16px;\n border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n flex: 1 1 100%;\n overflow: hidden;\n}\n\n@media screen and (min-width: 360px) {\n .tabs-bar {\n margin: 10px;\n margin-bottom: 0;\n }\n\n .getting-started__trends,\n.search {\n margin-bottom: 10px;\n }\n\n .getting-started__panel {\n margin: 10px 0;\n }\n\n .column,\n.drawer {\n min-width: 330px;\n }\n}\n@media screen and (max-width: 630px) {\n .column,\n.drawer {\n width: 100%;\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@media screen and (min-width: 631px) {\n .columns-area {\n padding: 0;\n }\n\n .column,\n.drawer {\n flex: 1 1 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n }\n .column:first-child,\n.drawer:first-child {\n padding-left: 10px;\n }\n .column:last-child,\n.drawer:last-child {\n padding-right: 10px;\n }\n\n .columns-area > div .column,\n.columns-area > div .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: #283a50;\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n}\n.drawer__inner.darker {\n background: #121a24;\n}\n\n.drawer__inner__mastodon {\n background: #283a50 url('data:image/svg+xml;utf8,<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\n.pseudo-drawer {\n background: #283a50;\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__header {\n flex: 0 0 auto;\n font-size: 16px;\n background: #202e3f;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n border-radius: 2px;\n}\n.drawer__header a {\n transition: background 100ms ease-in;\n}\n.drawer__header a:hover {\n background: #17212e;\n transition: background 200ms ease-out;\n}\n\n.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 50ms 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 .tabs-bar__link:hover, .tabs-bar__link:focus, .tabs-bar__link:active {\n background: #2a3c54;\n }\n}\n.tabs-bar__link span {\n margin-left: 5px;\n display: none;\n}\n\n@media screen and (min-width: 600px) {\n .tabs-bar__link span {\n display: inline;\n }\n}\n@media screen and (min-width: 631px) {\n .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.column-back-button {\n background: #192432;\n color: #d8a070;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n line-height: inherit;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n outline: 0;\n}\n.column-back-button:hover {\n text-decoration: underline;\n}\n\n.column-header__back-button {\n background: #192432;\n border: 0;\n font-family: inherit;\n color: #d8a070;\n cursor: pointer;\n white-space: nowrap;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n}\n.column-header__back-button:hover {\n text-decoration: underline;\n}\n.column-header__back-button:last-child {\n padding: 0 15px 0 0;\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: #121a24;\n transition: 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.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-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: #121a24;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.column-subheading {\n background: #121a24;\n color: #3e5a7c;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n background: #121a24;\n}\n\n.flex-spacer {\n flex: 1 1 auto;\n}\n\n.getting-started {\n color: #3e5a7c;\n overflow: auto;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.getting-started__wrapper, .getting-started__panel, .getting-started__footer {\n height: min-content;\n}\n.getting-started__panel, .getting-started__footer {\n padding: 10px;\n padding-top: 20px;\n flex-grow: 0;\n}\n.getting-started__panel ul, .getting-started__footer ul {\n margin-bottom: 10px;\n}\n.getting-started__panel ul li, .getting-started__footer ul li {\n display: inline;\n}\n.getting-started__panel p, .getting-started__footer p {\n font-size: 13px;\n}\n.getting-started__panel p a, .getting-started__footer p a {\n color: #3e5a7c;\n text-decoration: underline;\n}\n.getting-started__panel a, .getting-started__footer a {\n text-decoration: none;\n color: #9baec8;\n}\n.getting-started__panel a:hover, .getting-started__panel a:focus, .getting-started__panel a:active, .getting-started__footer a:hover, .getting-started__footer a:focus, .getting-started__footer a:active {\n text-decoration: underline;\n}\n.getting-started__wrapper, .getting-started__footer {\n color: #3e5a7c;\n}\n.getting-started__trends {\n background: #121a24;\n flex: 0 1 auto;\n}\n@media screen and (max-height: 810px) {\n .getting-started__trends .trends__item:nth-child(3) {\n display: none;\n }\n}\n@media screen and (max-height: 720px) {\n .getting-started__trends .trends__item:nth-child(2) {\n display: none;\n }\n}\n@media screen and (max-height: 670px) {\n .getting-started__trends {\n display: none;\n }\n}\n.getting-started__scrollable {\n max-height: 100%;\n overflow-y: auto;\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 .setting-text {\n font-size: 16px;\n }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n background-position: 0 0;\n height: 19px;\n transition: background-position 0.9s steps(10);\n transition-duration: 0s;\n vertical-align: middle;\n width: 22px;\n}\n.no-reduce-motion button.icon-button i.fa-retweet::before {\n display: none !important;\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n transition-duration: 0.9s;\n background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n color: #3e5a7c;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: #d8a070;\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid #202e3f;\n border-radius: 4px;\n color: #3e5a7c;\n margin-top: 14px;\n text-decoration: none;\n overflow: hidden;\n}\n.status-card__actions {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.status-card__actions > div {\n background: rgba(0, 0, 0, 0.6);\n border-radius: 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\na.status-card {\n cursor: pointer;\n}\na.status-card:hover {\n background: #202e3f;\n}\n\n.status-card-photo {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.status-card-video iframe {\n width: 100%;\n height: 100%;\n}\n\n.status-card__title {\n display: block;\n font-weight: 500;\n margin-bottom: 5px;\n color: #9baec8;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-decoration: none;\n}\n\n.status-card__content {\n flex: 1 1 auto;\n overflow: hidden;\n padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n color: #9baec8;\n}\n\n.status-card__host {\n display: block;\n margin-top: 5px;\n font-size: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.status-card__image {\n flex: 0 0 100px;\n background: #202e3f;\n position: relative;\n}\n.status-card__image > .fa {\n font-size: 21px;\n position: absolute;\n transform-origin: 50% 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.status-card.horizontal {\n display: block;\n}\n.status-card.horizontal .status-card__image {\n width: 100%;\n}\n.status-card.horizontal .status-card__image-image {\n border-radius: 4px 4px 0 0;\n}\n.status-card.horizontal .status-card__title {\n white-space: inherit;\n}\n\n.status-card.compact {\n border-color: #192432;\n}\n.status-card.compact.interactive {\n border: 0;\n}\n.status-card.compact .status-card__content {\n padding: 8px;\n padding-top: 10px;\n}\n.status-card.compact .status-card__title {\n white-space: nowrap;\n}\n.status-card.compact .status-card__image {\n flex: 0 0 60px;\n}\n\na.status-card.compact:hover {\n background-color: #192432;\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.load-more {\n display: block;\n color: #3e5a7c;\n background-color: transparent;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n text-decoration: none;\n}\n.load-more:hover {\n background: #151f2b;\n}\n\n.load-gap {\n border-bottom: 1px solid #202e3f;\n}\n\n.regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: #3e5a7c;\n background: #121a24;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n padding: 20px;\n}\n.regeneration-indicator > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n}\n.regeneration-indicator__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.regeneration-indicator.missing-indicator {\n padding-top: 68px;\n}\n.regeneration-indicator__label {\n margin-top: 200px;\n}\n.regeneration-indicator__label strong {\n display: block;\n margin-bottom: 10px;\n color: #3e5a7c;\n}\n.regeneration-indicator__label span {\n font-size: 15px;\n font-weight: 400;\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n}\n.column-header__wrapper.active::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba(216, 160, 112, 0.23) 0%, rgba(216, 160, 112, 0) 60%);\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: #192432;\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n}\n.column-header > button {\n margin: 0;\n border: none;\n padding: 15px 0 15px 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n.column-header > .column-header__back-button {\n color: #d8a070;\n}\n.column-header.active {\n box-shadow: 0 1px 0 rgba(216, 160, 112, 0.3);\n}\n.column-header.active .column-header__icon {\n color: #d8a070;\n text-shadow: 0 0 10px rgba(216, 160, 112, 0.4);\n}\n.column-header:focus, .column-header:active {\n outline: 0;\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button {\n background: #192432;\n border: 0;\n color: #9baec8;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n}\n.column-header__button:hover {\n color: #b2c1d5;\n}\n.column-header__button.active {\n color: #ffffff;\n background: #202e3f;\n}\n.column-header__button.active:hover {\n color: #ffffff;\n background: #202e3f;\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: #9baec8;\n transition: max-height 150ms ease-in-out, opacity 300ms linear;\n opacity: 1;\n}\n.column-header__collapsible.collapsed {\n max-height: 0;\n opacity: 0.5;\n}\n.column-header__collapsible.animating {\n overflow-y: hidden;\n}\n.column-header__collapsible hr {\n height: 0;\n background: transparent;\n border: 0;\n border-top: 1px solid #26374d;\n margin: 10px 0;\n}\n\n.column-header__collapsible-inner {\n background: #202e3f;\n padding: 15px;\n}\n\n.column-header__setting-btn:hover {\n color: #9baec8;\n text-decoration: underline;\n}\n\n.column-header__setting-arrows {\n float: right;\n}\n.column-header__setting-arrows .column-header__setting-btn {\n padding: 0 10px;\n}\n.column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-right: 0;\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.loading-indicator {\n color: #3e5a7c;\n font-size: 12px;\n font-weight: 400;\n text-transform: uppercase;\n overflow: visible;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.loading-indicator span {\n display: block;\n float: left;\n margin-left: 50%;\n transform: translateX(-50%);\n margin: 82px 0 0 50%;\n white-space: nowrap;\n}\n\n.loading-indicator__figure {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 42px;\n height: 42px;\n box-sizing: border-box;\n background-color: transparent;\n border: 0 solid #3e5a7c;\n border-width: 6px;\n border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes loader-figure {\n 0% {\n width: 0;\n height: 0;\n background-color: #3e5a7c;\n }\n 29% {\n background-color: #3e5a7c;\n }\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n@keyframes loader-label {\n 0% {\n opacity: 0.25;\n }\n 30% {\n opacity: 1;\n }\n 100% {\n opacity: 0.25;\n }\n}\n.video-error-cover {\n align-items: center;\n background: #000000;\n color: #ffffff;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n margin-top: 8px;\n position: relative;\n text-align: center;\n z-index: 100;\n}\n\n.media-spoiler {\n background: #000000;\n color: #9baec8;\n border: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n appearance: none;\n}\n.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {\n padding: 0;\n color: #b5c3d6;\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 700;\n}\n\n.spoiler-button {\n 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.modal-container--preloader {\n background: #202e3f;\n}\n\n.account--panel {\n background: #192432;\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.column-settings__outer {\n background: #202e3f;\n padding: 15px;\n}\n\n.column-settings__section {\n color: #9baec8;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-bottom: 10px;\n}\n\n.column-settings__hashtags .column-settings__row {\n margin-bottom: 15px;\n}\n.column-settings__hashtags .column-select__control {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 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.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label {\n color: #9baec8;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #3e5a7c;\n background: #121a24;\n text-align: center;\n padding: 20px;\n font-size: 15px;\n font-weight: 400;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n}\n@supports (display: grid) {\n .empty-column-indicator,\n.error-column {\n contain: strict;\n }\n}\n.empty-column-indicator a,\n.error-column a {\n color: #d8a070;\n text-decoration: none;\n}\n.empty-column-indicator a:hover,\n.error-column a:hover {\n text-decoration: underline;\n}\n\n.error-column {\n flex-direction: column;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n.no-reduce-motion .pulse-loading {\n transform-origin: center center;\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n 0%, 100% {\n transform: rotate(0deg);\n transform-origin: 50% 100%;\n }\n 10% {\n transform: rotate(2deg);\n }\n 20%, 40%, 60% {\n transform: rotate(-4deg);\n }\n 30%, 50%, 70% {\n transform: rotate(4deg);\n }\n 80% {\n transform: rotate(-2deg);\n }\n 90% {\n transform: rotate(2deg);\n }\n}\n.no-reduce-motion .shake-bottom {\n transform-origin: 50% 100%;\n animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n background: #ffffff;\n position: absolute;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n}\n.emoji-picker-dropdown__menu .emoji-mart-scroll {\n transition: opacity 200ms ease;\n}\n.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {\n opacity: 0.5;\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: #ffffff;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.emoji-picker-dropdown__modifiers__menu button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n}\n.emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active {\n background: rgba(217, 225, 232, 0.4);\n}\n.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {\n height: 22px;\n}\n\n.emoji-mart-emoji span {\n background-repeat: no-repeat;\n}\n\n.upload-area {\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n z-index: 2000;\n}\n.upload-area * {\n pointer-events: none;\n}\n\n.upload-area__drop {\n width: 320px;\n height: 160px;\n display: flex;\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n}\n\n.upload-area__background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n border-radius: 4px;\n background: #121a24;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n}\n\n.upload-area__content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #d9e1e8;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed #3e5a7c;\n border-radius: 4px;\n}\n\n.upload-progress {\n padding: 10px;\n color: #3e5a7c;\n overflow: hidden;\n display: flex;\n}\n.upload-progress .fa {\n font-size: 34px;\n margin-right: 10px;\n}\n.upload-progress span {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 500;\n display: block;\n}\n\n.upload-progess__message {\n flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n width: 100%;\n height: 6px;\n border-radius: 6px;\n background: #3e5a7c;\n position: relative;\n margin-top: 5px;\n}\n\n.upload-progress__tracker {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n background: #d8a070;\n border-radius: 6px;\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n}\n.emoji-button:active, .emoji-button:focus {\n outline: 0 !important;\n}\n.emoji-button img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n}\n.emoji-button:hover img, .emoji-button:active img, .emoji-button:focus img {\n opacity: 1;\n filter: none;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.privacy-dropdown__dropdown {\n position: absolute;\n background: #ffffff;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-left: 40px;\n overflow: hidden;\n}\n.privacy-dropdown__dropdown.top {\n transform-origin: 50% 100%;\n}\n.privacy-dropdown__dropdown.bottom {\n transform-origin: 50% 0;\n}\n\n.privacy-dropdown__option {\n color: #121a24;\n padding: 10px;\n cursor: pointer;\n display: flex;\n}\n.privacy-dropdown__option:hover, .privacy-dropdown__option.active {\n background: #d8a070;\n color: #ffffff;\n outline: 0;\n}\n.privacy-dropdown__option:hover .privacy-dropdown__option__content, .privacy-dropdown__option.active .privacy-dropdown__option__content {\n color: #ffffff;\n}\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .privacy-dropdown__option.active .privacy-dropdown__option__content strong {\n color: #ffffff;\n}\n.privacy-dropdown__option.active:hover {\n background: #dcab80;\n}\n\n.privacy-dropdown__option__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n flex: 1 1 auto;\n color: #3e5a7c;\n}\n.privacy-dropdown__option__content strong {\n font-weight: 500;\n display: block;\n color: #121a24;\n}\n.privacy-dropdown__option__content strong:lang(ja) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(ko) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-CN) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-HK) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value {\n background: #ffffff;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);\n}\n.privacy-dropdown.active .privacy-dropdown__value .icon-button {\n transition: none;\n}\n.privacy-dropdown.active .privacy-dropdown__value.active {\n background: #d8a070;\n}\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n color: #ffffff;\n}\n.privacy-dropdown.active.top .privacy-dropdown__value {\n border-radius: 0 0 4px 4px;\n}\n.privacy-dropdown.active .privacy-dropdown__dropdown {\n display: block;\n box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n 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::-moz-focus-inner {\n border: 0;\n}\n.search__icon::-moz-focus-inner, .search__icon:focus {\n outline: 0 !important;\n}\n.search__icon .fa {\n position: absolute;\n top: 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 color: #3e5a7c;\n cursor: pointer;\n}\n.search__icon .fa-times-circle.active {\n transform: rotate(90deg);\n}\n.search__icon .fa-times-circle:hover {\n color: #4a6b94;\n}\n\n.search-results__header {\n color: #3e5a7c;\n background: #151f2b;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n}\n.search-results__header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n\n.search-results__section {\n margin-bottom: 5px;\n}\n.search-results__section h5 {\n background: #0b1016;\n border-bottom: 1px solid #202e3f;\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: #3e5a7c;\n}\n.search-results__section h5 .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.search-results__section .account:last-child, .search-results__section > div:last-child .status {\n border-bottom: 0;\n}\n\n.search-results__hashtag {\n display: block;\n padding: 10px;\n color: #d9e1e8;\n text-decoration: none;\n}\n.search-results__hashtag:hover, .search-results__hashtag:active, .search-results__hashtag:focus {\n color: #e6ebf0;\n text-decoration: underline;\n}\n\n.modal-root {\n position: relative;\n transition: opacity 0.3s linear;\n will-change: opacity;\n z-index: 9999;\n}\n\n.modal-root__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.media-modal .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.media-modal .extended-video-player video {\n max-width: 100%;\n max-height: 80%;\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n}\n.media-modal__navigation * {\n pointer-events: auto;\n}\n.media-modal__navigation.media-modal__navigation--hidden {\n opacity: 0;\n}\n.media-modal__navigation.media-modal__navigation--hidden * {\n pointer-events: none;\n}\n\n.media-modal__nav {\n background: rgba(0, 0, 0, 0.5);\n box-sizing: border-box;\n border: 0;\n color: #ffffff;\n cursor: pointer;\n display: flex;\n align-items: center;\n font-size: 24px;\n height: 20vmax;\n margin: auto 0;\n padding: 30px 15px;\n position: absolute;\n top: 0;\n bottom: 0;\n}\n\n.media-modal__nav--left {\n left: 0;\n}\n\n.media-modal__nav--right {\n right: 0;\n}\n\n.media-modal__pagination {\n width: 100%;\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n pointer-events: none;\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: #ffffff;\n height: 12px;\n width: 12px;\n border-radius: 6px;\n margin: 10px;\n padding: 0;\n border: 0;\n font-size: 0;\n}\n\n.media-modal__button--active {\n background-color: #d8a070;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: #d9e1e8;\n color: #121a24;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n}\n.error-modal__body > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: #c0cdd9;\n display: flex;\n padding: 25px;\n}\n.onboarding-modal__paginator > div,\n.error-modal__footer > div {\n min-width: 33px;\n}\n.onboarding-modal__paginator .onboarding-modal__nav,\n.onboarding-modal__paginator .error-modal__nav,\n.error-modal__footer .onboarding-modal__nav,\n.error-modal__footer .error-modal__nav {\n color: #3e5a7c;\n border: 0;\n font-size: 14px;\n font-weight: 500;\n padding: 10px 25px;\n line-height: inherit;\n height: auto;\n margin: -10px;\n border-radius: 4px;\n background-color: transparent;\n}\n.onboarding-modal__paginator .onboarding-modal__nav:hover, .onboarding-modal__paginator .onboarding-modal__nav:focus, .onboarding-modal__paginator .onboarding-modal__nav:active,\n.onboarding-modal__paginator .error-modal__nav:hover,\n.onboarding-modal__paginator .error-modal__nav:focus,\n.onboarding-modal__paginator .error-modal__nav:active,\n.error-modal__footer .onboarding-modal__nav:hover,\n.error-modal__footer .onboarding-modal__nav:focus,\n.error-modal__footer .onboarding-modal__nav:active,\n.error-modal__footer .error-modal__nav:hover,\n.error-modal__footer .error-modal__nav:focus,\n.error-modal__footer .error-modal__nav:active {\n color: #37506f;\n background-color: #a6b9c9;\n}\n.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,\n.error-modal__footer .error-modal__nav.onboarding-modal__done,\n.error-modal__footer .error-modal__nav.onboarding-modal__next {\n color: #121a24;\n}\n.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,\n.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,\n.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,\n.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,\n.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,\n.error-modal__footer .error-modal__nav.onboarding-modal__done:active,\n.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,\n.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,\n.error-modal__footer .error-modal__nav.onboarding-modal__next:active {\n color: #192432;\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n}\n.display-case__label {\n font-weight: 500;\n color: #121a24;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n}\n.display-case__case {\n background: #121a24;\n color: #d9e1e8;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n}\n\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n background: #f2f5f7;\n color: #121a24;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n}\n.boost-modal .status__display-name,\n.confirmation-modal .status__display-name,\n.report-modal .status__display-name,\n.actions-modal .status__display-name,\n.mute-modal .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n.boost-modal .status__avatar,\n.confirmation-modal .status__avatar,\n.report-modal .status__avatar,\n.actions-modal .status__avatar,\n.mute-modal .status__avatar {\n height: 28px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n.boost-modal .status__content__spoiler-link,\n.confirmation-modal .status__content__spoiler-link,\n.report-modal .status__content__spoiler-link,\n.actions-modal .status__content__spoiler-link,\n.mute-modal .status__content__spoiler-link {\n color: #f2f5f7;\n}\n\n.actions-modal .status {\n background: #ffffff;\n border-bottom-color: #d9e1e8;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.actions-modal .dropdown-menu__separator {\n border-bottom-color: #d9e1e8;\n}\n\n.boost-modal__container {\n overflow-x: scroll;\n padding: 10px;\n}\n.boost-modal__container .status {\n user-select: text;\n border-bottom: 0;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: #d9e1e8;\n padding: 10px;\n line-height: 36px;\n}\n.boost-modal__action-bar > div,\n.confirmation-modal__action-bar > div,\n.mute-modal__action-bar > div {\n flex: 1 1 auto;\n text-align: right;\n color: #3e5a7c;\n padding-right: 10px;\n}\n.boost-modal__action-bar .button,\n.confirmation-modal__action-bar .button,\n.mute-modal__action-bar .button {\n flex: 0 0 auto;\n}\n\n.boost-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.confirmation-modal {\n max-width: 85vw;\n}\n@media screen and (min-width: 480px) {\n .confirmation-modal {\n max-width: 380px;\n }\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.report-modal__statuses .status__content,\n.report-modal__statuses .status__content p {\n color: #121a24;\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.actions-modal {\n max-height: 80vh;\n max-width: 80vw;\n}\n.actions-modal .status {\n overflow-y: auto;\n max-height: 300px;\n}\n.actions-modal .actions-modal__item-label {\n font-weight: 500;\n}\n.actions-modal ul {\n overflow-y: auto;\n flex-shrink: 0;\n}\n.actions-modal ul li:empty {\n margin: 0;\n}\n.actions-modal ul li:not(:empty) a {\n color: #121a24;\n display: flex;\n padding: 12px 16px;\n font-size: 15px;\n align-items: center;\n text-decoration: none;\n}\n.actions-modal ul li:not(:empty) a,\n.actions-modal ul li:not(:empty) a button {\n transition: none;\n}\n.actions-modal ul li:not(:empty) a.active,\n.actions-modal ul li:not(:empty) a.active button, .actions-modal ul li:not(:empty) a:hover,\n.actions-modal ul li:not(:empty) a:hover button, .actions-modal ul li:not(:empty) a:active,\n.actions-modal ul li:not(:empty) a:active button, .actions-modal ul li:not(:empty) a:focus,\n.actions-modal ul li:not(:empty) a:focus button {\n background: #d8a070;\n color: #ffffff;\n}\n.actions-modal ul li:not(:empty) a button:first-child {\n margin-right: 10px;\n}\n\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.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\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.report-modal__target {\n padding: 20px;\n}\n.report-modal__target .media-modal__close {\n top: 19px;\n right: 15px;\n}\n\n.loading-bar {\n background-color: #d8a070;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n}\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 margin-top: 32px;\n}\n.media-gallery__audio audio {\n width: 100%;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid #202e3f;\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n}\n.attachment-list__icon {\n flex: 0 0 auto;\n color: #3e5a7c;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid #202e3f;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n}\n.attachment-list__icon .fa {\n display: block;\n}\n.attachment-list__list {\n list-style: none;\n padding: 4px 0;\n padding-left: 8px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.attachment-list__list li {\n display: block;\n padding: 4px 0;\n}\n.attachment-list__list a {\n text-decoration: none;\n color: #3e5a7c;\n font-weight: 500;\n}\n.attachment-list__list a:hover {\n text-decoration: underline;\n}\n.attachment-list.compact {\n border: 0;\n margin-top: 4px;\n}\n.attachment-list.compact .attachment-list__list {\n padding: 0;\n display: block;\n}\n.attachment-list.compact .fa {\n color: #3e5a7c;\n}\n\n/* Media Gallery */\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item {\n border: none;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: #d9e1e8;\n line-height: 0;\n}\n.media-gallery__item-thumbnail,\n.media-gallery__item-thumbnail img {\n height: 100%;\n width: 100%;\n}\n.media-gallery__item-thumbnail img {\n object-fit: cover;\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n/* End Media Gallery */\n/* Status Video Player */\n.status__video-player {\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\n.status__video-player-video {\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.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.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 border-radius: 4px;\n}\n.video-player:focus {\n outline: 0;\n}\n.video-player video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n}\n.video-player.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n}\n.video-player.fullscreen video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n}\n.video-player.inline video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n.video-player__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.video-player__controls.active {\n opacity: 1;\n}\n.video-player.inactive video,\n.video-player.inactive .video-player__controls {\n visibility: hidden;\n}\n.video-player__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: #000000;\n color: #9baec8;\n transition: none;\n pointer-events: none;\n}\n.video-player__spoiler.active {\n display: block;\n pointer-events: auto;\n}\n.video-player__spoiler.active:hover, .video-player__spoiler.active:active, .video-player__spoiler.active:focus {\n color: #b2c1d5;\n}\n.video-player__spoiler__title {\n display: block;\n font-size: 14px;\n}\n.video-player__spoiler__subtitle {\n display: block;\n font-size: 11px;\n font-weight: 500;\n}\n.video-player__buttons-bar {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n}\n.video-player__buttons {\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.video-player__buttons.left button {\n padding-left: 0;\n}\n.video-player__buttons.right button {\n padding-right: 0;\n}\n.video-player__buttons button {\n background: transparent;\n padding: 2px 10px;\n font-size: 16px;\n border: 0;\n color: rgba(255, 255, 255, 0.75);\n}\n.video-player__buttons button:active, .video-player__buttons button:hover, .video-player__buttons button:focus {\n color: #ffffff;\n}\n.video-player__time-sep, .video-player__time-total, .video-player__time-current {\n font-size: 14px;\n font-weight: 500;\n}\n.video-player__time-current {\n color: #ffffff;\n margin-left: 60px;\n}\n.video-player__time-sep {\n display: inline-block;\n margin: 0 6px;\n}\n.video-player__time-sep, .video-player__time-total {\n color: #ffffff;\n}\n.video-player__volume {\n cursor: pointer;\n height: 24px;\n display: inline;\n}\n.video-player__volume::before {\n content: \"\";\n width: 50px;\n background: rgba(255, 255, 255, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n left: 70px;\n bottom: 20px;\n}\n.video-player__volume__current {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n left: 70px;\n bottom: 20px;\n background: #e1b590;\n}\n.video-player__volume__handle {\n position: absolute;\n z-index: 3;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n bottom: 16px;\n left: 70px;\n transition: opacity 0.1s ease;\n background: #e1b590;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.video-player__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\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/* End Video Player */\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::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\n.search-popout {\n background: #ffffff;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: #9baec8;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.search-popout h4 {\n text-transform: uppercase;\n color: #9baec8;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.search-popout li {\n padding: 4px 0;\n}\n.search-popout ul {\n margin-bottom: 10px;\n}\n.search-popout em {\n font-weight: 500;\n color: #121a24;\n}\n\nnoscript {\n text-align: center;\n}\nnoscript img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n}\nnoscript div {\n font-size: 14px;\n margin: 30px auto;\n color: #d9e1e8;\n max-width: 400px;\n}\nnoscript div a {\n color: #d8a070;\n text-decoration: underline;\n}\nnoscript div a:hover {\n text-decoration: none;\n}\n\n@keyframes flicker {\n 0% {\n opacity: 1;\n }\n 30% {\n opacity: 0.75;\n }\n 100% {\n opacity: 1;\n }\n}\n@media screen and (max-width: 630px) and (max-height: 400px) {\n .tabs-bar,\n.search {\n will-change: margin-top;\n transition: margin-top 400ms 100ms;\n }\n\n .navigation-bar {\n will-change: padding-bottom;\n transition: padding-bottom 400ms 100ms;\n }\n\n .navigation-bar > a:first-child {\n will-change: margin-top, margin-left, margin-right, width;\n transition: margin-top 400ms 100ms, margin-left 400ms 500ms, margin-right 400ms 500ms;\n }\n .navigation-bar > .navigation-bar__profile-edit {\n will-change: margin-top;\n transition: margin-top 400ms 100ms;\n }\n .navigation-bar .navigation-bar__actions > .icon-button.close {\n will-change: opacity transform;\n transition: opacity 200ms 100ms, transform 400ms 100ms;\n }\n .navigation-bar .navigation-bar__actions > .compose__action-bar .icon-button {\n will-change: opacity transform;\n transition: opacity 200ms 300ms, transform 400ms 100ms;\n }\n\n .is-composing .tabs-bar,\n.is-composing .search {\n margin-top: -50px;\n }\n .is-composing .navigation-bar {\n padding-bottom: 0;\n }\n .is-composing .navigation-bar > a:first-child {\n margin: -100px 10px 0 -50px;\n }\n .is-composing .navigation-bar .navigation-bar__profile {\n padding-top: 2px;\n }\n .is-composing .navigation-bar .navigation-bar__profile-edit {\n position: absolute;\n margin-top: -60px;\n }\n .is-composing .navigation-bar .navigation-bar__actions .icon-button.close {\n pointer-events: auto;\n opacity: 1;\n transform: scale(1, 1) translate(0, 0);\n bottom: 5px;\n }\n .is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {\n pointer-events: none;\n opacity: 0;\n transform: scale(0, 1) translate(100%, 0);\n }\n}\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n}\n.embed-modal h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n}\n.embed-modal .embed-modal__container {\n padding: 10px;\n}\n.embed-modal .embed-modal__container .hint {\n margin-bottom: 15px;\n}\n.embed-modal .embed-modal__container .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 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.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: #192432;\n border-top: 1px solid #202e3f;\n border-bottom: 1px solid #202e3f;\n}\n.account__moved-note__message {\n position: relative;\n margin-left: 58px;\n color: #3e5a7c;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n}\n.account__moved-note__message > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.account__moved-note__icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.account__moved-note .detailed-status__display-avatar {\n position: relative;\n}\n.account__moved-note .detailed-status__display-name {\n margin-bottom: 0;\n}\n\n.column-inline-form {\n padding: 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.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n}\n\n.list-editor {\n background: #121a24;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n width: 380px;\n overflow: hidden;\n}\n@media screen and (max-width: 420px) {\n .list-editor {\n width: 90%;\n }\n}\n.list-editor h4 {\n padding: 15px 0;\n background: #283a50;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n border-radius: 8px 8px 0 0;\n}\n.list-editor .drawer__pager {\n height: 50vh;\n}\n.list-editor .drawer__inner {\n border-radius: 0 0 8px 8px;\n}\n.list-editor .drawer__inner.backdrop {\n width: calc(100% - 60px);\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n border-radius: 0 0 0 8px;\n}\n.list-editor__accounts {\n overflow-y: auto;\n}\n.list-editor .account__display-name:hover strong {\n text-decoration: none;\n}\n.list-editor .account__avatar {\n cursor: default;\n}\n.list-editor .search {\n margin-bottom: 0;\n}\n\n.list-adder {\n background: #121a24;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n width: 380px;\n overflow: hidden;\n}\n@media screen and (max-width: 420px) {\n .list-adder {\n width: 90%;\n }\n}\n.list-adder__account {\n background: #283a50;\n}\n.list-adder__lists {\n background: #283a50;\n height: 50vh;\n border-radius: 0 0 8px 8px;\n overflow-y: auto;\n}\n.list-adder .list {\n padding: 10px;\n border-bottom: 1px solid #202e3f;\n}\n.list-adder .list__wrapper {\n display: flex;\n}\n.list-adder .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n}\n\n.focal-point-modal {\n max-width: 80vw;\n max-height: 80vh;\n position: relative;\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.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.account__header__content {\n color: #9baec8;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n word-break: normal;\n word-wrap: break-word;\n}\n.account__header__content p {\n margin-bottom: 20px;\n}\n.account__header__content p:last-child {\n margin-bottom: 0;\n}\n.account__header__content a {\n color: inherit;\n text-decoration: underline;\n}\n.account__header__content a:hover {\n text-decoration: none;\n}\n\n.account__header {\n overflow: hidden;\n}\n.account__header.inactive {\n opacity: 0.5;\n}\n.account__header.inactive .account__header__image,\n.account__header.inactive .account__avatar {\n filter: grayscale(100%);\n}\n.account__header__info {\n position: absolute;\n top: 10px;\n left: 10px;\n}\n.account__header__image {\n overflow: hidden;\n height: 145px;\n position: relative;\n background: #0b1016;\n}\n.account__header__image img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n}\n.account__header__bar {\n position: relative;\n background: #192432;\n padding: 5px;\n border-bottom: 1px solid #26374d;\n}\n.account__header__bar .avatar {\n display: block;\n flex: 0 0 auto;\n width: 94px;\n margin-left: -2px;\n}\n.account__header__bar .avatar .account__avatar {\n background: #040609;\n border: 2px solid #192432;\n}\n.account__header__tabs {\n display: flex;\n align-items: flex-start;\n padding: 7px 5px;\n margin-top: -55px;\n}\n.account__header__tabs__buttons {\n display: flex;\n align-items: center;\n padding-top: 55px;\n overflow: hidden;\n}\n.account__header__tabs__buttons .icon-button {\n border: 1px solid #26374d;\n border-radius: 4px;\n box-sizing: content-box;\n padding: 2px;\n}\n.account__header__tabs__buttons .button {\n margin: 0 8px;\n}\n.account__header__tabs__name {\n padding: 5px;\n}\n.account__header__tabs__name .account-role {\n vertical-align: top;\n}\n.account__header__tabs__name .emojione {\n width: 22px;\n height: 22px;\n}\n.account__header__tabs__name h1 {\n font-size: 16px;\n line-height: 24px;\n color: #ffffff;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.account__header__tabs__name h1 small {\n display: block;\n font-size: 14px;\n color: #9baec8;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.account__header__tabs .spacer {\n flex: 1 1 auto;\n}\n.account__header__bio {\n overflow: hidden;\n margin: 0 -5px;\n}\n.account__header__bio .account__header__content {\n padding: 20px 15px;\n padding-bottom: 5px;\n color: #ffffff;\n}\n.account__header__bio .account__header__fields {\n margin: 0;\n border-top: 1px solid #26374d;\n}\n.account__header__bio .account__header__fields a {\n color: #e1b590;\n}\n.account__header__bio .account__header__fields dl:first-child .verified {\n border-radius: 0 4px 0 0;\n}\n.account__header__bio .account__header__fields .verified a {\n color: #79bd9a;\n}\n.account__header__extra {\n margin-top: 4px;\n}\n.account__header__extra__links {\n font-size: 14px;\n color: #9baec8;\n}\n.account__header__extra__links a {\n display: inline-block;\n color: #9baec8;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n}\n.account__header__extra__links a strong {\n font-weight: 700;\n color: #ffffff;\n}\n\n.trends__header {\n color: #3e5a7c;\n background: #151f2b;\n border-bottom: 1px solid #0b1016;\n font-weight: 500;\n padding: 15px;\n font-size: 16px;\n cursor: default;\n}\n.trends__header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.trends__item {\n display: flex;\n align-items: center;\n padding: 15px;\n border-bottom: 1px solid #202e3f;\n}\n.trends__item:last-child {\n border-bottom: 0;\n}\n.trends__item__name {\n flex: 1 1 auto;\n color: #3e5a7c;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.trends__item__name strong {\n font-weight: 500;\n}\n.trends__item__name a {\n color: #9baec8;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.trends__item__name a:hover span, .trends__item__name a:focus span, .trends__item__name a:active span {\n text-decoration: underline;\n}\n.trends__item__current {\n flex: 0 0 auto;\n 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.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 input[type=text] {\n display: block;\n box-sizing: border-box;\n flex: 1 1 auto;\n width: 20px;\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}\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 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.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.emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: #121a24;\n}\n.emoji-mart,\n.emoji-mart * {\n box-sizing: border-box;\n line-height: 1.15;\n}\n.emoji-mart .emoji-mart-emoji {\n padding: 6px;\n}\n\n.emoji-mart-bar {\n border: 0 solid #c0cdd9;\n}\n.emoji-mart-bar:first-child {\n border-bottom-width: 1px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: #d9e1e8;\n}\n.emoji-mart-bar:last-child {\n border-top-width: 1px;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n display: none;\n}\n\n.emoji-mart-anchors {\n display: flex;\n justify-content: space-between;\n padding: 0 6px;\n color: #3e5a7c;\n line-height: 0;\n}\n\n.emoji-mart-anchor {\n position: relative;\n flex: 1;\n text-align: center;\n padding: 12px 4px;\n overflow: hidden;\n transition: color 0.1s ease-out;\n cursor: pointer;\n}\n.emoji-mart-anchor:hover {\n color: #37506f;\n}\n\n.emoji-mart-anchor-selected {\n color: #d8a070;\n}\n.emoji-mart-anchor-selected:hover {\n color: #d49560;\n}\n.emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n bottom: -1px;\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: #d8a070;\n}\n\n.emoji-mart-anchors i {\n display: inline-block;\n width: 100%;\n max-width: 22px;\n}\n.emoji-mart-anchors svg {\n fill: currentColor;\n max-height: 18px;\n}\n\n.emoji-mart-scroll {\n overflow-y: scroll;\n height: 270px;\n max-height: 35vh;\n padding: 0 6px 6px;\n background: #ffffff;\n will-change: transform;\n}\n.emoji-mart-scroll::-webkit-scrollbar-track:hover, .emoji-mart-scroll::-webkit-scrollbar-track:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.emoji-mart-search {\n padding: 10px;\n padding-right: 45px;\n background: #ffffff;\n}\n.emoji-mart-search input {\n font-size: 14px;\n font-weight: 400;\n padding: 7px 9px;\n font-family: inherit;\n display: block;\n width: 100%;\n background: rgba(217, 225, 232, 0.3);\n color: #121a24;\n border: 1px solid #d9e1e8;\n border-radius: 4px;\n}\n.emoji-mart-search input::-moz-focus-inner {\n border: 0;\n}\n.emoji-mart-search input::-moz-focus-inner, .emoji-mart-search input:focus, .emoji-mart-search input:active {\n outline: 0 !important;\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n cursor: pointer;\n}\n.emoji-mart-category .emoji-mart-emoji span {\n z-index: 1;\n position: relative;\n text-align: center;\n}\n.emoji-mart-category .emoji-mart-emoji:hover::before {\n z-index: 0;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(217, 225, 232, 0.7);\n border-radius: 100%;\n}\n\n.emoji-mart-category-label {\n z-index: 2;\n position: relative;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n}\n.emoji-mart-category-label span {\n display: block;\n width: 100%;\n font-weight: 500;\n padding: 5px 6px;\n background: #ffffff;\n}\n\n.emoji-mart-emoji {\n position: relative;\n display: inline-block;\n font-size: 0;\n}\n.emoji-mart-emoji span {\n width: 22px;\n height: 22px;\n}\n\n.emoji-mart-no-results {\n font-size: 14px;\n text-align: center;\n padding-top: 70px;\n color: #9baec8;\n}\n.emoji-mart-no-results .emoji-mart-category-label {\n display: none;\n}\n.emoji-mart-no-results .emoji-mart-no-results-label {\n margin-top: 0.2em;\n}\n.emoji-mart-no-results .emoji-mart-emoji:hover::before {\n content: none;\n}\n\n.emoji-mart-preview {\n display: none;\n}\n\n.container {\n box-sizing: border-box;\n max-width: 1235px;\n margin: 0 auto;\n position: relative;\n}\n@media screen and (max-width: 1255px) {\n .container {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 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: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #9baec8;\n}\n.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: \"mastodon-font-display\", sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.rich-formatting h1 small {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #bcc9da;\n}\n.rich-formatting h2 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.rich-formatting h3 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.rich-formatting h4 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.rich-formatting h5 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.rich-formatting h6 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.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: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: #ffffff;\n text-align: right;\n padding: 10px 15px;\n}\n.information-board__section span,\n.information-board__section strong {\n display: block;\n}\n.information-board__section span:last-child {\n color: #d9e1e8;\n}\n.information-board__section strong {\n font-family: \"mastodon-font-display\", sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n}\n@media screen and (max-width: 700px) {\n .information-board__section {\n text-align: center;\n }\n}\n.information-board .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: #040609;\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n}\n.information-board .panel .panel-header {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: #9baec8;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid #192432;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.information-board .panel .panel-header a,\n.information-board .panel .panel-header span {\n font-weight: 400;\n color: #7a93b6;\n}\n.information-board .panel .panel-header a {\n text-decoration: none;\n}\n.information-board .owner {\n text-align: center;\n}\n.information-board .owner .avatar {\n width: 80px;\n height: 80px;\n margin: 0 auto;\n margin-bottom: 15px;\n}\n.information-board .owner .avatar img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n}\n.information-board .owner .name {\n font-size: 14px;\n}\n.information-board .owner .name a {\n display: block;\n color: #ffffff;\n text-decoration: none;\n}\n.information-board .owner .name a:hover .display_name {\n text-decoration: underline;\n}\n.information-board .owner .name .username {\n display: block;\n color: #9baec8;\n}\n\n.landing-page p,\n.landing-page li {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #9baec8;\n}\n.landing-page p a,\n.landing-page li a {\n color: #d8a070;\n text-decoration: underline;\n}\n.landing-page em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: #bcc9da;\n}\n.landing-page h1 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h1 small {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #bcc9da;\n}\n.landing-page h2 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h3 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h4 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h5 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page h6 {\n font-family: \"mastodon-font-display\", sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #d9e1e8;\n}\n.landing-page ul,\n.landing-page ol {\n margin-left: 20px;\n}\n.landing-page ul[type=a],\n.landing-page ol[type=a] {\n list-style-type: lower-alpha;\n}\n.landing-page ul[type=i],\n.landing-page ol[type=i] {\n list-style-type: lower-roman;\n}\n.landing-page ul {\n list-style: disc;\n}\n.landing-page ol {\n list-style: decimal;\n}\n.landing-page li > ol,\n.landing-page li > ul {\n margin-top: 6px;\n}\n.landing-page hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba(62, 90, 124, 0.6);\n margin: 20px 0;\n}\n.landing-page hr.spacer {\n height: 1px;\n border: 0;\n}\n.landing-page__information, .landing-page__forms {\n padding: 20px;\n}\n.landing-page__call-to-action {\n background: #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}\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: \"mastodon-font-display\", sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n}\n.landing .hero-widget__counter span {\n font-size: 14px;\n color: #9baec8;\n}\n.landing .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: #9baec8;\n}\n.landing .simple_form p.lead {\n color: #9baec8;\n font-size: 15px;\n line-height: 20px;\n font-weight: 400;\n margin-bottom: 25px;\n}\n.landing__grid {\n max-width: 960px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n grid-gap: 30px;\n}\n@media screen and (max-width: 738px) {\n .landing__grid {\n grid-template-columns: minmax(0, 100%);\n grid-gap: 10px;\n }\n .landing__grid__column-login {\n grid-row: 1;\n display: flex;\n flex-direction: column;\n }\n .landing__grid__column-login .box-widget {\n order: 2;\n flex: 0 0 auto;\n }\n .landing__grid__column-login .hero-widget {\n margin-top: 0;\n margin-bottom: 10px;\n order: 1;\n flex: 0 0 auto;\n }\n .landing__grid__column-registration {\n grid-row: 2;\n }\n .landing__grid .directory {\n margin-top: 10px;\n }\n}\n@media screen and (max-width: 415px) {\n .landing__grid {\n grid-gap: 0;\n }\n .landing__grid .hero-widget {\n display: block;\n margin-bottom: 0;\n box-shadow: none;\n }\n .landing__grid .hero-widget__img, .landing__grid .hero-widget__img img, .landing__grid .hero-widget__footer {\n border-radius: 0;\n }\n .landing__grid .hero-widget,\n.landing__grid .box-widget,\n.landing__grid .directory__tag {\n border-bottom: 1px solid #202e3f;\n }\n .landing__grid .directory {\n margin-top: 0;\n }\n .landing__grid .directory__tag {\n margin-bottom: 0;\n }\n .landing__grid .directory__tag > a, .landing__grid .directory__tag > div {\n border-radius: 0;\n box-shadow: none;\n }\n .landing__grid .directory__tag:last-child {\n border-bottom: 0;\n }\n}\n\n.brand {\n position: relative;\n text-decoration: none;\n}\n\n.brand__tagline {\n display: block;\n position: absolute;\n bottom: -10px;\n left: 50px;\n width: 300px;\n color: #9baec8;\n text-decoration: none;\n font-size: 14px;\n}\n@media screen and (max-width: 415px) {\n .brand__tagline {\n position: static;\n width: auto;\n margin-top: 20px;\n color: #3e5a7c;\n }\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n}\n.table th,\n.table td {\n padding: 8px;\n line-height: 18px;\n vertical-align: top;\n border-top: 1px solid #121a24;\n text-align: left;\n background: #0b1016;\n}\n.table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #121a24;\n border-top: 0;\n font-weight: 500;\n}\n.table > tbody > tr > th {\n font-weight: 500;\n}\n.table > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > th {\n background: #121a24;\n}\n.table a {\n color: #d8a070;\n text-decoration: underline;\n}\n.table a:hover {\n text-decoration: none;\n}\n.table strong {\n font-weight: 500;\n}\n.table strong:lang(ja) {\n font-weight: 700;\n}\n.table strong:lang(ko) {\n font-weight: 700;\n}\n.table strong:lang(zh-CN) {\n font-weight: 700;\n}\n.table strong:lang(zh-HK) {\n font-weight: 700;\n}\n.table strong:lang(zh-TW) {\n font-weight: 700;\n}\n.table.inline-table > tbody > tr:nth-child(odd) > td, .table.inline-table > tbody > tr:nth-child(odd) > th {\n background: transparent;\n}\n.table.inline-table > tbody > tr:first-child > td, .table.inline-table > tbody > tr:first-child > th {\n border-top: 0;\n}\n.table.batch-table > thead > tr > th {\n background: #121a24;\n border-top: 1px solid #040609;\n border-bottom: 1px solid #040609;\n}\n.table.batch-table > thead > tr > th:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid #040609;\n}\n.table.batch-table > thead > tr > th:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid #040609;\n}\n.table--invites tbody td {\n vertical-align: middle;\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: \"mastodon-font-monospace\", monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: #9baec8;\n font-weight: 500;\n}\nbutton.table-action-link:hover,\na.table-action-link:hover {\n color: #ffffff;\n}\nbutton.table-action-link i.fa,\na.table-action-link i.fa {\n font-weight: 400;\n margin-right: 5px;\n}\nbutton.table-action-link:first-child,\na.table-action-link:first-child {\n padding-left: 0;\n}\n\n.batch-table__toolbar, .batch-table__row {\n display: flex;\n}\n.batch-table__toolbar__select, .batch-table__row__select {\n box-sizing: border-box;\n padding: 8px 16px;\n cursor: pointer;\n min-height: 100%;\n}\n.batch-table__toolbar__select input, .batch-table__row__select input {\n margin-top: 8px;\n}\n.batch-table__toolbar__select--aligned, .batch-table__row__select--aligned {\n display: flex;\n align-items: center;\n}\n.batch-table__toolbar__select--aligned input, .batch-table__row__select--aligned input {\n margin-top: 0;\n}\n@media screen and (max-width: 415px) {\n .batch-table__toolbar__select, .batch-table__row__select {\n display: none;\n }\n}\n.batch-table__toolbar__actions, .batch-table__toolbar__content, .batch-table__row__actions, .batch-table__row__content {\n padding: 8px 0;\n padding-right: 16px;\n flex: 1 1 auto;\n}\n.batch-table__toolbar {\n border: 1px solid #040609;\n background: #121a24;\n border-radius: 4px 0 0;\n height: 47px;\n align-items: center;\n}\n.batch-table__toolbar__actions {\n text-align: right;\n padding-right: 11px;\n}\n@media screen and (max-width: 415px) {\n .batch-table__toolbar {\n display: none;\n }\n}\n.batch-table__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 summary {\n display: list-item;\n}\n.batch-table .status__content strong {\n font-weight: 700;\n}\n.batch-table .nothing-here {\n border: 1px solid #040609;\n border-top: 0;\n box-shadow: none;\n}\n@media screen and (max-width: 415px) {\n .batch-table .nothing-here {\n border-top: 1px solid #040609;\n }\n}\n@media screen and (max-width: 870px) {\n .batch-table .accounts-table tbody td.optional {\n display: none;\n }\n}\n\n.admin-wrapper {\n display: flex;\n justify-content: center;\n 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: \"mastodon-font-monospace\", monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n}\n.log-entry__icon {\n font-size: 28px;\n margin-right: 10px;\n color: #3e5a7c;\n}\n.log-entry__icon__overlay {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n.log-entry__icon__overlay.positive {\n background: #79bd9a;\n}\n.log-entry__icon__overlay.negative {\n background: #e87487;\n}\n.log-entry__icon__overlay.neutral {\n background: #d8a070;\n}\n.log-entry a,\n.log-entry .username,\n.log-entry .target {\n color: #d9e1e8;\n text-decoration: none;\n font-weight: 500;\n}\n.log-entry .diff-old {\n color: #e87487;\n}\n.log-entry .diff-neutral {\n color: #d9e1e8;\n}\n.log-entry .diff-new {\n color: #79bd9a;\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n text-decoration: none;\n color: #d9e1e8;\n}\na.name-tag .username,\n.name-tag .username,\na.inline-name-tag .username,\n.inline-name-tag .username {\n font-weight: 500;\n}\na.name-tag.suspended .username,\n.name-tag.suspended .username,\na.inline-name-tag.suspended .username,\n.inline-name-tag.suspended .username {\n text-decoration: line-through;\n color: #e87487;\n}\na.name-tag.suspended .avatar,\n.name-tag.suspended .avatar,\na.inline-name-tag.suspended .avatar,\n.inline-name-tag.suspended .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n}\n\na.name-tag,\n.name-tag {\n display: flex;\n align-items: center;\n}\na.name-tag .avatar,\n.name-tag .avatar {\n display: block;\n margin: 0;\n margin-right: 5px;\n border-radius: 50%;\n}\na.name-tag.suspended .avatar,\n.name-tag.suspended .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n}\n\n.speech-bubble {\n margin-bottom: 20px;\n border-left: 4px solid #d8a070;\n}\n.speech-bubble.positive {\n border-left-color: #79bd9a;\n}\n.speech-bubble.negative {\n border-left-color: #e87487;\n}\n.speech-bubble.warning {\n border-left-color: #ca8f04;\n}\n.speech-bubble__bubble {\n padding: 16px;\n padding-left: 14px;\n font-size: 15px;\n line-height: 20px;\n border-radius: 4px 4px 4px 0;\n position: relative;\n font-weight: 500;\n}\n.speech-bubble__bubble a {\n color: #9baec8;\n}\n.speech-bubble__owner {\n padding: 8px;\n padding-left: 12px;\n}\n.speech-bubble time {\n color: #3e5a7c;\n}\n\n.report-card {\n background: #121a24;\n border-radius: 4px;\n margin-bottom: 20px;\n}\n.report-card__profile {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px;\n}\n.report-card__profile .account {\n padding: 0;\n border: 0;\n}\n.report-card__profile .account__avatar-wrapper {\n margin-left: 0;\n}\n.report-card__profile__stats {\n flex: 0 0 auto;\n font-weight: 500;\n color: #9baec8;\n text-transform: uppercase;\n text-align: right;\n}\n.report-card__profile__stats a {\n color: inherit;\n text-decoration: none;\n}\n.report-card__profile__stats a:focus, .report-card__profile__stats a:hover, .report-card__profile__stats a:active {\n color: #b5c3d6;\n}\n.report-card__profile__stats .red {\n color: #df405a;\n}\n.report-card__summary__item {\n display: flex;\n justify-content: flex-start;\n border-top: 1px solid #0b1016;\n}\n.report-card__summary__item:hover {\n background: #151f2b;\n}\n.report-card__summary__item__reported-by, .report-card__summary__item__assigned {\n padding: 15px;\n flex: 0 0 auto;\n box-sizing: border-box;\n width: 150px;\n color: #9baec8;\n}\n.report-card__summary__item__reported-by,\n.report-card__summary__item__reported-by .username, .report-card__summary__item__assigned,\n.report-card__summary__item__assigned .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.report-card__summary__item__content {\n flex: 1 1 auto;\n max-width: calc(100% - 300px);\n}\n.report-card__summary__item__content__icon {\n color: #3e5a7c;\n margin-right: 4px;\n font-weight: 500;\n}\n.report-card__summary__item__content a {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n text-decoration: none;\n color: #9baec8;\n}\n\n.one-line {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n display: inline-block;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n}\n\n.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: \"mastodon-font-display\", sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n}\n.dashboard__counters__text {\n font-size: 18px;\n}\n.dashboard__counters__label {\n font-size: 14px;\n color: #9baec8;\n text-align: center;\n font-weight: 500;\n}\n\n.dashboard__widgets {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n}\n.dashboard__widgets > div {\n flex: 0 0 33.333%;\n margin-bottom: 20px;\n}\n.dashboard__widgets > div > div {\n padding: 0 5px;\n}\n.dashboard__widgets a:not(.name-tag) {\n color: #d9e1e8;\n font-weight: 500;\n text-decoration: none;\n}\n\nbody.rtl {\n direction: rtl;\n}\nbody.rtl .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n}\nbody.rtl .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n}\nbody.rtl .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n}\nbody.rtl .column-link__icon,\nbody.rtl .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .search__input {\n padding-right: 10px;\n padding-left: 30px;\n}\nbody.rtl .search__icon .fa {\n right: auto;\n left: 10px;\n}\nbody.rtl .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: 0;\n margin-right: -15px;\n}\nbody.rtl .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n}\nbody.rtl .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .account__avatar-wrapper {\n float: right;\n}\nbody.rtl .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n}\nbody.rtl .column-header__setting-arrows {\n float: left;\n}\nbody.rtl .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .status__avatar {\n left: auto;\n right: 10px;\n}\nbody.rtl .status,\nbody.rtl .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n}\nbody.rtl .status__info .status__display-name,\nbody.rtl .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n}\nbody.rtl .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n}\nbody.rtl .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n}\nbody.rtl .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n}\nbody.rtl .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n}\nbody.rtl .column-back-button--slim-button {\n right: auto;\n left: 0;\n}\nbody.rtl .status__relative-time,\nbody.rtl .activity-stream .status.light .status__header .status__meta {\n float: left;\n}\nbody.rtl .status__action-bar__counter {\n margin-right: 0;\n margin-left: 11px;\n}\nbody.rtl .status__action-bar__counter .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n}\nbody.rtl .status__action-bar-dropdown {\n float: right;\n}\nbody.rtl .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n}\nbody.rtl .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .detailed-status__display-name .display-name {\n text-align: right;\n}\nbody.rtl .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n}\nbody.rtl .detailed-status__favorites,\nbody.rtl .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .fa-ul {\n margin-left: 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.emojione[title=\":wavy_dash:\"], .emojione[title=\":waving_black_flag:\"], .emojione[title=\":water_buffalo:\"], .emojione[title=\":video_game:\"], .emojione[title=\":video_camera:\"], .emojione[title=\":vhs:\"], .emojione[title=\":turkey:\"], .emojione[title=\":tophat:\"], .emojione[title=\":top:\"], .emojione[title=\":tm:\"], .emojione[title=\":telephone_receiver:\"], .emojione[title=\":spider:\"], .emojione[title=\":speaking_head_in_silhouette:\"], .emojione[title=\":spades:\"], .emojione[title=\":soon:\"], .emojione[title=\":registered:\"], .emojione[title=\":on:\"], .emojione[title=\":musical_score:\"], .emojione[title=\":movie_camera:\"], .emojione[title=\":mortar_board:\"], .emojione[title=\":microphone:\"], .emojione[title=\":male-guard:\"], .emojione[title=\":lower_left_fountain_pen:\"], .emojione[title=\":lower_left_ballpoint_pen:\"], .emojione[title=\":kaaba:\"], .emojione[title=\":joystick:\"], .emojione[title=\":hole:\"], .emojione[title=\":hocho:\"], .emojione[title=\":heavy_plus_sign:\"], .emojione[title=\":heavy_multiplication_x:\"], .emojione[title=\":heavy_minus_sign:\"], .emojione[title=\":heavy_dollar_sign:\"], .emojione[title=\":heavy_division_sign:\"], .emojione[title=\":heavy_check_mark:\"], .emojione[title=\":guardsman:\"], .emojione[title=\":gorilla:\"], .emojione[title=\":fried_egg:\"], .emojione[title=\":film_projector:\"], .emojione[title=\":female-guard:\"], .emojione[title=\":end:\"], .emojione[title=\":electric_plug:\"], .emojione[title=\":eight_pointed_black_star:\"], .emojione[title=\":dark_sunglasses:\"], .emojione[title=\":currency_exchange:\"], .emojione[title=\":curly_loop:\"], .emojione[title=\":copyright:\"], .emojione[title=\":clubs:\"], .emojione[title=\":camera_with_flash:\"], .emojione[title=\":camera:\"], .emojione[title=\":busts_in_silhouette:\"], .emojione[title=\":bust_in_silhouette:\"], .emojione[title=\":bowling:\"], .emojione[title=\":bomb:\"], .emojione[title=\":black_small_square:\"], .emojione[title=\":black_nib:\"], .emojione[title=\":black_medium_square:\"], .emojione[title=\":black_medium_small_square:\"], .emojione[title=\":black_large_square:\"], .emojione[title=\":black_heart:\"], .emojione[title=\":black_circle:\"], .emojione[title=\":back:\"], .emojione[title=\":ant:\"], .emojione[title=\":8ball:\"] {\n filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);\n transform: scale(0.71);\n}","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a !default; // Padua\n$error-red: #df405a !default; // Cerise\n$warning-red: #ff5050 !default; // Sunset Orange\n$gold-star: #ca8f04 !default; // Dark Goldenrod\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","@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 &.player {\n text-align: center;\n }\n\n &.embed {\n background: lighten($ui-base-color, 4%);\n margin: 0;\n padding-bottom: 0;\n\n .container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n }\n\n &.admin {\n background: darken($ui-base-color, 4%);\n 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 &__illustration {\n img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n }\n }\n\n h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n }\n }\n }\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n}\n\n.app-holder {\n &,\n & > div {\n display: flex;\n width: 100%;\n 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 margin-right: 8px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n }\n }\n\n .name {\n flex: 1 1 auto;\n color: $secondary-text-color;\n width: calc(100% - 88px);\n\n .username {\n display: block;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n }\n\n .logout-link {\n display: block;\n font-size: 32px;\n line-height: 40px;\n margin-left: 8px;\n }\n}\n\n.grid-3 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 3fr 1fr;\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-column: 1/3;\n grid-row: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1/3;\n grid-row: 3;\n }\n\n .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 padding-left: 20px - 4px;\n flex: 0 0 auto;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid lighten($ui-base-color, 4%);\n background: darken($ui-base-color, 8%);\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-top: 0;\n background: lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n padding: 5px;\n\n &::before {\n display: none;\n }\n\n .avatar {\n width: 48px;\n height: 48px;\n padding: 7px 0;\n padding-left: 10px;\n\n img {\n border: 0;\n border-radius: 4px;\n }\n\n @media screen and (max-width: 360px) {\n display: none;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n flex-wrap: wrap;\n }\n }\n\n &__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n\n &__name {\n padding-top: 20px;\n padding-bottom: 8px;\n\n h1 {\n font-size: 20px;\n line-height: 18px * 1.5;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-shadow: 1px 1px 1px $base-shadow-color;\n\n small {\n display: block;\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-left: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &__name {\n padding-top: 0;\n padding-bottom: 0;\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n text-shadow: none;\n\n small {\n color: $darker-text-color;\n }\n }\n }\n }\n\n &__tabs {\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n height: 58px;\n\n .details-counters {\n display: flex;\n flex-direction: row;\n min-width: 300px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n .details-counters {\n display: none;\n }\n }\n\n .counter {\n width: 33.3%;\n box-sizing: border-box;\n flex: 0 0 auto;\n color: $darker-text-color;\n padding: 10px;\n border-right: 1px solid lighten($ui-base-color, 4%);\n cursor: default;\n text-align: center;\n position: relative;\n\n a {\n display: block;\n }\n\n &:last-child {\n border-right: 0;\n }\n\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 4px solid $ui-primary-color;\n opacity: 0.5;\n transition: all 400ms ease;\n }\n\n &.active {\n &::after {\n border-bottom: 4px solid $highlight-text-color;\n opacity: 1;\n }\n\n &.inactive::after {\n border-bottom-color: $secondary-text-color;\n }\n }\n\n &:hover {\n &::after {\n opacity: 1;\n transition-duration: 100ms;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .counter-label {\n font-size: 12px;\n display: block;\n }\n\n .counter-number {\n font-weight: 500;\n font-size: 18px;\n margin-bottom: 5px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n height: 1px;\n }\n\n &__buttons {\n padding: 7px 8px;\n }\n }\n }\n\n &__extra {\n display: none;\n margin-top: 4px;\n\n .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n\n .account__header__fields {\n border-top: 1px solid lighten($ui-base-color, 12%);\n }\n\n .roles {\n display: none;\n }\n }\n\n &__links {\n margin-top: -15px;\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 15px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n flex: 100%;\n }\n }\n }\n\n .account__section-headline {\n border-radius: 4px 4px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n\n .detailed-status__meta {\n margin-top: 25px;\n }\n\n .public-account-bio {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n box-shadow: none;\n margin-bottom: 0;\n border-radius: 0;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 0;\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n\n .account__header__content {\n padding: 20px;\n padding-bottom: 0;\n color: $primary-text-color;\n }\n\n &__extra,\n .roles {\n padding: 20px;\n font-size: 14px;\n color: $darker-text-color;\n }\n\n .roles {\n padding-bottom: 0;\n }\n }\n\n .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",".no-list {\n list-style: none;\n\n li {\n display: inline-block;\n margin: 0 5px;\n }\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n\n li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n }\n}\n",".public-layout {\n .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: lighten($ui-base-color, 34%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n .column-0 {\n grid-column: 1;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-1 {\n grid-column: 2;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-2 {\n grid-column: 3;\n grid-row: 1;\n min-width: 0;\n text-align: center;\n\n h4 a {\n color: lighten($ui-base-color, 34%);\n }\n }\n\n .column-3 {\n grid-column: 4;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-4 {\n grid-column: 5;\n grid-row: 1;\n min-width: 0;\n }\n\n @media screen and (max-width: 690px) {\n grid-template-columns: 1fr 2fr 1fr;\n\n .column-0,\n .column-1 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n }\n\n .column-3,\n .column-4 {\n grid-column: 3;\n }\n\n .column-4 {\n grid-row: 2;\n }\n }\n\n @media screen and (max-width: 600px) {\n .column-1 {\n display: block;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n .column-0,\n .column-1,\n .column-3,\n .column-4 {\n display: none;\n }\n }\n }\n\n h4 {\n text-transform: uppercase;\n font-weight: 700;\n margin-bottom: 8px;\n color: $darker-text-color;\n\n a {\n color: inherit;\n text-decoration: none;\n }\n }\n\n ul a {\n text-decoration: none;\n color: lighten($ui-base-color, 34%);\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n\n .brand {\n svg {\n display: block;\n height: 36px;\n width: auto;\n margin: 0 auto;\n\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 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 @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 padding-top: 2px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: darken($ui-base-color, 8%);\n }\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",".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:not(:disabled),\n &:focus:not(:disabled),\n &:hover:not(:disabled) {\n background: lighten($ui-highlight-color, 10%);\n\n svg path:last-child {\n fill: lighten($ui-highlight-color, 10%);\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 margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n left: -32px;\n }\n\n .media-gallery,\n &__action-bar,\n .video-player {\n margin-top: 10px;\n }\n }\n}\n","button.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<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\nbutton.icon-button.disabled 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(darken($action-button-color, 13%))}' 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",null,"@mixin avatar-radius() {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n width: $size;\n height: $size;\n background-size: $size $size;\n}\n\n@mixin search-input() {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 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",".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 input[type=text] {\n display: block;\n box-sizing: border-box;\n flex: 1 1 auto;\n width: 20px;\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 }\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 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",".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",".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: -1px;\n }\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n i {\n display: inline-block;\n width: 100%;\n max-width: 22px;\n }\n\n svg {\n fill: currentColor;\n max-height: 18px;\n }\n}\n\n.emoji-mart-scroll {\n overflow-y: scroll;\n height: 270px;\n max-height: 35vh;\n padding: 0 6px 6px;\n background: $simple-background-color;\n will-change: transform;\n\n &::-webkit-scrollbar-track:hover,\n &::-webkit-scrollbar-track:active {\n background-color: rgba($base-overlay-background, 0.3);\n }\n}\n\n.emoji-mart-search {\n padding: 10px;\n padding-right: 45px;\n background: $simple-background-color;\n\n input {\n font-size: 14px;\n font-weight: 400;\n padding: 7px 9px;\n font-family: inherit;\n display: block;\n width: 100%;\n background: rgba($ui-secondary-color, 0.3);\n color: $inverted-text-color;\n border: 1px solid $ui-secondary-color;\n border-radius: 4px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n cursor: pointer;\n\n span {\n z-index: 1;\n position: relative;\n text-align: center;\n }\n\n &:hover::before {\n z-index: 0;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba($ui-secondary-color, 0.7);\n border-radius: 100%;\n }\n}\n\n.emoji-mart-category-label {\n z-index: 2;\n position: relative;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n\n span {\n display: block;\n width: 100%;\n font-weight: 500;\n padding: 5px 6px;\n background: $simple-background-color;\n }\n}\n\n.emoji-mart-emoji {\n position: relative;\n display: inline-block;\n font-size: 0;\n\n span {\n width: 22px;\n height: 22px;\n }\n}\n\n.emoji-mart-no-results {\n font-size: 14px;\n text-align: center;\n padding-top: 70px;\n color: $light-text-color;\n\n .emoji-mart-category-label {\n display: none;\n }\n\n .emoji-mart-no-results-label {\n margin-top: .2em;\n }\n\n .emoji-mart-emoji:hover::before {\n content: none;\n }\n}\n\n.emoji-mart-preview {\n display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n box-sizing: border-box;\n max-width: $maximum-width;\n margin: 0 auto;\n position: relative;\n\n @media screen and (max-width: $fluid-breakpoint) {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: $font-sans-serif, sans-serif;\n font-size: 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 margin: 0 auto;\n margin-bottom: 15px;\n\n img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n }\n }\n\n .name {\n font-size: 14px;\n\n a {\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n\n &:hover {\n .display_name {\n text-decoration: underline;\n }\n }\n }\n\n .username {\n display: block;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.landing-page {\n p,\n li {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n }\n\n em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: lighten($darker-text-color, 10%);\n }\n\n h1 {\n font-family: $font-display, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n\n small {\n font-family: $font-sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: lighten($darker-text-color, 10%);\n }\n }\n\n h2 {\n font-family: $font-display, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h3 {\n font-family: $font-display, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h4 {\n font-family: $font-display, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h5 {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h6 {\n font-family: $font-display, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n ul,\n ol {\n margin-left: 20px;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n li > ol,\n li > ul {\n margin-top: 6px;\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n &__information,\n &__forms {\n padding: 20px;\n }\n\n &__call-to-action {\n background: 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 }\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 summary {\n display: list-item;\n }\n\n strong {\n font-weight: 700;\n }\n }\n\n .nothing-here {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n box-shadow: none;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n @media screen and (max-width: 870px) {\n .accounts-table tbody td.optional {\n display: none;\n }\n }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n display: flex;\n justify-content: center;\n 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",".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","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: 0;\n margin-right: -15px;\n }\n\n .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n }\n\n .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .account__avatar-wrapper {\n float: right;\n }\n\n .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n }\n\n .column-header__setting-arrows {\n float: left;\n }\n\n .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .status__avatar {\n left: auto;\n right: 10px;\n }\n\n .status,\n .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n }\n\n .status__info .status__display-name,\n .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n }\n\n .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n }\n\n .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n }\n\n .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n }\n\n .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n }\n\n .column-back-button--slim-button {\n right: auto;\n left: 0;\n }\n\n .status__relative-time,\n .activity-stream .status.light .status__header .status__meta {\n float: left;\n }\n\n .status__action-bar {\n\n &__counter {\n margin-right: 0;\n margin-left: 11px;\n\n .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n }\n\n .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n }\n\n .status__action-bar-dropdown {\n float: right;\n }\n\n .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n }\n\n .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .detailed-status__display-name .display-name {\n text-align: right;\n }\n\n .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n }\n\n .detailed-status__favorites,\n .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n }\n\n .fa-ul {\n margin-left: 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","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n transform: scale(.71);\n}\n\n.emojione {\n @each $emoji in $black-emojis {\n &[title=':#{$emoji}:'] {\n @extend %white-emoji-outline;\n }\n }\n}\n"],"sourceRoot":""}
projects / akkoma / blob