-{"version":3,"sources":["webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/skins/glitch/mastodon-light/common.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/stream_entries.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///./<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAuPE,iBCixFD,2ZAt/FC,mBACA,SACA,eACA,aACA,uBACA,CACD,8EAKC,cACD,KAGC,cACD,MAGC,gBACD,aAGC,YACD,oDAIC,uBACA,CACD,MAGC,yCACA,CACD,KAGC,2CACD,oBAGC,sBACA,CACD,0BAGC,iCACA,kBACA,CACD,gCAGC,mBACD,iCAGC,mBACD,0BAGC,8BACA,6BACA,CACD,iEAOC,kBCnFwB,CDoFzB,2BAGC,uBACD,KEtFC,0CACA,eACA,iBACA,gBACA,WDXM,kCCaN,qCACA,2DACA,qHACA,uCACA,CF0FD,iBE5EG,uIF+EH,cE3EG,6BACA,YACA,UACA,kBDjCsB,CDgHzB,kCE3EK,kBF8EL,aEzEG,kBD1CsB,CDsHzB,iBExEG,mCACA,CF2EH,yBExEK,mCACA,CF2EL,WEtEG,4BACA,gBACA,CFyEH,sBEtEK,6BACA,YACA,eACA,CFyEL,WEpEG,iCACA,CF0EH,sBEzEG,uBACA,SACA,CFmFH,WE/EG,oCACA,cDhFiB,mBAEK,aCoFtB,uBACA,kBACA,CFsEH,mBEnEK,iCACA,CFsEL,uBEnEO,8BACA,WACA,YACA,iBACA,CFsEP,sBElEO,gCACA,eACA,CFqEP,OE9DC,kCACA,CFkED,aE/DG,aFkEH,4BE3DG,wBACA,YACA,mBACA,uBACA,mBACA,CF+DH,eGlMC,8BAEA,CHsMD,oCGzMD,eAMI,mBACA,CHuMD,CACF,gBGnMC,uBHuMD,oCGxMD,gBAII,mBHwMD,CACF,mBGrMG,oCACA,kBACA,CHwMH,uBGrMK,6BACA,CHwML,qBGpMK,oCACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,uBACA,gBACA,cACA,CHuML,kCGhMG,2BAEA,mBACA,qBACA,CHoMH,oCGzMC,kCAQI,wBACA,YACA,CHqMH,CACF,gBGhMC,yBAEA,eACA,iBACA,sBACA,iBAEA,sBAEA,CHoMD,oCG9MD,gBAaI,2BAEA,mBAEA,CHqMD,CACF,wBI5QC,WD4EuB,sCACrB,iBHuMH,4BGpMK,uBACA,cACA,SACA,kBACA,iBCzFJ,mDACA,CJkSD,sBGpMG,4BF7FiB,uBE+FjB,CHuMH,gCGpMK,8BACA,uBACA,eACA,CHuML,6BGlMG,6BACA,iBACA,eACA,CHqMH,QGhMC,2BACA,8BACA,sBACA,mCACA,2BHoMD,kBGjMG,0BACA,CHoMH,kBGhMG,wBACA,CHmMH,kBG/LG,wBACA,CHkMH,kBG9LG,0BACA,CHiMH,sCG7LG,gBHgMH,oCG5ND,QAgCI,kDHgMD,sCG7LG,0BACA,mBACA,sBACA,CHgMH,gCG5LG,kCACA,kBACA,CH+LH,qBG3LG,aH8LH,CACF,oCG/OD,QAqDI,+CACA,CH8LD,kBG3LG,cH8LH,kBG1LG,wBACA,CH6LH,kBGzLG,wBACA,CH4LH,kBGxLG,wBACA,CH2LH,CACF,oCGvLD,eAEI,iBH0LD,CACF,0BGvLG,gBH0LH,oCG3LC,0BAII,UH2LH,CACF,uBGvLG,sDACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,eACA,CH0LH,oCGpMC,uBAaI,0BACA,MACA,OACA,SACA,gBACA,gBACA,WACA,CH2LH,CACF,2BGxLK,6BACA,CH2LL,iCGvLK,iCACA,2BACA,gBACA,CH0LL,mCGtLK,iCACA,uBACA,gBACA,CHyLL,kCGrLK,iCACA,yBACA,gBACA,CHwLL,8BGpLK,0BACA,CHuLL,kCGpLO,0BACA,WACA,kBACA,WACA,CHuLP,oCG5LK,kCAQI,YHwLP,CACF,6GGlLO,mBHqLP,iCGhLK,gCACA,eACA,eACA,gBACA,qBACA,cFzRe,mBE2Rf,iBACA,CHmLL,sHG9KO,oCFpSA,CDsdP,oCG7KO,0CACE,aHgLP,CACF,mCG3KK,wCAEA,iBACA,CH8KL,4HGzKO,uCACA,CH4KP,qBGpKG,2BACA,0DACA,sBACA,mCACA,2BHuKH,+BGpKK,wBACA,CHuKL,+BGnKK,wBACA,CHsKL,oCGpLC,qBAkBI,qCACA,CHsKH,+BGnKK,aHsKL,CACF,sCGjKG,mCACA,kCACA,CHoKH,+CGjKK,WHoKL,oIGhKO,sDHoKP,4DGhKO,wBFtWa,CDygBpB,gFGhKS,YFzWW,CD4gBpB,6CG7JK,0CACA,aACA,kBACA,eACA,CHgKL,mDG7JO,yBACA,kBACA,WACA,YACA,gDACA,MACA,MACA,CHgKP,iDG5JO,kFACA,WACA,YACA,SACA,yBACA,CH+JP,oCGvLG,6CA4BI,aH+JL,CACF,8CG3JK,gBH8JL,4JG1JO,kBH8JP,oCGhKK,4JAKI,gBHgKP,CACF,oCG/NC,sCAoEI,+BACA,CH+JH,mDG5JK,aH+JL,8FG1JK,gBH6JL,CACF,2CGzJK,mCACA,aACA,0BACA,CH4JL,kDGzJO,yBACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,UACA,CH4JP,mDGxJO,0BAGqB,yCACrB,+BACA,CH6JP,uDG1JS,yBACA,YACA,SACA,kBACA,yBACA,mBACA,iBC7cR,mDACA,CJ4mBD,oCGlMG,2CAwCI,gCACA,0BACA,WACA,CH8JL,kDG3JO,aH8JP,mDIlnBD,WD0d6B,sCAErB,uBH+JP,uDG5JS,2BACA,iBCreV,mDACA,CJsoBC,CACF,0DG5KO,mDAcI,aHkKT,CACF,oCGlOG,2CAqEI,gBHiKL,CACF,oCGvOG,2CAyEI,eHkKL,CACF,4CG9JK,8BACA,CHiKL,kDG9JO,mCACA,CHiKP,qDG9JS,gCACA,WFngBF,gBEqgBE,gBACA,mBACA,uBACA,4BACA,CHiKT,2DG9JW,6BACA,WF7gBJ,gBE+gBI,gBACA,sBACA,CHiKX,oCGzLG,4CA8BI,8BACA,8BACA,kBACA,CH+JL,kDG5JO,8BACA,CH+JP,qDG5JS,gCACA,gBACA,CH+JT,2DG5JW,aFniBO,CDksBlB,CACF,kDGzJO,wCACA,oBACA,WACA,CH4JP,oEGzJS,gCACA,eACA,CH4JT,oCGxJS,oEACE,aH2JT,CACF,2DGvJS,kCACA,cACA,cF9jBW,aEgkBX,+BACA,eACA,kBACA,iBACA,CH0JT,6DGvJW,cH0JX,sEGtJW,eHyJX,iEGrJW,yBACA,kBACA,SACA,OACA,WACA,gCACA,WACA,uBACA,CHwJX,wEGnJa,yCACA,CHsJb,iFGlJa,2BFjmBO,CDsvBpB,uEG/Ia,iCACA,CHkJb,6DG7IW,kCACA,CHgJX,0EG5IW,4BACA,CH+IX,2EG3IW,+BACA,kBACA,WF5nBJ,sBE8nBI,CH8IX,0DGzIS,wBACA,CH4IT,2DGxIS,gBH2IT,6CGrIK,2BACA,CHwIL,iEGrIO,gCACA,uBACA,aACA,CHwIP,0FGrIS,6BHwIT,wEGpIS,aHuIT,oDGlIO,gCACA,aF/pBa,CDqyBpB,sDGlIS,mCFnqBW,qBEqqBX,aACA,eACA,CHqIT,6DGlIW,0BF7qBJ,CDmzBP,oCGtKG,6CAuCI,uBACA,CHmIL,CACF,0CG9HG,0BHiIH,oCGlIC,0CAII,gBHkIH,CACF,sCG9HG,gBHiIH,mCG7HG,sDACA,kBACA,gBACA,kBACA,CHgIH,oCGrIC,mCAQI,gCACA,eACA,CHiIH,CACF,4DG9HK,qBACA,CHiIL,8DG9HO,cHiIP,qFG7HO,wBHgIP,wEG5HO,aE9tBQ,CL61Bf,6DGzHK,8BFtuBE,CDo2BP,oFGxHK,4BACA,aF1uBe,CDu2BpB,0CGxHK,iBH2HL,mCGtHG,cFtuBkB,cEuuBlB,CHyHH,wCGtHK,8BACA,CHyHL,0BGpHG,4BACA,eACA,aACA,CHuHH,8BGpHK,oCACA,YACA,cACA,mBACA,iBACA,CHuHL,oCG7HG,8BASI,cHwHL,CACF,oCGlIG,8BAaI,eHyHL,CACF,oCG7IC,0BAwBI,qCACA,CHyHH,8BGtHK,qBACA,gBACA,+BACA,CHyHL,yCGtHO,gBHyHP,yCGrHO,kBFjyBgB,CDy5BvB,8IGnHS,mBHsHT,CACF,SMl6BC,gBNs6BD,YMn6BG,iCACA,CNs6BH,gBMj6BC,6BACA,CNq6BD,mBMl6BG,+BACA,kBACA,CNq6BH,cOp7BC,g2BACA,sBACA,aACA,SACA,CPw7BD,wBOp7BC,oBACA,sBACA,wBACA,CPw7BD,0BOr7BG,uBACA,CPw7BH,oCOn7BC,gBACE,aPu7BD,CACF,uBQ58BG,iCACA,oBACA,eACA,aACA,CR+8BH,oCQp9BC,uBAQI,oCACA,CRg9BH,CACF,6BQ78BK,2BACA,yCACA,CRg9BL,uCQ78BO,yBACA,WACA,CRg9BP,uCQ58BO,yBACA,WACA,CR+8BP,uCQ38BO,yBACA,YACA,iBACA,CR88BP,4CQ38BS,cR88BT,uCQz8BO,yBACA,WACA,CR48BP,uCQx8BO,yBACA,WACA,CR28BP,oCQh/BG,6BAyCI,kCR28BL,8EQv8BO,cR28BP,uCQv8BO,WR08BP,uCQt8BO,cRy8BP,8EQp8BO,cRw8BP,uCQp8BO,WRu8BP,CACF,oCQn8BO,uCACE,cRs8BP,CACF,oCQl8BO,4JAIE,aRq8BP,CACF,0BQh8BK,yCACA,kBACA,aP9Fe,CDkiCpB,4BQh8BO,kCACA,CRm8BP,4BQ97BK,kCACA,CRi8BL,uGQ57BO,0BR+7BP,kCQz7BO,0BACA,WACA,aACA,CR47BP,uCQz7BS,aR47BT,wIQp7BS,aRu7BT,mBS3jCG,gCACA,cACA,gBACA,mBACA,eACA,oBACA,CT+jCH,oCStkCC,mBAUI,qCACA,CTgkCH,CACF,qBS7jCK,kCACA,CTgkCL,yBS5jCK,6BRjBe,CDilCpB,uBS3jCK,wCACA,kBACA,WACA,WACA,CT8jCL,aU3lCC,qDACA,CV+lCD,kBU5lCG,wBACA,kBACA,gBACA,0BACA,eLRI,CLwmCP,sBU5lCK,kFACA,WACA,YACA,SACA,yBACA,CV+lCL,mBU1lCG,mBTjBsB,aSkBtB,0BACA,eACA,cTtBiB,iBSwBjB,qBACA,eACA,CV6lCH,6BU1lCK,uBACA,eACA,CV6lCL,qBUzlCK,mBV4lCL,gCUzlCO,gBV4lCP,sBUvlCK,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,CV0lCL,qBUtlCK,cTvDe,oBSwDf,CVylCL,2BUtlCO,0BVylCP,oCUxpCD,aAqEI,aVulCD,CACF,qBUnlCC,sCACA,CVulCD,wBUplCG,sCACA,gBACA,eACA,aT7EiB,CDqqCpB,8BUnlCG,eVslCH,yCUnlCK,gBVslCL,qDUllCK,+BACA,CVqlCL,+CUjlCK,uBACA,yBACA,CVolCL,sEU9kCC,+BACA,mBTrGwB,kCSuGxB,CV4lCD,0DUvlCC,qCAEA,CVqlCD,gBU9kCC,6BTvHmB,iBSyHnB,qBACA,eACA,CVklCD,uBU/kCG,gBVklCH,kBU9kCG,mBVilCH,6BU9kCK,gBVilCL,sBU5kCG,gBV+kCH,wBU5kCK,WThJE,oBSiJF,CV+kCL,sBUxkCC,yCACA,mBTpJwB,mCSsJxB,cTxJmB,gBS0JnB,kBACA,CV6kCD,qDUzkCG,gBV6kCH,qXUzkCO,gBV6lCP,wBUvlCG,uCACA,CV0lCH,wLU9kCO,qBVulCP,kIUplCS,0BVulCT,+BUhlCG,mBVmlCH,mCUhlCK,8BTnMe,CDuxCpB,6DU7kCK,gCACA,CVglCL,2DU5kCK,oCACA,CV+kCL,gEU5kCO,gBV+kCP,iBUxkCC,6BL7NM,eKiON,cT9NmB,kBSgOnB,CV4kCD,8BUjlCC,oDAEA,CVwlCD,aUjlCC,qCAGA,kBACA,aACA,CV4kCD,gBUzkCG,WT/OI,eSgPJ,gBACA,gBACA,kBACA,CV4kCH,eUxkCG,4BTpPiB,CDg0CpB,oCU7lCD,aAsBI,+BACA,CV2kCD,gBUxkCG,eV2kCH,CACF,WUtkCC,mBTjQwB,kBSkQxB,kCACA,CV0kCD,gBUvkCG,wCACA,CV0kCH,sCUtkCK,gCACA,8BACA,mBT7QoB,kBS+QpB,aACA,qBACA,cACA,kCACA,CVykCL,yEUlkCO,mBVqkCP,yBUhkCK,mBT9RoB,cS+RpB,CVmkCL,6BU/jCK,yBACA,CVkkCL,mBU9jCK,6BACA,gBACA,WThTE,mBSkTF,gBACA,sBACA,CVikCL,uBU9jCO,aTpTa,CDq3CpB,yBU7jCO,8BACA,eACA,eACA,aT3Ta,CD43CpB,wFUxjCO,UTvUA,CDo4CP,8BUxjCK,yBACA,CV2jCL,sDUvjCK,oBT3UoB,CDq4CzB,cUpjCC,qCACA,CVwjCD,+BUrjCG,yBACA,YACA,kBACA,kBACA,kBACA,mBACA,wBACA,CVwjCH,2CUrjCK,UVwjCL,4CUpjCK,UVujCL,4CUnjCK,UVsjCL,gBUhjCC,WVojCD,yBUjjCG,kBACA,CVojCH,yBUhjCG,2CACA,cTzXiB,gBS2XjB,YACA,CVmjCH,qCUhjCK,gBVmjCL,yBU9iCG,qCACA,+BACA,CVijCH,uCU7iCG,gBVgjCH,uBU5iCG,8BACA,eACA,gBACA,UTpZI,CDo8CP,6BU5iCK,4BTrZe,gBSuZf,cACA,CV+iCL,oCU1iCG,kCACE,aV6iCH,CACF,oCUziCD,qIAQI,gCACA,eACA,CV4iCD,CACF,eUriCC,iBVyiCD,oCU1iCD,eAII,qBV0iCD,CACF,qBUviCG,uBV0iCH,qCU3iCC,qBAII,uBV2iCH,CACF,oCUhjCC,qBAQI,WV4iCH,CACF,oCUrjCC,qBAYI,YV6iCH,CACF,gCUziCG,kBV4iCH,oCU7iCC,gCAII,6BV6iCH,CACF,+DUziCO,gBV4iCP,yDUxiCO,+BACA,CV2iCP,mEUxiCS,uBACA,eACA,CV2iCT,wFUviCS,yBACA,CV0iCT,kKUniCO,gBVwiCP,eUhiCC,aTlfmB,CDuhDpB,gCUtiCC,mBVyiCD,4BUliCK,gBVqiCL,iBUhiCG,gCACA,qBACA,gBACA,aT7fsB,CDiiDzB,sEU9hCK,0BViiCL,KWxiDC,+CACA,CX4iDD,gBWxiDC,6BACA,aACA,CX4iDD,oBWviDG,kCACA,CX2iDH,2BWxiDK,SX2iDL,yCWtiDO,mBXyiDP,oDWtiDS,gBXyiDT,+CWpiDO,mCACA,CXuiDP,qDWpiDS,2BACA,MACA,CXuiDT,4BWjiDK,iCACA,CXoiDL,+CWjiDO,mCACA,gBACA,WVjDA,cUmDA,UACA,CXoiDP,2EW/hDO,kBXmiDP,kDW/hDO,gBXkiDP,2CW9hDO,0BACA,MACA,CXiiDP,oCW7hDO,cVjEkB,yBUkElB,CXgiDP,+HW3hDS,qBX8hDT,kBWvhDG,0BACA,CX0hDH,yBWvhDK,oCACA,UACA,aACA,CX0hDL,mBWrhDG,aV7FiB,CDqnDpB,qBWrhDK,aV7FoB,CDqnDzB,wBWphDK,oCACA,eACA,CXuhDL,uBWlhDG,6BACA,cACA,CXqhDH,oBWjhDG,gCVjHiB,CDsoDpB,gCWjhDK,iCACA,iBACA,gBACA,eACA,CXohDL,mBW/gDG,mBXkhDH,oBW9gDG,gBXihDH,0JW7gDO,gBX4hDP,qDWrhDK,aXwhDL,2DWrhDO,mCACA,WVpJA,gBUsJA,gBACA,aACA,CXwhDP,uHWnhDO,cXuhDP,qDWlhDK,gCACA,CXqhDL,kDW/gDK,mCACA,WV1KE,cU4KF,kBACA,qBACA,eACA,CXkhDL,qCW9gDK,eXihDL,kCW7gDK,WXghDL,qCW3gDG,eX8gDH,2CW3gDK,mCACA,WVhME,cUkMF,gBACA,eACA,CX8gDL,2CW1gDK,mBX6gDL,wCWzgDK,iCX4gDL,4BWvgDG,kCACA,CX0gDH,2BWtgDG,mBXygDH,6CWtgDK,gBXygDL,yBWpgDG,6BAEA,mBACA,CXugDH,gCWpgDK,eXugDL,iCWngDK,qCACA,cACA,cACA,CXsgDL,mCWngDO,cXsgDP,4GWhgDK,gBXogDL,oCW3hDC,yBA2BI,6BACA,CXogDH,iCWjgDK,eXogDL,yJW9/CK,mBXmgDL,CACF,+CW9/CG,sCACA,eACA,WV1QI,cU4QJ,UACA,CXigDH,0CW3/CO,mCACA,WVpRA,qBUsRA,WACA,kBACA,gBACA,kBACA,aACA,CX8/CP,yDW1/CO,yBACA,QACA,QACA,CX6/CP,qJWn/CG,qCACA,WV7SI,cU+SJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,YACA,CX0/CH,6LWv/CK,gBX8/CL,mVW1/CK,qBXigDL,gOW7/CK,oBNhUU,CLo0Df,mLWhgDK,kBXugDL,2WWlgDK,qBVrUoB,kBUsUpB,CX6gDL,4CWvgDK,cX0gDL,+TWjgDK,qBXygDL,6CWrgDK,8BACA,cACA,cACA,CXwgDL,6BWngDG,WXsgDH,sBWlgDG,4BACA,CXqgDH,mCWlgDK,+BACA,CXqgDL,oEW9/CG,yBACA,SACA,kBACA,mBVpXsB,WANlB,eU6XJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,iBACA,CXmgDH,qGWhgDK,eXqgDL,sFWjgDK,yBXsgDL,+KWjgDK,yBXwgDL,iHWpgDK,wBVrZkB,CD85DvB,+FWrgDK,kBN1ZM,CLo6DX,iHWvgDO,yBX4gDP,qOWvgDO,yBX8gDP,oBWxgDG,mFACA,eACA,WV7aI,cU+aJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,WACA,CX2gDH,mCWtgDK,kBXygDL,kCWrgDK,4BACA,QACA,sBAEA,eACA,cVvbY,oBUybZ,oBACA,eACA,gBACA,mBACA,eACA,CXwgDL,wCWrgDO,yBACA,kBACA,MACA,QACA,WACA,UACA,mEACA,CXwgDP,2BWlgDG,kBXqgDH,oCWlgDK,wBACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kCACA,2CACA,CXqgDL,6CWlgDO,kBXqgDP,4HWhgDW,UVnfJ,CDu/DP,YW3/CC,iCAEA,cACA,CX+/CD,eW3/CC,iCVhgBmB,kBUkgBnB,kBACA,mBACA,iBACA,CX+/CD,sBW5/CG,uEACA,aN1gBY,CL0gEf,qBW3/CG,mEACA,aN/gBQ,CL8gEX,iBW1/CG,mBX6/CH,2BWz/CG,gCACA,cACA,WACA,YACA,aACA,gCACA,mBV5hBsB,WALlB,eUoiBJ,QACA,CX4/CH,6CWz/CK,SX4/CL,gHWt/CK,oBXy/CL,iCWr/CK,mBXw/CL,sBWn/CG,gBXs/CH,oKWl/CO,gBXigDP,0DW1jDD,eA+DI,gBX+/CD,CACF,aW3/CC,iCACA,CX+/CD,eW5/CG,cVvkBiB,oBUwkBjB,CX+/CH,qBW5/CK,0BX+/CL,WWz/CC,mCACA,cACA,CX6/CD,cW1/CG,sCACA,CX6/CH,aWz/CG,cVxlBsB,yBUylBtB,qBACA,eACA,CX4/CH,0DWv/CK,cX0/CL,6BWn/CC,gCV1mBmB,CDmmEpB,mCWr/CG,kCACA,iBACA,CXy/CH,2CWr/CG,cVpnBiB,eUqnBjB,CXy/CH,mUWr/CO,gBXygDP,0DW1hDD,6BAuBI,gBXwgDD,CACF,YWpgDC,4BACA,sBACA,CXwgDD,SWpgDC,8BN5oBM,YM8oBN,qBACA,mCACA,oBACA,CXwgDD,aWrgDG,sBACA,CXwgDH,gBWngDC,iCVxpBmB,UU0pBnB,CXugDD,qBWpgDG,4BACA,CXugDH,cWjgDG,mBXqgDH,qBWlgDK,gBXqgDL,+JWjgDS,gBXghDT,2CWtgDG,oDACA,WVzrBI,qCU2rBJ,oCACA,kBACA,aACA,kBACA,CX2gDH,+CWxgDK,WVlsBE,yBUmsBF,CX4gDL,mLWvgDO,qBX6gDP,yDWxgDK,8BACA,iBACA,CX4gDL,yYWxgDS,gBX4hDT,iEWvhDO,gBX2hDP,mBWphDC,4BACA,kBACA,CXwhDD,2DWphDG,cXwhDH,4BWnhDG,sCACA,CXuhDH,qBWlhDC,+BV7uBmB,CDowEpB,yBWnhDG,kBXshDH,mBWjhDC,kCACA,CXqhDD,sBWlhDG,0BV7vBI,kBU+vBJ,mBACA,SACA,SACA,CXqhDH,2BWjhDG,cXohDH,cW/gDC,aNvwBY,CL0xEb,ySWzgDG,gCXkhDH,YW7gDC,yCACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,kCACA,CXihDD,qBW9gDG,cXihDH,6BW7gDG,gCACA,aACA,eACA,+BACA,CXghDH,mBW5gDG,yBACA,oBACA,gBACA,eACA,qBAEA,WACA,gCACA,CX+gDH,mBW3gDG,qBN3zBY,eM4zBZ,CX8gDH,0BW3gDK,mBN/zBU,eMg0BV,CX8gDL,mBWxgDC,mBX4gDD,4BWzgDG,4CACA,eACA,YACA,CX4gDH,2BWxgDG,gCACA,OACA,sBACA,cACA,aACA,CX2gDH,+BWxgDK,8BACA,iBACA,kBACA,SACA,CX2gDL,6BWvgDK,sBX0gDL,oCWrgDG,mBXwgDH,+BWpgDG,4DACA,kBACA,kBACA,kBACA,iBACA,CXugDH,qCWpgDK,oCACA,cACA,YACA,SACA,kBACA,MACA,SACA,CXugDL,wBWlgDG,oCACA,kBACA,CXqgDH,QYr4EG,mCACA,cACA,kCACA,CZy4EH,oCY74EC,QAOI,gBZ04EH,CACF,4EYp4EO,mBZu4EP,WYj4EG,+BACA,gBACA,yBACA,CZo4EH,eYj4EK,yBACA,YACA,SACA,oBACA,yEACA,CZo4EL,oCYh5EC,WAgBI,aZo4EH,CACF,oCYr5EC,WAoBI,aZq4EH,CACF,WYj4EG,+BACA,aACA,2BACA,mBACA,mBACA,yBACA,CZo4EH,oCY34EC,WAUI,gBZq4EH,CACF,mBYl4EK,cRnDJ,WACA,YACA,yCQqDI,CZu4EL,uBYp4EO,uBACA,cACA,SACA,kBRnEN,iBACA,oDACA,kBQoEM,CZy4EP,yBYp4EK,gCACA,CZu4EL,gCYp4EO,0BX/EA,gBWiFA,gBACA,sBACA,CZu4EP,8BYn4EO,6BACA,cXrFa,gBWuFb,gBACA,sBACA,CZs4EP,YY/3EC,iCACA,eACA,CZm4ED,4GY33EG,0BX7GI,gBW+GJ,qBACA,iBACA,oBACA,CZm4EH,qBY/3EG,gBPrHI,oBOsHJ,WXvHI,eWyHJ,aACA,CZk4EH,iBY93EG,eZi4EH,sCY53EG,sCXhIiB,CDigFpB,mBY53EG,yBACA,CZ+3EH,uBY53EK,qCACA,CZ+3EL,mBY13EG,2BACA,CZ63EH,uBY13EK,oCACA,CZ63EL,sBYx3EG,yBACA,CZ23EH,oCYt7ED,YA+DI,kBZ23ED,kBYx3EG,aZ23EH,sCYt3EG,qBZ03EH,CACF,cYr3EC,mBX1KwB,mCW2KxB,cXzJiB,eW2JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,eACA,CZy3ED,0BYt3EG,0BZy3EH,wBYr3EG,qCACA,CZw3EH,cYn3EC,qCACA,eACA,kBACA,eACA,iBACA,gBACA,cX3MmB,mCW6MnB,kCACA,CZu3ED,wBYp3EG,cPlNY,sCOmNZ,iCACA,CZu3EH,oBYn3EG,kDACA,+BACA,CZs3EH,yBYj3EC,kCACA,gBACA,+CAEA,0DACA,gBACA,CZq3ED,4BYl3EG,4CACA,CZq3EH,wDYh3EG,mCACA,kBACA,gBACA,gBACA,mBACA,sBACA,CZo3EH,4BYh3EG,4BACA,cACA,cXzPiB,+BW2PjB,CZm3EH,4BY/2EG,2BX/PiB,CDknFpB,2BY92EG,cXjQsB,oBWkQtB,CZi3EH,oGY52EK,0BZ+2EL,mCY12EG,sEACA,CZ62EH,qCY12EK,cPpRU,eOqRV,CZ62EL,yCYz2EK,aPzRU,CLqoFf,uCYv2EG,gBZ02EH,uCYr2EC,WZy2ED,iBa9oFC,qDACA,gBACA,kBACA,CbkpFD,oCatpFD,iBAOI,gCACA,eACA,CbmpFD,CACF,2BahpFG,yBACA,eACA,CbmpFH,+Ea/oFK,0BbmpFL,qCa9oFG,WbipFH,wBa7oFG,kBZtBsB,CDsqFzB,4Ga3oFK,sCbgpFL,6IazoFO,yCACA,Cb8oFP,gJatoFO,0Bb2oFP,iLapoFS,kBbyoFT,oCanoFK,4GAGE,0BbsoFL,CACF,qCajoFG,mBbooFH,oBa/nFC,2BACA,mBZtEwB,WANlB,oBY+EN,iBACA,YACA,iBACA,QACA,CbmoFD,wBahoFG,uBACA,sBACA,gBACA,CbmoFH,yCahoFK,SZ5FE,CD+tFP,wCa/nFK,YZ1FoB,CD4tFzB,+Ea3nFG,mBb8nFH,2Ia3nFK,ab8nFL,2IatnFK,kBR/GM,CLwuFX,uMatnFO,YRlHI,CL2uFX,oCannFG,wBACE,absnFH,CACF,wDa/mFG,abonFH,sCahnFG,2CACA,CbonFH,sDajnFK,kBACA,CbqnFL,wDajnFK,gBbqnFL,wDa/mFK,gCACA,kBACA,CbqnFL,kFajnFK,iCACA,WACA,WACA,UACA,CbqnFL,oMa/mFK,gBbsnFL,kEa5mFK,8BACA,CbinFL,oFa7mFK,cZtKY,YYuKZ,eACA,WACA,eACA,eACA,CbinFL,8Ga7mFK,6BACA,uBAEA,cACA,CbinFL,wJa9mFO,ebknFP,sEa7mFK,8BACA,WACA,cACA,CbinFL,8FazmFK,WdvNN,UACE,4EACA,CAGF,QACE,qCACA,kBACA,sBACA,WAEA,oCACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,UACA,CAEA,2CAGE,oDACA,CAGF,qBACE,gBAEA,kFAGE,yBACA,gBAIJ,iBACE,yBACA,eAGF,wGAIE,gCACA,YACA,oBACA,gBACA,CAGF,2BACE,WACA,kBE7DoB,CF+DpB,oGAGE,yBAIJ,6BACE,kBElEoB,CFoEpB,0GAGE,yBAIJ,yBACE,gCACA,YACA,cAEA,2CACA,iBACA,kBACA,wBACA,CAEA,8FAGE,kCACA,CAGF,kCACE,WAIJ,sBACE,wBACA,CAIJ,aACE,+BACA,cAEA,mCACA,eACA,4BACA,CAEA,0DAGE,2CACA,CAGF,sBACE,4BACA,CAGF,oBACE,aEjIsB,CFoIxB,+BACE,SAGF,sEAGE,oBAGF,sBACE,aElJiB,CFoJjB,qFAGE,cAGF,+BACE,cAGF,6BACE,aE5JoB,CF8JpB,sCACE,cAKN,uBACE,qDACA,qBACA,kBACA,WACA,CAEA,6BACE,8BAKN,kBACE,cACA,mCACA,eACA,gBACA,eACA,cACA,iBACA,UACA,4BACA,CAEA,yEAGE,2CACA,CAGF,2BACE,yBACA,CAGF,yBACE,aE1MsB,CF6MxB,oCACE,SAGF,qFAGE,oBAIJ,eACE,iDACA,uBAGF,WACE,0BACA,qBACA,QACA,SACA,iBACA,CAEA,8BAEE,sCACA,oBACA,kBACA,kBACA,CAKF,gBACE,YAIJ,sCACE,wBACA,CAOF,sEACE,aMhQU,CNmQZ,sBACE,aMrQY,CNwQd,4BACE,8BACA,oBACA,CAEA,kCACE,WACA,0BAIJ,cACE,6BACA,gBACA,uBACA,kBACA,CAEA,qBAGE,8BACA,CAOF,wCAVE,0BACA,iBAGA,uBACA,gBACA,kBACA,CAGF,mBAGE,eAQA,2BACE,0BAIJ,qBACE,sBACA,eACA,iBACA,uBACA,mBACA,eACA,CASA,sDACE,2BACA,kBACA,mBACA,CAKN,oBACE,gBAGF,uBACE,eAGF,cACE,6BACA,YACA,aACA,mBACA,uBACA,qBACA,CAEA,4CACE,eACA,eACA,sEACA,oDAGF,2BACE,kBAGF,oEACE,aAIJ,gBACE,6BACA,YACA,aACA,mBACA,sBACA,CAEA,oBACE,eACA,eACA,uBACA,sBACA,oDAIJ,UACE,qBAGF,mBACE,8BACA,CAGF,0BACE,mDACA,QACA,CAGF,eACE,mBACA,gCACA,sCACA,CAEA,kBACE,gBAIJ,sBACE,0BACA,SACA,0BACA,CAEA,2BACE,2BACA,2BACA,yBEpaiB,CFwanB,0BACE,6BACA,uBACA,wBE3aiB,CF+anB,6BACE,0BACA,uBACA,2BElbiB,CFsbnB,4BACE,0BACA,2BACA,0BEzbiB,CF+bnB,uBACE,gCACA,cACA,iBACA,sBACA,qBACA,mBAEA,WACA,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,WACA,uCACA,kBACA,CAEA,mDACE,UAGF,mDACE,mBACA,aErgBe,CF0gBrB,gBACE,sBAGF,gBAEE,oCEngBgB,CFsgBhB,mBACE,+BACA,mBACA,iBACA,CAGF,kBACE,iCACA,CAIJ,UACE,gCACA,cACA,eACA,CAGF,gBACE,4BACA,kBACA,WAEA,uCACA,eACA,gBACA,gCACA,yBACA,CAEA,oBACE,8BACA,CAGF,uBACE,6CEtjBsB,CDmyGzB,oCI1wGC,6GLqiBI,4CACA,CCyuFH,CACF,gHD3uFK,4CACA,CAIJ,gCACE,4BACA,CC4uFH,oCDvuFC,wBACE,aC2uFD,CD5uFD,yBACE,aAIJ,YACE,oCACA,cACA,iCACA,qBACA,CAEA,kCACE,gBAGF,yBAXF,YAYI,eC+uFD,CD5uFD,kBACE,kCACA,CAGF,oBACE,gCACA,gBACA,CAKF,yBADF,uBAEI,aC6uFD,CDzuFH,cACE,uCACA,eACA,6BACA,SACA,UACA,yBACA,4GACA,uCACA,CAGF,gCACE,4BACA,WACA,YACA,gBACA,UACA,kBACA,SACA,CAGF,wBACE,8BACA,uBACA,CAGF,oBACE,uBACA,UACA,mBACA,yBAEA,wBAGF,qEACE,yBAGF,2CACE,wBE3pBwB,CF8pB1B,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,sBACA,sBACA,wBACA,CAGF,2CACE,8BEttBwB,CF0tB1B,2CAEE,kBE7tBwB,CFguB1B,0BACE,iCACA,CAGF,iBACE,mBACA,cAEA,mBACE,aE5uBiB,CF+uBnB,mBACE,aEnuBc,CFsuBhB,wBACE,sEAGF,iDAGE,oCACA,CAEA,uDACE,mBAGF,6DACE,eAGF,qDACE,cACA,eAEA,yDACE,cACA,0BAIJ,qDACE,kCEhxBe,CFmxBf,qMAGE,0BAMR,oBACE,uCACA,eACA,iBACA,gBACA,mBAEA,gCACA,CAGF,oBACE,+BACA,CAEA,0BACE,8BACA,CAGF,uBACE,mBAGF,wBACE,qCACA,yBACA,wBACA,CAIJ,cACE,cACA,mCAEA,sDACA,cACA,oBACA,mBACA,cACA,UACA,CAEA,yCAEE,WACA,2BEx0BsB,CDoiHzB,oCInhHC,yDL2zBE,eC4tFD,CDztFD,oBACE,WACA,gCAEA,qDAEE,WACA,2BEt1BoB,CF21B1B,kDACE,oCACA,6CACA,uBACA,sBACA,UACA,CAEA,yDACE,uBAIJ,yDACE,kDACA,CAGF,+CACE,cACA,6BAGF,sDACE,aEn3BwB,CFs3B1B,wDACE,cAGF,WACE,4BAEA,sCACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,oBACA,CAEA,iBACE,mBAIJ,UACE,gCAGF,mBACE,iBAGF,oEACE,6BAGF,+BACE,kCACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,YAEA,CAEA,uCACE,WACA,gCACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,+BACA,CAGF,sCACE,2CACA,WACA,YACA,eACA,cAEA,sCACA,uBACA,kBACA,CAGF,qCACE,oBAEA,4CACE,+BAKN,UACE,+BACA,oBACA,kBACA,cACA,SACA,uBACA,cACA,CAGF,mBACE,cACA,+BACA,yBACA,iBACA,kBACA,QACA,SACA,uCACA,+BAEA,wBACE,yBACA,mCAEA,+CACA,kBACA,CAIJ,2BACE,0BACA,SACA,uCACA,0CACA,YACA,sBACA,6BACA,yBAEA,iBACA,CAGF,0CACE,gJAGF,6CACE,kJAGF,iCACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CC6sFD,CDruFH,yBACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CC6sFD,CDzsFH,gCACE,GAAK,YACL,IAAM,UACN,GAAO,YCitFN,CDptFH,wBACE,GAAK,YACL,IAAM,UACN,GAAO,YCitFN,CD9sFH,gBACE,sBACA,kBACA,0CACA,QACA,WACA,CAEA,wCACE,cAIJ,gBACE,8BACA,CAGF,kEAGE,cACA,wCACA,gBACA,qBACA,CAGF,eACE,8BACA,CAGF,sBACE,gBAGF,6BACE,cACA,6BACA,gBACA,eACA,CAGF,sBACE,sBAGF,qBACE,YAGF,6BACE,GACE,qFACA,0EACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCC4sFD,CDpuFH,qBACE,GACE,qFACA,0EACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCC4sFD,CDxsFH,eACE,8GAGF,aACE,iDACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,YACA,CAEA,eACE,oBAIJ,mBACE,yBACA,aACA,sBACA,kBACA,WACA,CAGF,yBACE,wBACA,QACA,SACA,OACA,WACA,kBACA,mBAEA,kCAGF,sBACE,oBACA,mBACA,uBACA,cAEA,+BACA,0BACA,iBACA,CAGF,oCACE,8BACA,YAGF,aACE,yBACA,6BACA,MACA,MACA,CAGF,oBACE,kBAGF,YACE,gCACA,aACA,WACA,yBAEA,gCACA,UACA,UACA,CAGF,0BACE,gBAGF,SACE,kBAEA,aACE,uBACA,sCACA,8BAGF,aACE,gCACA,cAEA,gBAEA,eACE,cACA,0BAEA,qBACE,qBAMR,2BACE,GAAK,UACL,IAAM,YACN,GAAO,UC2sFN,CD9sFH,mBACE,GAAK,UACL,IAAM,YACN,GAAO,UC2sFN,CACF,gCc77HC,w+Kdg8HD,sCc77HG,w+Kdg8HH,8Mcl7HG,qkBd07HH,Se38HC,6CACA,cACA,oBACA,Cf+8HD,gCe58HG,4BACA,cdJiB,gBcMjB,qBACA,cACA,Cf+8HH,ee38HG,qBACA,Cf88HH,wCe58HkC,iBf+8HlC,6Be58HK,4BACA,Cf+8HL,kBez8HC,af68HD,yBez8HC,4BACA,iBACA,Cf68HD,iBI/+HC,iBACA,oDACA,kBWqCA,cACA,Cf+8HD,wBe58HG,2CACA,gBACA,Cf+8HH,yBe18HC,kBX5CA,WACA,YACA,0BJ2/HD,8BI7/HC,WACA,YACA,0BJmgID,+DI3gIC,iBACA,mDACA,CJqhID,iCIjhIC,WACA,YACA,4CWsDE,SACA,QACA,SACA,Cfs9HH,uBej9HC,yBACA,kBACA,Cfq9HD,0Bej9HC,gCACA,Cfq9HD,qBej9HC,0BdjEgB,CDuhIjB,4Bel9HG,gBfq9HH,kMej9HO,gBfg+HP,uBe19HG,8BACA,yBACA,Cf69HH,wFex9HK,qBf29HL,qBer9HC,6DACA,iBACA,gBACA,cACA,YACA,Cfy9HD,2Ber9HC,2BACA,iBACA,iBACA,Cfy9HD,0Ber9HC,qCACA,cACA,8BACA,eACA,mCACA,Cfy9HD,sCet9HG,cfy9HH,iCer9HG,gCfw9HH,+Bep9HG,uCACA,eACA,ad3IiB,CDmmIpB,iCen9HG,6BACA,gBACA,UdrJI,CD4mIP,2Nel9HO,gBfi+HP,+Be39HG,ad1JsB,CDwnIzB,mBez9HC,kBf69HD,kDe19HG,iCACA,eACA,Cf69HH,2Bex9HC,4BACA,Cf49HD,uBex9HC,sCACA,eACA,cdnLmB,ecqLnB,iBACA,Cf49HD,2Bez9HG,adtLsB,CDkpIzB,4Bex9HG,8BACA,sBACA,Cf29HH,gBet9HC,gDACA,gCACA,aACA,mBACA,cACA,Cf09HD,iDer9HC,+BACA,Cf09HD,wBet9HC,+BACA,Cf09HD,0Bet9HC,cdxNmB,ecyNnB,cACA,gBACA,kBACA,Cf09HD,iDer9HG,mBfy9HH,mDIxoIC,gCACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,QACA,CJ2oID,qEIxoIG,SJ2oIH,wLIroIG,oBJwoIH,yDIpoIG,mBJuoIH,oCe1+HG,mDXzJA,eJuoID,CACF,uDe1+HK,cd7NY,iBc8NZ,cACA,Cf6+HL,2Dez+HK,iBf4+HL,uDex+HK,mBf2+HL,+Dex+HO,ef2+HP,gNet+HS,gCACA,Cfy+HT,+Gel+HK,adpQe,CDyuIpB,yHeh+HK,+BACA,ad7PY,CDiuIjB,iZe99HO,cfi+HP,+De59HK,yBf+9HL,gDInqIC,gBACA,kCAGA,cHjEiB,uCGmEjB,UWmMI,kBd1Re,CD+vIpB,mDIrqIG,uCHtEe,eGwEf,gBACA,kBACA,CJwqIH,mDIpqIG,cJuqIH,mDInqIG,mBJsqIH,mDIlqIG,0BH7GI,CDmxIP,qDej/HK,Yfo/HL,kDeh/HK,WdtSE,kBcuSF,cACA,Cfm/HL,6He/+HO,mBfk/HP,gCe1+HG,mBf8+HH,kBez+HC,WdzTM,kBc0TN,cACA,mBACA,sBd3TM,yBc6TN,eACA,gBACA,YACA,kBACA,UACA,Cf6+HD,wBe1+HG,Uf6+HH,4Bex+HC,oCACA,eACA,WACA,Cf4+HD,uBex+HC,sBACA,gBACA,iBACA,Cf4+HD,8Bez+HG,yBACA,gBACA,Cf4+HH,yBex+HG,qCACA,wBACA,WACA,MACA,OACA,sBdlWI,sBcoWJ,wBACA,kBACA,cdnWoB,qBcqWpB,iBACA,Cf2+HH,8Fet+HK,uBd5We,CDs1IpB,mHet+HO,yBACA,WACA,YACA,8BACA,iBACA,Cfy+HP,8Ben+HG,0BACA,SACA,uCACA,6CACA,Cfs+HH,qDeh+HC,mDACA,eACA,aACA,aACA,Cfq+HD,mEel+HG,4BACA,QACA,Cfs+HH,4Hej+HG,4BACA,cdpZiB,ecsZjB,eACA,gBACA,kBACA,qBACA,iBACA,Cfu+HH,wJep+HK,ad9Ze,CDw4IpB,oWet+HO,yBACA,kBACA,SACA,SACA,QACA,SACA,mCACA,wEAGA,4Cf++HP,gLe3+HO,wDACA,Cfi/HP,qBez+HC,0CACA,6BACA,+BACA,Cf8+HD,8Be3+HG,mCACA,cdnbc,gBcubd,cACA,Cf8+HH,mCe3+HK,8BACA,sBACA,Cf8+HL,mCez+HG,4BACA,Cf4+HH,sDex+HG,kBf2+HH,oDev+HG,gBf0+HH,0Ber+HC,cd7dmB,ec8dnB,gBACA,gBACA,kBACA,oBACA,Cfy+HD,4Bet+HG,mBfy+HH,uCet+HK,gBfy+HL,4Bep+HG,uCACA,Cfu+HH,kCep+HK,qBfu+HL,iBej+HC,gBfq+HD,0Bel+HG,Wfq+HH,6Fej+HK,sDfq+HL,uBeh+HG,2BACA,SACA,Cfm+HH,wBe/9HG,6BACA,kBACA,kBACA,Cfk+HH,4Be/9HK,kFACA,WACA,YACA,QACA,Cfk+HL,sBe79HG,qCACA,YACA,+BACA,Cfg+HH,8Be79HK,4BACA,WACA,gBACA,Cfg+HL,+Ce79HO,2CACA,Cfg+HP,uBe19HG,oCACA,gBACA,gBACA,Cf69HH,gCe19HK,gCACA,iBACA,eACA,Cf69HL,6Ce19HO,2CACA,uBACA,WACA,Cf69HP,wCez9HO,af49HP,6Bev9HK,Yf09HL,2Cev9HO,mBf09HP,uCet9HO,sBACA,Cfy9HP,gCer9HO,gCACA,WdnlBA,gBcqlBA,gBACA,mBACA,sBACA,Cfw9HP,sCer9HS,6BACA,cdzlBW,gBc2lBX,gBACA,sBACA,Cfw9HT,+Bel9HK,cfq9HL,sBeh9HG,6BACA,Cfm9HH,gDe/8HK,gCdhnBE,CDokJP,+Ce/8HK,qCACA,Cfk9HL,iDe/8HO,cfk9HP,wEe98HO,wBfi9HP,2De78HO,aV/nBQ,CL+kJf,wBe18HG,ef68HH,+Be18HK,4BdvoBe,CDqlJpB,iCe18HO,mCd3oBa,qBc6oBb,uBAEA,eACA,Cf68HP,wCe18HS,0BdtpBF,CDomJP,QgBpmJC,4CACA,ChBwmJD,6BgBrmJG,4BACA,WfLI,qBeOJ,eACA,eACA,ChBwmJH,iBgBnmJC,ahBumJD,gBgBnmJC,yBACA,kBACA,ChBumJD,8BiB3nJC,ejB+nJD,iBiB3nJC,gCACA,eACA,iBACA,qBACA,iBACA,eACA,CjB+nJD,oBiB5nJG,kBjB+nJH,wBiB3nJG,gBjB8nJH,oBiB3nJM,uBjB8nJN,oBiB7nJM,0BjBgoJN,4BiB7nJG,wCACA,CjBgoJH,uBiB5nJG,UjB+nJH,2BiB3nJG,uBACA,eACA,CjB8nJH,mBiB1nJG,uCACA,CjB6nJH,8BiB1nJK,gBjB6nJL,mBiBxnJG,cZnCY,oBYoCZ,CjB2nJH,yBiBxnJK,0BjB2nJL,6BiBxnJO,cjB2nJP,iCiBrnJO,qBjBwnJP,sCiBrnJS,0BjBwnJT,uBiBlnJK,ahBtDY,CD2qJjB,2CiBhnJG,ajBmnJH,6EiBhnJK,cjBmnJL,sDiB3mJK,mBjBknJL,+BiB3mJC,uCACA,mBACA,YACA,WhBhGM,gBgBkGN,eACA,cACA,yBACA,oBACA,eACA,qBACA,CjB+mJD,qCiB5mJG,uCACA,CjB+mJH,8DiB3mJG,sCACA,sBACA,kBACA,eACA,mBACA,CjB8mJH,6DiBxmJG,qBjB4mJH,2BiBvmJC,chBhHgB,SgBiHhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,+BACA,CjB2mJD,8BiBvmJC,iCACA,WACA,gBACA,CjB2mJD,qBiBvmJC,iDAGA,CjBymJD,8BiBtmJG,gBjBymJH,iBiBnmJG,4BACA,CjBumJH,uCiBpmJK,mBjBumJL,6CiBpmJO,uBjBumJP,gFiBjmJK,mBjBqmJL,QiB/lJC,oCACA,YACA,gCACA,eACA,UAaA,mCACA,2BjBulJD,wDiB1mJD,QAUI,mBjBomJD,CACF,wBiBjmJG,GAAK,UjBqmJN,GiBpmJQ,UjBumJR,CACF,gBiBzmJG,GAAK,UjBqmJN,GiBpmJQ,UjBumJR,CACF,sBiBjmJG,ejBomJH,sBiBhmJG,mBjBmmJH,qCiB9lJK,ahB/Me,CDgzJpB,uEiBxlJO,UhB3NA,CDyzJP,iCiB1lJO,ahB5Na,CDyzJpB,+BiBxlJK,UhBpOE,CD+zJP,iCiBxlJO,ahBjOkB,CD4zJzB,+DiBvlJO,WhB3OA,kBAIgB,CDk0JvB,qEiBvlJS,mBjB0lJT,kBiBnlJG,8CACA,yBACA,4DjBslJH,wCiBnlJK,gCACA,OACA,QACA,MACA,SACA,6FACA,oBACA,UACA,CjBslJL,0DiBllJK,qBjBqlJL,mCiBjlJK,4BACA,uBACA,aACA,CjBolJL,yCiBjlJO,6BACA,MACA,SAAQ,OACR,QAAS,wDACT,mBACA,CjBslJP,2CiBllJO,qBjBqlJP,+CiBjlJK,wDjBolJL,uDiBjlJK,wDjBolJL,yCiBhlJK,gBjBmlJL,4DiB/kJK,mBjBklJL,+BiB7kJG,oBjBglJH,8CiB1kJG,uBjB8kJH,oEiB3kJK,cjB8kJL,uBiBxkJC,sCACA,kBACA,YACA,chBhTgB,egBkThB,iBACA,mBACA,gBACA,sBACA,CjB4kJD,sBiBxkJC,gChB1TgB,egB4ThB,CjB4kJD,6CiBxkJC,4BACA,CjB4kJD,ciBxkJC,2BACA,CjB4kJD,mBiBzkJG,sCACA,CjB4kJH,0CiBxkJG,qBjB2kJH,qBiBtkJC,8BACA,mBACA,WACA,ahBrVoB,CDg6JrB,yCiBvkJG,kCACA,CjB0kJH,8CiBtkJG,iBjBykJH,uBiBpkJC,+BACA,CjBwkJD,kBiBpkJC,4CACA,CjBwkJD,4CiBrkJG,8BACA,CjBwkJH,2DiBrkJK,gBjBwkJL,6DiBpkJK,4BACA,CjBukJL,0DiBnkJK,8BACA,CjBskJL,2EiBlkJK,ejBqkJL,yBiB/jJC,gCACA,cACA,uBACA,YACA,CjBmkJD,iBiB/jJC,sChB7YgB,wBgB+YhB,eACA,iBACA,CjBmkJD,8CiBhkJG,ahBpZc,CDu9JjB,sBiB/jJG,8BACA,sBACA,CjBkkJH,oBiB7jJC,gCACA,cACA,CjBikJD,6BiB9jJG,sCACA,kBACA,CjBikJH,wDiB9jJK,iBjBikJL,oCiB7jJK,gCACA,eACA,gBACA,ahB/agB,CDg/JrB,2BiB1jJC,kBjB8jJD,6BiB1jJC,4BACA,CjB8jJD,sCiB1jJC,2BACA,mBACA,uBACA,iBACA,CjB8jJD,iBiB1jJC,oCACA,CjB8jJD,uBiB3jJG,4BACA,8BACA,sBACA,CjB8jJH,sFiB1jJK,UjB8jJL,kCiBzjJG,+BACA,CjB4jJH,4CiBzjJK,uBACA,eACA,CjB4jJL,+BiBvjJG,ejB0jJH,uBiBrjJC,8BhBxegB,egB0ehB,gBACA,CjByjJD,6BiBrjJC,gDACA,gCACA,aACA,mBACA,cACA,CjByjJD,uBiBrjJC,kCACA,CjByjJD,sDiBpjJC,qCACA,eACA,eACA,CjByjJD,4JiBhjJC,qBjByjJD,2DiBnjJG,UhBhiBI,CDwlKP,iBiBljJG,WjBsjJH,+JiB7iJG,0BjBojJH,8BiB/iJC,8BACA,sBACA,CjBmjJD,yDiB9iJC,cjBmjJD,+BiB/iJC,chB5jBmB,cgB6jBnB,iBACA,mBACA,eACA,CjBmjJD,0EiB/iJG,qCACA,eACA,CjBmjJH,sCiB/iJG,yBhB7kBI,CDgoKP,iCiB7iJC,4BACA,CjBijJD,gBiB7iJC,4BACA,YACA,UACA,CjBijJD,gHiBtiJG,ahBtlBc,CDqoKjB,uBiB3iJG,WjB8iJH,uCiB1iJG,mBhBrmBoB,UAThB,CD4pKP,6CiB1iJK,uCACA,CjB6iJL,8DiBriJG,0BjB0iJH,aiBriJC,4BACA,yBACA,kBACA,chBnnBgB,gBgBqnBhB,qBACA,eACA,CjByiJD,sBiBtiJG,gBACA,kBACA,QACA,KACA,CjB4iJH,gDiB3iJG,oCACA,kBACA,CjBkjJH,0BiB/iJK,4CACA,iBACA,aACA,CjB4iJL,qDiBpiJK,0BhB/pBE,uBgBiqBF,SACA,cACA,qBACA,WACA,eACA,gBACA,CjBwiJL,qMiBniJO,UjByiJP,wBiBpiJK,iCACA,WACA,CjBuiJL,8DiBniJK,cjBsiJL,ciBhiJC,ejBoiJD,oBiBjiJG,mBjBoiJH,mBiB/hJC,6BACA,qBACA,WACE,YACA,QACA,CjBmiJH,0BiB9hJG,sBACA,CjBkiJH,oBiB7hJC,8BACA,kBACA,chBptBmB,gBgBstBnB,uBACA,mBACA,oBACA,CjBiiJD,sBiB7hJC,8BACA,0BACA,CjBiiJD,0BiB7hJC,ahBnuBmB,CDowKpB,mBiB7hJC,6BACA,eACA,gBACA,uBACA,kBACA,CjBiiJD,oBiB7hJC,kCACA,iBACA,CjBiiJD,wBiB9hJG,iCACA,iCACA,iCACA,SACA,uCACA,+BjBiiJH,wBiB5hJC,cjBgiJD,4CiB7hJG,WjBgiJH,kDiB5hJG,0BjB+hJH,4CiB3hJG,oBjB8hJH,qBiBzhJC,qBjB6hJD,iCiB1hJG,SjB6hJH,2CiBxhJG,qBjB4hJH,yCiBxhJG,mBjB2hJH,yCiBvhJG,cjB0hJH,4BiBrhJC,yBjByhJD,0BiBrhJC,wCACA,SACA,WACA,YACA,oBACA,sEACA,uBACA,CjByhJD,sBiBrhJC,gCACA,gBZvzBM,sBYyzBN,eACA,eACA,gBACA,iBACA,CjB0hJD,iCI5yKG,qCACA,cACA,eACA,aACA,eACA,CJ+yKH,4BiB5hJC,kCACA,sEACA,QACA,mCACA,sCACA,SACA,CjBgiJD,4CiB7hJG,gCACA,gDjBgiJH,wDiB1hJC,WhBn1BM,WgBo1BN,kBACA,UACA,yCACA,CjB+hJD,8BiB3hJC,wBhB31BM,SgB61BN,kBACA,0CACA,QACA,WACA,CjB+hJD,oEiB5hJG,cjB+hJH,6BiB1hJC,sBACA,CjB8hJD,2BiB1hJC,iBACA,CjB8hJD,iBiB1hJC,4BACA,yBACA,kBACA,gBACA,eACA,CjB8hJD,uBiB3hJG,4BhB32Bc,iBgB62Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,cACA,CjB8hJH,2BiB3hJK,cjB8hJL,uBiBzhJG,sCAEA,aACA,sBACA,sBACA,CjB4hJH,0BiBzhJK,2BACA,CjB4hJL,yBiBxhJK,mChBz4BY,egB24BZ,CjB2hJL,+BiBxhJO,0BjB2hJP,yBiBrhJG,uBACA,CjBwhJH,gDiBrhJK,uBACA,CjBwhJL,6BiBphJK,ahB75BY,CDo7KjB,4BkBp8KC,mBlBw8KD,YkBp8KC,gDACA,oBACA,YACA,ClBw8KD,qBkBp8KC,qBACA,OACA,QACA,SACA,6BACA,ClBw8KD,uBkBp8KC,qBACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,4DlBw8KD,mBkBp8KC,iCACA,YACA,ClBw8KD,4CkBl8KC,mBjBzCmB,WAHb,kBiB8CN,gBACA,aACA,qBACA,ClBw8KD,yBkBp8KC,uBACA,gBACA,gBACA,ClBw8KD,6DkBr8KG,uBACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,4DlBw8KH,mBkBn8KC,uBACA,gBACA,iBACA,iBACA,ClBu8KD,uBkBp8KG,wBACA,OACA,WACA,YACA,sBACA,aACA,aACA,aAIA,UACA,yBACA,4DlBu8KH,0CkB58KG,yCACA,sBACA,ClBk9KH,mBkB18KC,8BAIA,ClBs8KD,oCkBl8KC,kBACE,uBACA,eACA,ClBs8KD,yBkBl8KC,uBACA,eACA,gBACA,aACA,ClBs8KD,CACF,kDkBj8KC,iCACA,aACA,YACA,ClBq8KD,0DkBl8KG,elBs8KH,sLkBj8KG,cjBlIiB,SiBmIjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,4BACA,ClBu8KH,8mBkBl8KK,sCACA,ClB88KL,wyEkBp8KO,WlBk+KP,qBkB39KC,uBlB+9KD,wBkB39KC,2BACA,mBACA,sBACA,ClB+9KD,uBkB39KC,uBACA,mBACA,mBACA,aACA,cACA,ClB+9KD,6BkB59KG,mBlB+9KH,8BkB39KG,iCACA,ClB89KH,iCkBz9KC,uCAEA,ClB69KD,yEkB19KG,oBlB69KH,wBkBx9KC,+BACA,ClB49KD,2BkBz9KG,+BACA,WjBjNI,kBiBmNJ,ClB49KH,0BkBx9KG,ajBjNsB,CD4qLzB,iGkBt9KK,clBy9KL,0CkBp9KG,clBu9KH,0BkBn9KG,6BjBlOiB,gBiBoOjB,kBACA,ClBs9KH,qCkBn9KK,gBlBs9KL,iCkBl9KK,mCjB1OoB,cAFL,kBiB+Of,eACA,eACA,ClBq9KL,2NkBj9KS,gBlBg+KT,mCkBx9KC,qBACA,ClB49KD,kCkBr9KG,sCACA,ClB29KH,qCkBx9KK,gCACA,iBACA,ClB29KL,oCkBv9KK,gBlB09KL,mCkBr9KG,sCACA,iBACA,ClBw9KH,ckBn9KC,iCACA,kBACA,ClBu9KD,qBkBp9KG,2BjBnSI,kBiBqSJ,yBACA,cACA,ClBu9KH,oBkBn9KG,mBjBtSsB,cAFL,gBiB0SjB,aACA,iBACA,ClBs9KH,4HkB78KG,gBlBo9KH,oJkBh9KG,iCjBzTiB,mBiB2TjB,kBACA,aACA,kBACA,eACA,qCACA,ClBs9KH,wPkBn9KK,oCACA,ClBy9KL,oNkBr9KK,mCACA,ClB29KL,2CkBp9KG,+BACA,ClBw9KH,+CkBr9KK,wBACA,ClBw9KL,2DkBr9KO,clBw9KP,0DkBp9KO,elBu9KP,iDkBn9KO,kBlBs9KP,sDkBj9KK,gBlBo9KL,qDkB/8KG,UjB7WI,CD+zLP,2DkB78KC,0BACE,+BACA,ClBi9KD,oJkB18KC,iCACA,ClBi9KD,2CkB78KC,mBlBi9KD,qDkB78KC,0BACA,ClBi9KD,CACF,iBkB78KC,oCACA,gBACA,gBACA,ClBg9KD,yGkBv8KC,8BjBtZM,kBiBwZN,gBACA,eACA,YACA,kBACA,qBACA,ClBg9KD,mQkB78KG,alBq9KH,yNkBj9KG,sBACA,SACA,UACA,ClBy9KH,kUkBr9KG,clB69KH,uBkBv9KG,gBbhbI,iBakbJ,mBACA,ClB29KH,gEkB79KG,2BjB/aiB,CD+4LpB,oDkBp9KC,8BACA,ClBy9KD,oEkBt9KG,oGACA,ClB09KH,wIkBl9KC,2CACA,mBjBzcmB,aiB2cnB,gBACA,ClBy9KD,4JkBt9KG,+BACA,cjBhdiB,kBiBkdjB,ClB49KH,gLkBx9KG,clB89KH,4DkBx9KC,elB69KD,wDkBx9KC,0BACA,ClB69KD,oBkBz9KC,elB69KD,oCkB99KD,oBAII,gBlB89KD,CACF,YkB19KC,iBlB89KD,0BkB19KC,sBlB89KD,ckB19KC,0BACA,ClB89KD,yBkB19KC,yCACA,ClB89KD,oCkBh+KD,yBAKI,8BACA,ClB+9KD,CACF,+CkB19KC,+BACA,ClB+9KD,oCkBl+KD,+CAMI,WlBi+KD,CACF,wBkB79KC,8BACA,gBACA,gBACA,iBACA,ClBi+KD,2CkB99KG,ajBnhBsB,CDo/LzB,oCkBz+KD,wBAYI,gBlBi+KD,CACF,uBkB79KC,4CACA,eACA,ClBi+KD,yBkB99KG,gCACA,kBACA,ClBi+KH,qCkB79KG,oCACA,WACA,WjB/iBI,gBICA,aakjBJ,oBACA,eACA,gBACA,UAEA,kBACA,yBACA,eACA,ClBg+KH,2CkB79KK,yBlBg+KL,uCkB39KG,kCACA,ClB89KH,8CkB39KK,WjBvkBE,ciBwkBF,ClB89KL,oCkBrgLD,uBA4CI,4BACA,OACA,ClB69KD,uCkB19KG,kBlB69KH,CACF,sBkBx9KC,alB49KD,0CkBz9KG,mBACA,ClB49KH,ekB78KC,8BACA,ClBi9KD,uBkB39KG,gCACA,ClB89KH,sBkB19KG,6BACA,ClB69KH,0CkBt9KG,gBlBy9KH,kBkBr9KG,6BACA,ClBw9KH,2BkBr9KK,SlBw9KL,mCkBn9KO,WjB5nBA,aiB6nBA,kBACA,eACA,mBACA,oBACA,ClBs9KP,6EkBl9KS,gBlBs9KT,wWkB78KW,mBjBxoBc,UANlB,CDmmMP,gJkB78KS,kBlBi9KT,gXkBr8KG,2CjB/pBiB,eiBiqBjB,eACA,ClB88KH,ksCkBz8KK,clB29KL,sCkBr9KC,qCACA,oBACA,cAEA,ClBw9KD,wFkBr9KG,sBlBw9KH,4EkBj9KC,4BACA,iBACA,ClBu9KD,iGkBp9KG,gBlBy9KH,uoBkBr9KO,gBlB8+KP,akBv+KC,8BACA,ClB2+KD,gBkBx+KG,6BACA,eACA,iBACA,ClB2+KH,qCkBv+KG,alB0+KH,2CkBv+KK,mBlB0+KL,wDkBt+KK,gCACA,cACA,WACA,YACA,aACA,gDACA,mBjBjuBoB,WALlB,eiByuBF,eAEA,ClBy+KL,0EkBt+KO,SlBy+KP,uMkBn+KO,oBlBs+KP,8DkBl+KO,mBlBq+KP,oCkB9/KG,wDA6BI,elBq+KL,CACF,0DkBj+KK,2BACA,gBACA,QACA,ClBo+KL,akB99KC,iCACA,eACA,ClBk+KD,sBkB/9KG,YlBk+KH,iBkB99KG,+BACA,WACA,YACA,WACA,ClBi+KH,sBkB79KG,8BACA,aACA,uCACA,sFACA,kBACA,uCACA,ClBg+KH,sBkB59KG,6BACA,YACA,MACA,MACA,ClB+9KH,UmBxwMC,anB4wMD,qCmBxwMC,4CnB4wMD,mBmBxwMC,yCACA,iCACA,CnB4wMD,8CmBzwMG,qBACA,CnB4wMH,yBmBxwMG,oCACA,SACA,YACA,kBACA,aACA,WACA,UACA,WlBzBI,gBICA,ec2BJ,oBACA,eACA,CnB2wMH,+BmBzwMa,UnB4wMb,oCIhyMC,uCeqB4D,enB+wM3D,CACF,wCmBhxM6D,enBmxM7D,mBmB9wMC,WlBtCM,mBkBuCN,mBlBnCsB,oCkBqCtB,iBACA,kBACA,eACA,eACA,CnBkxMD,qBmB/wMG,clB7CiB,gBkB8CjB,yBACA,CnBkxMH,kFmB9wMa,qBnBixMb,iBmB5wMC,kCACA,aACA,kBlBzDsB,CD00MvB,wBmB7wMG,iCACA,CnBgxMH,uCmB9wMwB,UlBpEjB,CDq1MP,gCmB9wMK,4BACA,CnBixML,0BmB5wMG,gCACA,eAEA,iBACA,WlBjFI,qBkBmFJ,gBACA,iBACA,qBACA,kBACA,CnB+wMH,4BmB5wMK,mBnB+wML,uCmB7wMoB,gBnBgxMpB,4BmB5wMK,clB7Fe,oBkB8Ff,CnB+wML,kCmB7wMe,0BnBgxMf,0CmB5wMS,qBnB+wMT,+CmB7wMgB,0BnBgxMhB,2BmBzwMG,uBACA,eACA,CnB4wMH,uBmBvwMC,4BACA,OACA,CnB2wMD,+GmBvwMG,oCnB2wMH,oBmBtwMC,kBnB0wMD,oCmBtwMK,oCACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WlB9IE,gBICA,ecgJF,oBACA,YACA,oBACA,CnBywML,uDmBtwMO,UnBywMP,6CmBtwMkB,kBlBvJE,CDg6MpB,0CmBxwMe,UnB2wMf,oCI15MC,kDegJ8D,enB8wM7D,CACF,mDmB/wM+D,enBkxM/D,oCIv5MC,qGewIM,sCACA,CnBmxML,CACF,2BmB7wMC,gCACA,SACA,UACA,WACA,eACA,CnBixMD,0CmB9wMG,iCACA,WACA,YACA,clB/KiB,ekBiLjB,iBACA,kBACA,UACA,CnBixMH,iCmB5wMC,gCACA,sBACA,SACA,0BACA,YACA,WACA,WlBlMM,mBAGa,sCkBkMnB,eACA,UACA,CnBgxMD,yCmB9wMa,anBixMb,uCmB7wMC,gCACA,mBACA,2BACA,kBACA,aACA,eACA,iBACA,gBACA,cACA,CnBixMD,wLmB5wMc,mBnB+wMd,kDmB3wMK,yBACA,iBACA,WACA,WACA,CnB8wML,yEmBxwMgB,alBtOI,CDi/MpB,uBmBrwMC,uBlB/OM,gBICA,cciPN,CnBywMD,gCmBtwMG,gCACA,eACA,oBACA,eACA,CnBywMH,6BmBpwMC,sBACA,aACA,CnBwwMD,iCmBrwMG,oCACA,aACA,WACA,wBACA,sBACA,4BACA,eACA,CnBwwMH,0CmBrwMK,gCACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,clBlRe,gFkBoRf,eACA,oBACA,gBACA,UACA,UACA,2BACA,CnBwwML,gDmBtwMe,Ud9RR,CLuiNP,qEmBtwMO,yBlB/Ra,CDyiNpB,gEmB1wMO,yBlB/Ra,CDyiNpB,iEmB1wMO,yBlB/Ra,CDyiNpB,uDmB1wMO,yBlB/Ra,CDyiNpB,wCmBrwMgB,0BnBwwMhB,iDmBnwMgB,UnBswMhB,gCmBhwMC,+FACA,uBACA,8BACA,UACA,2BACA,CnBowMD,6CmBjwMG,4BlBvTiB,ekByTjB,gBACA,aACA,mBACA,CnBowMH,0JmB/vMK,cnBkwML,uCmB7vMG,UnBgwMH,iCmB3vMC,0BACA,clB5UmB,ekB8UnB,CnB+vMD,qCmB5vMG,gCACA,CnB+vMH,0CmB3vMG,cnB8vMH,+CmB3vMK,6BACA,gBACA,wBACA,CnB8vML,oDmB1vMK,iCACA,kBACA,WACA,WACA,kBlB9VkB,CD4lNvB,6DmB1vMO,wBACA,OACA,WACA,kBACA,kBlBzWkB,CDumNzB,yBmBtvMC,WlBvXM,oBkBwXN,eACA,edxXM,CLmnNP,mBmBtvMC,6BACA,2CACA,0BACA,WACA,CnB0vMD,qBmBvvMG,4CACA,cACA,YACA,iBACA,qBACA,CnB0vMH,sBmBtvMG,kCACA,qBAGA,qCACA,QACA,YACA,sBACA,CnByvMH,yCmBlvMK,+DACA,WlB9ZE,mBAMkB,ekB2ZpB,CnBsvML,6CmBlvMO,6DACA,CnBqvMP,sCmB9uMC,oCACA,uCACA,gBd9aM,gBcgbN,+BACA,uBnBkvMD,4CmB9uMC,gCACA,aACA,WlBxbM,ckB0bN,CnBkvMD,qDmB/uMG,2BlB1biB,CD6qNpB,uEmBhvMyB,iBnBmvMzB,4DmBhvMK,yBlBncE,ekBqcF,CnBmvML,qGmB7uMG,mBlBrcsB,UANlB,CD4rNP,4PmB3uMc,UlBjdP,CDksNP,yDmB7uMkB,mBnBgvMlB,qBmB5uMC,kCACA,mBACA,eACA,CnBgvMD,4BmB7uMG,yCACA,eACA,gBACA,CnBgvMH,8BmB5uMG,8BACA,eACA,iBACA,CnB+uMH,+BmB3uMG,sCACA,UACA,WACA,iBACA,CnB8uMH,iCmB1uMgB,adjfH,CL8tNb,+BoBluNC,2BACA,iBACA,CpB+uND,coBzuNC,8CACA,eACA,CpBuuND,oCoBluNC,yDACE,apBsuND,yHoBluNC,mCpBquND,CACF,sHoB9tNG,YpBouNH,kCoB/tNC,gCACA,uBACA,WACA,CpBmuND,IoBntNC,2BACA,sBACA,WACA,YACA,kBACA,CpBkuND,oCoB1tNC,iDAEE,mBpBkuND,CACF,oCoB7tNG,4BACE,qBACA,YACA,eACA,SACA,CpBiuNH,kCoB7tNG,sBpBguNH,uFoB3tNG,epB+tNH,CACF,6BoB7uNK,qBACA,YACA,eACA,SACA,CpBgvNL,mCoB5uNK,sBpB+uNL,yFoB1uNK,epB8uNL,oCoBxuNC,4BACE,UpB4uND,sBoBxuNC,8BAGA,CpB2uND,kCoBxuNG,kBpB2uNH,iCoBvuNG,mBpB0uNH,wCoBpuNG,kCACA,CpBuuNH,CACF,6BoB7vNG,UpBiwNH,uBoB7vNG,8BAGA,CpBgwNH,mCoB7vNK,kBpBgwNL,kCoB5vNK,mBpB+vNL,yCoBzvNK,kCACA,CpB4vNL,oBoBtvNC,iCnBnHwB,emBqHxB,cACA,eACA,SACA,iBACA,aACA,SACA,SACA,CpB0vND,0BoBvvNG,0BpB0vNH,4BoBrvNC,4BACA,oBACA,cnBtIwB,emBwIxB,cACA,eACA,kBACA,SACA,CpByvND,kCoBtvNG,0BpByvNH,uCoBrvNG,mBpBwvNH,0BoBnvNC,qCACA,CpBuvND,0BoBnvNC,kBpBuvND,iCoBnvNC,6BACA,eACA,aACA,kBACA,QACA,SACA,CpBuvND,aoBnvNC,8BnBjLM,cmBmLN,eACA,aACA,oBACA,CpBuvND,mBoBpvNG,mBpBuvNH,mBoBlvNC,qCACA,CpBsvND,mBoBlvNC,mBnB9LwB,cAWR,iBmBqLhB,eACA,gBACA,yBACA,cACA,CpBsvND,wBoBlvNC,+BACA,CpBsvND,sCoBlvNK,yBACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,iFACA,CpBqvNL,eoB/uNC,4BACA,mBACA,cACA,eACA,kBACA,UACA,UACA,eACA,CpBmvND,sBoBhvNG,qBACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,MACA,CpBmvNH,2CoB/uNG,anBtPsB,CDw+NzB,sBoB9uNG,uCpBivNH,2CoB9uNK,cnB7PoB,wCmB8PpB,CpBivNL,2CoB3uNG,UpB8uNH,QoBzuNC,8BACA,sBACA,aACA,sBACA,eACA,CpB6uND,coB1uNG,0BACA,eACA,CpB6uNH,oBoBzuNG,kBnBxRsB,CDogOzB,wBoBvuNC,yBACA,aACA,CpB2uND,gCoBvuNC,kBpB2uND,qEoBvuNC,4BACA,cnB1SmB,emB4SnB,eACA,cACA,CpB2uND,iFoBxuNG,cpB2uNH,kLoBnuNK,WnB5TE,kBmB6TF,CpB0uNL,iFoBpuNG,4BpBuuNH,uCoBluNC,iCACA,4BACA,CpBsuND,8CoBluNG,yCACA,eACA,oBACA,CpBquNH,yCoBjuNG,gBpBouNH,+CoB9tNC,UpBkuND,4BoB9tNC,gCACA,gBACA,cnB9VmB,0DmBgWnB,SACA,CpBkuND,sCoB/tNG,uBACA,CpBkuNH,sCoB9tNG,kBpBiuNH,+BoB7tNG,gCACA,SACA,6BACA,aACA,CpBguNH,gCoB3tNG,gBpB8tNH,0CoB5tNK,uBACA,CpB+tNL,kCoBztNC,+BACA,CpB6tND,kCoBxtNG,cnBrYiB,yBmBsYjB,CpB4tNH,+BoBvtNC,YpB2tND,2DoBxtNG,epB2tNH,sEoBxtNK,gBpB2tNL,sBoBrtNC,4CACA,gBACA,mBACA,MACA,CpBytND,qBoBrtNC,qCACA,CpBytND,sCoBptNC,cnBxZgB,mBAXQ,kBmBqaxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,sBACA,CpBytND,yBoBruND,sCAcI,epB4tND,CACF,0CoBztNG,cnBlbsB,oBmBmbtB,CpB6tNH,sDoB1tNK,0BpB8tNL,coBxtNC,sBpB4tND,sCoBttNG,mDACA,CpB0tNH,oCoB5tNC,qCACE,mDACA,CpBguND,CACF,oCoBntND,mJAGI,sBpBstND,CACF,oBoBjtNC,sCACA,2BACA,mBACA,kBACA,CpBstND,0BoBntNG,cpBstNH,gCoBntNK,4BACA,CpBstNL,sCoBntNO,UpBstNP,iCoBhtNG,0BACA,CpBmtNH,wBoB9sNC,4BACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WfjgBM,kBemgBN,eACA,iBACA,qBACA,qCACA,CpBktND,2FoB7sNG,mBpBgtNH,wBqB7tOC,iCACA,gBACA,cpBcgB,mBAXQ,eoBAxB,aACA,cACA,mBACA,uBACA,YACA,CrBiuOD,4BqB9tOG,kCACA,aACA,CrBiuOH,gCqB7tOG,wBACA,wBACA,kBACA,QACA,SACA,uCACA,+BrBguOH,0CqB5tOG,iBrB+tOH,+BqB3tOG,iBrB8tOH,sCqB3tOK,iCACA,apBrBY,CDovOjB,oCqB1tOK,8BACA,CrB6tOL,QsBxwOC,kBtB4wOD,esBxwOC,0ClBiDA,gCACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,QACA,CJ8tOD,iCI3tOG,SJ8tOH,4EIxtOG,oBJ2tOH,qBIvtOG,mBJ0tOH,oCsBlyOD,elB4EI,eJ0tOD,CACF,kBsB9xOG,2BACA,WACA,UACA,qBACA,UACA,0BACA,eACA,WACA,YACA,crBlBiB,eqBoBjB,mBACA,CtBkyOH,yBsB/xOK,8BACA,CtBkyOL,yBsB7xOG,wDtBgyOH,gCsB7xOK,mDACA,uBtBgyOL,+BsB3xOG,wCACA,qCACA,CtB8xOH,sCsB3xOK,wDtB8xOL,qCsB1xOK,UrBnDE,CDg1OP,wBsBpxOC,gCACA,CtB4xOD,wCsBhyOC,crBzCgB,mBqB0ChB,gCACA,eAGA,CtBqyOD,gBsB5xOG,4BACA,cACA,CtB0xOH,oBsBvxOK,qCACA,CtB0xOL,csBrxOG,gCACA,aACA,+BACA,CtBwxOH,yBsBrxOK,gBtBwxOL,oBsBpxOK,4BrB5EY,gBqB8EZ,uBACA,kBACA,CtBuxOL,2BsBpxOO,gBtBuxOP,sBsBnxOO,crBpGa,qBqBqGb,eACA,gBACA,cACA,gBACA,uBACA,kBACA,CtBsxOP,oGsBhxOW,0BtBmxOX,uBsB5wOK,0BACA,eACA,iBACA,gBACA,kBACA,arB7He,CD64OpB,yBsB3wOK,wBACA,CtB8wOL,8BsB3wOO,yBtB8wOP,UuBx5OD,yCCEE,4CACA,2CACA,WACA,WACA,CxB25OD,cwBx5OG,WxB25OH,6BwBt5OC,gBnBZM,kBmBaN,sCACA,kBACA,cACA,CxB05OD,gDwBv5OG,4BxB05OH,0DwBt5OG,WxBy5OH,kCwBp5OC,2BACA,WACA,cACA,CxBw5OD,wCwBp5OC,4BACA,SACA,UACA,gBnBtCM,kBmBwCN,sCACA,eACA,CxBw5OD,+CwBr5OG,6BACA,SACA,gBACA,sBACA,CxBw5OH,gKwBn5OK,6BxBs5OL,0DwBj5OG,YxBo5OH,uBwB94OG,4BxBk5OH,cwB74OC,6BACA,iBACA,gBACA,WACA,UACA,cACA,CxBi5OD,yCwB74OG,oBxBg5OH,kBwB54OG,iEACA,cACA,WAEA,YACA,cACA,CxB+4OH,yEwBx4OK,8BACA,YxB24OL,cyB5+OC,YzBg/OD,yByB5+OC,mBAPS,kBAQT,aACA,CzBg/OD,gCyB9+OG,yBzBi/OH,kCyBz+OG,qBACA,SACA,CzB6+OH,0CyBz+OG,2BAEA,sBACA,YACA,4BACA,CzB2+OH,4DyBv+OO,gCACA,iBACA,gBACA,CzB0+OP,gJyBt+OO,WzBy+OP,+DyBt+OO,qCACA,UACA,CzBy+OP,0CyBn+OG,gDACA,kBACA,YACA,eACA,CzBs+OH,iDyBn+OK,wEACA,YACA,SACA,UAAW,kBACX,WACA,yBACA,eACA,4CACA,sBACA,mBACA,CzBu+OL,4DyBp+OO,wBzBu+OP,4DyBn+OO,uBzBs+OP,uEyBl+OO,wCACA,CzBq+OP,Q0BrjPC,kCACA,aACA,sBACA,kBACA,iBACA,SACA,C1ByjPD,oB0BtjPG,kB1ByjPH,mB0BrjPG,mB1BwjPH,oCIzjPC,sBsBI0D,U1ByjPzD,CACF,uB0B1jP2D,U1B6jP3D,oC0B1jPG,qLAAiC,U1B8jPlC,CACF,c0B3jPG,gCACA,cACA,C1B8jPH,oC0B1jPG,4BACE,qBACA,YACA,eACA,SACA,C1B6jPH,CACF,6B0BlkPK,qBACA,YACA,eACA,SACA,C1BqkPL,wC0BjkPqC,Y1BokPrC,gB0BhkPC,gCACA,mBACA,UACA,mBACA,cACA,C1BokPD,kB0BjkPG,oCACA,oCACA,sBACA,YACA,cACA,czBpDiB,kByBsDjB,qBACA,cACA,C1BokPH,kB0BhkPG,kC1BmkPH,gD0B/jPK,gCACA,kCACA,C1BkkPL,gB0B5jPC,qCACA,SACA,C1BgkPD,oCItnPC,6DsBwDkE,gB1BkkPjE,CACF,oCItoPC,8BsBoE0D,e1BskPzD,CACF,+B0BvkP2D,e1B0kP3D,sB0BvkPG,oCACA,SACA,YACA,4BACA,WACA,YACA,UACA,czBvFiB,mBAEK,eyBwFtB,oBACA,gBACA,C1B0kPH,4B0BvkPK,4BACA,C1B0kPL,sB0BrkPG,gCACA,SACA,WACA,WACA,YACA,czB1GiB,eyB4GjB,iBACA,SACA,C1BwkPH,0B0BrkPK,uCACA,MACA,SACA,OACA,QACA,UACA,eACA,oBACA,yBACA,C1BwkPL,iC0BpkPK,0CACA,uB1BukPL,uC0BnkPK,wEACA,C1BskPL,6C0BpkPe,UzBzIR,CDgtPP,wC0BhkPO,0CACA,wB1BmkPP,8C0B/jPO,+BACA,+BACA,uB1BkkPP,wBIroPC,gBACA,yCAEA,gBACA,cHjEiB,sCGmEjB,CJyoPD,2BItoPG,uCHtEe,eGwEf,gBACA,kBACA,CJyoPH,2BIroPG,cJwoPH,2BIpoPG,mBJuoPH,2BInoPG,0BH7GI,CDovPP,iB0BllPC,0BzB/JmB,CDsvPpB,mB0BnlPG,kCACA,C1BslPH,yB0BllPG,4BACA,C1BqlPH,uB0BjlPG,4BzB7KiB,gByB+KjB,mBACA,gBACA,sBACA,C1BolPH,iB0B/kPC,wBACA,SACA,OACA,QACA,UACA,mBzB1LwB,kByB4LxB,eACA,C1BmlPD,wB0BhlPG,czBrLc,mByBsLd,aACA,gBACA,eACA,cACA,C1BmlPH,4B0BhlPK,qCACA,C1BmlPL,yB0B9kPG,kB1BilPH,4B0B9kPK,mDACA,eACA,aACA,aACA,gBACA,eACA,azB5MY,CD8xPjB,gC0B9kPO,qCACA,C1BilPP,6F0B3kPK,gB1B8kPL,kC0B1kPK,2BACA,czBzOe,oByB2Of,C1B6kPL,yH0BxkPO,uCACA,C1B2kPP,e0BlkPC,6BACA,C1B0kPD,8B0B7kPC,gCACA,gBAGA,YACA,C1BulPD,e0BnlPC,wBACA,OACA,mBACA,sBAIA,gBAEA,WACA,WACA,C1BwkPD,sB0BrkPG,kBzB7QsB,CDq1PzB,yB0BnkPC,+1BACA,eACA,C1BukPD,6B0BpkPG,oCACA,+GACA,uCACA,YACA,oBACA,eACA,yBACA,4D1BukPH,mC0BnkPG,yBACA,YACA,YACA,cACA,C1BskPH,e0BjkPC,kCACA,eACA,C1BqkPD,kB0BjkPC,iCACA,MACA,OACA,WACA,YACA,6BACA,C1BqkPD,mB2Bj4PC,mCACA,W1BDM,e0BGN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,WACA,C3Bq4PD,e2Bj4PC,gB1BdM,cAEa,S0BcnB,WACA,WACA,C3Bq4PD,gE2Bh4PG,c3Bm4PH,gC2B/3PG,gB3Bk4PH,0BIn3PG,qCACA,cACA,eACA,aACA,eACA,CJs3PH,wB2Bp4PC,4BACA,C3Bw4PD,wB2Bp4PC,6BACA,eACA,C3Bw4PD,4B2Bp4PC,gCACA,W1B9CM,8B0BgDN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,2BACA,C3Bw4PD,0D2Bl4PK,a3Bs4PL,uD2Bh4PK,U3Bm4PL,sB2B73PC,yBACA,qBACA,C3Bi4PD,2B2B93PG,gC1B9EiB,a0BgFjB,YACA,kBACA,C3Bi4PH,yD2Bz3PG,W3B+3PH,e2B13PC,qCACA,gBACA,kBACA,kBACA,WACA,YACA,C3B83PD,0BI37PG,qCACA,cACA,eACA,aACA,eACA,CJ87PH,qB2Bh4PC,kCACA,cACA,WACA,kBACA,kBACA,eACA,C3Bo4PD,iC2Bj4PG,gB3Bo4PH,oE2B/3PK,2CACA,C3Bk4PL,+B2B73PG,etBlII,CLkgQP,+B2B33PC,6BACA,qBACA,c1BtImB,a0BwInB,C3B+3PD,kE2B33PG,uBACA,sBACA,oD3B+3PH,kG2B53PK,gCACA,gD3Bg4PL,qB2B13PC,4BACA,kBACA,WACA,aACA,sBACA,C3B83PD,oC2B13PC,2BACA,WACA,kBACA,UACA,sBACA,oD3B83PD,oD2B33PG,gCACA,gD3B83PH,qC2Bz3PC,sDACA,gBACA,iBACA,C3B83PD,a2B13PC,iCACA,iBACA,C3B83PD,a2B13PC,uBACA,iBACA,C3B83PD,oC2B33PG,uBACA,aACA,mBACA,sBACA,C3B83PH,0C2B33PK,etBvJwB,cAEC,CLohQ9B,8C2Bx3PC,wBACA,OACA,QACA,QACA,C3Bu4PD,yB2B93PC,kDACA,mBACA,C3B43PD,2B2Bz3PG,oB3B43PH,yD2Bx3PG,U3B23PH,2D2Bx3PK,oB3B23PL,kB2Br3PC,oDACA,SACA,W1BnPM,e0BqPN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,QACA,C3By3PD,wB2Br3PC,O3By3PD,yB2Br3PC,Q3By3PD,yB2Br3PC,6BACA,kBACA,OACA,YACA,mBACA,C3By3PD,uB2Br3PC,qB3By3PD,qB2Br3PC,sBtBtRM,YsBuRN,WACA,kBACA,YACA,UACA,SACA,WACA,C3By3PD,6B2Br3PC,wB1B5RwB,CDqpQzB,oB2Br3PC,4BACA,QACA,WACA,C3By3PD,oK2Bl3PG,Y3By3PH,kF2Br3PG,Y3By3PH,c2Bn3PC,kCACA,gBtB3TM,csB6TN,C3Bu3PD,oB2Bp3PG,U3Bu3PH,+B2Bn3PG,sBACA,C3Bs3PH,yBIhpQG,qCACA,cACA,eACA,aACA,eACA,CJmpQH,oB2Bx3PG,gCACA,UACA,iBACA,C3B23PH,yB2Bv3PG,2CACA,QACA,C3B03PH,+B2Bv3PK,mDACA,qBACA,qBACA,C3B03PL,2B2Bp3PK,4FACA,QACA,mCACA,2B3Bu3PL,wB2Bl3PG,4BACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,2BACA,C3Bq3PH,+B2Bl3PK,U3Bq3PL,4E2B92PK,kB3Bk3PL,uB2B72PG,+BACA,MACA,OACA,WACA,YACA,UACA,SACA,gBtBvYI,cJGa,gB0BuYjB,mBACA,C3Bg3PH,8B2B72PK,iCACA,C3Bg3PL,6G2B32PO,c3B82PP,8B2Bz2PK,4BACA,C3B42PL,iC2Bx2PK,6BACA,eACA,C3B22PL,2B2Bt2PG,2CACA,mBACA,C3By2PH,uB2Br2PG,kCACA,gBACA,sBACA,C3Bw2PH,mC2Bp2PO,e3Bu2PP,oC2Bj2PO,gB3Bo2PP,8B2B/1PK,wCACA,eACA,SACA,yBACA,C3Bk2PL,6G2B71PO,UtBrcA,CLqyQP,8E2Bx1PG,8BACA,C3B21PH,4B2Bv1PG,WtBldI,gBsBmdJ,C3B01PH,wB2Bt1PG,iCACA,C3By1PH,kD2Bp1PG,UtB7dI,CLozQP,sB2Bn1PG,2BACA,cACA,C3Bs1PH,6B2Bn1PK,sBACA,8BACA,C3B41PL,4D2B31PK,gCACA,kBACA,WACA,UACA,WACA,C3B+1PL,+B2Br1PK,mB3Bq1PL,8B2Bj1PK,4BACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,mBACA,C3Bo1PL,oB2B/0PG,2BACA,iBACA,C3Bk1PH,2B2B/0PK,sBACA,+BACA,kBACA,cACA,kBACA,WACA,QACA,C3Bk1PL,0D2B70PK,gCACA,WACA,kBACA,SACA,kBACA,C3Bg1PL,4B2B50PK,8B3B+0PL,4B2B30PK,4BACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,mBACA,C3B80PL,yF2Br0PO,U3B20PP,4G2Bl0PK,oCACA,C3Bq0PL,qB2B9zPC,kDACA,wBACA,eACA,eACA,kBACA,SAIA,aACA,C3B+zPD,gCI72QG,qCACA,cACA,eACA,aACA,eACA,CJg3QH,+B2Bn0PC,yCACA,eACA,SACA,YACA,kBACA,QACA,uCACA,+B3Bu0PD,gB4B36QC,gCACA,mBACA,kBACA,QACA,SACA,WACA,C5B+6QD,kB4B36QC,+BACA,gBACA,qBACA,8BACA,eACA,iBACA,yBACA,WACA,2BACA,C5B+6QD,uC4B76Q0B,U5Bg7Q1B,a6Br8QC,mB5BKwB,sB4BJxB,kBACA,uCACA,YACA,eACA,C7By8QD,oC6B/8QD,aASI,U7B08QD,CACF,gB6Bv8QG,kCACA,gBACA,eACA,kBACA,yBACA,C7B08QH,4B6Bt8QG,Y7By8QH,4B6Br8QG,0B7Bw8QH,qC6Br8QK,+DACA,uBACA,C7Bw8QL,uB6Bn8QG,gB7Bs8QH,iD6Bj8QK,qB7Bo8QL,8B6B/7QG,e7Bk8QH,qB6B97QG,gB7Bi8QH,Y6B57QC,mB5BjDwB,sB4BkDxB,kBACA,uCACA,YACA,eACA,C7Bg8QD,oC6Bt8QD,YASI,U7Bi8QD,CACF,qB6B97QG,mB7Bi8QH,mB6B77QG,+BACA,0BACA,eACA,C7Bg8QH,kB6B57QG,4CACA,C7B+7QH,2B6B37QG,a7B87QH,gC6B17QG,8BACA,qBACA,eACA,YACA,C7B67QH,Y8BjhRC,oCACA,U7BPM,CD6hRP,0B8B3hRG,sCACA,C9B+hRH,8B8BvhRG,Y9B0hRH,gB8BrhRC,uB9ByhRD,4B8BthRG,mDACA,4BACA,kB7BlBiB,CD4iRpB,2B8BrhRG,mDACA,+BACA,YACA,C9BwhRH,oB8BnhRC,2CACA,cACA,c7BjCmB,a6BmCnB,C9BuhRD,mB8BnhRC,yBACA,kBACA,iBACA,gBACA,8BACA,cACA,C9BuhRD,yB8BphRG,c9BuhRH,4B8BlhRC,a7BlDwB,CDwkRzB,kC8BnhRG,c9BshRH,mD8BlhRG,S9BqhRH,uB8BhhRC,8BACA,OACA,WACA,WACA,wBACA,C9BohRD,sB8B/gRG,gCACA,cACA,C9BmhRH,wB8B/gRG,iCACA,C9BkhRH,mB8B7gRC,+BACA,gBACA,kBACA,gBzB5FM,qByB8FN,C9BihRD,qG8B7gRG,oC9BghRH,mB8B1gRC,2CzBxGM,CLwnRP,yB8B5gRG,+BACA,gBACA,oBACA,cACA,WACA,6BACA,W7BnHI,yB6BqHJ,iBACA,C9B+gRH,2C8B5gRK,S9B+gRL,0G8BzgRK,oB9B4gRL,uC8BtgRC,e9B0gRD,4C8BvgRG,4BACA,iBACA,C9B0gRH,oD8BtgRG,qBACA,kBACA,MACA,OACA,WACA,YACA,mCACA,kBACA,C9BygRH,2B8BpgRC,4BACA,wBACA,gBACA,KACA,C9BwgRD,gC8BrgRG,yBACA,gBACA,gBACA,ezBpKI,CL6qRP,kB8BngRC,uCACA,WACA,C9BugRD,uB8BpgRG,sBACA,C9BugRH,uB8BlgRC,iCACA,iBACA,a7BjKiB,CDwqRlB,kD8BngRG,a9BsgRH,oD8BlgRG,gB9BqgRH,sD8BjgRG,a9BogRH,oB8B//QC,a9BmgRD,uB+B5sRC,+BACA,mBACA,mBACA,W9BHM,kB8BKN,YACA,WACA,gBACA,iBACA,eACA,C/BgtRD,2D+B7sRG,4BACA,C/BgtRH,kF+B5sRG,oCACA,eACA,C/B+sRH,8F+B5sRK,yBACA,KACA,C/B+sRL,iC+B1sRG,2B9B3BiB,CDyuRpB,0B+BzsRG,+BACA,iBACA,kBACA,C/B4sRH,0B+BxsRG,+BACA,iBACA,gBACA,kBACA,C/B2sRH,yC+BtsRC,gCACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,yBACA,C/B0sRD,2D+BvsRG,8BACA,C/B0sRH,+C+BtsRG,kB9BhEiB,CDywRpB,gD+BrsRG,mB9BjEsB,UANlB,CDgxRP,oG+BpsRG,mB1BzEQ,UJHJ,CDoxRP,mC+BlsRC,+BACA,eACA,iBACA,eACA,C/BssRD,6B+BlsRC,wBACA,kBACA,YACA,eACA,C/BssRD,mC+BlsRC,kB/BssRD,2F+BjsRC,kCACA,C/BssRD,oC+BlsRC,mCACE,wBACA,C/BssRD,yC+BlsRC,a/BssRD,2D+BnsRG,a/BssRH,CACF,mBgC3zRG,gCACA,gBACA,iBACA,ChC8zRH,kBgC1zRG,W/BRI,e+BSJ,gBACA,ChC6zRH,oBgC1zRK,W/BbE,yB+BcF,ChC6zRL,qBgCzzRK,8BACA,gBACA,ChC4zRL,oDgCxzRK,uBACA,gBACA,+BACA,ChC2zRL,MiCt1RC,8BACA,CjC01RD,SiCv1RG,qCACA,WACA,CjC01RH,aiCt1RG,wBACA,OACA,YACA,qBACA,kBACA,kBACA,CjCy1RH,qBiCt1RK,kBhCboB,CDs2RzB,YiCp1RG,uCACA,cACA,iBACA,eACA,mBACA,gBACA,sBACA,CjCu1RH,+DiCn1RK,ajCu1RL,6BiCl1RK,oCACA,WACA,eACA,WhC3CE,cgC6CF,UACA,oBACA,gB5B9CE,sB4BgDF,kBACA,gBACA,CjCs1RL,mCiCn1RO,oBhChDkB,CDs4RzB,uBiCj1RK,ejCo1RL,qBiCh1RK,+BACA,CjCm1RL,aiC90RG,uCACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,qBACA,CjCi1RH,sBiC90RK,kBjCi1RL,oBiC70RK,qB5BpFU,mBLq6Rf,ciC30RG,gCACA,gBACA,eACA,gBACA,CjC80RH,ciC10RG,mCACA,ahCrFc,CDm6RjB,YiCz0RG,sCACA,UACA,SACA,SACA,chC9Fc,0BgCgGd,iBACA,CjC40RH,uDiCv0RK,qBjC00RL,ciCr0RG,2BACA,kBACA,cACA,CjCw0RH,4BiCn0RC,0BjCu0RD,+BiCp0RG,ajCu0RH,0CiCn0RG,uCACA,aACA,kBACA,CjCs0RH,kGiCl0RK,uBACA,CjCs0RL,qDiCj0RG,+BACA,iBACA,YACA,oBACA,chC1IkB,qCgC6IlB,CjCo0RH,+BiCh0RG,+BACA,CjCm0RH,2CiCh0RK,sCACA,gBACA,CjCm0RL,mCiC9zRG,mFACA,eACA,WhC/KI,qBgCiLJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,yBAEA,CjCi0RH,kDiC7zRG,WjCg0RH,aiC3zRC,ahClLgB,CDi/RjB,oBiC5zRG,gCjC+zRH,4BiC5zRK,+BjC+zRL,WkClgSC,uCANc,cAQd,iBACA,ClCsgSD,qCkC1gSD,WAOI,yBACA,ClCugSD,CACF,iBkCngSC,uCAEA,eACA,iBACA,cjClBmB,kBiCoBnB,ClCugSD,mBkCpgSG,cjCpBsB,yBiCqBtB,ClCugSH,uCkClgSG,uCAEA,eACA,iBACA,mBACA,ajClCiB,CDyiSpB,2CkCngSK,cjCnCoB,yBiCoCpB,ClCugSL,6DkCngSK,gBlCugSL,4CkCjgSG,6BACA,ClCqgSH,oBkCjgSG,sCACA,iBACA,gBACA,mBACA,ajC1DiB,CD+jSpB,0BkCjgSK,qCACA,eACA,gBACA,aACA,ClCogSL,oBkC9/RG,+BACA,ClCqgSH,wCkCvgSG,uCAGA,mBACA,ajC3EiB,CDslSpB,oBkCrgSG,+BACA,ClCogSH,oBkC5/RG,elCogSH,wCkCrgSG,wCAEA,gBACA,mBACA,ajC7FiB,CDsmSpB,oBkCngSG,elCmgSH,oBkC3/RG,sCACA,iBACA,gBACA,mBACA,ajC/GiB,CD8mSpB,wCkCz/RG,iBlC6/RH,wDkC1/RK,4BlC8/RL,wDkC1/RK,4BlC8/RL,oBkCz/RG,gBlC4/RH,oBkCx/RG,mBlC2/RH,8CkCt/RG,elC0/RH,oBkCt/RG,oBACA,SACA,0CACA,aACA,ClCy/RH,2BkCt/RK,mBACA,ClCy/RL,mBkCn/RC,iCACA,ClCu/RD,kCkCp/RG,qCACA,ClCu/RH,6BkCn/RG,2CACA,cACA,ClCs/RH,4BkCl/RG,kCACA,eACA,iBACA,WjCjLI,iBiCmLJ,iBACA,ClCq/RH,oEkCj/RK,clCq/RL,4CkCh/RO,ajC1La,CD6qSpB,mCkC9+RK,uCACA,eACA,gBACA,ClCi/RL,oCkCzgSC,4BA4BI,kBlCi/RH,CACF,0BkC7+RG,8BACA,sBACA,mBACA,uBAEA,0BACA,QACA,YACA,ClCg/RH,wCkC7+RK,sCACA,iBACA,gBACA,cjCzNe,mBiC2Nf,mBACA,gCACA,uBACA,mBACA,eACA,ClCg/RL,uFkC5+RO,6BACA,ClCg/RP,0CkC5+RO,qBlC++RP,0BkCz+RG,kBlC4+RH,kCIxtSC,WACA,YACA,4C8BiPI,ClC8+RL,sCkC3+RO,yBACA,YACA,mB9B9PN,iBACA,mDACA,CJ8uSD,gCkC3+RK,elC8+RL,kCkC3+RO,yBjCxQA,oBiC0QA,ClC8+RP,sDkC1+RW,0BlC6+RX,0CkCv+RO,2BjCjRa,CD4vSpB,iCkCj+RG,uCAEA,eACA,iBACA,mBACA,ajChSiB,CDuwSpB,qCkCn+RK,cjCjSoB,yBiCkSpB,ClCu+RL,iBkCl+RG,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,ClCq+RH,iBkCj+RG,sCACA,iBACA,gBACA,mBACA,ajC1TiB,CD+xSpB,uBkCj+RK,qCACA,eACA,gBACA,aACA,ClCo+RL,iBkC99RG,+BACA,ClCq+RH,kCkCv+RG,uCAGA,mBACA,ajC3UiB,CDszSpB,iBkCr+RG,+BACA,ClCo+RH,iBkC59RG,elCo+RH,kCkCr+RG,wCAEA,gBACA,mBACA,ajC7ViB,CDs0SpB,iBkCn+RG,elCm+RH,iBkC39RG,sCACA,iBACA,gBACA,mBACA,ajC/WiB,CD80SpB,kCkCz9RG,iBlC69RH,kDkC19RK,4BlC89RL,kDkC19RK,4BlC89RL,iBkCz9RG,gBlC49RH,iBkCx9RG,mBlC29RH,wCkCt9RG,elC09RH,iBkCt9RG,oBACA,SACA,0CACA,aACA,ClCy9RH,wBkCt9RK,mBACA,ClCy9RL,gDkCn9RG,alCs9RH,8BkCl9RG,qCACA,kBACA,gBACA,qBACA,ClCq9RH,mCkCl9RK,wBACA,2BACA,iBACA,8BACA,kBACA,ClCq9RL,sDkCj9RK,sCACA,oBACA,ClCo9RL,kFkCj9RO,4BACA,ClCo9RP,oCkC39RG,sDAWI,wCACA,ClCo9RL,CACF,2CkCh9RK,4BACA,ClCm9RL,oCkCr9RG,2CAKI,alCo9RL,CACF,oBkC/8RG,kBlCk9RH,wBkC/8RK,uBACA,sBACA,ClCk9RL,2BkC78RG,oCACA,ClCg9RH,sCkC78RK,gBlCg9RL,kCkC58RK,6BACA,ClC+8RL,oCkC38RK,yBACA,ClC88RL,kDkC38RO,gCACA,gBACA,ClC88RP,yFkCx8RW,qBlC28RX,+EkCt8RS,elCy8RT,oDkCp8RO,2BACA,ClCu8RP,4CI57SC,WACA,YACA,0BJk8SD,kDkCp8RO,elCu8RP,2DkCp8RS,elCu8RT,oCkCj8RK,oCACE,gBlCo8RL,CACF,oCkC//RC,2BA+DI,kBlCo8RH,CACF,iFkC97RG,yCjCvhBsB,kBiCyhBtB,iCACA,ClCk8RH,sBkC97RG,+BACA,WACA,WACA,ClCi8RH,0BkC97RK,uBACA,ClCi8RL,sCkC37RK,4BACA,mBACA,kBACA,ClC87RL,oCkC17RK,sCACE,mBlC67RL,CACF,qCkCz7RK,ajC1jBe,CDs/SpB,oCkCx7RK,2BjCjkBE,eiCmkBF,ClC27RL,yFkCr7RS,ajCtkBW,CDigTpB,8CkCr7RK,gBlCw7RL,oBkCn7RG,mBlCs7RH,wBkCn7RK,uBACA,eACA,YACA,iBACA,ClCs7RL,oCkCh7RK,gDACE,mBlCm7RL,wCkC/6RK,gCACA,WACA,iBACA,ClCk7RL,sDkC/6RO,kBlCk7RP,CACF,oCkC56RG,8BACE,clC+6RH,sCkC56RK,iBlC+6RL,qDkC36RK,mBlC86RL,4EkCx6RG,clC46RH,CACF,mBkCx6RG,YlC26RH,SkCt6RC,oBlC06RD,oCkC36RD,SAII,gBlC26RD,CACF,gBkCx6RG,oCACA,mBACA,YACA,ClC26RH,oBkCx6RK,YlC26RL,oCkCl7RC,gBAWI,4BACA,ClC26RH,CACF,oBkCv6RG,uCACA,gBACA,eACA,ClC06RH,sBkCt6RG,+BACA,ClCy6RH,yBkCt6RK,sCACA,gBACA,eACA,ajC7qBe,CDulTpB,4BkCr6RK,gCACA,ClCw6RL,8BkCp6RK,mBjCrrBoB,aiCsrBpB,0BACA,YACA,ClCu6RL,sCkCp6RO,alCu6RP,+BkCl6RK,8BACA,ClCq6RL,sDkCl6RO,+BACA,ClCq6RP,gDkCj6RO,uBACA,yBACA,ClCo6RP,+BkC/5RK,alCk6RL,sCkC/5RO,sCACA,gBACA,aACA,ClCk6RP,oCkC95RO,4BjC5tBa,CD8nTpB,sFkC35RG,6BjCnuBiB,CDyoTpB,6BkCh6RG,gCACA,kBAEA,ClC65RH,ekCz5RG,8BACA,aACA,kDACA,aACA,ClC45RH,oCkCj6RC,eAQI,kDACA,ClC65RH,6BkC15RK,wBACA,qBACA,ClC65RL,yCkC15RO,qBACA,ClC65RP,0CkCz5RO,gCACA,QACA,aACA,ClC45RP,oCkCv5RK,WlC05RL,0BkCt5RK,gBlCy5RL,CACF,oCkC57RC,eAuCI,WlCy5RH,4BkCt5RK,8BACA,eACA,ClCy5RL,0GkCp5RO,gBlCu5RP,sFkCh5RK,gClCq5RL,0BkCj5RK,alCo5RL,+BkCj5RO,gBlCo5RP,oEkCh5RS,+BACA,ClCm5RT,0CkC/4RS,gBlCk5RT,CACF,OkC14RC,sCACA,ClC84RD,gBkC14RC,gCACA,aACA,UACA,YACA,cjCx0BsB,qBiC00BtB,cACA,ClC84RD,oCkCt5RD,gBAWI,2BACA,gBACA,ajCp0Bc,CDotTf,CACF,OmCruTC,0BACA,iBACA,wBACA,CnCyuTD,oBmCruTG,6BACA,mBACA,6BACA,gBACA,kBACA,CnCyuTH,mBmCruTG,sDACA,aACA,eACA,CnCwuTH,mBmCpuTG,gBnCuuTH,oEmCluTG,kBlCvBsB,CD4vTzB,SmCjuTG,clC1BsB,yBkC2BtB,CnCouTH,emCjuTK,qBnCouTL,cmC/tTG,gBnCkuTH,4HmC9tTO,gBnC6uTP,8FmCpuTO,uBnCuuTP,wFmChuTO,anCmuTP,+BmC5tTK,mBlC/DoB,6BkCgEpB,+BACA,CnC+tTL,2CmC5tTO,mDACA,CnC+tTP,0CmC3tTO,sDACA,CnC8tTP,yBmCxtTG,sBnC2tTH,emCttTC,gCACA,CnC0tTD,KmCttTC,gCnC0tTD,yBmCttTC,gCACA,YACA,CnC0tTD,6CmCrtTC,0CACA,iBACA,eACA,clC1GmB,ekC4GnB,CnC0tTD,yDmCvtTG,UlClHI,CD60TP,uDmCvtTG,gCACA,CnC2tTH,qEmCvtTG,enC2tTH,wCmCptTG,anCwtTH,wDmCrtTK,uCACA,eACA,eACA,CnCwtTL,oEmCrtTO,enCwtTP,0EmCptTO,+BACA,CnCutTP,sFmCptTS,anCutTT,oCmCtuTG,wDAoBI,anCstTL,CACF,oHmChtTK,oCACA,CnCotTL,sBmC/sTG,4ClChKsB,sBkCkKtB,YACA,kBACA,CnCktTH,+BmC/sTK,mCACA,CnCktTL,oCmC3tTC,sBAaI,anCktTH,CACF,kBmC9sTG,sCACA,kBACA,CnCitTH,oCmC9sTK,8BACE,6BnCitTL,CACF,wBmC7sTK,mBnCgtTL,gCmC5sTK,kBlChMoB,CD+4TzB,sCmC5sTO,mBnC+sTP,2BmC1sTK,oCACA,CnC6sTL,qCmC1sTO,UnC6sTP,8BmCvsTG,cnC0sTH,qCmCvsTK,gBnC0sTL,2BmCrsTG,sCACA,eACA,CnCwsTH,oCmC3sTC,2BAMI,6BnCysTH,CACF,oCmCrsTG,+CACE,anCwsTH,CACF,eoC/6TC,oCACA,WACA,CpCm7TD,gCoCh7TG,2BACA,mBnCLsB,amCOtB,wBACA,CpCm7TH,wBoC/6TG,YAjBY,YAkBZ,UACA,eACA,CpCk7TH,8BoC/6TK,+BACA,YACA,YACA,CpCk7TL,oCoC96TK,sCACE,apCi7TL,CACF,2BoC76TK,0CACA,gBACA,kBACA,CpCg7TL,oCoCp7TG,2BAOI,gBpCi7TL,CACF,6BoC96TO,2BACA,cnC5Ca,qBmC8Cb,0BACA,yBACA,CpCi7TP,kCoC96TS,iBpCi7TT,mCoC76TS,WnC1DF,yBmC2DE,yBACA,CpCg7TT,sCoC56TS,wCACA,CpC+6TT,8BoC16TO,2CACA,QACA,CpC66TP,gCoC16TS,0BACA,CpC66TT,4DoCx6TO,WnCjFA,yBAMkB,gBmC6ElB,eACA,CpC26TP,kEoCx6TS,yBpC26TT,4DoCr6TK,0BpCw6TL,gCoCn6TG,4BACA,CpCs6TH,wBoCl6TG,gBAtGY,2BAyGZ,CpCq6TH,oCoCz6TC,wBAOI,qCAEA,CpCs6TH,CACF,2BoCn6TK,cnChHe,emCiHf,iBACA,gBACA,oBACA,gCACA,kBACA,CpCs6TL,2BoCl6TK,cnC1He,emC2Hf,iBACA,gBACA,kBACA,CpCq6TL,2BoCj6TK,wCACA,gBACA,cnCpIe,mBmCsIf,kBACA,+BACA,CpCo6TL,2BoCh6TK,6BnC5Ie,iBmC8If,eACA,CpCm6TL,yCoC/5TK,WnCtJE,emCuJF,CpCk6TL,sFoC75TK,gBpCi6TL,+DoC75TK,cpCg6TL,2CoC55TK,+BACA,WnCrKE,oBmCuKF,iBACA,gBACA,kBACA,CpC+5TL,0BoC35TK,gCACA,cnC5Ke,kBmC8Kf,CpC85TL,iCoC35TO,WnCpLA,emCqLA,CpC85TP,2NoC15TW,gBpCy6TX,2BoCl6TK,oBACA,SACA,0CACA,aACA,CpCq6TL,kCoCl6TO,mBACA,CpCq6TP,oCoCh6TK,anC1Me,CD6mUpB,sCoCh6TO,anC1MkB,CD6mUzB,uCoC95TK,c/BnNU,e+BoNV,CpCi6TL,uCoC75TK,c/BvNM,e+BwNN,CpCg6TL,sCoC55TK,cnC/MY,emCgNZ,CpC+5TL,oCoC5nUD,eAkOI,8BACA,gCACA,CpC85TD,gEoC15TG,0BACA,gBACA,CpC85TH,wBoC15TG,qBACA,WACA,CpC65TH,CACF,SoCx5TC,2BACA,CpC45TD,wBoCz5TG,kCACA,CpC45TH,mCoCz5TK,mBpC45TL,2BoCx5TK,8BACA,CpC25TL,8BoCx5TO,qCACA,CpC25TP,+BoCt5TK,yCACA,cACA,CpCy5TL,iNoCr5TS,gBpCo6TT,0BoC95TK,mCnCxRe,qBmC0Rf,yBACA,eACA,gBACA,+BACA,CpCi6TL,gCoC95TO,WnCpSA,+BmCqSA,CpCi6TP,mCoC75TO,cnCnSkB,+BmCoSlB,CpCg6TP,gBoCz5TC,+BACA,cACA,CpC65TD,qBoCz5TC,6BACA,aACA,CpC65TD,uBoC15TG,cpC65TH,iBoCx5TC,4BACA,kBACA,CpC45TD,uBoCx5TC,wBACA,sBACA,YACA,CpC45TD,8BoCz5TG,mCACA,gBACA,eACA,iBACA,anC9UiB,CD2uUpB,4MoCx5TO,gBpCu6TP,qCoCj6TG,cpCo6TH,+BoC95TC,+BACA,CpCm6TD,iEoCh6TG,6BACA,2BACA,CpCo6TH,+EoCj6TK,kBpCq6TL,iDoC95TC,2BACA,qBACA,CpCm6TD,2EoCh6TG,0BACA,kBACA,kBACA,CpCo6TH,sEoC95TC,epCm6TD,gBoC/5TC,4BACA,iBACA,CpCm6TD,0CoCh6TG,iCACA,CpCm6TH,6BoC/5TG,mBpCk6TH,8CoC95TG,iBpCi6TH,sDoC95TK,oCACA,WACA,CpCi6TL,WoC35TC,iCACA,CpC+5TD,aoC55TG,cnC3ZsB,oBmC4ZtB,CpC+5TH,mBoC55TK,0BpC+5TL,QoCz5TC,cpC65TD,WoCz5TC,mCACA,CpC65TD,mBoC15TG,wCACA,mBACA,aACA,mBnCjbsB,cAFL,0BmCsbjB,eACA,iBACA,CpC65TH,mBoCz5TG,kBpC45TH,2BoCz5TK,uBACA,kBACA,WACA,WACA,CpC45TL,oBoCv5TG,4BpC05TH,kBoCt5TG,qBpCy5TH,sBoCr5TG,anCncc,CD21UjB,mBoCp5TG,6CACA,aACA,cnCtdiB,gCmCwdjB,eACA,qBACA,eACA,CpCu5TH,iBoCn5TG,iCACA,anCndc,CD02UjB,0BoCl5TG,2BACA,WACA,WACA,YACA,iBACA,CpCq5TH,mCoCl5TK,kB/B9eU,CLm4Uf,mCoCj5TK,mBpCo5TL,kCoCh5TK,kBnClfoB,CDq4UzB,qDoC54TG,cnC5fiB,qBmC6fjB,eACA,CpCi5TH,qBoC74TG,cpCg5TH,yBoC54TG,anCtgBiB,CDq5UpB,qBoC34TG,a/B3gBY,CLy5Uf,wDoCt4TC,kCnClhBmB,CDg6UpB,gGoC14TG,gBpCg5TH,wIoC34TK,0CACA,CpCi5TL,gIoC74TK,gEACA,CpCm5TL,qBoC54TC,+BACA,CpCi5TD,qCoC94TG,+BAEA,iBACA,CpCk5TH,yDoC74TK,gEACA,CpCi5TL,eoC34TC,gDACA,CpC+4TD,wBoC54TG,yB/BhkBY,CL+8Uf,wBoC34TG,0BpC84TH,uBoC14TG,yB/BrkBQ,CLk9UX,uBoCx4TG,2CACA,iBACA,4BACA,kBACA,eACA,CpC44TH,yBoCz4TK,anCplBe,CDg+UpB,sBoCt4TG,yBpC04TH,oBoCt4TG,anCjlBc,CD09UjB,aoCp4TC,mBnCjmBwB,kBmCkmBxB,kBACA,CpCw4TD,sBoCr4TG,2CACA,mBACA,YACA,CpCw4TH,+BoCr4TK,kBACA,CpCw4TL,+CoCr4TO,cpCw4TP,6BoCn4TK,8BACA,cnCxnBe,yBmC0nBf,gBACA,CpCs4TL,+BoCn4TO,kCACA,CpCs4TP,gHoCj4TS,cpCo4TT,kCoC/3TO,a/BzoBI,CL2gVX,4BoC33TK,wCACA,4BACA,CpC83TL,kCoC33TO,mBpC83TP,+EoCz3TO,2BACA,sBACA,YACA,anC7pBa,CD0hVpB,kLoCx3TS,mCACA,sBACA,CpC63TT,qCoCx3TO,0CACA,CpC23TP,2CoCx3TS,cnChqBQ,iBmCiqBR,eACA,CpC23TT,uCoCt3TO,oCACA,WACA,aACA,qBACA,anCxrBa,CDkjVpB,UoCl3TC,mBpCw3TD,yBoCv3TC,sCACA,CpC83TD,eoC13TC,qCACA,qBAGA,CpCs3TD,ypDqCjkVC,0QrCqkVD,SsCvkVC,ctC2kVD,+BsCxkVG,gCACA,kBACA,CtC2kVH,6BsCvkVG,+BACA,CtC0kVH,kEsCtkVG,+BACA,CtCykVH,0DsCpkVG,8BACA,CtCwkVH,kFsCpkVG,8BACA,CtCukVH,kCsCnkVG,8BACA,CtCskVH,wBsClkVG,oCACA,CtCqkVH,2BsCjkVG,oBACA,CtCokVH,iCsChkVG,kBACA,kBACA,cACA,CtCmkVH,0CsC/jVG,8BACA,CtCkkVH,yCsC9jVG,+BACA,CtCikVH,kCsC7jVG,YtCgkVH,qCsC5jVG,gCACA,CtC+jVH,wCsC3jVG,WtC8jVH,gCsC1jVG,8BACA,CtC6jVH,8BsCzjVG,WtC4jVH,yBsCxjVG,oBACA,CtC2jVH,yDsCtjVG,oCACA,CtC0jVH,2GsCrjVG,iCACA,CtCyjVH,sCsCrjVG,iCACA,CtCwjVH,0BsCpjVG,+BACA,CtCujVH,uCsCnjVG,qBACA,CtCsjVH,wDsCljVG,oBACA,CtCqjVH,oFsC5iVG,iBACA,CtCmjVH,sGsC9iVG,WtCkjVH,oFsC9iVG,2BACA,gBACA,CtCijVH,kFsC7iVG,8BACA,CtCgjVH,sCsC1iVK,+BACA,CtC6iVL,iEsC1iVO,8BACA,CtC6iVP,oCsCviVG,2BACA,gBACA,CtC0iVH,sCsCtiVG,YtCyiVH,qCsCriVG,+BACA,CtCwiVH,yCsCpiVG,+BACA,CtCuiVH,0CsCniVG,gCACA,WACA,CtCsiVH,wEsCjiVG,8BACA,CtCqiVH,gBsChiVG,yBtCoiVH,gBsChiVG,6BACA,CtCmiVH,wBsC/hVG,ctCkiVH,6EsC7hVG,8BACA,CtCiiVH,mDsC7hVG,iCACA,CtCgiVH,+DsC5hVG,iCACA,CtC+hVH,8KsCrhVG,iBACA,CtC6hVH,wDsCzhVG,iCACA,CtC4hVH,sDsCxhVG,kCACA,CtC2hVH,oDsCvhVG,iBACA,CtC0hVH,6FsCrhVG,iCACA,CtCyhVH,2CsCrhVG,mBACA,CtCwhVH,iDsCrhVK,kBACA,oEACA,CtCwhVL,6BsCnhVG,uXtCshVH,sCsCjhVG,iBtCqhVH,iCsCjhVG,+BACA,CtCohVH,+CsChhVG,oBACA,CtCmhVH,+DsC/gVG,ctCkhVH,sDsC9gVG,sBACA,CtCihVH,sDsC7gVG,qBACA,CtCghVH,sDsC5gVG,qBACA,CtC+gVH,iDsC3gVG,OtC8gVH,yCsC1gVG,0CACA,CtC6gVH,oDsCzgVG,+BACA,CtC4gVH,oCsCxgVG,kCAEE,kCACA,CtC2gVH,0DsCxgVK,mCACA,CtC4gVL,sEsCrgVK,kCACA,CtCygVL,CACF,4CsClgVO,8BACA,CtCqgVP,qDsChgVK,+BACA,CtCmgVL,2DsC7/UK,8BACA,CtCggVL,6DsC5/UK,+BACA,CtC+/UL,kCsC1/UG,gCACA,gBACA,CtC6/UH,iCsCz/UG,YtC4/UH,kCsCx/UG,YtC2/UH,mCsCv/UG,8BACA,CtC0/UH,+EsCt/UG,iCACA,CtCy/UH,8DsCr/UG,iBACA,CtCw/UH,qBuC73VC,4BACA,kBAEA,CvCi4VD,yBuC93VG,uCACA,cACA,kBACA,CvCi4VH,wDuC73VK,gCACA,iBACA,CvCg4VL,2BuC53VK,mCACA,aACA,CvC+3VL,oGuC13VO,mBvC63VP,qDuCt3VG,kCACA,eACA,iBACA,WtCpCI,uBsCsCJ,mBACA,gBACA,CvCy3VH,2BuCr3VG,evCw3VH,4BuCp3VG,6BtC7CiB,kBsC+CjB,eACA,CvCu3VH,oBuCl3VC,4BACA,aACA,CvCs3VD,wBuCn3VG,mCACA,CvCs3VH,4BuCn3VK,cvCs3VL,qCuCj3VG,ctCnEiB,gBsCoEjB,oBACA,CvCo3VH,uBwCz7VC,kBvCEwB,CD27VzB,4EwCt7VG,mBxC47VH,+CwCz7VK,kBvCRoB,CDo8VzB,uCwCr7VG,iBxCy7VH,sCwCr7VG,kBxCw7VH,sBwCn7VC,mBxCu7VD,uDwCp7VG,wDxCu7VH,sCwCl7VC,mBxCs7VD,uEwCn7VG,wDxCs7VH,oBwC/6VG,gBxCm7VH,yCwC96VC,mDxCk7VD,ewC96VC,kBvCnDwB,CDq+VzB,yBwC96VC,k2BxCk7VD,mCwC/6VG,sGxCk7VH,gDwCz6VG,mBxC66VH,sDwC16VK,uCACA,CxC66VL,8EwC75VC,kBvCvFwB,CD8/VzB,2BwCj6VG,yBvC7FsB,CDkgWzB,0BwCj6VG,wBvCjGsB,CDqgWzB,6BwCh6VG,2BvCrGsB,CDwgWzB,4BwC/5VG,0BvCzGsB,CD2gWzB,uBwC35VG,mBvChHsB,aAFL,CDkhWpB,0EwCv5VG,cxC25VH,4FwCz5VgB,mBxC45VhB,gIwCz5VK,cxC45VL,sHwC55VK,cxC45VL,wHwC55VK,cxC45VL,oGwC55VK,cxC45VL,6BwCv5VG,mCACA,CxC05VH,gCwCv5VK,axC05VL,mHwCl5VK,avChJkB,CDwiWvB,6CwCh5VC,cxCo5VD,0JwC/4VG,UnChKI,CLkjWP,uCwC74VC,cxCi5VD,kEwC94VG,cxCi5VH,6DwCj5VG,cxCi5VH,8DwCj5VG,cxCi5VH,oDwCj5VG,cxCi5VH,0BwC54VC,4BxCg5VD,+CwC14VG,avC9KsB,CD6jWzB,gBwC14VC,qBxC84VD,4BwC34VG,mBxC84VH,yBwCz4VC,oDvC5LwB,CD0kWzB,iCwCz4VC,mBxC64VD,wLwCr4VG,mBxCy4VH,oBwCp4VC,kBvChNmB,CDwlWpB,qEwCp4VC,mBxCw4VD,2FwCp4VC,mBxCw4VD,oIwC53VC,kBvClOwB,CD0mWzB,6JwCh4VC,mBxCw4VD,o3DwCj4VK,sBxCk6VL,sCwC15VC,cxC+5VD,sBwCz5VC,evCnQM,CDgqWP,+BwCz5VK,avCpQkB,CDgqWvB,wBwCn5VG,evChRI,CDuqWP,oGwC54VO,UvC5RA,CD8qWP,yDwCr4VO,avCtSa,CD+qWpB,0CwCn4VO,UvC/SA,CDqrWP,4CwCj4VK,avCjTe,CDqrWpB,4DwCh4VK,UvCxTE,CD2rWP,oBwC53VC,UnC9TM,CL8rWP,yCwC73VG,SnCjUI,CLisWP,gGwCx3VG,gBxC83VH,oEwCr3VK,mBxC23VL,mDwCx3VO,gBxC23VP,gHwCn3VS,UnC7VF,CLotWP,0CwC/2VC,0CxCm3VD,+LwCt2VC,6F","file":"skins/glitch/mastodon-light/common.css","sourcesContent":[".app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n background-color: darken($ui-highlight-color, 3%);\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: $primary-text-color;\n cursor: pointer;\n display: inline-block;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n height: 36px;\n letter-spacing: 0;\n line-height: 36px;\n overflow: hidden;\n padding: 0 16px;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n text-decoration: none;\n text-overflow: ellipsis;\n transition: all 100ms ease-in;\n white-space: nowrap;\n width: auto;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-highlight-color, 7%);\n transition: all 200ms ease-out;\n }\n\n &--destructive {\n transition: none;\n\n &:active,\n &:focus,\n &:hover {\n background-color: $error-red;\n transition: none;\n }\n }\n\n &:disabled {\n background-color: $ui-primary-color;\n cursor: default;\n }\n\n &.button-primary,\n &.button-alternative,\n &.button-secondary,\n &.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n }\n\n &.button-alternative {\n color: $inverted-text-color;\n background: $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-primary-color, 4%);\n }\n }\n\n &.button-alternative-2 {\n background: $ui-base-lighter-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-base-lighter-color, 4%);\n }\n }\n\n &.button-secondary {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n color: $darker-text-color;\n text-transform: none;\n background: transparent;\n padding: 3px 15px;\n border-radius: 4px;\n border: 1px solid $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n border-color: lighten($ui-primary-color, 4%);\n color: lighten($darker-text-color, 4%);\n }\n\n &:disabled {\n opacity: 0.5;\n }\n }\n\n &.button--block {\n display: block;\n width: 100%;\n }\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: $action-button-color;\n border: none;\n background: transparent;\n cursor: pointer;\n transition: color 100ms ease-in;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($action-button-color, 7%);\n transition: color 200ms ease-out;\n }\n\n &.disabled {\n color: darken($action-button-color, 13%);\n cursor: default;\n }\n\n &.active {\n color: $highlight-text-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &.inverted {\n color: $lighter-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: darken($lighter-text-color, 7%);\n }\n\n &.disabled {\n color: lighten($lighter-text-color, 7%);\n }\n\n &.active {\n color: $highlight-text-color;\n\n &.disabled {\n color: lighten($highlight-text-color, 13%);\n }\n }\n }\n\n &.overlayed {\n box-sizing: content-box;\n background: rgba($base-overlay-background, 0.6);\n color: rgba($primary-text-color, 0.7);\n border-radius: 4px;\n padding: 2px;\n\n &:hover {\n background: rgba($base-overlay-background, 0.9);\n }\n }\n}\n\n.text-icon-button {\n color: $lighter-text-color;\n border: none;\n background: transparent;\n cursor: pointer;\n font-weight: 600;\n font-size: 11px;\n padding: 0 3px;\n line-height: 27px;\n outline: 0;\n transition: color 100ms ease-in;\n\n &:hover,\n &:active,\n &:focus {\n color: darken($lighter-text-color, 7%);\n transition: color 200ms ease-out;\n }\n\n &.disabled {\n color: lighten($lighter-text-color, 20%);\n cursor: default;\n }\n\n &.active {\n color: $highlight-text-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n}\n\n.dropdown-menu {\n position: absolute;\n transform-origin: 50% 0;\n}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n\n img,\n svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n }\n}\n\n.ellipsis {\n &::after {\n content: \"…\";\n }\n}\n\n.notification__favourite-icon-wrapper {\n left: 0;\n position: absolute;\n\n .fa.star-icon {\n color: $gold-star;\n }\n}\n\n.star-icon.active {\n color: $gold-star;\n}\n\n.bookmark-icon.active {\n color: $red-bookmark;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n\n &:hover {\n color: $primary-text-color;\n text-decoration: underline;\n }\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n display: block;\n height: 18px;\n font-size: 16px;\n font-weight: 500;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n span {\n display: block;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n &:hover {\n strong {\n text-decoration: underline;\n }\n }\n\n &.inline {\n padding: 0;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n strong {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n }\n\n span {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n }\n }\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n .image-loader__preview-canvas {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n background: url('~images/void.png') repeat;\n object-fit: contain;\n }\n\n .loading-bar {\n position: relative;\n }\n\n &.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n }\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n width: auto;\n height: auto;\n object-fit: contain;\n }\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid darken($ui-secondary-color, 8%);\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n ul {\n list-style: none;\n }\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n\n &.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: $ui-secondary-color;\n }\n\n &.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: $ui-secondary-color;\n }\n\n &.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: $ui-secondary-color;\n }\n\n &.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: $ui-secondary-color;\n }\n}\n\n.dropdown-menu__item {\n a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus,\n &:hover,\n &:active {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n outline: 0;\n }\n }\n}\n\n.dropdown--active .dropdown__content {\n display: block;\n line-height: 18px;\n max-width: 311px;\n right: 0;\n text-align: left;\n z-index: 9999;\n\n & > ul {\n list-style: none;\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n min-width: 140px;\n position: relative;\n }\n\n &.dropdown__right {\n right: 0;\n }\n\n &.dropdown__left {\n & > ul {\n left: -98px;\n }\n }\n\n & > ul > li > a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus {\n outline: 0;\n }\n\n &:hover {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n }\n }\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.static-content {\n padding: 10px;\n padding-top: 20px;\n color: $dark-text-color;\n\n h1 {\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 40px;\n text-align: center;\n }\n\n p {\n font-size: 13px;\n margin-bottom: 20px;\n }\n}\n\n.tabs-bar {\n display: flex;\n background: lighten($ui-base-color, 8%);\n flex: 0 0 auto;\n overflow-y: auto;\n}\n\n.tabs-bar__link {\n display: block;\n flex: 1 1 auto;\n padding: 15px 10px;\n color: $primary-text-color;\n text-decoration: none;\n text-align: center;\n font-size: 14px;\n font-weight: 500;\n border-bottom: 2px solid lighten($ui-base-color, 8%);\n transition: all 200ms linear;\n\n .fa {\n font-weight: 400;\n font-size: 16px;\n }\n\n &.active {\n border-bottom: 2px solid $ui-highlight-color;\n color: $highlight-text-color;\n }\n\n &:hover,\n &:focus,\n &:active {\n @include multi-columns('screen and (min-width: 631px)') {\n background: lighten($ui-base-color, 14%);\n transition: all 100ms linear;\n }\n }\n\n span:last-child {\n margin-left: 5px;\n display: none;\n }\n}\n\n@include multi-columns('screen and (min-width: 631px)', $parent: null) {\n .tabs-bar {\n display: none;\n }\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform; // improves perf in mobile Chrome\n\n &.optionally-scrollable {\n overflow-y: auto;\n }\n\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n &--flex {\n display: flex;\n flex-direction: column;\n }\n\n &__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n }\n}\n\n.scrollable.fullscreen {\n @supports(display: grid) { // hack to fix Chrome <57\n contain: none;\n }\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: $ui-base-color;\n transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n position: absolute;\n width: 14px;\n height: 10px;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n left: 8px;\n opacity: 0;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n opacity: 1;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n right: 10px;\n opacity: 1;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n opacity: 0;\n}\n\n.react-toggle-thumb {\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n position: absolute;\n top: 1px;\n left: 1px;\n width: 22px;\n height: 22px;\n border: 1px solid $ui-base-color;\n border-radius: 50%;\n background-color: darken($simple-background-color, 2%);\n box-sizing: border-box;\n transition: all 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n left: 27px;\n border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started {\n background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n position: relative;\n overflow-y: auto;\n}\n\n.getting-started {\n background: $ui-base-color;\n flex: 1 0 auto;\n\n p {\n color: $secondary-text-color;\n }\n\n a {\n color: $dark-text-color;\n }\n\n &__panel {\n height: min-content;\n }\n\n &__panel,\n &__footer {\n padding: 10px;\n padding-top: 20px;\n flex: 0 1 auto;\n\n ul {\n margin-bottom: 10px;\n }\n\n ul li {\n display: inline;\n }\n\n p {\n color: $dark-text-color;\n font-size: 13px;\n\n a {\n color: $dark-text-color;\n text-decoration: underline;\n }\n }\n\n a {\n text-decoration: none;\n color: $darker-text-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n }\n}\n\n.column-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: $ui-base-color;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n\n thead {\n position: absolute;\n left: -9999px;\n }\n\n td {\n padding: 0 10px 8px;\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: lighten($ui-base-color, 8%);\n border: 1px solid darken($ui-base-color, 4%);\n }\n}\n\n.setting-text {\n color: $darker-text-color;\n background: transparent;\n border: none;\n border-bottom: 2px solid $ui-primary-color;\n box-sizing: border-box;\n display: block;\n font-family: inherit;\n margin-bottom: 10px;\n padding: 7px 0;\n width: 100%;\n\n &:focus,\n &:active {\n color: $primary-text-color;\n border-bottom-color: $ui-highlight-color;\n }\n\n @include limited-single-column('screen and (max-width: 600px)') {\n font-size: 16px;\n }\n\n &.light {\n color: $inverted-text-color;\n border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n &:focus,\n &:active {\n color: $inverted-text-color;\n border-bottom-color: $ui-highlight-color;\n }\n }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n background-position: 0 0;\n height: 19px;\n transition: background-position 0.9s steps(10);\n transition-duration: 0s;\n vertical-align: middle;\n width: 22px;\n\n &::before {\n display: none !important;\n }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n transition-duration: 0.9s;\n background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n color: $action-button-color;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n color: darken($action-button-color, 13%);\n}\n\n.load-more {\n display: block;\n color: $dark-text-color;\n background-color: transparent;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n text-decoration: none;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n}\n\n.load-gap {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n bottom: -1px;\n padding-left: 15px; // space for the box shadow to be visible\n\n z-index: 999;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n\n display: flex;\n\n .wrappy {\n width: $dismiss-overlay-width;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: lighten($ui-base-color, 8%);\n border-left: 1px solid lighten($ui-base-color, 20%);\n box-shadow: 0 0 5px black;\n border-bottom: 1px solid $ui-base-color;\n }\n\n .ckbox {\n border: 2px solid $ui-primary-color;\n border-radius: 2px;\n width: 30px;\n height: 30px;\n font-size: 20px;\n color: $darker-text-color;\n text-shadow: 0 0 5px black;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &:focus {\n outline: 0 !important;\n\n .ckbox {\n box-shadow: 0 0 1px 1px $ui-highlight-color;\n }\n }\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.loading-indicator {\n color: $dark-text-color;\n font-size: 12px;\n font-weight: 400;\n text-transform: uppercase;\n overflow: visible;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n span {\n display: block;\n float: left;\n margin-left: 50%;\n transform: translateX(-50%);\n margin: 82px 0 0 50%;\n white-space: nowrap;\n }\n}\n\n.loading-indicator__figure {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 42px;\n height: 42px;\n box-sizing: border-box;\n background-color: transparent;\n border: 0 solid lighten($ui-base-color, 26%);\n border-width: 6px;\n border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes loader-figure {\n 0% {\n width: 0;\n height: 0;\n background-color: lighten($ui-base-color, 26%);\n }\n\n 29% {\n background-color: lighten($ui-base-color, 26%);\n }\n\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n\n@keyframes loader-label {\n 0% { opacity: 0.25; }\n 30% { opacity: 1; }\n 100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n display: none;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n top: 4px;\n z-index: 100;\n\n &.spoiler-button--visible {\n display: block;\n }\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n color: $darker-text-color;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.setting-radio {\n display: block;\n line-height: 18px;\n}\n\n.setting-radio__label {\n margin-bottom: 0;\n}\n\n.column-settings__row legend {\n color: $darker-text-color;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-top: 10px;\n}\n\n.setting-radio__input {\n vertical-align: middle;\n}\n\n.setting-meta__label {\n float: right;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n transform-origin: center center;\n animation-timing-function: ease-out;\n }\n\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n\n.pulse-loading {\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n align-items: center;\n background: rgba($base-overlay-background, 0.8);\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n z-index: 2000;\n\n * {\n pointer-events: none;\n }\n}\n\n.upload-area__drop {\n width: 320px;\n height: 160px;\n display: flex;\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n}\n\n.upload-area__background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: $secondary-text-color;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed $ui-base-lighter-color;\n border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.loading-bar {\n background-color: $ui-highlight-color;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.icon-badge-wrapper {\n position: relative;\n}\n\n.icon-badge {\n position: absolute;\n display: block;\n right: -.25em;\n top: -.25em;\n background-color: $ui-highlight-color;\n border-radius: 50%;\n font-size: 75%;\n width: 1em;\n height: 1em;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\nnoscript {\n text-align: center;\n\n img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n }\n\n div {\n font-size: 14px;\n margin: 30px auto;\n color: $secondary-text-color;\n max-width: 400px;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n}\n\n@keyframes flicker {\n 0% { opacity: 1; }\n 30% { opacity: 0.75; }\n 100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n","@charset \"UTF-8\";\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nhtml {\n scrollbar-color: #ccd7e0 rgba(255, 255, 255, 0.1);\n}\n\n::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #ccd7e0;\n border: 0px none #ffffff;\n border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c6d2dc;\n}\n\n::-webkit-scrollbar-thumb:active {\n background: #ccd7e0;\n}\n\n::-webkit-scrollbar-track {\n border: 0px none #ffffff;\n border-radius: 0;\n background: rgba(255, 255, 255, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n background: #d9e1e8;\n}\n\n::-webkit-scrollbar-track:active {\n background: #d9e1e8;\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n\nbody {\n font-family: sans-serif, sans-serif;\n background: #f2f5f7;\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n color: #000000;\n text-rendering: optimizelegibility;\n font-feature-settings: \"kern\";\n text-size-adjust: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n}\nbody.system-font {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif, sans-serif;\n}\nbody.app-body {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0;\n background: #d9e1e8;\n}\nbody.app-body.with-modals--active {\n overflow-y: hidden;\n}\nbody.lighter {\n background: #d9e1e8;\n}\nbody.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n}\nbody.with-modals--active {\n overflow-y: hidden;\n margin-right: 13px;\n}\nbody.embed {\n background: #ccd7e0;\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: #e6ebf0;\n position: fixed;\n width: 100%;\n height: 100%;\n padding: 0;\n}\nbody.error {\n position: absolute;\n text-align: center;\n color: #282c37;\n background: #d9e1e8;\n width: 100%;\n height: 100%;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\nbody.error .dialog {\n vertical-align: middle;\n margin: 20px;\n}\nbody.error .dialog img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n}\nbody.error .dialog h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\nbutton:focus {\n outline: none;\n}\n\n.app-holder, .app-holder > div {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n}\n\n.container-alt {\n width: 700px;\n margin: 0 auto;\n margin-top: 40px;\n}\n@media screen and (max-width: 740px) {\n .container-alt {\n width: 100%;\n margin: 0;\n }\n}\n\n.logo-container {\n margin: 100px auto 50px;\n}\n@media screen and (max-width: 500px) {\n .logo-container {\n margin: 40px auto 0;\n }\n}\n.logo-container h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.logo-container h1 img {\n height: 42px;\n margin-right: 10px;\n}\n.logo-container h1 a {\n display: flex;\n justify-content: center;\n align-items: center;\n color: #000000;\n text-decoration: none;\n outline: 0;\n padding: 12px 16px;\n line-height: 32px;\n font-family: sans-serif, sans-serif;\n font-weight: 500;\n font-size: 14px;\n}\n\n.compose-standalone .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n}\n@media screen and (max-width: 400px) {\n .compose-standalone .compose-form {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n}\n@media screen and (max-width: 440px) {\n .account-header {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n}\n.account-header .avatar {\n width: 40px;\n height: 40px;\n width: 40px;\n height: 40px;\n background-size: 40px 40px;\n margin-right: 8px;\n}\n.account-header .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n}\n.account-header .name {\n flex: 1 1 auto;\n color: #282c37;\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: #c0cdd9;\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: #b3c3d1;\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: #282c37;\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: #000000;\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: #a6b9c9;\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: #99afc2;\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: #282c37;\n}\n.public-layout .public-account-header.inactive .logo-button svg path:last-child {\n fill: #282c37;\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: white;\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: #ccd7e0;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60px;\n border-radius: 0 0 4px 4px;\n z-index: -1;\n}\n.public-layout .public-account-header__bar .avatar {\n display: block;\n width: 120px;\n height: 120px;\n width: 120px;\n height: 120px;\n background-size: 120px 120px;\n padding-left: 16px;\n flex: 0 0 auto;\n}\n.public-layout .public-account-header__bar .avatar img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid #ccd7e0;\n background: #f2f5f7;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n margin-top: 0;\n background: #ccd7e0;\n border-radius: 0 0 4px 4px;\n padding: 5px;\n }\n .public-layout .public-account-header__bar::before {\n display: none;\n }\n .public-layout .public-account-header__bar .avatar {\n width: 48px;\n height: 48px;\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n padding: 7px 0;\n padding-left: 10px;\n }\n .public-layout .public-account-header__bar .avatar img {\n border: 0;\n border-radius: 4px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n }\n}\n@media screen and (max-width: 600px) and (max-width: 360px) {\n .public-layout .public-account-header__bar .avatar {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header__bar {\n border-radius: 0;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n flex-wrap: wrap;\n }\n}\n.public-layout .public-account-header__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n}\n.public-layout .public-account-header__tabs__name {\n padding-top: 20px;\n padding-bottom: 8px;\n}\n.public-layout .public-account-header__tabs__name h1 {\n font-size: 20px;\n line-height: 27px;\n color: #000000;\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: #000000;\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: #282c37;\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: #282c37;\n padding: 10px;\n border-right: 1px solid #ccd7e0;\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 #2b90d9;\n opacity: 1;\n}\n.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after {\n border-bottom-color: #282c37;\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: #000000;\n font-family: sans-serif, sans-serif;\n}\n.public-layout .public-account-header__tabs__tabs .spacer {\n flex: 1 1 auto;\n height: 1px;\n}\n.public-layout .public-account-header__tabs__tabs__buttons {\n padding: 7px 8px;\n}\n.public-layout .public-account-header__extra {\n display: none;\n margin-top: 4px;\n}\n.public-layout .public-account-header__extra .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n}\n.public-layout .public-account-header__extra .public-account-bio .account__header__fields {\n border-top: 1px solid #b3c3d1;\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: #282c37;\n}\n.public-layout .public-account-header__extra__links a {\n display: inline-block;\n color: #282c37;\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: #000000;\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: #c0cdd9;\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: #217aba;\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: #000000;\n}\n.public-layout .public-account-bio__extra,\n.public-layout .public-account-bio .roles {\n padding: 20px;\n font-size: 14px;\n color: #282c37;\n}\n.public-layout .public-account-bio .roles {\n padding-bottom: 0;\n}\n.public-layout .static-icon-button {\n color: #606984;\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 #c0cdd9;\n }\n .public-layout .card-grid > div {\n width: 100%;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid #c0cdd9;\n }\n .public-layout .card-grid > div:last-child {\n border-bottom: 0;\n }\n .public-layout .card-grid > div .card__bar {\n background: #d9e1e8;\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: #ccd7e0;\n }\n}\n\n.no-list {\n list-style: none;\n}\n.no-list li {\n display: inline-block;\n margin: 0 5px;\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n}\n.recovery-codes li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n}\n\n.modal-layout {\n background: #d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233C5063\"/></svg>') repeat-x bottom fixed;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n}\n\n.modal-layout__mastodon {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-end;\n}\n.modal-layout__mastodon > * {\n flex: 1;\n max-height: 235px;\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n.public-layout .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: #6d8ca7;\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: #6d8ca7;\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: #282c37;\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: #6d8ca7;\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: #6d8ca7;\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: #60829f;\n}\n\n.compact-header h1 {\n font-size: 24px;\n line-height: 28px;\n color: #282c37;\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: #282c37;\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: #d9e1e8;\n padding: 20px;\n border-radius: 0 0 4px 4px;\n font-size: 15px;\n color: #282c37;\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: #131419;\n}\n.hero-widget__text a {\n color: #282c37;\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: #282c37;\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: #d9e1e8;\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: #d9e1e8;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n\n.contact-widget {\n font-size: 15px;\n color: #282c37;\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: #000000;\n text-decoration: none;\n}\n\n.moved-account-widget {\n padding: 15px;\n padding-bottom: 20px;\n border-radius: 4px;\n background: #d9e1e8;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n color: #282c37;\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: #282c37;\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: #282c37;\n margin-bottom: 10px;\n}\n\n.page-header {\n background: #c0cdd9;\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: #000000;\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: #282c37;\n}\n@media screen and (max-width: 415px) {\n .page-header {\n margin-top: 0;\n background: #ccd7e0;\n }\n .page-header h1 {\n font-size: 24px;\n }\n}\n\n.directory {\n background: #d9e1e8;\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: #d9e1e8;\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: #c0cdd9;\n}\n.directory__tag.active > a {\n background: #2b90d9;\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: #000000;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__tag h4 .fa {\n color: #282c37;\n}\n.directory__tag h4 small {\n display: block;\n font-weight: 400;\n font-size: 15px;\n margin-top: 8px;\n color: #282c37;\n}\n.directory__tag.active h4,\n.directory__tag.active h4 .fa,\n.directory__tag.active h4 small {\n color: #000000;\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: #2b90d9;\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: #f2f5f7;\n border: 2px solid #d9e1e8;\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: #282c37;\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 #c0cdd9;\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: #000000;\n}\n.accounts-table__count small {\n display: block;\n color: #282c37;\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 #a6b9c9;\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: #282c37;\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: #2b90d9;\n}\n.notice-widget a:hover, .notice-widget a:focus, .notice-widget a:active {\n text-decoration: underline;\n}\n\ncode {\n font-family: monospace, monospace;\n font-weight: 400;\n}\n\n.form-container {\n max-width: 400px;\n padding: 20px;\n margin: 0 auto;\n}\n\n.simple_form .input {\n margin-bottom: 15px;\n overflow: hidden;\n}\n.simple_form .input.hidden {\n margin: 0;\n}\n.simple_form .input.radio_buttons .radio {\n margin-bottom: 15px;\n}\n.simple_form .input.radio_buttons .radio:last-child {\n margin-bottom: 0;\n}\n.simple_form .input.radio_buttons .radio > label {\n position: relative;\n padding-left: 28px;\n}\n.simple_form .input.radio_buttons .radio > label input {\n position: absolute;\n top: -2px;\n left: 0;\n}\n.simple_form .input.boolean {\n position: relative;\n margin-bottom: 0;\n}\n.simple_form .input.boolean .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: #000000;\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: #2b90d9;\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: #282c37;\n}\n.simple_form .hint a {\n color: #2b90d9;\n}\n.simple_form .hint code {\n border-radius: 3px;\n padding: 0.2em 0.4em;\n background: white;\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: #282c37;\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: #000000;\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: #000000;\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: #000000;\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: #c1203b;\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: #000000;\n display: block;\n width: auto;\n}\n.simple_form .check_boxes .checkbox label {\n font-family: inherit;\n font-size: 14px;\n color: #000000;\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: #000000;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: #f9fafb;\n border: 1px solid white;\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: #c1203b;\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: white;\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: #2b90d9;\n background: #f2f5f7;\n}\n.simple_form .input.field_with_errors label {\n color: #c1203b;\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: #c1203b;\n}\n.simple_form .input.field_with_errors .error {\n display: block;\n font-weight: 500;\n color: #c1203b;\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: #2b90d9;\n color: #000000;\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: #2482c7;\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: #419bdd;\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: #db2a47;\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: #e3566d;\n}\n.simple_form select {\n appearance: none;\n box-sizing: border-box;\n font-size: 16px;\n color: #000000;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: #f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;\n border: 1px solid white;\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: #444b5d;\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(249, 250, 251, 0), #f9fafb);\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(217, 225, 232, 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: #000000;\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: #c0cdd9;\n color: #282c37;\n border-radius: 4px;\n padding: 15px 10px;\n margin-bottom: 30px;\n text-align: center;\n}\n.flash-message.notice {\n border: 1px solid rgba(121, 189, 154, 0.5);\n background: rgba(121, 189, 154, 0.25);\n color: #79bd9a;\n}\n.flash-message.alert {\n border: 1px solid rgba(223, 64, 90, 0.5);\n background: rgba(223, 64, 90, 0.25);\n color: #df405a;\n}\n.flash-message p {\n margin-bottom: 15px;\n}\n.flash-message .oauth-code {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: monospace, monospace;\n background: #d9e1e8;\n color: #000000;\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: #ccd7e0;\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: #282c37;\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: #2b90d9;\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: #217aba;\n}\n\n.oauth-prompt,\n.follow-prompt {\n margin-bottom: 30px;\n color: #282c37;\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: #282c37;\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: #282c37;\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: #000000;\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: #000000;\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: #282c37;\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: #000000;\n text-align: center;\n margin-bottom: 20px;\n border: 0;\n padding: 0;\n}\n.alternative-login .button {\n display: block;\n}\n\n.scope-danger {\n color: #ff5050;\n}\n\n.form_admin_settings_site_short_description textarea,\n.form_admin_settings_site_description textarea,\n.form_admin_settings_site_extended_description textarea,\n.form_admin_settings_site_terms textarea,\n.form_admin_settings_custom_css textarea,\n.form_admin_settings_closed_registrations_message textarea {\n font-family: monospace, monospace;\n}\n\n.input-copy {\n background: #f9fafb;\n border: 1px solid white;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding-right: 4px;\n position: relative;\n top: 1px;\n transition: border-color 300ms linear;\n}\n.input-copy__wrapper {\n flex: 1 1 auto;\n}\n.input-copy input[type=text] {\n background: transparent;\n border: 0;\n padding: 10px;\n font-size: 14px;\n font-family: monospace, monospace;\n}\n.input-copy button {\n flex: 0 0 auto;\n margin: 4px;\n text-transform: none;\n font-weight: 400;\n font-size: 14px;\n padding: 7px 18px;\n padding-bottom: 6px;\n width: auto;\n transition: background 300ms linear;\n}\n.input-copy.copied {\n border-color: #79bd9a;\n transition: none;\n}\n.input-copy.copied button {\n background: #79bd9a;\n transition: none;\n}\n\n.connection-prompt {\n margin-bottom: 25px;\n}\n.connection-prompt .fa-link {\n background-color: #e6ebf0;\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: #c0cdd9;\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: #e6ebf0;\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: #c0cdd9;\n}\n.card__img {\n height: 130px;\n position: relative;\n background: white;\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: #ccd7e0;\n border-radius: 0 0 4px 4px;\n}\n@media screen and (max-width: 415px) {\n .card__bar {\n border-radius: 0;\n }\n}\n.card__bar .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n padding-top: 2px;\n}\n.card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n background: #f2f5f7;\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: #000000;\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: #282c37;\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: #000000;\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: #000000;\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: #282c37;\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: black;\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: #d9e1e8;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n color: #444b5d;\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: #282c37;\n background-color: rgba(40, 44, 55, 0.1);\n border: 1px solid rgba(40, 44, 55, 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: #c1203b;\n background-color: rgba(193, 32, 59, 0.1);\n border-color: rgba(193, 32, 59, 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 #b3c3d1;\n border-bottom: 1px solid #b3c3d1;\n font-size: 14px;\n line-height: 20px;\n}\n.account__header__fields dl {\n display: flex;\n border-bottom: 1px solid #b3c3d1;\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: #282c37;\n background: rgba(242, 245, 247, 0.5);\n}\n.account__header__fields dd {\n flex: 1 1 auto;\n color: #282c37;\n}\n.account__header__fields a {\n color: #2b90d9;\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: #d9e1e8;\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: #c0cdd9;\n}\n\n.button.logo-button {\n flex: 0 auto;\n font-size: 14px;\n background: #2b90d9;\n color: #000000;\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: #000000;\n}\n.button.logo-button svg path:last-child {\n fill: #2b90d9;\n}\n.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {\n background: #2074b1;\n}\n.button.logo-button:active svg path:last-child, .button.logo-button:focus svg path:last-child, .button.logo-button:hover svg path:last-child {\n fill: #2074b1;\n}\n.button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover {\n background: #df405a;\n}\n.button.logo-button.button--destructive:active svg path:last-child, .button.logo-button.button--destructive:focus svg path:last-child, .button.logo-button.button--destructive:hover svg path:last-child {\n fill: #df405a;\n}\n@media screen and (max-width: 415px) {\n .button.logo-button svg {\n display: none;\n }\n}\n\n.embed .detailed-status,\n.public-layout .detailed-status {\n padding: 15px;\n}\n.embed .status,\n.public-layout .status {\n padding: 15px 15px 15px 78px;\n min-height: 50px;\n}\n.embed .status__avatar,\n.public-layout .status__avatar {\n left: 15px;\n top: 17px;\n}\n.embed .status__content,\n.public-layout .status__content {\n padding-top: 5px;\n}\n.embed .status__prepend,\n.public-layout .status__prepend {\n padding: 8px 0;\n padding-bottom: 2px;\n margin: initial;\n margin-left: 78px;\n padding-top: 15px;\n}\n.embed .status__prepend-icon-wrapper,\n.public-layout .status__prepend-icon-wrapper {\n position: absolute;\n margin: initial;\n float: initial;\n width: auto;\n left: -32px;\n}\n.embed .status .media-gallery, .embed .status__action-bar,\n.embed .status .video-player,\n.public-layout .status .media-gallery,\n.public-layout .status__action-bar,\n.public-layout .status .video-player {\n margin-top: 10px;\n}\n\n.embed .status .status__info,\n.public-layout .status .status__info {\n font-size: 15px;\n display: initial;\n}\n.embed .status .status__relative-time,\n.public-layout .status .status__relative-time {\n color: #444b5d;\n float: right;\n font-size: 14px;\n width: auto;\n margin: initial;\n padding: initial;\n}\n.embed .status .status__info .status__display-name,\n.public-layout .status .status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding: 6px 0;\n padding-right: 25px;\n margin: initial;\n}\n.embed .status .status__info .status__display-name .display-name strong,\n.public-layout .status .status__info .status__display-name .display-name strong {\n display: inline;\n}\n.embed .status .status__avatar,\n.public-layout .status .status__avatar {\n height: 48px;\n position: absolute;\n width: 48px;\n margin: initial;\n}\n\n.rtl .embed .status .status__relative-time, .rtl .public-layout .status .status__relative-time {\n float: left;\n}\n\n.app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n background-color: #3897db;\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: #000000;\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: #227dbe;\n transition: all 200ms ease-out;\n}\n.button--destructive {\n transition: none;\n}\n.button--destructive:active, .button--destructive:focus, .button--destructive:hover {\n background-color: #df405a;\n transition: none;\n}\n.button:disabled {\n background-color: #9baec8;\n cursor: default;\n}\n.button.button-primary, .button.button-alternative, .button.button-secondary, .button.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n}\n.button.button-alternative {\n color: #000000;\n background: #9baec8;\n}\n.button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover {\n background-color: #8ea3c1;\n}\n.button.button-alternative-2 {\n background: #3c5063;\n}\n.button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover {\n background-color: #344656;\n}\n.button.button-secondary {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n color: #282c37;\n text-transform: none;\n background: transparent;\n padding: 3px 15px;\n border-radius: 4px;\n border: 1px solid #9baec8;\n}\n.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {\n border-color: #8ea3c1;\n color: #1f232b;\n}\n.button.button-secondary:disabled {\n opacity: 0.5;\n}\n.button.button--block {\n display: block;\n width: 100%;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: #606984;\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: #51596f;\n transition: color 200ms ease-out;\n}\n.icon-button.disabled {\n color: #828ba4;\n cursor: default;\n}\n.icon-button.active {\n color: #2b90d9;\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: #282c37;\n}\n.icon-button.inverted:hover, .icon-button.inverted:active, .icon-button.inverted:focus {\n color: #373d4c;\n}\n.icon-button.inverted.disabled {\n color: #191b22;\n}\n.icon-button.inverted.active {\n color: #2b90d9;\n}\n.icon-button.inverted.active.disabled {\n color: #1d6ca4;\n}\n.icon-button.overlayed {\n box-sizing: content-box;\n background: rgba(255, 255, 255, 0.6);\n color: rgba(0, 0, 0, 0.7);\n border-radius: 4px;\n padding: 2px;\n}\n.icon-button.overlayed:hover {\n background: rgba(255, 255, 255, 0.9);\n}\n\n.text-icon-button {\n color: #282c37;\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: #373d4c;\n transition: color 200ms ease-out;\n}\n.text-icon-button.disabled {\n color: black;\n cursor: default;\n}\n.text-icon-button.active {\n color: #2b90d9;\n}\n.text-icon-button::-moz-focus-inner {\n border: 0;\n}\n.text-icon-button::-moz-focus-inner, .text-icon-button:focus, .text-icon-button:active {\n outline: 0 !important;\n}\n\n.dropdown-menu {\n position: absolute;\n transform-origin: 50% 0;\n}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n}\n.invisible img,\n.invisible svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.ellipsis::after {\n content: \"…\";\n}\n\n.notification__favourite-icon-wrapper {\n left: 0;\n position: absolute;\n}\n.notification__favourite-icon-wrapper .fa.star-icon {\n color: #ca8f04;\n}\n\n.star-icon.active {\n color: #ca8f04;\n}\n\n.bookmark-icon.active {\n color: #ff5050;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n}\n.notification__display-name:hover {\n color: #000000;\n text-decoration: underline;\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.display-name strong {\n display: block;\n height: 18px;\n font-size: 16px;\n font-weight: 500;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.display-name span {\n display: block;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.display-name:hover strong {\n text-decoration: underline;\n}\n.display-name.inline {\n padding: 0;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.display-name.inline strong {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n}\n.display-name.inline span {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.image-loader .image-loader__preview-canvas {\n max-width: 100%;\n max-height: 80%;\n background: url(\"~images/void.png\") repeat;\n object-fit: contain;\n}\n.image-loader .loading-bar {\n position: relative;\n}\n.image-loader.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.zoomable-image img {\n max-width: 100%;\n max-height: 80%;\n width: auto;\n height: auto;\n object-fit: contain;\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid #393f4f;\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: #282c37;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.dropdown-menu ul {\n list-style: none;\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n}\n.dropdown-menu__arrow.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #282c37;\n}\n.dropdown-menu__arrow.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: #282c37;\n}\n.dropdown-menu__arrow.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: #282c37;\n}\n.dropdown-menu__arrow.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #282c37;\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: #282c37;\n color: #000000;\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: #2b90d9;\n color: #282c37;\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: #282c37;\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: #282c37;\n color: #000000;\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: #2b90d9;\n color: #282c37;\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.static-content {\n padding: 10px;\n padding-top: 20px;\n color: #444b5d;\n}\n.static-content h1 {\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 40px;\n text-align: center;\n}\n.static-content p {\n font-size: 13px;\n margin-bottom: 20px;\n}\n\n.tabs-bar {\n display: flex;\n background: #c0cdd9;\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: #000000;\n text-decoration: none;\n text-align: center;\n font-size: 14px;\n font-weight: 500;\n border-bottom: 2px solid #c0cdd9;\n transition: all 200ms linear;\n}\n.tabs-bar__link .fa {\n font-weight: 400;\n font-size: 16px;\n}\n.tabs-bar__link.active {\n border-bottom: 2px solid #2b90d9;\n color: #2b90d9;\n}\n@media screen and (min-width: 631px) {\n .auto-columns .tabs-bar__link:hover, .auto-columns .tabs-bar__link:focus, .auto-columns .tabs-bar__link:active {\n background: #adbecd;\n transition: all 100ms linear;\n }\n}\n.multi-columns .tabs-bar__link:hover, .multi-columns .tabs-bar__link:focus, .multi-columns .tabs-bar__link:active {\n background: #adbecd;\n transition: all 100ms linear;\n}\n.tabs-bar__link span:last-child {\n margin-left: 5px;\n display: none;\n}\n\n@media screen and (min-width: 631px) {\n .auto-columns .tabs-bar {\n display: none;\n }\n}\n\n.multi-columns .tabs-bar {\n display: none;\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform;\n}\n.scrollable.optionally-scrollable {\n overflow-y: auto;\n}\n@supports (display: grid) {\n .scrollable {\n contain: strict;\n }\n}\n.scrollable--flex {\n display: flex;\n flex-direction: column;\n}\n.scrollable__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n}\n\n@supports (display: grid) {\n .scrollable.fullscreen {\n contain: none;\n }\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 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: #d9e1e8;\n transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #f9fafb;\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: #2b90d9;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #2074b1;\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 #d9e1e8;\n border-radius: 50%;\n background-color: white;\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: #2b90d9;\n}\n\n.getting-started__wrapper,\n.getting_started {\n background: #d9e1e8;\n}\n\n.getting-started__wrapper {\n position: relative;\n overflow-y: auto;\n}\n\n.getting-started {\n background: #d9e1e8;\n flex: 1 0 auto;\n}\n.getting-started p {\n color: #282c37;\n}\n.getting-started a {\n color: #444b5d;\n}\n.getting-started__panel {\n height: min-content;\n}\n.getting-started__panel, .getting-started__footer {\n padding: 10px;\n padding-top: 20px;\n flex: 0 1 auto;\n}\n.getting-started__panel ul, .getting-started__footer ul {\n margin-bottom: 10px;\n}\n.getting-started__panel ul li, .getting-started__footer ul li {\n display: inline;\n}\n.getting-started__panel p, .getting-started__footer p {\n color: #444b5d;\n font-size: 13px;\n}\n.getting-started__panel p a, .getting-started__footer p a {\n color: #444b5d;\n text-decoration: underline;\n}\n.getting-started__panel a, .getting-started__footer a {\n text-decoration: none;\n color: #282c37;\n}\n.getting-started__panel a:hover, .getting-started__panel a:focus, .getting-started__panel a:active, .getting-started__footer a:hover, .getting-started__footer a:focus, .getting-started__footer a:active {\n text-decoration: underline;\n}\n\n.column-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: #d9e1e8;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n}\n.keyboard-shortcuts thead {\n position: absolute;\n left: -9999px;\n}\n.keyboard-shortcuts td {\n padding: 0 10px 8px;\n}\n.keyboard-shortcuts kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: #c0cdd9;\n border: 1px solid #e6ebf0;\n}\n\n.setting-text {\n color: #282c37;\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: #000000;\n border-bottom-color: #2b90d9;\n}\n@media screen and (max-width: 600px) {\n .auto-columns .setting-text, .single-column .setting-text {\n font-size: 16px;\n }\n}\n.setting-text.light {\n color: #000000;\n border-bottom: 2px solid #839db4;\n}\n.setting-text.light:focus, .setting-text.light:active {\n color: #000000;\n border-bottom-color: #2b90d9;\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: #606984;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: #2b90d9;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n color: #828ba4;\n}\n\n.load-more {\n display: block;\n color: #444b5d;\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: #d3dce4;\n}\n\n.load-gap {\n border-bottom: 1px solid #c0cdd9;\n}\n\n.missing-indicator {\n padding-top: 68px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n border-top: 1px solid #d9e1e8;\n}\n\n.notification__dismiss-overlay {\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n bottom: -1px;\n padding-left: 15px;\n z-index: 999;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n display: flex;\n}\n.notification__dismiss-overlay .wrappy {\n width: 4rem;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: #c0cdd9;\n border-left: 1px solid #99afc2;\n box-shadow: 0 0 5px black;\n border-bottom: 1px solid #d9e1e8;\n}\n.notification__dismiss-overlay .ckbox {\n border: 2px solid #9baec8;\n border-radius: 2px;\n width: 30px;\n height: 30px;\n font-size: 20px;\n color: #282c37;\n text-shadow: 0 0 5px black;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.notification__dismiss-overlay:focus {\n outline: 0 !important;\n}\n.notification__dismiss-overlay:focus .ckbox {\n box-shadow: 0 0 1px 1px #2b90d9;\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.loading-indicator {\n color: #444b5d;\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 #86a0b6;\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: #86a0b6;\n }\n 29% {\n background-color: #86a0b6;\n }\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n@keyframes loader-label {\n 0% {\n opacity: 0.25;\n }\n 30% {\n opacity: 1;\n }\n 100% {\n opacity: 0.25;\n }\n}\n.spoiler-button {\n display: none;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n top: 4px;\n z-index: 100;\n}\n.spoiler-button.spoiler-button--visible {\n display: block;\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n color: #282c37;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.setting-radio {\n display: block;\n line-height: 18px;\n}\n\n.setting-radio__label {\n margin-bottom: 0;\n}\n\n.column-settings__row legend {\n color: #282c37;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-top: 10px;\n}\n\n.setting-radio__input {\n vertical-align: middle;\n}\n\n.setting-meta__label {\n float: right;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n transform-origin: center center;\n animation-timing-function: ease-out;\n }\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n.pulse-loading {\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n align-items: center;\n background: rgba(255, 255, 255, 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: #d9e1e8;\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: #282c37;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed #3c5063;\n border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.loading-bar {\n background-color: #2b90d9;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.icon-badge-wrapper {\n position: relative;\n}\n\n.icon-badge {\n position: absolute;\n display: block;\n right: -0.25em;\n top: -0.25em;\n background-color: #2b90d9;\n border-radius: 50%;\n font-size: 75%;\n width: 1em;\n height: 1em;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\nnoscript {\n text-align: center;\n}\nnoscript img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n}\nnoscript div {\n font-size: 14px;\n margin: 30px auto;\n color: #282c37;\n max-width: 400px;\n}\nnoscript div a {\n color: #2b90d9;\n text-decoration: underline;\n}\nnoscript div a:hover {\n text-decoration: none;\n}\n\n@keyframes flicker {\n 0% {\n opacity: 1;\n }\n 30% {\n opacity: 0.75;\n }\n 100% {\n opacity: 1;\n }\n}\nbutton.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\");\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='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\");\n}\n\nbutton.icon-button.disabled i.fa-retweet, button.icon-button.disabled i.fa-retweet:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\");\n}\n\n.status-direct button.icon-button.disabled i.fa-retweet, .status-direct button.icon-button.disabled i.fa-retweet:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\");\n}\n\n.account {\n padding: 10px;\n border-bottom: 1px solid #c0cdd9;\n color: inherit;\n text-decoration: none;\n}\n.account .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: #282c37;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n}\n.account.small {\n border: none;\n padding: 0;\n}\n.account.small > .account__avatar-wrapper {\n margin: 0 8px 0 0;\n}\n.account.small > .display-name {\n height: 24px;\n line-height: 24px;\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n position: relative;\n cursor: pointer;\n}\n.account__avatar-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n}\n\n.account__avatar-overlay {\n position: relative;\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n}\n.account__avatar-overlay-base {\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n width: 36px;\n height: 36px;\n background-size: 36px 36px;\n}\n.account__avatar-overlay-overlay {\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-size: 24px 24px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__header__wrapper {\n flex: 0 0 auto;\n background: #ccd7e0;\n}\n\n.account__disclaimer {\n padding: 10px;\n color: #444b5d;\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 #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-left: 1px solid #c0cdd9;\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n}\n.account__action-bar__tab:first-child {\n border-left: 0;\n}\n.account__action-bar__tab.active {\n border-bottom: 4px solid #2b90d9;\n}\n.account__action-bar__tab > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: #282c37;\n}\n.account__action-bar__tab strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: #000000;\n}\n.account__action-bar__tab strong:lang(ja) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(ko) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-CN) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-HK) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-TW) {\n font-weight: 700;\n}\n.account__action-bar__tab abbr {\n color: #2b90d9;\n}\n\n.account-authorize {\n padding: 14px 10px;\n}\n.account-authorize .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.notification__message {\n margin-left: 42px;\n padding: 8px 0 0 26px;\n cursor: default;\n color: #282c37;\n font-size: 15px;\n position: relative;\n}\n.notification__message .fa {\n color: #2b90d9;\n}\n.notification__message > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.account--panel {\n background: #ccd7e0;\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\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: #c0cdd9;\n padding: 15px;\n}\n\n.column-settings__section {\n color: #282c37;\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: #d9e1e8;\n color: #282c37;\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: #ccd7e0;\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: #444b5d;\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: #c0cdd9;\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: #b3c3d1;\n color: #1f232b;\n}\n.column-settings__hashtags .column-select__multi-value__label, .column-settings__hashtags .column-select__input {\n color: #282c37;\n}\n.column-settings__hashtags .column-select__clear-indicator, .column-settings__hashtags .column-select__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: #444b5d;\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: #3b4151;\n}\n.column-settings__hashtags .column-select__indicator-separator {\n background-color: #c0cdd9;\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: #444b5d;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n padding: 0;\n background: #282c37;\n}\n.column-settings__hashtags .column-select__menu h4 {\n text-transform: uppercase;\n color: #444b5d;\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: #000000;\n}\n.column-settings__hashtags .column-select__menu-list {\n padding: 6px;\n}\n.column-settings__hashtags .column-select__option {\n color: #000000;\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: #3d4455;\n}\n\n.column-settings__row .text-btn {\n margin-bottom: 15px;\n}\n\n.relationship-tag {\n color: #000000;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: #ffffff;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 500;\n padding: 4px;\n border-radius: 4px;\n opacity: 0.7;\n}\n.relationship-tag:hover {\n opacity: 1;\n}\n\n.account-gallery__container {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n padding: 2px;\n}\n\n.account-gallery__item {\n flex-grow: 1;\n width: 50%;\n overflow: hidden;\n position: relative;\n}\n.account-gallery__item::before {\n content: \"\";\n display: block;\n padding-top: 100%;\n}\n.account-gallery__item a {\n display: block;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n margin: 2px;\n top: 0;\n left: 0;\n background-color: #ffffff;\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: #282c37;\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(255, 255, 255, 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: #e6ebf0;\n border-bottom: 1px solid #c0cdd9;\n cursor: default;\n display: flex;\n flex-shrink: 0;\n}\n.notification__filter-bar button,\n.account__section-headline button {\n background: #e6ebf0;\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: #282c37;\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: #282c37;\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 #c0cdd9;\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 #d9e1e8;\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: #ccd7e0;\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n}\n.account__moved-note__message {\n position: relative;\n margin-left: 58px;\n color: #444b5d;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n}\n.account__moved-note__message > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.account__moved-note__icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.account__moved-note .detailed-status__display-avatar {\n position: relative;\n}\n.account__moved-note .detailed-status__display-name {\n margin-bottom: 0;\n}\n\n.account__header__content {\n color: #282c37;\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: #e6ebf0;\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: #ccd7e0;\n padding: 5px;\n border-bottom: 1px solid #b3c3d1;\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: #f2f5f7;\n border: 2px solid #ccd7e0;\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 #b3c3d1;\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: #000000;\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: #282c37;\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: #000000;\n}\n.account__header__bio .account__header__fields {\n margin: 0;\n border-top: 1px solid #b3c3d1;\n}\n.account__header__bio .account__header__fields a {\n color: #217aba;\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: #282c37;\n}\n.account__header__extra__links a {\n display: inline-block;\n color: #282c37;\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: #000000;\n}\n\n.domain {\n padding: 10px;\n border-bottom: 1px solid #c0cdd9;\n}\n.domain .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: #000000;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content {\n position: relative;\n margin: 10px 0;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n overflow: visible;\n padding-top: 5px;\n}\n.status__content em {\n font-style: italic;\n}\n.status__content strong {\n font-weight: bold;\n}\n.status__content ul {\n list-style: disc inside;\n}\n.status__content ol {\n list-style: decimal inside;\n}\n.status__content blockquote {\n margin: 0.2em 0 0.2em 2em;\n font-style: italic;\n}\n.status__content:focus {\n outline: 0;\n}\n.status__content .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.status__content p {\n margin-bottom: 20px;\n white-space: pre-wrap;\n}\n.status__content p:last-child {\n margin-bottom: 0;\n}\n.status__content a {\n color: #d8a070;\n text-decoration: none;\n}\n.status__content a:hover {\n text-decoration: underline;\n}\n.status__content a:hover .fa {\n color: #353a48;\n}\n.status__content a.mention:hover {\n text-decoration: none;\n}\n.status__content a.mention:hover span {\n text-decoration: underline;\n}\n.status__content a .fa {\n color: #444b5d;\n}\n.status__content .status__content__spoiler {\n display: none;\n}\n.status__content .status__content__spoiler.status__content__spoiler--visible {\n display: block;\n}\n.status__content .status__content__spoiler-link {\n background: #7a96ae;\n}\n.status__content .status__content__spoiler-link:hover {\n background: #708ea9;\n text-decoration: none;\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: #7a96ae;\n border: none;\n color: #000000;\n font-weight: 500;\n font-size: 11px;\n padding: 0 5px;\n text-transform: uppercase;\n line-height: inherit;\n cursor: pointer;\n vertical-align: bottom;\n}\n.status__content__spoiler-link:hover {\n background: #708ea9;\n text-decoration: none;\n}\n.status__content__spoiler-link .status__content__spoiler-icon {\n display: inline-block;\n margin: 0 0 0 5px;\n border-left: 1px solid currentColor;\n padding: 0 0 0 4px;\n font-size: 16px;\n vertical-align: -2px;\n}\n\n.notif-cleaning .status, .notif-cleaning .notification-follow {\n padding-right: 4.5rem;\n}\n\n.status__wrapper--filtered {\n color: #444b5d;\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 #c0cdd9;\n}\n\n.status__prepend-icon-wrapper {\n float: left;\n margin: 0 10px 0 -58px;\n width: 48px;\n text-align: right;\n}\n\n.notification-follow {\n position: relative;\n border-bottom: 1px solid #c0cdd9;\n}\n.notification-follow .account {\n border-bottom: 0 none;\n}\n\n.focusable:focus {\n outline: 0;\n background: #ccd7e0;\n}\n.focusable:focus .status.status-direct {\n background: #b3c3d1;\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: #c0cdd9;\n}\n\n.status {\n padding: 10px 14px;\n position: relative;\n height: auto;\n border-bottom: 1px solid #c0cdd9;\n cursor: default;\n opacity: 1;\n animation: fade 150ms linear;\n}\n@supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n .status {\n padding-right: 28px;\n }\n}\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.status .video-player {\n margin-top: 8px;\n}\n.status.status-direct {\n background: #c0cdd9;\n}\n.status.light .status__relative-time {\n color: #282c37;\n}\n.status.light .status__display-name {\n color: #000000;\n}\n.status.light .display-name strong {\n color: #000000;\n}\n.status.light .display-name span {\n color: #282c37;\n}\n.status.light .status__content {\n color: #000000;\n}\n.status.light .status__content a {\n color: #2b90d9;\n}\n.status.light .status__content a.status__content__spoiler-link {\n color: #000000;\n background: #9baec8;\n}\n.status.light .status__content a.status__content__spoiler-link:hover {\n background: #8199ba;\n}\n.status.collapsed {\n background-position: center;\n background-size: cover;\n user-select: none;\n}\n.status.collapsed.has-background::before {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));\n pointer-events: none;\n content: \"\";\n}\n.status.collapsed .display-name:hover .display-name__html {\n text-decoration: none;\n}\n.status.collapsed .status__content {\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 0;\n}\n.status.collapsed .status__content:after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(rgba(217, 225, 232, 0), #d9e1e8);\n pointer-events: none;\n}\n.status.collapsed .status__content a:hover {\n text-decoration: none;\n}\n.status.collapsed:focus > .status__content:after {\n background: linear-gradient(rgba(204, 215, 224, 0), #ccd7e0);\n}\n.status.collapsed.status-direct > .status__content:after {\n background: linear-gradient(rgba(192, 205, 217, 0), #c0cdd9);\n}\n.status.collapsed .notification__message {\n margin-bottom: 0;\n}\n.status.collapsed .status__info .notification__message > span {\n white-space: nowrap;\n}\n.status .notification__message {\n margin: -10px 0px 10px 0;\n}\n\n.notification-favourite .status.status-direct {\n background: transparent;\n}\n.notification-favourite .status.status-direct .icon-button.disabled {\n color: #444a5e;\n}\n\n.status__relative-time {\n display: inline-block;\n margin-left: auto;\n padding-left: 18px;\n width: 120px;\n color: #444b5d;\n font-size: 14px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.status__display-name {\n margin: 0 auto 0 0;\n color: #444b5d;\n overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n display: block;\n max-width: 100%;\n}\n\n.status__info {\n display: flex;\n font-size: 15px;\n}\n.status__info > span {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.status__info .notification__message > span {\n word-wrap: break-word;\n}\n\n.status__info__icons {\n margin-left: auto;\n display: flex;\n align-items: center;\n height: 1em;\n color: #606984;\n}\n.status__info__icons .status__media-icon {\n padding-left: 6px;\n padding-right: 1px;\n}\n.status__info__icons .status__visibility-icon {\n padding-left: 4px;\n}\n\n.status__info__account {\n display: flex;\n align-items: center;\n}\n\n.status-check-box {\n border-bottom: 1px solid #282c37;\n display: flex;\n}\n.status-check-box .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n}\n.status-check-box .status-check-box__status .media-gallery {\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .status__content {\n padding: 0;\n white-space: normal;\n}\n.status-check-box .status-check-box__status .video-player {\n margin-top: 8px;\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .media-gallery__item-thumbnail {\n cursor: default;\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin: -10px -10px 10px;\n color: #444b5d;\n padding: 8px 10px 0 68px;\n font-size: 14px;\n position: relative;\n}\n.status__prepend .status__display-name strong {\n color: #444b5d;\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: #606984;\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: #ccd7e0;\n padding: 14px 10px;\n}\n.detailed-status--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n}\n.detailed-status--flex .status__content,\n.detailed-status--flex .detailed-status__meta {\n flex: 100%;\n}\n.detailed-status .status__content {\n font-size: 19px;\n line-height: 24px;\n}\n.detailed-status .status__content .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .video-player {\n margin-top: 8px;\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: #444b5d;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: #ccd7e0;\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name strong,\n.account__display-name strong {\n color: #000000;\n}\n\n.muted .emojione {\n opacity: 0.5;\n}\n\n.status__display-name:hover strong,\n.reply-indicator__display-name:hover strong,\n.detailed-status__display-name:hover strong,\n.account__display-name:hover strong {\n text-decoration: underline;\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: #282c37;\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: #000000;\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n flex: none;\n margin: 0 10px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.muted .status__content,\n.muted .status__content p,\n.muted .status__content a {\n color: #444b5d;\n}\n.muted .status__display-name strong {\n color: #444b5d;\n}\n.muted .status__avatar {\n opacity: 0.5;\n}\n.muted a.status__content__spoiler-link {\n background: #3c5063;\n color: #000000;\n}\n.muted a.status__content__spoiler-link:hover {\n background: #7d98b0;\n text-decoration: none;\n}\n\n.status__relative-time:hover,\n.detailed-status__datetime:hover {\n text-decoration: underline;\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid #c0cdd9;\n border-radius: 4px;\n color: #444b5d;\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: #000000;\n background: transparent;\n border: 0;\n padding: 0 5px;\n text-decoration: none;\n opacity: 0.6;\n font-size: 18px;\n line-height: 18px;\n}\n.status-card__actions button:hover, .status-card__actions button:active, .status-card__actions button:focus,\n.status-card__actions a:hover,\n.status-card__actions a:active,\n.status-card__actions a:focus {\n opacity: 1;\n}\n.status-card__actions a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n}\n.status-card__actions a .fa, .status-card__actions a:hover .fa {\n color: inherit;\n}\n\na.status-card {\n cursor: pointer;\n}\na.status-card:hover {\n background: #c0cdd9;\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: #282c37;\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: #282c37;\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: #c0cdd9;\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: #ccd7e0;\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: #ccd7e0;\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.status__video-player {\n display: flex;\n align-items: center;\n background: #000000;\n box-sizing: border-box;\n cursor: default;\n /* May not be needed */\n margin-top: 8px;\n overflow: hidden;\n position: relative;\n}\n.status__video-player.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.status__video-player-video {\n height: 100%;\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n.status__video-player-video:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n}\n\n.status__video-player-expand,\n.status__video-player-mute {\n color: #000000;\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: #000000;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n top: 4px;\n z-index: 100;\n}\n.status__video-player-spoiler.status__video-player-spoiler--visible {\n display: block;\n}\n\n.status__video-player-expand {\n bottom: 4px;\n z-index: 100;\n}\n\n.status__video-player-mute {\n top: 4px;\n z-index: 5;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid #c0cdd9;\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n}\n.attachment-list__icon {\n flex: 0 0 auto;\n color: #444b5d;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid #c0cdd9;\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: #444b5d;\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: #444b5d;\n}\n\n.modal-container--preloader {\n background: #c0cdd9;\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(255, 255, 255, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: #282c37;\n color: #000000;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.onboarding-modal__pager {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 470px;\n}\n.onboarding-modal__pager .react-swipeable-view-container > div {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n user-select: text;\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n}\n.error-modal__body > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n .onboarding-modal {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n .onboarding-modal__pager {\n width: 100%;\n height: auto;\n max-width: none;\n max-height: none;\n flex: 1 1 auto;\n }\n}\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: #393f4f;\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: #282c37;\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: #313543;\n background-color: #4a5266;\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: #000000;\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: black;\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.onboarding-modal__dots {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.onboarding-modal__dot {\n width: 14px;\n height: 14px;\n border-radius: 14px;\n background: #4a5266;\n margin: 0 3px;\n cursor: pointer;\n}\n.onboarding-modal__dot:hover {\n background: #4f576c;\n}\n.onboarding-modal__dot.active {\n cursor: default;\n background: #5c657e;\n}\n\n.onboarding-modal__page__wrapper {\n pointer-events: none;\n padding: 25px;\n padding-bottom: 0;\n}\n.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active {\n pointer-events: auto;\n}\n\n.onboarding-modal__page {\n cursor: default;\n line-height: 21px;\n}\n.onboarding-modal__page h1 {\n font-size: 18px;\n font-weight: 500;\n color: #000000;\n margin-bottom: 20px;\n}\n.onboarding-modal__page a {\n color: #2b90d9;\n}\n.onboarding-modal__page a:hover, .onboarding-modal__page a:focus, .onboarding-modal__page a:active {\n color: #2485cb;\n}\n.onboarding-modal__page .navigation-bar a {\n color: inherit;\n}\n.onboarding-modal__page p {\n font-size: 16px;\n color: #282c37;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n.onboarding-modal__page p:last-child {\n margin-bottom: 0;\n}\n.onboarding-modal__page p strong {\n font-weight: 500;\n background: #d9e1e8;\n color: #282c37;\n border-radius: 4px;\n font-size: 14px;\n padding: 3px 6px;\n}\n.onboarding-modal__page p strong:lang(ja) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(ko) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-CN) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-HK) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.onboarding-modal__page__wrapper-0 {\n height: 100%;\n padding: 0;\n}\n\n.onboarding-modal__page-one__lead {\n padding: 65px;\n padding-top: 45px;\n padding-bottom: 0;\n margin-bottom: 10px;\n}\n.onboarding-modal__page-one__lead h1 {\n font-size: 26px;\n line-height: 36px;\n margin-bottom: 8px;\n}\n.onboarding-modal__page-one__lead p {\n margin-bottom: 0;\n}\n.onboarding-modal__page-one__extra {\n padding-right: 65px;\n padding-left: 185px;\n text-align: center;\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n}\n.display-case__label {\n font-weight: 500;\n color: #000000;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n}\n.display-case__case {\n background: #d9e1e8;\n color: #282c37;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n}\n\n.onboarding-modal__page-two p,\n.onboarding-modal__page-three p,\n.onboarding-modal__page-four p,\n.onboarding-modal__page-five p {\n text-align: left;\n}\n.onboarding-modal__page-two .figure,\n.onboarding-modal__page-three .figure,\n.onboarding-modal__page-four .figure,\n.onboarding-modal__page-five .figure {\n background: #f2f5f7;\n color: #282c37;\n margin-bottom: 20px;\n border-radius: 4px;\n padding: 10px;\n text-align: center;\n font-size: 14px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);\n}\n.onboarding-modal__page-two .figure .onboarding-modal__image,\n.onboarding-modal__page-three .figure .onboarding-modal__image,\n.onboarding-modal__page-four .figure .onboarding-modal__image,\n.onboarding-modal__page-five .figure .onboarding-modal__image {\n border-radius: 4px;\n margin-bottom: 10px;\n}\n.onboarding-modal__page-two .figure.non-interactive,\n.onboarding-modal__page-three .figure.non-interactive,\n.onboarding-modal__page-four .figure.non-interactive,\n.onboarding-modal__page-five .figure.non-interactive {\n pointer-events: none;\n text-align: left;\n}\n\n.onboarding-modal__page-four__columns .row {\n display: flex;\n margin-bottom: 20px;\n}\n.onboarding-modal__page-four__columns .row > div {\n flex: 1 1 0;\n margin: 0 10px;\n}\n.onboarding-modal__page-four__columns .row > div:first-child {\n margin-left: 0;\n}\n.onboarding-modal__page-four__columns .row > div:last-child {\n margin-right: 0;\n}\n.onboarding-modal__page-four__columns .row > div p {\n text-align: center;\n}\n.onboarding-modal__page-four__columns .row:last-child {\n margin-bottom: 0;\n}\n.onboarding-modal__page-four__columns .column-header {\n color: #000000;\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n .onboarding-modal__page p {\n font-size: 14px;\n line-height: 20px;\n }\n\n .onboarding-modal__page-two .figure,\n.onboarding-modal__page-three .figure,\n.onboarding-modal__page-four .figure,\n.onboarding-modal__page-five .figure {\n font-size: 12px;\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .row {\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .column-header {\n padding: 5px;\n font-size: 12px;\n }\n}\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal, .doodle-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n background: #17191f;\n color: #000000;\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, .doodle-modal .status__display-name,\n.favourite-modal .status__display-name,\n.confirmation-modal .status__display-name,\n.report-modal .status__display-name,\n.actions-modal .status__display-name,\n.mute-modal .status__display-name {\n display: flex;\n}\n.boost-modal .status__avatar, .doodle-modal .status__avatar,\n.favourite-modal .status__avatar,\n.confirmation-modal .status__avatar,\n.report-modal .status__avatar,\n.actions-modal .status__avatar,\n.mute-modal .status__avatar {\n height: 28px;\n left: 10px;\n top: 10px;\n width: 48px;\n}\n.boost-modal .status__content__spoiler-link, .doodle-modal .status__content__spoiler-link,\n.favourite-modal .status__content__spoiler-link,\n.confirmation-modal .status__content__spoiler-link,\n.report-modal .status__content__spoiler-link,\n.actions-modal .status__content__spoiler-link,\n.mute-modal .status__content__spoiler-link {\n color: #17191f;\n}\n\n.actions-modal .status {\n background: #ffffff;\n border-bottom-color: #282c37;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.actions-modal .dropdown-menu__separator {\n border-bottom-color: #282c37;\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n overflow-x: scroll;\n padding: 10px;\n}\n.boost-modal__container .status,\n.favourite-modal__container .status {\n user-select: text;\n border-bottom: 0;\n}\n\n.boost-modal__action-bar, .doodle-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: #282c37;\n padding: 10px;\n line-height: 36px;\n}\n.boost-modal__action-bar > div, .doodle-modal__action-bar > div,\n.favourite-modal__action-bar > div,\n.confirmation-modal__action-bar > div,\n.mute-modal__action-bar > div {\n flex: 1 1 auto;\n text-align: right;\n color: #282c37;\n padding-right: 10px;\n}\n.boost-modal__action-bar .button, .doodle-modal__action-bar .button,\n.favourite-modal__action-bar .button,\n.confirmation-modal__action-bar .button,\n.mute-modal__action-bar .button {\n flex: 0 0 auto;\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.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 #282c37;\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: #2b90d9;\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 #282c37;\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: #000000;\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 #282c37;\n margin-bottom: 20px;\n}\n.report-modal__comment .setting-text:focus {\n border: 1px solid #393f4f;\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: #000000;\n font-size: 14px;\n}\n@media screen and (max-width: 480px) {\n .report-modal__comment {\n padding: 10px;\n max-width: 100%;\n order: 2;\n }\n .report-modal__comment .setting-toggle {\n margin-bottom: 4px;\n }\n}\n\n.report-modal__target {\n padding: 20px;\n}\n.report-modal__target .media-modal__close {\n top: 19px;\n right: 15px;\n}\n\n.actions-modal {\n max-height: 80vh;\n max-width: 80vw;\n}\n.actions-modal .status {\n overflow-y: auto;\n max-height: 300px;\n}\n.actions-modal strong {\n display: block;\n font-weight: 500;\n}\n.actions-modal .actions-modal__item-label {\n font-weight: 500;\n}\n.actions-modal ul {\n overflow-y: auto;\n flex-shrink: 0;\n}\n.actions-modal ul li:empty {\n margin: 0;\n}\n.actions-modal ul li:not(:empty) a {\n color: #000000;\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: #2b90d9;\n color: #000000;\n}\n.actions-modal ul li:not(:empty) a > .react-toggle, .actions-modal ul li:not(:empty) a > .icon,\n.actions-modal ul li:not(:empty) a button:first-child {\n margin-right: 10px;\n}\n\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.confirmation-modal__action-bar .confirmation-modal__cancel-button,\n.confirmation-modal__action-bar .mute-modal__cancel-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__cancel-button,\n.mute-modal__action-bar .mute-modal__cancel-button {\n background-color: transparent;\n color: #282c37;\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: #313543;\n}\n\n.confirmation-modal__do_not_ask_again {\n padding-left: 20px;\n padding-right: 20px;\n padding-bottom: 10px;\n font-size: 14px;\n}\n.confirmation-modal__do_not_ask_again label, .confirmation-modal__do_not_ask_again input {\n vertical-align: middle;\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.report-modal__target {\n padding: 30px;\n font-size: 16px;\n text-align: center;\n}\n.confirmation-modal__container strong,\n.mute-modal__container strong,\n.report-modal__target strong {\n font-weight: 500;\n}\n.confirmation-modal__container strong:lang(ja),\n.mute-modal__container strong:lang(ja),\n.report-modal__target strong:lang(ja) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(ko),\n.mute-modal__container strong:lang(ko),\n.report-modal__target strong:lang(ko) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-CN),\n.mute-modal__container strong:lang(zh-CN),\n.report-modal__target strong:lang(zh-CN) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-HK),\n.mute-modal__container strong:lang(zh-HK),\n.report-modal__target strong:lang(zh-HK) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-TW),\n.mute-modal__container strong:lang(zh-TW),\n.report-modal__target strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n}\n.embed-modal h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n}\n.embed-modal .embed-modal__container {\n padding: 10px;\n}\n.embed-modal .embed-modal__container .hint {\n margin-bottom: 15px;\n}\n.embed-modal .embed-modal__container .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: \"mastodon-font-monospace\", monospace;\n background: #d9e1e8;\n color: #000000;\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: #ccd7e0;\n}\n@media screen and (max-width: 600px) {\n .embed-modal .embed-modal__container .embed-modal__html {\n font-size: 16px;\n }\n}\n.embed-modal .embed-modal__container .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n}\n\n.focal-point {\n position: relative;\n cursor: pointer;\n overflow: hidden;\n}\n.focal-point.dragging {\n cursor: move;\n}\n.focal-point img {\n max-width: 80vw;\n max-height: 80vh;\n width: auto;\n height: auto;\n margin: auto;\n}\n.focal-point__reticle {\n position: absolute;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%);\n background: url(\"~images/reticle.png\") no-repeat 0 0;\n border-radius: 50%;\n box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.35);\n}\n.focal-point__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.composer {\n padding: 10px;\n}\n\n.no-reduce-motion .composer--spoiler {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n}\n.composer--spoiler.composer--spoiler--visible {\n height: 47px;\n opacity: 1;\n}\n.composer--spoiler input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px;\n padding: 10px;\n width: 100%;\n outline: 0;\n color: #000000;\n background: #ffffff;\n font-size: 14px;\n font-family: inherit;\n resize: vertical;\n}\n.composer--spoiler input:focus {\n outline: 0;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .composer--spoiler input {\n font-size: 16px;\n }\n}\n.single-column .composer--spoiler input {\n font-size: 16px;\n}\n\n.composer--warning {\n color: #000000;\n margin-bottom: 15px;\n background: #9baec8;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n}\n.composer--warning a {\n color: #282c37;\n font-weight: 500;\n text-decoration: underline;\n}\n.composer--warning a:active, .composer--warning a:focus, .composer--warning a:hover {\n text-decoration: none;\n}\n\n.composer--reply {\n margin: 0 0 10px;\n border-radius: 4px;\n padding: 10px;\n background: #9baec8;\n}\n.composer--reply > header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n.composer--reply > header > .account.small {\n color: #000000;\n}\n.composer--reply > header > .cancel {\n float: right;\n line-height: 24px;\n}\n.composer--reply > .content {\n position: relative;\n margin: 10px 0;\n padding: 0 12px;\n font-size: 14px;\n line-height: 20px;\n color: #000000;\n word-wrap: break-word;\n font-weight: 400;\n overflow: visible;\n white-space: pre-wrap;\n padding-top: 5px;\n}\n.composer--reply > .content p {\n margin-bottom: 20px;\n}\n.composer--reply > .content p:last-child {\n margin-bottom: 0;\n}\n.composer--reply > .content a {\n color: #282c37;\n text-decoration: none;\n}\n.composer--reply > .content a:hover {\n text-decoration: underline;\n}\n.composer--reply > .content a.mention:hover {\n text-decoration: none;\n}\n.composer--reply > .content a.mention:hover span {\n text-decoration: underline;\n}\n.composer--reply .emojione {\n width: 20px;\n height: 20px;\n margin: -5px 0 0;\n}\n\n.emoji-picker-dropdown {\n position: absolute;\n right: 5px;\n top: 5px;\n}\n.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,\n.emoji-picker-dropdown ::-webkit-scrollbar-track:active {\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.composer--textarea {\n position: relative;\n}\n.composer--textarea > label .textarea {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px 4px 0 0;\n padding: 10px 32px 0 10px;\n width: 100%;\n min-height: 100px;\n outline: 0;\n color: #000000;\n background: #ffffff;\n font-size: 14px;\n font-family: inherit;\n resize: none;\n scrollbar-color: initial;\n}\n.composer--textarea > label .textarea::-webkit-scrollbar {\n all: unset;\n}\n.composer--textarea > label .textarea:disabled {\n background: #282c37;\n}\n.composer--textarea > label .textarea:focus {\n outline: 0;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .composer--textarea > label .textarea {\n font-size: 16px;\n }\n}\n.single-column .composer--textarea > label .textarea {\n font-size: 16px;\n}\n@media screen and (max-width: 600px) {\n .auto-columns .composer--textarea > label .textarea, .single-column .composer--textarea > label .textarea {\n height: 100px !important;\n resize: vertical;\n }\n}\n\n.composer--textarea--icons {\n display: block;\n position: absolute;\n top: 29px;\n right: 5px;\n bottom: 5px;\n overflow: hidden;\n}\n.composer--textarea--icons > .textarea_icon {\n display: block;\n margin: 2px 0 0 2px;\n width: 24px;\n height: 24px;\n color: #282c37;\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n opacity: 0.8;\n}\n\n.composer--textarea--suggestions {\n display: block;\n position: absolute;\n box-sizing: border-box;\n top: 100%;\n border-radius: 0 0 4px 4px;\n padding: 6px;\n width: 100%;\n color: #000000;\n background: #282c37;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n font-size: 14px;\n z-index: 99;\n}\n.composer--textarea--suggestions[hidden] {\n display: none;\n}\n\n.composer--textarea--suggestions--item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n border-radius: 4px;\n padding: 10px;\n font-size: 14px;\n line-height: 18px;\n overflow: hidden;\n cursor: pointer;\n}\n.composer--textarea--suggestions--item:hover, .composer--textarea--suggestions--item:focus, .composer--textarea--suggestions--item:active, .composer--textarea--suggestions--item.selected {\n background: #3d4455;\n}\n.composer--textarea--suggestions--item > .emoji img {\n display: block;\n float: left;\n margin-right: 8px;\n width: 18px;\n height: 18px;\n}\n.composer--textarea--suggestions--item > .account.small .display-name > span {\n color: #282c37;\n}\n\n.composer--upload_form {\n padding: 5px;\n color: #000000;\n background: #ffffff;\n font-size: 14px;\n}\n.composer--upload_form > .content {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: inherit;\n overflow: hidden;\n}\n\n.composer--upload_form--item {\n flex: 1 1 0;\n margin: 5px;\n min-width: 40%;\n}\n.composer--upload_form--item > div {\n position: relative;\n border-radius: 4px;\n height: 140px;\n width: 100%;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n overflow: hidden;\n}\n.composer--upload_form--item > div textarea {\n display: block;\n position: absolute;\n box-sizing: border-box;\n bottom: 0;\n left: 0;\n margin: 0;\n border: 0;\n padding: 10px;\n width: 100%;\n color: #282c37;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n font-size: 14px;\n font-family: inherit;\n font-weight: 500;\n opacity: 0;\n z-index: 2;\n transition: opacity 0.1s ease;\n}\n.composer--upload_form--item > div textarea:focus {\n color: #ffffff;\n}\n.composer--upload_form--item > div textarea::placeholder {\n opacity: 0.54;\n color: #282c37;\n}\n.composer--upload_form--item > div > .close {\n mix-blend-mode: difference;\n}\n.composer--upload_form--item.active > div textarea {\n opacity: 1;\n}\n\n.composer--upload_form--actions {\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.composer--upload_form--actions .icon-button {\n flex: 0 1 auto;\n color: #282c37;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n}\n.composer--upload_form--actions .icon-button:hover, .composer--upload_form--actions .icon-button:focus, .composer--upload_form--actions .icon-button:active {\n color: #1f232b;\n}\n.composer--upload_form--actions.active {\n opacity: 1;\n}\n\n.composer--upload_form--progress {\n display: flex;\n padding: 10px;\n color: #282c37;\n overflow: hidden;\n}\n.composer--upload_form--progress > .fa {\n font-size: 34px;\n margin-right: 10px;\n}\n.composer--upload_form--progress > .message {\n flex: 1 1 auto;\n}\n.composer--upload_form--progress > .message > span {\n display: block;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n}\n.composer--upload_form--progress > .message > .backdrop {\n position: relative;\n margin-top: 5px;\n border-radius: 6px;\n width: 100%;\n height: 6px;\n background: #3c5063;\n}\n.composer--upload_form--progress > .message > .backdrop > .tracker {\n position: absolute;\n top: 0;\n left: 0;\n height: 6px;\n border-radius: 6px;\n background: #2b90d9;\n}\n\n.compose-form__modifiers {\n color: #000000;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n\n.composer--options {\n padding: 10px;\n background: white;\n box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);\n border-radius: 0 0 4px 4px;\n height: 27px;\n}\n.composer--options > * {\n display: inline-block;\n box-sizing: content-box;\n padding: 0 3px;\n height: 27px;\n line-height: 27px;\n vertical-align: bottom;\n}\n.composer--options > hr {\n display: inline-block;\n margin: 0 3px;\n border-width: 0 0 0 1px;\n border-style: none none none solid;\n border-color: transparent transparent transparent white;\n padding: 0;\n width: 0;\n height: 27px;\n background: transparent;\n}\n\n.composer--options--dropdown.open > .value {\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);\n color: #000000;\n background: #2b90d9;\n transition: none;\n}\n.composer--options--dropdown.open.top > .value {\n border-radius: 0 0 4px 4px;\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);\n}\n\n.composer--options--dropdown--content {\n position: absolute;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n background: #ffffff;\n overflow: hidden;\n transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n display: flex;\n align-items: center;\n padding: 10px;\n color: #000000;\n cursor: pointer;\n}\n.composer--options--dropdown--content--item > .content {\n flex: 1 1 auto;\n color: #282c37;\n}\n.composer--options--dropdown--content--item > .content:not(:first-child) {\n margin-left: 10px;\n}\n.composer--options--dropdown--content--item > .content strong {\n display: block;\n color: #000000;\n font-weight: 500;\n}\n.composer--options--dropdown--content--item:hover, .composer--options--dropdown--content--item.active {\n background: #2b90d9;\n color: #000000;\n}\n.composer--options--dropdown--content--item:hover > .content, .composer--options--dropdown--content--item.active > .content {\n color: #000000;\n}\n.composer--options--dropdown--content--item:hover > .content strong, .composer--options--dropdown--content--item.active > .content strong {\n color: #000000;\n}\n.composer--options--dropdown--content--item.active:hover {\n background: #2485cb;\n}\n\n.composer--publisher {\n padding-top: 10px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n}\n.composer--publisher > .count {\n display: inline-block;\n margin: 0 16px 0 8px;\n font-size: 16px;\n line-height: 36px;\n}\n.composer--publisher > .primary {\n display: inline-block;\n margin: 0;\n padding: 0 10px;\n text-align: center;\n}\n.composer--publisher > .side_arm {\n display: inline-block;\n margin: 0 2px 0 0;\n padding: 0;\n width: 36px;\n text-align: center;\n}\n.composer--publisher.over > .count {\n color: #ff5050;\n}\n\n.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n}\n\n@media screen and (min-width: 360px) {\n .auto-columns .columns-area, .single-column .columns-area {\n padding: 10px;\n }\n .auto-columns .react-swipeable-view-container .columns-area, .single-column .react-swipeable-view-container .columns-area {\n height: calc(100% - 20px) !important;\n }\n}\n\n.react-swipeable-view-container,\n.react-swipeable-view-container .columns-area,\n.react-swipeable-view-container .column {\n height: 100%;\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.column > .scrollable {\n background: #d9e1e8;\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: #eff3f5;\n}\n\n.column {\n overflow: hidden;\n}\n\n@media screen and (min-width: 360px) {\n .auto-columns .tabs-bar, .single-column .tabs-bar {\n margin: 10px;\n margin-bottom: 0;\n }\n}\n\n@media screen and (max-width: 630px) {\n :root .auto-columns .column {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n :root .auto-columns .columns-area {\n flex-direction: column;\n }\n :root .auto-columns .search__input,\n:root .auto-columns .autosuggest-textarea__textarea {\n font-size: 16px;\n }\n}\n:root .single-column .column {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n}\n:root .single-column .columns-area {\n flex-direction: column;\n}\n:root .single-column .search__input,\n:root .single-column .autosuggest-textarea__textarea {\n font-size: 16px;\n}\n\n@media screen and (min-width: 631px) {\n .auto-columns .columns-area {\n padding: 0;\n }\n .auto-columns .column {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n }\n .auto-columns .column:first-child {\n padding-left: 10px;\n }\n .auto-columns .column:last-child {\n padding-right: 10px;\n }\n .auto-columns .columns-area > div .column {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n\n.multi-columns .columns-area {\n padding: 0;\n}\n.multi-columns .column {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.multi-columns .column:first-child {\n padding-left: 10px;\n}\n.multi-columns .column:last-child {\n padding-right: 10px;\n}\n.multi-columns .columns-area > div .column {\n padding-left: 5px;\n padding-right: 5px;\n}\n\n.column-back-button {\n background: #ccd7e0;\n color: #2b90d9;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n}\n.column-back-button:hover {\n text-decoration: underline;\n}\n\n.column-header__back-button {\n background: #ccd7e0;\n border: 0;\n font-family: inherit;\n color: #2b90d9;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n}\n.column-header__back-button:hover {\n text-decoration: underline;\n}\n.column-header__back-button:last-child {\n padding: 0 15px 0 0;\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.column-link {\n background: #c0cdd9;\n color: #000000;\n display: block;\n font-size: 16px;\n padding: 15px;\n text-decoration: none;\n}\n.column-link:hover {\n background: #b6c5d3;\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-subheading {\n background: #d9e1e8;\n color: #444b5d;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n}\n.column-header__wrapper.active::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%);\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: #ccd7e0;\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n}\n.column-header > button {\n margin: 0;\n border: none;\n padding: 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n.column-header > .column-header__back-button {\n color: #2b90d9;\n}\n.column-header.active {\n box-shadow: 0 1px 0 rgba(43, 144, 217, 0.3);\n}\n.column-header.active .column-header__icon {\n color: #2b90d9;\n text-shadow: 0 0 10px rgba(43, 144, 217, 0.4);\n}\n.column-header:focus, .column-header:active {\n outline: 0;\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.wide .column {\n flex: auto;\n min-width: 330px;\n max-width: 400px;\n}\n.column > .scrollable {\n background: #d9e1e8;\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n margin-left: 0;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button, .column-header__notif-cleaning-buttons button {\n background: #ccd7e0;\n border: 0;\n color: #282c37;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n}\n.column-header__button:hover, .column-header__notif-cleaning-buttons button:hover {\n color: #191b22;\n}\n.column-header__button.active, .column-header__notif-cleaning-buttons button.active {\n color: #000000;\n background: #c0cdd9;\n}\n.column-header__button.active:hover, .column-header__notif-cleaning-buttons button.active:hover {\n color: #000000;\n background: #c0cdd9;\n}\n.column-header__button:focus, .column-header__notif-cleaning-buttons button:focus {\n text-shadow: 0 0 4px #419bdd;\n}\n\n.column-header__notif-cleaning-buttons {\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n}\n.column-header__notif-cleaning-buttons button {\n background: transparent;\n text-align: center;\n padding: 10px 0;\n white-space: pre-wrap;\n}\n.column-header__notif-cleaning-buttons b {\n font-weight: bold;\n}\n\n.column-header__collapsible-inner.nopad-drawer {\n padding: 0;\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: #282c37;\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 #b3c3d1;\n margin: 10px 0;\n}\n.column-header__collapsible.ncd {\n transition: none;\n}\n.column-header__collapsible.ncd.collapsed {\n max-height: 0;\n opacity: 0.7;\n}\n\n.column-header__collapsible-inner {\n background: #c0cdd9;\n padding: 15px;\n}\n\n.column-header__setting-btn:hover {\n color: #282c37;\n text-decoration: underline;\n}\n\n.column-header__setting-arrows {\n float: right;\n}\n.column-header__setting-arrows .column-header__setting-btn {\n padding: 0 10px;\n}\n.column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-right: 0;\n}\n\n.column-header__title {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #444b5d;\n background: #d9e1e8;\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: #2b90d9;\n text-decoration: none;\n}\n.empty-column-indicator a:hover,\n.error-column a:hover {\n text-decoration: underline;\n}\n\n.error-column {\n flex-direction: column;\n}\n\n.single-column.navbar-under .tabs-bar {\n margin-top: 0 !important;\n margin-bottom: -6px !important;\n}\n\n@media screen and (max-width: 360px) {\n .auto-columns.navbar-under .tabs-bar {\n margin-top: 0 !important;\n margin-bottom: -6px !important;\n }\n}\n\n@media screen and (max-width: 360px) {\n .auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n height: 100% !important;\n }\n}\n\n.column-inline-form {\n padding: 7px 15px;\n padding-right: 5px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: #ccd7e0;\n}\n.column-inline-form label {\n flex: 1 1 auto;\n}\n.column-inline-form label input {\n width: 100%;\n margin-bottom: 6px;\n}\n.column-inline-form label input:focus {\n outline: 0;\n}\n.column-inline-form .icon-button {\n flex: 0 0 auto;\n margin: 0 5px;\n}\n\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: #3897db;\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: #227dbe;\n}\n\n.regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: #444b5d;\n background: #d9e1e8;\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: #444b5d;\n}\n.regeneration-indicator__label span {\n font-size: 15px;\n font-weight: 400;\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n display: block;\n padding: 10px;\n padding-right: 30px;\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: none;\n box-shadow: none;\n font-family: inherit;\n background: #d9e1e8;\n color: #282c37;\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: #ccd7e0;\n}\n@media screen and (max-width: 600px) {\n .search__input {\n font-size: 16px;\n }\n}\n\n.search__icon .fa {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 2;\n display: inline-block;\n opacity: 0;\n transition: all 100ms linear;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: #282c37;\n cursor: default;\n pointer-events: none;\n}\n.search__icon .fa.active {\n pointer-events: auto;\n opacity: 0.3;\n}\n.search__icon .fa-search {\n transform: rotate(90deg);\n}\n.search__icon .fa-search.active {\n pointer-events: none;\n transform: rotate(0deg);\n}\n.search__icon .fa-times-circle {\n top: 11px;\n transform: rotate(0deg);\n cursor: pointer;\n}\n.search__icon .fa-times-circle.active {\n transform: rotate(90deg);\n}\n.search__icon .fa-times-circle:hover {\n color: #000000;\n}\n\n.search-results__header {\n color: #444b5d;\n background: #d3dce4;\n border-bottom: 1px solid #e6ebf0;\n padding: 15px 10px;\n font-size: 14px;\n font-weight: 500;\n}\n\n.trends__header {\n color: #444b5d;\n background: #d3dce4;\n border-bottom: 1px solid #e6ebf0;\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 #c0cdd9;\n}\n.trends__item:last-child {\n border-bottom: 0;\n}\n.trends__item__name {\n flex: 1 1 auto;\n color: #444b5d;\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: #282c37;\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: #282c37;\n}\n.trends__item__sparkline {\n flex: 0 0 auto;\n width: 50px;\n}\n.trends__item__sparkline path {\n stroke: #2380c3 !important;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -0.2ex 0.15em 0.2ex;\n width: 16px;\n height: 16px;\n}\n.emojione img {\n width: auto;\n}\n\n.emoji-picker-dropdown__menu {\n background: #ffffff;\n position: absolute;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n}\n.emoji-picker-dropdown__menu .emoji-mart-scroll {\n transition: opacity 200ms ease;\n}\n.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {\n opacity: 0.5;\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: #ffffff;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.emoji-picker-dropdown__modifiers__menu button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n}\n.emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active {\n background: rgba(40, 44, 55, 0.4);\n}\n.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {\n height: 22px;\n}\n\n.emoji-mart-emoji span {\n background-repeat: no-repeat;\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n}\n.emoji-button:active, .emoji-button:focus {\n outline: 0 !important;\n}\n.emoji-button img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n}\n.emoji-button:hover img, .emoji-button:active img, .emoji-button:focus img {\n opacity: 1;\n filter: none;\n}\n\n.doodle-modal {\n width: unset;\n}\n\n.doodle-modal__container {\n background: #d9e1e8;\n text-align: center;\n line-height: 0;\n}\n.doodle-modal__container canvas {\n border: 5px solid #d9e1e8;\n}\n\n.doodle-modal__action-bar .filler {\n flex-grow: 1;\n margin: 0;\n padding: 0;\n}\n.doodle-modal__action-bar .doodle-toolbar {\n line-height: 1;\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n justify-content: space-around;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs label {\n display: inline-block;\n width: 70px;\n text-align: right;\n margin-right: 2px;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number], .doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text] {\n width: 40px;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val {\n display: inline-block;\n text-align: left;\n width: 50px;\n}\n.doodle-modal__action-bar .doodle-palette {\n padding-right: 0 !important;\n border: 1px solid black;\n line-height: 0.2rem;\n flex-grow: 0;\n background: white;\n}\n.doodle-modal__action-bar .doodle-palette button {\n appearance: none;\n width: 1rem;\n height: 1rem;\n margin: 0;\n padding: 0;\n text-align: center;\n color: black;\n text-shadow: 0 0 1px white;\n cursor: pointer;\n box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5);\n border: 1px solid black;\n outline-offset: -1px;\n}\n.doodle-modal__action-bar .doodle-palette button.foreground {\n outline: 1px dashed white;\n}\n.doodle-modal__action-bar .doodle-palette button.background {\n outline: 1px dashed red;\n}\n.doodle-modal__action-bar .doodle-palette button.foreground.background {\n outline: 1px dashed red;\n border-color: white;\n}\n\n.drawer {\n width: 300px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n padding: 10px 5px;\n flex: none;\n}\n.drawer:first-child {\n padding-left: 10px;\n}\n.drawer:last-child {\n padding-right: 10px;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .drawer {\n flex: auto;\n }\n}\n.single-column .drawer {\n flex: auto;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .drawer, .auto-columns .drawer:first-child, .auto-columns .drawer:last-child, .single-column .drawer, .single-column .drawer:first-child, .single-column .drawer:last-child {\n padding: 0;\n }\n}\n.wide .drawer {\n min-width: 300px;\n max-width: 400px;\n flex: 1 1 200px;\n}\n@media screen and (max-width: 630px) {\n :root .auto-columns .drawer {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n}\n:root .single-column .drawer {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n}\n.react-swipeable-view-container .drawer {\n height: 100%;\n}\n\n.drawer--header {\n display: flex;\n flex-direction: row;\n margin-bottom: 10px;\n flex: none;\n background: #c0cdd9;\n font-size: 16px;\n}\n.drawer--header > * {\n display: block;\n box-sizing: border-box;\n border-bottom: 2px solid transparent;\n padding: 15px 5px 13px;\n height: 48px;\n flex: 1 1 auto;\n color: #282c37;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n}\n.drawer--header a {\n transition: background 100ms ease-in;\n}\n.drawer--header a:focus, .drawer--header a:hover {\n outline: none;\n background: #cfd9e2;\n transition: background 200ms ease-out;\n}\n\n.drawer--search {\n position: relative;\n margin-bottom: 10px;\n flex: none;\n}\n@media screen and (max-width: 360px) {\n .auto-columns .drawer--search, .single-column .drawer--search {\n margin-bottom: 0;\n }\n}\n@media screen and (max-width: 630px) {\n .auto-columns .drawer--search {\n font-size: 16px;\n }\n}\n.single-column .drawer--search {\n font-size: 16px;\n}\n.drawer--search input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n padding: 10px 30px 10px 10px;\n width: 100%;\n height: 36px;\n outline: 0;\n color: #282c37;\n background: #d9e1e8;\n font-size: 14px;\n font-family: inherit;\n line-height: 16px;\n}\n.drawer--search input:focus {\n outline: 0;\n background: #ccd7e0;\n}\n.drawer--search > .icon {\n display: block;\n position: absolute;\n top: 10px;\n right: 10px;\n width: 18px;\n height: 18px;\n color: #282c37;\n font-size: 18px;\n line-height: 18px;\n z-index: 2;\n}\n.drawer--search > .icon .fa {\n display: inline-block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n cursor: default;\n pointer-events: none;\n transition: all 100ms linear;\n}\n.drawer--search > .icon .fa-search {\n opacity: 0.3;\n transform: rotate(0deg);\n}\n.drawer--search > .icon .fa-times-circle {\n transform: rotate(-90deg);\n cursor: pointer;\n}\n.drawer--search > .icon .fa-times-circle:hover {\n color: #000000;\n}\n.drawer--search.active > .icon .fa-search {\n opacity: 0;\n transform: rotate(90deg);\n}\n.drawer--search.active > .icon .fa-times-circle {\n opacity: 0.3;\n pointer-events: auto;\n transform: rotate(0deg);\n}\n\n.drawer--search--popout {\n background: #ffffff;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: #444b5d;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.drawer--search--popout h4 {\n text-transform: uppercase;\n color: #444b5d;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.drawer--search--popout li {\n padding: 4px 0;\n}\n.drawer--search--popout ul {\n margin-bottom: 10px;\n}\n.drawer--search--popout em {\n font-weight: 500;\n color: #000000;\n}\n\n.drawer--account {\n padding: 10px;\n color: #282c37;\n}\n.drawer--account > a {\n color: inherit;\n text-decoration: none;\n}\n.drawer--account > .avatar {\n float: left;\n margin-right: 10px;\n}\n.drawer--account > .acct {\n display: block;\n color: #282c37;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.drawer--results {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 0;\n background: #d9e1e8;\n overflow-x: hidden;\n overflow-y: auto;\n}\n.drawer--results > header {\n color: #444b5d;\n background: #d3dce4;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n}\n.drawer--results > header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.drawer--results > section {\n margin-bottom: 5px;\n}\n.drawer--results > section h5 {\n background: #e6ebf0;\n border-bottom: 1px solid #c0cdd9;\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: #444b5d;\n}\n.drawer--results > section h5 .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.drawer--results > section .account:last-child, .drawer--results > section > div:last-child .status {\n border-bottom: 0;\n}\n.drawer--results > section > .hashtag {\n display: block;\n padding: 10px;\n color: #282c37;\n text-decoration: none;\n}\n.drawer--results > section > .hashtag:hover, .drawer--results > section > .hashtag:active, .drawer--results > section > .hashtag:focus {\n color: #1f232b;\n text-decoration: underline;\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: #b0c0cf;\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n}\n.drawer__inner.darker {\n background: #d9e1e8;\n}\n\n.drawer__inner__mastodon {\n background: #b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;\n flex: 1;\n min-height: 47px;\n}\n.drawer__inner__mastodon > img {\n display: block;\n object-fit: contain;\n object-position: bottom left;\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-drag: none;\n user-select: none;\n}\n.drawer__inner__mastodon > .mastodon {\n display: block;\n width: 100%;\n height: 100%;\n border: none;\n cursor: inherit;\n}\n\n.pseudo-drawer {\n background: #b0c0cf;\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.5);\n}\n\n.video-error-cover {\n align-items: center;\n background: #ffffff;\n color: #000000;\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: #ffffff;\n color: #282c37;\n border: 0;\n width: 100%;\n height: 100%;\n}\n.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {\n color: #17191f;\n}\n.status__content > .media-spoiler {\n margin-top: 15px;\n}\n.media-spoiler.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: #000000;\n background: rgba(255, 255, 255, 0.5);\n bottom: 6px;\n left: 6px;\n padding: 2px 6px;\n border-radius: 2px;\n font-size: 11px;\n font-weight: 600;\n z-index: 1;\n pointer-events: none;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n}\n\n.media-gallery__gifv.autoplay .media-gallery__gifv__label {\n display: none;\n}\n.media-gallery__gifv:hover .media-gallery__gifv__label {\n opacity: 1;\n}\n\n.media-gallery__audio {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.media-gallery__audio span {\n text-align: center;\n color: #282c37;\n display: flex;\n height: 100%;\n align-items: center;\n}\n.media-gallery__audio span p {\n width: 100%;\n}\n.media-gallery__audio audio {\n width: 100%;\n}\n\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n height: 110px;\n}\n.media-gallery.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.media-gallery__item {\n border: none;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n.full-width .media-gallery__item {\n border-radius: 0;\n}\n.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n}\n.media-gallery__item.letterbox {\n background: #000000;\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: #282c37;\n line-height: 0;\n}\n.media-gallery__item-thumbnail,\n.media-gallery__item-thumbnail img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n}\n.media-gallery__item-thumbnail:not(.letterbox),\n.media-gallery__item-thumbnail img:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n width: 100%;\n position: relative;\n z-index: 1;\n object-fit: contain;\n}\n.media-gallery__item-gifv-thumbnail:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.media-modal .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.media-modal .extended-video-player video {\n max-width: 100%;\n max-height: 80%;\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n}\n.media-modal__navigation * {\n pointer-events: auto;\n}\n.media-modal__navigation.media-modal__navigation--hidden {\n opacity: 0;\n}\n.media-modal__navigation.media-modal__navigation--hidden * {\n pointer-events: none;\n}\n\n.media-modal__nav {\n background: rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n border: 0;\n color: #000000;\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: #2b90d9;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.detailed .video-player__volume__current,\n.detailed .video-player__volume::before,\n.fullscreen .video-player__volume__current,\n.fullscreen .video-player__volume::before {\n bottom: 27px;\n}\n.detailed .video-player__volume__handle,\n.fullscreen .video-player__volume__handle {\n bottom: 23px;\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: #000000;\n max-width: 100%;\n}\n.video-player:focus {\n outline: 0;\n}\n.detailed-status .video-player {\n width: 100%;\n height: 100%;\n}\n.video-player.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n.video-player video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n position: relative;\n}\n.video-player.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n}\n.video-player.fullscreen video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n}\n.video-player.inline video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n.video-player__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.video-player__controls.active {\n opacity: 1;\n}\n.video-player.inactive video,\n.video-player.inactive .video-player__controls {\n visibility: hidden;\n}\n.video-player__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: #000000;\n color: #282c37;\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: #191b22;\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: #217aba;\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: #217aba;\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: #217aba;\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: #217aba;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.video-player__seek__handle.active {\n opacity: 1;\n}\n.video-player__seek:hover .video-player__seek__handle {\n opacity: 1;\n}\n.video-player.detailed .video-player__buttons button, .video-player.fullscreen .video-player__buttons button {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.media-spoiler-video {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n margin-top: 8px;\n position: relative;\n border: 0;\n display: block;\n}\n.media-spoiler-video.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.media-spoiler-video-play-icon {\n border-radius: 100px;\n color: rgba(0, 0, 0, 0.8);\n font-size: 36px;\n left: 50%;\n padding: 5px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sensitive-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: absolute;\n top: 4px;\n left: 4px;\n z-index: 100;\n}\n\n.sensitive-marker {\n margin: 0 3px;\n border-radius: 2px;\n padding: 2px 6px;\n color: rgba(0, 0, 0, 0.8);\n background: rgba(255, 255, 255, 0.5);\n font-size: 12px;\n line-height: 15px;\n text-transform: uppercase;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n}\n.media-gallery:hover .sensitive-marker {\n opacity: 1;\n}\n\n.list-editor {\n background: #d9e1e8;\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: #b0c0cf;\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: #d9e1e8;\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: #b0c0cf;\n}\n.list-adder__lists {\n background: #b0c0cf;\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 #c0cdd9;\n}\n.list-adder .list__wrapper {\n display: flex;\n}\n.list-adder .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n}\n\n.emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: #000000;\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 #393f4f;\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: #282c37;\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: #282c37;\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: #313543;\n}\n\n.emoji-mart-anchor-selected {\n color: #2b90d9;\n}\n.emoji-mart-anchor-selected:hover {\n color: #3c99dc;\n}\n.emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n bottom: 0;\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 100%;\n height: 3px;\n background-color: #3897db;\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(255, 255, 255, 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(40, 44, 55, 0.3);\n color: #000000;\n border: 1px solid #282c37;\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(40, 44, 55, 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: #444b5d;\n}\n.emoji-mart-no-results .emoji-mart-category-label {\n display: none;\n}\n.emoji-mart-no-results .emoji-mart-no-results-label {\n margin-top: 0.2em;\n}\n.emoji-mart-no-results .emoji-mart-emoji:hover::before {\n content: none;\n}\n\n.emoji-mart-preview {\n display: none;\n}\n\n.glitch.local-settings {\n position: relative;\n display: flex;\n flex-direction: row;\n background: #282c37;\n color: #000000;\n border-radius: 8px;\n height: 80vh;\n width: 80vw;\n max-width: 740px;\n max-height: 450px;\n overflow: hidden;\n}\n.glitch.local-settings label, .glitch.local-settings legend {\n display: block;\n font-size: 14px;\n}\n.glitch.local-settings .boolean label, .glitch.local-settings .radio_buttons label {\n position: relative;\n padding-left: 28px;\n padding-top: 3px;\n}\n.glitch.local-settings .boolean label input, .glitch.local-settings .radio_buttons label input {\n position: absolute;\n left: 0;\n top: 0;\n}\n.glitch.local-settings span.hint {\n display: block;\n color: #282c37;\n}\n.glitch.local-settings h1 {\n font-size: 18px;\n font-weight: 500;\n line-height: 24px;\n margin-bottom: 20px;\n}\n.glitch.local-settings h2 {\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n margin-top: 20px;\n margin-bottom: 10px;\n}\n\n.glitch.local-settings__navigation__item {\n display: block;\n padding: 15px 20px;\n color: inherit;\n background: #17191f;\n border-bottom: 1px #282c37 solid;\n cursor: pointer;\n text-decoration: none;\n outline: none;\n transition: background 0.3s;\n}\n.glitch.local-settings__navigation__item .text-icon-button {\n color: inherit;\n transition: unset;\n}\n.glitch.local-settings__navigation__item:hover {\n background: #282c37;\n}\n.glitch.local-settings__navigation__item.active {\n background: #2b90d9;\n color: #000000;\n}\n.glitch.local-settings__navigation__item.close, .glitch.local-settings__navigation__item.close:hover {\n background: #df405a;\n color: #000000;\n}\n\n.glitch.local-settings__navigation {\n background: #17191f;\n width: 212px;\n font-size: 15px;\n line-height: 20px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n display: block;\n flex: auto;\n padding: 15px 20px 15px 20px;\n width: 360px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n .glitch.local-settings__navigation {\n width: 40px;\n flex-shrink: 0;\n }\n\n .glitch.local-settings__navigation__item {\n padding: 10px;\n }\n .glitch.local-settings__navigation__item span:last-of-type {\n display: none;\n }\n}\n.error-boundary h1 {\n font-size: 26px;\n line-height: 36px;\n font-weight: 400;\n margin-bottom: 8px;\n}\n.error-boundary p {\n color: #000000;\n font-size: 15px;\n line-height: 20px;\n}\n.error-boundary p a {\n color: #000000;\n text-decoration: underline;\n}\n.error-boundary p ul {\n list-style: disc;\n margin-left: 0;\n padding-left: 1em;\n}\n.error-boundary p textarea.web_app_crash-stacktrace {\n width: 100%;\n resize: none;\n white-space: pre;\n font-family: monospace, monospace;\n}\n\n.poll {\n margin-top: 16px;\n font-size: 14px;\n}\n.poll li {\n margin-bottom: 10px;\n position: relative;\n height: 30px;\n}\n.poll__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: #c9d3e1;\n}\n.poll__chart.leading {\n background: #2b90d9;\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: #000000;\n display: block;\n outline: 0;\n font-family: inherit;\n background: #ffffff;\n border: 1px solid white;\n border-radius: 4px;\n padding: 6px 10px;\n}\n.poll__text input[type=text]:focus {\n border-color: #2b90d9;\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: #444b5d;\n}\n.poll__link {\n display: inline;\n background: transparent;\n padding: 0;\n margin: 0;\n border: 0;\n color: #444b5d;\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 white;\n}\n.compose-form__poll-wrapper ul {\n padding: 10px;\n}\n.compose-form__poll-wrapper .poll__footer {\n border-top: 1px solid white;\n padding: 10px;\n display: flex;\n align-items: center;\n}\n.compose-form__poll-wrapper .poll__footer button,\n.compose-form__poll-wrapper .poll__footer select {\n width: 100%;\n flex: 1 1 50%;\n}\n.compose-form__poll-wrapper .button.button-secondary {\n font-size: 14px;\n font-weight: 400;\n padding: 6px 10px;\n height: auto;\n line-height: inherit;\n color: #606984;\n border-color: #606984;\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: #000000;\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='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;\n border: 1px solid white;\n border-radius: 4px;\n padding: 6px 10px;\n padding-right: 30px;\n}\n.compose-form__poll-wrapper .icon-button.disabled {\n color: white;\n}\n\n.muted .poll {\n color: #444b5d;\n}\n.muted .poll__chart {\n background: rgba(201, 211, 225, 0.2);\n}\n.muted .poll__chart.leading {\n background: rgba(43, 144, 217, 0.2);\n}\n\n.container {\n box-sizing: border-box;\n max-width: 1235px;\n margin: 0 auto;\n position: relative;\n}\n@media screen and (max-width: 1255px) {\n .container {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n color: #282c37;\n padding-right: 10px;\n}\n.rich-formatting a {\n color: #2b90d9;\n text-decoration: underline;\n}\n.rich-formatting p,\n.rich-formatting li {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #282c37;\n}\n.rich-formatting p a,\n.rich-formatting li a {\n color: #2b90d9;\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: #131419;\n}\n.rich-formatting h1 {\n font-family: sans-serif, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h1 small {\n font-family: sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #131419;\n}\n.rich-formatting h2 {\n font-family: sans-serif, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h3 {\n font-family: sans-serif, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h4 {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h5 {\n font-family: sans-serif, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h6 {\n font-family: sans-serif, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\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(60, 80, 99, 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: #e6ebf0;\n padding: 20px 0;\n}\n.information-board .container-alt {\n position: relative;\n padding-right: 295px;\n}\n.information-board__sections {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.information-board__section {\n flex: 1 0 0;\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: #000000;\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: #282c37;\n}\n.information-board__section strong {\n font-family: sans-serif, sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n}\n@media screen and (max-width: 700px) {\n .information-board__section {\n text-align: center;\n }\n}\n.information-board .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: #f2f5f7;\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n}\n.information-board .panel .panel-header {\n font-family: sans-serif, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: #282c37;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid #ccd7e0;\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: #3d4455;\n}\n.information-board .panel .panel-header a {\n text-decoration: none;\n}\n.information-board .owner {\n text-align: center;\n}\n.information-board .owner .avatar {\n width: 80px;\n height: 80px;\n width: 80px;\n height: 80px;\n background-size: 80px 80px;\n margin: 0 auto;\n margin-bottom: 15px;\n}\n.information-board .owner .avatar img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n}\n.information-board .owner .name {\n font-size: 14px;\n}\n.information-board .owner .name a {\n display: block;\n color: #000000;\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: #282c37;\n}\n\n.landing-page p,\n.landing-page li {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #282c37;\n}\n.landing-page p a,\n.landing-page li a {\n color: #2b90d9;\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: #131419;\n}\n.landing-page h1 {\n font-family: sans-serif, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h1 small {\n font-family: sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #131419;\n}\n.landing-page h2 {\n font-family: sans-serif, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h3 {\n font-family: sans-serif, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h4 {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h5 {\n font-family: sans-serif, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h6 {\n font-family: sans-serif, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\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(60, 80, 99, 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: #e6ebf0;\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: #131419;\n}\n.landing-page__information .account {\n border-bottom: 0;\n padding: 0;\n}\n.landing-page__information .account__display-name {\n align-items: center;\n display: flex;\n margin-right: 5px;\n}\n.landing-page__information .account div.account__display-name:hover .display-name strong {\n text-decoration: none;\n}\n.landing-page__information .account div.account__display-name .account__avatar {\n cursor: default;\n}\n.landing-page__information .account__avatar-wrapper {\n margin-left: 0;\n flex: 0 0 auto;\n}\n.landing-page__information .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.landing-page__information .account .display-name {\n font-size: 15px;\n}\n.landing-page__information .account .display-name__account {\n font-size: 14px;\n}\n@media screen and (max-width: 960px) {\n .landing-page__information .contact {\n margin-top: 30px;\n }\n}\n@media screen and (max-width: 700px) {\n .landing-page__information {\n padding: 25px 20px;\n }\n}\n.landing-page__information, .landing-page__forms,\n.landing-page #mastodon-timeline {\n box-sizing: border-box;\n background: #d9e1e8;\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: #282c37;\n}\n.landing-page__short-description h1 {\n font-weight: 500;\n color: #000000;\n margin-bottom: 0;\n}\n.landing-page__short-description h1 small {\n color: #282c37;\n}\n.landing-page__short-description h1 small span {\n color: #282c37;\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: #282c37;\n}\n.landing .hero-widget__text {\n border-radius: 0;\n padding-bottom: 0;\n}\n.landing .hero-widget__footer {\n background: #d9e1e8;\n padding: 10px;\n border-radius: 0 0 4px 4px;\n display: flex;\n}\n.landing .hero-widget__footer__column {\n flex: 1 1 50%;\n}\n.landing .hero-widget .account {\n padding: 10px 0;\n border-bottom: 0;\n}\n.landing .hero-widget .account .account__display-name {\n display: flex;\n align-items: center;\n}\n.landing .hero-widget .account .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.landing .hero-widget__counter {\n padding: 10px;\n}\n.landing .hero-widget__counter strong {\n font-family: sans-serif, sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n}\n.landing .hero-widget__counter span {\n font-size: 14px;\n color: #282c37;\n}\n.landing .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: #282c37;\n}\n.landing .simple_form p.lead {\n color: #282c37;\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 #c0cdd9;\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: #444b5d;\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 #d9e1e8;\n text-align: left;\n background: #e6ebf0;\n}\n.table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #d9e1e8;\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: #d9e1e8;\n}\n.table a {\n color: #2b90d9;\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: #d9e1e8;\n border-top: 1px solid #f2f5f7;\n border-bottom: 1px solid #f2f5f7;\n}\n.table.batch-table > thead > tr > th:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid #f2f5f7;\n}\n.table.batch-table > thead > tr > th:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid #f2f5f7;\n}\n.table--invites tbody td {\n vertical-align: middle;\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: monospace, monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: #282c37;\n font-weight: 500;\n}\nbutton.table-action-link:hover,\na.table-action-link:hover {\n color: #000000;\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 #f2f5f7;\n background: #d9e1e8;\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 #f2f5f7;\n border-top: 0;\n background: #e6ebf0;\n}\n@media screen and (max-width: 415px) {\n .batch-table__row:first-child {\n border-top: 1px solid #f2f5f7;\n }\n}\n.batch-table__row:hover {\n background: #dfe6ec;\n}\n.batch-table__row:nth-child(even) {\n background: #d9e1e8;\n}\n.batch-table__row:nth-child(even):hover {\n background: #d3dce4;\n}\n.batch-table__row__content {\n padding-top: 12px;\n padding-bottom: 16px;\n}\n.batch-table__row__content--unpadded {\n padding: 0;\n}\n.batch-table .status__content {\n padding-top: 0;\n}\n.batch-table .status__content strong {\n font-weight: 700;\n}\n.batch-table .nothing-here {\n border: 1px solid #f2f5f7;\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 #f2f5f7;\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: #d9e1e8;\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: #282c37;\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: #000000;\n background-color: #e9eef2;\n transition: all 100ms linear;\n}\n.admin-wrapper .sidebar ul a.selected {\n background: #dfe6ec;\n border-radius: 4px 0 0;\n}\n.admin-wrapper .sidebar ul ul {\n background: #e6ebf0;\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: #000000;\n background-color: #2b90d9;\n border-bottom: 0;\n border-radius: 0;\n}\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {\n background-color: #2482c7;\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: #282c37;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid #c0cdd9;\n margin-bottom: 40px;\n}\n.admin-wrapper .content h3 {\n color: #282c37;\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: #282c37;\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid #c0cdd9;\n}\n.admin-wrapper .content h6 {\n font-size: 16px;\n color: #282c37;\n line-height: 28px;\n font-weight: 400;\n}\n.admin-wrapper .content .fields-group h6 {\n color: #000000;\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: #000000;\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: #282c37;\n margin-bottom: 20px;\n}\n.admin-wrapper .content > p strong {\n color: #000000;\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(60, 80, 99, 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: #282c37;\n}\n.admin-wrapper .content .muted-hint a {\n color: #2b90d9;\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: #444b5d;\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: #282c37;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n border-bottom: 2px solid #d9e1e8;\n}\n.filters .filter-subset a:hover {\n color: #000000;\n border-bottom: 2px solid #c9d4de;\n}\n.filters .filter-subset a.selected {\n color: #2b90d9;\n border-bottom: 2px solid #2b90d9;\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: #282c37;\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: #2b90d9;\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: #d9e1e8;\n color: #282c37;\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: #444b5d;\n}\n.log-entry__extras {\n background: #c6d2dc;\n border-radius: 0 0 4px 4px;\n padding: 10px;\n color: #282c37;\n font-family: monospace, monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n}\n.log-entry__icon {\n font-size: 28px;\n margin-right: 10px;\n color: #444b5d;\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: #c1203b;\n}\n.log-entry__icon__overlay.neutral {\n background: #2b90d9;\n}\n.log-entry a,\n.log-entry .username,\n.log-entry .target {\n color: #282c37;\n text-decoration: none;\n font-weight: 500;\n}\n.log-entry .diff-old {\n color: #c1203b;\n}\n.log-entry .diff-neutral {\n color: #282c37;\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: #282c37;\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: #c1203b;\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 #2b90d9;\n}\n.speech-bubble.positive {\n border-left-color: #79bd9a;\n}\n.speech-bubble.negative {\n border-left-color: #c1203b;\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: #282c37;\n}\n.speech-bubble__owner {\n padding: 8px;\n padding-left: 12px;\n}\n.speech-bubble time {\n color: #444b5d;\n}\n\n.report-card {\n background: #d9e1e8;\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: #282c37;\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: #17191f;\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 #e6ebf0;\n}\n.report-card__summary__item:hover {\n background: #d3dce4;\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: #282c37;\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: #444b5d;\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: #282c37;\n}\n\n.one-line {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n display: inline-block;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n}\n\n.emojione[title=\":wind_blowing_face:\"], .emojione[title=\":white_small_square:\"], .emojione[title=\":white_medium_square:\"], .emojione[title=\":white_medium_small_square:\"], .emojione[title=\":white_large_square:\"], .emojione[title=\":white_circle:\"], .emojione[title=\":waxing_crescent_moon:\"], .emojione[title=\":waving_white_flag:\"], .emojione[title=\":waning_gibbous_moon:\"], .emojione[title=\":waning_crescent_moon:\"], .emojione[title=\":volleyball:\"], .emojione[title=\":thought_balloon:\"], .emojione[title=\":speech_balloon:\"], .emojione[title=\":speaker:\"], .emojione[title=\":sound:\"], .emojione[title=\":snow_cloud:\"], .emojione[title=\":skull_and_crossbones:\"], .emojione[title=\":skull:\"], .emojione[title=\":sheep:\"], .emojione[title=\":rooster:\"], .emojione[title=\":rice_ball:\"], .emojione[title=\":rice:\"], .emojione[title=\":ram:\"], .emojione[title=\":rain_cloud:\"], .emojione[title=\":page_with_curl:\"], .emojione[title=\":mute:\"], .emojione[title=\":moon:\"], .emojione[title=\":loud_sound:\"], .emojione[title=\":lightning:\"], .emojione[title=\":last_quarter_moon_with_face:\"], .emojione[title=\":last_quarter_moon:\"], .emojione[title=\":ice_skate:\"], .emojione[title=\":grey_question:\"], .emojione[title=\":grey_exclamation:\"], .emojione[title=\":goat:\"], .emojione[title=\":ghost:\"], .emojione[title=\":full_moon_with_face:\"], .emojione[title=\":full_moon:\"], .emojione[title=\":fish_cake:\"], .emojione[title=\":first_quarter_moon_with_face:\"], .emojione[title=\":first_quarter_moon:\"], .emojione[title=\":eyes:\"], .emojione[title=\":dove_of_peace:\"], .emojione[title=\":dash:\"], .emojione[title=\":crescent_moon:\"], .emojione[title=\":cloud:\"], .emojione[title=\":chicken:\"], .emojione[title=\":chains:\"], .emojione[title=\":baseball:\"], .emojione[title=\":alien:\"] {\n filter: drop-shadow(1px 1px 0 #000000) drop-shadow(-1px 1px 0 #000000) drop-shadow(1px -1px 0 #000000) drop-shadow(-1px -1px 0 #000000);\n}\n\nbody.rtl {\n direction: rtl;\n}\nbody.rtl .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n}\nbody.rtl .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n}\nbody.rtl .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n}\nbody.rtl .column-link__icon,\nbody.rtl .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .search__input {\n padding-right: 10px;\n padding-left: 30px;\n}\nbody.rtl .search__icon .fa {\n right: auto;\n left: 10px;\n}\nbody.rtl .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: -15px;\n margin-right: 0;\n}\nbody.rtl .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n}\nbody.rtl .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .account__avatar-wrapper {\n float: right;\n}\nbody.rtl .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n}\nbody.rtl .column-header__setting-arrows {\n float: left;\n}\nbody.rtl .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .setting-meta__label {\n float: left;\n}\nbody.rtl .status__avatar {\n left: auto;\n right: 10px;\n}\nbody.rtl .status,\nbody.rtl .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n}\nbody.rtl .status__info .status__display-name,\nbody.rtl .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n}\nbody.rtl .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n}\nbody.rtl .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n}\nbody.rtl .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n}\nbody.rtl .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n}\nbody.rtl .column-back-button--slim-button {\n right: auto;\n left: 0;\n}\nbody.rtl .status__relative-time,\nbody.rtl .activity-stream .status.light .status__header .status__meta {\n float: left;\n}\nbody.rtl .activity-stream .detailed-status.light .detailed-status__display-name > div {\n float: right;\n margin-right: 0;\n margin-left: 10px;\n}\nbody.rtl .activity-stream .detailed-status.light .detailed-status__meta span > span {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .status__action-bar__counter {\n margin-right: 0;\n margin-left: 11px;\n}\nbody.rtl .status__action-bar__counter .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n}\nbody.rtl .status__action-bar-dropdown {\n float: right;\n}\nbody.rtl .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n}\nbody.rtl .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n}\nbody.rtl .detailed-status__favorites,\nbody.rtl .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .fa-ul {\n margin-left: 0;\n margin-left: 2.14285714em;\n}\nbody.rtl .fa-li {\n left: auto;\n right: -2.14285714em;\n}\nbody.rtl .admin-wrapper {\n direction: rtl;\n}\nbody.rtl .admin-wrapper .sidebar ul a i.fa,\nbody.rtl a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n}\nbody.rtl .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .simple_form .check_boxes .checkbox input[type=checkbox],\nbody.rtl .simple_form .input.boolean input[type=checkbox] {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n}\nbody.rtl .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n}\nbody.rtl .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.boolean .label_input,\nbody.rtl .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n}\nbody.rtl .simple_form .label_input__append {\n right: auto;\n left: 3px;\n}\nbody.rtl .simple_form .label_input__append::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb);\n}\nbody.rtl .simple_form select {\n background: #f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px;\n}\nbody.rtl .table th,\nbody.rtl .table td {\n text-align: right;\n}\nbody.rtl .filters .filter-subset {\n margin-right: 0;\n margin-left: 45px;\n}\nbody.rtl .landing-page .header-wrapper .mascot {\n right: 60px;\n left: auto;\n}\nbody.rtl .landing-page__call-to-action .row__information-board {\n direction: rtl;\n}\nbody.rtl .landing-page .header .hero .floats .float-1 {\n left: -120px;\n right: auto;\n}\nbody.rtl .landing-page .header .hero .floats .float-2 {\n left: 210px;\n right: auto;\n}\nbody.rtl .landing-page .header .hero .floats .float-3 {\n left: 110px;\n right: auto;\n}\nbody.rtl .landing-page .header .links .brand img {\n left: 0;\n}\nbody.rtl .landing-page .fa-external-link {\n padding-right: 5px;\n padding-left: 0 !important;\n}\nbody.rtl .landing-page .features #mastodon-timeline {\n margin-right: 0;\n margin-left: 30px;\n}\n@media screen and (min-width: 631px) {\n body.rtl .column,\nbody.rtl .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n body.rtl .column:first-child,\nbody.rtl .drawer:first-child {\n padding-left: 5px;\n padding-right: 10px;\n }\n body.rtl .columns-area > div .column,\nbody.rtl .columns-area > div .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\nbody.rtl .public-layout .header .nav-button {\n margin-left: 8px;\n margin-right: 0;\n}\nbody.rtl .public-layout .public-account-header__tabs {\n margin-left: 0;\n margin-right: 20px;\n}\nbody.rtl .landing-page__information .account__display-name {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .landing-page__information .account__avatar-wrapper {\n margin-left: 12px;\n margin-right: 0;\n}\nbody.rtl .card__bar .display-name {\n margin-left: 0;\n margin-right: 15px;\n text-align: right;\n}\nbody.rtl .fa-chevron-left::before {\n content: \"\";\n}\nbody.rtl .fa-chevron-right::before {\n content: \"\";\n}\nbody.rtl .column-back-button__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-left: 0;\n padding-right: 10px;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label input {\n left: auto;\n right: 0;\n}\n\n.dashboard__counters {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-bottom: 20px;\n}\n.dashboard__counters > div {\n box-sizing: border-box;\n flex: 0 0 33.333%;\n padding: 0 5px;\n margin-bottom: 10px;\n}\n.dashboard__counters > div > div, .dashboard__counters > div > a {\n padding: 20px;\n background: #ccd7e0;\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: #c0cdd9;\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: #000000;\n font-family: sans-serif, sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n}\n.dashboard__counters__text {\n font-size: 18px;\n}\n.dashboard__counters__label {\n font-size: 14px;\n color: #282c37;\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: #282c37;\n font-weight: 500;\n text-decoration: none;\n}\n\n.glitch.local-settings {\n background: #d9e1e8;\n}\n.glitch.local-settings__navigation {\n background: #f2f5f7;\n}\n.glitch.local-settings__navigation__item {\n background: #f2f5f7;\n}\n.glitch.local-settings__navigation__item:hover {\n background: #d9e1e8;\n}\n\n.notification__dismiss-overlay .wrappy {\n box-shadow: unset;\n}\n.notification__dismiss-overlay .ckbox {\n text-shadow: unset;\n}\n\n.status.status-direct {\n background: #f2f5f7;\n}\n.status.status-direct.collapsed > .status__content:after {\n background: linear-gradient(rgba(242, 245, 247, 0), #f2f5f7);\n}\n\n.focusable:focus.status.status-direct {\n background: #e6ebf0;\n}\n.focusable:focus.status.status-direct.collapsed > .status__content:after {\n background: linear-gradient(rgba(230, 235, 240, 0), #e6ebf0);\n}\n\n.column > .scrollable {\n background: white;\n}\n\n.status.collapsed .status__content:after {\n background: linear-gradient(rgba(255, 255, 255, 0), white);\n}\n\n.drawer__inner {\n background: #d9e1e8;\n}\n\n.drawer__inner__mastodon {\n background: #d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23FFFFFF\"/></svg>') no-repeat bottom/100% auto !important;\n}\n.drawer__inner__mastodon .mastodon {\n filter: contrast(75%) brightness(75%) !important;\n}\n\n.status__content .status__content__spoiler-link {\n background: #7a96ae;\n}\n.status__content .status__content__spoiler-link:hover {\n background: #6a89a5;\n text-decoration: none;\n}\n\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n background: #d9e1e8;\n}\n\n.dropdown-menu {\n background: #d9e1e8;\n}\n\n.dropdown-menu__arrow.left {\n border-left-color: #d9e1e8;\n}\n.dropdown-menu__arrow.top {\n border-top-color: #d9e1e8;\n}\n.dropdown-menu__arrow.bottom {\n border-bottom-color: #d9e1e8;\n}\n.dropdown-menu__arrow.right {\n border-right-color: #d9e1e8;\n}\n\n.dropdown-menu__item a {\n background: #d9e1e8;\n color: #282c37;\n}\n\n.composer .composer--spoiler input, .composer .composer--textarea textarea {\n color: #0f151a;\n}\n.composer .composer--spoiler input:disabled, .composer .composer--textarea textarea:disabled {\n background: #e6e6e6;\n}\n.composer .composer--spoiler input::placeholder, .composer .composer--textarea textarea::placeholder {\n color: #232f39;\n}\n.composer .composer--options {\n background: #b9c8d5;\n box-shadow: unset;\n}\n.composer .composer--options > hr {\n display: none;\n}\n.composer .composer--options--dropdown--content--item {\n color: #9baec8;\n}\n.composer .composer--options--dropdown--content--item strong {\n color: #9baec8;\n}\n\n.composer--upload_form--actions .icon-button {\n color: #ededed;\n}\n.composer--upload_form--actions .icon-button:active, .composer--upload_form--actions .icon-button:focus, .composer--upload_form--actions .icon-button:hover {\n color: #ffffff;\n}\n\n.composer--upload_form--item > div input {\n color: #ededed;\n}\n.composer--upload_form--item > div input::placeholder {\n color: #e6e6e6;\n}\n\n.dropdown-menu__separator {\n border-bottom-color: #b3c3d1;\n}\n\n.status__content a,\n.reply-indicator__content a {\n color: #2b90d9;\n}\n\n.emoji-mart-bar {\n border-color: #e6ebf0;\n}\n.emoji-mart-bar:first-child {\n background: #b9c8d5;\n}\n\n.emoji-mart-search input {\n background: rgba(217, 225, 232, 0.3);\n border-color: #d9e1e8;\n}\n\n.composer--textarea--suggestions {\n background: #b9c8d5;\n}\n\n.composer--textarea--suggestions--item:hover, .composer--textarea--suggestions--item:focus, .composer--textarea--suggestions--item:active, .composer--textarea--suggestions--item.selected {\n background: #e6ebf0;\n}\n\n.react-toggle-track {\n background: #282c37;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: #131419;\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: #56a7e1;\n}\n\n.actions-modal,\n.boost-modal,\n.doodle-modal,\n.confirmation-modal,\n.mute-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal {\n background: #d9e1e8;\n}\n\n.boost-modal__action-bar, .doodle-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n background: #ecf0f4;\n}\n.boost-modal__action-bar .onboarding-modal__nav:hover, .doodle-modal__action-bar .onboarding-modal__nav:hover, .boost-modal__action-bar .onboarding-modal__nav:focus, .doodle-modal__action-bar .onboarding-modal__nav:focus, .boost-modal__action-bar .onboarding-modal__nav:active, .doodle-modal__action-bar .onboarding-modal__nav:active,\n.boost-modal__action-bar .error-modal__nav:hover,\n.doodle-modal__action-bar .error-modal__nav:hover,\n.boost-modal__action-bar .error-modal__nav:focus,\n.doodle-modal__action-bar .error-modal__nav:focus,\n.boost-modal__action-bar .error-modal__nav:active,\n.doodle-modal__action-bar .error-modal__nav:active,\n.confirmation-modal__action-bar .onboarding-modal__nav:hover,\n.confirmation-modal__action-bar .onboarding-modal__nav:focus,\n.confirmation-modal__action-bar .onboarding-modal__nav:active,\n.confirmation-modal__action-bar .error-modal__nav:hover,\n.confirmation-modal__action-bar .error-modal__nav:focus,\n.confirmation-modal__action-bar .error-modal__nav:active,\n.mute-modal__action-bar .onboarding-modal__nav:hover,\n.mute-modal__action-bar .onboarding-modal__nav:focus,\n.mute-modal__action-bar .onboarding-modal__nav:active,\n.mute-modal__action-bar .error-modal__nav:hover,\n.mute-modal__action-bar .error-modal__nav:focus,\n.mute-modal__action-bar .error-modal__nav:active,\n.onboarding-modal__paginator .onboarding-modal__nav:hover,\n.onboarding-modal__paginator .onboarding-modal__nav:focus,\n.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 background-color: white;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #364959;\n}\n\n.activity-stream-tabs {\n background: #ffffff;\n}\n.activity-stream-tabs a.active {\n color: #9baec8;\n}\n\n.activity-stream .entry {\n background: #ffffff;\n}\n.activity-stream .status.light .status__content {\n color: #000000;\n}\n.activity-stream .status.light .display-name strong {\n color: #000000;\n}\n\n.accounts-grid .account-grid-card .controls .icon-button {\n color: #282c37;\n}\n.accounts-grid .account-grid-card .name a {\n color: #000000;\n}\n.accounts-grid .account-grid-card .username {\n color: #282c37;\n}\n.accounts-grid .account-grid-card .account__header__content {\n color: #000000;\n}\n\n.button.logo-button {\n color: #ffffff;\n}\n.button.logo-button svg path:first-child {\n fill: #ffffff;\n}\n\n.public-layout .header,\n.public-layout .public-account-header,\n.public-layout .public-account-bio {\n box-shadow: none;\n}\n.public-layout .header {\n background: #b3c3d1;\n}\n.public-layout .public-account-header__image {\n background: #b3c3d1;\n}\n.public-layout .public-account-header__image::after {\n box-shadow: none;\n}\n.public-layout .public-account-header__tabs__name h1,\n.public-layout .public-account-header__tabs__name h1 small {\n color: #ffffff;\n}\n\n.account__section-headline a.active::after {\n border-color: transparent transparent #ffffff;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n box-shadow: none;\n}","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: darken($ui-base-color, 57%);\n$ui-highlight-color: $classic-highlight-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-base-color !default;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$base-overlay-background: $white !default;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n\n$emojis-requiring-outlines: 'alien' 'baseball' 'chains' 'chicken' 'cloud' 'crescent_moon' 'dash' 'dove_of_peace' 'eyes' 'first_quarter_moon' 'first_quarter_moon_with_face' 'fish_cake' 'full_moon' 'full_moon_with_face' 'ghost' 'goat' 'grey_exclamation' 'grey_question' 'ice_skate' 'last_quarter_moon' 'last_quarter_moon_with_face' 'lightning' 'loud_sound' 'moon' 'mute' 'page_with_curl' 'rain_cloud' 'ram' 'rice' 'rice_ball' 'rooster' 'sheep' 'skull' 'skull_and_crossbones' 'snow_cloud' 'sound' 'speaker' 'speech_balloon' 'thought_balloon' 'volleyball' 'waning_crescent_moon' 'waning_gibbous_moon' 'waving_white_flag' 'waxing_crescent_moon' 'white_circle' 'white_large_square' 'white_medium_small_square' 'white_medium_square' 'white_small_square' 'wind_blowing_face';\n","@function hex-color($color) {\n @if type-of($color) == 'color' {\n $color: str-slice(ie-hex-str($color), 4);\n }\n @return '%23' + unquote($color)\n}\n\nbody {\n font-family: $font-sans-serif, sans-serif;\n background: darken($ui-base-color, 8%);\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n color: $primary-text-color;\n text-rendering: optimizelegibility;\n font-feature-settings: \"kern\";\n text-size-adjust: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-tap-highlight-color: transparent;\n\n &.system-font {\n // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n // -apple-system => Safari <11 specific\n // BlinkMacSystemFont => Chrome <56 on macOS specific\n // Segoe UI => Windows 7/8/10\n // Oxygen => KDE\n // Ubuntu => Unity/Ubuntu\n // Cantarell => GNOME\n // Fira Sans => Firefox OS\n // Droid Sans => Older Androids (<4.0)\n // Helvetica Neue => Older macOS <10.11\n // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n }\n\n &.app-body {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0;\n background: $ui-base-color;\n\n &.with-modals--active {\n overflow-y: hidden;\n }\n }\n\n &.lighter {\n background: $ui-base-color;\n }\n\n &.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n\n &--active {\n overflow-y: hidden;\n margin-right: 13px;\n }\n }\n\n &.embed {\n background: lighten($ui-base-color, 4%);\n margin: 0;\n padding-bottom: 0;\n\n .container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n }\n\n &.admin {\n background: darken($ui-base-color, 4%);\n position: fixed;\n width: 100%;\n height: 100%;\n padding: 0;\n }\n\n &.error {\n position: absolute;\n text-align: center;\n color: $darker-text-color;\n background: $ui-base-color;\n width: 100%;\n height: 100%;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .dialog {\n vertical-align: middle;\n margin: 20px;\n\n img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n }\n\n h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n }\n }\n }\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n}\n\n.app-holder {\n &,\n & > div {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n }\n}\n",".container-alt {\n width: 700px;\n margin: 0 auto;\n margin-top: 40px;\n\n @media screen and (max-width: 740px) {\n width: 100%;\n margin: 0;\n }\n}\n\n.logo-container {\n margin: 100px auto 50px;\n\n @media screen and (max-width: 500px) {\n margin: 40px auto 0;\n }\n\n h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n height: 42px;\n margin-right: 10px;\n }\n\n a {\n display: flex;\n justify-content: center;\n align-items: center;\n color: $primary-text-color;\n text-decoration: none;\n outline: 0;\n padding: 12px 16px;\n line-height: 32px;\n font-family: $font-display, sans-serif;\n font-weight: 500;\n font-size: 14px;\n }\n }\n}\n\n.compose-standalone {\n .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n\n @media screen and (max-width: 400px) {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n\n @media screen and (max-width: 440px) {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n @include avatar-size(40px);\n margin-right: 8px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n @include avatar-radius();\n }\n }\n\n .name {\n flex: 1 1 auto;\n color: $secondary-text-color;\n width: calc(100% - 88px);\n\n .username {\n display: block;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n }\n\n .logout-link {\n display: block;\n font-size: 32px;\n line-height: 40px;\n margin-left: 8px;\n }\n}\n\n.grid-3 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 3fr 1fr;\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-column: 1/3;\n grid-row: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1/3;\n grid-row: 3;\n }\n\n .landing-page__call-to-action {\n min-height: 100%;\n }\n\n @media screen and (max-width: 738px) {\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n .landing-page__call-to-action {\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .row__information-board {\n width: 100%;\n justify-content: center;\n align-items: center;\n }\n\n .row__mascot {\n display: none;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n\n .column-0 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n\n .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1;\n grid-row: 4;\n }\n }\n}\n\n.public-layout {\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-top: 48px;\n }\n\n .container {\n max-width: 960px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding: 0;\n }\n }\n\n .header {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n height: 48px;\n margin: 10px 0;\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n overflow: hidden;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n border-radius: 0;\n box-shadow: none;\n z-index: 110;\n }\n\n & > div {\n flex: 1 1 33.3%;\n min-height: 1px;\n }\n\n .nav-left {\n display: flex;\n align-items: stretch;\n justify-content: flex-start;\n flex-wrap: nowrap;\n }\n\n .nav-center {\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n .nav-right {\n display: flex;\n align-items: stretch;\n justify-content: flex-end;\n flex-wrap: nowrap;\n }\n\n .brand {\n display: block;\n padding: 15px;\n\n img {\n display: block;\n height: 18px;\n width: auto;\n position: relative;\n bottom: -2px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n height: 20px;\n }\n }\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 12%);\n }\n }\n\n .nav-link {\n display: flex;\n align-items: center;\n padding: 0 1rem;\n font-size: 12px;\n font-weight: 500;\n text-decoration: none;\n color: $darker-text-color;\n white-space: nowrap;\n text-align: center;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n color: $primary-text-color;\n }\n\n @media screen and (max-width: 550px) {\n &.optional {\n display: none;\n }\n }\n }\n\n .nav-button {\n background: lighten($ui-base-color, 16%);\n margin: 8px;\n margin-left: 0;\n border-radius: 4px;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n background: lighten($ui-base-color, 20%);\n }\n }\n }\n\n $no-columns-breakpoint: 600px;\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-row: 1;\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 1;\n grid-column: 2;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n grid-template-columns: 100%;\n grid-gap: 0;\n\n .column-1 {\n display: none;\n }\n }\n }\n\n .public-account-header {\n overflow: hidden;\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &.inactive {\n opacity: 0.5;\n\n .public-account-header__image,\n .avatar {\n filter: grayscale(100%);\n }\n\n .logo-button {\n background-color: $secondary-text-color;\n\n svg path:last-child {\n fill: $secondary-text-color;\n }\n }\n }\n\n &__image {\n border-radius: 4px 4px 0 0;\n overflow: hidden;\n height: 300px;\n position: relative;\n background: darken($ui-base-color, 12%);\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n top: 0;\n left: 0;\n }\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 4px 4px 0 0;\n }\n\n @media screen and (max-width: 600px) {\n height: 200px;\n }\n }\n\n &--no-bar {\n margin-bottom: 0;\n\n .public-account-header__image,\n .public-account-header__image img {\n border-radius: 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n box-shadow: none;\n\n &__image::after {\n display: none;\n }\n\n &__image,\n &__image img {\n border-radius: 0;\n }\n }\n\n &__bar {\n position: relative;\n margin-top: -80px;\n display: flex;\n justify-content: flex-start;\n\n &::before {\n content: \"\";\n display: block;\n background: lighten($ui-base-color, 4%);\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60px;\n border-radius: 0 0 4px 4px;\n z-index: -1;\n }\n\n .avatar {\n display: block;\n width: 120px;\n height: 120px;\n @include avatar-size(120px);\n padding-left: 20px - 4px;\n flex: 0 0 auto;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid lighten($ui-base-color, 4%);\n background: darken($ui-base-color, 8%);\n @include avatar-radius();\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-top: 0;\n background: lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n padding: 5px;\n\n &::before {\n display: none;\n }\n\n .avatar {\n width: 48px;\n height: 48px;\n @include avatar-size(48px);\n padding: 7px 0;\n padding-left: 10px;\n\n img {\n border: 0;\n border-radius: 4px;\n @include avatar-radius();\n }\n\n @media screen and (max-width: 360px) {\n display: none;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n flex-wrap: wrap;\n }\n }\n\n &__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n\n &__name {\n padding-top: 20px;\n padding-bottom: 8px;\n\n h1 {\n font-size: 20px;\n line-height: 18px * 1.5;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-shadow: 1px 1px 1px $base-shadow-color;\n\n small {\n display: block;\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-left: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &__name {\n padding-top: 0;\n padding-bottom: 0;\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n text-shadow: none;\n\n small {\n color: $darker-text-color;\n }\n }\n }\n }\n\n &__tabs {\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n height: 58px;\n\n .details-counters {\n display: flex;\n flex-direction: row;\n min-width: 300px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n .details-counters {\n display: none;\n }\n }\n\n .counter {\n width: 33.3%;\n box-sizing: border-box;\n flex: 0 0 auto;\n color: $darker-text-color;\n padding: 10px;\n border-right: 1px solid lighten($ui-base-color, 4%);\n cursor: default;\n text-align: center;\n position: relative;\n\n a {\n display: block;\n }\n\n &:last-child {\n border-right: 0;\n }\n\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 4px solid $ui-primary-color;\n opacity: 0.5;\n transition: all 400ms ease;\n }\n\n &.active {\n &::after {\n border-bottom: 4px solid $highlight-text-color;\n opacity: 1;\n }\n\n &.inactive::after {\n border-bottom-color: $secondary-text-color;\n }\n }\n\n &:hover {\n &::after {\n opacity: 1;\n transition-duration: 100ms;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .counter-label {\n font-size: 12px;\n display: block;\n }\n\n .counter-number {\n font-weight: 500;\n font-size: 18px;\n margin-bottom: 5px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n height: 1px;\n }\n\n &__buttons {\n padding: 7px 8px;\n }\n }\n }\n\n &__extra {\n display: none;\n margin-top: 4px;\n\n .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n\n .account__header__fields {\n border-top: 1px solid lighten($ui-base-color, 12%);\n }\n\n .roles {\n display: none;\n }\n }\n\n &__links {\n margin-top: -15px;\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 15px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n flex: 100%;\n }\n }\n }\n\n .account__section-headline {\n border-radius: 4px 4px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n\n .detailed-status__meta {\n margin-top: 25px;\n }\n\n .public-account-bio {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n box-shadow: none;\n margin-bottom: 0;\n border-radius: 0;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 0;\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n\n .account__header__content {\n padding: 20px;\n padding-bottom: 0;\n color: $primary-text-color;\n }\n\n &__extra,\n .roles {\n padding: 20px;\n font-size: 14px;\n color: $darker-text-color;\n }\n\n .roles {\n padding-bottom: 0;\n }\n }\n\n .static-icon-button {\n color: $action-button-color;\n font-size: 18px;\n\n & > span {\n font-size: 14px;\n font-weight: 500;\n }\n }\n\n .card-grid {\n display: flex;\n flex-wrap: wrap;\n min-width: 100%;\n margin: 0 -5px;\n\n & > div {\n box-sizing: border-box;\n flex: 1 0 auto;\n width: 300px;\n padding: 0 5px;\n margin-bottom: 10px;\n max-width: 33.333%;\n\n @media screen and (max-width: 900px) {\n max-width: 50%;\n }\n\n @media screen and (max-width: 600px) {\n max-width: 100%;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 8%);\n\n & > div {\n width: 100%;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n .card__bar {\n background: $ui-base-color;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n }\n }\n }\n }\n}\n","@mixin avatar-radius() {\n border-radius: $ui-avatar-border-size;\n background-position: 50%;\n background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n width: $size;\n height: $size;\n background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n .auto-columns #{$parent} {\n @media #{$media} {\n @content;\n }\n }\n .single-column #{$parent} {\n @content;\n }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n .auto-columns #{$parent}, .single-column #{$parent} {\n @media #{$media} {\n @content;\n }\n }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n .auto-columns #{$parent} {\n @media #{$media} {\n @content;\n }\n }\n .multi-columns #{$parent} {\n @content;\n }\n}\n\n@mixin fullwidth-gallery {\n &.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n }\n}\n\n@mixin search-input() {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: none;\n box-shadow: none;\n font-family: inherit;\n background: $ui-base-color;\n color: $darker-text-color;\n font-size: 14px;\n margin: 0;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n}\n\n@mixin search-popout() {\n background: $simple-background-color;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: $light-text-color;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n h4 {\n text-transform: uppercase;\n color: $light-text-color;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n }\n\n li {\n padding: 4px 0;\n }\n\n ul {\n margin-bottom: 10px;\n }\n\n em {\n font-weight: 500;\n color: $inverted-text-color;\n }\n}\n","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a; // Padua\n$error-red: #df405a; // Cerise\n$warning-red: #ff5050; // Sunset Orange\n$gold-star: #ca8f04; // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".no-list {\n list-style: none;\n\n li {\n display: inline-block;\n margin: 0 5px;\n }\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n\n li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n }\n}\n",".modal-layout {\n background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n}\n\n.modal-layout__mastodon {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-end;\n\n > * {\n flex: 1;\n max-height: 235px;\n }\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n",".public-layout {\n .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: lighten($ui-base-color, 34%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n .column-0 {\n grid-column: 1;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-1 {\n grid-column: 2;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-2 {\n grid-column: 3;\n grid-row: 1;\n min-width: 0;\n text-align: center;\n\n h4 a {\n color: lighten($ui-base-color, 34%);\n }\n }\n\n .column-3 {\n grid-column: 4;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-4 {\n grid-column: 5;\n grid-row: 1;\n min-width: 0;\n }\n\n @media screen and (max-width: 690px) {\n grid-template-columns: 1fr 2fr 1fr;\n\n .column-0,\n .column-1 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n }\n\n .column-3,\n .column-4 {\n grid-column: 3;\n }\n\n .column-4 {\n grid-row: 2;\n }\n }\n\n @media screen and (max-width: 600px) {\n .column-1 {\n display: block;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n .column-0,\n .column-1,\n .column-3,\n .column-4 {\n display: none;\n }\n }\n }\n\n h4 {\n text-transform: uppercase;\n font-weight: 700;\n margin-bottom: 8px;\n color: $darker-text-color;\n\n a {\n color: inherit;\n text-decoration: none;\n }\n }\n\n ul a {\n text-decoration: none;\n color: lighten($ui-base-color, 34%);\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n\n .brand {\n svg {\n display: block;\n height: 36px;\n width: auto;\n margin: 0 auto;\n\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 @include avatar-size(48px);\n padding-top: 2px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n @include avatar-radius();\n background: darken($ui-base-color, 8%);\n }\n }\n\n .display-name {\n margin-left: 15px;\n text-align: left;\n\n strong {\n font-size: 15px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n span {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n}\n\n.pagination {\n padding: 30px 0;\n text-align: center;\n overflow: hidden;\n\n a,\n .current,\n .newer,\n .older,\n .page,\n .gap {\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 500;\n display: inline-block;\n padding: 6px 10px;\n text-decoration: none;\n }\n\n .current {\n background: $simple-background-color;\n border-radius: 100px;\n color: $inverted-text-color;\n cursor: default;\n margin: 0 10px;\n }\n\n .gap {\n cursor: default;\n }\n\n .older,\n .newer {\n text-transform: uppercase;\n color: $secondary-text-color;\n }\n\n .older {\n float: left;\n padding-left: 0;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .newer {\n float: right;\n padding-right: 0;\n\n .fa {\n display: inline-block;\n margin-left: 5px;\n }\n }\n\n .disabled {\n cursor: default;\n color: lighten($inverted-text-color, 10%);\n }\n\n @media screen and (max-width: 700px) {\n padding: 30px 20px;\n\n .page {\n display: none;\n }\n\n .newer,\n .older {\n display: inline-block;\n }\n }\n}\n\n.nothing-here {\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n color: $light-text-color;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: default;\n border-radius: 4px;\n padding: 20px;\n min-height: 30vh;\n\n &--under-tabs {\n border-radius: 0 0 4px 4px;\n }\n\n &--flexible {\n box-sizing: border-box;\n min-height: 100%;\n }\n}\n\n.account-role {\n display: inline-block;\n padding: 4px 6px;\n cursor: default;\n border-radius: 3px;\n font-size: 12px;\n line-height: 12px;\n font-weight: 500;\n color: $ui-secondary-color;\n background-color: rgba($ui-secondary-color, 0.1);\n border: 1px solid rgba($ui-secondary-color, 0.5);\n\n &.moderator {\n color: $success-green;\n background-color: rgba($success-green, 0.1);\n border-color: rgba($success-green, 0.5);\n }\n\n &.admin {\n color: lighten($error-red, 12%);\n background-color: rgba(lighten($error-red, 12%), 0.1);\n border-color: rgba(lighten($error-red, 12%), 0.5);\n }\n}\n\n.account__header__fields {\n padding: 0;\n margin: 15px -15px -15px;\n border: 0 none;\n border-top: 1px solid lighten($ui-base-color, 12%);\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n font-size: 14px;\n line-height: 20px;\n\n dl {\n display: flex;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n }\n\n dt,\n dd {\n box-sizing: border-box;\n padding: 14px;\n text-align: center;\n max-height: 48px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n dt {\n font-weight: 500;\n width: 120px;\n flex: 0 0 auto;\n color: $secondary-text-color;\n background: rgba(darken($ui-base-color, 8%), 0.5);\n }\n\n dd {\n flex: 1 1 auto;\n color: $darker-text-color;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n\n .verified {\n border: 1px solid rgba($valid-value-color, 0.5);\n background: rgba($valid-value-color, 0.25);\n\n a {\n color: $valid-value-color;\n font-weight: 500;\n }\n\n &__mark {\n color: $valid-value-color;\n }\n }\n\n dl:last-child {\n border-bottom: 0;\n }\n}\n\n.directory__tag .trends__item__current {\n width: auto;\n}\n",".activity-stream {\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n }\n\n &--headless {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n\n .detailed-status,\n .status {\n border-radius: 0 !important;\n }\n }\n\n div[data-component] {\n width: 100%;\n }\n\n .entry {\n background: $ui-base-color;\n\n .detailed-status,\n .status,\n .load-more {\n animation: none;\n }\n\n &:last-child {\n .detailed-status,\n .status,\n .load-more {\n border-bottom: 0;\n border-radius: 0 0 4px 4px;\n }\n }\n\n &:first-child {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 4px 4px 0 0;\n }\n\n &:last-child {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 4px;\n }\n }\n }\n\n @media screen and (max-width: 740px) {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 0 !important;\n }\n }\n }\n\n &--highlighted .entry {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.button.logo-button {\n flex: 0 auto;\n font-size: 14px;\n background: $ui-highlight-color;\n color: $primary-text-color;\n text-transform: none;\n line-height: 36px;\n height: auto;\n padding: 3px 15px;\n border: 0;\n\n svg {\n width: 20px;\n height: auto;\n vertical-align: middle;\n margin-right: 5px;\n\n path:first-child {\n fill: $primary-text-color;\n }\n\n path:last-child {\n fill: $ui-highlight-color;\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: lighten($ui-highlight-color, 10%);\n\n svg path:last-child {\n fill: lighten($ui-highlight-color, 10%);\n }\n }\n\n &.button--destructive {\n &:active,\n &:focus,\n &:hover {\n background: $error-red;\n\n svg path:last-child {\n fill: $error-red;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n svg {\n display: none;\n }\n }\n}\n\n.embed,\n.public-layout {\n .detailed-status {\n padding: 15px;\n }\n\n .status {\n padding: 15px 15px 15px (48px + 15px * 2);\n min-height: 48px + 2px;\n\n &__avatar {\n left: 15px;\n top: 17px;\n }\n\n &__content {\n padding-top: 5px;\n }\n\n &__prepend {\n padding: 8px 0;\n padding-bottom: 2px;\n margin: initial;\n margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n position: absolute;\n margin: initial;\n float: initial;\n width: auto;\n left: -32px;\n }\n\n .media-gallery,\n &__action-bar,\n .video-player {\n margin-top: 10px;\n }\n }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n .status {\n .status__info {\n font-size: 15px;\n display: initial;\n }\n\n .status__relative-time {\n color: $dark-text-color;\n float: right;\n font-size: 14px;\n width: auto;\n margin: initial;\n padding: initial;\n }\n\n .status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding: 6px 0;\n padding-right: 25px;\n margin: initial;\n\n .display-name strong {\n display: inline;\n }\n }\n\n .status__avatar {\n height: 48px;\n position: absolute;\n width: 48px;\n margin: initial;\n }\n }\n}\n\n.rtl {\n .embed, .public-layout {\n .status .status__relative-time {\n float: left;\n }\n }\n}\n","button.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n &, &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n &, &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n }\n}\n",".account {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n color: inherit;\n text-decoration: none;\n\n .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: $darker-text-color;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n }\n\n &.small {\n border: none;\n padding: 0;\n\n & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n & > .display-name {\n height: 24px;\n line-height: 24px;\n }\n }\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n @include avatar-radius();\n position: relative;\n cursor: pointer;\n\n &-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n }\n}\n\n.account__avatar-overlay {\n position: relative;\n @include avatar-size(48px);\n\n &-base {\n @include avatar-radius();\n @include avatar-size(36px);\n }\n\n &-overlay {\n @include avatar-radius();\n @include avatar-size(24px);\n\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n }\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__header__wrapper {\n flex: 0 0 auto;\n background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n padding: 10px;\n color: $dark-text-color;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n font-weight: 500;\n color: inherit;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n}\n\n.account__action-bar {\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-left: 1px solid lighten($ui-base-color, 8%);\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n\n &:first-child {\n border-left: 0;\n }\n\n &.active {\n border-bottom: 4px solid $ui-highlight-color;\n }\n\n & > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: $darker-text-color;\n }\n\n strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: $primary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n abbr {\n color: $highlight-text-color;\n }\n}\n\n.account-authorize {\n padding: 14px 10px;\n\n .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n }\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.notification__message {\n margin-left: 42px;\n padding: 8px 0 0 26px;\n cursor: default;\n color: $darker-text-color;\n font-size: 15px;\n position: relative;\n\n .fa {\n color: $highlight-text-color;\n }\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.account--panel {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.column-settings__outer {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-settings__section {\n color: $darker-text-color;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n .column-settings__row {\n margin-bottom: 15px;\n }\n\n .column-select {\n &__control {\n @include search-input();\n }\n\n &__placeholder {\n color: $dark-text-color;\n padding-left: 2px;\n font-size: 12px;\n }\n\n &__value-container {\n padding-left: 6px;\n }\n\n &__multi-value {\n background: lighten($ui-base-color, 8%);\n\n &__remove {\n cursor: pointer;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 12%);\n color: lighten($darker-text-color, 4%);\n }\n }\n }\n\n &__multi-value__label,\n &__input {\n color: $darker-text-color;\n }\n\n &__clear-indicator,\n &__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: $dark-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($dark-text-color, 4%);\n }\n }\n\n &__indicator-separator {\n background-color: lighten($ui-base-color, 8%);\n }\n\n &__menu {\n @include search-popout();\n padding: 0;\n background: $ui-secondary-color;\n }\n\n &__menu-list {\n padding: 6px;\n }\n\n &__option {\n color: $inverted-text-color;\n border-radius: 4px;\n font-size: 14px;\n\n &--is-focused,\n &--is-selected {\n background: darken($ui-secondary-color, 10%);\n }\n }\n }\n}\n\n.column-settings__row {\n .text-btn {\n margin-bottom: 15px;\n }\n}\n\n.relationship-tag {\n color: $primary-text-color;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: $base-overlay-background;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 500;\n padding: 4px;\n border-radius: 4px;\n opacity: 0.7;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.account-gallery__container {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n padding: 2px;\n}\n\n.account-gallery__item {\n flex-grow: 1;\n width: 50%;\n overflow: hidden;\n position: relative;\n\n &::before {\n content: \"\";\n display: block;\n padding-top: 100%;\n }\n\n a {\n display: block;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n margin: 2px;\n top: 0;\n left: 0;\n background-color: $base-overlay-background;\n background-size: cover;\n background-position: center;\n position: absolute;\n color: $ui-primary-color;\n text-decoration: none;\n border-radius: 4px;\n\n &:hover,\n &:active,\n &:focus {\n outline: 0;\n color: $ui-secondary-color;\n\n &::before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background: rgba($base-overlay-background, 0.3);\n border-radius: 4px;\n }\n }\n }\n\n &__icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n flex-shrink: 0;\n\n button {\n background: darken($ui-base-color, 4%);\n border: 0;\n margin: 0;\n }\n\n button,\n a {\n display: block;\n flex: 1 1 auto;\n color: $darker-text-color;\n padding: 15px 0;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n text-decoration: none;\n position: relative;\n\n &.active {\n color: $secondary-text-color;\n\n &::before,\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 0;\n transform: translateX(-50%);\n border-style: solid;\n border-width: 0 10px 10px;\n border-color: transparent transparent lighten($ui-base-color, 8%);\n }\n\n &::after {\n bottom: -1px;\n border-color: transparent transparent $ui-base-color;\n }\n }\n }\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &__message {\n position: relative;\n margin-left: 58px;\n color: $dark-text-color;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__icon-wrapper {\n left: -26px;\n position: absolute;\n }\n\n .detailed-status__display-avatar {\n position: relative;\n }\n\n .detailed-status__display-name {\n margin-bottom: 0;\n }\n}\n\n.account__header__content {\n color: $darker-text-color;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n word-break: normal;\n word-wrap: break-word;\n\n p {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n color: inherit;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n}\n\n.account__header {\n overflow: hidden;\n\n &.inactive {\n opacity: 0.5;\n\n .account__header__image,\n .account__avatar {\n filter: grayscale(100%);\n }\n }\n\n &__info {\n position: absolute;\n top: 10px;\n left: 10px;\n }\n\n &__image {\n overflow: hidden;\n height: 145px;\n position: relative;\n background: darken($ui-base-color, 4%);\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n }\n }\n\n &__bar {\n position: relative;\n background: lighten($ui-base-color, 4%);\n padding: 5px;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n .avatar {\n display: block;\n flex: 0 0 auto;\n width: 94px;\n margin-left: -2px;\n\n .account__avatar {\n background: darken($ui-base-color, 8%);\n border: 2px solid lighten($ui-base-color, 4%);\n }\n }\n }\n\n &__tabs {\n display: flex;\n align-items: flex-start;\n padding: 7px 5px;\n margin-top: -55px;\n\n &__buttons {\n display: flex;\n align-items: center;\n padding-top: 55px;\n overflow: hidden;\n\n .icon-button {\n border: 1px solid lighten($ui-base-color, 12%);\n border-radius: 4px;\n box-sizing: content-box;\n padding: 2px;\n }\n\n .button {\n margin: 0 8px;\n }\n }\n\n &__name {\n padding: 5px;\n\n .account-role {\n vertical-align: top;\n }\n\n .emojione {\n width: 22px;\n height: 22px;\n }\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n small {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n }\n }\n\n &__bio {\n overflow: hidden;\n margin: 0 -5px;\n\n .account__header__content {\n padding: 20px 15px;\n padding-bottom: 5px;\n color: $primary-text-color;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n }\n\n &__extra {\n margin-top: 4px;\n\n &__links {\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n }\n}\n",".domain {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n }\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n",".status__content--with-action {\n cursor: pointer;\n}\n\n.status__content {\n position: relative;\n margin: 10px 0;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n overflow: visible;\n padding-top: 5px;\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 &:focus {\n outline: 0;\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 {\n display: none;\n\n &.status__content__spoiler--visible {\n display: block;\n }\n }\n\n .status__content__spoiler-link {\n background: lighten($ui-base-color, 30%);\n\n &:hover {\n background: lighten($ui-base-color, 33%);\n text-decoration: none;\n }\n }\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: lighten($ui-base-color, 30%);\n border: none;\n color: $inverted-text-color;\n font-weight: 500;\n font-size: 11px;\n padding: 0 5px;\n text-transform: uppercase;\n line-height: inherit;\n cursor: pointer;\n vertical-align: bottom;\n\n &:hover {\n background: lighten($ui-base-color, 33%);\n text-decoration: none;\n }\n\n .status__content__spoiler-icon {\n display: inline-block;\n margin: 0 0 0 5px;\n border-left: 1px solid currentColor;\n padding: 0 0 0 4px;\n font-size: 16px;\n vertical-align: -2px;\n }\n}\n\n.notif-cleaning {\n .status, .notification-follow {\n padding-right: ($dismiss-overlay-width + 0.5rem);\n }\n}\n\n.status__wrapper--filtered {\n color: $dark-text-color;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n float: left;\n margin: 0 10px 0 -58px;\n width: 48px;\n text-align: right;\n}\n\n.notification-follow {\n position: relative;\n\n // same like Status\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n .account {\n border-bottom: 0 none;\n }\n}\n\n.focusable {\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n\n .status.status-direct {\n background: lighten($ui-base-color, 12%);\n\n &.muted {\n background: transparent;\n }\n }\n\n .detailed-status,\n .detailed-status__action-bar {\n background: lighten($ui-base-color, 8%);\n }\n }\n}\n\n.status {\n padding: 10px 14px;\n position: relative;\n height: auto;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n\n @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n padding-right: 28px; // 12px + 16px\n }\n\n @keyframes fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n opacity: 1;\n animation: fade 150ms linear;\n\n .video-player {\n margin-top: 8px;\n }\n\n &.status-direct {\n background: lighten($ui-base-color, 8%);\n }\n\n &.light {\n .status__relative-time {\n color: $lighter-text-color;\n }\n\n .status__display-name {\n color: $inverted-text-color;\n }\n\n .display-name {\n strong {\n color: $inverted-text-color;\n }\n\n span {\n color: $lighter-text-color;\n }\n }\n\n .status__content {\n color: $inverted-text-color;\n\n a {\n color: $highlight-text-color;\n }\n\n a.status__content__spoiler-link {\n color: $primary-text-color;\n background: $ui-primary-color;\n\n &:hover {\n background: lighten($ui-primary-color, 8%);\n }\n }\n }\n }\n\n &.collapsed {\n background-position: center;\n background-size: cover;\n user-select: none;\n\n &.has-background::before {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n pointer-events: none;\n content: \"\";\n }\n\n .display-name:hover .display-name__html {\n text-decoration: none;\n }\n\n .status__content {\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 0;\n\n &:after {\n content: \"\";\n position: absolute;\n top: 0; bottom: 0;\n left: 0; right: 0;\n background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n pointer-events: none;\n }\n \n a:hover {\n text-decoration: none;\n }\n }\n &:focus > .status__content:after {\n background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n }\n &.status-direct> .status__content:after {\n background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n }\n\n .notification__message {\n margin-bottom: 0;\n }\n\n .status__info .notification__message > span {\n white-space: nowrap;\n }\n }\n\n .notification__message {\n margin: -10px 0px 10px 0;\n }\n}\n\n.notification-favourite {\n .status.status-direct {\n background: transparent;\n\n .icon-button.disabled {\n color: lighten($action-button-color, 13%);\n }\n }\n}\n\n.status__relative-time {\n display: inline-block;\n margin-left: auto;\n padding-left: 18px;\n width: 120px;\n color: $dark-text-color;\n font-size: 14px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.status__display-name {\n margin: 0 auto 0 0;\n color: $dark-text-color;\n overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n display: block;\n max-width: 100%;\n}\n\n.status__info {\n display: flex;\n font-size: 15px;\n\n > span {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .notification__message > span {\n word-wrap: break-word;\n }\n}\n\n.status__info__icons {\n margin-left: auto;\n display: flex;\n align-items: center;\n height: 1em;\n color: $action-button-color;\n\n .status__media-icon {\n padding-left: 6px;\n padding-right: 1px;\n }\n\n .status__visibility-icon {\n padding-left: 4px;\n }\n}\n\n.status__info__account {\n display: flex;\n align-items: center;\n}\n\n.status-check-box {\n border-bottom: 1px solid $ui-secondary-color;\n display: flex;\n\n .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n\n .media-gallery {\n max-width: 250px;\n }\n\n .status__content {\n padding: 0;\n white-space: normal;\n }\n\n .video-player {\n margin-top: 8px;\n max-width: 250px;\n }\n\n .media-gallery__item-thumbnail {\n cursor: default;\n }\n }\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin: -10px -10px 10px;\n color: $dark-text-color;\n padding: 8px 10px 0 68px;\n font-size: 14px;\n position: relative;\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.status__action-bar {\n align-items: center;\n display: flex;\n margin-top: 8px;\n\n &__counter {\n display: inline-flex;\n margin-right: 11px;\n align-items: center;\n\n .status__action-bar-button {\n margin-right: 4px;\n }\n\n &__label {\n display: inline-block;\n width: 14px;\n font-size: 12px;\n font-weight: 500;\n color: $action-button-color;\n }\n }\n}\n\n.status__action-bar-button {\n margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n height: 23.15px;\n width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.detailed-status {\n background: lighten($ui-base-color, 4%);\n padding: 14px 10px;\n\n &--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n\n .status__content,\n .detailed-status__meta {\n flex: 100%;\n }\n }\n\n .status__content {\n font-size: 19px;\n line-height: 24px;\n\n .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n }\n }\n\n .video-player {\n margin-top: 8px;\n }\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: $dark-text-color;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n strong {\n color: $primary-text-color;\n }\n}\n\n.muted {\n .emojione {\n opacity: 0.5;\n }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n &:hover strong {\n text-decoration: underline;\n }\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: $secondary-text-color;\n display: block;\n line-height: 24px;\n margin-bottom: 15px;\n overflow: hidden;\n\n strong,\n span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n strong {\n font-size: 16px;\n color: $primary-text-color;\n }\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n flex: none;\n margin: 0 10px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.muted {\n .status__content,\n .status__content p,\n .status__content a {\n color: $dark-text-color;\n }\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n .status__avatar {\n opacity: 0.5;\n }\n\n a.status__content__spoiler-link {\n background: $ui-base-lighter-color;\n color: $inverted-text-color;\n\n &:hover {\n background: lighten($ui-base-color, 29%);\n text-decoration: none;\n }\n }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n &:hover {\n text-decoration: underline;\n }\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n color: $dark-text-color;\n margin-top: 14px;\n text-decoration: none;\n overflow: hidden;\n\n &__actions {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > div {\n background: rgba($base-shadow-color, 0.6);\n border-radius: 4px;\n padding: 12px 9px;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n button,\n a {\n display: inline;\n color: $primary-text-color;\n background: transparent;\n border: 0;\n padding: 0 5px;\n text-decoration: none;\n opacity: 0.6;\n font-size: 18px;\n line-height: 18px;\n\n &:hover,\n &:active,\n &:focus {\n opacity: 1;\n }\n }\n\n a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n }\n\n a .fa, a:hover .fa {\n color: inherit;\n }\n }\n}\n\na.status-card {\n cursor: pointer;\n\n &:hover {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.status-card-photo {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.status-card-video {\n iframe {\n width: 100%;\n height: 100%;\n }\n}\n\n.status-card__title {\n display: block;\n font-weight: 500;\n margin-bottom: 5px;\n color: $darker-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-decoration: none;\n}\n\n.status-card__content {\n flex: 1 1 auto;\n overflow: hidden;\n padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n color: $darker-text-color;\n}\n\n.status-card__host {\n display: block;\n margin-top: 5px;\n font-size: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.status-card__image {\n flex: 0 0 100px;\n background: lighten($ui-base-color, 8%);\n position: relative;\n\n & > .fa {\n font-size: 21px;\n position: absolute;\n transform-origin: 50% 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.status-card.horizontal {\n display: block;\n\n .status-card__image {\n width: 100%;\n }\n\n .status-card__image-image {\n border-radius: 4px 4px 0 0;\n }\n\n .status-card__title {\n white-space: inherit;\n }\n}\n\n.status-card.compact {\n border-color: lighten($ui-base-color, 4%);\n\n &.interactive {\n border: 0;\n }\n\n .status-card__content {\n padding: 8px;\n padding-top: 10px;\n }\n\n .status-card__title {\n white-space: nowrap;\n }\n\n .status-card__image {\n flex: 0 0 60px;\n }\n}\n\na.status-card.compact:hover {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.status__video-player {\n display: flex;\n align-items: center;\n background: $base-shadow-color;\n box-sizing: border-box;\n cursor: default; /* May not be needed */\n margin-top: 8px;\n overflow: hidden;\n position: relative;\n\n @include fullwidth-gallery;\n}\n\n.status__video-player-video {\n height: 100%;\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n\n &:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n }\n}\n\n.status__video-player-expand,\n.status__video-player-mute {\n color: $primary-text-color;\n opacity: 0.8;\n position: absolute;\n right: 4px;\n text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n}\n\n.status__video-player-spoiler {\n display: none;\n color: $primary-text-color;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n top: 4px;\n z-index: 100;\n\n &.status__video-player-spoiler--visible {\n display: block;\n }\n}\n\n.status__video-player-expand {\n bottom: 4px;\n z-index: 100;\n}\n\n.status__video-player-mute {\n top: 4px;\n z-index: 5;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n\n &__icon {\n flex: 0 0 auto;\n color: $dark-text-color;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n\n .fa {\n display: block;\n }\n }\n\n &__list {\n list-style: none;\n padding: 4px 0;\n padding-left: 8px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n li {\n display: block;\n padding: 4px 0;\n }\n\n a {\n text-decoration: none;\n color: $dark-text-color;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n &.compact {\n border: 0;\n margin-top: 4px;\n\n .attachment-list__list {\n padding: 0;\n display: block;\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n}\n",".modal-container--preloader {\n background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n position: relative;\n transition: opacity 0.3s linear;\n will-change: opacity;\n z-index: 9999;\n}\n\n.modal-root__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: $ui-secondary-color;\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.onboarding-modal__pager {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 470px;\n\n .react-swipeable-view-container > div {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n user-select: text;\n }\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n\n & > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n }\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n .onboarding-modal {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n .onboarding-modal__pager {\n width: 100%;\n height: auto;\n max-width: none;\n max-height: none;\n flex: 1 1 auto;\n }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: darken($ui-secondary-color, 8%);\n display: flex;\n padding: 25px;\n\n & > div {\n min-width: 33px;\n }\n\n .onboarding-modal__nav,\n .error-modal__nav {\n color: $lighter-text-color;\n border: 0;\n font-size: 14px;\n font-weight: 500;\n padding: 10px 25px;\n line-height: inherit;\n height: auto;\n margin: -10px;\n border-radius: 4px;\n background-color: transparent;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n background-color: darken($ui-secondary-color, 16%);\n }\n\n &.onboarding-modal__done,\n &.onboarding-modal__next {\n color: $inverted-text-color;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($inverted-text-color, 4%);\n }\n }\n }\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.onboarding-modal__dots {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.onboarding-modal__dot {\n width: 14px;\n height: 14px;\n border-radius: 14px;\n background: darken($ui-secondary-color, 16%);\n margin: 0 3px;\n cursor: pointer;\n\n &:hover {\n background: darken($ui-secondary-color, 18%);\n }\n\n &.active {\n cursor: default;\n background: darken($ui-secondary-color, 24%);\n }\n}\n\n.onboarding-modal__page__wrapper {\n pointer-events: none;\n padding: 25px;\n padding-bottom: 0;\n\n &.onboarding-modal__page__wrapper--active {\n pointer-events: auto;\n }\n}\n\n.onboarding-modal__page {\n cursor: default;\n line-height: 21px;\n\n h1 {\n font-size: 18px;\n font-weight: 500;\n color: $inverted-text-color;\n margin-bottom: 20px;\n }\n\n a {\n color: $highlight-text-color;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($highlight-text-color, 4%);\n }\n }\n\n .navigation-bar a {\n color: inherit;\n }\n\n p {\n font-size: 16px;\n color: $lighter-text-color;\n margin-top: 10px;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n strong {\n font-weight: 500;\n background: $ui-base-color;\n color: $secondary-text-color;\n border-radius: 4px;\n font-size: 14px;\n padding: 3px 6px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n}\n\n.onboarding-modal__page__wrapper-0 {\n height: 100%;\n padding: 0;\n}\n\n.onboarding-modal__page-one {\n &__lead {\n padding: 65px;\n padding-top: 45px;\n padding-bottom: 0;\n margin-bottom: 10px;\n\n h1 {\n font-size: 26px;\n line-height: 36px;\n margin-bottom: 8px;\n }\n\n p {\n margin-bottom: 0;\n }\n }\n\n &__extra {\n padding-right: 65px;\n padding-left: 185px;\n text-align: center;\n }\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n\n &__label {\n font-weight: 500;\n color: $inverted-text-color;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n }\n\n &__case {\n background: $ui-base-color;\n color: $secondary-text-color;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n p {\n text-align: left;\n }\n\n .figure {\n background: darken($ui-base-color, 8%);\n color: $secondary-text-color;\n margin-bottom: 20px;\n border-radius: 4px;\n padding: 10px;\n text-align: center;\n font-size: 14px;\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n .onboarding-modal__image {\n border-radius: 4px;\n margin-bottom: 10px;\n }\n\n &.non-interactive {\n pointer-events: none;\n text-align: left;\n }\n }\n}\n\n.onboarding-modal__page-four__columns {\n .row {\n display: flex;\n margin-bottom: 20px;\n\n & > div {\n flex: 1 1 0;\n margin: 0 10px;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n p {\n text-align: center;\n }\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .column-header {\n color: $primary-text-color;\n }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n .onboarding-modal__page p {\n font-size: 14px;\n line-height: 20px;\n }\n\n .onboarding-modal__page-two .figure,\n .onboarding-modal__page-three .figure,\n .onboarding-modal__page-four .figure,\n .onboarding-modal__page-five .figure {\n font-size: 12px;\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .row {\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .column-header {\n padding: 5px;\n font-size: 12px;\n }\n}\n\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n background: lighten($ui-secondary-color, 8%);\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n\n .status__display-name {\n display: flex;\n }\n\n .status__avatar {\n height: 28px;\n left: 10px;\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.favourite-modal__container {\n overflow-x: scroll;\n padding: 10px;\n\n .status {\n user-select: text;\n border-bottom: 0;\n }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: $ui-secondary-color;\n padding: 10px;\n line-height: 36px;\n\n & > div {\n flex: 1 1 auto;\n text-align: right;\n color: $lighter-text-color;\n padding-right: 10px;\n }\n\n .button {\n flex: 0 0 auto;\n }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.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 @media screen and (max-width: 480px) {\n max-height: 10vh;\n }\n}\n\n.report-modal__comment {\n padding: 20px;\n border-right: 1px solid $ui-secondary-color;\n max-width: 320px;\n\n p {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 20px;\n }\n\n .setting-text {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $white;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 1px solid $ui-secondary-color;\n margin-bottom: 20px;\n\n &:focus {\n border: 1px solid darken($ui-secondary-color, 8%);\n }\n }\n\n .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n\n &__label {\n color: $inverted-text-color;\n font-size: 14px;\n }\n }\n\n @media screen and (max-width: 480px) {\n padding: 10px;\n max-width: 100%;\n order: 2;\n\n .setting-toggle {\n margin-bottom: 4px;\n }\n }\n}\n\n.report-modal__target {\n padding: 20px;\n\n .media-modal__close {\n top: 19px;\n right: 15px;\n }\n}\n\n.actions-modal {\n .status {\n overflow-y: auto;\n max-height: 300px;\n }\n\n strong {\n display: block;\n font-weight: 500;\n }\n\n max-height: 80vh;\n max-width: 80vw;\n\n .actions-modal__item-label {\n font-weight: 500;\n }\n\n ul {\n overflow-y: auto;\n flex-shrink: 0;\n\n li:empty {\n margin: 0;\n }\n\n li:not(:empty) {\n a {\n color: $inverted-text-color;\n display: flex;\n padding: 12px 16px;\n font-size: 15px;\n align-items: center;\n text-decoration: none;\n\n &,\n button {\n transition: none;\n }\n\n &.active,\n &:hover,\n &:active,\n &:focus {\n &,\n button {\n background: $ui-highlight-color;\n color: $primary-text-color;\n }\n }\n\n & > .react-toggle,\n & > .icon,\n button:first-child {\n margin-right: 10px;\n }\n }\n }\n }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n .confirmation-modal__secondary-button,\n .confirmation-modal__cancel-button,\n .mute-modal__cancel-button {\n background-color: transparent;\n color: $lighter-text-color;\n font-size: 14px;\n font-weight: 500;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n }\n }\n}\n\n.confirmation-modal__do_not_ask_again {\n padding-left: 20px;\n padding-right: 20px;\n padding-bottom: 10px;\n\n font-size: 14px;\n\n label, input {\n vertical-align: middle;\n }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.report-modal__target {\n padding: 30px;\n font-size: 16px;\n text-align: center;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n\n h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n }\n\n .embed-modal__container {\n padding: 10px;\n\n .hint {\n margin-bottom: 15px;\n }\n\n .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: 'mastodon-font-monospace', monospace;\n background: $ui-base-color;\n color: $primary-text-color;\n font-size: 14px;\n margin: 0;\n margin-bottom: 15px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n }\n }\n}\n\n.focal-point {\n position: relative;\n cursor: pointer;\n overflow: hidden;\n\n &.dragging {\n cursor: move;\n }\n\n img {\n max-width: 80vw;\n max-height: 80vh;\n width: auto;\n height: auto;\n margin: auto;\n }\n\n &__reticle {\n position: absolute;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%);\n background: url('~images/reticle.png') no-repeat 0 0;\n border-radius: 50%;\n box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n }\n\n &__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n}\n",".composer {\n padding: 10px;\n}\n\n.no-reduce-motion .composer--spoiler {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n height: 0;\n transform-origin: bottom;\n opacity: 0.0;\n\n &.composer--spoiler--visible {\n height: 47px;\n opacity: 1.0;\n }\n\n input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px;\n padding: 10px;\n width: 100%;\n outline: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n font-size: 14px;\n font-family: inherit;\n resize: vertical;\n\n &:focus { outline: 0 }\n @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n }\n}\n\n.composer--warning {\n color: $inverted-text-color;\n margin-bottom: 15px;\n background: $ui-primary-color;\n box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n\n a {\n color: $lighter-text-color;\n font-weight: 500;\n text-decoration: underline;\n\n &:active,\n &:focus,\n &:hover { text-decoration: none }\n }\n}\n\n.composer--reply {\n margin: 0 0 10px;\n border-radius: 4px;\n padding: 10px;\n background: $ui-primary-color;\n\n & > header {\n margin-bottom: 5px;\n overflow: hidden;\n\n & > .account.small { color: $inverted-text-color; }\n\n & > .cancel {\n float: right;\n line-height: 24px;\n }\n }\n\n & > .content {\n position: relative;\n margin: 10px 0;\n padding: 0 12px;\n font-size: 14px;\n line-height: 20px;\n color: $inverted-text-color;\n word-wrap: break-word;\n font-weight: 400;\n overflow: visible;\n white-space: pre-wrap;\n padding-top: 5px;\n\n p {\n margin-bottom: 20px;\n\n &:last-child { margin-bottom: 0 }\n }\n\n a {\n color: $lighter-text-color;\n text-decoration: none;\n\n &:hover { text-decoration: underline }\n\n &.mention {\n &:hover {\n text-decoration: none;\n\n span { text-decoration: underline }\n }\n }\n }\n }\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -5px 0 0;\n }\n}\n\n.emoji-picker-dropdown {\n position: absolute;\n right: 5px;\n top: 5px;\n\n ::-webkit-scrollbar-track:hover,\n ::-webkit-scrollbar-track:active {\n background-color: rgba($base-overlay-background, 0.3);\n }\n}\n\n.composer--textarea {\n position: relative;\n\n & > label {\n .textarea {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px 4px 0 0;\n padding: 10px 32px 0 10px;\n width: 100%;\n min-height: 100px;\n outline: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n font-size: 14px;\n font-family: inherit;\n resize: none;\n scrollbar-color: initial;\n\n &::-webkit-scrollbar {\n all: unset;\n }\n\n &:disabled { background: $ui-secondary-color }\n &:focus { outline: 0 }\n @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n @include limited-single-column('screen and (max-width: 600px)') {\n height: 100px !important; // prevent auto-resize textarea\n resize: vertical;\n }\n }\n }\n}\n\n.composer--textarea--icons {\n display: block;\n position: absolute;\n top: 29px;\n right: 5px;\n bottom: 5px;\n overflow: hidden;\n\n & > .textarea_icon {\n display: block;\n margin: 2px 0 0 2px;\n width: 24px;\n height: 24px;\n color: $lighter-text-color;\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n opacity: .8;\n }\n}\n\n.composer--textarea--suggestions {\n display: block;\n position: absolute;\n box-sizing: border-box;\n top: 100%;\n border-radius: 0 0 4px 4px;\n padding: 6px;\n width: 100%;\n color: $inverted-text-color;\n background: $ui-secondary-color;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n font-size: 14px;\n z-index: 99;\n\n &[hidden] { display: none }\n}\n\n.composer--textarea--suggestions--item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n border-radius: 4px;\n padding: 10px;\n font-size: 14px;\n line-height: 18px;\n overflow: hidden;\n cursor: pointer;\n\n &:hover,\n &:focus,\n &:active,\n &.selected { background: darken($ui-secondary-color, 10%) }\n\n & > .emoji {\n img {\n display: block;\n float: left;\n margin-right: 8px;\n width: 18px;\n height: 18px;\n }\n }\n\n & > .account.small {\n .display-name {\n & > span { color: $lighter-text-color }\n }\n }\n}\n\n.composer--upload_form {\n padding: 5px;\n color: $inverted-text-color;\n background: $simple-background-color;\n font-size: 14px;\n\n & > .content {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: inherit;\n overflow: hidden;\n }\n}\n\n.composer--upload_form--item {\n flex: 1 1 0;\n margin: 5px;\n min-width: 40%;\n\n & > div {\n position: relative;\n border-radius: 4px;\n height: 140px;\n width: 100%;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n overflow: hidden;\n\n textarea {\n display: block;\n position: absolute;\n box-sizing: border-box;\n bottom: 0;\n left: 0;\n margin: 0;\n border: 0;\n padding: 10px;\n width: 100%;\n color: $secondary-text-color;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n font-size: 14px;\n font-family: inherit;\n font-weight: 500;\n opacity: 0;\n z-index: 2;\n transition: opacity .1s ease;\n\n &:focus { color: $white }\n\n &::placeholder {\n opacity: 0.54;\n color: $secondary-text-color;\n }\n }\n\n & > .close { mix-blend-mode: difference }\n }\n\n &.active {\n & > div {\n textarea { opacity: 1 }\n }\n }\n}\n\n.composer--upload_form--actions {\n background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity .1s ease;\n\n .icon-button {\n flex: 0 1 auto;\n color: $ui-secondary-color;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($ui-secondary-color, 4%);\n }\n }\n\n &.active {\n opacity: 1;\n }\n}\n\n.composer--upload_form--progress {\n display: flex;\n padding: 10px;\n color: $darker-text-color;\n overflow: hidden;\n\n & > .fa {\n font-size: 34px;\n margin-right: 10px;\n }\n\n & > .message {\n flex: 1 1 auto;\n\n & > span {\n display: block;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n }\n\n & > .backdrop {\n position: relative;\n margin-top: 5px;\n border-radius: 6px;\n width: 100%;\n height: 6px;\n background: $ui-base-lighter-color;\n\n & > .tracker {\n position: absolute;\n top: 0;\n left: 0;\n height: 6px;\n border-radius: 6px;\n background: $ui-highlight-color;\n }\n }\n }\n}\n\n.compose-form__modifiers {\n color: $inverted-text-color;\n font-family: inherit;\n font-size: 14px;\n background: $simple-background-color;\n}\n\n.composer--options {\n padding: 10px;\n background: darken($simple-background-color, 8%);\n box-shadow: inset 0 5px 5px rgba($base-shadow-color, 0.05);\n border-radius: 0 0 4px 4px;\n height: 27px;\n\n & > * {\n display: inline-block;\n box-sizing: content-box;\n padding: 0 3px;\n height: 27px;\n line-height: 27px;\n vertical-align: bottom;\n }\n\n & > hr {\n display: inline-block;\n margin: 0 3px;\n border-width: 0 0 0 1px;\n border-style: none none none solid;\n border-color: transparent transparent transparent darken($simple-background-color, 24%);\n padding: 0;\n width: 0;\n height: 27px;\n background: transparent;\n }\n}\n\n.composer--options--dropdown {\n &.open {\n & > .value {\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n color: $primary-text-color;\n background: $ui-highlight-color;\n transition: none;\n }\n &.top {\n & > .value {\n border-radius: 0 0 4px 4px;\n box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n }\n }\n }\n}\n\n.composer--options--dropdown--content {\n position: absolute;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n background: $simple-background-color;\n overflow: hidden;\n transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n display: flex;\n align-items: center;\n padding: 10px;\n color: $inverted-text-color;\n cursor: pointer;\n\n & > .content {\n flex: 1 1 auto;\n color: $lighter-text-color;\n\n &:not(:first-child) { margin-left: 10px }\n\n strong {\n display: block;\n color: $inverted-text-color;\n font-weight: 500;\n }\n }\n\n &:hover,\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n\n & > .content {\n color: $primary-text-color;\n\n strong { color: $primary-text-color }\n }\n }\n\n &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n padding-top: 10px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n\n & > .count {\n display: inline-block;\n margin: 0 16px 0 8px;\n font-size: 16px;\n line-height: 36px;\n }\n\n & > .primary {\n display: inline-block;\n margin: 0;\n padding: 0 10px;\n text-align: center;\n }\n\n & > .side_arm {\n display: inline-block;\n margin: 0 2px 0 0;\n padding: 0;\n width: 36px;\n text-align: center;\n }\n\n &.over {\n & > .count { color: $warning-red }\n }\n}\n",".column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n}\n\n@include limited-single-column('screen and (min-width: 360px)', $parent: null) {\n .columns-area {\n padding: 10px;\n }\n\n .react-swipeable-view-container .columns-area {\n height: calc(100% - 20px) !important;\n }\n}\n\n.react-swipeable-view-container {\n &,\n .columns-area,\n .column {\n height: 100%;\n }\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n > .scrollable {\n background: $ui-base-color;\n }\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: darken($ui-base-color, 7%);\n}\n\n.column {\n overflow: hidden;\n}\n\n@include limited-single-column('screen and (min-width: 360px)', $parent: null) {\n .tabs-bar {\n margin: 10px;\n margin-bottom: 0;\n }\n}\n\n:root { // Overrides .wide stylings for mobile view\n @include single-column('screen and (max-width: 630px)', $parent: null) {\n .column {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n\n .columns-area {\n flex-direction: column;\n }\n\n .search__input,\n .autosuggest-textarea__textarea {\n font-size: 16px;\n }\n }\n}\n\n@include multi-columns('screen and (min-width: 631px)', $parent: null) {\n .columns-area {\n padding: 0;\n }\n\n .column {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 10px;\n }\n\n &:last-child {\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n}\n\n.column-back-button {\n background: lighten($ui-base-color, 4%);\n color: $highlight-text-color;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n.column-header__back-button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n font-family: inherit;\n color: $highlight-text-color;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:last-child {\n padding: 0 15px 0 0;\n }\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.column-link {\n background: lighten($ui-base-color, 8%);\n color: $primary-text-color;\n display: block;\n font-size: 16px;\n padding: 15px;\n text-decoration: none;\n\n &:hover {\n background: lighten($ui-base-color, 11%);\n }\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-subheading {\n background: $ui-base-color;\n color: $dark-text-color;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n\n &.active {\n &::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n }\n }\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: lighten($ui-base-color, 4%);\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n\n & > button {\n margin: 0;\n border: none;\n padding: 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n }\n\n & > .column-header__back-button {\n color: $highlight-text-color;\n }\n\n &.active {\n box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n .column-header__icon {\n color: $highlight-text-color;\n text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n }\n }\n\n &:focus,\n &:active {\n outline: 0;\n }\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .wide & {\n flex: auto;\n min-width: 330px;\n max-width: 400px;\n }\n\n > .scrollable {\n background: $ui-base-color;\n }\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n margin-left: 0;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n color: $darker-text-color;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n\n &:hover {\n color: lighten($darker-text-color, 7%);\n }\n\n &.active {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n\n &:hover {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n }\n }\n\n // glitch - added focus ring for keyboard navigation\n &:focus {\n text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n }\n}\n\n.column-header__notif-cleaning-buttons {\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n\n button {\n @extend .column-header__button;\n background: transparent;\n text-align: center;\n padding: 10px 0;\n white-space: pre-wrap;\n }\n\n b {\n font-weight: bold;\n }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n padding: 0;\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: $darker-text-color;\n transition: max-height 150ms ease-in-out, opacity 300ms linear;\n opacity: 1;\n\n &.collapsed {\n max-height: 0;\n opacity: 0.5;\n }\n\n &.animating {\n overflow-y: hidden;\n }\n\n hr {\n height: 0;\n background: transparent;\n border: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n margin: 10px 0;\n }\n\n // notif cleaning drawer\n &.ncd {\n transition: none;\n &.collapsed {\n max-height: 0;\n opacity: 0.7;\n }\n }\n}\n\n.column-header__collapsible-inner {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-header__setting-btn {\n &:hover {\n color: $darker-text-color;\n text-decoration: underline;\n }\n}\n\n.column-header__setting-arrows {\n float: right;\n\n .column-header__setting-btn {\n padding: 0 10px;\n\n &:last-child {\n padding-right: 0;\n }\n }\n}\n\n.column-header__title {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n color: $dark-text-color;\n background: $ui-base-color;\n text-align: center;\n padding: 20px;\n font-size: 15px;\n font-weight: 400;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.error-column {\n flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n .tabs-bar {\n margin-top: 0 !important;\n margin-bottom: -6px !important;\n }\n}\n\n.single-column.navbar-under {\n @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n @media screen and (max-width: 360px) {\n @include fix-margins-for-navbar-under;\n }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n @media screen and (max-width: 360px) {\n height: 100% !important;\n }\n}\n\n.column-inline-form {\n padding: 7px 15px;\n padding-right: 5px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: lighten($ui-base-color, 4%);\n\n label {\n flex: 1 1 auto;\n\n input {\n width: 100%;\n margin-bottom: 6px;\n\n &:focus {\n outline: 0;\n }\n }\n }\n\n .icon-button {\n flex: 0 0 auto;\n margin: 0 5px;\n }\n}\n\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: darken($ui-highlight-color, 3%);\n color: $white;\n border-radius: 50%;\n font-size: 21px;\n line-height: 21px;\n text-decoration: none;\n box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-highlight-color, 7%);\n }\n}\n",".regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: $dark-text-color;\n background: $ui-base-color;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n padding: 20px;\n\n & > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n }\n\n &__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.missing-indicator {\n padding-top: 20px + 48px;\n }\n\n &__label {\n margin-top: 200px;\n\n strong {\n display: block;\n margin-bottom: 10px;\n color: $dark-text-color;\n }\n\n span {\n font-size: 15px;\n font-weight: 400;\n }\n }\n}\n",".search {\n position: relative;\n}\n\n.search__input {\n display: block;\n padding: 10px;\n padding-right: 30px;\n @include search-input();\n}\n\n.search__icon {\n .fa {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 2;\n display: inline-block;\n opacity: 0;\n transition: all 100ms linear;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: $secondary-text-color;\n cursor: default;\n pointer-events: none;\n\n &.active {\n pointer-events: auto;\n opacity: 0.3;\n }\n }\n\n .fa-search {\n transform: rotate(90deg);\n\n &.active {\n pointer-events: none;\n transform: rotate(0deg);\n }\n }\n\n .fa-times-circle {\n top: 11px;\n transform: rotate(0deg);\n cursor: pointer;\n\n &.active {\n transform: rotate(90deg);\n }\n\n &:hover {\n color: $primary-text-color;\n }\n }\n}\n\n.search-results__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n border-bottom: 1px solid darken($ui-base-color, 4%);\n padding: 15px 10px;\n font-size: 14px;\n font-weight: 500;\n}\n\n.trends {\n &__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n border-bottom: 1px solid darken($ui-base-color, 4%);\n font-weight: 500;\n padding: 15px;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n &__item {\n display: flex;\n align-items: center;\n padding: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n &__name {\n flex: 1 1 auto;\n color: $dark-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n font-weight: 500;\n }\n\n a {\n color: $darker-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover,\n &:focus,\n &:active {\n span {\n text-decoration: underline;\n }\n }\n }\n }\n\n &__current {\n flex: 0 0 auto;\n width: 100px;\n font-size: 24px;\n line-height: 36px;\n font-weight: 500;\n text-align: center;\n color: $secondary-text-color;\n }\n\n &__sparkline {\n flex: 0 0 auto;\n width: 50px;\n\n path {\n stroke: lighten($highlight-text-color, 6%) !important;\n }\n }\n }\n}\n",null,".emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -.2ex .15em .2ex;\n width: 16px;\n height: 16px;\n\n img {\n width: auto;\n }\n}\n\n.emoji-picker-dropdown__menu {\n background: $simple-background-color;\n position: absolute;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n\n .emoji-mart-scroll {\n transition: opacity 200ms ease;\n }\n\n &.selecting .emoji-mart-scroll {\n opacity: 0.5;\n }\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: $simple-background-color;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n overflow: hidden;\n\n button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n\n &:hover,\n &:focus,\n &:active {\n background: rgba($ui-secondary-color, 0.4);\n }\n }\n\n .emoji-mart-emoji {\n height: 22px;\n }\n}\n\n.emoji-mart-emoji {\n span {\n background-repeat: no-repeat;\n }\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n\n &:active,\n &:focus {\n outline: 0 !important;\n }\n\n img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n }\n\n &:hover,\n &:active,\n &:focus {\n img {\n opacity: 1;\n filter: none;\n }\n }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n @extend .boost-modal;\n width: unset;\n}\n\n.doodle-modal__container {\n background: $doodleBg;\n text-align: center;\n line-height: 0; // remove weird gap under canvas\n canvas {\n border: 5px solid $doodleBg;\n }\n}\n\n.doodle-modal__action-bar {\n @extend .boost-modal__action-bar;\n\n .filler {\n flex-grow: 1;\n margin: 0;\n padding: 0;\n }\n\n .doodle-toolbar {\n line-height: 1;\n\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n justify-content: space-around;\n\n &.with-inputs {\n label {\n display: inline-block;\n width: 70px;\n text-align: right;\n margin-right: 2px;\n }\n\n input[type=\"number\"],input[type=\"text\"] {\n width: 40px;\n }\n span.val {\n display: inline-block;\n text-align: left;\n width: 50px;\n }\n }\n }\n\n .doodle-palette {\n padding-right: 0 !important;\n border: 1px solid black;\n line-height: .2rem;\n flex-grow: 0;\n background: white;\n\n button {\n appearance: none;\n width: 1rem;\n height: 1rem;\n margin: 0; padding: 0;\n text-align: center;\n color: black;\n text-shadow: 0 0 1px white;\n cursor: pointer;\n box-shadow: inset 0 0 1px rgba(white, .5);\n border: 1px solid black;\n outline-offset:-1px;\n\n &.foreground {\n outline: 1px dashed white;\n }\n\n &.background {\n outline: 1px dashed red;\n }\n\n &.foreground.background {\n outline: 1px dashed red;\n border-color: white;\n }\n }\n }\n}\n",".drawer {\n width: 300px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n padding: 10px 5px;\n flex: none;\n\n &:first-child {\n padding-left: 10px;\n }\n\n &:last-child {\n padding-right: 10px;\n }\n\n @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n @include limited-single-column('screen and (max-width: 630px)') {\n &, &:first-child, &:last-child { padding: 0 }\n }\n\n .wide & {\n min-width: 300px;\n max-width: 400px;\n flex: 1 1 200px;\n }\n\n @include single-column('screen and (max-width: 630px)') {\n :root & { // Overrides `.wide` for single-column view\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n }\n\n .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n display: flex;\n flex-direction: row;\n margin-bottom: 10px;\n flex: none;\n background: lighten($ui-base-color, 8%);\n font-size: 16px;\n\n & > * {\n display: block;\n box-sizing: border-box;\n border-bottom: 2px solid transparent;\n padding: 15px 5px 13px;\n height: 48px;\n flex: 1 1 auto;\n color: $darker-text-color;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n a {\n transition: background 100ms ease-in;\n\n &:focus,\n &:hover {\n outline: none;\n background: lighten($ui-base-color, 3%);\n transition: background 200ms ease-out;\n }\n }\n}\n\n.drawer--search {\n position: relative;\n margin-bottom: 10px;\n flex: none;\n\n @include limited-single-column('screen and (max-width: 360px)') { margin-bottom: 0 }\n @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n padding: 10px 30px 10px 10px;\n width: 100%;\n height: 36px;\n outline: 0;\n color: $darker-text-color;\n background: $ui-base-color;\n font-size: 14px;\n font-family: inherit;\n line-height: 16px;\n\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n }\n }\n\n & > .icon {\n display: block;\n position: absolute;\n top: 10px;\n right: 10px;\n width: 18px;\n height: 18px;\n color: $secondary-text-color;\n font-size: 18px;\n line-height: 18px;\n z-index: 2;\n\n .fa {\n display: inline-block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n cursor: default;\n pointer-events: none;\n transition: all 100ms linear;\n }\n\n .fa-search {\n opacity: 0.3;\n transform: rotate(0deg);\n }\n\n .fa-times-circle {\n transform: rotate(-90deg);\n cursor: pointer;\n\n &:hover { color: $primary-text-color }\n }\n }\n\n &.active {\n & > .icon {\n .fa-search {\n opacity: 0;\n transform: rotate(90deg);\n }\n\n .fa-times-circle {\n opacity: 0.3;\n pointer-events: auto;\n transform: rotate(0deg);\n }\n }\n }\n}\n\n.drawer--search--popout {\n @include search-popout();\n}\n\n.drawer--account {\n padding: 10px;\n color: $darker-text-color;\n\n & > a {\n color: inherit;\n text-decoration: none;\n }\n\n & > .avatar {\n float: left;\n margin-right: 10px;\n }\n\n & > .acct {\n display: block;\n color: $secondary-text-color;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.drawer--results {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 0;\n background: $ui-base-color;\n overflow-x: hidden;\n overflow-y: auto;\n\n & > header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n & > section {\n margin-bottom: 5px;\n\n h5 {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: $dark-text-color;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .account:last-child,\n & > div:last-child .status {\n border-bottom: 0;\n }\n\n & > .hashtag {\n display: block;\n padding: 10px;\n color: $secondary-text-color;\n text-decoration: none;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($secondary-text-color, 4%);\n text-decoration: underline;\n }\n }\n }\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: lighten($ui-base-color, 13%);\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n\n &.darker {\n background: $ui-base-color;\n }\n}\n\n.drawer__inner__mastodon {\n background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n flex: 1;\n min-height: 47px;\n\n > img {\n display: block;\n object-fit: contain;\n object-position: bottom left;\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-drag: none;\n user-select: none;\n }\n\n > .mastodon {\n display: block;\n width: 100%;\n height: 100%;\n border: none;\n cursor: inherit;\n }\n}\n\n.pseudo-drawer {\n background: lighten($ui-base-color, 13%);\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n align-items: center;\n background: $base-overlay-background;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n margin-top: 8px;\n position: relative;\n text-align: center;\n z-index: 100;\n}\n\n.media-spoiler {\n background: $base-overlay-background;\n color: $darker-text-color;\n border: 0;\n width: 100%;\n height: 100%;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($darker-text-color, 8%);\n }\n\n .status__content > & {\n margin-top: 15px; // Add margin when used bare for NSFW video player\n }\n @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: $primary-text-color;\n background: rgba($base-overlay-background, 0.5);\n bottom: 6px;\n left: 6px;\n padding: 2px 6px;\n border-radius: 2px;\n font-size: 11px;\n font-weight: 600;\n z-index: 1;\n pointer-events: none;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n}\n\n.media-gallery__gifv {\n &.autoplay {\n .media-gallery__gifv__label {\n display: none;\n }\n }\n\n &:hover {\n .media-gallery__gifv__label {\n opacity: 1;\n }\n }\n}\n\n.media-gallery__audio {\n height: 100%;\n display: flex;\n flex-direction: column;\n\n span {\n text-align: center;\n color: $darker-text-color;\n display: flex;\n height: 100%;\n align-items: center;\n\n p {\n width: 100%;\n }\n }\n\n audio {\n width: 100%;\n }\n}\n\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n height: 110px;\n\n @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n border: none;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n\n .full-width & {\n border-radius: 0;\n }\n\n &.standalone {\n .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n }\n }\n\n &.letterbox {\n background: $base-shadow-color;\n }\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: $secondary-text-color;\n line-height: 0;\n\n &,\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n\n &:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n }\n }\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n width: 100%;\n position: relative;\n z-index: 1;\n object-fit: contain;\n\n &:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n }\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n\n .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n video {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n }\n }\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n\n * {\n pointer-events: auto;\n }\n\n &.media-modal__navigation--hidden {\n opacity: 0;\n\n * {\n pointer-events: none;\n }\n }\n}\n\n.media-modal__nav {\n background: rgba($base-overlay-background, 0.5);\n box-sizing: border-box;\n border: 0;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n align-items: center;\n font-size: 24px;\n height: 20vmax;\n margin: auto 0;\n padding: 30px 15px;\n position: absolute;\n top: 0;\n bottom: 0;\n}\n\n.media-modal__nav--left {\n left: 0;\n}\n\n.media-modal__nav--right {\n right: 0;\n}\n\n.media-modal__pagination {\n width: 100%;\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n pointer-events: none;\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: $white;\n height: 12px;\n width: 12px;\n border-radius: 6px;\n margin: 10px;\n padding: 0;\n border: 0;\n font-size: 0;\n}\n\n.media-modal__button--active {\n background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n .video-player__volume__current,\n .video-player__volume::before {\n bottom: 27px;\n }\n\n .video-player__volume__handle {\n bottom: 23px;\n }\n\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: $base-shadow-color;\n max-width: 100%;\n\n &:focus {\n outline: 0;\n }\n\n .detailed-status & {\n width: 100%;\n height: 100%;\n }\n\n @include fullwidth-gallery;\n\n video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n position: relative;\n }\n\n &.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n\n video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n &.inline {\n video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n &__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity .1s ease;\n\n &.active {\n opacity: 1;\n }\n }\n\n &.inactive {\n video,\n .video-player__controls {\n visibility: hidden;\n }\n }\n\n &__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: $base-shadow-color;\n color: $darker-text-color;\n transition: none;\n pointer-events: none;\n\n &.active {\n display: block;\n pointer-events: auto;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($darker-text-color, 7%);\n }\n }\n\n &__title {\n display: block;\n font-size: 14px;\n }\n\n &__subtitle {\n display: block;\n font-size: 11px;\n font-weight: 500;\n }\n }\n\n &__buttons-bar {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n }\n\n &__buttons {\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &.left {\n button {\n padding-left: 0;\n }\n }\n\n &.right {\n button {\n padding-right: 0;\n }\n }\n\n button {\n background: transparent;\n padding: 2px 10px;\n font-size: 16px;\n border: 0;\n color: rgba($white, 0.75);\n\n &:active,\n &:hover,\n &:focus {\n color: $white;\n }\n }\n }\n\n &__time-sep,\n &__time-total,\n &__time-current {\n font-size: 14px;\n font-weight: 500;\n }\n\n &__time-current {\n color: $white;\n margin-left: 60px;\n }\n\n &__time-sep {\n display: inline-block;\n margin: 0 6px;\n }\n\n &__time-sep,\n &__time-total {\n color: $white;\n }\n\n &__volume {\n cursor: pointer;\n height: 24px;\n display: inline;\n\n &::before {\n content: \"\";\n width: 50px;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n left: 70px;\n bottom: 20px;\n }\n\n &__current {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n left: 70px;\n bottom: 20px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n bottom: 16px;\n left: 70px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n }\n }\n\n &__seek {\n cursor: pointer;\n height: 24px;\n position: relative;\n\n &::before {\n content: \"\";\n width: 100%;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n top: 10px;\n }\n\n &__progress,\n &__buffer {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n top: 10px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__buffer {\n background: rgba($white, 0.2);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n opacity: 0;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n top: 6px;\n margin-left: -6px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n\n &.active {\n opacity: 1;\n }\n }\n\n &:hover {\n .video-player__seek__handle {\n opacity: 1;\n }\n }\n }\n\n&.detailed,\n&.fullscreen {\n .video-player__buttons {\n button {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n}\n}\n\n.media-spoiler-video {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n margin-top: 8px;\n position: relative;\n\n @include fullwidth-gallery;\n\n border: 0;\n display: block;\n}\n\n.media-spoiler-video-play-icon {\n border-radius: 100px;\n color: rgba($primary-text-color, 0.8);\n font-size: 36px;\n left: 50%;\n padding: 5px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n",".sensitive-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: absolute;\n top: 4px;\n left: 4px;\n z-index: 100;\n}\n\n.sensitive-marker {\n margin: 0 3px;\n border-radius: 2px;\n padding: 2px 6px;\n color: rgba($primary-text-color, 0.8);\n background: rgba($base-overlay-background, 0.5);\n font-size: 12px;\n line-height: 15px;\n text-transform: uppercase;\n opacity: .9;\n transition: opacity .1s ease;\n\n .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n h4 {\n padding: 15px 0;\n background: lighten($ui-base-color, 13%);\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n border-radius: 8px 8px 0 0;\n }\n\n .drawer__pager {\n height: 50vh;\n }\n\n .drawer__inner {\n border-radius: 0 0 8px 8px;\n\n &.backdrop {\n width: calc(100% - 60px);\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 0 0 0 8px;\n }\n }\n\n &__accounts {\n overflow-y: auto;\n }\n\n .account__display-name {\n &:hover strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n\n .search {\n margin-bottom: 0;\n }\n}\n\n.list-adder {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n &__account {\n background: lighten($ui-base-color, 13%);\n }\n\n &__lists {\n background: lighten($ui-base-color, 13%);\n height: 50vh;\n border-radius: 0 0 8px 8px;\n overflow-y: auto;\n }\n\n .list {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .list__wrapper {\n display: flex;\n }\n\n .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n }\n}\n",".emoji-mart {\n &,\n * {\n box-sizing: border-box;\n line-height: 1.15;\n }\n\n font-size: 13px;\n display: inline-block;\n color: $inverted-text-color;\n\n .emoji-mart-emoji {\n padding: 6px;\n }\n}\n\n.emoji-mart-bar {\n border: 0 solid darken($ui-secondary-color, 8%);\n\n &:first-child {\n border-bottom-width: 1px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: $ui-secondary-color;\n }\n\n &:last-child {\n border-top-width: 1px;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n display: none;\n }\n}\n\n.emoji-mart-anchors {\n display: flex;\n justify-content: space-between;\n padding: 0 6px;\n color: $lighter-text-color;\n line-height: 0;\n}\n\n.emoji-mart-anchor {\n position: relative;\n flex: 1;\n text-align: center;\n padding: 12px 4px;\n overflow: hidden;\n transition: color .1s ease-out;\n cursor: pointer;\n\n &:hover {\n color: darken($lighter-text-color, 4%);\n }\n}\n\n.emoji-mart-anchor-selected {\n color: $highlight-text-color;\n\n &:hover {\n color: darken($highlight-text-color, 4%);\n }\n\n .emoji-mart-anchor-bar {\n bottom: 0;\n }\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 100%;\n height: 3px;\n background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n i {\n display: inline-block;\n width: 100%;\n max-width: 22px;\n }\n\n svg {\n fill: currentColor;\n max-height: 18px;\n }\n}\n\n.emoji-mart-scroll {\n overflow-y: scroll;\n height: 270px;\n max-height: 35vh;\n padding: 0 6px 6px;\n background: $simple-background-color;\n will-change: transform;\n\n &::-webkit-scrollbar-track:hover,\n &::-webkit-scrollbar-track:active {\n background-color: rgba($base-overlay-background, 0.3);\n }\n}\n\n.emoji-mart-search {\n padding: 10px;\n padding-right: 45px;\n background: $simple-background-color;\n\n input {\n font-size: 14px;\n font-weight: 400;\n padding: 7px 9px;\n font-family: inherit;\n display: block;\n width: 100%;\n background: rgba($ui-secondary-color, 0.3);\n color: $inverted-text-color;\n border: 1px solid $ui-secondary-color;\n border-radius: 4px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n cursor: pointer;\n\n span {\n z-index: 1;\n position: relative;\n text-align: center;\n }\n\n &:hover::before {\n z-index: 0;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba($ui-secondary-color, 0.7);\n border-radius: 100%;\n }\n}\n\n.emoji-mart-category-label {\n z-index: 2;\n position: relative;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n\n span {\n display: block;\n width: 100%;\n font-weight: 500;\n padding: 5px 6px;\n background: $simple-background-color;\n }\n}\n\n.emoji-mart-emoji {\n position: relative;\n display: inline-block;\n font-size: 0;\n\n span {\n width: 22px;\n height: 22px;\n }\n}\n\n.emoji-mart-no-results {\n font-size: 14px;\n text-align: center;\n padding-top: 70px;\n color: $light-text-color;\n\n .emoji-mart-category-label {\n display: none;\n }\n\n .emoji-mart-no-results-label {\n margin-top: .2em;\n }\n\n .emoji-mart-emoji:hover::before {\n content: none;\n }\n}\n\n.emoji-mart-preview {\n display: none;\n}\n",".glitch.local-settings {\n position: relative;\n display: flex;\n flex-direction: row;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n border-radius: 8px;\n height: 80vh;\n width: 80vw;\n max-width: 740px;\n max-height: 450px;\n overflow: hidden;\n\n label, legend {\n display: block;\n font-size: 14px;\n }\n\n .boolean label, .radio_buttons label {\n position: relative;\n padding-left: 28px;\n padding-top: 3px;\n\n input {\n position: absolute;\n left: 0;\n top: 0;\n }\n }\n\n span.hint {\n display: block;\n color: $lighter-text-color;\n }\n\n h1 {\n font-size: 18px;\n font-weight: 500;\n line-height: 24px;\n margin-bottom: 20px;\n }\n\n h2 {\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n margin-top: 20px;\n margin-bottom: 10px;\n }\n}\n\n.glitch.local-settings__navigation__item {\n display: block;\n padding: 15px 20px;\n color: inherit;\n background: lighten($ui-secondary-color, 8%);\n border-bottom: 1px $ui-secondary-color solid;\n cursor: pointer;\n text-decoration: none;\n outline: none;\n transition: background .3s;\n\n .text-icon-button {\n color: inherit;\n transition: unset;\n }\n\n &:hover {\n background: $ui-secondary-color;\n }\n\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n }\n\n &.close, &.close:hover {\n background: $error-value-color;\n color: $primary-text-color;\n }\n}\n\n.glitch.local-settings__navigation {\n background: lighten($ui-secondary-color, 8%);\n width: 212px;\n font-size: 15px;\n line-height: 20px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n display: block;\n flex: auto;\n padding: 15px 20px 15px 20px;\n width: 360px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n .glitch.local-settings__navigation {\n width: 40px;\n flex-shrink: 0;\n }\n\n .glitch.local-settings__navigation__item {\n padding: 10px;\n\n span:last-of-type {\n display: none;\n }\n }\n}\n",".error-boundary {\n h1 {\n font-size: 26px;\n line-height: 36px;\n font-weight: 400;\n margin-bottom: 8px;\n }\n\n p {\n color: $primary-text-color;\n font-size: 15px;\n line-height: 20px;\n\n a {\n color: $primary-text-color;\n text-decoration: underline;\n }\n\n ul {\n list-style: disc;\n margin-left: 0;\n padding-left: 1em;\n }\n\n textarea.web_app_crash-stacktrace {\n width: 100%;\n resize: none;\n white-space: pre;\n font-family: $font-monospace, monospace;\n }\n }\n}\n",".poll {\n margin-top: 16px;\n font-size: 14px;\n\n li {\n margin-bottom: 10px;\n position: relative;\n height: 18px + 12px;\n }\n\n &__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: darken($ui-primary-color, 14%);\n\n &.leading {\n background: $ui-highlight-color;\n }\n }\n\n &__text {\n position: relative;\n display: inline-block;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n input[type=radio],\n input[type=checkbox] {\n display: none;\n }\n\n 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 width: 100%;\n flex: 1 1 50%;\n }\n }\n\n .button.button-secondary {\n font-size: 14px;\n font-weight: 400;\n padding: 6px 10px;\n height: auto;\n line-height: inherit;\n color: $action-button-color;\n border-color: $action-button-color;\n margin-right: 5px;\n }\n\n li {\n display: flex;\n align-items: center;\n\n .poll__text {\n flex: 0 0 auto;\n width: calc(100% - (23px + 6px));\n margin-right: 6px;\n }\n }\n\n select {\n appearance: none;\n box-sizing: border-box;\n font-size: 14px;\n color: $inverted-text-color;\n display: inline-block;\n width: auto;\n outline: 0;\n font-family: inherit;\n background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid darken($simple-background-color, 14%);\n border-radius: 4px;\n padding: 6px 10px;\n padding-right: 30px;\n }\n\n .icon-button.disabled {\n color: darken($simple-background-color, 14%);\n }\n}\n\n.muted .poll {\n color: $dark-text-color;\n\n &__chart {\n background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n &.leading {\n background: rgba($ui-highlight-color, 0.2);\n }\n }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n box-sizing: border-box;\n max-width: $maximum-width;\n margin: 0 auto;\n position: relative;\n\n @media screen and (max-width: $fluid-breakpoint) {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n color: $darker-text-color;\n padding-right: 10px;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n\n p,\n li {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n strong,\n em {\n font-weight: 700;\n color: lighten($darker-text-color, 10%);\n }\n\n h1 {\n font-family: $font-display, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n\n small {\n font-family: $font-sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: lighten($darker-text-color, 10%);\n }\n }\n\n h2 {\n font-family: $font-display, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h3 {\n font-family: $font-display, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h4 {\n font-family: $font-display, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h5 {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h6 {\n font-family: $font-display, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n ul,\n ol {\n margin-left: 20px;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n li > ol,\n li > ul {\n margin-top: 6px;\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n}\n\n.information-board {\n background: darken($ui-base-color, 4%);\n padding: 20px 0;\n\n .container-alt {\n position: relative;\n padding-right: 280px + 15px;\n }\n\n &__sections {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n\n &__section {\n flex: 1 0 0;\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: $primary-text-color;\n text-align: right;\n padding: 10px 15px;\n\n span,\n strong {\n display: block;\n }\n\n span {\n &:last-child {\n color: $secondary-text-color;\n }\n }\n\n strong {\n font-family: $font-display, sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n }\n\n @media screen and (max-width: $column-breakpoint) {\n text-align: center;\n }\n }\n\n .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: darken($ui-base-color, 8%);\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n\n .panel-header {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: $darker-text-color;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n a,\n span {\n font-weight: 400;\n color: darken($darker-text-color, 10%);\n }\n\n a {\n text-decoration: none;\n }\n }\n }\n\n .owner {\n text-align: center;\n\n .avatar {\n width: 80px;\n height: 80px;\n @include avatar-size(80px);\n margin: 0 auto;\n margin-bottom: 15px;\n\n img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n @include avatar-radius();\n }\n }\n\n .name {\n font-size: 14px;\n\n a {\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n\n &:hover {\n .display_name {\n text-decoration: underline;\n }\n }\n }\n\n .username {\n display: block;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.landing-page {\n p,\n li {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n }\n\n em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: lighten($darker-text-color, 10%);\n }\n\n h1 {\n font-family: $font-display, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n\n small {\n font-family: $font-sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: lighten($darker-text-color, 10%);\n }\n }\n\n h2 {\n font-family: $font-display, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h3 {\n font-family: $font-display, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h4 {\n font-family: $font-display, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h5 {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h6 {\n font-family: $font-display, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n ul,\n ol {\n margin-left: 20px;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n li > ol,\n li > ul {\n margin-top: 6px;\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n &__information,\n &__forms {\n padding: 20px;\n }\n\n &__call-to-action {\n background: darken($ui-base-color, 4%);\n border-radius: 4px;\n padding: 25px 40px;\n overflow: hidden;\n box-sizing: border-box;\n\n .row {\n width: 100%;\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n .row__information-board {\n display: flex;\n justify-content: flex-end;\n align-items: flex-end;\n\n .information-board__section {\n flex: 1 0 auto;\n padding: 0 10px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n width: 100%;\n justify-content: space-between;\n }\n }\n\n .row__mascot {\n flex: 1;\n margin: 10px -50px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n }\n\n &__logo {\n margin-right: 20px;\n\n img {\n height: 50px;\n width: auto;\n mix-blend-mode: lighten;\n }\n }\n\n &__information {\n padding: 45px 40px;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n strong {\n font-weight: 500;\n color: lighten($darker-text-color, 10%);\n }\n\n .account {\n border-bottom: 0;\n padding: 0;\n\n &__display-name {\n align-items: center;\n display: flex;\n margin-right: 5px;\n }\n\n div.account__display-name {\n &:hover {\n .display-name strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n }\n\n &__avatar-wrapper {\n margin-left: 0;\n flex: 0 0 auto;\n }\n\n &__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n @include avatar-size(44px);\n }\n\n .display-name {\n font-size: 15px;\n\n &__account {\n font-size: 14px;\n }\n }\n }\n\n @media screen and (max-width: $small-breakpoint) {\n .contact {\n margin-top: 30px;\n }\n }\n\n @media screen and (max-width: $column-breakpoint) {\n padding: 25px 20px;\n }\n }\n\n &__information,\n &__forms,\n #mastodon-timeline {\n box-sizing: border-box;\n background: $ui-base-color;\n border-radius: 4px;\n box-shadow: 0 0 6px rgba($black, 0.1);\n }\n\n &__mascot {\n height: 104px;\n position: relative;\n left: -40px;\n bottom: 25px;\n\n img {\n height: 190px;\n width: auto;\n }\n }\n\n &__short-description {\n .row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 40px;\n }\n\n @media screen and (max-width: $column-breakpoint) {\n .row {\n margin-bottom: 20px;\n }\n }\n\n p a {\n color: $secondary-text-color;\n }\n\n h1 {\n font-weight: 500;\n color: $primary-text-color;\n margin-bottom: 0;\n\n small {\n color: $darker-text-color;\n\n span {\n color: $secondary-text-color;\n }\n }\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n }\n\n &__hero {\n margin-bottom: 10px;\n\n img {\n display: block;\n margin: 0;\n max-width: 100%;\n height: auto;\n border-radius: 4px;\n }\n }\n\n @media screen and (max-width: 840px) {\n .information-board {\n .container-alt {\n padding-right: 20px;\n }\n\n .panel {\n position: static;\n margin-top: 20px;\n width: 100%;\n border-radius: 4px;\n\n .panel-header {\n text-align: center;\n }\n }\n }\n }\n\n @media screen and (max-width: 675px) {\n .header-wrapper {\n padding-top: 0;\n\n &.compact {\n padding-bottom: 0;\n }\n\n &.compact .hero .heading {\n text-align: initial;\n }\n }\n\n .header .container-alt,\n .features .container-alt {\n display: block;\n }\n }\n\n .cta {\n margin: 20px;\n }\n}\n\n.landing {\n margin-bottom: 100px;\n\n @media screen and (max-width: 738px) {\n margin-bottom: 0;\n }\n\n &__brand {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 50px;\n\n img {\n height: 52px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding: 0;\n margin-bottom: 30px;\n }\n }\n\n .directory {\n margin-top: 30px;\n background: transparent;\n box-shadow: none;\n border-radius: 0;\n }\n\n .hero-widget {\n margin-top: 30px;\n margin-bottom: 0;\n\n h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: $darker-text-color;\n }\n\n &__text {\n border-radius: 0;\n padding-bottom: 0;\n }\n\n &__footer {\n background: $ui-base-color;\n padding: 10px;\n border-radius: 0 0 4px 4px;\n display: flex;\n\n &__column {\n flex: 1 1 50%;\n }\n }\n\n .account {\n padding: 10px 0;\n border-bottom: 0;\n\n .account__display-name {\n display: flex;\n align-items: center;\n }\n\n .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n }\n }\n\n &__counter {\n padding: 10px;\n\n strong {\n font-family: $font-display, sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n }\n\n span {\n font-size: 14px;\n color: $darker-text-color;\n }\n }\n }\n\n .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: $darker-text-color;\n }\n\n .simple_form p.lead {\n color: $darker-text-color;\n font-size: 15px;\n line-height: 20px;\n font-weight: 400;\n margin-bottom: 25px;\n }\n\n &__grid {\n max-width: 960px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n grid-gap: 30px;\n\n @media screen and (max-width: 738px) {\n grid-template-columns: minmax(0, 100%);\n grid-gap: 10px;\n\n &__column-login {\n grid-row: 1;\n display: flex;\n flex-direction: column;\n\n .box-widget {\n order: 2;\n flex: 0 0 auto;\n }\n\n .hero-widget {\n margin-top: 0;\n margin-bottom: 10px;\n order: 1;\n flex: 0 0 auto;\n }\n }\n\n &__column-registration {\n grid-row: 2;\n }\n\n .directory {\n margin-top: 10px;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n\n .hero-widget {\n display: block;\n margin-bottom: 0;\n box-shadow: none;\n\n &__img,\n &__img img,\n &__footer {\n border-radius: 0;\n }\n }\n\n .hero-widget,\n .box-widget,\n .directory__tag {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .directory {\n margin-top: 0;\n\n &__tag {\n margin-bottom: 0;\n\n & > a,\n & > div {\n border-radius: 0;\n box-shadow: none;\n }\n\n &:last-child {\n border-bottom: 0;\n }\n }\n }\n }\n }\n}\n\n.brand {\n position: relative;\n text-decoration: none;\n}\n\n.brand__tagline {\n display: block;\n position: absolute;\n bottom: -10px;\n left: 50px;\n width: 300px;\n color: $ui-primary-color;\n text-decoration: none;\n font-size: 14px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n position: static;\n width: auto;\n margin-top: 20px;\n color: $dark-text-color;\n }\n}\n\n",".table {\n width: 100%;\n max-width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n\n th,\n td {\n padding: 8px;\n line-height: 18px;\n vertical-align: top;\n border-top: 1px solid $ui-base-color;\n text-align: left;\n background: darken($ui-base-color, 4%);\n }\n\n & > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid $ui-base-color;\n border-top: 0;\n font-weight: 500;\n }\n\n & > tbody > tr > th {\n font-weight: 500;\n }\n\n & > tbody > tr:nth-child(odd) > td,\n & > tbody > tr:nth-child(odd) > th {\n background: $ui-base-color;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n &.inline-table {\n & > tbody > tr:nth-child(odd) {\n & > td,\n & > th {\n background: transparent;\n }\n }\n\n & > tbody > tr:first-child {\n & > td,\n & > th {\n border-top: 0;\n }\n }\n }\n\n &.batch-table {\n & > thead > tr > th {\n background: $ui-base-color;\n border-top: 1px solid darken($ui-base-color, 8%);\n border-bottom: 1px solid darken($ui-base-color, 8%);\n\n &:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid darken($ui-base-color, 8%);\n }\n\n &:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid darken($ui-base-color, 8%);\n }\n }\n }\n\n &--invites tbody td {\n vertical-align: middle;\n }\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: $darker-text-color;\n font-weight: 500;\n\n &:hover {\n color: $primary-text-color;\n }\n\n i.fa {\n font-weight: 400;\n margin-right: 5px;\n }\n\n &:first-child {\n padding-left: 0;\n }\n}\n\n.batch-table {\n &__toolbar,\n &__row {\n display: flex;\n\n &__select {\n box-sizing: border-box;\n padding: 8px 16px;\n cursor: pointer;\n min-height: 100%;\n\n input {\n margin-top: 8px;\n }\n\n &--aligned {\n display: flex;\n align-items: center;\n\n input {\n margin-top: 0;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__actions,\n &__content {\n padding: 8px 0;\n padding-right: 16px;\n flex: 1 1 auto;\n }\n }\n\n &__toolbar {\n border: 1px solid darken($ui-base-color, 8%);\n background: $ui-base-color;\n border-radius: 4px 0 0;\n height: 47px;\n align-items: center;\n\n &__actions {\n text-align: right;\n padding-right: 16px - 5px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__row {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n background: darken($ui-base-color, 4%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n &:first-child {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n &:hover {\n background: darken($ui-base-color, 2%);\n }\n\n &:nth-child(even) {\n background: $ui-base-color;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n }\n\n &__content {\n padding-top: 12px;\n padding-bottom: 16px;\n\n &--unpadded {\n padding: 0;\n }\n }\n }\n\n .status__content {\n padding-top: 0;\n\n strong {\n font-weight: 700;\n }\n }\n\n .nothing-here {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n box-shadow: none;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n @media screen and (max-width: 870px) {\n .accounts-table tbody td.optional {\n display: none;\n }\n }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n display: flex;\n justify-content: center;\n height: 100%;\n\n .sidebar-wrapper {\n flex: 1 1 $sidebar-width;\n height: 100%;\n background: $ui-base-color;\n display: flex;\n justify-content: flex-end;\n }\n\n .sidebar {\n width: $sidebar-width;\n height: 100%;\n padding: 0;\n overflow-y: auto;\n\n .logo {\n display: block;\n margin: 40px auto;\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n & > a:first-child {\n display: none;\n }\n }\n\n ul {\n list-style: none;\n border-radius: 4px 0 0 4px;\n overflow: hidden;\n margin-bottom: 20px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n margin-bottom: 0;\n }\n\n a {\n display: block;\n padding: 15px;\n color: $darker-text-color;\n text-decoration: none;\n transition: all 200ms linear;\n border-radius: 4px 0 0 4px;\n\n i.fa {\n margin-right: 5px;\n }\n\n &:hover {\n color: $primary-text-color;\n background-color: darken($ui-base-color, 5%);\n transition: all 100ms linear;\n }\n\n &.selected {\n background: darken($ui-base-color, 2%);\n border-radius: 4px 0 0;\n }\n }\n\n ul {\n background: darken($ui-base-color, 4%);\n border-radius: 0 0 0 4px;\n margin: 0;\n\n a {\n border: 0;\n padding: 15px 35px;\n }\n }\n\n .simple-navigation-active-leaf a {\n color: $primary-text-color;\n background-color: $ui-highlight-color;\n border-bottom: 0;\n border-radius: 0;\n\n &:hover {\n background-color: lighten($ui-highlight-color, 5%);\n }\n }\n }\n\n & > ul > .simple-navigation-active-leaf a {\n border-radius: 4px 0 0 4px;\n }\n }\n\n .content-wrapper {\n flex: 2 1 $content-width;\n overflow: auto;\n }\n\n .content {\n max-width: $content-width;\n padding: 20px 15px;\n padding-top: 60px;\n padding-left: 25px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n max-width: none;\n padding: 15px;\n padding-top: 30px;\n }\n\n h2 {\n color: $secondary-text-color;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n margin-bottom: 40px;\n }\n\n h3 {\n color: $secondary-text-color;\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 30px;\n }\n\n h4 {\n text-transform: uppercase;\n font-size: 13px;\n font-weight: 700;\n color: $darker-text-color;\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n h6 {\n font-size: 16px;\n color: $secondary-text-color;\n line-height: 28px;\n font-weight: 400;\n }\n\n .fields-group h6 {\n color: $primary-text-color;\n font-weight: 500;\n }\n\n .directory__tag > a,\n .directory__tag > div {\n box-shadow: none;\n }\n\n .directory__tag .table-action-link .fa {\n color: inherit;\n }\n\n .directory__tag h4 {\n font-size: 18px;\n font-weight: 700;\n color: $primary-text-color;\n text-transform: none;\n padding-bottom: 0;\n margin-bottom: 0;\n border-bottom: none;\n }\n\n & > p {\n font-size: 14px;\n line-height: 18px;\n color: $secondary-text-color;\n margin-bottom: 20px;\n\n strong {\n color: $primary-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n .muted-hint {\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n }\n }\n\n .positive-hint {\n color: $valid-value-color;\n font-weight: 500;\n }\n\n .negative-hint {\n color: $error-value-color;\n font-weight: 500;\n }\n\n .neutral-hint {\n color: $dark-text-color;\n font-weight: 500;\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n .sidebar-wrapper,\n .content-wrapper {\n flex: 0 0 auto;\n height: auto;\n overflow: initial;\n }\n\n .sidebar {\n width: 100%;\n padding: 0;\n height: auto;\n }\n }\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n\n .filter-subset {\n flex: 0 0 auto;\n margin: 0 40px 10px 0;\n\n &:last-child {\n margin-bottom: 20px;\n }\n\n ul {\n margin-top: 5px;\n list-style: none;\n\n li {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n strong {\n font-weight: 500;\n text-transform: uppercase;\n font-size: 12px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n border-bottom: 2px solid $ui-base-color;\n\n &:hover {\n color: $primary-text-color;\n border-bottom: 2px solid lighten($ui-base-color, 5%);\n }\n\n &.selected {\n color: $highlight-text-color;\n border-bottom: 2px solid $ui-highlight-color;\n }\n }\n }\n}\n\n.flavour-screen {\n display: block;\n margin: 10px auto;\n max-width: 100%;\n}\n\n.flavour-description {\n display: block;\n font-size: 16px;\n margin: 10px 0;\n\n & > p {\n margin: 10px 0;\n }\n}\n\n.report-accounts {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n\n.report-accounts__item {\n display: flex;\n flex: 250px;\n flex-direction: column;\n margin: 0 5px;\n\n & > strong {\n display: block;\n margin: 0 0 10px -5px;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: $secondary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n .account-card {\n flex: 1 1 auto;\n }\n}\n\n.report-status,\n.account-status {\n display: flex;\n margin-bottom: 10px;\n\n .activity-stream {\n flex: 2 0 0;\n margin-right: 20px;\n max-width: calc(100% - 60px);\n\n .entry {\n border-radius: 4px;\n }\n }\n}\n\n.report-status__actions,\n.account-status__actions {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n\n .icon-button {\n font-size: 24px;\n width: 24px;\n text-align: center;\n margin-bottom: 10px;\n }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n max-width: 100%;\n}\n\n.batch-form-box {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 5px;\n\n #form_status_batch_action {\n margin: 0 5px 5px 0;\n font-size: 14px;\n }\n\n input.button {\n margin: 0 5px 5px 0;\n }\n\n .media-spoiler-toggle-buttons {\n margin-left: auto;\n\n .button {\n overflow: visible;\n margin: 0 0 5px 5px;\n float: right;\n }\n }\n}\n\n.back-link {\n margin-bottom: 10px;\n font-size: 14px;\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.spacer {\n flex: 1 1 auto;\n}\n\n.log-entry {\n margin-bottom: 20px;\n line-height: 20px;\n\n &__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n background: $ui-base-color;\n color: $darker-text-color;\n border-radius: 4px 4px 0 0;\n font-size: 14px;\n position: relative;\n }\n\n &__avatar {\n margin-right: 10px;\n\n .avatar {\n display: block;\n margin: 0;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n }\n }\n\n &__content {\n max-width: calc(100% - 90px);\n }\n\n &__title {\n word-wrap: break-word;\n }\n\n &__timestamp {\n color: $dark-text-color;\n }\n\n &__extras {\n background: lighten($ui-base-color, 6%);\n border-radius: 0 0 4px 4px;\n padding: 10px;\n color: $darker-text-color;\n font-family: $font-monospace, monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n }\n\n &__icon {\n font-size: 28px;\n margin-right: 10px;\n color: $dark-text-color;\n }\n\n &__icon__overlay {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n\n &.positive {\n background: $success-green;\n }\n\n &.negative {\n background: lighten($error-red, 12%);\n }\n\n &.neutral {\n background: $ui-highlight-color;\n }\n }\n\n a,\n .username,\n .target {\n color: $secondary-text-color;\n text-decoration: none;\n font-weight: 500;\n }\n\n .diff-old {\n color: lighten($error-red, 12%);\n }\n\n .diff-neutral {\n color: $secondary-text-color;\n }\n\n .diff-new {\n color: $success-green;\n }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n text-decoration: none;\n color: $secondary-text-color;\n\n .username {\n font-weight: 500;\n }\n\n &.suspended {\n .username {\n text-decoration: line-through;\n color: lighten($error-red, 12%);\n }\n\n .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n }\n }\n}\n\na.name-tag,\n.name-tag {\n display: flex;\n align-items: center;\n\n .avatar {\n display: block;\n margin: 0;\n margin-right: 5px;\n border-radius: 50%;\n }\n\n &.suspended {\n .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n }\n }\n}\n\n.speech-bubble {\n margin-bottom: 20px;\n border-left: 4px solid $ui-highlight-color;\n\n &.positive {\n border-left-color: $success-green;\n }\n\n &.negative {\n border-left-color: lighten($error-red, 12%);\n }\n\n &.warning {\n border-left-color: $gold-star;\n }\n\n &__bubble {\n padding: 16px;\n padding-left: 14px;\n font-size: 15px;\n line-height: 20px;\n border-radius: 4px 4px 4px 0;\n position: relative;\n font-weight: 500;\n\n a {\n color: $darker-text-color;\n }\n }\n\n &__owner {\n padding: 8px;\n padding-left: 12px;\n }\n\n time {\n color: $dark-text-color;\n }\n}\n\n.report-card {\n background: $ui-base-color;\n border-radius: 4px;\n margin-bottom: 20px;\n\n &__profile {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px;\n\n .account {\n padding: 0;\n border: 0;\n\n &__avatar-wrapper {\n margin-left: 0;\n }\n }\n\n &__stats {\n flex: 0 0 auto;\n font-weight: 500;\n color: $darker-text-color;\n text-transform: uppercase;\n text-align: right;\n\n a {\n color: inherit;\n text-decoration: none;\n\n &:focus,\n &:hover,\n &:active {\n color: lighten($darker-text-color, 8%);\n }\n }\n\n .red {\n color: $error-value-color;\n }\n }\n }\n\n &__summary {\n &__item {\n display: flex;\n justify-content: flex-start;\n border-top: 1px solid darken($ui-base-color, 4%);\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n\n &__reported-by,\n &__assigned {\n padding: 15px;\n flex: 0 0 auto;\n box-sizing: border-box;\n width: 150px;\n color: $darker-text-color;\n\n &,\n .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__content {\n flex: 1 1 auto;\n max-width: calc(100% - 300px);\n\n &__icon {\n color: $dark-text-color;\n margin-right: 4px;\n font-weight: 500;\n }\n }\n\n &__content a {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n text-decoration: none;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.one-line {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n display: inline-block;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n @each $emoji in $emojis-requiring-outlines {\n &[title=':#{$emoji}:'] {\n @extend %emoji-outline;\n }\n }\n}\n","body.rtl {\n direction: rtl;\n\n .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n }\n\n .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n }\n\n .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n }\n\n .column-link__icon,\n .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n }\n\n .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .search__input {\n padding-right: 10px;\n padding-left: 30px;\n }\n\n .search__icon .fa {\n right: auto;\n left: 10px;\n }\n\n .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: -15px;\n margin-right: 0;\n }\n\n .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n }\n\n .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .account__avatar-wrapper {\n float: right;\n }\n\n .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n }\n\n .column-header__setting-arrows {\n float: left;\n }\n\n .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .setting-meta__label {\n float: left;\n }\n\n .status__avatar {\n left: auto;\n right: 10px;\n }\n\n .status,\n .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n }\n\n .status__info .status__display-name,\n .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n }\n\n .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n }\n\n .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n }\n\n .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n }\n\n .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n }\n\n .column-back-button--slim-button {\n right: auto;\n left: 0;\n }\n\n .status__relative-time,\n .activity-stream .status.light .status__header .status__meta {\n float: left;\n }\n\n .activity-stream .detailed-status.light .detailed-status__display-name > div {\n float: right;\n margin-right: 0;\n margin-left: 10px;\n }\n\n .activity-stream .detailed-status.light .detailed-status__meta span > span {\n margin-left: 0;\n margin-right: 6px;\n }\n\n .status__action-bar {\n\n &__counter {\n margin-right: 0;\n margin-left: 11px;\n\n .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n }\n\n .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n }\n\n .status__action-bar-dropdown {\n float: right;\n }\n\n .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n }\n\n .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n }\n\n .detailed-status__favorites,\n .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n }\n\n .fa-ul {\n margin-left: 0;\n margin-left: 2.14285714em;\n }\n\n .fa-li {\n left: auto;\n right: -2.14285714em;\n }\n\n .admin-wrapper {\n direction: rtl;\n }\n\n .admin-wrapper .sidebar ul a i.fa,\n a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n }\n\n .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n .simple_form .input.boolean input[type=\"checkbox\"] {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n }\n\n .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n }\n\n .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.boolean .label_input,\n .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n }\n\n .simple_form .label_input__append {\n right: auto;\n left: 3px;\n\n &::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n }\n }\n\n .simple_form select {\n background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n }\n\n .table th,\n .table td {\n text-align: right;\n }\n\n .filters .filter-subset {\n margin-right: 0;\n margin-left: 45px;\n }\n\n .landing-page .header-wrapper .mascot {\n right: 60px;\n left: auto;\n }\n\n .landing-page__call-to-action .row__information-board {\n direction: rtl;\n }\n\n .landing-page .header .hero .floats .float-1 {\n left: -120px;\n right: auto;\n }\n\n .landing-page .header .hero .floats .float-2 {\n left: 210px;\n right: auto;\n }\n\n .landing-page .header .hero .floats .float-3 {\n left: 110px;\n right: auto;\n }\n\n .landing-page .header .links .brand img {\n left: 0;\n }\n\n .landing-page .fa-external-link {\n padding-right: 5px;\n padding-left: 0 !important;\n }\n\n .landing-page .features #mastodon-timeline {\n margin-right: 0;\n margin-left: 30px;\n }\n\n @media screen and (min-width: 631px) {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 5px;\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n }\n\n .public-layout {\n .header {\n .nav-button {\n margin-left: 8px;\n margin-right: 0;\n }\n }\n\n .public-account-header__tabs {\n margin-left: 0;\n margin-right: 20px;\n }\n }\n\n .landing-page__information {\n .account__display-name {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .account__avatar-wrapper {\n margin-left: 12px;\n margin-right: 0;\n }\n }\n\n .card__bar .display-name {\n margin-left: 0;\n margin-right: 15px;\n text-align: right;\n }\n\n .fa-chevron-left::before {\n content: \"\\F054\";\n }\n\n .fa-chevron-right::before {\n content: \"\\F053\";\n }\n\n .column-back-button__icon {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-left: 0;\n padding-right: 10px;\n }\n\n .simple_form .input.radio_buttons .radio > label input {\n left: auto;\n right: 0;\n }\n}\n",".dashboard__counters {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-bottom: 20px;\n\n & > div {\n box-sizing: border-box;\n flex: 0 0 33.333%;\n padding: 0 5px;\n margin-bottom: 10px;\n\n & > div,\n & > a {\n padding: 20px;\n background: lighten($ui-base-color, 4%);\n border-radius: 4px;\n }\n\n & > a {\n text-decoration: none;\n color: inherit;\n display: block;\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 8%);\n }\n }\n }\n\n &__num,\n &__text {\n text-align: center;\n font-weight: 500;\n font-size: 24px;\n line-height: 21px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n }\n\n &__text {\n font-size: 18px;\n }\n\n &__label {\n font-size: 14px;\n color: $darker-text-color;\n text-align: center;\n font-weight: 500;\n }\n}\n\n.dashboard__widgets {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n\n & > div {\n flex: 0 0 33.333%;\n margin-bottom: 20px;\n\n & > div {\n padding: 0 5px;\n }\n }\n\n a:not(.name-tag) {\n color: $ui-secondary-color;\n font-weight: 500;\n text-decoration: none;\n }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\n.glitch.local-settings {\n background: $ui-base-color;\n\n &__navigation {\n background: darken($ui-base-color, 8%);\n }\n\n &__navigation__item {\n background: darken($ui-base-color, 8%);\n\n &:hover {\n background: $ui-base-color;\n }\n }\n}\n\n.notification__dismiss-overlay {\n .wrappy {\n box-shadow: unset;\n }\n\n .ckbox {\n text-shadow: unset;\n }\n}\n\n.status.status-direct {\n background: darken($ui-base-color, 8%);\n\n &.collapsed> .status__content:after {\n background: linear-gradient(rgba(darken($ui-base-color, 8%), 0), rgba(darken($ui-base-color, 8%), 1));\n }\n}\n\n.focusable:focus.status.status-direct {\n background: darken($ui-base-color, 4%);\n\n &.collapsed> .status__content:after {\n background: linear-gradient(rgba(darken($ui-base-color, 4%), 0), rgba(darken($ui-base-color, 4%), 1));\n }\n}\n\n// Change columns' default background colors\n.column {\n > .scrollable {\n background: darken($ui-base-color, 13%);\n }\n}\n\n.status.collapsed .status__content:after {\n background: linear-gradient(rgba(darken($ui-base-color, 13%), 0), rgba(darken($ui-base-color, 13%), 1));\n}\n\n.drawer__inner {\n background: $ui-base-color;\n}\n\n.drawer__inner__mastodon {\n background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color(darken($ui-base-color, 13%))}\"/></svg>') no-repeat bottom / 100% auto !important;\n\n .mastodon {\n filter: contrast(75%) brightness(75%) !important;\n }\n}\n\n// Change the default appearance of the content warning button\n.status__content {\n\n .status__content__spoiler-link {\n\n background: lighten($ui-base-color, 30%);\n\n &:hover {\n background: lighten($ui-base-color, 35%);\n text-decoration: none;\n }\n\n }\n\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n background: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n background: $ui-base-color;\n}\n\n.dropdown-menu__arrow {\n\n &.left {\n border-left-color: $ui-base-color;\n }\n\n &.top {\n border-top-color: $ui-base-color;\n }\n\n &.bottom {\n border-bottom-color: $ui-base-color;\n }\n\n &.right {\n border-right-color: $ui-base-color;\n }\n\n}\n\n.dropdown-menu__item {\n a {\n background: $ui-base-color;\n color: $ui-secondary-color;\n }\n}\n\n// Change the default color of several parts of the compose form\n.composer {\n\n .composer--spoiler input, .composer--textarea textarea {\n color: lighten($ui-base-color, 80%);\n\n &:disabled { background: lighten($simple-background-color, 10%) }\n\n &::placeholder {\n color: lighten($ui-base-color, 70%);\n }\n }\n\n .composer--options {\n background: lighten($ui-base-color, 10%);\n box-shadow: unset;\n\n & > hr {\n display: none;\n }\n }\n\n .composer--options--dropdown--content--item {\n color: $ui-primary-color;\n \n strong {\n color: $ui-primary-color;\n }\n\n }\n\n}\n\n.composer--upload_form--actions .icon-button {\n color: lighten($white, 7%);\n\n &:active,\n &:focus,\n &:hover {\n color: $white;\n }\n}\n\n.composer--upload_form--item > div input {\n color: lighten($white, 7%);\n\n &::placeholder {\n color: lighten($white, 10%);\n }\n}\n\n.dropdown-menu__separator {\n border-bottom-color: lighten($ui-base-color, 12%);\n}\n\n.status__content,\n.reply-indicator__content {\n a {\n color: $highlight-text-color;\n }\n}\n\n.emoji-mart-bar {\n border-color: darken($ui-base-color, 4%);\n\n &:first-child {\n background: lighten($ui-base-color, 10%);\n }\n}\n\n.emoji-mart-search input {\n background: rgba($ui-base-color, 0.3);\n border-color: $ui-base-color;\n}\n\n.composer--textarea--suggestions {\n background: lighten($ui-base-color, 10%)\n}\n\n.composer--textarea--suggestions--item {\n &:hover,\n &:focus,\n &:active,\n &.selected {\n background: darken($ui-base-color, 4%);\n }\n}\n\n.react-toggle-track {\n background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: lighten($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: darken($ui-highlight-color, 10%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal {\n background: $ui-base-color;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n background: darken($ui-base-color, 6%);\n\n .onboarding-modal__nav,\n .error-modal__nav {\n &:hover,\n &:focus,\n &:active {\n background-color: darken($ui-base-color, 12%);\n }\n }\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n color: lighten($ui-base-color, 60%);\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n\n background: $account-background-color;\n\n a {\n &.active {\n color: $ui-primary-color;\n }\n }\n\n}\n\n.activity-stream {\n\n .entry {\n background: $account-background-color;\n }\n\n .status.light {\n\n .status__content {\n color: $primary-text-color;\n }\n\n .display-name {\n strong {\n color: $primary-text-color;\n }\n }\n\n }\n\n}\n\n.accounts-grid {\n .account-grid-card {\n\n .controls {\n .icon-button {\n color: $ui-secondary-color;\n }\n }\n\n .name {\n a {\n color: $primary-text-color;\n }\n }\n\n .username {\n color: $ui-secondary-color;\n }\n\n .account__header__content {\n color: $primary-text-color;\n }\n\n }\n}\n\n.button.logo-button {\n color: $white;\n\n svg path:first-child {\n fill: $white;\n }\n}\n\n.public-layout {\n .header,\n .public-account-header,\n .public-account-bio {\n box-shadow: none;\n }\n\n .header {\n background: lighten($ui-base-color, 12%);\n }\n\n .public-account-header {\n &__image {\n background: lighten($ui-base-color, 12%);\n\n &::after {\n box-shadow: none;\n }\n }\n\n &__tabs {\n &__name {\n h1,\n h1 small {\n color: $white;\n }\n }\n }\n }\n}\n\n.account__section-headline a.active::after {\n border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n box-shadow: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/skins/glitch/mastodon-light/common.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/stream_entries.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///./<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAuPE,iBCmzFD,2ZAxhGC,mBACA,SACA,eACA,aACA,uBACA,CACD,8EAKC,cACD,KAGC,cACD,MAGC,gBACD,aAGC,YACD,oDAIC,uBACA,CACD,MAGC,yCACA,CACD,KAGC,2CACD,oBAGC,sBACA,CACD,0BAGC,iCACA,kBACA,CACD,gCAGC,mBACD,iCAGC,mBACD,0BAGC,8BACA,6BACA,CACD,iEAOC,kBCnFwB,CDoFzB,2BAGC,uBACD,KEtFC,0CACA,eACA,iBACA,gBACA,WDXM,kCCaN,qCACA,2DACA,qHACA,uCACA,CF0FD,iBE5EG,uIF+EH,cE3EG,6BACA,YACA,UACA,kBDjCsB,CDgHzB,kCE3EK,kBF8EL,aEzEG,kBD1CsB,CDsHzB,iBExEG,mCACA,CF2EH,yBExEK,mCACA,CF2EL,WEtEG,4BACA,gBACA,CFyEH,sBEtEK,6BACA,YACA,eACA,CFyEL,WEpEG,iCACA,CF0EH,sBEzEG,uBACA,SACA,CFmFH,WE/EG,oCACA,cDhFiB,mBAEK,aCoFtB,uBACA,kBACA,CFsEH,mBEnEK,iCACA,CFsEL,uBEnEO,8BACA,WACA,YACA,iBACA,CFsEP,sBElEO,gCACA,eACA,CFqEP,OE9DC,kCACA,CFkED,aE/DG,aFkEH,4BE3DG,wBACA,YACA,mBACA,uBACA,mBACA,CF+DH,eGlMC,8BAEA,CHsMD,oCGzMD,eAMI,mBACA,CHuMD,CACF,gBGnMC,uBHuMD,oCGxMD,gBAII,mBHwMD,CACF,mBGrMG,oCACA,kBACA,CHwMH,uBGrMK,6BACA,CHwML,qBGpMK,oCACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,uBACA,gBACA,cACA,CHuML,kCGhMG,2BAEA,mBACA,qBACA,CHoMH,oCGzMC,kCAQI,wBACA,YACA,CHqMH,CACF,gBGhMC,yBAEA,eACA,iBACA,sBACA,iBAEA,sBAEA,CHoMD,oCG9MD,gBAaI,2BAEA,mBAEA,CHqMD,CACF,wBI5QC,WD4EuB,sCACrB,iBHuMH,4BGpMK,uBACA,cACA,SACA,kBACA,iBCzFJ,mDACA,CJkSD,sBGpMG,4BF7FiB,uBE+FjB,CHuMH,gCGpMK,8BACA,uBACA,eACA,CHuML,6BGlMG,6BACA,iBACA,eACA,CHqMH,QGhMC,2BACA,8BACA,sBACA,mCACA,2BHoMD,kBGjMG,0BACA,CHoMH,kBGhMG,wBACA,CHmMH,kBG/LG,wBACA,CHkMH,kBG9LG,0BACA,CHiMH,sCG7LG,gBHgMH,oCG5ND,QAgCI,kDHgMD,sCG7LG,0BACA,mBACA,sBACA,CHgMH,gCG5LG,kCACA,kBACA,CH+LH,qBG3LG,aH8LH,CACF,oCG/OD,QAqDI,+CACA,CH8LD,kBG3LG,cH8LH,kBG1LG,wBACA,CH6LH,kBGzLG,wBACA,CH4LH,kBGxLG,wBACA,CH2LH,CACF,oCGvLD,eAEI,iBH0LD,CACF,0BGvLG,gBH0LH,oCG3LC,0BAII,UH2LH,CACF,uBGvLG,sDACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,eACA,CH0LH,oCGpMC,uBAaI,0BACA,MACA,OACA,SACA,gBACA,gBACA,WACA,CH2LH,CACF,2BGxLK,6BACA,CH2LL,iCGvLK,iCACA,2BACA,gBACA,CH0LL,mCGtLK,iCACA,uBACA,gBACA,CHyLL,kCGrLK,iCACA,yBACA,gBACA,CHwLL,8BGpLK,0BACA,CHuLL,kCGpLO,0BACA,WACA,kBACA,WACA,CHuLP,oCG5LK,kCAQI,YHwLP,CACF,6GGlLO,mBHqLP,iCGhLK,gCACA,eACA,eACA,gBACA,qBACA,cFzRe,mBE2Rf,iBACA,CHmLL,sHG9KO,oCFpSA,CDsdP,oCG7KO,0CACE,aHgLP,CACF,mCG3KK,wCAEA,iBACA,CH8KL,4HGzKO,uCACA,CH4KP,qBGpKG,2BACA,0DACA,sBACA,mCACA,2BHuKH,+BGpKK,wBACA,CHuKL,+BGnKK,wBACA,CHsKL,oCGpLC,qBAkBI,qCACA,CHsKH,+BGnKK,aHsKL,CACF,sCGjKG,mCACA,kCACA,CHoKH,+CGjKK,WHoKL,oIGhKO,sDHoKP,4DGhKO,wBFtWa,CDygBpB,gFGhKS,YFzWW,CD4gBpB,6CG7JK,0CACA,aACA,kBACA,eACA,CHgKL,mDG7JO,yBACA,kBACA,WACA,YACA,gDACA,MACA,MACA,CHgKP,iDG5JO,kFACA,WACA,YACA,SACA,yBACA,CH+JP,oCGvLG,6CA4BI,aH+JL,CACF,8CG3JK,gBH8JL,4JG1JO,kBH8JP,oCGhKK,4JAKI,gBHgKP,CACF,oCG/NC,sCAoEI,+BACA,CH+JH,mDG5JK,aH+JL,8FG1JK,gBH6JL,CACF,2CGzJK,mCACA,aACA,0BACA,CH4JL,kDGzJO,yBACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,UACA,CH4JP,mDGxJO,0BAGqB,yCACrB,+BACA,CH6JP,uDG1JS,yBACA,YACA,SACA,kBACA,yBACA,mBACA,iBC7cR,mDACA,CJ4mBD,oCGlMG,2CAwCI,gCACA,0BACA,WACA,CH8JL,kDG3JO,aH8JP,mDIlnBD,WD0d6B,sCAErB,uBH+JP,uDG5JS,2BACA,iBCreV,mDACA,CJsoBC,CACF,0DG5KO,mDAcI,aHkKT,CACF,oCGlOG,2CAqEI,gBHiKL,CACF,oCGvOG,2CAyEI,eHkKL,CACF,4CG9JK,8BACA,CHiKL,kDG9JO,mCACA,CHiKP,qDG9JS,gCACA,WFngBF,gBEqgBE,gBACA,mBACA,uBACA,4BACA,CHiKT,2DG9JW,6BACA,WF7gBJ,gBE+gBI,gBACA,sBACA,CHiKX,oCGzLG,4CA8BI,8BACA,8BACA,kBACA,CH+JL,kDG5JO,8BACA,CH+JP,qDG5JS,gCACA,gBACA,CH+JT,2DG5JW,aFniBO,CDksBlB,CACF,kDGzJO,wCACA,oBACA,WACA,CH4JP,oEGzJS,gCACA,eACA,CH4JT,oCGxJS,oEACE,aH2JT,CACF,2DGvJS,kCACA,cACA,cF9jBW,aEgkBX,+BACA,eACA,kBACA,iBACA,CH0JT,6DGvJW,cH0JX,sEGtJW,eHyJX,iEGrJW,yBACA,kBACA,SACA,OACA,WACA,gCACA,WACA,uBACA,CHwJX,wEGnJa,yCACA,CHsJb,iFGlJa,2BFjmBO,CDsvBpB,uEG/Ia,iCACA,CHkJb,6DG7IW,kCACA,CHgJX,0EG5IW,4BACA,CH+IX,2EG3IW,+BACA,kBACA,WF5nBJ,sBE8nBI,CH8IX,0DGzIS,wBACA,CH4IT,2DGxIS,gBH2IT,6CGrIK,2BACA,CHwIL,iEGrIO,gCACA,uBACA,aACA,CHwIP,0FGrIS,6BHwIT,wEGpIS,aHuIT,oDGlIO,gCACA,aF/pBa,CDqyBpB,sDGlIS,mCFnqBW,qBEqqBX,aACA,eACA,CHqIT,6DGlIW,0BF7qBJ,CDmzBP,oCGtKG,6CAuCI,uBACA,CHmIL,CACF,0CG9HG,0BHiIH,oCGlIC,0CAII,gBHkIH,CACF,sCG9HG,gBHiIH,mCG7HG,sDACA,kBACA,gBACA,kBACA,CHgIH,oCGrIC,mCAQI,gCACA,eACA,CHiIH,CACF,4DG9HK,qBACA,CHiIL,8DG9HO,cHiIP,qFG7HO,wBHgIP,wEG5HO,aE9tBQ,CL61Bf,6DGzHK,8BFtuBE,CDo2BP,oFGxHK,4BACA,aF1uBe,CDu2BpB,0CGxHK,iBH2HL,mCGtHG,cFtuBkB,cEuuBlB,CHyHH,wCGtHK,8BACA,CHyHL,0BGpHG,4BACA,eACA,aACA,CHuHH,8BGpHK,oCACA,YACA,cACA,mBACA,iBACA,CHuHL,oCG7HG,8BASI,cHwHL,CACF,oCGlIG,8BAaI,eHyHL,CACF,oCG7IC,0BAwBI,qCACA,CHyHH,8BGtHK,qBACA,gBACA,+BACA,CHyHL,yCGtHO,gBHyHP,yCGrHO,kBFjyBgB,CDy5BvB,8IGnHS,mBHsHT,CACF,SMl6BC,gBNs6BD,YMn6BG,iCACA,CNs6BH,gBMj6BC,6BACA,CNq6BD,mBMl6BG,+BACA,kBACA,CNq6BH,cOp7BC,g2BACA,sBACA,aACA,SACA,CPw7BD,wBOp7BC,oBACA,sBACA,wBACA,CPw7BD,0BOr7BG,uBACA,CPw7BH,oCOn7BC,gBACE,aPu7BD,CACF,uBQ58BG,iCACA,oBACA,eACA,aACA,CR+8BH,oCQp9BC,uBAQI,oCACA,CRg9BH,CACF,6BQ78BK,2BACA,yCACA,CRg9BL,uCQ78BO,yBACA,WACA,CRg9BP,uCQ58BO,yBACA,WACA,CR+8BP,uCQ38BO,yBACA,YACA,iBACA,CR88BP,4CQ38BS,cR88BT,uCQz8BO,yBACA,WACA,CR48BP,uCQx8BO,yBACA,WACA,CR28BP,oCQh/BG,6BAyCI,kCR28BL,8EQv8BO,cR28BP,uCQv8BO,WR08BP,uCQt8BO,cRy8BP,8EQp8BO,cRw8BP,uCQp8BO,WRu8BP,CACF,oCQn8BO,uCACE,cRs8BP,CACF,oCQl8BO,4JAIE,aRq8BP,CACF,0BQh8BK,yCACA,kBACA,aP9Fe,CDkiCpB,4BQh8BO,kCACA,CRm8BP,4BQ97BK,kCACA,CRi8BL,uGQ57BO,0BR+7BP,kCQz7BO,0BACA,WACA,aACA,CR47BP,uCQz7BS,aR47BT,wIQp7BS,aRu7BT,mBS3jCG,gCACA,cACA,gBACA,mBACA,eACA,oBACA,CT+jCH,oCStkCC,mBAUI,qCACA,CTgkCH,CACF,qBS7jCK,kCACA,CTgkCL,yBS5jCK,6BRjBe,CDilCpB,uBS3jCK,wCACA,kBACA,WACA,WACA,CT8jCL,aU3lCC,qDACA,CV+lCD,kBU5lCG,wBACA,kBACA,gBACA,0BACA,eLRI,CLwmCP,sBU5lCK,kFACA,WACA,YACA,SACA,yBACA,CV+lCL,mBU1lCG,mBTjBsB,aSkBtB,0BACA,eACA,cTtBiB,iBSwBjB,qBACA,eACA,CV6lCH,6BU1lCK,uBACA,eACA,CV6lCL,qBUzlCK,mBV4lCL,gCUzlCO,gBV4lCP,sBUvlCK,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,CV0lCL,qBUtlCK,cTvDe,oBSwDf,CVylCL,2BUtlCO,0BVylCP,oCUxpCD,aAqEI,aVulCD,CACF,qBUnlCC,sCACA,CVulCD,wBUplCG,sCACA,gBACA,eACA,aT7EiB,CDqqCpB,8BUnlCG,eVslCH,yCUnlCK,gBVslCL,qDUllCK,+BACA,CVqlCL,+CUjlCK,uBACA,yBACA,CVolCL,sEU9kCC,+BACA,mBTrGwB,kCSuGxB,CV4lCD,0DUvlCC,qCAEA,CVqlCD,gBU9kCC,6BTvHmB,iBSyHnB,qBACA,eACA,CVklCD,uBU/kCG,gBVklCH,kBU9kCG,mBVilCH,6BU9kCK,gBVilCL,sBU5kCG,gBV+kCH,wBU5kCK,WThJE,oBSiJF,CV+kCL,sBUxkCC,yCACA,mBTpJwB,mCSsJxB,cTxJmB,gBS0JnB,kBACA,CV6kCD,qDUzkCG,gBV6kCH,qXUzkCO,gBV6lCP,wBUvlCG,uCACA,CV0lCH,wLU9kCO,qBVulCP,kIUplCS,0BVulCT,+BUhlCG,mBVmlCH,mCUhlCK,8BTnMe,CDuxCpB,6DU7kCK,gCACA,CVglCL,2DU5kCK,oCACA,CV+kCL,gEU5kCO,gBV+kCP,iBUxkCC,6BL7NM,eKiON,cT9NmB,kBSgOnB,CV4kCD,8BUjlCC,oDAEA,CVwlCD,aUjlCC,qCAGA,kBACA,aACA,CV4kCD,gBUzkCG,WT/OI,eSgPJ,gBACA,gBACA,kBACA,CV4kCH,eUxkCG,4BTpPiB,CDg0CpB,oCU7lCD,aAsBI,+BACA,CV2kCD,gBUxkCG,eV2kCH,CACF,WUtkCC,mBTjQwB,kBSkQxB,kCACA,CV0kCD,gBUvkCG,wCACA,CV0kCH,sCUtkCK,gCACA,8BACA,mBT7QoB,kBS+QpB,aACA,qBACA,cACA,kCACA,CVykCL,yEUlkCO,mBVqkCP,yBUhkCK,mBT9RoB,cS+RpB,CVmkCL,6BU/jCK,yBACA,CVkkCL,mBU9jCK,6BACA,gBACA,WThTE,mBSkTF,gBACA,sBACA,CVikCL,uBU9jCO,aTpTa,CDq3CpB,yBU7jCO,8BACA,eACA,eACA,aT3Ta,CD43CpB,wFUxjCO,UTvUA,CDo4CP,8BUxjCK,yBACA,CV2jCL,sDUvjCK,oBT3UoB,CDq4CzB,cUpjCC,qCACA,CVwjCD,+BUrjCG,yBACA,YACA,kBACA,kBACA,kBACA,mBACA,wBACA,CVwjCH,2CUrjCK,UVwjCL,4CUpjCK,UVujCL,4CUnjCK,UVsjCL,gBUhjCC,WVojCD,yBUjjCG,kBACA,CVojCH,uBUhjCG,gBVmjCH,yBU/iCG,2CACA,cT7XiB,gBS+XjB,YACA,CVkjCH,qCU/iCK,gBVkjCL,yBU7iCG,qCACA,+BACA,CVgjCH,uCU5iCG,gBV+iCH,uBU3iCG,8BACA,eACA,gBACA,UTxZI,CDu8CP,6BU3iCK,4BTzZe,gBS2Zf,cACA,CV8iCL,yBUziCG,0CACA,CV4iCH,oCUxiCG,kCACE,aV2iCH,CACF,oCUviCD,qIAQI,gCACA,eACA,CV0iCD,CACF,eUniCC,iBVuiCD,oCUxiCD,eAII,qBVwiCD,CACF,qBUriCG,uBVwiCH,qCUziCC,qBAII,uBVyiCH,CACF,oCU9iCC,qBAQI,WV0iCH,CACF,oCUnjCC,qBAYI,YV2iCH,CACF,gCUviCG,kBV0iCH,oCU3iCC,gCAII,6BV2iCH,CACF,+DUviCO,gBV0iCP,yDUtiCO,+BACA,CVyiCP,mEUtiCS,uBACA,eACA,CVyiCT,wFUriCS,yBACA,CVwiCT,kKUjiCO,gBVsiCP,eU9hCC,aT3fmB,CD8hDpB,gCUpiCC,mBVuiCD,4BUhiCK,gBVmiCL,iBU9hCG,gCACA,qBACA,gBACA,aTtgBsB,CDwiDzB,sEU5hCK,0BV+hCL,KW/iDC,+CACA,CXmjDD,gBW/iDC,6BACA,aACA,CXmjDD,oBW9iDG,kCACA,CXkjDH,2BW/iDK,SXkjDL,yCW7iDO,mBXgjDP,oDW7iDS,gBXgjDT,+CW3iDO,mCACA,CX8iDP,qDW3iDS,2BACA,MACA,CX8iDT,4BWxiDK,iCACA,CX2iDL,+CWxiDO,mCACA,gBACA,WVjDA,cUmDA,UACA,CX2iDP,2EWtiDO,kBX0iDP,kDWtiDO,gBXyiDP,2CWriDO,0BACA,MACA,CXwiDP,oCWpiDO,cVjEkB,yBUkElB,CXuiDP,+HWliDS,qBXqiDT,kBW9hDG,0BACA,CXiiDH,yBW9hDK,oCACA,UACA,aACA,CXiiDL,mBW5hDG,aV7FiB,CD4nDpB,qBW5hDK,aV7FoB,CD4nDzB,wBW3hDK,oCACA,eACA,CX8hDL,uBWzhDG,6BACA,cACA,CX4hDH,oBWxhDG,gCVjHiB,CD6oDpB,gCWxhDK,iCACA,iBACA,gBACA,eACA,CX2hDL,mBWthDG,mBXyhDH,oBWrhDG,gBXwhDH,0JWphDO,gBXmiDP,qDW5hDK,aX+hDL,2DW5hDO,mCACA,WVpJA,gBUsJA,gBACA,aACA,CX+hDP,uHW1hDO,cX8hDP,qDWzhDK,gCACA,CX4hDL,kDWthDK,mCACA,WV1KE,cU4KF,kBACA,qBACA,eACA,CXyhDL,qCWrhDK,eXwhDL,kCWphDK,WXuhDL,qCWlhDG,eXqhDH,2CWlhDK,mCACA,WVhME,cUkMF,gBACA,eACA,CXqhDL,2CWjhDK,mBXohDL,wCWhhDK,iCXmhDL,4BW9gDG,kCACA,CXihDH,2BW7gDG,mBXghDH,6CW7gDK,gBXghDL,yBW3gDG,6BAEA,mBACA,CX8gDH,gCW3gDK,eX8gDL,iCW1gDK,qCACA,cACA,cACA,CX6gDL,mCW1gDO,cX6gDP,4GWvgDK,gBX2gDL,oCWliDC,yBA2BI,6BACA,CX2gDH,iCWxgDK,eX2gDL,yJWrgDK,mBX0gDL,CACF,+CWrgDG,sCACA,eACA,WV1QI,cU4QJ,UACA,CXwgDH,0CWlgDO,mCACA,WVpRA,qBUsRA,WACA,kBACA,gBACA,kBACA,aACA,CXqgDP,yDWjgDO,yBACA,QACA,QACA,CXogDP,qJW1/CG,qCACA,WV7SI,cU+SJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,YACA,CXigDH,6LW9/CK,gBXqgDL,mVWjgDK,qBXwgDL,gOWpgDK,oBNhUU,CL20Df,mLWvgDK,kBX8gDL,2WWzgDK,qBVrUoB,kBUsUpB,CXohDL,4CW9gDK,cXihDL,+TWxgDK,qBXghDL,6CW5gDK,8BACA,cACA,cACA,CX+gDL,6BW1gDG,WX6gDH,sBWzgDG,4BACA,CX4gDH,mCWzgDK,+BACA,CX4gDL,oEWrgDG,yBACA,SACA,kBACA,mBVpXsB,WANlB,eU6XJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,iBACA,CX0gDH,qGWvgDK,eX4gDL,sFWxgDK,yBX6gDL,+KWxgDK,yBX+gDL,iHW3gDK,wBVrZkB,CDq6DvB,+FW5gDK,kBN1ZM,CL26DX,iHW9gDO,yBXmhDP,qOW9gDO,yBXqhDP,oBW/gDG,mFACA,eACA,WV7aI,cU+aJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,WACA,CXkhDH,mCW7gDK,kBXghDL,kCW5gDK,4BACA,QACA,sBAEA,eACA,cVvbY,oBUybZ,oBACA,eACA,gBACA,mBACA,eACA,CX+gDL,wCW5gDO,yBACA,kBACA,MACA,QACA,WACA,UACA,mEACA,CX+gDP,2BWzgDG,kBX4gDH,oCWzgDK,wBACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kCACA,2CACA,CX4gDL,6CWzgDO,kBX4gDP,4HWvgDW,UVnfJ,CD8/DP,YWlgDC,iCAEA,cACA,CXsgDD,eWlgDC,iCVhgBmB,kBUkgBnB,kBACA,mBACA,iBACA,CXsgDD,sBWngDG,uEACA,aN1gBY,CLihEf,qBWlgDG,mEACA,aN/gBQ,CLqhEX,iBWjgDG,mBXogDH,2BWhgDG,gCACA,cACA,WACA,YACA,aACA,gCACA,mBV5hBsB,WALlB,eUoiBJ,QACA,CXmgDH,6CWhgDK,SXmgDL,gHW7/CK,oBXggDL,iCW5/CK,mBX+/CL,sBW1/CG,gBX6/CH,oKWz/CO,gBXwgDP,0DWjkDD,eA+DI,gBXsgDD,CACF,aWlgDC,iCACA,CXsgDD,eWngDG,cVvkBiB,oBUwkBjB,CXsgDH,qBWngDK,0BXsgDL,WWhgDC,mCACA,cACA,CXogDD,cWjgDG,sCACA,CXogDH,aWhgDG,cVxlBsB,yBUylBtB,qBACA,eACA,CXmgDH,0DW9/CK,cXigDL,6BW1/CC,gCV1mBmB,CD0mEpB,mCW5/CG,kCACA,iBACA,CXggDH,2CW5/CG,cVpnBiB,eUqnBjB,CXggDH,mUW5/CO,gBXghDP,0DWjiDD,6BAuBI,gBX+gDD,CACF,YW3gDC,4BACA,sBACA,CX+gDD,SW3gDC,8BN5oBM,YM8oBN,qBACA,mCACA,oBACA,CX+gDD,aW5gDG,sBACA,CX+gDH,gBW1gDC,iCVxpBmB,UU0pBnB,CX8gDD,qBW3gDG,4BACA,CX8gDH,cWxgDG,mBX4gDH,qBWzgDK,gBX4gDL,+JWxgDS,gBXuhDT,2CW7gDG,oDACA,WVzrBI,qCU2rBJ,oCACA,kBACA,aACA,kBACA,CXkhDH,+CW/gDK,WVlsBE,yBUmsBF,CXmhDL,mLW9gDO,qBXohDP,yDW/gDK,8BACA,iBACA,CXmhDL,yYW/gDS,gBXmiDT,iEW9hDO,gBXkiDP,mBW3hDC,4BACA,kBACA,CX+hDD,2DW3hDG,cX+hDH,4BW1hDG,sCACA,CX8hDH,qBWzhDC,+BV7uBmB,CD2wEpB,yBW1hDG,kBX6hDH,mBWxhDC,kCACA,CX4hDD,sBWzhDG,0BV7vBI,kBU+vBJ,mBACA,SACA,SACA,CX4hDH,2BWxhDG,cX2hDH,cWthDC,aNvwBY,CLiyEb,ySWhhDG,gCXyhDH,YWphDC,yCACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,kCACA,CXwhDD,qBWrhDG,cXwhDH,6BWphDG,gCACA,aACA,eACA,+BACA,CXuhDH,mBWnhDG,yBACA,oBACA,gBACA,eACA,qBAEA,WACA,gCACA,CXshDH,mBWlhDG,qBN3zBY,eM4zBZ,CXqhDH,0BWlhDK,mBN/zBU,eMg0BV,CXqhDL,mBW/gDC,mBXmhDD,4BWhhDG,4CACA,eACA,YACA,CXmhDH,2BW/gDG,gCACA,OACA,sBACA,cACA,aACA,CXkhDH,+BW/gDK,8BACA,iBACA,kBACA,SACA,CXkhDL,6BW9gDK,sBXihDL,oCW5gDG,mBX+gDH,+BW3gDG,4DACA,kBACA,kBACA,kBACA,iBACA,CX8gDH,qCW3gDK,oCACA,cACA,YACA,SACA,kBACA,MACA,SACA,CX8gDL,wBWzgDG,oCACA,kBACA,CX4gDH,QY54EG,mCACA,cACA,kCACA,CZg5EH,oCYp5EC,QAOI,gBZi5EH,CACF,4EY34EO,mBZ84EP,WYx4EG,+BACA,gBACA,yBACA,CZ24EH,eYx4EK,yBACA,YACA,SACA,oBACA,yEACA,CZ24EL,oCYv5EC,WAgBI,aZ24EH,CACF,oCY55EC,WAoBI,aZ44EH,CACF,WYx4EG,+BACA,aACA,2BACA,mBACA,mBACA,yBACA,CZ24EH,oCYl5EC,WAUI,gBZ44EH,CACF,mBYz4EK,cRnDJ,WACA,YACA,yCQqDI,CZ84EL,uBY34EO,uBACA,cACA,SACA,kBRnEN,iBACA,oDACA,kBQoEM,CZg5EP,yBY34EK,gCACA,CZ84EL,gCY34EO,0BX/EA,gBWiFA,gBACA,sBACA,CZ84EP,8BY14EO,6BACA,cXrFa,gBWuFb,gBACA,sBACA,CZ64EP,YYt4EC,iCACA,eACA,CZ04ED,4GYl4EG,0BX7GI,gBW+GJ,qBACA,iBACA,oBACA,CZ04EH,qBYt4EG,gBPrHI,oBOsHJ,WXvHI,eWyHJ,aACA,CZy4EH,iBYr4EG,eZw4EH,sCYn4EG,sCXhIiB,CDwgFpB,mBYn4EG,yBACA,CZs4EH,uBYn4EK,qCACA,CZs4EL,mBYj4EG,2BACA,CZo4EH,uBYj4EK,oCACA,CZo4EL,sBY/3EG,yBACA,CZk4EH,oCY77ED,YA+DI,kBZk4ED,kBY/3EG,aZk4EH,sCY73EG,qBZi4EH,CACF,cY53EC,mBX1KwB,mCW2KxB,cXzJiB,eW2JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,eACA,CZg4ED,0BY73EG,0BZg4EH,wBY53EG,qCACA,CZ+3EH,cY13EC,qCACA,eACA,kBACA,eACA,iBACA,gBACA,cX3MmB,mCW6MnB,kCACA,CZ83ED,wBY33EG,cPlNY,sCOmNZ,iCACA,CZ83EH,oBY13EG,kDACA,+BACA,CZ63EH,yBYx3EC,kCACA,gBACA,+CAEA,0DACA,gBACA,CZ43ED,4BYz3EG,4CACA,CZ43EH,wDYv3EG,mCACA,kBACA,gBACA,gBACA,mBACA,sBACA,CZ23EH,4BYv3EG,4BACA,cACA,cXzPiB,+BW2PjB,CZ03EH,4BYt3EG,2BX/PiB,CDynFpB,2BYr3EG,cXjQsB,oBWkQtB,CZw3EH,oGYn3EK,0BZs3EL,mCYj3EG,sEACA,CZo3EH,qCYj3EK,cPpRU,eOqRV,CZo3EL,yCYh3EK,aPzRU,CL4oFf,uCY92EG,gBZi3EH,uCY52EC,WZg3ED,yBY32EG,aXvSiB,CDspFpB,2BY52EK,cX1Se,oBW2Sf,CZ+2EL,oGY12EO,0BZ62EP,gCYx2EK,WXxTE,eWyTF,CZ22EL,uBYt2EG,gBZy2EH,iBavqFC,qDACA,gBACA,kBACA,Cb2qFD,oCa/qFD,iBAOI,gCACA,eACA,Cb4qFD,CACF,2BazqFG,yBACA,eACA,Cb4qFH,+EaxqFK,0Bb4qFL,qCavqFG,Wb0qFH,wBatqFG,kBZtBsB,CD+rFzB,4GapqFK,sCbyqFL,6IalqFO,yCACA,CbuqFP,gJa/pFO,0BboqFP,iLa7pFS,kBbkqFT,oCa5pFK,4GAGE,0Bb+pFL,CACF,qCa1pFG,mBb6pFH,oBaxpFC,2BACA,mBZtEwB,WANlB,oBY+EN,iBACA,YACA,iBACA,QACA,Cb4pFD,wBazpFG,uBACA,sBACA,gBACA,Cb4pFH,yCazpFK,SZ5FE,CDwvFP,wCaxpFK,YZ1FoB,CDqvFzB,+EappFG,mBbupFH,2IappFK,abupFL,kGahpFK,YZ7GkB,CDgwFvB,oNa7oFK,kBZnHkB,CDmwFvB,4Ua7oFO,YZtHgB,CDswFvB,2IavoFK,kBRhIM,CL0wFX,uMavoFO,YRnII,CL6wFX,oCapoFG,wBACE,abuoFH,CACF,wDahoFG,abqoFH,sCajoFG,2CACA,CbqoFH,sDaloFK,kBACA,CbsoFL,wDaloFK,gBbsoFL,wDahoFK,gCACA,kBACA,CbsoFL,kFaloFK,iCACA,WACA,WACA,UACA,CbsoFL,oMahoFK,gBbuoFL,kEa7nFK,8BACA,CbkoFL,oFa9nFK,cZvLY,YYwLZ,eACA,WACA,eACA,eACA,CbkoFL,8Ga9nFK,6BACA,uBAEA,cACA,CbkoFL,wJa/nFO,ebmoFP,sEa9nFK,8BACA,WACA,cACA,CbkoFL,8Fa1nFK,WdxON,UACE,4EACA,CAGF,QACE,qCACA,kBACA,sBACA,WAEA,oCACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,UACA,CAEA,2CAGE,oDACA,CAGF,qBACE,gBAEA,kFAGE,yBACA,gBAIJ,iBACE,yBACA,eAGF,wGAIE,gCACA,YACA,oBACA,gBACA,CAGF,2BACE,WACA,kBE7DoB,CF+DpB,oGAGE,yBAIJ,6BACE,kBElEoB,CFoEpB,0GAGE,yBAIJ,yBACE,gCACA,YACA,cAEA,2CACA,iBACA,kBACA,wBACA,CAEA,8FAGE,kCACA,CAGF,kCACE,WAIJ,sBACE,wBACA,CAIJ,aACE,+BACA,cAEA,mCACA,eACA,4BACA,CAEA,0DAGE,2CACA,CAGF,sBACE,4BACA,CAGF,oBACE,aEjIsB,CFoIxB,+BACE,SAGF,sEAGE,oBAGF,sBACE,aElJiB,CFoJjB,qFAGE,cAGF,+BACE,cAGF,6BACE,aE5JoB,CF8JpB,sCACE,cAKN,uBACE,qDACA,qBACA,kBACA,WACA,CAEA,6BACE,8BAKN,kBACE,cACA,mCACA,eACA,gBACA,eACA,cACA,iBACA,UACA,4BACA,CAEA,yEAGE,2CACA,CAGF,2BACE,yBACA,CAGF,yBACE,aE1MsB,CF6MxB,oCACE,SAGF,qFAGE,oBAIJ,eACE,iDACA,uBAGF,WACE,0BACA,qBACA,QACA,SACA,iBACA,CAEA,8BAEE,sCACA,oBACA,kBACA,kBACA,CAKF,gBACE,YAIJ,sCACE,wBACA,CAOF,sEACE,aMhQU,CNmQZ,sBACE,aMrQY,CNwQd,4BACE,8BACA,oBACA,CAEA,kCACE,WACA,0BAIJ,cACE,6BACA,gBACA,uBACA,kBACA,CAEA,qBAGE,8BACA,CAOF,wCAVE,0BACA,iBAGA,uBACA,gBACA,kBACA,CAGF,mBAGE,eAQA,2BACE,0BAIJ,qBACE,sBACA,eACA,iBACA,uBACA,mBACA,eACA,CASA,sDACE,2BACA,kBACA,mBACA,CAKN,oBACE,gBAGF,uBACE,eAGF,cACE,6BACA,YACA,aACA,mBACA,uBACA,qBACA,CAEA,4CACE,eACA,eACA,sEACA,oDAGF,2BACE,kBAGF,oEACE,aAIJ,gBACE,6BACA,YACA,aACA,mBACA,sBACA,CAEA,oBACE,eACA,eACA,uBACA,sBACA,oDAIJ,UACE,qBAGF,mBACE,8BACA,CAGF,0BACE,mDACA,QACA,CAGF,eACE,mBACA,gCACA,sCACA,CAEA,kBACE,gBAIJ,sBACE,0BACA,SACA,0BACA,CAEA,2BACE,2BACA,2BACA,yBEpaiB,CFwanB,0BACE,6BACA,uBACA,wBE3aiB,CF+anB,6BACE,0BACA,uBACA,2BElbiB,CFsbnB,4BACE,0BACA,2BACA,0BEzbiB,CF+bnB,uBACE,gCACA,cACA,iBACA,sBACA,qBACA,mBAEA,WACA,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,WACA,uCACA,kBACA,CAEA,mDACE,UAGF,mDACE,mBACA,aErgBe,CF0gBrB,gBACE,sBAGF,gBAEE,oCEngBgB,CFsgBhB,mBACE,+BACA,mBACA,iBACA,CAGF,kBACE,iCACA,CAIJ,UACE,gCACA,cACA,eACA,CAGF,gBACE,4BACA,kBACA,WAEA,uCACA,eACA,gBACA,gCACA,yBACA,CAEA,oBACE,8BACA,CAGF,uBACE,6CEtjBsB,CDq0GzB,oCI5yGC,6GLqiBI,4CACA,CC2wFH,CACF,gHD7wFK,4CACA,CAIJ,gCACE,4BACA,CC8wFH,oCDzwFC,wBACE,aC6wFD,CD9wFD,yBACE,aAIJ,YACE,oCACA,cACA,iCACA,qBACA,CAEA,kCACE,gBAGF,yBAXF,YAYI,eCixFD,CD9wFD,kBACE,kCACA,CAGF,oBACE,gCACA,gBACA,CAKF,yBADF,uBAEI,aC+wFD,CD3wFH,cACE,uCACA,eACA,6BACA,SACA,UACA,yBACA,4GACA,uCACA,CAGF,gCACE,4BACA,WACA,YACA,gBACA,UACA,kBACA,SACA,CAGF,wBACE,8BACA,uBACA,CAGF,oBACE,uBACA,UACA,mBACA,yBAEA,wBAGF,qEACE,yBAGF,2CACE,wBE3pBwB,CF8pB1B,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,sBACA,sBACA,wBACA,CAGF,2CACE,8BEttBwB,CF0tB1B,2CAEE,kBE7tBwB,CFguB1B,0BACE,iCACA,CAGF,iBACE,mBACA,cAEA,mBACE,aE5uBiB,CF+uBnB,mBACE,aEnuBc,CFsuBhB,wBACE,sEAGF,iDAGE,oCACA,CAEA,uDACE,mBAGF,6DACE,eAGF,qDACE,cACA,eAEA,yDACE,cACA,0BAIJ,qDACE,kCEhxBe,CFmxBf,qMAGE,0BAMR,oBACE,uCACA,eACA,iBACA,gBACA,mBAEA,gCACA,CAGF,oBACE,+BACA,CAEA,0BACE,8BACA,CAGF,uBACE,mBAGF,wBACE,qCACA,yBACA,wBACA,CAIJ,cACE,cACA,mCAEA,sDACA,cACA,oBACA,mBACA,cACA,UACA,CAEA,yCAEE,WACA,2BEx0BsB,CDskHzB,oCIrjHC,yDL2zBE,eC8vFD,CD3vFD,oBACE,WACA,gCAEA,qDAEE,WACA,2BEt1BoB,CF21B1B,kDACE,oCACA,6CACA,uBACA,sBACA,UACA,CAEA,yDACE,uBAIJ,yDACE,kDACA,CAGF,+CACE,cACA,6BAGF,sDACE,aEn3BwB,CFs3B1B,wDACE,cAGF,WACE,4BAEA,sCACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,oBACA,CAEA,iBACE,mBAIJ,UACE,gCAGF,mBACE,iBAGF,oEACE,6BAGF,+BACE,kCACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,YAEA,CAEA,uCACE,WACA,gCACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,+BACA,CAGF,sCACE,2CACA,WACA,YACA,eACA,cAEA,sCACA,uBACA,kBACA,CAGF,qCACE,oBAEA,4CACE,+BAKN,UACE,+BACA,oBACA,kBACA,cACA,SACA,uBACA,cACA,CAGF,mBACE,cACA,+BACA,yBACA,iBACA,kBACA,QACA,SACA,uCACA,+BAEA,wBACE,yBACA,mCAEA,+CACA,kBACA,CAIJ,2BACE,0BACA,SACA,uCACA,0CACA,YACA,sBACA,6BACA,yBAEA,iBACA,CAGF,0CACE,gJAGF,6CACE,kJAGF,iCACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CC+uFD,CDvwFH,yBACE,GACE,iBACA,wBACA,CAGF,IACE,yBAGF,IACE,uBACA,6BACA,kBACA,SACA,CAGF,GACE,uBACA,eACA,UACA,4BACA,CC+uFD,CD3uFH,gCACE,GAAK,YACL,IAAM,UACN,GAAO,YCmvFN,CDtvFH,wBACE,GAAK,YACL,IAAM,UACN,GAAO,YCmvFN,CDhvFH,gBACE,sBACA,kBACA,0CACA,QACA,WACA,CAEA,wCACE,cAIJ,gBACE,8BACA,CAGF,kEAGE,cACA,wCACA,gBACA,qBACA,CAGF,eACE,8BACA,CAGF,sBACE,gBAGF,6BACE,cACA,6BACA,gBACA,eACA,CAGF,sBACE,sBAGF,qBACE,YAGF,6BACE,GACE,qFACA,0EACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCC8uFD,CDtwFH,qBACE,GACE,qFACA,0EACA,mCAGF,IACE,4FACA,kCAGF,IACE,6FACA,mCAGF,IACE,4FACA,kCAGF,IACE,yFACA,mCC8uFD,CD1uFH,eACE,8GAGF,aACE,iDACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,YACA,CAEA,eACE,oBAIJ,mBACE,yBACA,aACA,sBACA,kBACA,WACA,CAGF,yBACE,wBACA,QACA,SACA,OACA,WACA,kBACA,mBAEA,kCAGF,sBACE,oBACA,mBACA,uBACA,cAEA,+BACA,0BACA,iBACA,CAGF,oCACE,8BACA,YAGF,aACE,yBACA,6BACA,MACA,MACA,CAGF,oBACE,kBAGF,YACE,gCACA,aACA,WACA,yBAEA,gCACA,UACA,UACA,CAGF,0BACE,gBAGF,SACE,kBAEA,aACE,uBACA,sCACA,8BAGF,aACE,gCACA,cAEA,gBAEA,eACE,cACA,0BAEA,qBACE,qBAMR,2BACE,GAAK,UACL,IAAM,YACN,GAAO,UC6uFN,CDhvFH,mBACE,GAAK,UACL,IAAM,YACN,GAAO,UC6uFN,CACF,gCc/9HC,w+Kdk+HD,sCc/9HG,w+Kdk+HH,8Mcp9HG,qkBd49HH,Se7+HC,6CACA,cACA,oBACA,Cfi/HD,gCe9+HG,4BACA,cdJiB,gBcMjB,qBACA,cACA,Cfi/HH,ee7+HG,qBACA,Cfg/HH,wCe9+HkC,iBfi/HlC,6Be9+HK,4BACA,Cfi/HL,kBe3+HC,af++HD,yBe3+HC,4BACA,iBACA,Cf++HD,iBIjhIC,iBACA,oDACA,kBWqCA,cACA,Cfi/HD,wBe9+HG,2CACA,gBACA,Cfi/HH,yBe5+HC,kBX5CA,WACA,YACA,0BJ6hID,8BI/hIC,WACA,YACA,0BJqiID,+DI7iIC,iBACA,mDACA,CJujID,iCInjIC,WACA,YACA,4CWsDE,SACA,QACA,SACA,Cfw/HH,uBen/HC,yBACA,kBACA,Cfu/HD,0Ben/HC,gCACA,Cfu/HD,qBen/HC,0BdjEgB,CDyjIjB,4Bep/HG,gBfu/HH,kMen/HO,gBfkgIP,uBe5/HG,8BACA,yBACA,Cf+/HH,wFe1/HK,qBf6/HL,qBev/HC,6DACA,iBACA,gBACA,cACA,YACA,Cf2/HD,2Bev/HC,2BACA,iBACA,iBACA,Cf2/HD,0Bev/HC,qCACA,cACA,8BACA,eACA,mCACA,Cf2/HD,sCex/HG,cf2/HH,iCev/HG,gCf0/HH,+Bet/HG,uCACA,eACA,ad3IiB,CDqoIpB,iCer/HG,6BACA,gBACA,UdrJI,CD8oIP,2Nep/HO,gBfmgIP,+Be7/HG,ad1JsB,CD0pIzB,mBe3/HC,kBf+/HD,kDe5/HG,iCACA,eACA,Cf+/HH,2Be1/HC,4BACA,Cf8/HD,uBe1/HC,sCACA,eACA,cdnLmB,ecqLnB,iBACA,Cf8/HD,2Be3/HG,adtLsB,CDorIzB,4Be1/HG,8BACA,sBACA,Cf6/HH,gBex/HC,gDACA,gCACA,aACA,mBACA,cACA,Cf4/HD,iDev/HC,+BACA,Cf4/HD,wBex/HC,+BACA,Cf4/HD,0Bex/HC,cdxNmB,ecyNnB,cACA,gBACA,kBACA,Cf4/HD,iDev/HG,mBf2/HH,mDI1qIC,gCACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,QACA,CJ6qID,qEI1qIG,SJ6qIH,wLIvqIG,oBJ0qIH,yDItqIG,mBJyqIH,oCe5gIG,mDXzJA,eJyqID,CACF,uDe5gIK,cd7NY,iBc8NZ,cACA,Cf+gIL,2De3gIK,iBf8gIL,uDe1gIK,mBf6gIL,+De1gIO,ef6gIP,gNexgIS,gCACA,Cf2gIT,+GepgIK,adpQe,CD2wIpB,yHelgIK,+BACA,ad7PY,CDmwIjB,iZehgIO,cfmgIP,+De9/HK,yBfigIL,gDIrsIC,gBACA,kCAGA,cHjEiB,uCGmEjB,UWmMI,kBd1Re,CDiyIpB,mDIvsIG,uCHtEe,eGwEf,gBACA,kBACA,CJ0sIH,mDItsIG,cJysIH,mDIrsIG,mBJwsIH,mDIpsIG,0BH7GI,CDqzIP,qDenhIK,YfshIL,kDelhIK,WdtSE,kBcuSF,cACA,CfqhIL,6HejhIO,mBfohIP,gCe5gIG,mBfghIH,kBe3gIC,WdzTM,kBc0TN,cACA,mBACA,sBd3TM,yBc6TN,eACA,gBACA,YACA,kBACA,UACA,Cf+gID,wBe5gIG,Uf+gIH,4Be1gIC,oCACA,eACA,WACA,Cf8gID,uBe1gIC,sBACA,gBACA,iBACA,Cf8gID,8Be3gIG,yBACA,gBACA,Cf8gIH,yBe1gIG,qCACA,wBACA,WACA,MACA,OACA,sBdlWI,sBcoWJ,wBACA,kBACA,cdnWoB,qBcqWpB,iBACA,Cf6gIH,8FexgIK,uBd5We,CDw3IpB,mHexgIO,yBACA,WACA,YACA,8BACA,iBACA,Cf2gIP,8BergIG,0BACA,SACA,uCACA,6CACA,CfwgIH,qDelgIC,mDACA,eACA,aACA,aACA,CfugID,mEepgIG,4BACA,QACA,CfwgIH,4HengIG,4BACA,cdpZiB,ecsZjB,eACA,gBACA,kBACA,qBACA,iBACA,CfygIH,wJetgIK,ad9Ze,CD06IpB,oWexgIO,yBACA,kBACA,SACA,SACA,QACA,SACA,mCACA,wEAGA,4CfihIP,gLe7gIO,wDACA,CfmhIP,qBe3gIC,0CACA,6BACA,+BACA,CfghID,8Be7gIG,mCACA,cdnbc,gBcubd,cACA,CfghIH,mCe7gIK,8BACA,sBACA,CfghIL,mCe3gIG,4BACA,Cf8gIH,sDe1gIG,kBf6gIH,oDezgIG,gBf4gIH,0BevgIC,cd7dmB,ec8dnB,gBACA,gBACA,kBACA,oBACA,Cf2gID,4BexgIG,mBf2gIH,uCexgIK,gBf2gIL,4BetgIG,uCACA,CfygIH,kCetgIK,qBfygIL,iBengIC,gBfugID,0BepgIG,WfugIH,6FengIK,sDfugIL,uBelgIG,2BACA,SACA,CfqgIH,wBejgIG,6BACA,kBACA,kBACA,CfogIH,4BejgIK,kFACA,WACA,YACA,QACA,CfogIL,sBe//HG,qCACA,YACA,+BACA,CfkgIH,8Be//HK,4BACA,WACA,gBACA,CfkgIL,+Ce//HO,2CACA,CfkgIP,uBe5/HG,oCACA,gBACA,gBACA,Cf+/HH,gCe5/HK,gCACA,iBACA,eACA,Cf+/HL,6Ce5/HO,2CACA,uBACA,WACA,Cf+/HP,wCe3/HO,af8/HP,6Bez/HK,Yf4/HL,2Cez/HO,mBf4/HP,uCex/HO,sBACA,Cf2/HP,gCev/HO,gCACA,WdnlBA,gBcqlBA,gBACA,mBACA,sBACA,Cf0/HP,sCev/HS,6BACA,cdzlBW,gBc2lBX,gBACA,sBACA,Cf0/HT,+Bep/HK,cfu/HL,sBel/HG,6BACA,Cfq/HH,gDej/HK,gCdhnBE,CDsmJP,+Cej/HK,qCACA,Cfo/HL,iDej/HO,cfo/HP,wEeh/HO,wBfm/HP,2De/+HO,aV/nBQ,CLinJf,wBe5+HG,ef++HH,+Be5+HK,4BdvoBe,CDunJpB,iCe5+HO,mCd3oBa,qBc6oBb,uBAEA,eACA,Cf++HP,wCe5+HS,0BdtpBF,CDsoJP,QgBtoJC,4CACA,ChB0oJD,6BgBvoJG,4BACA,WfLI,qBeOJ,eACA,eACA,ChB0oJH,iBgBroJC,ahByoJD,gBgBroJC,yBACA,kBACA,ChByoJD,8BiB7pJC,ejBiqJD,iBiB7pJC,gCACA,eACA,iBACA,qBACA,gBACA,iBACA,eACA,CjBiqJD,uBiB9pJG,UjBiqJH,2BiB7pJG,uBACA,eACA,CjBgqJH,qBiB5pJG,gCACA,sBACA,oDjB+pJH,oEiB3pJG,uCACA,CjB8pJH,qGiB3pJK,gBjB8pJL,uNiBxpJK,kCACA,CjB2pJL,sFiBvpJK,8BACA,CjB0pJL,2CiBtpJK,ejBypJL,iIiBrpJK,gBjBwpJL,mDiBppJK,gDACA,chBxDe,kBgB0Df,CjBupJL,gEiBppJO,gBjBupJP,yFiBlpJK,gBjBqpJL,qFiBjpJK,kBjBopJL,4CiBhpJK,gCACA,CjBmpJL,sFiB/oJK,gBjBkpJL,0FiB/oJO,SjBkpJP,2CiB7oJK,qBjBgpJL,2CiB5oJK,wBjB+oJL,mBiB1oJG,cZtFY,oBYuFZ,CjB6oJH,yBiB1oJK,0BjB6oJL,6BiB1oJO,cjB6oJP,iCiBvoJO,qBjB0oJP,sCiBvoJS,0BjB0oJT,uBiBpoJK,ahBzGY,CDgvJjB,2CiBloJG,ajBqoJH,6EiBloJK,cjBqoJL,sDiB7nJK,mBjBooJL,+BiB7nJC,uCACA,mBACA,YACA,WhBnJM,gBgBqJN,eACA,cACA,yBACA,oBACA,eACA,qBACA,CjBioJD,qCiB9nJG,uCACA,CjBioJH,8DiB7nJG,sCACA,sBACA,kBACA,eACA,mBACA,CjBgoJH,6DiB1nJG,qBjB8nJH,2BiBznJC,chBnKgB,SgBoKhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,+BACA,CjB6nJD,8BiBznJC,iCACA,WACA,gBACA,CjB6nJD,qBiBznJC,iDAGA,CjB2nJD,8BiBxnJG,gBjB2nJH,iBiBrnJG,4BACA,CjBynJH,uCiBtnJK,mBjBynJL,6CiBtnJO,uBjBynJP,gFiBnnJK,mBjBunJL,QiBjnJC,oCACA,YACA,gCACA,eACA,UAaA,mCACA,2BjBymJD,wDiB5nJD,QAUI,mBjBsnJD,CACF,wBiBnnJG,GAAK,UjBunJN,GiBtnJQ,UjBynJR,CACF,gBiB3nJG,GAAK,UjBunJN,GiBtnJQ,UjBynJR,CACF,sBiBnnJG,ejBsnJH,sBiBlnJG,mBjBqnJH,qCiBhnJK,ahBlQe,CDq3JpB,uEiB1mJO,UhB9QA,CD83JP,iCiB5mJO,ahB/Qa,CD83JpB,+BiB1mJK,UhBvRE,CDo4JP,iCiB1mJO,ahBpRkB,CDi4JzB,+DiBzmJO,WhB9RA,kBAIgB,CDu4JvB,qEiBzmJS,mBjB4mJT,kBiBrmJG,8CACA,yBACA,4DjBwmJH,wCiBrmJK,gCACA,OACA,QACA,MACA,SACA,6FACA,oBACA,UACA,CjBwmJL,0DiBpmJK,qBjBumJL,mCiBnmJK,4BACA,uBACA,aACA,CjBsmJL,yCiBnmJO,6BACA,MACA,SAAQ,OACR,QAAS,wDACT,mBACA,CjBwmJP,2CiBpmJO,qBjBumJP,+CiBnmJK,wDjBsmJL,uDiBnmJK,wDjBsmJL,yCiBlmJK,gBjBqmJL,4DiBjmJK,mBjBomJL,+BiB/lJG,oBjBkmJH,8CiB5lJG,uBjBgmJH,oEiB7lJK,cjBgmJL,uBiB1lJC,sCACA,kBACA,YACA,chBnWgB,egBqWhB,iBACA,mBACA,gBACA,sBACA,CjB8lJD,sBiB1lJC,gChB7WgB,egB+WhB,CjB8lJD,6CiB1lJC,4BACA,CjB8lJD,ciB1lJC,2BACA,CjB8lJD,mBiB3lJG,sCACA,CjB8lJH,0CiB1lJG,qBjB6lJH,qBiBxlJC,8BACA,mBACA,WACA,ahBxYoB,CDq+JrB,yCiBzlJG,kCACA,CjB4lJH,8CiBxlJG,iBjB2lJH,uBiBtlJC,+BACA,CjB0lJD,kBiBtlJC,4CACA,CjB0lJD,4CiBvlJG,8BACA,CjB0lJH,2DiBvlJK,gBjB0lJL,6DiBtlJK,4BACA,CjBylJL,0DiBrlJK,8BACA,CjBwlJL,2EiBplJK,ejBulJL,yBiBjlJC,gCACA,cACA,uBACA,YACA,CjBqlJD,iBiBjlJC,sChBhcgB,wBgBkchB,eACA,iBACA,CjBqlJD,8CiBllJG,ahBvcc,CD4hKjB,sBiBjlJG,8BACA,sBACA,CjBolJH,oBiB/kJC,gCACA,cACA,CjBmlJD,6BiBhlJG,sCACA,kBACA,CjBmlJH,wDiBhlJK,iBjBmlJL,oCiB/kJK,gCACA,eACA,gBACA,ahBlegB,CDqjKrB,2BiB5kJC,kBjBglJD,6BiB5kJC,4BACA,CjBglJD,sCiB5kJC,2BACA,mBACA,uBACA,iBACA,CjBglJD,iBiB5kJC,oCACA,CjBglJD,uBiB7kJG,4BACA,8BACA,sBACA,CjBglJH,sFiB5kJK,UjBglJL,kCiB3kJG,+BACA,CjB8kJH,4CiB3kJK,uBACA,eACA,CjB8kJL,+BiBzkJG,ejB4kJH,uBiBvkJC,8BhB3hBgB,egB6hBhB,gBACA,CjB2kJD,6BiBvkJC,gDACA,gCACA,aACA,mBACA,cACA,CjB2kJD,uBiBvkJC,kCACA,CjB2kJD,sDiBtkJC,qCACA,eACA,eACA,CjB2kJD,4JiBlkJC,qBjB2kJD,2DiBrkJG,UhBnlBI,CD6pKP,iBiBpkJG,WjBwkJH,+JiB/jJG,0BjBskJH,8BiBjkJC,8BACA,sBACA,CjBqkJD,yDiBhkJC,cjBqkJD,+BiBjkJC,chB/mBmB,cgBgnBnB,iBACA,mBACA,eACA,CjBqkJD,0EiBjkJG,qCACA,eACA,CjBqkJH,sCiBjkJG,yBhBhoBI,CDqsKP,iCiB/jJC,4BACA,CjBmkJD,gBiB/jJC,4BACA,YACA,UACA,CjBmkJD,6IiBvjJG,ahB1oBc,CD2sKjB,uBiB7jJG,WjBgkJH,uCiB5jJG,mBhBzpBoB,UAThB,CDkuKP,6CiB5jJK,uCACA,CjB+jJL,8DiBvjJG,0BjB4jJH,aiBvjJC,4BACA,yBACA,kBACA,chBvqBgB,gBgByqBhB,qBACA,eACA,CjB2jJD,sBiBxjJG,gBACA,kBACA,QACA,KACA,CjB8jJH,gDiB7jJG,oCACA,kBACA,CjBokJH,0BiBjkJK,4CACA,iBACA,aACA,CjB8jJL,qDiBtjJK,0BhBntBE,uBgBqtBF,SACA,cACA,qBACA,WACA,eACA,gBACA,CjB0jJL,qMiBrjJO,UjB2jJP,wBiBtjJK,iCACA,WACA,CjByjJL,8DiBrjJK,cjBwjJL,ciBljJC,ejBsjJD,oBiBnjJG,mBjBsjJH,mBiBjjJC,6BACA,qBACA,WACE,YACA,QACA,CjBqjJH,0BiBhjJG,sBACA,CjBojJH,oBiB/iJC,8BACA,kBACA,chBxwBmB,gBgB0wBnB,uBACA,mBACA,oBACA,CjBmjJD,sBiB/iJC,8BACA,0BACA,CjBmjJD,0BiB/iJC,ahBvxBmB,CD00KpB,mBiB/iJC,6BACA,eACA,gBACA,uBACA,kBACA,CjBmjJD,oBiB/iJC,kCACA,iBACA,CjBmjJD,wBiBhjJG,iCACA,iCACA,iCACA,SACA,uCACA,+BjBmjJH,wBiB9iJC,cjBkjJD,4CiB/iJG,WjBkjJH,kDiB9iJG,0BjBijJH,4CiB7iJG,oBjBgjJH,qBiB3iJC,qBjB+iJD,iCiB5iJG,SjB+iJH,2CiB1iJG,qBjB8iJH,yCiB1iJG,mBjB6iJH,yCiBziJG,cjB4iJH,4BiBviJC,yBjB2iJD,0BiBviJC,wCACA,SACA,WACA,YACA,oBACA,sEACA,uBACA,CjB2iJD,sBiBviJC,gCACA,gBZ32BM,sBY62BN,eACA,eACA,gBACA,iBACA,CjB4iJD,iCIl3KG,qCACA,cACA,eACA,aACA,eACA,CJq3KH,4BiB9iJC,kCACA,sEACA,QACA,mCACA,sCACA,SACA,CjBkjJD,4CiB/iJG,gCACA,gDjBkjJH,wDiB5iJC,WhBv4BM,WgBw4BN,kBACA,UACA,yCACA,CjBijJD,8BiB7iJC,wBhB/4BM,SgBi5BN,kBACA,0CACA,QACA,WACA,CjBijJD,oEiB9iJG,cjBijJH,6BiB5iJC,sBACA,CjBgjJD,2BiB5iJC,iBACA,CjBgjJD,iBiB5iJC,4BACA,yBACA,kBACA,gBACA,eACA,CjBgjJD,uBiB7iJG,4BhB/5Bc,iBgBi6Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,cACA,CjBgjJH,2BiB7iJK,cjBgjJL,uBiB3iJG,sCAEA,aACA,sBACA,sBACA,CjB8iJH,0BiB3iJK,2BACA,CjB8iJL,yBiB1iJK,mChB77BY,egB+7BZ,CjB6iJL,+BiB1iJO,0BjB6iJP,yBiBviJG,uBACA,CjB0iJH,gDiBviJK,uBACA,CjB0iJL,6BiBtiJK,ahBj9BY,CD0/KjB,4BkB1gLC,mBlB8gLD,YkB1gLC,gDACA,oBACA,YACA,ClB8gLD,qBkB1gLC,qBACA,OACA,QACA,SACA,6BACA,ClB8gLD,uBkB1gLC,qBACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,4DlB8gLD,mBkB1gLC,iCACA,YACA,ClB8gLD,4CkBxgLC,mBjBzCmB,WAHb,kBiB8CN,gBACA,aACA,qBACA,ClB8gLD,yBkB1gLC,uBACA,gBACA,gBACA,ClB8gLD,6DkB3gLG,uBACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,4DlB8gLH,mBkBzgLC,uBACA,gBACA,iBACA,iBACA,ClB6gLD,uBkB1gLG,wBACA,OACA,WACA,YACA,sBACA,aACA,aACA,aAIA,UACA,yBACA,4DlB6gLH,0CkBlhLG,yCACA,sBACA,ClBwhLH,mBkBhhLC,8BAIA,ClB4gLD,oCkBxgLC,kBACE,uBACA,eACA,ClB4gLD,yBkBxgLC,uBACA,eACA,gBACA,aACA,ClB4gLD,CACF,kDkBvgLC,iCACA,aACA,YACA,ClB2gLD,0DkBxgLG,elB4gLH,sLkBvgLG,cjBlIiB,SiBmIjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,4BACA,ClB6gLH,8mBkBxgLK,sCACA,ClBohLL,wyEkB1gLO,WlBwiLP,qBkBjiLC,uBlBqiLD,wBkBjiLC,2BACA,mBACA,sBACA,ClBqiLD,uBkBjiLC,uBACA,mBACA,mBACA,aACA,cACA,ClBqiLD,6BkBliLG,mBlBqiLH,8BkBjiLG,iCACA,ClBoiLH,iCkB/hLC,uCAEA,ClBmiLD,yEkBhiLG,oBlBmiLH,wBkB9hLC,+BACA,ClBkiLD,2BkB/hLG,+BACA,WjBjNI,kBiBmNJ,ClBkiLH,0BkB9hLG,ajBjNsB,CDkvLzB,iGkB5hLK,clB+hLL,0CkB1hLG,clB6hLH,0BkBzhLG,6BjBlOiB,gBiBoOjB,kBACA,ClB4hLH,qCkBzhLK,gBlB4hLL,iCkBxhLK,mCjB1OoB,cAFL,kBiB+Of,eACA,eACA,ClB2hLL,2NkBvhLS,gBlBsiLT,mCkB9hLC,qBACA,ClBkiLD,kCkB3hLG,sCACA,ClBiiLH,qCkB9hLK,gCACA,iBACA,ClBiiLL,oCkB7hLK,gBlBgiLL,mCkB3hLG,sCACA,iBACA,ClB8hLH,ckBzhLC,iCACA,kBACA,ClB6hLD,qBkB1hLG,2BjBnSI,kBiBqSJ,yBACA,cACA,ClB6hLH,oBkBzhLG,mBjBtSsB,cAFL,gBiB0SjB,aACA,iBACA,ClB4hLH,4HkBnhLG,gBlB0hLH,oJkBthLG,iCjBzTiB,mBiB2TjB,kBACA,aACA,kBACA,eACA,qCACA,ClB4hLH,wPkBzhLK,oCACA,ClB+hLL,oNkB3hLK,mCACA,ClBiiLL,2CkB1hLG,+BACA,ClB8hLH,+CkB3hLK,wBACA,ClB8hLL,2DkB3hLO,clB8hLP,0DkB1hLO,elB6hLP,iDkBzhLO,kBlB4hLP,sDkBvhLK,gBlB0hLL,qDkBrhLG,UjB7WI,CDq4LP,2DkBnhLC,0BACE,+BACA,ClBuhLD,oJkBhhLC,iCACA,ClBuhLD,2CkBnhLC,mBlBuhLD,qDkBnhLC,0BACA,ClBuhLD,CACF,iBkBnhLC,oCACA,gBACA,gBACA,ClBshLD,yGkB7gLC,8BjBtZM,kBiBwZN,gBACA,eACA,YACA,kBACA,qBACA,ClBshLD,0QkBnhLG,cjBhZc,YiBiZd,eACA,WACA,eACA,eACA,ClB2hLH,mQkBvhLG,alB+hLH,yNkB3hLG,sBACA,ClBmiLH,kUkB/hLG,clBuiLH,uBkBjiLG,gBbvbI,iBaybJ,mBACA,ClBqiLH,gEkBviLG,2BjBtbiB,CDg+LpB,oDkB9hLC,8BACA,ClBmiLD,oEkBhiLG,oGACA,ClBoiLH,wIkB5hLC,2CACA,mBjBhdmB,aiBkdnB,gBACA,ClBmiLD,4JkBhiLG,+BACA,cjBvdiB,kBiBydjB,ClBsiLH,gLkBliLG,clBwiLH,4DkBliLC,elBuiLD,wDkBliLC,0BACA,ClBuiLD,YkBniLC,iBlBuiLD,0BkBniLC,sBlBuiLD,ckBniLC,0BACA,ClBuiLD,yBkBniLC,yCACA,ClBuiLD,oCkBziLD,yBAKI,8BACA,ClBwiLD,CACF,+CkBniLC,+BACA,ClBwiLD,oCkB3iLD,+CAMI,WlB0iLD,CACF,wBkBtiLC,8BACA,gBACA,gBACA,iBACA,ClB0iLD,2CkBviLG,ajBlhBsB,CD4jMzB,oCkBljLD,wBAYI,gBlB0iLD,CACF,uBkBtiLC,4CACA,eACA,ClB0iLD,yBkBviLG,gCACA,kBACA,ClB0iLH,qCkBtiLG,oCACA,WACA,WjB9iBI,gBICA,aaijBJ,oBACA,eACA,gBACA,UAEA,kBACA,yBACA,eACA,ClByiLH,2CkBtiLK,yBlByiLL,uCkBpiLG,kCACA,ClBuiLH,8CkBpiLK,WjBtkBE,ciBukBF,ClBuiLL,oCkB9kLD,uBA4CI,4BACA,OACA,ClBsiLD,uCkBniLG,kBlBsiLH,CACF,sBkBjiLC,alBqiLD,0CkBliLG,mBACA,ClBqiLH,ekBthLC,8BACA,ClB0hLD,uBkBpiLG,gCACA,ClBuiLH,sBkBniLG,6BACA,ClBsiLH,0CkB/hLG,gBlBkiLH,kBkB9hLG,8BACA,eACA,ClBiiLH,8BkB9hLK,6BlBiiLL,2BkB7hLK,SlBgiLL,mCkB3hLO,WjBhoBA,aiBioBA,kBACA,eACA,mBACA,oBACA,ClB8hLP,6EkB1hLS,gBlB8hLT,wWkBrhLW,mBjB5oBc,UANlB,CD+qMP,gJkBrhLS,kBlByhLT,gXkB7gLG,2CjBnqBiB,eiBqqBjB,eACA,ClBshLH,ksCkBjhLK,clBmiLL,oIkB9hLG,clBkiLH,sCkB7hLC,qCACA,oBACA,cAEA,ClBgiLD,wFkB7hLG,sBlBgiLH,4EkBzhLC,4BACA,iBACA,ClB+hLD,iGkB5hLG,gBlBiiLH,uoBkB7hLO,gBlBsjLP,akB/iLC,8BACA,ClBmjLD,gBkBhjLG,6BACA,eACA,iBACA,ClBmjLH,qCkB/iLG,alBkjLH,2CkB/iLK,mBlBkjLL,wDkB9iLK,gCACA,cACA,WACA,YACA,aACA,gDACA,mBjBzuBoB,WALlB,eiBivBF,eAEA,ClBijLL,0EkB9iLO,SlBijLP,uMkB3iLO,oBlB8iLP,8DkB1iLO,mBlB6iLP,oCkBtkLG,wDA6BI,elB6iLL,CACF,0DkBziLK,2BACA,gBACA,QACA,ClB4iLL,akBtiLC,iCACA,eACA,ClB0iLD,sBkBviLG,YlB0iLH,iBkBtiLG,+BACA,WACA,YACA,WACA,ClByiLH,sBkBriLG,8BACA,aACA,uCACA,sFACA,kBACA,uCACA,ClBwiLH,sBkBpiLG,6BACA,YACA,MACA,MACA,ClBuiLH,UmBx1MC,anB41MD,qCmBx1MC,4CnB41MD,mBmBx1MC,yCACA,iCACA,CnB41MD,8CmBz1MG,qBACA,CnB41MH,yBmBx1MG,oCACA,SACA,YACA,kBACA,aACA,WACA,UACA,WlBzBI,gBICA,ec2BJ,oBACA,eACA,CnB21MH,+BmBz1Ma,UnB41Mb,oCIh3MC,uCeqB4D,enB+1M3D,CACF,wCmBh2M6D,enBm2M7D,mBmB91MC,WlBtCM,mBkBuCN,mBlBnCsB,oCkBqCtB,iBACA,kBACA,eACA,eACA,CnBk2MD,qBmB/1MG,clB7CiB,gBkB8CjB,yBACA,CnBk2MH,kFmB91Ma,qBnBi2Mb,iBmB51MC,kCACA,aACA,kBlBzDsB,CD05MvB,wBmB71MG,iCACA,CnBg2MH,uCmB91MwB,UlBpEjB,CDq6MP,gCmB91MK,4BACA,CnBi2ML,0BmB51MG,gCACA,eAEA,iBACA,WlBjFI,qBkBmFJ,gBACA,iBACA,qBACA,kBACA,CnB+1MH,4BmB51MK,mBnB+1ML,uCmB71MoB,gBnBg2MpB,4BmB51MK,clB7Fe,oBkB8Ff,CnB+1ML,kCmB71Me,0BnBg2Mf,0CmB51MS,qBnB+1MT,+CmB71MgB,0BnBg2MhB,2BmBz1MG,uBACA,eACA,CnB41MH,uBmBv1MC,4BACA,OACA,CnB21MD,+GmBv1MG,oCnB21MH,uCmBr1MC,kBnB01MD,mHmBt1MK,oCACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WlB/IE,gBICA,eciJF,oBACA,YACA,oBACA,CnB01ML,yJmBv1MO,UnB21MP,qImBx1MkB,kBlBxJE,CDo/MpB,+HmB31Me,UnB+1Mf,oCI/+MC,+IeiJ8D,enBm2M7D,CACF,iJmBp2M+D,enBw2M/D,oCI9+MC,gSeyIM,sCACA,CnB22ML,CACF,2BmBr2MC,gCACA,SACA,UACA,WACA,eACA,CnBy2MD,0CmBt2MG,iCACA,WACA,YACA,clBhLiB,ekBkLjB,iBACA,kBACA,UACA,CnBy2MH,mCmBp2MC,gCACA,sBACA,SACA,0BACA,YACA,WACA,WlBnMM,mBAGa,sCkBmMnB,eACA,WACA,YACA,CnBw2MD,4CmBp2MC,cnBw2MD,yCmBp2MC,gCACA,mBACA,2BACA,kBACA,aACA,eACA,iBACA,gBACA,cACA,CnBw2MD,gMmBn2Mc,mBnBs2Md,oDmBl2MK,yBACA,iBACA,WACA,WACA,CnBq2ML,2EmB/1MgB,alB1OI,CD4kNpB,uBmB51MC,gBnBg2MD,gCmB71MG,gCACA,eACA,oBACA,YACA,eACA,CnBg2MH,6BmB31MC,sBACA,aACA,CnB+1MD,iCmB51MG,oCACA,aACA,WACA,wBACA,sBACA,4BACA,eACA,CnB+1MH,0CmB51MK,gCACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,clBpRe,gFkBsRf,eACA,oBACA,gBACA,UACA,UACA,2BACA,CnB+1ML,gDmB71Me,UdhSR,CLgoNP,qEmB71MO,yBlBjSa,CDkoNpB,gEmBj2MO,yBlBjSa,CDkoNpB,iEmBj2MO,yBlBjSa,CDkoNpB,uDmBj2MO,yBlBjSa,CDkoNpB,wCmB51MgB,0BnB+1MhB,iDmB11MgB,UnB61MhB,gCmBv1MC,+FACA,uBACA,8BACA,UACA,2BACA,CnB21MD,6CmBx1MG,4BlBzTiB,ekB2TjB,gBACA,aACA,mBACA,CnB21MH,0JmBt1MK,cnBy1ML,uCmBp1MG,UnBu1MH,iCmBl1MC,0BACA,clB9UmB,ekBgVnB,CnBs1MD,qCmBn1MG,gCACA,CnBs1MH,0CmBl1MG,cnBq1MH,+CmBl1MK,6BACA,gBACA,wBACA,CnBq1ML,oDmBj1MK,iCACA,kBACA,WACA,WACA,kBlBhWkB,CDqrNvB,6DmBj1MO,wBACA,OACA,WACA,kBACA,kBlB3WkB,CDgsNzB,yBmB70MC,WlBzXM,oBkB0XN,eACA,ed1XM,CL4sNP,mBmB70MC,6BACA,2CACA,0BACA,WACA,CnBi1MD,qBmB90MG,4CACA,cACA,YACA,iBACA,qBACA,CnBi1MH,sBmB70MG,kCACA,qBAGA,qCACA,QACA,YACA,sBACA,CnBg1MH,yCmBz0MK,+DACA,WlBhaE,mBAMkB,ekB6ZpB,CnB60ML,6CmBz0MO,6DACA,CnB40MP,sCmBr0MC,oCACA,uCACA,gBdhbM,gBckbN,+BACA,uBnBy0MD,4CmBr0MC,gCACA,aACA,WlB1bM,ckB4bN,CnBy0MD,qDmBt0MG,2BlB5biB,CDswNpB,uEmBv0MyB,iBnB00MzB,4DmBv0MK,yBlBrcE,ekBucF,CnB00ML,qGmBp0MG,mBlBvcsB,UANlB,CDqxNP,4PmBl0Mc,UlBndP,CD2xNP,yDmBp0MkB,mBnBu0MlB,qBmBn0MC,kCACA,mBACA,eACA,CnBu0MD,4BmBp0MG,yCACA,eACA,gBACA,CnBu0MH,8BmBn0MG,8BACA,eACA,iBACA,CnBs0MH,+BmBl0MG,sCACA,UACA,WACA,iBACA,CnBq0MH,iCmBj0MgB,adnfH,CLuzNb,+BoB3zNC,2BACA,iBACA,CpBw0ND,coBl0NC,8CACA,eACA,CpBg0ND,oCoB3zNC,yDACE,apB+zND,yHoB3zNC,mCpB8zND,CACF,sHoBvzNG,YpB6zNH,kCoBxzNC,gCACA,uBACA,WACA,CpB4zND,IoB5yNC,2BACA,sBACA,WACA,YACA,kBACA,CpB2zND,oCoBnzNC,iDAEE,mBpB2zND,CACF,oCoBtzNG,4BACE,qBACA,YACA,eACA,SACA,CpB0zNH,kCoBtzNG,sBpByzNH,uFoBpzNG,epBwzNH,CACF,6BoBt0NK,qBACA,YACA,eACA,SACA,CpBy0NL,mCoBr0NK,sBpBw0NL,yFoBn0NK,epBu0NL,oCoBj0NC,4BACE,UpBq0ND,sBoBj0NC,8BAGA,CpBo0ND,kCoBj0NG,kBpBo0NH,iCoBh0NG,mBpBm0NH,wCoB7zNG,kCACA,CpBg0NH,CACF,6BoBt1NG,UpB01NH,uBoBt1NG,8BAGA,CpBy1NH,mCoBt1NK,kBpBy1NL,kCoBr1NK,mBpBw1NL,yCoBl1NK,kCACA,CpBq1NL,oBoB/0NC,iCnBnHwB,emBqHxB,cACA,eACA,SACA,iBACA,aACA,SACA,SACA,CpBm1ND,0BoBh1NG,0BpBm1NH,4BoB90NC,4BACA,oBACA,cnBtIwB,emBwIxB,cACA,eACA,kBACA,SACA,CpBk1ND,kCoB/0NG,0BpBk1NH,uCoB90NG,mBpBi1NH,0BoB50NC,qCACA,CpBg1ND,0BoB50NC,kBpBg1ND,iCoB50NC,6BACA,eACA,aACA,kBACA,QACA,SACA,CpBg1ND,aoB50NC,8BnBjLM,cmBmLN,eACA,aACA,oBACA,CpBg1ND,mBoB70NG,mBpBg1NH,mBoB30NC,qCACA,CpB+0ND,mBoB30NC,mBnB9LwB,cAWR,iBmBqLhB,eACA,gBACA,yBACA,cACA,CpB+0ND,wBoB30NC,+BACA,CpB+0ND,sCoB30NK,yBACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,iFACA,CpB80NL,eoBx0NC,4BACA,mBACA,cACA,eACA,kBACA,UACA,UACA,eACA,CpB40ND,sBoBz0NG,qBACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,MACA,CpB40NH,2CoBx0NG,anBtPsB,CDikOzB,sBoBv0NG,uCpB00NH,2CoBv0NK,cnB7PoB,wCmB8PpB,CpB00NL,2CoBp0NG,UpBu0NH,QoBl0NC,8BACA,sBACA,aACA,sBACA,eACA,CpBs0ND,coBn0NG,0BACA,eACA,CpBs0NH,oBoBl0NG,kBnBxRsB,CD6lOzB,wBoBh0NC,yBACA,aACA,CpBo0ND,gCoBh0NC,kBpBo0ND,qEoBh0NC,4BACA,cnB1SmB,emB4SnB,eACA,cACA,CpBo0ND,iFoBj0NG,cpBo0NH,kLoB5zNK,WnB5TE,kBmB6TF,CpBm0NL,iFoB7zNG,4BpBg0NH,uCoB3zNC,iCACA,4BACA,CpB+zND,8CoB3zNG,yCACA,eACA,oBACA,CpB8zNH,yCoB1zNG,gBpB6zNH,+CoBvzNC,UpB2zND,4BoBvzNC,gCACA,gBACA,cnB9VmB,0DmBgWnB,SACA,CpB2zND,sCoBxzNG,uBACA,CpB2zNH,sCoBvzNG,kBpB0zNH,+BoBtzNG,gCACA,SACA,6BACA,aACA,CpByzNH,gCoBpzNG,gBpBuzNH,0CoBrzNK,uBACA,CpBwzNL,kCoBlzNC,+BACA,CpBszND,kCoBjzNG,cnBrYiB,yBmBsYjB,CpBqzNH,+BoBhzNC,YpBozND,2DoBjzNG,epBozNH,sEoBjzNK,gBpBozNL,sBoB9yNC,4CACA,gBACA,mBACA,MACA,CpBkzND,qBoB9yNC,qCACA,CpBkzND,sCoB7yNC,cnBxZgB,mBAXQ,kBmBqaxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,sBACA,CpBkzND,yBoB9zND,sCAcI,epBqzND,CACF,0CoBlzNG,cnBlbsB,oBmBmbtB,CpBszNH,sDoBnzNK,0BpBuzNL,coBjzNC,sBpBqzND,sCoB/yNG,mDACA,CpBmzNH,oCoBrzNC,qCACE,mDACA,CpByzND,CACF,oCoB5yND,mJAGI,sBpB+yND,CACF,oBoB1yNC,sCACA,2BACA,mBACA,kBACA,CpB+yND,0BoB5yNG,cpB+yNH,gCoB5yNK,4BACA,CpB+yNL,sCoB5yNO,UpB+yNP,iCoBzyNG,0BACA,CpB4yNH,wBoBvyNC,4BACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WfjgBM,kBemgBN,eACA,iBACA,qBACA,qCACA,CpB2yND,2FoBtyNG,mBpByyNH,wBqBtzOC,iCACA,gBACA,cpBcgB,mBAXQ,eoBAxB,aACA,cACA,mBACA,uBACA,YACA,CrB0zOD,4BqBvzOG,kCACA,aACA,CrB0zOH,gCqBtzOG,wBACA,wBACA,kBACA,QACA,SACA,uCACA,+BrByzOH,0CqBrzOG,iBrBwzOH,+BqBpzOG,iBrBuzOH,sCqBpzOK,iCACA,apBrBY,CD60OjB,oCqBnzOK,8BACA,CrBszOL,QsBj2OC,kBtBq2OD,esBj2OC,0ClBiDA,gCACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,QACA,CJuzOD,iCIpzOG,SJuzOH,4EIjzOG,oBJozOH,qBIhzOG,mBJmzOH,oCsB33OD,elB4EI,eJmzOD,CACF,kBsBv3OG,2BACA,WACA,UACA,qBACA,UACA,0BACA,eACA,WACA,YACA,crBlBiB,eqBoBjB,mBACA,CtB23OH,yBsBx3OK,8BACA,CtB23OL,yBsBt3OG,wDtBy3OH,gCsBt3OK,mDACA,uBtBy3OL,+BsBp3OG,wCACA,qCACA,CtBu3OH,sCsBp3OK,wDtBu3OL,qCsBn3OK,UrBnDE,CDy6OP,wBsB72OC,gCACA,CtBq3OD,wCsBz3OC,crBzCgB,mBqB0ChB,gCACA,eAGA,CtB83OD,gBsBr3OG,4BACA,cACA,CtBm3OH,oBsBh3OK,qCACA,CtBm3OL,csB92OG,gCACA,aACA,+BACA,CtBi3OH,yBsB92OK,gBtBi3OL,oBsB72OK,4BrB5EY,gBqB8EZ,uBACA,kBACA,CtBg3OL,2BsB72OO,gBtBg3OP,sBsB52OO,crBpGa,qBqBqGb,eACA,gBACA,cACA,gBACA,uBACA,kBACA,CtB+2OP,oGsBz2OW,0BtB42OX,uBsBr2OK,0BACA,eACA,iBACA,gBACA,kBACA,arB7He,CDs+OpB,yBsBp2OK,wBACA,CtBu2OL,8BsBp2OO,yBtBu2OP,UuBj/OD,yCCEE,4CACA,2CACA,WACA,WACA,CxBo/OD,cwBj/OG,WxBo/OH,6BwB/+OC,gBnBZM,kBmBaN,sCACA,kBACA,cACA,CxBm/OD,gDwBh/OG,4BxBm/OH,0DwB/+OG,WxBk/OH,kCwB7+OC,2BACA,WACA,cACA,CxBi/OD,wCwB7+OC,4BACA,SACA,UACA,gBnBtCM,kBmBwCN,sCACA,eACA,CxBi/OD,+CwB9+OG,6BACA,SACA,gBACA,sBACA,CxBi/OH,gKwB5+OK,6BxB++OL,0DwB1+OG,YxB6+OH,uBwBv+OG,4BxB2+OH,cwBt+OC,6BACA,iBACA,gBACA,WACA,UACA,cACA,CxB0+OD,yCwBt+OG,oBxBy+OH,kBwBr+OG,iEACA,cACA,WAEA,YACA,cACA,CxBw+OH,yEwBj+OK,8BACA,YxBo+OL,cyBrkPC,YzBykPD,yByBrkPC,mBAPS,kBAQT,aACA,CzBykPD,gCyBvkPG,yBzB0kPH,kCyBlkPG,qBACA,SACA,CzBskPH,0CyBlkPG,2BAEA,sBACA,YACA,4BACA,CzBokPH,4DyBhkPO,gCACA,iBACA,gBACA,CzBmkPP,gJyB/jPO,WzBkkPP,+DyB/jPO,qCACA,UACA,CzBkkPP,0CyB5jPG,gDACA,kBACA,YACA,eACA,CzB+jPH,iDyB5jPK,wEACA,YACA,SACA,UAAW,kBACX,WACA,yBACA,eACA,4CACA,sBACA,mBACA,CzBgkPL,4DyB7jPO,wBzBgkPP,4DyB5jPO,uBzB+jPP,uEyB3jPO,wCACA,CzB8jPP,Q0B9oPC,kCACA,aACA,sBACA,kBACA,iBACA,SACA,C1BkpPD,oB0B/oPG,kB1BkpPH,mB0B9oPG,mB1BipPH,oCIlpPC,sBsBI0D,U1BkpPzD,CACF,uB0BnpP2D,U1BspP3D,oC0BnpPG,qLAAiC,U1BupPlC,CACF,c0BppPG,gCACA,cACA,C1BupPH,oC0BnpPG,4BACE,qBACA,YACA,eACA,SACA,C1BspPH,CACF,6B0B3pPK,qBACA,YACA,eACA,SACA,C1B8pPL,wC0B1pPqC,Y1B6pPrC,gB0BzpPC,gCACA,mBACA,UACA,mBACA,cACA,C1B6pPD,kB0B1pPG,oCACA,oCACA,sBACA,YACA,cACA,czBpDiB,kByBsDjB,qBACA,cACA,C1B6pPH,kB0BzpPG,kC1B4pPH,gD0BxpPK,gCACA,kCACA,C1B2pPL,gB0BrpPC,qCACA,SACA,C1BypPD,oCI/sPC,6DsBwDkE,gB1B2pPjE,CACF,oCI/tPC,8BsBoE0D,e1B+pPzD,CACF,+B0BhqP2D,e1BmqP3D,sB0BhqPG,oCACA,SACA,YACA,4BACA,WACA,YACA,UACA,czBvFiB,mBAEK,eyBwFtB,oBACA,gBACA,C1BmqPH,4B0BhqPK,4BACA,C1BmqPL,sB0B9pPG,gCACA,SACA,WACA,WACA,YACA,czB1GiB,eyB4GjB,iBACA,SACA,C1BiqPH,0B0B9pPK,uCACA,MACA,SACA,OACA,QACA,UACA,eACA,oBACA,yBACA,C1BiqPL,iC0B7pPK,0CACA,uB1BgqPL,uC0B5pPK,wEACA,C1B+pPL,6C0B7pPe,UzBzIR,CDyyPP,wC0BzpPO,0CACA,wB1B4pPP,8C0BxpPO,+BACA,+BACA,uB1B2pPP,wBI9tPC,gBACA,yCAEA,gBACA,cHjEiB,sCGmEjB,CJkuPD,2BI/tPG,uCHtEe,eGwEf,gBACA,kBACA,CJkuPH,2BI9tPG,cJiuPH,2BI7tPG,mBJguPH,2BI5tPG,0BH7GI,CD60PP,iB0B3qPC,0BzB/JmB,CD+0PpB,mB0B5qPG,kCACA,C1B+qPH,yB0B3qPG,4BACA,C1B8qPH,uB0B1qPG,4BzB7KiB,gByB+KjB,mBACA,gBACA,sBACA,C1B6qPH,iB0BxqPC,mBzBrLwB,kByBsLxB,eACA,C1B4qPD,wB0BzqPG,czB/Kc,mByBgLd,aACA,gBACA,eACA,cACA,C1B4qPH,4B0BzqPK,qCACA,C1B4qPL,yB0BvqPG,kB1B0qPH,4B0BvqPK,mDACA,eACA,aACA,aACA,gBACA,eACA,azBtMY,CDi3PjB,gC0BvqPO,qCACA,C1B0qPP,6F0BpqPK,gB1BuqPL,kC0BnqPK,2BACA,czBnOe,oByBqOf,C1BsqPL,yH0BjqPO,uCACA,C1BoqPP,e0B3pPC,6BACA,C1BmqPD,8B0BtqPC,gCACA,gBAGA,YACA,C1BgrPD,e0B5qPC,wBACA,OACA,mBACA,sBAIA,gBAEA,WACA,WACA,C1BiqPD,sB0B9pPG,kBzBvQsB,CDw6PzB,yB0B5pPC,+1BACA,eACA,C1BgqPD,6B0B7pPG,oCACA,+GACA,uCACA,YACA,oBACA,eACA,yBACA,4D1BgqPH,mC0B5pPG,yBACA,YACA,YACA,cACA,C1B+pPH,e0B1pPC,kCACA,eACA,C1B8pPD,kB0B1pPC,iCACA,MACA,OACA,WACA,YACA,6BACA,C1B8pPD,mB2Bp9PC,mCACA,W1BDM,e0BGN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,WACA,C3Bw9PD,e2Bp9PC,gB1BdM,cAEa,S0BcnB,WACA,WACA,C3Bw9PD,gE2Bn9PG,c3Bs9PH,gC2Bl9PG,gB3Bq9PH,0BIt8PG,qCACA,cACA,eACA,aACA,eACA,CJy8PH,wB2Bv9PC,4BACA,C3B29PD,wB2Bv9PC,6BACA,eACA,C3B29PD,4B2Bv9PC,gCACA,W1B9CM,8B0BgDN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,2BACA,C3B29PD,0D2Br9PK,a3By9PL,uD2Bn9PK,U3Bs9PL,sB2Bh9PC,yBACA,qBACA,C3Bo9PD,2B2Bj9PG,gC1B9EiB,a0BgFjB,YACA,kBACA,C3Bo9PH,yD2B58PG,W3Bk9PH,e2B78PC,qCACA,gBACA,kBACA,kBACA,WACA,YACA,C3Bi9PD,0BI9gQG,qCACA,cACA,eACA,aACA,eACA,CJihQH,qB2Bn9PC,kCACA,cACA,WACA,kBACA,kBACA,eACA,C3Bu9PD,iC2Bp9PG,gB3Bu9PH,oE2Bl9PK,2CACA,C3Bq9PL,+B2Bh9PG,etBlII,CLqlQP,+B2B98PC,6BACA,qBACA,c1BtImB,a0BwInB,C3Bk9PD,kE2B98PG,uBACA,sBACA,oD3Bk9PH,kG2B/8PK,gCACA,gD3Bm9PL,qB2B78PC,4BACA,kBACA,WACA,aACA,sBACA,C3Bi9PD,oC2B78PC,2BACA,WACA,kBACA,UACA,sBACA,6EACA,4D3Bi9PD,oD2B98PG,gCACA,gD3Bi9PH,qC2B58PC,sDACA,gBACA,iBACA,C3Bi9PD,a2B78PC,iCACA,iBACA,C3Bi9PD,a2B78PC,uBACA,iBACA,C3Bi9PD,oC2B98PG,uBACA,aACA,mBACA,sBACA,C3Bi9PH,0C2B98PK,etBxJwB,cAEC,CLwmQ9B,8C2B38PC,wBACA,OACA,QACA,QACA,C3B09PD,yB2Bj9PC,kDACA,mBACA,C3B+8PD,2B2B58PG,oB3B+8PH,yD2B38PG,U3B88PH,2D2B38PK,oB3B88PL,kB2Bx8PC,oDACA,SACA,W1BpPM,e0BsPN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,QACA,C3B48PD,wB2Bx8PC,O3B48PD,yB2Bx8PC,Q3B48PD,yB2Bx8PC,6BACA,kBACA,OACA,YACA,mBACA,C3B48PD,uB2Bx8PC,qB3B48PD,qB2Bx8PC,sBtBvRM,YsBwRN,WACA,kBACA,YACA,UACA,SACA,WACA,C3B48PD,6B2Bx8PC,wB1B7RwB,CDyuQzB,oB2Bx8PC,4BACA,QACA,WACA,C3B48PD,oK2Br8PG,Y3B48PH,kF2Bx8PG,Y3B48PH,c2Bt8PC,kCACA,gBtB5TM,csB8TN,C3B08PD,oB2Bv8PG,U3B08PH,+B2Bt8PG,sBACA,C3By8PH,yBIpuQG,qCACA,cACA,eACA,aACA,eACA,CJuuQH,oB2B38PG,gCACA,UACA,iBACA,C3B88PH,yB2B18PG,2CACA,QACA,C3B68PH,+B2B18PK,mDACA,qBACA,qBACA,C3B68PL,2B2Bv8PK,4FACA,QACA,mCACA,2B3B08PL,wB2Br8PG,4BACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,2BACA,C3Bw8PH,+B2Br8PK,U3Bw8PL,4E2Bj8PK,kB3Bq8PL,uB2Bh8PG,+BACA,MACA,OACA,WACA,YACA,UACA,SACA,gBtBxYI,cJGa,gB0BwYjB,mBACA,C3Bm8PH,8B2Bh8PK,iCACA,C3Bm8PL,6G2B97PO,c3Bi8PP,8B2B57PK,4BACA,C3B+7PL,iC2B37PK,6BACA,eACA,C3B87PL,2B2Bz7PG,2CACA,mBACA,C3B47PH,uB2Bx7PG,kCACA,gBACA,sBACA,C3B27PH,mC2Bv7PO,e3B07PP,oC2Bp7PO,gB3Bu7PP,8B2Bl7PK,wCACA,eACA,SACA,yBACA,C3Bq7PL,6G2Bh7PO,UtBtcA,CLy3QP,8E2B36PG,8BACA,C3B86PH,4B2B16PG,WtBndI,gBsBodJ,C3B66PH,wB2Bz6PG,iCACA,C3B46PH,kD2Bv6PG,UtB9dI,CLw4QP,sB2Bt6PG,2BACA,cACA,C3By6PH,6B2Bt6PK,sBACA,8BACA,C3B+6PL,4D2B96PK,gCACA,kBACA,WACA,UACA,WACA,C3Bk7PL,+B2Bx6PK,mB3Bw6PL,8B2Bp6PK,4BACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,mBACA,C3Bu6PL,oB2Bl6PG,2BACA,iBACA,C3Bq6PH,2B2Bl6PK,sBACA,+BACA,kBACA,cACA,kBACA,WACA,QACA,C3Bq6PL,0D2Bh6PK,gCACA,WACA,kBACA,SACA,kBACA,C3Bm6PL,4B2B/5PK,8B3Bk6PL,4B2B95PK,4BACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,mBACA,C3Bi6PL,yF2Bx5PO,U3B85PP,4G2Br5PK,oCACA,C3Bw5PL,qB2Bj5PC,kDACA,wBACA,eACA,eACA,kBACA,SAIA,aACA,C3Bk5PD,gCIj8QG,qCACA,cACA,eACA,aACA,eACA,CJo8QH,+B2Bt5PC,yCACA,eACA,SACA,YACA,kBACA,QACA,uCACA,+B3B05PD,gB4B//QC,gCACA,mBACA,kBACA,QACA,SACA,WACA,C5BmgRD,kB4B//QC,+BACA,gBACA,qBACA,8BACA,eACA,iBACA,yBACA,WACA,2BACA,C5BmgRD,uC4BjgR0B,U5BogR1B,a6BzhRC,mB5BKwB,sB4BJxB,kBACA,uCACA,YACA,eACA,C7B6hRD,oC6BniRD,aASI,U7B8hRD,CACF,gB6B3hRG,kCACA,gBACA,eACA,kBACA,yBACA,C7B8hRH,4B6B1hRG,Y7B6hRH,4B6BzhRG,0B7B4hRH,qC6BzhRK,+DACA,uBACA,C7B4hRL,uB6BvhRG,gB7B0hRH,iD6BrhRK,qB7BwhRL,8B6BnhRG,e7BshRH,qB6BlhRG,gB7BqhRH,Y6BhhRC,mB5BjDwB,sB4BkDxB,kBACA,uCACA,YACA,eACA,C7BohRD,oC6B1hRD,YASI,U7BqhRD,CACF,qB6BlhRG,mB7BqhRH,mB6BjhRG,+BACA,0BACA,eACA,C7BohRH,kB6BhhRG,4CACA,C7BmhRH,2B6B/gRG,a7BkhRH,gC6B9gRG,8BACA,qBACA,eACA,YACA,C7BihRH,Y8BrmRC,oCACA,U7BPM,CDinRP,0B8B/mRG,sCACA,C9BmnRH,8B8B3mRG,Y9B8mRH,gB8BzmRC,uB9B6mRD,4B8B1mRG,mDACA,4BACA,kB7BlBiB,CDgoRpB,2B8BzmRG,mDACA,+BACA,YACA,C9B4mRH,oB8BvmRC,2CACA,cACA,c7BjCmB,a6BmCnB,C9B2mRD,mB8BvmRC,yBACA,kBACA,iBACA,gBACA,8BACA,cACA,C9B2mRD,yB8BxmRG,c9B2mRH,4B8BtmRC,a7BlDwB,CD4pRzB,kC8BvmRG,c9B0mRH,mD8BtmRG,S9BymRH,uB8BpmRC,8BACA,OACA,WACA,WACA,wBACA,C9BwmRD,sB8BnmRG,gCACA,cACA,C9BumRH,wB8BnmRG,iCACA,C9BsmRH,mB8BjmRC,+BACA,gBACA,kBACA,gBzB5FM,qByB8FN,C9BqmRD,qG8BjmRG,oC9BomRH,mB8B9lRC,2CzBxGM,CL4sRP,yB8BhmRG,+BACA,gBACA,oBACA,cACA,WACA,6BACA,W7BnHI,yB6BqHJ,iBACA,C9BmmRH,2C8BhmRK,S9BmmRL,0G8B7lRK,oB9BgmRL,uC8B1lRC,e9B8lRD,4C8B3lRG,4BACA,iBACA,C9B8lRH,oD8B1lRG,qBACA,kBACA,MACA,OACA,WACA,YACA,mCACA,kBACA,C9B6lRH,2B8BxlRC,4BACA,wBACA,gBACA,KACA,C9B4lRD,gC8BzlRG,yBACA,gBACA,gBACA,ezBpKI,CLiwRP,kB8BvlRC,uCACA,WACA,C9B2lRD,uB8BxlRG,sBACA,C9B2lRH,uB8BtlRC,iCACA,iBACA,a7BjKiB,CD4vRlB,kD8BvlRG,a9B0lRH,oD8BtlRG,gB9BylRH,sD8BrlRG,a9BwlRH,oB8BnlRC,a9BulRD,uB+BhyRC,+BACA,mBACA,mBACA,W9BHM,kB8BKN,YACA,WACA,gBACA,iBACA,eACA,C/BoyRD,2D+BjyRG,4BACA,C/BoyRH,kF+BhyRG,oCACA,eACA,C/BmyRH,8F+BhyRK,yBACA,KACA,C/BmyRL,iC+B9xRG,2B9B3BiB,CD6zRpB,0B+B7xRG,+BACA,iBACA,kBACA,C/BgyRH,0B+B5xRG,+BACA,iBACA,gBACA,kBACA,C/B+xRH,yC+B1xRC,gCACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,yBACA,C/B8xRD,2D+B3xRG,8BACA,C/B8xRH,+C+B1xRG,kB9BhEiB,CD61RpB,gD+BzxRG,mB9BjEsB,UANlB,CDo2RP,oG+BxxRG,mB1BzEQ,UJHJ,CDw2RP,mC+BtxRC,+BACA,eACA,iBACA,eACA,C/B0xRD,6B+BtxRC,wBACA,kBACA,YACA,eACA,C/B0xRD,mC+BtxRC,kB/B0xRD,2F+BrxRC,kCACA,C/B0xRD,oC+BtxRC,mCACE,wBACA,C/B0xRD,yC+BtxRC,a/B0xRD,2D+BvxRG,a/B0xRH,CACF,mBgC/4RG,gCACA,gBACA,iBACA,ChCk5RH,kBgC94RG,W/BRI,e+BSJ,gBACA,ChCi5RH,oBgC94RK,W/BbE,yB+BcF,ChCi5RL,qBgC74RK,8BACA,gBACA,ChCg5RL,oDgC54RK,uBACA,gBACA,+BACA,ChC+4RL,MiC16RC,8BACA,CjC86RD,SiC36RG,qCACA,WACA,CjC86RH,aiC16RG,wBACA,OACA,YACA,qBACA,kBACA,kBACA,CjC66RH,qBiC16RK,kBhCboB,CD07RzB,YiCx6RG,uCACA,cACA,iBACA,eACA,mBACA,gBACA,sBACA,CjC26RH,+DiCv6RK,ajC26RL,+BiCv6RK,cjC06RL,6BiCr6RK,iCACA,eACA,WhC9CE,cgCgDF,UACA,oBACA,gB5BjDE,sB4BmDF,kBACA,gBACA,CjCy6RL,mCiCt6RO,oBhCnDkB,CD49RzB,uBiCp6RK,ejCu6RL,qBiCn6RK,gCACA,gBACA,CjCs6RL,aiCj6RG,uCACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,qBACA,CjCo6RH,sBiCj6RK,kBjCo6RL,oBiCh6RK,qB5BxFU,mBL4/Rf,ciC95RG,gCACA,gBACA,eACA,gBACA,CjCi6RH,ciC75RG,mCACA,ahCzFc,CD0/RjB,YiC55RG,sCACA,UACA,SACA,SACA,chClGc,0BgCoGd,iBACA,CjC+5RH,uDiC15RK,qBjC65RL,ciCx5RG,2BACA,kBACA,cACA,CjC25RH,4BiCt5RC,0BjC05RD,+BiCv5RG,ajC05RH,0CiCt5RG,uCACA,aACA,kBACA,CjCy5RH,kGiCr5RK,uBACA,CjCy5RL,qDiCp5RG,+BACA,iBACA,YACA,oBACA,chC9IkB,qCgCiJlB,CjCu5RH,+BiCn5RG,+BACA,CjCs5RH,2CiCn5RK,sCACA,gBACA,CjCs5RL,mCiCj5RG,mFACA,eACA,WhCnLI,qBgCqLJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,yBAEA,CjCo5RH,kDiCh5RG,WjCm5RH,aiC94RC,ahCtLgB,CDwkSjB,oBiC/4RG,gCjCk5RH,4BiC/4RK,+BjCk5RL,WkCzlSC,uCANc,cAQd,iBACA,ClC6lSD,qCkCjmSD,WAOI,yBACA,ClC8lSD,CACF,iBkC1lSC,uCAEA,eACA,iBACA,cjClBmB,kBiCoBnB,ClC8lSD,mBkC3lSG,cjCpBsB,yBiCqBtB,ClC8lSH,uCkCzlSG,uCAEA,eACA,iBACA,mBACA,ajClCiB,CDgoSpB,2CkC1lSK,cjCnCoB,yBiCoCpB,ClC8lSL,6DkC1lSK,gBlC8lSL,4CkCxlSG,6BACA,ClC4lSH,oBkCxlSG,sCACA,iBACA,gBACA,mBACA,ajC1DiB,CDspSpB,0BkCxlSK,qCACA,eACA,gBACA,aACA,ClC2lSL,oBkCrlSG,+BACA,ClC4lSH,wCkC9lSG,uCAGA,mBACA,ajC3EiB,CD6qSpB,oBkC5lSG,+BACA,ClC2lSH,oBkCnlSG,elC2lSH,wCkC5lSG,wCAEA,gBACA,mBACA,ajC7FiB,CD6rSpB,oBkC1lSG,elC0lSH,oBkCllSG,sCACA,iBACA,gBACA,mBACA,ajC/GiB,CDqsSpB,wCkChlSG,iBlColSH,wDkCjlSK,4BlCqlSL,wDkCjlSK,4BlCqlSL,oBkChlSG,gBlCmlSH,oBkC/kSG,mBlCklSH,8CkC7kSG,elCilSH,oBkC7kSG,oBACA,SACA,0CACA,aACA,ClCglSH,2BkC7kSK,mBACA,ClCglSL,mBkC1kSC,iCACA,ClC8kSD,kCkC3kSG,qCACA,ClC8kSH,6BkC1kSG,2CACA,cACA,ClC6kSH,4BkCzkSG,kCACA,eACA,iBACA,WjCjLI,iBiCmLJ,iBACA,ClC4kSH,oEkCxkSK,clC4kSL,4CkCvkSO,ajC1La,CDowSpB,mCkCrkSK,uCACA,eACA,gBACA,ClCwkSL,oCkChmSC,4BA4BI,kBlCwkSH,CACF,0BkCpkSG,8BACA,sBACA,mBACA,uBAEA,0BACA,QACA,YACA,ClCukSH,wCkCpkSK,sCACA,iBACA,gBACA,cjCzNe,mBiC2Nf,mBACA,gCACA,uBACA,mBACA,eACA,ClCukSL,uFkCnkSO,6BACA,ClCukSP,0CkCnkSO,qBlCskSP,0BkChkSG,kBlCmkSH,kCI/ySC,WACA,YACA,4C8BiPI,ClCqkSL,sCkClkSO,yBACA,YACA,mB9B9PN,iBACA,mDACA,CJq0SD,gCkClkSK,elCqkSL,kCkClkSO,yBjCxQA,oBiC0QA,ClCqkSP,sDkCjkSW,0BlCokSX,0CkC9jSO,2BjCjRa,CDm1SpB,iCkCxjSG,uCAEA,eACA,iBACA,mBACA,ajChSiB,CD81SpB,qCkC1jSK,cjCjSoB,yBiCkSpB,ClC8jSL,iBkCzjSG,wBACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,aACA,ClC4jSH,iBkCxjSG,sCACA,iBACA,gBACA,mBACA,ajC1TiB,CDs3SpB,uBkCxjSK,qCACA,eACA,gBACA,aACA,ClC2jSL,iBkCrjSG,+BACA,ClC4jSH,kCkC9jSG,uCAGA,mBACA,ajC3UiB,CD64SpB,iBkC5jSG,+BACA,ClC2jSH,iBkCnjSG,elC2jSH,kCkC5jSG,wCAEA,gBACA,mBACA,ajC7ViB,CD65SpB,iBkC1jSG,elC0jSH,iBkCljSG,sCACA,iBACA,gBACA,mBACA,ajC/WiB,CDq6SpB,kCkChjSG,iBlCojSH,kDkCjjSK,4BlCqjSL,kDkCjjSK,4BlCqjSL,iBkChjSG,gBlCmjSH,iBkC/iSG,mBlCkjSH,wCkC7iSG,elCijSH,iBkC7iSG,oBACA,SACA,0CACA,aACA,ClCgjSH,wBkC7iSK,mBACA,ClCgjSL,gDkC1iSG,alC6iSH,8BkCziSG,qCACA,kBACA,gBACA,qBACA,ClC4iSH,mCkCziSK,wBACA,2BACA,iBACA,8BACA,kBACA,ClC4iSL,sDkCxiSK,sCACA,oBACA,ClC2iSL,kFkCxiSO,4BACA,ClC2iSP,oCkCljSG,sDAWI,wCACA,ClC2iSL,CACF,2CkCviSK,4BACA,ClC0iSL,oCkC5iSG,2CAKI,alC2iSL,CACF,oBkCtiSG,kBlCyiSH,wBkCtiSK,uBACA,sBACA,ClCyiSL,2BkCpiSG,oCACA,ClCuiSH,sCkCpiSK,gBlCuiSL,kCkCniSK,6BACA,ClCsiSL,oCkCliSK,yBACA,ClCqiSL,kDkCliSO,gCACA,gBACA,ClCqiSP,yFkC/hSW,qBlCkiSX,+EkC7hSS,elCgiST,oDkC3hSO,2BACA,ClC8hSP,4CInhTC,WACA,YACA,0BJyhTD,kDkC3hSO,elC8hSP,2DkC3hSS,elC8hST,oCkCxhSK,oCACE,gBlC2hSL,CACF,oCkCtlSC,2BA+DI,kBlC2hSH,CACF,iFkCrhSG,yCjCvhBsB,kBiCyhBtB,iCACA,ClCyhSH,sBkCrhSG,+BACA,WACA,WACA,ClCwhSH,0BkCrhSK,uBACA,ClCwhSL,sCkClhSK,4BACA,mBACA,kBACA,ClCqhSL,oCkCjhSK,sCACE,mBlCohSL,CACF,qCkChhSK,ajC1jBe,CD6kTpB,oCkC/gSK,2BjCjkBE,eiCmkBF,ClCkhSL,yFkC5gSS,ajCtkBW,CDwlTpB,8CkC5gSK,gBlC+gSL,oBkC1gSG,mBlC6gSH,wBkC1gSK,uBACA,eACA,YACA,iBACA,ClC6gSL,oCkCvgSK,gDACE,mBlC0gSL,wCkCtgSK,gCACA,WACA,iBACA,ClCygSL,sDkCtgSO,kBlCygSP,CACF,oCkCngSG,8BACE,clCsgSH,sCkCngSK,iBlCsgSL,qDkClgSK,mBlCqgSL,4EkC//RG,clCmgSH,CACF,mBkC//RG,YlCkgSH,SkC7/RC,oBlCigSD,oCkClgSD,SAII,gBlCkgSD,CACF,gBkC//RG,oCACA,mBACA,YACA,ClCkgSH,oBkC//RK,YlCkgSL,oCkCzgSC,gBAWI,4BACA,ClCkgSH,CACF,oBkC9/RG,uCACA,gBACA,eACA,ClCigSH,sBkC7/RG,+BACA,ClCggSH,yBkC7/RK,sCACA,gBACA,eACA,ajC7qBe,CD8qTpB,4BkC5/RK,gCACA,ClC+/RL,8BkC3/RK,mBjCrrBoB,aiCsrBpB,0BACA,YACA,ClC8/RL,sCkC3/RO,alC8/RP,+BkCz/RK,8BACA,ClC4/RL,sDkCz/RO,+BACA,ClC4/RP,gDkCx/RO,uBACA,yBACA,ClC2/RP,+BkCt/RK,alCy/RL,sCkCt/RO,sCACA,gBACA,aACA,ClCy/RP,oCkCr/RO,4BjC5tBa,CDqtTpB,sFkCl/RG,6BjCnuBiB,CDguTpB,6BkCv/RG,gCACA,kBAEA,ClCo/RH,ekCh/RG,8BACA,aACA,kDACA,aACA,ClCm/RH,oCkCx/RC,eAQI,kDACA,ClCo/RH,6BkCj/RK,wBACA,qBACA,ClCo/RL,yCkCj/RO,qBACA,ClCo/RP,0CkCh/RO,gCACA,QACA,aACA,ClCm/RP,oCkC9+RK,WlCi/RL,0BkC7+RK,gBlCg/RL,CACF,oCkCnhSC,eAuCI,WlCg/RH,4BkC7+RK,8BACA,eACA,ClCg/RL,0GkC3+RO,gBlC8+RP,sFkCv+RK,gClC4+RL,0BkCx+RK,alC2+RL,+BkCx+RO,gBlC2+RP,oEkCv+RS,+BACA,ClC0+RT,0CkCt+RS,gBlCy+RT,CACF,OkCj+RC,sCACA,ClCq+RD,gBkCj+RC,gCACA,aACA,UACA,YACA,cjCx0BsB,qBiC00BtB,cACA,ClCq+RD,oCkC7+RD,gBAWI,2BACA,gBACA,ajCp0Bc,CD2yTf,CACF,OmC5zTC,0BACA,iBACA,wBACA,CnCg0TD,oBmC5zTG,6BACA,mBACA,6BACA,gBACA,kBACA,CnCg0TH,mBmC5zTG,sDACA,aACA,eACA,CnC+zTH,mBmC3zTG,gBnC8zTH,oEmCzzTG,kBlCvBsB,CDm1TzB,SmCxzTG,clC1BsB,yBkC2BtB,CnC2zTH,emCxzTK,qBnC2zTL,cmCtzTG,gBnCyzTH,4HmCrzTO,gBnCo0TP,8FmC3zTO,uBnC8zTP,wFmCvzTO,anC0zTP,+BmCnzTK,mBlC/DoB,6BkCgEpB,+BACA,CnCszTL,2CmCnzTO,mDACA,CnCszTP,0CmClzTO,sDACA,CnCqzTP,yBmC/yTG,sBnCkzTH,emC7yTC,gCACA,CnCizTD,KmC7yTC,gCnCizTD,yBmC7yTC,gCACA,YACA,CnCizTD,6CmC5yTC,0CACA,iBACA,eACA,clC1GmB,ekC4GnB,CnCizTD,yDmC9yTG,UlClHI,CDo6TP,uDmC9yTG,gCACA,CnCkzTH,qEmC9yTG,enCkzTH,wCmC3yTG,anC+yTH,wDmC5yTK,uCACA,eACA,eACA,CnC+yTL,oEmC5yTO,enC+yTP,0EmC3yTO,+BACA,CnC8yTP,sFmC3yTS,anC8yTT,oCmC7zTG,wDAoBI,anC6yTL,CACF,oHmCvyTK,oCACA,CnC2yTL,sBmCtyTG,4ClChKsB,sBkCkKtB,YACA,kBACA,CnCyyTH,+BmCtyTK,mCACA,CnCyyTL,oCmClzTC,sBAaI,anCyyTH,CACF,kBmCryTG,sCACA,kBACA,CnCwyTH,oCmCryTK,8BACE,6BnCwyTL,CACF,wBmCpyTK,mBnCuyTL,gCmCnyTK,kBlChMoB,CDs+TzB,sCmCnyTO,mBnCsyTP,2BmCjyTK,oCACA,CnCoyTL,qCmCjyTO,UnCoyTP,8BmC9xTG,cnCiyTH,qCmC9xTK,gBnCiyTL,2BmC5xTG,sCACA,eACA,CnC+xTH,oCmClyTC,2BAMI,6BnCgyTH,CACF,oCmC5xTG,+CACE,anC+xTH,CACF,eoCtgUC,oCACA,WACA,CpC0gUD,gCoCvgUG,2BACA,mBnCLsB,amCOtB,wBACA,CpC0gUH,wBoCtgUG,YAjBY,YAkBZ,UACA,eACA,CpCygUH,8BoCtgUK,+BACA,YACA,YACA,CpCygUL,oCoCrgUK,sCACE,apCwgUL,CACF,2BoCpgUK,0CACA,gBACA,kBACA,CpCugUL,oCoC3gUG,2BAOI,gBpCwgUL,CACF,6BoCrgUO,2BACA,cnC5Ca,qBmC8Cb,0BACA,yBACA,CpCwgUP,kCoCrgUS,iBpCwgUT,mCoCpgUS,WnC1DF,yBmC2DE,yBACA,CpCugUT,sCoCngUS,wCACA,CpCsgUT,8BoCjgUO,2CACA,QACA,CpCogUP,gCoCjgUS,0BACA,CpCogUT,4DoC//TO,WnCjFA,yBAMkB,gBmC6ElB,eACA,CpCkgUP,kEoC//TS,yBpCkgUT,4DoC5/TK,0BpC+/TL,gCoC1/TG,4BACA,CpC6/TH,wBoCz/TG,gBAtGY,2BAyGZ,CpC4/TH,oCoChgUC,wBAOI,qCAEA,CpC6/TH,CACF,2BoC1/TK,cnChHe,emCiHf,iBACA,gBACA,oBACA,gCACA,kBACA,CpC6/TL,2BoCz/TK,cnC1He,emC2Hf,iBACA,gBACA,kBACA,CpC4/TL,2BoCx/TK,wCACA,gBACA,cnCpIe,mBmCsIf,kBACA,+BACA,CpC2/TL,2BoCv/TK,6BnC5Ie,iBmC8If,eACA,CpC0/TL,yCoCt/TK,WnCtJE,emCuJF,CpCy/TL,sFoCp/TK,gBpCw/TL,+DoCp/TK,cpCu/TL,2CoCn/TK,+BACA,WnCrKE,oBmCuKF,iBACA,gBACA,kBACA,CpCs/TL,0BoCl/TK,gCACA,cnC5Ke,kBmC8Kf,CpCq/TL,iCoCl/TO,WnCpLA,emCqLA,CpCq/TP,2NoCj/TW,gBpCggUX,2BoCz/TK,oBACA,SACA,0CACA,aACA,CpC4/TL,kCoCz/TO,mBACA,CpC4/TP,oCoCv/TK,anC1Me,CDosUpB,sCoCv/TO,anC1MkB,CDosUzB,uCoCr/TK,c/BnNU,e+BoNV,CpCw/TL,uCoCp/TK,c/BvNM,e+BwNN,CpCu/TL,sCoCn/TK,cnC/MY,emCgNZ,CpCs/TL,oCoCntUD,eAkOI,8BACA,gCACA,CpCq/TD,gEoCj/TG,0BACA,gBACA,CpCq/TH,wBoCj/TG,qBACA,WACA,CpCo/TH,CACF,SoC/+TC,2BACA,CpCm/TD,wBoCh/TG,kCACA,CpCm/TH,mCoCh/TK,mBpCm/TL,2BoC/+TK,8BACA,CpCk/TL,8BoC/+TO,qCACA,CpCk/TP,+BoC7+TK,yCACA,cACA,CpCg/TL,iNoC5+TS,gBpC2/TT,0BoCr/TK,mCnCxRe,qBmC0Rf,yBACA,eACA,gBACA,+BACA,CpCw/TL,gCoCr/TO,WnCpSA,+BmCqSA,CpCw/TP,mCoCp/TO,cnCnSkB,+BmCoSlB,CpCu/TP,gBoCh/TC,+BACA,cACA,CpCo/TD,qBoCh/TC,6BACA,aACA,CpCo/TD,uBoCj/TG,cpCo/TH,iBoC/+TC,4BACA,kBACA,CpCm/TD,uBoC/+TC,wBACA,sBACA,YACA,CpCm/TD,8BoCh/TG,mCACA,gBACA,eACA,iBACA,anC9UiB,CDk0UpB,4MoC/+TO,gBpC8/TP,qCoCx/TG,cpC2/TH,+BoCr/TC,+BACA,CpC0/TD,iEoCv/TG,6BACA,2BACA,CpC2/TH,+EoCx/TK,kBpC4/TL,iDoCr/TC,2BACA,qBACA,CpC0/TD,2EoCv/TG,0BACA,kBACA,kBACA,CpC2/TH,sEoCr/TC,epC0/TD,gBoCt/TC,4BACA,iBACA,CpC0/TD,0CoCv/TG,iCACA,CpC0/TH,6BoCt/TG,mBpCy/TH,8CoCr/TG,iBpCw/TH,sDoCr/TK,oCACA,WACA,CpCw/TL,WoCl/TC,iCACA,CpCs/TD,aoCn/TG,cnC3ZsB,oBmC4ZtB,CpCs/TH,mBoCn/TK,0BpCs/TL,QoCh/TC,cpCo/TD,WoCh/TC,mCACA,CpCo/TD,mBoCj/TG,wCACA,mBACA,aACA,mBnCjbsB,cAFL,0BmCsbjB,eACA,iBACA,CpCo/TH,mBoCh/TG,kBpCm/TH,2BoCh/TK,uBACA,kBACA,WACA,WACA,CpCm/TL,oBoC9+TG,4BpCi/TH,kBoC7+TG,qBpCg/TH,sBoC5+TG,anCncc,CDk7UjB,mBoC3+TG,6CACA,aACA,cnCtdiB,gCmCwdjB,eACA,qBACA,eACA,CpC8+TH,iBoC1+TG,iCACA,anCndc,CDi8UjB,0BoCz+TG,2BACA,WACA,WACA,YACA,iBACA,CpC4+TH,mCoCz+TK,kB/B9eU,CL09Uf,mCoCx+TK,mBpC2+TL,kCoCv+TK,kBnClfoB,CD49UzB,qDoCn+TG,cnC5fiB,qBmC6fjB,eACA,CpCw+TH,qBoCp+TG,cpCu+TH,yBoCn+TG,anCtgBiB,CD4+UpB,qBoCl+TG,a/B3gBY,CLg/Uf,wDoC79TC,kCnClhBmB,CDu/UpB,gGoCj+TG,gBpCu+TH,wIoCl+TK,0CACA,CpCw+TL,gIoCp+TK,gEACA,CpC0+TL,qBoCn+TC,+BACA,CpCw+TD,qCoCr+TG,+BAEA,iBACA,CpCy+TH,yDoCp+TK,gEACA,CpCw+TL,eoCl+TC,gDACA,CpCs+TD,wBoCn+TG,yB/BhkBY,CLsiVf,wBoCl+TG,0BpCq+TH,uBoCj+TG,yB/BrkBQ,CLyiVX,uBoC/9TG,2CACA,iBACA,4BACA,kBACA,eACA,CpCm+TH,yBoCh+TK,anCplBe,CDujVpB,sBoC79TG,yBpCi+TH,oBoC79TG,anCjlBc,CDijVjB,aoC39TC,mBnCjmBwB,kBmCkmBxB,kBACA,CpC+9TD,sBoC59TG,2CACA,mBACA,YACA,CpC+9TH,+BoC59TK,kBACA,CpC+9TL,+CoC59TO,cpC+9TP,6BoC19TK,8BACA,cnCxnBe,yBmC0nBf,gBACA,CpC69TL,+BoC19TO,kCACA,CpC69TP,gHoCx9TS,cpC29TT,kCoCt9TO,a/BzoBI,CLkmVX,4BoCl9TK,wCACA,4BACA,CpCq9TL,kCoCl9TO,mBpCq9TP,+EoCh9TO,2BACA,sBACA,YACA,anC7pBa,CDinVpB,kLoC/8TS,mCACA,sBACA,CpCo9TT,qCoC/8TO,0CACA,CpCk9TP,2CoC/8TS,cnChqBQ,iBmCiqBR,eACA,CpCk9TT,uCoC78TO,oCACA,WACA,aACA,qBACA,anCxrBa,CDyoVpB,UoCz8TC,mBpC+8TD,yBoC98TC,sCACA,CpCq9TD,eoCj9TC,qCACA,qBAGA,CpC68TD,ypDqCxpVC,0QrC4pVD,sIqC9oVG,crCmpVH,wIqC9oVG,crCkpVH,oIqC7oVG,crCipVH,4IqC5oVG,crCgpVH,SsC/qVC,ctCmrVD,+BsChrVG,gCACA,kBACA,CtCmrVH,6BsC/qVG,+BACA,CtCkrVH,kEsC9qVG,+BACA,CtCirVH,0DsC5qVG,8BACA,CtCgrVH,kFsC5qVG,8BACA,CtC+qVH,kCsC3qVG,8BACA,CtC8qVH,wBsC1qVG,oCACA,CtC6qVH,2BsCzqVG,oBACA,CtC4qVH,iCsCxqVG,kBACA,kBACA,cACA,CtC2qVH,0CsCvqVG,8BACA,CtC0qVH,yCsCtqVG,+BACA,CtCyqVH,kCsCrqVG,YtCwqVH,qCsCpqVG,gCACA,CtCuqVH,wCsCnqVG,WtCsqVH,gCsClqVG,8BACA,CtCqqVH,8BsCjqVG,WtCoqVH,yBsChqVG,oBACA,CtCmqVH,yDsC9pVG,oCACA,CtCkqVH,2GsC7pVG,iCACA,CtCiqVH,sCsC7pVG,iCACA,CtCgqVH,0BsC5pVG,+BACA,CtC+pVH,uCsC3pVG,qBACA,CtC8pVH,wDsC1pVG,oBACA,CtC6pVH,oFsCppVG,iBACA,CtC2pVH,sGsCtpVG,WtC0pVH,oFsCtpVG,2BACA,gBACA,CtCypVH,kFsCrpVG,8BACA,CtCwpVH,sCsClpVK,+BACA,CtCqpVL,iEsClpVO,8BACA,CtCqpVP,oCsC/oVG,2BACA,gBACA,CtCkpVH,sCsC9oVG,YtCipVH,qCsC7oVG,+BACA,CtCgpVH,yCsC5oVG,+BACA,CtC+oVH,0CsC3oVG,gCACA,WACA,CtC8oVH,wEsCzoVG,8BACA,CtC6oVH,gBsCxoVG,yBtC4oVH,gBsCxoVG,6BACA,CtC2oVH,wBsCvoVG,ctC0oVH,6EsCroVG,8BACA,CtCyoVH,mDsCroVG,iCACA,CtCwoVH,+DsCpoVG,iCACA,CtCuoVH,8KsC7nVG,iBACA,CtCqoVH,wDsCjoVG,iCACA,CtCooVH,sDsChoVG,kCACA,CtCmoVH,oDsC/nVG,iBACA,CtCkoVH,6FsC7nVG,iCACA,CtCioVH,2CsC7nVG,mBACA,CtCgoVH,iDsC7nVK,kBACA,oEACA,CtCgoVL,6BsC3nVG,uXtC8nVH,sCsCznVG,iBtC6nVH,iCsCznVG,+BACA,CtC4nVH,+CsCxnVG,oBACA,CtC2nVH,+DsCvnVG,ctC0nVH,sDsCtnVG,sBACA,CtCynVH,sDsCrnVG,qBACA,CtCwnVH,sDsCpnVG,qBACA,CtCunVH,iDsCnnVG,OtCsnVH,yCsClnVG,0CACA,CtCqnVH,oDsCjnVG,+BACA,CtConVH,oCsChnVG,kCAEE,kCACA,CtCmnVH,0DsChnVK,mCACA,CtConVL,sEsC7mVK,kCACA,CtCinVL,CACF,4CsC1mVO,8BACA,CtC6mVP,qDsCxmVK,+BACA,CtC2mVL,2DsCrmVK,8BACA,CtCwmVL,6DsCpmVK,+BACA,CtCumVL,kCsClmVG,gCACA,gBACA,CtCqmVH,iCsCjmVG,YtComVH,kCsChmVG,YtCmmVH,mCsC/lVG,8BACA,CtCkmVH,+EsC9lVG,iCACA,CtCimVH,8DsC7lVG,iBACA,CtCgmVH,qBuCr+VC,4BACA,kBAEA,CvCy+VD,yBuCt+VG,uCACA,cACA,kBACA,CvCy+VH,wDuCr+VK,gCACA,iBACA,CvCw+VL,2BuCp+VK,mCACA,aACA,CvCu+VL,oGuCl+VO,mBvCq+VP,qDuC99VG,kCACA,eACA,iBACA,WtCpCI,uBsCsCJ,mBACA,gBACA,CvCi+VH,2BuC79VG,evCg+VH,4BuC59VG,6BtC7CiB,kBsC+CjB,eACA,CvC+9VH,oBuC19VC,4BACA,aACA,CvC89VD,wBuC39VG,mCACA,CvC89VH,4BuC39VK,cvC89VL,qCuCz9VG,ctCnEiB,gBsCoEjB,oBACA,CvC49VH,uBwCjiWC,kBvCEwB,CDmiWzB,4EwC9hWG,mBxCoiWH,+CwCjiWK,kBvCRoB,CD4iWzB,uCwC7hWG,iBxCiiWH,sCwC7hWG,kBxCgiWH,sBwC3hWC,mBxC+hWD,uDwC5hWG,wDxC+hWH,sCwC1hWC,mBxC8hWD,uEwC3hWG,wDxC8hWH,oBwCvhWG,gBxC2hWH,yCwCthWC,mDxC0hWD,ewCthWC,kBvCnDwB,CD6kWzB,yBwCthWC,k2BxC0hWD,mCwCvhWG,sGxC0hWH,gDwCjhWG,mBxCqhWH,sDwClhWK,uCACA,CxCqhWL,8EwCrgWC,kBvCvFwB,CDsmWzB,2BwCzgWG,yBvC7FsB,CD0mWzB,0BwCzgWG,wBvCjGsB,CD6mWzB,6BwCxgWG,2BvCrGsB,CDgnWzB,4BwCvgWG,0BvCzGsB,CDmnWzB,uBwCngWG,mBvChHsB,aAFL,CD0nWpB,0EwC//VG,cxCmgWH,4FwCjgWgB,mBxCogWhB,gIwCjgWK,cxCogWL,sHwCpgWK,cxCogWL,wHwCpgWK,cxCogWL,oGwCpgWK,cxCogWL,6BwC//VG,mCACA,CxCkgWH,gCwC//VK,axCkgWL,mHwC1/VK,avChJkB,CDgpWvB,6CwCx/VC,cxC4/VD,0JwCv/VG,UnChKI,CL0pWP,uCwCr/VC,cxCy/VD,kEwCt/VG,cxCy/VH,6DwCz/VG,cxCy/VH,8DwCz/VG,cxCy/VH,oDwCz/VG,cxCy/VH,0BwCp/VC,4BxCw/VD,+CwCl/VG,avC9KsB,CDqqWzB,gBwCl/VC,qBxCs/VD,4BwCn/VG,mBxCs/VH,yBwCj/VC,oDvC5LwB,CDkrWzB,mCwCj/VC,mBxCq/VD,gMwC7+VG,mBxCi/VH,oBwC5+VC,kBvChNmB,CDgsWpB,qEwC5+VC,mBxCg/VD,2FwC5+VC,mBxCg/VD,oIwCp+VC,kBvClOwB,CDktWzB,6JwCx+VC,mBxCg/VD,o3DwCz+VK,sBxC0gWL,sCwClgWC,cxCugWD,sBwCjgWC,evCnQM,CDwwWP,+BwCjgWK,avCpQkB,CDwwWvB,wBwC3/VG,evChRI,CD+wWP,oGwCp/VO,UvC5RA,CDsxWP,yDwC7+VO,avCtSa,CDuxWpB,0CwC3+VO,UvC/SA,CD6xWP,4CwCz+VK,avCjTe,CD6xWpB,4DwCx+VK,UvCxTE,CDmyWP,oBwCp+VC,UnC9TM,CLsyWP,yCwCr+VG,SnCjUI,CLyyWP,gGwCh+VG,gBxCs+VH,oEwC79VK,mBxCm+VL,mDwCh+VO,gBxCm+VP,gHwC39VS,UnC7VF,CL4zWP,0CwCv9VC,0CxC29VD,+LwC98VC,6F","file":"skins/glitch/mastodon-light/common.css","sourcesContent":[".app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n background-color: darken($ui-highlight-color, 3%);\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: $primary-text-color;\n cursor: pointer;\n display: inline-block;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n height: 36px;\n letter-spacing: 0;\n line-height: 36px;\n overflow: hidden;\n padding: 0 16px;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n text-decoration: none;\n text-overflow: ellipsis;\n transition: all 100ms ease-in;\n white-space: nowrap;\n width: auto;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-highlight-color, 7%);\n transition: all 200ms ease-out;\n }\n\n &--destructive {\n transition: none;\n\n &:active,\n &:focus,\n &:hover {\n background-color: $error-red;\n transition: none;\n }\n }\n\n &:disabled {\n background-color: $ui-primary-color;\n cursor: default;\n }\n\n &.button-primary,\n &.button-alternative,\n &.button-secondary,\n &.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n }\n\n &.button-alternative {\n color: $inverted-text-color;\n background: $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-primary-color, 4%);\n }\n }\n\n &.button-alternative-2 {\n background: $ui-base-lighter-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-base-lighter-color, 4%);\n }\n }\n\n &.button-secondary {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n color: $darker-text-color;\n text-transform: none;\n background: transparent;\n padding: 3px 15px;\n border-radius: 4px;\n border: 1px solid $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n border-color: lighten($ui-primary-color, 4%);\n color: lighten($darker-text-color, 4%);\n }\n\n &:disabled {\n opacity: 0.5;\n }\n }\n\n &.button--block {\n display: block;\n width: 100%;\n }\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: $action-button-color;\n border: none;\n background: transparent;\n cursor: pointer;\n transition: color 100ms ease-in;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($action-button-color, 7%);\n transition: color 200ms ease-out;\n }\n\n &.disabled {\n color: darken($action-button-color, 13%);\n cursor: default;\n }\n\n &.active {\n color: $highlight-text-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &.inverted {\n color: $lighter-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: darken($lighter-text-color, 7%);\n }\n\n &.disabled {\n color: lighten($lighter-text-color, 7%);\n }\n\n &.active {\n color: $highlight-text-color;\n\n &.disabled {\n color: lighten($highlight-text-color, 13%);\n }\n }\n }\n\n &.overlayed {\n box-sizing: content-box;\n background: rgba($base-overlay-background, 0.6);\n color: rgba($primary-text-color, 0.7);\n border-radius: 4px;\n padding: 2px;\n\n &:hover {\n background: rgba($base-overlay-background, 0.9);\n }\n }\n}\n\n.text-icon-button {\n color: $lighter-text-color;\n border: none;\n background: transparent;\n cursor: pointer;\n font-weight: 600;\n font-size: 11px;\n padding: 0 3px;\n line-height: 27px;\n outline: 0;\n transition: color 100ms ease-in;\n\n &:hover,\n &:active,\n &:focus {\n color: darken($lighter-text-color, 7%);\n transition: color 200ms ease-out;\n }\n\n &.disabled {\n color: lighten($lighter-text-color, 20%);\n cursor: default;\n }\n\n &.active {\n color: $highlight-text-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n}\n\n.dropdown-menu {\n position: absolute;\n transform-origin: 50% 0;\n}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n\n img,\n svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n }\n}\n\n.ellipsis {\n &::after {\n content: \"…\";\n }\n}\n\n.notification__favourite-icon-wrapper {\n left: 0;\n position: absolute;\n\n .fa.star-icon {\n color: $gold-star;\n }\n}\n\n.star-icon.active {\n color: $gold-star;\n}\n\n.bookmark-icon.active {\n color: $red-bookmark;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n\n &:hover {\n color: $primary-text-color;\n text-decoration: underline;\n }\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n display: block;\n height: 18px;\n font-size: 16px;\n font-weight: 500;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n span {\n display: block;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n &:hover {\n strong {\n text-decoration: underline;\n }\n }\n\n &.inline {\n padding: 0;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n strong {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n }\n\n span {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n }\n }\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n .image-loader__preview-canvas {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n background: url('~images/void.png') repeat;\n object-fit: contain;\n }\n\n .loading-bar {\n position: relative;\n }\n\n &.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n }\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n width: auto;\n height: auto;\n object-fit: contain;\n }\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid darken($ui-secondary-color, 8%);\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n ul {\n list-style: none;\n }\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n\n &.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: $ui-secondary-color;\n }\n\n &.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: $ui-secondary-color;\n }\n\n &.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: $ui-secondary-color;\n }\n\n &.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: $ui-secondary-color;\n }\n}\n\n.dropdown-menu__item {\n a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus,\n &:hover,\n &:active {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n outline: 0;\n }\n }\n}\n\n.dropdown--active .dropdown__content {\n display: block;\n line-height: 18px;\n max-width: 311px;\n right: 0;\n text-align: left;\n z-index: 9999;\n\n & > ul {\n list-style: none;\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n min-width: 140px;\n position: relative;\n }\n\n &.dropdown__right {\n right: 0;\n }\n\n &.dropdown__left {\n & > ul {\n left: -98px;\n }\n }\n\n & > ul > li > a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus {\n outline: 0;\n }\n\n &:hover {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n }\n }\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.static-content {\n padding: 10px;\n padding-top: 20px;\n color: $dark-text-color;\n\n h1 {\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 40px;\n text-align: center;\n }\n\n p {\n font-size: 13px;\n margin-bottom: 20px;\n }\n}\n\n.tabs-bar {\n display: flex;\n background: lighten($ui-base-color, 8%);\n flex: 0 0 auto;\n overflow-y: auto;\n}\n\n.tabs-bar__link {\n display: block;\n flex: 1 1 auto;\n padding: 15px 10px;\n color: $primary-text-color;\n text-decoration: none;\n text-align: center;\n font-size: 14px;\n font-weight: 500;\n border-bottom: 2px solid lighten($ui-base-color, 8%);\n transition: all 200ms linear;\n\n .fa {\n font-weight: 400;\n font-size: 16px;\n }\n\n &.active {\n border-bottom: 2px solid $ui-highlight-color;\n color: $highlight-text-color;\n }\n\n &:hover,\n &:focus,\n &:active {\n @include multi-columns('screen and (min-width: 631px)') {\n background: lighten($ui-base-color, 14%);\n transition: all 100ms linear;\n }\n }\n\n span:last-child {\n margin-left: 5px;\n display: none;\n }\n}\n\n@include multi-columns('screen and (min-width: 631px)', $parent: null) {\n .tabs-bar {\n display: none;\n }\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform; // improves perf in mobile Chrome\n\n &.optionally-scrollable {\n overflow-y: auto;\n }\n\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n &--flex {\n display: flex;\n flex-direction: column;\n }\n\n &__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n }\n}\n\n.scrollable.fullscreen {\n @supports(display: grid) { // hack to fix Chrome <57\n contain: none;\n }\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: $ui-base-color;\n transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n position: absolute;\n width: 14px;\n height: 10px;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n left: 8px;\n opacity: 0;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n opacity: 1;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n right: 10px;\n opacity: 1;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n opacity: 0;\n}\n\n.react-toggle-thumb {\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n position: absolute;\n top: 1px;\n left: 1px;\n width: 22px;\n height: 22px;\n border: 1px solid $ui-base-color;\n border-radius: 50%;\n background-color: darken($simple-background-color, 2%);\n box-sizing: border-box;\n transition: all 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n left: 27px;\n border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started {\n background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n position: relative;\n overflow-y: auto;\n}\n\n.getting-started {\n background: $ui-base-color;\n flex: 1 0 auto;\n\n p {\n color: $secondary-text-color;\n }\n\n a {\n color: $dark-text-color;\n }\n\n &__panel {\n height: min-content;\n }\n\n &__panel,\n &__footer {\n padding: 10px;\n padding-top: 20px;\n flex: 0 1 auto;\n\n ul {\n margin-bottom: 10px;\n }\n\n ul li {\n display: inline;\n }\n\n p {\n color: $dark-text-color;\n font-size: 13px;\n\n a {\n color: $dark-text-color;\n text-decoration: underline;\n }\n }\n\n a {\n text-decoration: none;\n color: $darker-text-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n }\n}\n\n.column-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: $ui-base-color;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n\n thead {\n position: absolute;\n left: -9999px;\n }\n\n td {\n padding: 0 10px 8px;\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: lighten($ui-base-color, 8%);\n border: 1px solid darken($ui-base-color, 4%);\n }\n}\n\n.setting-text {\n color: $darker-text-color;\n background: transparent;\n border: none;\n border-bottom: 2px solid $ui-primary-color;\n box-sizing: border-box;\n display: block;\n font-family: inherit;\n margin-bottom: 10px;\n padding: 7px 0;\n width: 100%;\n\n &:focus,\n &:active {\n color: $primary-text-color;\n border-bottom-color: $ui-highlight-color;\n }\n\n @include limited-single-column('screen and (max-width: 600px)') {\n font-size: 16px;\n }\n\n &.light {\n color: $inverted-text-color;\n border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n &:focus,\n &:active {\n color: $inverted-text-color;\n border-bottom-color: $ui-highlight-color;\n }\n }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n background-position: 0 0;\n height: 19px;\n transition: background-position 0.9s steps(10);\n transition-duration: 0s;\n vertical-align: middle;\n width: 22px;\n\n &::before {\n display: none !important;\n }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n transition-duration: 0.9s;\n background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n color: $action-button-color;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n color: darken($action-button-color, 13%);\n}\n\n.load-more {\n display: block;\n color: $dark-text-color;\n background-color: transparent;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n text-decoration: none;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n}\n\n.load-gap {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n bottom: -1px;\n padding-left: 15px; // space for the box shadow to be visible\n\n z-index: 999;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n\n display: flex;\n\n .wrappy {\n width: $dismiss-overlay-width;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: lighten($ui-base-color, 8%);\n border-left: 1px solid lighten($ui-base-color, 20%);\n box-shadow: 0 0 5px black;\n border-bottom: 1px solid $ui-base-color;\n }\n\n .ckbox {\n border: 2px solid $ui-primary-color;\n border-radius: 2px;\n width: 30px;\n height: 30px;\n font-size: 20px;\n color: $darker-text-color;\n text-shadow: 0 0 5px black;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &:focus {\n outline: 0 !important;\n\n .ckbox {\n box-shadow: 0 0 1px 1px $ui-highlight-color;\n }\n }\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.loading-indicator {\n color: $dark-text-color;\n font-size: 12px;\n font-weight: 400;\n text-transform: uppercase;\n overflow: visible;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n span {\n display: block;\n float: left;\n margin-left: 50%;\n transform: translateX(-50%);\n margin: 82px 0 0 50%;\n white-space: nowrap;\n }\n}\n\n.loading-indicator__figure {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 42px;\n height: 42px;\n box-sizing: border-box;\n background-color: transparent;\n border: 0 solid lighten($ui-base-color, 26%);\n border-width: 6px;\n border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes loader-figure {\n 0% {\n width: 0;\n height: 0;\n background-color: lighten($ui-base-color, 26%);\n }\n\n 29% {\n background-color: lighten($ui-base-color, 26%);\n }\n\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n\n@keyframes loader-label {\n 0% { opacity: 0.25; }\n 30% { opacity: 1; }\n 100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n display: none;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n top: 4px;\n z-index: 100;\n\n &.spoiler-button--visible {\n display: block;\n }\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n color: $darker-text-color;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.setting-radio {\n display: block;\n line-height: 18px;\n}\n\n.setting-radio__label {\n margin-bottom: 0;\n}\n\n.column-settings__row legend {\n color: $darker-text-color;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-top: 10px;\n}\n\n.setting-radio__input {\n vertical-align: middle;\n}\n\n.setting-meta__label {\n float: right;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n transform-origin: center center;\n animation-timing-function: ease-out;\n }\n\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n\n.pulse-loading {\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n align-items: center;\n background: rgba($base-overlay-background, 0.8);\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n z-index: 2000;\n\n * {\n pointer-events: none;\n }\n}\n\n.upload-area__drop {\n width: 320px;\n height: 160px;\n display: flex;\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n}\n\n.upload-area__background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: $secondary-text-color;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed $ui-base-lighter-color;\n border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.loading-bar {\n background-color: $ui-highlight-color;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.icon-badge-wrapper {\n position: relative;\n}\n\n.icon-badge {\n position: absolute;\n display: block;\n right: -.25em;\n top: -.25em;\n background-color: $ui-highlight-color;\n border-radius: 50%;\n font-size: 75%;\n width: 1em;\n height: 1em;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\nnoscript {\n text-align: center;\n\n img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n }\n\n div {\n font-size: 14px;\n margin: 30px auto;\n color: $secondary-text-color;\n max-width: 400px;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n}\n\n@keyframes flicker {\n 0% { opacity: 1; }\n 30% { opacity: 0.75; }\n 100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n","@charset \"UTF-8\";\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nhtml {\n scrollbar-color: #ccd7e0 rgba(255, 255, 255, 0.1);\n}\n\n::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #ccd7e0;\n border: 0px none #ffffff;\n border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c6d2dc;\n}\n\n::-webkit-scrollbar-thumb:active {\n background: #ccd7e0;\n}\n\n::-webkit-scrollbar-track {\n border: 0px none #ffffff;\n border-radius: 0;\n background: rgba(255, 255, 255, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n background: #d9e1e8;\n}\n\n::-webkit-scrollbar-track:active {\n background: #d9e1e8;\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n\nbody {\n font-family: sans-serif, sans-serif;\n background: #f2f5f7;\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n color: #000000;\n text-rendering: optimizelegibility;\n font-feature-settings: \"kern\";\n text-size-adjust: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n}\nbody.system-font {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif, sans-serif;\n}\nbody.app-body {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0;\n background: #d9e1e8;\n}\nbody.app-body.with-modals--active {\n overflow-y: hidden;\n}\nbody.lighter {\n background: #d9e1e8;\n}\nbody.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n}\nbody.with-modals--active {\n overflow-y: hidden;\n margin-right: 13px;\n}\nbody.embed {\n background: #ccd7e0;\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: #e6ebf0;\n position: fixed;\n width: 100%;\n height: 100%;\n padding: 0;\n}\nbody.error {\n position: absolute;\n text-align: center;\n color: #282c37;\n background: #d9e1e8;\n width: 100%;\n height: 100%;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\nbody.error .dialog {\n vertical-align: middle;\n margin: 20px;\n}\nbody.error .dialog img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n}\nbody.error .dialog h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\nbutton:focus {\n outline: none;\n}\n\n.app-holder, .app-holder > div {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n}\n\n.container-alt {\n width: 700px;\n margin: 0 auto;\n margin-top: 40px;\n}\n@media screen and (max-width: 740px) {\n .container-alt {\n width: 100%;\n margin: 0;\n }\n}\n\n.logo-container {\n margin: 100px auto 50px;\n}\n@media screen and (max-width: 500px) {\n .logo-container {\n margin: 40px auto 0;\n }\n}\n.logo-container h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.logo-container h1 img {\n height: 42px;\n margin-right: 10px;\n}\n.logo-container h1 a {\n display: flex;\n justify-content: center;\n align-items: center;\n color: #000000;\n text-decoration: none;\n outline: 0;\n padding: 12px 16px;\n line-height: 32px;\n font-family: sans-serif, sans-serif;\n font-weight: 500;\n font-size: 14px;\n}\n\n.compose-standalone .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n}\n@media screen and (max-width: 400px) {\n .compose-standalone .compose-form {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n}\n@media screen and (max-width: 440px) {\n .account-header {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n}\n.account-header .avatar {\n width: 40px;\n height: 40px;\n width: 40px;\n height: 40px;\n background-size: 40px 40px;\n margin-right: 8px;\n}\n.account-header .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n}\n.account-header .name {\n flex: 1 1 auto;\n color: #282c37;\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: #c0cdd9;\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: #b3c3d1;\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: #282c37;\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: #000000;\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: #a6b9c9;\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: #99afc2;\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: #282c37;\n}\n.public-layout .public-account-header.inactive .logo-button svg path:last-child {\n fill: #282c37;\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: white;\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: #ccd7e0;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60px;\n border-radius: 0 0 4px 4px;\n z-index: -1;\n}\n.public-layout .public-account-header__bar .avatar {\n display: block;\n width: 120px;\n height: 120px;\n width: 120px;\n height: 120px;\n background-size: 120px 120px;\n padding-left: 16px;\n flex: 0 0 auto;\n}\n.public-layout .public-account-header__bar .avatar img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid #ccd7e0;\n background: #f2f5f7;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n margin-top: 0;\n background: #ccd7e0;\n border-radius: 0 0 4px 4px;\n padding: 5px;\n }\n .public-layout .public-account-header__bar::before {\n display: none;\n }\n .public-layout .public-account-header__bar .avatar {\n width: 48px;\n height: 48px;\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n padding: 7px 0;\n padding-left: 10px;\n }\n .public-layout .public-account-header__bar .avatar img {\n border: 0;\n border-radius: 4px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n }\n}\n@media screen and (max-width: 600px) and (max-width: 360px) {\n .public-layout .public-account-header__bar .avatar {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header__bar {\n border-radius: 0;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n flex-wrap: wrap;\n }\n}\n.public-layout .public-account-header__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n}\n.public-layout .public-account-header__tabs__name {\n padding-top: 20px;\n padding-bottom: 8px;\n}\n.public-layout .public-account-header__tabs__name h1 {\n font-size: 20px;\n line-height: 27px;\n color: #000000;\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: #000000;\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: #282c37;\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: #282c37;\n padding: 10px;\n border-right: 1px solid #ccd7e0;\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 #2b90d9;\n opacity: 1;\n}\n.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after {\n border-bottom-color: #282c37;\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: #000000;\n font-family: sans-serif, sans-serif;\n}\n.public-layout .public-account-header__tabs__tabs .spacer {\n flex: 1 1 auto;\n height: 1px;\n}\n.public-layout .public-account-header__tabs__tabs__buttons {\n padding: 7px 8px;\n}\n.public-layout .public-account-header__extra {\n display: none;\n margin-top: 4px;\n}\n.public-layout .public-account-header__extra .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n}\n.public-layout .public-account-header__extra .public-account-bio .account__header__fields {\n border-top: 1px solid #b3c3d1;\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: #282c37;\n}\n.public-layout .public-account-header__extra__links a {\n display: inline-block;\n color: #282c37;\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: #000000;\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: #c0cdd9;\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: #217aba;\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: #000000;\n}\n.public-layout .public-account-bio__extra,\n.public-layout .public-account-bio .roles {\n padding: 20px;\n font-size: 14px;\n color: #282c37;\n}\n.public-layout .public-account-bio .roles {\n padding-bottom: 0;\n}\n.public-layout .static-icon-button {\n color: #606984;\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 #c0cdd9;\n }\n .public-layout .card-grid > div {\n width: 100%;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid #c0cdd9;\n }\n .public-layout .card-grid > div:last-child {\n border-bottom: 0;\n }\n .public-layout .card-grid > div .card__bar {\n background: #d9e1e8;\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: #ccd7e0;\n }\n}\n\n.no-list {\n list-style: none;\n}\n.no-list li {\n display: inline-block;\n margin: 0 5px;\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n}\n.recovery-codes li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n}\n\n.modal-layout {\n background: #d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233C5063\"/></svg>') repeat-x bottom fixed;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n}\n\n.modal-layout__mastodon {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-end;\n}\n.modal-layout__mastodon > * {\n flex: 1;\n max-height: 235px;\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n.public-layout .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: #6d8ca7;\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: #6d8ca7;\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: #282c37;\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: #6d8ca7;\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: #6d8ca7;\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: #60829f;\n}\n\n.compact-header h1 {\n font-size: 24px;\n line-height: 28px;\n color: #282c37;\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: #282c37;\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: #d9e1e8;\n padding: 20px;\n border-radius: 0 0 4px 4px;\n font-size: 15px;\n color: #282c37;\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: #131419;\n}\n.hero-widget__text a {\n color: #282c37;\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: #282c37;\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: #d9e1e8;\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: #d9e1e8;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n}\n\n.contact-widget {\n font-size: 15px;\n color: #282c37;\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: #000000;\n text-decoration: none;\n}\n\n.moved-account-widget {\n padding: 15px;\n padding-bottom: 20px;\n border-radius: 4px;\n background: #d9e1e8;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n color: #282c37;\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: #282c37;\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: #282c37;\n margin-bottom: 10px;\n}\n\n.page-header {\n background: #c0cdd9;\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: #000000;\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: #282c37;\n}\n@media screen and (max-width: 415px) {\n .page-header {\n margin-top: 0;\n background: #ccd7e0;\n }\n .page-header h1 {\n font-size: 24px;\n }\n}\n\n.directory {\n background: #d9e1e8;\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: #d9e1e8;\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: #c0cdd9;\n}\n.directory__tag.active > a {\n background: #2b90d9;\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: #000000;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__tag h4 .fa {\n color: #282c37;\n}\n.directory__tag h4 small {\n display: block;\n font-weight: 400;\n font-size: 15px;\n margin-top: 8px;\n color: #282c37;\n}\n.directory__tag.active h4,\n.directory__tag.active h4 .fa,\n.directory__tag.active h4 small {\n color: #000000;\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: #2b90d9;\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: #f2f5f7;\n border: 2px solid #d9e1e8;\n}\n.avatar-stack .account__avatar:nth-child(1) {\n z-index: 1;\n}\n.avatar-stack .account__avatar:nth-child(2) {\n z-index: 2;\n}\n.avatar-stack .account__avatar:nth-child(3) {\n z-index: 3;\n}\n\n.accounts-table {\n width: 100%;\n}\n.accounts-table .account {\n padding: 0;\n border: 0;\n}\n.accounts-table strong {\n font-weight: 700;\n}\n.accounts-table thead th {\n text-align: center;\n text-transform: uppercase;\n color: #282c37;\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 #c0cdd9;\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: #000000;\n}\n.accounts-table__count small {\n display: block;\n color: #282c37;\n font-weight: 400;\n font-size: 14px;\n}\n.accounts-table__comment {\n width: 50%;\n vertical-align: initial !important;\n}\n@media screen and (max-width: 415px) {\n .accounts-table tbody td.optional {\n display: none;\n }\n}\n\n@media screen and (max-width: 415px) {\n .moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n margin-bottom: 0;\n box-shadow: none;\n border-radius: 0;\n }\n}\n\n.statuses-grid {\n min-height: 600px;\n}\n@media screen and (max-width: 640px) {\n .statuses-grid {\n width: 100% !important;\n }\n}\n.statuses-grid__item {\n width: 313.3333333333px;\n}\n@media screen and (max-width: 1255px) {\n .statuses-grid__item {\n width: 306.6666666667px;\n }\n}\n@media screen and (max-width: 640px) {\n .statuses-grid__item {\n width: 100%;\n }\n}\n@media screen and (max-width: 415px) {\n .statuses-grid__item {\n width: 100vw;\n }\n}\n.statuses-grid .detailed-status {\n border-radius: 4px;\n}\n@media screen and (max-width: 415px) {\n .statuses-grid .detailed-status {\n border-top: 1px solid #a6b9c9;\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: #282c37;\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: #2b90d9;\n}\n.notice-widget a:hover, .notice-widget a:focus, .notice-widget a:active {\n text-decoration: underline;\n}\n\ncode {\n font-family: monospace, monospace;\n font-weight: 400;\n}\n\n.form-container {\n max-width: 400px;\n padding: 20px;\n margin: 0 auto;\n}\n\n.simple_form .input {\n margin-bottom: 15px;\n overflow: hidden;\n}\n.simple_form .input.hidden {\n margin: 0;\n}\n.simple_form .input.radio_buttons .radio {\n margin-bottom: 15px;\n}\n.simple_form .input.radio_buttons .radio:last-child {\n margin-bottom: 0;\n}\n.simple_form .input.radio_buttons .radio > label {\n position: relative;\n padding-left: 28px;\n}\n.simple_form .input.radio_buttons .radio > label input {\n position: absolute;\n top: -2px;\n left: 0;\n}\n.simple_form .input.boolean {\n position: relative;\n margin-bottom: 0;\n}\n.simple_form .input.boolean .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: #000000;\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: #2b90d9;\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: #282c37;\n}\n.simple_form .hint a {\n color: #2b90d9;\n}\n.simple_form .hint code {\n border-radius: 3px;\n padding: 0.2em 0.4em;\n background: white;\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: #282c37;\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: #000000;\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: #000000;\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: #000000;\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: #c1203b;\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: #000000;\n display: block;\n width: auto;\n}\n.simple_form .check_boxes .checkbox label {\n font-family: inherit;\n font-size: 14px;\n color: #000000;\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: #000000;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: #f9fafb;\n border: 1px solid white;\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: #c1203b;\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: white;\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: #2b90d9;\n background: #f2f5f7;\n}\n.simple_form .input.field_with_errors label {\n color: #c1203b;\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: #c1203b;\n}\n.simple_form .input.field_with_errors .error {\n display: block;\n font-weight: 500;\n color: #c1203b;\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: #2b90d9;\n color: #000000;\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: #2482c7;\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: #419bdd;\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: #db2a47;\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: #e3566d;\n}\n.simple_form select {\n appearance: none;\n box-sizing: border-box;\n font-size: 16px;\n color: #000000;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: #f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;\n border: 1px solid white;\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: #444b5d;\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(249, 250, 251, 0), #f9fafb);\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(217, 225, 232, 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: #000000;\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: #c0cdd9;\n color: #282c37;\n border-radius: 4px;\n padding: 15px 10px;\n margin-bottom: 30px;\n text-align: center;\n}\n.flash-message.notice {\n border: 1px solid rgba(121, 189, 154, 0.5);\n background: rgba(121, 189, 154, 0.25);\n color: #79bd9a;\n}\n.flash-message.alert {\n border: 1px solid rgba(223, 64, 90, 0.5);\n background: rgba(223, 64, 90, 0.25);\n color: #df405a;\n}\n.flash-message p {\n margin-bottom: 15px;\n}\n.flash-message .oauth-code {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: monospace, monospace;\n background: #d9e1e8;\n color: #000000;\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: #ccd7e0;\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: #282c37;\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: #2b90d9;\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: #217aba;\n}\n\n.oauth-prompt,\n.follow-prompt {\n margin-bottom: 30px;\n color: #282c37;\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: #282c37;\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: #282c37;\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: #000000;\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: #000000;\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: #282c37;\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: #000000;\n text-align: center;\n margin-bottom: 20px;\n border: 0;\n padding: 0;\n}\n.alternative-login .button {\n display: block;\n}\n\n.scope-danger {\n color: #ff5050;\n}\n\n.form_admin_settings_site_short_description textarea,\n.form_admin_settings_site_description textarea,\n.form_admin_settings_site_extended_description textarea,\n.form_admin_settings_site_terms textarea,\n.form_admin_settings_custom_css textarea,\n.form_admin_settings_closed_registrations_message textarea {\n font-family: monospace, monospace;\n}\n\n.input-copy {\n background: #f9fafb;\n border: 1px solid white;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding-right: 4px;\n position: relative;\n top: 1px;\n transition: border-color 300ms linear;\n}\n.input-copy__wrapper {\n flex: 1 1 auto;\n}\n.input-copy input[type=text] {\n background: transparent;\n border: 0;\n padding: 10px;\n font-size: 14px;\n font-family: monospace, monospace;\n}\n.input-copy button {\n flex: 0 0 auto;\n margin: 4px;\n text-transform: none;\n font-weight: 400;\n font-size: 14px;\n padding: 7px 18px;\n padding-bottom: 6px;\n width: auto;\n transition: background 300ms linear;\n}\n.input-copy.copied {\n border-color: #79bd9a;\n transition: none;\n}\n.input-copy.copied button {\n background: #79bd9a;\n transition: none;\n}\n\n.connection-prompt {\n margin-bottom: 25px;\n}\n.connection-prompt .fa-link {\n background-color: #e6ebf0;\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: #c0cdd9;\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: #e6ebf0;\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: #c0cdd9;\n}\n.card__img {\n height: 130px;\n position: relative;\n background: white;\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: #ccd7e0;\n border-radius: 0 0 4px 4px;\n}\n@media screen and (max-width: 415px) {\n .card__bar {\n border-radius: 0;\n }\n}\n.card__bar .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n padding-top: 2px;\n}\n.card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n background: #f2f5f7;\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: #000000;\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: #282c37;\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: #000000;\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: #000000;\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: #282c37;\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: black;\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: #d9e1e8;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n color: #444b5d;\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: #282c37;\n background-color: rgba(40, 44, 55, 0.1);\n border: 1px solid rgba(40, 44, 55, 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: #c1203b;\n background-color: rgba(193, 32, 59, 0.1);\n border-color: rgba(193, 32, 59, 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 #b3c3d1;\n border-bottom: 1px solid #b3c3d1;\n font-size: 14px;\n line-height: 20px;\n}\n.account__header__fields dl {\n display: flex;\n border-bottom: 1px solid #b3c3d1;\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: #282c37;\n background: rgba(242, 245, 247, 0.5);\n}\n.account__header__fields dd {\n flex: 1 1 auto;\n color: #282c37;\n}\n.account__header__fields a {\n color: #2b90d9;\n text-decoration: none;\n}\n.account__header__fields a:hover, .account__header__fields a:focus, .account__header__fields a:active {\n text-decoration: underline;\n}\n.account__header__fields .verified {\n border: 1px solid rgba(121, 189, 154, 0.5);\n background: rgba(121, 189, 154, 0.25);\n}\n.account__header__fields .verified a {\n color: #79bd9a;\n font-weight: 500;\n}\n.account__header__fields .verified__mark {\n color: #79bd9a;\n}\n.account__header__fields dl:last-child {\n border-bottom: 0;\n}\n\n.directory__tag .trends__item__current {\n width: auto;\n}\n\n.pending-account__header {\n color: #282c37;\n}\n.pending-account__header a {\n color: #282c37;\n text-decoration: none;\n}\n.pending-account__header a:hover, .pending-account__header a:active, .pending-account__header a:focus {\n text-decoration: underline;\n}\n.pending-account__header strong {\n color: #000000;\n font-weight: 700;\n}\n.pending-account__body {\n margin-top: 10px;\n}\n\n.activity-stream {\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n}\n@media screen and (max-width: 415px) {\n .activity-stream {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n }\n}\n.activity-stream--headless {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n}\n.activity-stream--headless .detailed-status,\n.activity-stream--headless .status {\n border-radius: 0 !important;\n}\n.activity-stream div[data-component] {\n width: 100%;\n}\n.activity-stream .entry {\n background: #d9e1e8;\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: #c0cdd9;\n}\n\n.button.logo-button {\n flex: 0 auto;\n font-size: 14px;\n background: #2b90d9;\n color: #000000;\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: #000000;\n}\n.button.logo-button svg path:last-child {\n fill: #2b90d9;\n}\n.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {\n background: #2074b1;\n}\n.button.logo-button:active svg path:last-child, .button.logo-button:focus svg path:last-child, .button.logo-button:hover svg path:last-child {\n fill: #2074b1;\n}\n.button.logo-button:disabled svg path:last-child, .button.logo-button.disabled svg path:last-child {\n fill: #9baec8;\n}\n.button.logo-button:disabled:active, .button.logo-button:disabled:focus, .button.logo-button:disabled:hover, .button.logo-button.disabled:active, .button.logo-button.disabled:focus, .button.logo-button.disabled:hover {\n background: #9baec8;\n}\n.button.logo-button:disabled:active svg path:last-child, .button.logo-button:disabled:focus svg path:last-child, .button.logo-button:disabled:hover svg path:last-child, .button.logo-button.disabled:active svg path:last-child, .button.logo-button.disabled:focus svg path:last-child, .button.logo-button.disabled:hover svg path:last-child {\n fill: #9baec8;\n}\n.button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover {\n background: #df405a;\n}\n.button.logo-button.button--destructive:active svg path:last-child, .button.logo-button.button--destructive:focus svg path:last-child, .button.logo-button.button--destructive:hover svg path:last-child {\n fill: #df405a;\n}\n@media screen and (max-width: 415px) {\n .button.logo-button svg {\n display: none;\n }\n}\n\n.embed .detailed-status,\n.public-layout .detailed-status {\n padding: 15px;\n}\n.embed .status,\n.public-layout .status {\n padding: 15px 15px 15px 78px;\n min-height: 50px;\n}\n.embed .status__avatar,\n.public-layout .status__avatar {\n left: 15px;\n top: 17px;\n}\n.embed .status__content,\n.public-layout .status__content {\n padding-top: 5px;\n}\n.embed .status__prepend,\n.public-layout .status__prepend {\n padding: 8px 0;\n padding-bottom: 2px;\n margin: initial;\n margin-left: 78px;\n padding-top: 15px;\n}\n.embed .status__prepend-icon-wrapper,\n.public-layout .status__prepend-icon-wrapper {\n position: absolute;\n margin: initial;\n float: initial;\n width: auto;\n left: -32px;\n}\n.embed .status .media-gallery, .embed .status__action-bar,\n.embed .status .video-player,\n.public-layout .status .media-gallery,\n.public-layout .status__action-bar,\n.public-layout .status .video-player {\n margin-top: 10px;\n}\n\n.embed .status .status__info,\n.public-layout .status .status__info {\n font-size: 15px;\n display: initial;\n}\n.embed .status .status__relative-time,\n.public-layout .status .status__relative-time {\n color: #444b5d;\n float: right;\n font-size: 14px;\n width: auto;\n margin: initial;\n padding: initial;\n}\n.embed .status .status__info .status__display-name,\n.public-layout .status .status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding: 6px 0;\n padding-right: 25px;\n margin: initial;\n}\n.embed .status .status__info .status__display-name .display-name strong,\n.public-layout .status .status__info .status__display-name .display-name strong {\n display: inline;\n}\n.embed .status .status__avatar,\n.public-layout .status .status__avatar {\n height: 48px;\n position: absolute;\n width: 48px;\n margin: initial;\n}\n\n.rtl .embed .status .status__relative-time, .rtl .public-layout .status .status__relative-time {\n float: left;\n}\n\n.app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.button {\n background-color: #3897db;\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: #000000;\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: #227dbe;\n transition: all 200ms ease-out;\n}\n.button--destructive {\n transition: none;\n}\n.button--destructive:active, .button--destructive:focus, .button--destructive:hover {\n background-color: #df405a;\n transition: none;\n}\n.button:disabled {\n background-color: #9baec8;\n cursor: default;\n}\n.button.button-primary, .button.button-alternative, .button.button-secondary, .button.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n}\n.button.button-alternative {\n color: #000000;\n background: #9baec8;\n}\n.button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover {\n background-color: #8ea3c1;\n}\n.button.button-alternative-2 {\n background: #3c5063;\n}\n.button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover {\n background-color: #344656;\n}\n.button.button-secondary {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n color: #282c37;\n text-transform: none;\n background: transparent;\n padding: 3px 15px;\n border-radius: 4px;\n border: 1px solid #9baec8;\n}\n.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {\n border-color: #8ea3c1;\n color: #1f232b;\n}\n.button.button-secondary:disabled {\n opacity: 0.5;\n}\n.button.button--block {\n display: block;\n width: 100%;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: #606984;\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: #51596f;\n transition: color 200ms ease-out;\n}\n.icon-button.disabled {\n color: #828ba4;\n cursor: default;\n}\n.icon-button.active {\n color: #2b90d9;\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: #282c37;\n}\n.icon-button.inverted:hover, .icon-button.inverted:active, .icon-button.inverted:focus {\n color: #373d4c;\n}\n.icon-button.inverted.disabled {\n color: #191b22;\n}\n.icon-button.inverted.active {\n color: #2b90d9;\n}\n.icon-button.inverted.active.disabled {\n color: #1d6ca4;\n}\n.icon-button.overlayed {\n box-sizing: content-box;\n background: rgba(255, 255, 255, 0.6);\n color: rgba(0, 0, 0, 0.7);\n border-radius: 4px;\n padding: 2px;\n}\n.icon-button.overlayed:hover {\n background: rgba(255, 255, 255, 0.9);\n}\n\n.text-icon-button {\n color: #282c37;\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: #373d4c;\n transition: color 200ms ease-out;\n}\n.text-icon-button.disabled {\n color: black;\n cursor: default;\n}\n.text-icon-button.active {\n color: #2b90d9;\n}\n.text-icon-button::-moz-focus-inner {\n border: 0;\n}\n.text-icon-button::-moz-focus-inner, .text-icon-button:focus, .text-icon-button:active {\n outline: 0 !important;\n}\n\n.dropdown-menu {\n position: absolute;\n transform-origin: 50% 0;\n}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n}\n.invisible img,\n.invisible svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.ellipsis::after {\n content: \"…\";\n}\n\n.notification__favourite-icon-wrapper {\n left: 0;\n position: absolute;\n}\n.notification__favourite-icon-wrapper .fa.star-icon {\n color: #ca8f04;\n}\n\n.star-icon.active {\n color: #ca8f04;\n}\n\n.bookmark-icon.active {\n color: #ff5050;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n}\n.notification__display-name:hover {\n color: #000000;\n text-decoration: underline;\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.display-name strong {\n display: block;\n height: 18px;\n font-size: 16px;\n font-weight: 500;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.display-name span {\n display: block;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.display-name:hover strong {\n text-decoration: underline;\n}\n.display-name.inline {\n padding: 0;\n height: 18px;\n font-size: 15px;\n line-height: 18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.display-name.inline strong {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n}\n.display-name.inline span {\n display: inline;\n height: auto;\n font-size: inherit;\n line-height: inherit;\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.image-loader .image-loader__preview-canvas {\n max-width: 100%;\n max-height: 80%;\n background: url(\"~images/void.png\") repeat;\n object-fit: contain;\n}\n.image-loader .loading-bar {\n position: relative;\n}\n.image-loader.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.zoomable-image img {\n max-width: 100%;\n max-height: 80%;\n width: auto;\n height: auto;\n object-fit: contain;\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid #393f4f;\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: #282c37;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.dropdown-menu ul {\n list-style: none;\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n}\n.dropdown-menu__arrow.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #282c37;\n}\n.dropdown-menu__arrow.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: #282c37;\n}\n.dropdown-menu__arrow.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: #282c37;\n}\n.dropdown-menu__arrow.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #282c37;\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: #282c37;\n color: #000000;\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: #2b90d9;\n color: #282c37;\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: #282c37;\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: #282c37;\n color: #000000;\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: #2b90d9;\n color: #282c37;\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.static-content {\n padding: 10px;\n padding-top: 20px;\n color: #444b5d;\n}\n.static-content h1 {\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 40px;\n text-align: center;\n}\n.static-content p {\n font-size: 13px;\n margin-bottom: 20px;\n}\n\n.tabs-bar {\n display: flex;\n background: #c0cdd9;\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: #000000;\n text-decoration: none;\n text-align: center;\n font-size: 14px;\n font-weight: 500;\n border-bottom: 2px solid #c0cdd9;\n transition: all 200ms linear;\n}\n.tabs-bar__link .fa {\n font-weight: 400;\n font-size: 16px;\n}\n.tabs-bar__link.active {\n border-bottom: 2px solid #2b90d9;\n color: #2b90d9;\n}\n@media screen and (min-width: 631px) {\n .auto-columns .tabs-bar__link:hover, .auto-columns .tabs-bar__link:focus, .auto-columns .tabs-bar__link:active {\n background: #adbecd;\n transition: all 100ms linear;\n }\n}\n.multi-columns .tabs-bar__link:hover, .multi-columns .tabs-bar__link:focus, .multi-columns .tabs-bar__link:active {\n background: #adbecd;\n transition: all 100ms linear;\n}\n.tabs-bar__link span:last-child {\n margin-left: 5px;\n display: none;\n}\n\n@media screen and (min-width: 631px) {\n .auto-columns .tabs-bar {\n display: none;\n }\n}\n\n.multi-columns .tabs-bar {\n display: none;\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform;\n}\n.scrollable.optionally-scrollable {\n overflow-y: auto;\n}\n@supports (display: grid) {\n .scrollable {\n contain: strict;\n }\n}\n.scrollable--flex {\n display: flex;\n flex-direction: column;\n}\n.scrollable__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n}\n\n@supports (display: grid) {\n .scrollable.fullscreen {\n contain: none;\n }\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 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: #d9e1e8;\n transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #f9fafb;\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: #2b90d9;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #2074b1;\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 #d9e1e8;\n border-radius: 50%;\n background-color: white;\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: #2b90d9;\n}\n\n.getting-started__wrapper,\n.getting_started {\n background: #d9e1e8;\n}\n\n.getting-started__wrapper {\n position: relative;\n overflow-y: auto;\n}\n\n.getting-started {\n background: #d9e1e8;\n flex: 1 0 auto;\n}\n.getting-started p {\n color: #282c37;\n}\n.getting-started a {\n color: #444b5d;\n}\n.getting-started__panel {\n height: min-content;\n}\n.getting-started__panel, .getting-started__footer {\n padding: 10px;\n padding-top: 20px;\n flex: 0 1 auto;\n}\n.getting-started__panel ul, .getting-started__footer ul {\n margin-bottom: 10px;\n}\n.getting-started__panel ul li, .getting-started__footer ul li {\n display: inline;\n}\n.getting-started__panel p, .getting-started__footer p {\n color: #444b5d;\n font-size: 13px;\n}\n.getting-started__panel p a, .getting-started__footer p a {\n color: #444b5d;\n text-decoration: underline;\n}\n.getting-started__panel a, .getting-started__footer a {\n text-decoration: none;\n color: #282c37;\n}\n.getting-started__panel a:hover, .getting-started__panel a:focus, .getting-started__panel a:active, .getting-started__footer a:hover, .getting-started__footer a:focus, .getting-started__footer a:active {\n text-decoration: underline;\n}\n\n.column-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: #d9e1e8;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n}\n.keyboard-shortcuts thead {\n position: absolute;\n left: -9999px;\n}\n.keyboard-shortcuts td {\n padding: 0 10px 8px;\n}\n.keyboard-shortcuts kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: #c0cdd9;\n border: 1px solid #e6ebf0;\n}\n\n.setting-text {\n color: #282c37;\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: #000000;\n border-bottom-color: #2b90d9;\n}\n@media screen and (max-width: 600px) {\n .auto-columns .setting-text, .single-column .setting-text {\n font-size: 16px;\n }\n}\n.setting-text.light {\n color: #000000;\n border-bottom: 2px solid #839db4;\n}\n.setting-text.light:focus, .setting-text.light:active {\n color: #000000;\n border-bottom-color: #2b90d9;\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: #606984;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: #2b90d9;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n color: #828ba4;\n}\n\n.load-more {\n display: block;\n color: #444b5d;\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: #d3dce4;\n}\n\n.load-gap {\n border-bottom: 1px solid #c0cdd9;\n}\n\n.missing-indicator {\n padding-top: 68px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n border-top: 1px solid #d9e1e8;\n}\n\n.notification__dismiss-overlay {\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n bottom: -1px;\n padding-left: 15px;\n z-index: 999;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n display: flex;\n}\n.notification__dismiss-overlay .wrappy {\n width: 4rem;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: #c0cdd9;\n border-left: 1px solid #99afc2;\n box-shadow: 0 0 5px black;\n border-bottom: 1px solid #d9e1e8;\n}\n.notification__dismiss-overlay .ckbox {\n border: 2px solid #9baec8;\n border-radius: 2px;\n width: 30px;\n height: 30px;\n font-size: 20px;\n color: #282c37;\n text-shadow: 0 0 5px black;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.notification__dismiss-overlay:focus {\n outline: 0 !important;\n}\n.notification__dismiss-overlay:focus .ckbox {\n box-shadow: 0 0 1px 1px #2b90d9;\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.loading-indicator {\n color: #444b5d;\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 #86a0b6;\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: #86a0b6;\n }\n 29% {\n background-color: #86a0b6;\n }\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n@keyframes loader-label {\n 0% {\n opacity: 0.25;\n }\n 30% {\n opacity: 1;\n }\n 100% {\n opacity: 0.25;\n }\n}\n.spoiler-button {\n display: none;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n top: 4px;\n z-index: 100;\n}\n.spoiler-button.spoiler-button--visible {\n display: block;\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n color: #282c37;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.setting-radio {\n display: block;\n line-height: 18px;\n}\n\n.setting-radio__label {\n margin-bottom: 0;\n}\n\n.column-settings__row legend {\n color: #282c37;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-top: 10px;\n}\n\n.setting-radio__input {\n vertical-align: middle;\n}\n\n.setting-meta__label {\n float: right;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n transform-origin: center center;\n animation-timing-function: ease-out;\n }\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n.pulse-loading {\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n align-items: center;\n background: rgba(255, 255, 255, 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: #d9e1e8;\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: #282c37;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed #3c5063;\n border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.loading-bar {\n background-color: #2b90d9;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.icon-badge-wrapper {\n position: relative;\n}\n\n.icon-badge {\n position: absolute;\n display: block;\n right: -0.25em;\n top: -0.25em;\n background-color: #2b90d9;\n border-radius: 50%;\n font-size: 75%;\n width: 1em;\n height: 1em;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\nnoscript {\n text-align: center;\n}\nnoscript img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n}\nnoscript div {\n font-size: 14px;\n margin: 30px auto;\n color: #282c37;\n max-width: 400px;\n}\nnoscript div a {\n color: #2b90d9;\n text-decoration: underline;\n}\nnoscript div a:hover {\n text-decoration: none;\n}\n\n@keyframes flicker {\n 0% {\n opacity: 1;\n }\n 30% {\n opacity: 0.75;\n }\n 100% {\n opacity: 1;\n }\n}\nbutton.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\");\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='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\");\n}\n\nbutton.icon-button.disabled i.fa-retweet, button.icon-button.disabled i.fa-retweet:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\");\n}\n\n.status-direct button.icon-button.disabled i.fa-retweet, .status-direct button.icon-button.disabled i.fa-retweet:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\");\n}\n\n.account {\n padding: 10px;\n border-bottom: 1px solid #c0cdd9;\n color: inherit;\n text-decoration: none;\n}\n.account .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: #282c37;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n}\n.account.small {\n border: none;\n padding: 0;\n}\n.account.small > .account__avatar-wrapper {\n margin: 0 8px 0 0;\n}\n.account.small > .display-name {\n height: 24px;\n line-height: 24px;\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n position: relative;\n cursor: pointer;\n}\n.account__avatar-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n}\n\n.account__avatar-overlay {\n position: relative;\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n}\n.account__avatar-overlay-base {\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n width: 36px;\n height: 36px;\n background-size: 36px 36px;\n}\n.account__avatar-overlay-overlay {\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-size: 24px 24px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__header__wrapper {\n flex: 0 0 auto;\n background: #ccd7e0;\n}\n\n.account__disclaimer {\n padding: 10px;\n color: #444b5d;\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 #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-left: 1px solid #c0cdd9;\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n}\n.account__action-bar__tab:first-child {\n border-left: 0;\n}\n.account__action-bar__tab.active {\n border-bottom: 4px solid #2b90d9;\n}\n.account__action-bar__tab > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: #282c37;\n}\n.account__action-bar__tab strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: #000000;\n}\n.account__action-bar__tab strong:lang(ja) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(ko) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-CN) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-HK) {\n font-weight: 700;\n}\n.account__action-bar__tab strong:lang(zh-TW) {\n font-weight: 700;\n}\n.account__action-bar__tab abbr {\n color: #2b90d9;\n}\n\n.account-authorize {\n padding: 14px 10px;\n}\n.account-authorize .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.notification__message {\n margin-left: 42px;\n padding: 8px 0 0 26px;\n cursor: default;\n color: #282c37;\n font-size: 15px;\n position: relative;\n}\n.notification__message .fa {\n color: #2b90d9;\n}\n.notification__message > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.account--panel {\n background: #ccd7e0;\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\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: #c0cdd9;\n padding: 15px;\n}\n\n.column-settings__section {\n color: #282c37;\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: #d9e1e8;\n color: #282c37;\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: #ccd7e0;\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: #444b5d;\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: #c0cdd9;\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: #b3c3d1;\n color: #1f232b;\n}\n.column-settings__hashtags .column-select__multi-value__label, .column-settings__hashtags .column-select__input {\n color: #282c37;\n}\n.column-settings__hashtags .column-select__clear-indicator, .column-settings__hashtags .column-select__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: #444b5d;\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: #3b4151;\n}\n.column-settings__hashtags .column-select__indicator-separator {\n background-color: #c0cdd9;\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: #444b5d;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n padding: 0;\n background: #282c37;\n}\n.column-settings__hashtags .column-select__menu h4 {\n text-transform: uppercase;\n color: #444b5d;\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: #000000;\n}\n.column-settings__hashtags .column-select__menu-list {\n padding: 6px;\n}\n.column-settings__hashtags .column-select__option {\n color: #000000;\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: #3d4455;\n}\n\n.column-settings__row .text-btn {\n margin-bottom: 15px;\n}\n\n.relationship-tag {\n color: #000000;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: #ffffff;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 500;\n padding: 4px;\n border-radius: 4px;\n opacity: 0.7;\n}\n.relationship-tag:hover {\n opacity: 1;\n}\n\n.account-gallery__container {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n padding: 2px;\n}\n\n.account-gallery__item {\n flex-grow: 1;\n width: 50%;\n overflow: hidden;\n position: relative;\n}\n.account-gallery__item::before {\n content: \"\";\n display: block;\n padding-top: 100%;\n}\n.account-gallery__item a {\n display: block;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n margin: 2px;\n top: 0;\n left: 0;\n background-color: #ffffff;\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: #282c37;\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(255, 255, 255, 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: #e6ebf0;\n border-bottom: 1px solid #c0cdd9;\n cursor: default;\n display: flex;\n flex-shrink: 0;\n}\n.notification__filter-bar button,\n.account__section-headline button {\n background: #e6ebf0;\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: #282c37;\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: #282c37;\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 #c0cdd9;\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 #d9e1e8;\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: #ccd7e0;\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n}\n.account__moved-note__message {\n position: relative;\n margin-left: 58px;\n color: #444b5d;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n}\n.account__moved-note__message > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.account__moved-note__icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.account__moved-note .detailed-status__display-avatar {\n position: relative;\n}\n.account__moved-note .detailed-status__display-name {\n margin-bottom: 0;\n}\n\n.account__header__content {\n color: #282c37;\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: #e6ebf0;\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: #ccd7e0;\n padding: 5px;\n border-bottom: 1px solid #b3c3d1;\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: #f2f5f7;\n border: 2px solid #ccd7e0;\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 #b3c3d1;\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: #000000;\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: #282c37;\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: #000000;\n}\n.account__header__bio .account__header__fields {\n margin: 0;\n border-top: 1px solid #b3c3d1;\n}\n.account__header__bio .account__header__fields a {\n color: #217aba;\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: #282c37;\n}\n.account__header__extra__links a {\n display: inline-block;\n color: #282c37;\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: #000000;\n}\n\n.domain {\n padding: 10px;\n border-bottom: 1px solid #c0cdd9;\n}\n.domain .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: #000000;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content {\n position: relative;\n margin: 10px 0;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n overflow: visible;\n padding-top: 5px;\n}\n.status__content:focus {\n outline: 0;\n}\n.status__content .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.status__content img {\n max-width: 100%;\n max-height: 400px;\n object-fit: contain;\n}\n.status__content p, .status__content pre, .status__content blockquote {\n margin-bottom: 20px;\n white-space: pre-wrap;\n}\n.status__content p:last-child, .status__content pre:last-child, .status__content blockquote:last-child {\n margin-bottom: 0;\n}\n.status__content .status__content__text h1, .status__content .status__content__text h2, .status__content .status__content__text h3, .status__content .status__content__text h4, .status__content .status__content__text h5 {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.status__content .status__content__text h1, .status__content .status__content__text h2 {\n font-weight: 700;\n font-size: 18px;\n}\n.status__content .status__content__text h2 {\n font-size: 16px;\n}\n.status__content .status__content__text h3, .status__content .status__content__text h4, .status__content .status__content__text h5 {\n font-weight: 500;\n}\n.status__content .status__content__text blockquote {\n padding-left: 10px;\n border-left: 3px solid #282c37;\n color: #282c37;\n white-space: normal;\n}\n.status__content .status__content__text blockquote p:last-child {\n margin-bottom: 0;\n}\n.status__content .status__content__text b, .status__content .status__content__text strong {\n font-weight: 700;\n}\n.status__content .status__content__text em, .status__content .status__content__text i {\n font-style: italic;\n}\n.status__content .status__content__text sub {\n font-size: smaller;\n text-align: sub;\n}\n.status__content .status__content__text ul, .status__content .status__content__text ol {\n margin-left: 1em;\n}\n.status__content .status__content__text ul p, .status__content .status__content__text ol p {\n margin: 0;\n}\n.status__content .status__content__text ul {\n list-style-type: disc;\n}\n.status__content .status__content__text ol {\n list-style-type: decimal;\n}\n.status__content a {\n color: #d8a070;\n text-decoration: none;\n}\n.status__content a:hover {\n text-decoration: underline;\n}\n.status__content a:hover .fa {\n color: #353a48;\n}\n.status__content a.mention:hover {\n text-decoration: none;\n}\n.status__content a.mention:hover span {\n text-decoration: underline;\n}\n.status__content a .fa {\n color: #444b5d;\n}\n.status__content .status__content__spoiler {\n display: none;\n}\n.status__content .status__content__spoiler.status__content__spoiler--visible {\n display: block;\n}\n.status__content .status__content__spoiler-link {\n background: #7a96ae;\n}\n.status__content .status__content__spoiler-link:hover {\n background: #708ea9;\n text-decoration: none;\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: #7a96ae;\n border: none;\n color: #000000;\n font-weight: 500;\n font-size: 11px;\n padding: 0 5px;\n text-transform: uppercase;\n line-height: inherit;\n cursor: pointer;\n vertical-align: bottom;\n}\n.status__content__spoiler-link:hover {\n background: #708ea9;\n text-decoration: none;\n}\n.status__content__spoiler-link .status__content__spoiler-icon {\n display: inline-block;\n margin: 0 0 0 5px;\n border-left: 1px solid currentColor;\n padding: 0 0 0 4px;\n font-size: 16px;\n vertical-align: -2px;\n}\n\n.notif-cleaning .status, .notif-cleaning .notification-follow {\n padding-right: 4.5rem;\n}\n\n.status__wrapper--filtered {\n color: #444b5d;\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 #c0cdd9;\n}\n\n.status__prepend-icon-wrapper {\n float: left;\n margin: 0 10px 0 -58px;\n width: 48px;\n text-align: right;\n}\n\n.notification-follow {\n position: relative;\n border-bottom: 1px solid #c0cdd9;\n}\n.notification-follow .account {\n border-bottom: 0 none;\n}\n\n.focusable:focus {\n outline: 0;\n background: #ccd7e0;\n}\n.focusable:focus .status.status-direct {\n background: #b3c3d1;\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: #c0cdd9;\n}\n\n.status {\n padding: 10px 14px;\n position: relative;\n height: auto;\n border-bottom: 1px solid #c0cdd9;\n cursor: default;\n opacity: 1;\n animation: fade 150ms linear;\n}\n@supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n .status {\n padding-right: 28px;\n }\n}\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.status .video-player {\n margin-top: 8px;\n}\n.status.status-direct {\n background: #c0cdd9;\n}\n.status.light .status__relative-time {\n color: #282c37;\n}\n.status.light .status__display-name {\n color: #000000;\n}\n.status.light .display-name strong {\n color: #000000;\n}\n.status.light .display-name span {\n color: #282c37;\n}\n.status.light .status__content {\n color: #000000;\n}\n.status.light .status__content a {\n color: #2b90d9;\n}\n.status.light .status__content a.status__content__spoiler-link {\n color: #000000;\n background: #9baec8;\n}\n.status.light .status__content a.status__content__spoiler-link:hover {\n background: #8199ba;\n}\n.status.collapsed {\n background-position: center;\n background-size: cover;\n user-select: none;\n}\n.status.collapsed.has-background::before {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));\n pointer-events: none;\n content: \"\";\n}\n.status.collapsed .display-name:hover .display-name__html {\n text-decoration: none;\n}\n.status.collapsed .status__content {\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 0;\n}\n.status.collapsed .status__content:after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(rgba(217, 225, 232, 0), #d9e1e8);\n pointer-events: none;\n}\n.status.collapsed .status__content a:hover {\n text-decoration: none;\n}\n.status.collapsed:focus > .status__content:after {\n background: linear-gradient(rgba(204, 215, 224, 0), #ccd7e0);\n}\n.status.collapsed.status-direct > .status__content:after {\n background: linear-gradient(rgba(192, 205, 217, 0), #c0cdd9);\n}\n.status.collapsed .notification__message {\n margin-bottom: 0;\n}\n.status.collapsed .status__info .notification__message > span {\n white-space: nowrap;\n}\n.status .notification__message {\n margin: -10px 0px 10px 0;\n}\n\n.notification-favourite .status.status-direct {\n background: transparent;\n}\n.notification-favourite .status.status-direct .icon-button.disabled {\n color: #444a5e;\n}\n\n.status__relative-time {\n display: inline-block;\n margin-left: auto;\n padding-left: 18px;\n width: 120px;\n color: #444b5d;\n font-size: 14px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.status__display-name {\n margin: 0 auto 0 0;\n color: #444b5d;\n overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n display: block;\n max-width: 100%;\n}\n\n.status__info {\n display: flex;\n font-size: 15px;\n}\n.status__info > span {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.status__info .notification__message > span {\n word-wrap: break-word;\n}\n\n.status__info__icons {\n margin-left: auto;\n display: flex;\n align-items: center;\n height: 1em;\n color: #606984;\n}\n.status__info__icons .status__media-icon {\n padding-left: 6px;\n padding-right: 1px;\n}\n.status__info__icons .status__visibility-icon {\n padding-left: 4px;\n}\n\n.status__info__account {\n display: flex;\n align-items: center;\n}\n\n.status-check-box {\n border-bottom: 1px solid #282c37;\n display: flex;\n}\n.status-check-box .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n}\n.status-check-box .status-check-box__status .media-gallery {\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .status__content {\n padding: 0;\n white-space: normal;\n}\n.status-check-box .status-check-box__status .video-player {\n margin-top: 8px;\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .media-gallery__item-thumbnail {\n cursor: default;\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin: -10px -10px 10px;\n color: #444b5d;\n padding: 8px 10px 0 68px;\n font-size: 14px;\n position: relative;\n}\n.status__prepend .status__display-name strong {\n color: #444b5d;\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: #606984;\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: #ccd7e0;\n padding: 14px 10px;\n}\n.detailed-status--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n}\n.detailed-status--flex .status__content,\n.detailed-status--flex .detailed-status__meta {\n flex: 100%;\n}\n.detailed-status .status__content {\n font-size: 19px;\n line-height: 24px;\n}\n.detailed-status .status__content .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .video-player {\n margin-top: 8px;\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: #444b5d;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: #ccd7e0;\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name strong,\n.account__display-name strong {\n color: #000000;\n}\n\n.muted .emojione {\n opacity: 0.5;\n}\n\n.status__display-name:hover strong,\n.reply-indicator__display-name:hover strong,\n.detailed-status__display-name:hover strong,\n.account__display-name:hover strong {\n text-decoration: underline;\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: #282c37;\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: #000000;\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n flex: none;\n margin: 0 10px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.muted .status__content,\n.muted .status__content p,\n.muted .status__content a,\n.muted .status__content_text {\n color: #444b5d;\n}\n.muted .status__display-name strong {\n color: #444b5d;\n}\n.muted .status__avatar {\n opacity: 0.5;\n}\n.muted a.status__content__spoiler-link {\n background: #3c5063;\n color: #000000;\n}\n.muted a.status__content__spoiler-link:hover {\n background: #7d98b0;\n text-decoration: none;\n}\n\n.status__relative-time:hover,\n.detailed-status__datetime:hover {\n text-decoration: underline;\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid #c0cdd9;\n border-radius: 4px;\n color: #444b5d;\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: #000000;\n background: transparent;\n border: 0;\n padding: 0 5px;\n text-decoration: none;\n opacity: 0.6;\n font-size: 18px;\n line-height: 18px;\n}\n.status-card__actions button:hover, .status-card__actions button:active, .status-card__actions button:focus,\n.status-card__actions a:hover,\n.status-card__actions a:active,\n.status-card__actions a:focus {\n opacity: 1;\n}\n.status-card__actions a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n}\n.status-card__actions a .fa, .status-card__actions a:hover .fa {\n color: inherit;\n}\n\na.status-card {\n cursor: pointer;\n}\na.status-card:hover {\n background: #c0cdd9;\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: #282c37;\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: #282c37;\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: #c0cdd9;\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: #ccd7e0;\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: #ccd7e0;\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.status__video-player {\n display: flex;\n align-items: center;\n background: #000000;\n box-sizing: border-box;\n cursor: default;\n /* May not be needed */\n margin-top: 8px;\n overflow: hidden;\n position: relative;\n}\n.status__video-player.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.status__video-player-video {\n height: 100%;\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n.status__video-player-video:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n}\n\n.status__video-player-expand,\n.status__video-player-mute {\n color: #000000;\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: #000000;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;\n top: 4px;\n z-index: 100;\n}\n.status__video-player-spoiler.status__video-player-spoiler--visible {\n display: block;\n}\n\n.status__video-player-expand {\n bottom: 4px;\n z-index: 100;\n}\n\n.status__video-player-mute {\n top: 4px;\n z-index: 5;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid #c0cdd9;\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n}\n.attachment-list__icon {\n flex: 0 0 auto;\n color: #444b5d;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid #c0cdd9;\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: #444b5d;\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: #444b5d;\n}\n\n.modal-container--preloader {\n background: #c0cdd9;\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(255, 255, 255, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: #282c37;\n color: #000000;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.onboarding-modal__pager {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 470px;\n}\n.onboarding-modal__pager .react-swipeable-view-container > div {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n user-select: text;\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n}\n.error-modal__body > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n .onboarding-modal {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n .onboarding-modal__pager {\n width: 100%;\n height: auto;\n max-width: none;\n max-height: none;\n flex: 1 1 auto;\n }\n}\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: #393f4f;\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: #282c37;\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: #313543;\n background-color: #4a5266;\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: #000000;\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: black;\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.onboarding-modal__dots {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.onboarding-modal__dot {\n width: 14px;\n height: 14px;\n border-radius: 14px;\n background: #4a5266;\n margin: 0 3px;\n cursor: pointer;\n}\n.onboarding-modal__dot:hover {\n background: #4f576c;\n}\n.onboarding-modal__dot.active {\n cursor: default;\n background: #5c657e;\n}\n\n.onboarding-modal__page__wrapper {\n pointer-events: none;\n padding: 25px;\n padding-bottom: 0;\n}\n.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active {\n pointer-events: auto;\n}\n\n.onboarding-modal__page {\n cursor: default;\n line-height: 21px;\n}\n.onboarding-modal__page h1 {\n font-size: 18px;\n font-weight: 500;\n color: #000000;\n margin-bottom: 20px;\n}\n.onboarding-modal__page a {\n color: #2b90d9;\n}\n.onboarding-modal__page a:hover, .onboarding-modal__page a:focus, .onboarding-modal__page a:active {\n color: #2485cb;\n}\n.onboarding-modal__page .navigation-bar a {\n color: inherit;\n}\n.onboarding-modal__page p {\n font-size: 16px;\n color: #282c37;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n.onboarding-modal__page p:last-child {\n margin-bottom: 0;\n}\n.onboarding-modal__page p strong {\n font-weight: 500;\n background: #d9e1e8;\n color: #282c37;\n border-radius: 4px;\n font-size: 14px;\n padding: 3px 6px;\n}\n.onboarding-modal__page p strong:lang(ja) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(ko) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-CN) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-HK) {\n font-weight: 700;\n}\n.onboarding-modal__page p strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.onboarding-modal__page__wrapper-0 {\n height: 100%;\n padding: 0;\n}\n\n.onboarding-modal__page-one__lead {\n padding: 65px;\n padding-top: 45px;\n padding-bottom: 0;\n margin-bottom: 10px;\n}\n.onboarding-modal__page-one__lead h1 {\n font-size: 26px;\n line-height: 36px;\n margin-bottom: 8px;\n}\n.onboarding-modal__page-one__lead p {\n margin-bottom: 0;\n}\n.onboarding-modal__page-one__extra {\n padding-right: 65px;\n padding-left: 185px;\n text-align: center;\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n}\n.display-case__label {\n font-weight: 500;\n color: #000000;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n}\n.display-case__case {\n background: #d9e1e8;\n color: #282c37;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n}\n\n.onboarding-modal__page-two p,\n.onboarding-modal__page-three p,\n.onboarding-modal__page-four p,\n.onboarding-modal__page-five p {\n text-align: left;\n}\n.onboarding-modal__page-two .figure,\n.onboarding-modal__page-three .figure,\n.onboarding-modal__page-four .figure,\n.onboarding-modal__page-five .figure {\n background: #f2f5f7;\n color: #282c37;\n margin-bottom: 20px;\n border-radius: 4px;\n padding: 10px;\n text-align: center;\n font-size: 14px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);\n}\n.onboarding-modal__page-two .figure .onboarding-modal__image,\n.onboarding-modal__page-three .figure .onboarding-modal__image,\n.onboarding-modal__page-four .figure .onboarding-modal__image,\n.onboarding-modal__page-five .figure .onboarding-modal__image {\n border-radius: 4px;\n margin-bottom: 10px;\n}\n.onboarding-modal__page-two .figure.non-interactive,\n.onboarding-modal__page-three .figure.non-interactive,\n.onboarding-modal__page-four .figure.non-interactive,\n.onboarding-modal__page-five .figure.non-interactive {\n pointer-events: none;\n text-align: left;\n}\n\n.onboarding-modal__page-four__columns .row {\n display: flex;\n margin-bottom: 20px;\n}\n.onboarding-modal__page-four__columns .row > div {\n flex: 1 1 0;\n margin: 0 10px;\n}\n.onboarding-modal__page-four__columns .row > div:first-child {\n margin-left: 0;\n}\n.onboarding-modal__page-four__columns .row > div:last-child {\n margin-right: 0;\n}\n.onboarding-modal__page-four__columns .row > div p {\n text-align: center;\n}\n.onboarding-modal__page-four__columns .row:last-child {\n margin-bottom: 0;\n}\n.onboarding-modal__page-four__columns .column-header {\n color: #000000;\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n .onboarding-modal__page p {\n font-size: 14px;\n line-height: 20px;\n }\n\n .onboarding-modal__page-two .figure,\n.onboarding-modal__page-three .figure,\n.onboarding-modal__page-four .figure,\n.onboarding-modal__page-five .figure {\n font-size: 12px;\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .row {\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .column-header {\n padding: 5px;\n font-size: 12px;\n }\n}\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal, .doodle-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n background: #17191f;\n color: #000000;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n}\n.boost-modal .status__relative-time, .doodle-modal .status__relative-time,\n.favourite-modal .status__relative-time,\n.confirmation-modal .status__relative-time,\n.report-modal .status__relative-time,\n.actions-modal .status__relative-time,\n.mute-modal .status__relative-time {\n color: #444b5d;\n float: right;\n font-size: 14px;\n width: auto;\n margin: initial;\n padding: initial;\n}\n.boost-modal .status__display-name, .doodle-modal .status__display-name,\n.favourite-modal .status__display-name,\n.confirmation-modal .status__display-name,\n.report-modal .status__display-name,\n.actions-modal .status__display-name,\n.mute-modal .status__display-name {\n display: flex;\n}\n.boost-modal .status__avatar, .doodle-modal .status__avatar,\n.favourite-modal .status__avatar,\n.confirmation-modal .status__avatar,\n.report-modal .status__avatar,\n.actions-modal .status__avatar,\n.mute-modal .status__avatar {\n height: 48px;\n width: 48px;\n}\n.boost-modal .status__content__spoiler-link, .doodle-modal .status__content__spoiler-link,\n.favourite-modal .status__content__spoiler-link,\n.confirmation-modal .status__content__spoiler-link,\n.report-modal .status__content__spoiler-link,\n.actions-modal .status__content__spoiler-link,\n.mute-modal .status__content__spoiler-link {\n color: #17191f;\n}\n\n.actions-modal .status {\n background: #ffffff;\n border-bottom-color: #282c37;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.actions-modal .dropdown-menu__separator {\n border-bottom-color: #282c37;\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n overflow-x: scroll;\n padding: 10px;\n}\n.boost-modal__container .status,\n.favourite-modal__container .status {\n user-select: text;\n border-bottom: 0;\n}\n\n.boost-modal__action-bar, .doodle-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: #282c37;\n padding: 10px;\n line-height: 36px;\n}\n.boost-modal__action-bar > div, .doodle-modal__action-bar > div,\n.favourite-modal__action-bar > div,\n.confirmation-modal__action-bar > div,\n.mute-modal__action-bar > div {\n flex: 1 1 auto;\n text-align: right;\n color: #282c37;\n padding-right: 10px;\n}\n.boost-modal__action-bar .button, .doodle-modal__action-bar .button,\n.favourite-modal__action-bar .button,\n.confirmation-modal__action-bar .button,\n.mute-modal__action-bar .button {\n flex: 0 0 auto;\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.mute-modal {\n line-height: 24px;\n}\n\n.mute-modal .react-toggle {\n vertical-align: middle;\n}\n\n.report-modal {\n width: 90vw;\n max-width: 700px;\n}\n\n.report-modal__container {\n display: flex;\n border-top: 1px solid #282c37;\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: #2b90d9;\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 #282c37;\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: #000000;\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 #282c37;\n margin-bottom: 20px;\n}\n.report-modal__comment .setting-text:focus {\n border: 1px solid #393f4f;\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: #000000;\n font-size: 14px;\n}\n@media screen and (max-width: 480px) {\n .report-modal__comment {\n padding: 10px;\n max-width: 100%;\n order: 2;\n }\n .report-modal__comment .setting-toggle {\n margin-bottom: 4px;\n }\n}\n\n.report-modal__target {\n padding: 20px;\n}\n.report-modal__target .media-modal__close {\n top: 19px;\n right: 15px;\n}\n\n.actions-modal {\n max-height: 80vh;\n max-width: 80vw;\n}\n.actions-modal .status {\n overflow-y: auto;\n max-height: 300px;\n}\n.actions-modal strong {\n display: block;\n font-weight: 500;\n}\n.actions-modal .actions-modal__item-label {\n font-weight: 500;\n}\n.actions-modal ul {\n overflow-y: auto;\n flex-shrink: 0;\n max-height: 80vh;\n}\n.actions-modal ul.with-status {\n max-height: calc(80vh - 75px);\n}\n.actions-modal ul li:empty {\n margin: 0;\n}\n.actions-modal ul li:not(:empty) a {\n color: #000000;\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: #2b90d9;\n color: #000000;\n}\n.actions-modal ul li:not(:empty) a > .react-toggle, .actions-modal ul li:not(:empty) a > .icon,\n.actions-modal ul li:not(:empty) a button:first-child {\n margin-right: 10px;\n}\n\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.confirmation-modal__action-bar .confirmation-modal__cancel-button,\n.confirmation-modal__action-bar .mute-modal__cancel-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__cancel-button,\n.mute-modal__action-bar .mute-modal__cancel-button {\n background-color: transparent;\n color: #282c37;\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: #313543;\n}\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button {\n flex-shrink: 1;\n}\n\n.confirmation-modal__do_not_ask_again {\n padding-left: 20px;\n padding-right: 20px;\n padding-bottom: 10px;\n font-size: 14px;\n}\n.confirmation-modal__do_not_ask_again label, .confirmation-modal__do_not_ask_again input {\n vertical-align: middle;\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.report-modal__target {\n padding: 30px;\n font-size: 16px;\n text-align: center;\n}\n.confirmation-modal__container strong,\n.mute-modal__container strong,\n.report-modal__target strong {\n font-weight: 500;\n}\n.confirmation-modal__container strong:lang(ja),\n.mute-modal__container strong:lang(ja),\n.report-modal__target strong:lang(ja) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(ko),\n.mute-modal__container strong:lang(ko),\n.report-modal__target strong:lang(ko) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-CN),\n.mute-modal__container strong:lang(zh-CN),\n.report-modal__target strong:lang(zh-CN) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-HK),\n.mute-modal__container strong:lang(zh-HK),\n.report-modal__target strong:lang(zh-HK) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-TW),\n.mute-modal__container strong:lang(zh-TW),\n.report-modal__target strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n}\n.embed-modal h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n}\n.embed-modal .embed-modal__container {\n padding: 10px;\n}\n.embed-modal .embed-modal__container .hint {\n margin-bottom: 15px;\n}\n.embed-modal .embed-modal__container .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: \"mastodon-font-monospace\", monospace;\n background: #d9e1e8;\n color: #000000;\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: #ccd7e0;\n}\n@media screen and (max-width: 600px) {\n .embed-modal .embed-modal__container .embed-modal__html {\n font-size: 16px;\n }\n}\n.embed-modal .embed-modal__container .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n}\n\n.focal-point {\n position: relative;\n cursor: pointer;\n overflow: hidden;\n}\n.focal-point.dragging {\n cursor: move;\n}\n.focal-point img {\n max-width: 80vw;\n max-height: 80vh;\n width: auto;\n height: auto;\n margin: auto;\n}\n.focal-point__reticle {\n position: absolute;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%);\n background: url(\"~images/reticle.png\") no-repeat 0 0;\n border-radius: 50%;\n box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.35);\n}\n.focal-point__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.composer {\n padding: 10px;\n}\n\n.no-reduce-motion .composer--spoiler {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n}\n.composer--spoiler.composer--spoiler--visible {\n height: 47px;\n opacity: 1;\n}\n.composer--spoiler input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px;\n padding: 10px;\n width: 100%;\n outline: 0;\n color: #000000;\n background: #ffffff;\n font-size: 14px;\n font-family: inherit;\n resize: vertical;\n}\n.composer--spoiler input:focus {\n outline: 0;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .composer--spoiler input {\n font-size: 16px;\n }\n}\n.single-column .composer--spoiler input {\n font-size: 16px;\n}\n\n.composer--warning {\n color: #000000;\n margin-bottom: 15px;\n background: #9baec8;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n}\n.composer--warning a {\n color: #282c37;\n font-weight: 500;\n text-decoration: underline;\n}\n.composer--warning a:active, .composer--warning a:focus, .composer--warning a:hover {\n text-decoration: none;\n}\n\n.composer--reply {\n margin: 0 0 10px;\n border-radius: 4px;\n padding: 10px;\n background: #9baec8;\n}\n.composer--reply > header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n.composer--reply > header > .account.small {\n color: #000000;\n}\n.composer--reply > header > .cancel {\n float: right;\n line-height: 24px;\n}\n.composer--reply > .content {\n position: relative;\n margin: 10px 0;\n padding: 0 12px;\n font-size: 14px;\n line-height: 20px;\n color: #000000;\n word-wrap: break-word;\n font-weight: 400;\n overflow: visible;\n white-space: pre-wrap;\n padding-top: 5px;\n}\n.composer--reply > .content p {\n margin-bottom: 20px;\n}\n.composer--reply > .content p:last-child {\n margin-bottom: 0;\n}\n.composer--reply > .content a {\n color: #282c37;\n text-decoration: none;\n}\n.composer--reply > .content a:hover {\n text-decoration: underline;\n}\n.composer--reply > .content a.mention:hover {\n text-decoration: none;\n}\n.composer--reply > .content a.mention:hover span {\n text-decoration: underline;\n}\n.composer--reply .emojione {\n width: 20px;\n height: 20px;\n margin: -5px 0 0;\n}\n\n.emoji-picker-dropdown {\n position: absolute;\n right: 5px;\n top: 5px;\n}\n.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,\n.emoji-picker-dropdown ::-webkit-scrollbar-track:active {\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.composer--textarea,\n.autosuggest-input {\n position: relative;\n}\n.composer--textarea label .autosuggest-textarea__textarea,\n.autosuggest-input label .autosuggest-textarea__textarea {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px 4px 0 0;\n padding: 10px 32px 0 10px;\n width: 100%;\n min-height: 100px;\n outline: 0;\n color: #000000;\n background: #ffffff;\n font-size: 14px;\n font-family: inherit;\n resize: none;\n scrollbar-color: initial;\n}\n.composer--textarea label .autosuggest-textarea__textarea::-webkit-scrollbar,\n.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar {\n all: unset;\n}\n.composer--textarea label .autosuggest-textarea__textarea:disabled,\n.autosuggest-input label .autosuggest-textarea__textarea:disabled {\n background: #282c37;\n}\n.composer--textarea label .autosuggest-textarea__textarea:focus,\n.autosuggest-input label .autosuggest-textarea__textarea:focus {\n outline: 0;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .composer--textarea label .autosuggest-textarea__textarea,\n.auto-columns .autosuggest-input label .autosuggest-textarea__textarea {\n font-size: 16px;\n }\n}\n.single-column .composer--textarea label .autosuggest-textarea__textarea,\n.single-column .autosuggest-input label .autosuggest-textarea__textarea {\n font-size: 16px;\n}\n@media screen and (max-width: 600px) {\n .auto-columns .composer--textarea label .autosuggest-textarea__textarea, .single-column .composer--textarea label .autosuggest-textarea__textarea,\n.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,\n.single-column .autosuggest-input label .autosuggest-textarea__textarea {\n height: 100px !important;\n resize: vertical;\n }\n}\n\n.composer--textarea--icons {\n display: block;\n position: absolute;\n top: 29px;\n right: 5px;\n bottom: 5px;\n overflow: hidden;\n}\n.composer--textarea--icons > .textarea_icon {\n display: block;\n margin: 2px 0 0 2px;\n width: 24px;\n height: 24px;\n color: #282c37;\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n opacity: 0.8;\n}\n\n.autosuggest-textarea__suggestions {\n display: block;\n position: absolute;\n box-sizing: border-box;\n top: 100%;\n border-radius: 0 0 4px 4px;\n padding: 6px;\n width: 100%;\n color: #000000;\n background: #282c37;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n font-size: 14px;\n z-index: 99;\n display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n border-radius: 4px;\n padding: 10px;\n font-size: 14px;\n line-height: 18px;\n overflow: hidden;\n cursor: pointer;\n}\n.autosuggest-textarea__suggestions__item:hover, .autosuggest-textarea__suggestions__item:focus, .autosuggest-textarea__suggestions__item:active, .autosuggest-textarea__suggestions__item.selected {\n background: #3d4455;\n}\n.autosuggest-textarea__suggestions__item > .emoji img {\n display: block;\n float: left;\n margin-right: 8px;\n width: 18px;\n height: 18px;\n}\n.autosuggest-textarea__suggestions__item > .account.small .display-name > span {\n color: #282c37;\n}\n\n.composer--upload_form {\n overflow: hidden;\n}\n.composer--upload_form > .content {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: inherit;\n padding: 5px;\n overflow: hidden;\n}\n\n.composer--upload_form--item {\n flex: 1 1 0;\n margin: 5px;\n min-width: 40%;\n}\n.composer--upload_form--item > div {\n position: relative;\n border-radius: 4px;\n height: 140px;\n width: 100%;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n overflow: hidden;\n}\n.composer--upload_form--item > div textarea {\n display: block;\n position: absolute;\n box-sizing: border-box;\n bottom: 0;\n left: 0;\n margin: 0;\n border: 0;\n padding: 10px;\n width: 100%;\n color: #282c37;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n font-size: 14px;\n font-family: inherit;\n font-weight: 500;\n opacity: 0;\n z-index: 2;\n transition: opacity 0.1s ease;\n}\n.composer--upload_form--item > div textarea:focus {\n color: #ffffff;\n}\n.composer--upload_form--item > div textarea::placeholder {\n opacity: 0.54;\n color: #282c37;\n}\n.composer--upload_form--item > div > .close {\n mix-blend-mode: difference;\n}\n.composer--upload_form--item.active > div textarea {\n opacity: 1;\n}\n\n.composer--upload_form--actions {\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.composer--upload_form--actions .icon-button {\n flex: 0 1 auto;\n color: #282c37;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n}\n.composer--upload_form--actions .icon-button:hover, .composer--upload_form--actions .icon-button:focus, .composer--upload_form--actions .icon-button:active {\n color: #1f232b;\n}\n.composer--upload_form--actions.active {\n opacity: 1;\n}\n\n.composer--upload_form--progress {\n display: flex;\n padding: 10px;\n color: #282c37;\n overflow: hidden;\n}\n.composer--upload_form--progress > .fa {\n font-size: 34px;\n margin-right: 10px;\n}\n.composer--upload_form--progress > .message {\n flex: 1 1 auto;\n}\n.composer--upload_form--progress > .message > span {\n display: block;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n}\n.composer--upload_form--progress > .message > .backdrop {\n position: relative;\n margin-top: 5px;\n border-radius: 6px;\n width: 100%;\n height: 6px;\n background: #3c5063;\n}\n.composer--upload_form--progress > .message > .backdrop > .tracker {\n position: absolute;\n top: 0;\n left: 0;\n height: 6px;\n border-radius: 6px;\n background: #2b90d9;\n}\n\n.compose-form__modifiers {\n color: #000000;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n\n.composer--options {\n padding: 10px;\n background: white;\n box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);\n border-radius: 0 0 4px 4px;\n height: 27px;\n}\n.composer--options > * {\n display: inline-block;\n box-sizing: content-box;\n padding: 0 3px;\n height: 27px;\n line-height: 27px;\n vertical-align: bottom;\n}\n.composer--options > hr {\n display: inline-block;\n margin: 0 3px;\n border-width: 0 0 0 1px;\n border-style: none none none solid;\n border-color: transparent transparent transparent white;\n padding: 0;\n width: 0;\n height: 27px;\n background: transparent;\n}\n\n.composer--options--dropdown.open > .value {\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);\n color: #000000;\n background: #2b90d9;\n transition: none;\n}\n.composer--options--dropdown.open.top > .value {\n border-radius: 0 0 4px 4px;\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);\n}\n\n.composer--options--dropdown--content {\n position: absolute;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n background: #ffffff;\n overflow: hidden;\n transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n display: flex;\n align-items: center;\n padding: 10px;\n color: #000000;\n cursor: pointer;\n}\n.composer--options--dropdown--content--item > .content {\n flex: 1 1 auto;\n color: #282c37;\n}\n.composer--options--dropdown--content--item > .content:not(:first-child) {\n margin-left: 10px;\n}\n.composer--options--dropdown--content--item > .content strong {\n display: block;\n color: #000000;\n font-weight: 500;\n}\n.composer--options--dropdown--content--item:hover, .composer--options--dropdown--content--item.active {\n background: #2b90d9;\n color: #000000;\n}\n.composer--options--dropdown--content--item:hover > .content, .composer--options--dropdown--content--item.active > .content {\n color: #000000;\n}\n.composer--options--dropdown--content--item:hover > .content strong, .composer--options--dropdown--content--item.active > .content strong {\n color: #000000;\n}\n.composer--options--dropdown--content--item.active:hover {\n background: #2485cb;\n}\n\n.composer--publisher {\n padding-top: 10px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n}\n.composer--publisher > .count {\n display: inline-block;\n margin: 0 16px 0 8px;\n font-size: 16px;\n line-height: 36px;\n}\n.composer--publisher > .primary {\n display: inline-block;\n margin: 0;\n padding: 0 10px;\n text-align: center;\n}\n.composer--publisher > .side_arm {\n display: inline-block;\n margin: 0 2px 0 0;\n padding: 0;\n width: 36px;\n text-align: center;\n}\n.composer--publisher.over > .count {\n color: #ff5050;\n}\n\n.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n}\n\n@media screen and (min-width: 360px) {\n .auto-columns .columns-area, .single-column .columns-area {\n padding: 10px;\n }\n .auto-columns .react-swipeable-view-container .columns-area, .single-column .react-swipeable-view-container .columns-area {\n height: calc(100% - 20px) !important;\n }\n}\n\n.react-swipeable-view-container,\n.react-swipeable-view-container .columns-area,\n.react-swipeable-view-container .column {\n height: 100%;\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.column > .scrollable {\n background: #d9e1e8;\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: #eff3f5;\n}\n\n.column {\n overflow: hidden;\n}\n\n@media screen and (min-width: 360px) {\n .auto-columns .tabs-bar, .single-column .tabs-bar {\n margin: 10px;\n margin-bottom: 0;\n }\n}\n\n@media screen and (max-width: 630px) {\n :root .auto-columns .column {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n :root .auto-columns .columns-area {\n flex-direction: column;\n }\n :root .auto-columns .search__input,\n:root .auto-columns .autosuggest-textarea__textarea {\n font-size: 16px;\n }\n}\n:root .single-column .column {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n}\n:root .single-column .columns-area {\n flex-direction: column;\n}\n:root .single-column .search__input,\n:root .single-column .autosuggest-textarea__textarea {\n font-size: 16px;\n}\n\n@media screen and (min-width: 631px) {\n .auto-columns .columns-area {\n padding: 0;\n }\n .auto-columns .column {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n }\n .auto-columns .column:first-child {\n padding-left: 10px;\n }\n .auto-columns .column:last-child {\n padding-right: 10px;\n }\n .auto-columns .columns-area > div .column {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n\n.multi-columns .columns-area {\n padding: 0;\n}\n.multi-columns .column {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.multi-columns .column:first-child {\n padding-left: 10px;\n}\n.multi-columns .column:last-child {\n padding-right: 10px;\n}\n.multi-columns .columns-area > div .column {\n padding-left: 5px;\n padding-right: 5px;\n}\n\n.column-back-button {\n background: #ccd7e0;\n color: #2b90d9;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n}\n.column-back-button:hover {\n text-decoration: underline;\n}\n\n.column-header__back-button {\n background: #ccd7e0;\n border: 0;\n font-family: inherit;\n color: #2b90d9;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n}\n.column-header__back-button:hover {\n text-decoration: underline;\n}\n.column-header__back-button:last-child {\n padding: 0 15px 0 0;\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.column-link {\n background: #c0cdd9;\n color: #000000;\n display: block;\n font-size: 16px;\n padding: 15px;\n text-decoration: none;\n}\n.column-link:hover {\n background: #b6c5d3;\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-subheading {\n background: #d9e1e8;\n color: #444b5d;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n}\n.column-header__wrapper.active::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%);\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: #ccd7e0;\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n}\n.column-header > button {\n margin: 0;\n border: none;\n padding: 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n.column-header > .column-header__back-button {\n color: #2b90d9;\n}\n.column-header.active {\n box-shadow: 0 1px 0 rgba(43, 144, 217, 0.3);\n}\n.column-header.active .column-header__icon {\n color: #2b90d9;\n text-shadow: 0 0 10px rgba(43, 144, 217, 0.4);\n}\n.column-header:focus, .column-header:active {\n outline: 0;\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.wide .column {\n flex: auto;\n min-width: 330px;\n max-width: 400px;\n}\n.column > .scrollable {\n background: #d9e1e8;\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n margin-left: 0;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button, .column-header__notif-cleaning-buttons button {\n background: #ccd7e0;\n border: 0;\n color: #282c37;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n}\n.column-header__button:hover, .column-header__notif-cleaning-buttons button:hover {\n color: #191b22;\n}\n.column-header__button.active, .column-header__notif-cleaning-buttons button.active {\n color: #000000;\n background: #c0cdd9;\n}\n.column-header__button.active:hover, .column-header__notif-cleaning-buttons button.active:hover {\n color: #000000;\n background: #c0cdd9;\n}\n.column-header__button:focus, .column-header__notif-cleaning-buttons button:focus {\n text-shadow: 0 0 4px #419bdd;\n}\n\n.column-header__notif-cleaning-buttons {\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n}\n.column-header__notif-cleaning-buttons button {\n background: transparent;\n text-align: center;\n padding: 10px 0;\n white-space: pre-wrap;\n}\n.column-header__notif-cleaning-buttons b {\n font-weight: bold;\n}\n\n.column-header__collapsible-inner.nopad-drawer {\n padding: 0;\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: #282c37;\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 #b3c3d1;\n margin: 10px 0;\n}\n.column-header__collapsible.ncd {\n transition: none;\n}\n.column-header__collapsible.ncd.collapsed {\n max-height: 0;\n opacity: 0.7;\n}\n\n.column-header__collapsible-inner {\n background: #c0cdd9;\n padding: 15px;\n}\n\n.column-header__setting-btn:hover {\n color: #282c37;\n text-decoration: underline;\n}\n\n.column-header__setting-arrows {\n float: right;\n}\n.column-header__setting-arrows .column-header__setting-btn {\n padding: 0 10px;\n}\n.column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-right: 0;\n}\n\n.column-header__title {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #444b5d;\n background: #d9e1e8;\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: #2b90d9;\n text-decoration: none;\n}\n.empty-column-indicator a:hover,\n.error-column a:hover {\n text-decoration: underline;\n}\n\n.error-column {\n flex-direction: column;\n}\n\n.single-column.navbar-under .tabs-bar {\n margin-top: 0 !important;\n margin-bottom: -6px !important;\n}\n\n@media screen and (max-width: 360px) {\n .auto-columns.navbar-under .tabs-bar {\n margin-top: 0 !important;\n margin-bottom: -6px !important;\n }\n}\n\n@media screen and (max-width: 360px) {\n .auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n height: 100% !important;\n }\n}\n\n.column-inline-form {\n padding: 7px 15px;\n padding-right: 5px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: #ccd7e0;\n}\n.column-inline-form label {\n flex: 1 1 auto;\n}\n.column-inline-form label input {\n width: 100%;\n margin-bottom: 6px;\n}\n.column-inline-form label input:focus {\n outline: 0;\n}\n.column-inline-form .icon-button {\n flex: 0 0 auto;\n margin: 0 5px;\n}\n\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: #3897db;\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: #227dbe;\n}\n\n.regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: #444b5d;\n background: #d9e1e8;\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: #444b5d;\n}\n.regeneration-indicator__label span {\n font-size: 15px;\n font-weight: 400;\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n display: block;\n padding: 10px;\n padding-right: 30px;\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: none;\n box-shadow: none;\n font-family: inherit;\n background: #d9e1e8;\n color: #282c37;\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: #ccd7e0;\n}\n@media screen and (max-width: 600px) {\n .search__input {\n font-size: 16px;\n }\n}\n\n.search__icon .fa {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 2;\n display: inline-block;\n opacity: 0;\n transition: all 100ms linear;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: #282c37;\n cursor: default;\n pointer-events: none;\n}\n.search__icon .fa.active {\n pointer-events: auto;\n opacity: 0.3;\n}\n.search__icon .fa-search {\n transform: rotate(90deg);\n}\n.search__icon .fa-search.active {\n pointer-events: none;\n transform: rotate(0deg);\n}\n.search__icon .fa-times-circle {\n top: 11px;\n transform: rotate(0deg);\n cursor: pointer;\n}\n.search__icon .fa-times-circle.active {\n transform: rotate(90deg);\n}\n.search__icon .fa-times-circle:hover {\n color: #000000;\n}\n\n.search-results__header {\n color: #444b5d;\n background: #d3dce4;\n border-bottom: 1px solid #e6ebf0;\n padding: 15px 10px;\n font-size: 14px;\n font-weight: 500;\n}\n\n.trends__header {\n color: #444b5d;\n background: #d3dce4;\n border-bottom: 1px solid #e6ebf0;\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 #c0cdd9;\n}\n.trends__item:last-child {\n border-bottom: 0;\n}\n.trends__item__name {\n flex: 1 1 auto;\n color: #444b5d;\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: #282c37;\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: #282c37;\n}\n.trends__item__sparkline {\n flex: 0 0 auto;\n width: 50px;\n}\n.trends__item__sparkline path {\n stroke: #2380c3 !important;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -0.2ex 0.15em 0.2ex;\n width: 16px;\n height: 16px;\n}\n.emojione img {\n width: auto;\n}\n\n.emoji-picker-dropdown__menu {\n background: #ffffff;\n position: absolute;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n}\n.emoji-picker-dropdown__menu .emoji-mart-scroll {\n transition: opacity 200ms ease;\n}\n.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {\n opacity: 0.5;\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: #ffffff;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.emoji-picker-dropdown__modifiers__menu button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n}\n.emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active {\n background: rgba(40, 44, 55, 0.4);\n}\n.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {\n height: 22px;\n}\n\n.emoji-mart-emoji span {\n background-repeat: no-repeat;\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n}\n.emoji-button:active, .emoji-button:focus {\n outline: 0 !important;\n}\n.emoji-button img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n}\n.emoji-button:hover img, .emoji-button:active img, .emoji-button:focus img {\n opacity: 1;\n filter: none;\n}\n\n.doodle-modal {\n width: unset;\n}\n\n.doodle-modal__container {\n background: #d9e1e8;\n text-align: center;\n line-height: 0;\n}\n.doodle-modal__container canvas {\n border: 5px solid #d9e1e8;\n}\n\n.doodle-modal__action-bar .filler {\n flex-grow: 1;\n margin: 0;\n padding: 0;\n}\n.doodle-modal__action-bar .doodle-toolbar {\n line-height: 1;\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n justify-content: space-around;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs label {\n display: inline-block;\n width: 70px;\n text-align: right;\n margin-right: 2px;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number], .doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text] {\n width: 40px;\n}\n.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val {\n display: inline-block;\n text-align: left;\n width: 50px;\n}\n.doodle-modal__action-bar .doodle-palette {\n padding-right: 0 !important;\n border: 1px solid black;\n line-height: 0.2rem;\n flex-grow: 0;\n background: white;\n}\n.doodle-modal__action-bar .doodle-palette button {\n appearance: none;\n width: 1rem;\n height: 1rem;\n margin: 0;\n padding: 0;\n text-align: center;\n color: black;\n text-shadow: 0 0 1px white;\n cursor: pointer;\n box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5);\n border: 1px solid black;\n outline-offset: -1px;\n}\n.doodle-modal__action-bar .doodle-palette button.foreground {\n outline: 1px dashed white;\n}\n.doodle-modal__action-bar .doodle-palette button.background {\n outline: 1px dashed red;\n}\n.doodle-modal__action-bar .doodle-palette button.foreground.background {\n outline: 1px dashed red;\n border-color: white;\n}\n\n.drawer {\n width: 300px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n padding: 10px 5px;\n flex: none;\n}\n.drawer:first-child {\n padding-left: 10px;\n}\n.drawer:last-child {\n padding-right: 10px;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .drawer {\n flex: auto;\n }\n}\n.single-column .drawer {\n flex: auto;\n}\n@media screen and (max-width: 630px) {\n .auto-columns .drawer, .auto-columns .drawer:first-child, .auto-columns .drawer:last-child, .single-column .drawer, .single-column .drawer:first-child, .single-column .drawer:last-child {\n padding: 0;\n }\n}\n.wide .drawer {\n min-width: 300px;\n max-width: 400px;\n flex: 1 1 200px;\n}\n@media screen and (max-width: 630px) {\n :root .auto-columns .drawer {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n}\n:root .single-column .drawer {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n}\n.react-swipeable-view-container .drawer {\n height: 100%;\n}\n\n.drawer--header {\n display: flex;\n flex-direction: row;\n margin-bottom: 10px;\n flex: none;\n background: #c0cdd9;\n font-size: 16px;\n}\n.drawer--header > * {\n display: block;\n box-sizing: border-box;\n border-bottom: 2px solid transparent;\n padding: 15px 5px 13px;\n height: 48px;\n flex: 1 1 auto;\n color: #282c37;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n}\n.drawer--header a {\n transition: background 100ms ease-in;\n}\n.drawer--header a:focus, .drawer--header a:hover {\n outline: none;\n background: #cfd9e2;\n transition: background 200ms ease-out;\n}\n\n.drawer--search {\n position: relative;\n margin-bottom: 10px;\n flex: none;\n}\n@media screen and (max-width: 360px) {\n .auto-columns .drawer--search, .single-column .drawer--search {\n margin-bottom: 0;\n }\n}\n@media screen and (max-width: 630px) {\n .auto-columns .drawer--search {\n font-size: 16px;\n }\n}\n.single-column .drawer--search {\n font-size: 16px;\n}\n.drawer--search input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n padding: 10px 30px 10px 10px;\n width: 100%;\n height: 36px;\n outline: 0;\n color: #282c37;\n background: #d9e1e8;\n font-size: 14px;\n font-family: inherit;\n line-height: 16px;\n}\n.drawer--search input:focus {\n outline: 0;\n background: #ccd7e0;\n}\n.drawer--search > .icon {\n display: block;\n position: absolute;\n top: 10px;\n right: 10px;\n width: 18px;\n height: 18px;\n color: #282c37;\n font-size: 18px;\n line-height: 18px;\n z-index: 2;\n}\n.drawer--search > .icon .fa {\n display: inline-block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n cursor: default;\n pointer-events: none;\n transition: all 100ms linear;\n}\n.drawer--search > .icon .fa-search {\n opacity: 0.3;\n transform: rotate(0deg);\n}\n.drawer--search > .icon .fa-times-circle {\n transform: rotate(-90deg);\n cursor: pointer;\n}\n.drawer--search > .icon .fa-times-circle:hover {\n color: #000000;\n}\n.drawer--search.active > .icon .fa-search {\n opacity: 0;\n transform: rotate(90deg);\n}\n.drawer--search.active > .icon .fa-times-circle {\n opacity: 0.3;\n pointer-events: auto;\n transform: rotate(0deg);\n}\n\n.drawer--search--popout {\n background: #ffffff;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: #444b5d;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.drawer--search--popout h4 {\n text-transform: uppercase;\n color: #444b5d;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.drawer--search--popout li {\n padding: 4px 0;\n}\n.drawer--search--popout ul {\n margin-bottom: 10px;\n}\n.drawer--search--popout em {\n font-weight: 500;\n color: #000000;\n}\n\n.drawer--account {\n padding: 10px;\n color: #282c37;\n}\n.drawer--account > a {\n color: inherit;\n text-decoration: none;\n}\n.drawer--account > .avatar {\n float: left;\n margin-right: 10px;\n}\n.drawer--account > .acct {\n display: block;\n color: #282c37;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.drawer--results {\n background: #d9e1e8;\n overflow-x: hidden;\n overflow-y: auto;\n}\n.drawer--results > header {\n color: #444b5d;\n background: #d3dce4;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n}\n.drawer--results > header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.drawer--results > section {\n margin-bottom: 5px;\n}\n.drawer--results > section h5 {\n background: #e6ebf0;\n border-bottom: 1px solid #c0cdd9;\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: #444b5d;\n}\n.drawer--results > section h5 .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.drawer--results > section .account:last-child, .drawer--results > section > div:last-child .status {\n border-bottom: 0;\n}\n.drawer--results > section > .hashtag {\n display: block;\n padding: 10px;\n color: #282c37;\n text-decoration: none;\n}\n.drawer--results > section > .hashtag:hover, .drawer--results > section > .hashtag:active, .drawer--results > section > .hashtag:focus {\n color: #1f232b;\n text-decoration: underline;\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: #b0c0cf;\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n}\n.drawer__inner.darker {\n background: #d9e1e8;\n}\n\n.drawer__inner__mastodon {\n background: #b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;\n flex: 1;\n min-height: 47px;\n}\n.drawer__inner__mastodon > img {\n display: block;\n object-fit: contain;\n object-position: bottom left;\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-drag: none;\n user-select: none;\n}\n.drawer__inner__mastodon > .mastodon {\n display: block;\n width: 100%;\n height: 100%;\n border: none;\n cursor: inherit;\n}\n\n.pseudo-drawer {\n background: #b0c0cf;\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.5);\n}\n\n.video-error-cover {\n align-items: center;\n background: #ffffff;\n color: #000000;\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: #ffffff;\n color: #282c37;\n border: 0;\n width: 100%;\n height: 100%;\n}\n.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {\n color: #17191f;\n}\n.status__content > .media-spoiler {\n margin-top: 15px;\n}\n.media-spoiler.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: #000000;\n background: rgba(255, 255, 255, 0.5);\n bottom: 6px;\n left: 6px;\n padding: 2px 6px;\n border-radius: 2px;\n font-size: 11px;\n font-weight: 600;\n z-index: 1;\n pointer-events: none;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n}\n\n.media-gallery__gifv.autoplay .media-gallery__gifv__label {\n display: none;\n}\n.media-gallery__gifv:hover .media-gallery__gifv__label {\n opacity: 1;\n}\n\n.media-gallery__audio {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.media-gallery__audio span {\n text-align: center;\n color: #282c37;\n display: flex;\n height: 100%;\n align-items: center;\n}\n.media-gallery__audio span p {\n width: 100%;\n}\n.media-gallery__audio audio {\n width: 100%;\n}\n\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n height: 110px;\n}\n.media-gallery.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.media-gallery__item {\n border: none;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n.full-width .media-gallery__item {\n border-radius: 0;\n}\n.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n}\n.media-gallery__item.letterbox {\n background: #000000;\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: #282c37;\n line-height: 0;\n}\n.media-gallery__item-thumbnail,\n.media-gallery__item-thumbnail img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n}\n.media-gallery__item-thumbnail:not(.letterbox),\n.media-gallery__item-thumbnail img:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n width: 100%;\n position: relative;\n z-index: 1;\n object-fit: contain;\n user-select: none;\n}\n.media-gallery__item-gifv-thumbnail:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.media-modal .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.media-modal .extended-video-player video {\n max-width: 100%;\n max-height: 80%;\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n}\n.media-modal__navigation * {\n pointer-events: auto;\n}\n.media-modal__navigation.media-modal__navigation--hidden {\n opacity: 0;\n}\n.media-modal__navigation.media-modal__navigation--hidden * {\n pointer-events: none;\n}\n\n.media-modal__nav {\n background: rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n border: 0;\n color: #000000;\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: #2b90d9;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.detailed .video-player__volume__current,\n.detailed .video-player__volume::before,\n.fullscreen .video-player__volume__current,\n.fullscreen .video-player__volume::before {\n bottom: 27px;\n}\n.detailed .video-player__volume__handle,\n.fullscreen .video-player__volume__handle {\n bottom: 23px;\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: #000000;\n max-width: 100%;\n}\n.video-player:focus {\n outline: 0;\n}\n.detailed-status .video-player {\n width: 100%;\n height: 100%;\n}\n.video-player.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n.video-player video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n position: relative;\n}\n.video-player.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n}\n.video-player.fullscreen video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n}\n.video-player.inline video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n.video-player__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.video-player__controls.active {\n opacity: 1;\n}\n.video-player.inactive video,\n.video-player.inactive .video-player__controls {\n visibility: hidden;\n}\n.video-player__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: #000000;\n color: #282c37;\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: #191b22;\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: #217aba;\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: #217aba;\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: #217aba;\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: #217aba;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.video-player__seek__handle.active {\n opacity: 1;\n}\n.video-player__seek:hover .video-player__seek__handle {\n opacity: 1;\n}\n.video-player.detailed .video-player__buttons button, .video-player.fullscreen .video-player__buttons button {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.media-spoiler-video {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n margin-top: 8px;\n position: relative;\n border: 0;\n display: block;\n}\n.media-spoiler-video.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n}\n\n.media-spoiler-video-play-icon {\n border-radius: 100px;\n color: rgba(0, 0, 0, 0.8);\n font-size: 36px;\n left: 50%;\n padding: 5px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sensitive-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: absolute;\n top: 4px;\n left: 4px;\n z-index: 100;\n}\n\n.sensitive-marker {\n margin: 0 3px;\n border-radius: 2px;\n padding: 2px 6px;\n color: rgba(0, 0, 0, 0.8);\n background: rgba(255, 255, 255, 0.5);\n font-size: 12px;\n line-height: 15px;\n text-transform: uppercase;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n}\n.media-gallery:hover .sensitive-marker {\n opacity: 1;\n}\n\n.list-editor {\n background: #d9e1e8;\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: #b0c0cf;\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: #d9e1e8;\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: #b0c0cf;\n}\n.list-adder__lists {\n background: #b0c0cf;\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 #c0cdd9;\n}\n.list-adder .list__wrapper {\n display: flex;\n}\n.list-adder .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n}\n\n.emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: #000000;\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 #393f4f;\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: #282c37;\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: #282c37;\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: #313543;\n}\n\n.emoji-mart-anchor-selected {\n color: #2b90d9;\n}\n.emoji-mart-anchor-selected:hover {\n color: #3c99dc;\n}\n.emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n bottom: 0;\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 100%;\n height: 3px;\n background-color: #3897db;\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(255, 255, 255, 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(40, 44, 55, 0.3);\n color: #000000;\n border: 1px solid #282c37;\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(40, 44, 55, 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: #444b5d;\n}\n.emoji-mart-no-results .emoji-mart-category-label {\n display: none;\n}\n.emoji-mart-no-results .emoji-mart-no-results-label {\n margin-top: 0.2em;\n}\n.emoji-mart-no-results .emoji-mart-emoji:hover::before {\n content: none;\n}\n\n.emoji-mart-preview {\n display: none;\n}\n\n.glitch.local-settings {\n position: relative;\n display: flex;\n flex-direction: row;\n background: #282c37;\n color: #000000;\n border-radius: 8px;\n height: 80vh;\n width: 80vw;\n max-width: 740px;\n max-height: 450px;\n overflow: hidden;\n}\n.glitch.local-settings label, .glitch.local-settings legend {\n display: block;\n font-size: 14px;\n}\n.glitch.local-settings .boolean label, .glitch.local-settings .radio_buttons label {\n position: relative;\n padding-left: 28px;\n padding-top: 3px;\n}\n.glitch.local-settings .boolean label input, .glitch.local-settings .radio_buttons label input {\n position: absolute;\n left: 0;\n top: 0;\n}\n.glitch.local-settings span.hint {\n display: block;\n color: #282c37;\n}\n.glitch.local-settings h1 {\n font-size: 18px;\n font-weight: 500;\n line-height: 24px;\n margin-bottom: 20px;\n}\n.glitch.local-settings h2 {\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n margin-top: 20px;\n margin-bottom: 10px;\n}\n\n.glitch.local-settings__navigation__item {\n display: block;\n padding: 15px 20px;\n color: inherit;\n background: #17191f;\n border-bottom: 1px #282c37 solid;\n cursor: pointer;\n text-decoration: none;\n outline: none;\n transition: background 0.3s;\n}\n.glitch.local-settings__navigation__item .text-icon-button {\n color: inherit;\n transition: unset;\n}\n.glitch.local-settings__navigation__item:hover {\n background: #282c37;\n}\n.glitch.local-settings__navigation__item.active {\n background: #2b90d9;\n color: #000000;\n}\n.glitch.local-settings__navigation__item.close, .glitch.local-settings__navigation__item.close:hover {\n background: #df405a;\n color: #000000;\n}\n\n.glitch.local-settings__navigation {\n background: #17191f;\n width: 212px;\n font-size: 15px;\n line-height: 20px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n display: block;\n flex: auto;\n padding: 15px 20px 15px 20px;\n width: 360px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n .glitch.local-settings__navigation {\n width: 40px;\n flex-shrink: 0;\n }\n\n .glitch.local-settings__navigation__item {\n padding: 10px;\n }\n .glitch.local-settings__navigation__item span:last-of-type {\n display: none;\n }\n}\n.error-boundary h1 {\n font-size: 26px;\n line-height: 36px;\n font-weight: 400;\n margin-bottom: 8px;\n}\n.error-boundary p {\n color: #000000;\n font-size: 15px;\n line-height: 20px;\n}\n.error-boundary p a {\n color: #000000;\n text-decoration: underline;\n}\n.error-boundary p ul {\n list-style: disc;\n margin-left: 0;\n padding-left: 1em;\n}\n.error-boundary p textarea.web_app_crash-stacktrace {\n width: 100%;\n resize: none;\n white-space: pre;\n font-family: monospace, monospace;\n}\n\n.poll {\n margin-top: 16px;\n font-size: 14px;\n}\n.poll li {\n margin-bottom: 10px;\n position: relative;\n height: 30px;\n}\n.poll__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: #c9d3e1;\n}\n.poll__chart.leading {\n background: #2b90d9;\n}\n.poll__text {\n position: relative;\n display: inline-block;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.poll__text input[type=radio],\n.poll__text input[type=checkbox] {\n display: none;\n}\n.poll__text .autossugest-input {\n flex: 1 1 auto;\n}\n.poll__text input[type=text] {\n display: block;\n box-sizing: border-box;\n width: 100%;\n font-size: 14px;\n color: #000000;\n display: block;\n outline: 0;\n font-family: inherit;\n background: #ffffff;\n border: 1px solid white;\n border-radius: 4px;\n padding: 6px 10px;\n}\n.poll__text input[type=text]:focus {\n border-color: #2b90d9;\n}\n.poll__text.selectable {\n cursor: pointer;\n}\n.poll__text.editable {\n display: flex;\n align-items: center;\n overflow: visible;\n}\n.poll__input {\n display: inline-block;\n position: relative;\n border: 1px solid #9baec8;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 50%;\n vertical-align: middle;\n}\n.poll__input.checkbox {\n border-radius: 4px;\n}\n.poll__input.active {\n border-color: #79bd9a;\n background: #79bd9a;\n}\n.poll__number {\n display: inline-block;\n width: 36px;\n font-weight: 700;\n padding: 0 10px;\n text-align: right;\n}\n.poll__footer {\n padding-top: 6px;\n padding-bottom: 5px;\n color: #444b5d;\n}\n.poll__link {\n display: inline;\n background: transparent;\n padding: 0;\n margin: 0;\n border: 0;\n color: #444b5d;\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 white;\n}\n.compose-form__poll-wrapper ul {\n padding: 10px;\n}\n.compose-form__poll-wrapper .poll__footer {\n border-top: 1px solid white;\n padding: 10px;\n display: flex;\n align-items: center;\n}\n.compose-form__poll-wrapper .poll__footer button,\n.compose-form__poll-wrapper .poll__footer select {\n width: 100%;\n flex: 1 1 50%;\n}\n.compose-form__poll-wrapper .button.button-secondary {\n font-size: 14px;\n font-weight: 400;\n padding: 6px 10px;\n height: auto;\n line-height: inherit;\n color: #606984;\n border-color: #606984;\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: #000000;\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='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;\n border: 1px solid white;\n border-radius: 4px;\n padding: 6px 10px;\n padding-right: 30px;\n}\n.compose-form__poll-wrapper .icon-button.disabled {\n color: white;\n}\n\n.muted .poll {\n color: #444b5d;\n}\n.muted .poll__chart {\n background: rgba(201, 211, 225, 0.2);\n}\n.muted .poll__chart.leading {\n background: rgba(43, 144, 217, 0.2);\n}\n\n.container {\n box-sizing: border-box;\n max-width: 1235px;\n margin: 0 auto;\n position: relative;\n}\n@media screen and (max-width: 1255px) {\n .container {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n color: #282c37;\n padding-right: 10px;\n}\n.rich-formatting a {\n color: #2b90d9;\n text-decoration: underline;\n}\n.rich-formatting p,\n.rich-formatting li {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #282c37;\n}\n.rich-formatting p a,\n.rich-formatting li a {\n color: #2b90d9;\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: #131419;\n}\n.rich-formatting h1 {\n font-family: sans-serif, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h1 small {\n font-family: sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #131419;\n}\n.rich-formatting h2 {\n font-family: sans-serif, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h3 {\n font-family: sans-serif, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h4 {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h5 {\n font-family: sans-serif, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.rich-formatting h6 {\n font-family: sans-serif, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\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(60, 80, 99, 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: #e6ebf0;\n padding: 20px 0;\n}\n.information-board .container-alt {\n position: relative;\n padding-right: 295px;\n}\n.information-board__sections {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.information-board__section {\n flex: 1 0 0;\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: #000000;\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: #282c37;\n}\n.information-board__section strong {\n font-family: sans-serif, sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n}\n@media screen and (max-width: 700px) {\n .information-board__section {\n text-align: center;\n }\n}\n.information-board .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: #f2f5f7;\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n}\n.information-board .panel .panel-header {\n font-family: sans-serif, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: #282c37;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid #ccd7e0;\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: #3d4455;\n}\n.information-board .panel .panel-header a {\n text-decoration: none;\n}\n.information-board .owner {\n text-align: center;\n}\n.information-board .owner .avatar {\n width: 80px;\n height: 80px;\n width: 80px;\n height: 80px;\n background-size: 80px 80px;\n margin: 0 auto;\n margin-bottom: 15px;\n}\n.information-board .owner .avatar img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n border-radius: 8%;\n background-position: 50%;\n background-clip: padding-box;\n}\n.information-board .owner .name {\n font-size: 14px;\n}\n.information-board .owner .name a {\n display: block;\n color: #000000;\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: #282c37;\n}\n\n.landing-page p,\n.landing-page li {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #282c37;\n}\n.landing-page p a,\n.landing-page li a {\n color: #2b90d9;\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: #131419;\n}\n.landing-page h1 {\n font-family: sans-serif, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h1 small {\n font-family: sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: #131419;\n}\n.landing-page h2 {\n font-family: sans-serif, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h3 {\n font-family: sans-serif, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h4 {\n font-family: sans-serif, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h5 {\n font-family: sans-serif, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\n}\n.landing-page h6 {\n font-family: sans-serif, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: #282c37;\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(60, 80, 99, 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: #e6ebf0;\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: #131419;\n}\n.landing-page__information .account {\n border-bottom: 0;\n padding: 0;\n}\n.landing-page__information .account__display-name {\n align-items: center;\n display: flex;\n margin-right: 5px;\n}\n.landing-page__information .account div.account__display-name:hover .display-name strong {\n text-decoration: none;\n}\n.landing-page__information .account div.account__display-name .account__avatar {\n cursor: default;\n}\n.landing-page__information .account__avatar-wrapper {\n margin-left: 0;\n flex: 0 0 auto;\n}\n.landing-page__information .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.landing-page__information .account .display-name {\n font-size: 15px;\n}\n.landing-page__information .account .display-name__account {\n font-size: 14px;\n}\n@media screen and (max-width: 960px) {\n .landing-page__information .contact {\n margin-top: 30px;\n }\n}\n@media screen and (max-width: 700px) {\n .landing-page__information {\n padding: 25px 20px;\n }\n}\n.landing-page__information, .landing-page__forms,\n.landing-page #mastodon-timeline {\n box-sizing: border-box;\n background: #d9e1e8;\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: #282c37;\n}\n.landing-page__short-description h1 {\n font-weight: 500;\n color: #000000;\n margin-bottom: 0;\n}\n.landing-page__short-description h1 small {\n color: #282c37;\n}\n.landing-page__short-description h1 small span {\n color: #282c37;\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: #282c37;\n}\n.landing .hero-widget__text {\n border-radius: 0;\n padding-bottom: 0;\n}\n.landing .hero-widget__footer {\n background: #d9e1e8;\n padding: 10px;\n border-radius: 0 0 4px 4px;\n display: flex;\n}\n.landing .hero-widget__footer__column {\n flex: 1 1 50%;\n}\n.landing .hero-widget .account {\n padding: 10px 0;\n border-bottom: 0;\n}\n.landing .hero-widget .account .account__display-name {\n display: flex;\n align-items: center;\n}\n.landing .hero-widget .account .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n}\n.landing .hero-widget__counter {\n padding: 10px;\n}\n.landing .hero-widget__counter strong {\n font-family: sans-serif, sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n}\n.landing .hero-widget__counter span {\n font-size: 14px;\n color: #282c37;\n}\n.landing .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: #282c37;\n}\n.landing .simple_form p.lead {\n color: #282c37;\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 #c0cdd9;\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: #444b5d;\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 #d9e1e8;\n text-align: left;\n background: #e6ebf0;\n}\n.table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #d9e1e8;\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: #d9e1e8;\n}\n.table a {\n color: #2b90d9;\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: #d9e1e8;\n border-top: 1px solid #f2f5f7;\n border-bottom: 1px solid #f2f5f7;\n}\n.table.batch-table > thead > tr > th:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid #f2f5f7;\n}\n.table.batch-table > thead > tr > th:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid #f2f5f7;\n}\n.table--invites tbody td {\n vertical-align: middle;\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: monospace, monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: #282c37;\n font-weight: 500;\n}\nbutton.table-action-link:hover,\na.table-action-link:hover {\n color: #000000;\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 #f2f5f7;\n background: #d9e1e8;\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 #f2f5f7;\n border-top: 0;\n background: #e6ebf0;\n}\n@media screen and (max-width: 415px) {\n .batch-table__row:first-child {\n border-top: 1px solid #f2f5f7;\n }\n}\n.batch-table__row:hover {\n background: #dfe6ec;\n}\n.batch-table__row:nth-child(even) {\n background: #d9e1e8;\n}\n.batch-table__row:nth-child(even):hover {\n background: #d3dce4;\n}\n.batch-table__row__content {\n padding-top: 12px;\n padding-bottom: 16px;\n}\n.batch-table__row__content--unpadded {\n padding: 0;\n}\n.batch-table .status__content {\n padding-top: 0;\n}\n.batch-table .status__content strong {\n font-weight: 700;\n}\n.batch-table .nothing-here {\n border: 1px solid #f2f5f7;\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 #f2f5f7;\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: #d9e1e8;\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: #282c37;\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: #000000;\n background-color: #e9eef2;\n transition: all 100ms linear;\n}\n.admin-wrapper .sidebar ul a.selected {\n background: #dfe6ec;\n border-radius: 4px 0 0;\n}\n.admin-wrapper .sidebar ul ul {\n background: #e6ebf0;\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: #000000;\n background-color: #2b90d9;\n border-bottom: 0;\n border-radius: 0;\n}\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {\n background-color: #2482c7;\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: #282c37;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid #c0cdd9;\n margin-bottom: 40px;\n}\n.admin-wrapper .content h3 {\n color: #282c37;\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: #282c37;\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid #c0cdd9;\n}\n.admin-wrapper .content h6 {\n font-size: 16px;\n color: #282c37;\n line-height: 28px;\n font-weight: 400;\n}\n.admin-wrapper .content .fields-group h6 {\n color: #000000;\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: #000000;\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: #282c37;\n margin-bottom: 20px;\n}\n.admin-wrapper .content > p strong {\n color: #000000;\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(60, 80, 99, 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: #282c37;\n}\n.admin-wrapper .content .muted-hint a {\n color: #2b90d9;\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: #444b5d;\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: #282c37;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n border-bottom: 2px solid #d9e1e8;\n}\n.filters .filter-subset a:hover {\n color: #000000;\n border-bottom: 2px solid #c9d4de;\n}\n.filters .filter-subset a.selected {\n color: #2b90d9;\n border-bottom: 2px solid #2b90d9;\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: #282c37;\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: #2b90d9;\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: #d9e1e8;\n color: #282c37;\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: #444b5d;\n}\n.log-entry__extras {\n background: #c6d2dc;\n border-radius: 0 0 4px 4px;\n padding: 10px;\n color: #282c37;\n font-family: monospace, monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n}\n.log-entry__icon {\n font-size: 28px;\n margin-right: 10px;\n color: #444b5d;\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: #c1203b;\n}\n.log-entry__icon__overlay.neutral {\n background: #2b90d9;\n}\n.log-entry a,\n.log-entry .username,\n.log-entry .target {\n color: #282c37;\n text-decoration: none;\n font-weight: 500;\n}\n.log-entry .diff-old {\n color: #c1203b;\n}\n.log-entry .diff-neutral {\n color: #282c37;\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: #282c37;\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: #c1203b;\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 #2b90d9;\n}\n.speech-bubble.positive {\n border-left-color: #79bd9a;\n}\n.speech-bubble.negative {\n border-left-color: #c1203b;\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: #282c37;\n}\n.speech-bubble__owner {\n padding: 8px;\n padding-left: 12px;\n}\n.speech-bubble time {\n color: #444b5d;\n}\n\n.report-card {\n background: #d9e1e8;\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: #282c37;\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: #17191f;\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 #e6ebf0;\n}\n.report-card__summary__item:hover {\n background: #d3dce4;\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: #282c37;\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: #444b5d;\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: #282c37;\n}\n\n.one-line {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n display: inline-block;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n}\n\n.emojione[title=\":wind_blowing_face:\"], .emojione[title=\":white_small_square:\"], .emojione[title=\":white_medium_square:\"], .emojione[title=\":white_medium_small_square:\"], .emojione[title=\":white_large_square:\"], .emojione[title=\":white_circle:\"], .emojione[title=\":waxing_crescent_moon:\"], .emojione[title=\":waving_white_flag:\"], .emojione[title=\":waning_gibbous_moon:\"], .emojione[title=\":waning_crescent_moon:\"], .emojione[title=\":volleyball:\"], .emojione[title=\":thought_balloon:\"], .emojione[title=\":speech_balloon:\"], .emojione[title=\":speaker:\"], .emojione[title=\":sound:\"], .emojione[title=\":snow_cloud:\"], .emojione[title=\":skull_and_crossbones:\"], .emojione[title=\":skull:\"], .emojione[title=\":sheep:\"], .emojione[title=\":rooster:\"], .emojione[title=\":rice_ball:\"], .emojione[title=\":rice:\"], .emojione[title=\":ram:\"], .emojione[title=\":rain_cloud:\"], .emojione[title=\":page_with_curl:\"], .emojione[title=\":mute:\"], .emojione[title=\":moon:\"], .emojione[title=\":loud_sound:\"], .emojione[title=\":lightning:\"], .emojione[title=\":last_quarter_moon_with_face:\"], .emojione[title=\":last_quarter_moon:\"], .emojione[title=\":ice_skate:\"], .emojione[title=\":grey_question:\"], .emojione[title=\":grey_exclamation:\"], .emojione[title=\":goat:\"], .emojione[title=\":ghost:\"], .emojione[title=\":full_moon_with_face:\"], .emojione[title=\":full_moon:\"], .emojione[title=\":fish_cake:\"], .emojione[title=\":first_quarter_moon_with_face:\"], .emojione[title=\":first_quarter_moon:\"], .emojione[title=\":eyes:\"], .emojione[title=\":dove_of_peace:\"], .emojione[title=\":dash:\"], .emojione[title=\":crescent_moon:\"], .emojione[title=\":cloud:\"], .emojione[title=\":chicken:\"], .emojione[title=\":chains:\"], .emojione[title=\":baseball:\"], .emojione[title=\":alien:\"] {\n filter: drop-shadow(1px 1px 0 #000000) drop-shadow(-1px 1px 0 #000000) drop-shadow(1px -1px 0 #000000) drop-shadow(-1px -1px 0 #000000);\n}\n\n.hicolor-privacy-icons .status__visibility-icon.fa-globe,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe {\n color: #1976D2;\n}\n.hicolor-privacy-icons .status__visibility-icon.fa-unlock,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock {\n color: #388E3C;\n}\n.hicolor-privacy-icons .status__visibility-icon.fa-lock,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock {\n color: #FFA000;\n}\n.hicolor-privacy-icons .status__visibility-icon.fa-envelope,\n.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope {\n color: #D32F2F;\n}\n\nbody.rtl {\n direction: rtl;\n}\nbody.rtl .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n}\nbody.rtl .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n}\nbody.rtl .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n}\nbody.rtl .column-link__icon,\nbody.rtl .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .search__input {\n padding-right: 10px;\n padding-left: 30px;\n}\nbody.rtl .search__icon .fa {\n right: auto;\n left: 10px;\n}\nbody.rtl .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: -15px;\n margin-right: 0;\n}\nbody.rtl .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n}\nbody.rtl .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .account__avatar-wrapper {\n float: right;\n}\nbody.rtl .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n}\nbody.rtl .column-header__setting-arrows {\n float: left;\n}\nbody.rtl .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .setting-meta__label {\n float: left;\n}\nbody.rtl .status__avatar {\n left: auto;\n right: 10px;\n}\nbody.rtl .status,\nbody.rtl .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n}\nbody.rtl .status__info .status__display-name,\nbody.rtl .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n}\nbody.rtl .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n}\nbody.rtl .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n}\nbody.rtl .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n}\nbody.rtl .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n}\nbody.rtl .column-back-button--slim-button {\n right: auto;\n left: 0;\n}\nbody.rtl .status__relative-time,\nbody.rtl .activity-stream .status.light .status__header .status__meta {\n float: left;\n}\nbody.rtl .activity-stream .detailed-status.light .detailed-status__display-name > div {\n float: right;\n margin-right: 0;\n margin-left: 10px;\n}\nbody.rtl .activity-stream .detailed-status.light .detailed-status__meta span > span {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .status__action-bar__counter {\n margin-right: 0;\n margin-left: 11px;\n}\nbody.rtl .status__action-bar__counter .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n}\nbody.rtl .status__action-bar-dropdown {\n float: right;\n}\nbody.rtl .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n}\nbody.rtl .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n}\nbody.rtl .detailed-status__favorites,\nbody.rtl .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .fa-ul {\n margin-left: 0;\n margin-left: 2.14285714em;\n}\nbody.rtl .fa-li {\n left: auto;\n right: -2.14285714em;\n}\nbody.rtl .admin-wrapper {\n direction: rtl;\n}\nbody.rtl .admin-wrapper .sidebar ul a i.fa,\nbody.rtl a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n}\nbody.rtl .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .simple_form .check_boxes .checkbox input[type=checkbox],\nbody.rtl .simple_form .input.boolean input[type=checkbox] {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n}\nbody.rtl .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n}\nbody.rtl .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.boolean .label_input,\nbody.rtl .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n}\nbody.rtl .simple_form .label_input__append {\n right: auto;\n left: 3px;\n}\nbody.rtl .simple_form .label_input__append::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb);\n}\nbody.rtl .simple_form select {\n background: #f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px;\n}\nbody.rtl .table th,\nbody.rtl .table td {\n text-align: right;\n}\nbody.rtl .filters .filter-subset {\n margin-right: 0;\n margin-left: 45px;\n}\nbody.rtl .landing-page .header-wrapper .mascot {\n right: 60px;\n left: auto;\n}\nbody.rtl .landing-page__call-to-action .row__information-board {\n direction: rtl;\n}\nbody.rtl .landing-page .header .hero .floats .float-1 {\n left: -120px;\n right: auto;\n}\nbody.rtl .landing-page .header .hero .floats .float-2 {\n left: 210px;\n right: auto;\n}\nbody.rtl .landing-page .header .hero .floats .float-3 {\n left: 110px;\n right: auto;\n}\nbody.rtl .landing-page .header .links .brand img {\n left: 0;\n}\nbody.rtl .landing-page .fa-external-link {\n padding-right: 5px;\n padding-left: 0 !important;\n}\nbody.rtl .landing-page .features #mastodon-timeline {\n margin-right: 0;\n margin-left: 30px;\n}\n@media screen and (min-width: 631px) {\n body.rtl .column,\nbody.rtl .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n body.rtl .column:first-child,\nbody.rtl .drawer:first-child {\n padding-left: 5px;\n padding-right: 10px;\n }\n body.rtl .columns-area > div .column,\nbody.rtl .columns-area > div .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\nbody.rtl .public-layout .header .nav-button {\n margin-left: 8px;\n margin-right: 0;\n}\nbody.rtl .public-layout .public-account-header__tabs {\n margin-left: 0;\n margin-right: 20px;\n}\nbody.rtl .landing-page__information .account__display-name {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .landing-page__information .account__avatar-wrapper {\n margin-left: 12px;\n margin-right: 0;\n}\nbody.rtl .card__bar .display-name {\n margin-left: 0;\n margin-right: 15px;\n text-align: right;\n}\nbody.rtl .fa-chevron-left::before {\n content: \"\";\n}\nbody.rtl .fa-chevron-right::before {\n content: \"\";\n}\nbody.rtl .column-back-button__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-left: 0;\n padding-right: 10px;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label input {\n left: auto;\n right: 0;\n}\n\n.dashboard__counters {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-bottom: 20px;\n}\n.dashboard__counters > div {\n box-sizing: border-box;\n flex: 0 0 33.333%;\n padding: 0 5px;\n margin-bottom: 10px;\n}\n.dashboard__counters > div > div, .dashboard__counters > div > a {\n padding: 20px;\n background: #ccd7e0;\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: #c0cdd9;\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: #000000;\n font-family: sans-serif, sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n}\n.dashboard__counters__text {\n font-size: 18px;\n}\n.dashboard__counters__label {\n font-size: 14px;\n color: #282c37;\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: #282c37;\n font-weight: 500;\n text-decoration: none;\n}\n\n.glitch.local-settings {\n background: #d9e1e8;\n}\n.glitch.local-settings__navigation {\n background: #f2f5f7;\n}\n.glitch.local-settings__navigation__item {\n background: #f2f5f7;\n}\n.glitch.local-settings__navigation__item:hover {\n background: #d9e1e8;\n}\n\n.notification__dismiss-overlay .wrappy {\n box-shadow: unset;\n}\n.notification__dismiss-overlay .ckbox {\n text-shadow: unset;\n}\n\n.status.status-direct {\n background: #f2f5f7;\n}\n.status.status-direct.collapsed > .status__content:after {\n background: linear-gradient(rgba(242, 245, 247, 0), #f2f5f7);\n}\n\n.focusable:focus.status.status-direct {\n background: #e6ebf0;\n}\n.focusable:focus.status.status-direct.collapsed > .status__content:after {\n background: linear-gradient(rgba(230, 235, 240, 0), #e6ebf0);\n}\n\n.column > .scrollable {\n background: white;\n}\n\n.status.collapsed .status__content:after {\n background: linear-gradient(rgba(255, 255, 255, 0), white);\n}\n\n.drawer__inner {\n background: #d9e1e8;\n}\n\n.drawer__inner__mastodon {\n background: #d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23FFFFFF\"/></svg>') no-repeat bottom/100% auto !important;\n}\n.drawer__inner__mastodon .mastodon {\n filter: contrast(75%) brightness(75%) !important;\n}\n\n.status__content .status__content__spoiler-link {\n background: #7a96ae;\n}\n.status__content .status__content__spoiler-link:hover {\n background: #6a89a5;\n text-decoration: none;\n}\n\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n background: #d9e1e8;\n}\n\n.dropdown-menu {\n background: #d9e1e8;\n}\n\n.dropdown-menu__arrow.left {\n border-left-color: #d9e1e8;\n}\n.dropdown-menu__arrow.top {\n border-top-color: #d9e1e8;\n}\n.dropdown-menu__arrow.bottom {\n border-bottom-color: #d9e1e8;\n}\n.dropdown-menu__arrow.right {\n border-right-color: #d9e1e8;\n}\n\n.dropdown-menu__item a {\n background: #d9e1e8;\n color: #282c37;\n}\n\n.composer .composer--spoiler input, .composer .composer--textarea textarea {\n color: #0f151a;\n}\n.composer .composer--spoiler input:disabled, .composer .composer--textarea textarea:disabled {\n background: #e6e6e6;\n}\n.composer .composer--spoiler input::placeholder, .composer .composer--textarea textarea::placeholder {\n color: #232f39;\n}\n.composer .composer--options {\n background: #b9c8d5;\n box-shadow: unset;\n}\n.composer .composer--options > hr {\n display: none;\n}\n.composer .composer--options--dropdown--content--item {\n color: #9baec8;\n}\n.composer .composer--options--dropdown--content--item strong {\n color: #9baec8;\n}\n\n.composer--upload_form--actions .icon-button {\n color: #ededed;\n}\n.composer--upload_form--actions .icon-button:active, .composer--upload_form--actions .icon-button:focus, .composer--upload_form--actions .icon-button:hover {\n color: #ffffff;\n}\n\n.composer--upload_form--item > div input {\n color: #ededed;\n}\n.composer--upload_form--item > div input::placeholder {\n color: #e6e6e6;\n}\n\n.dropdown-menu__separator {\n border-bottom-color: #b3c3d1;\n}\n\n.status__content a,\n.reply-indicator__content a {\n color: #2b90d9;\n}\n\n.emoji-mart-bar {\n border-color: #e6ebf0;\n}\n.emoji-mart-bar:first-child {\n background: #b9c8d5;\n}\n\n.emoji-mart-search input {\n background: rgba(217, 225, 232, 0.3);\n border-color: #d9e1e8;\n}\n\n.autosuggest-textarea__suggestions {\n background: #b9c8d5;\n}\n\n.autosuggest-textarea__suggestions__item:hover, .autosuggest-textarea__suggestions__item:focus, .autosuggest-textarea__suggestions__item:active, .autosuggest-textarea__suggestions__item.selected {\n background: #e6ebf0;\n}\n\n.react-toggle-track {\n background: #282c37;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: #131419;\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: #56a7e1;\n}\n\n.actions-modal,\n.boost-modal,\n.doodle-modal,\n.confirmation-modal,\n.mute-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal {\n background: #d9e1e8;\n}\n\n.boost-modal__action-bar, .doodle-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n background: #ecf0f4;\n}\n.boost-modal__action-bar .onboarding-modal__nav:hover, .doodle-modal__action-bar .onboarding-modal__nav:hover, .boost-modal__action-bar .onboarding-modal__nav:focus, .doodle-modal__action-bar .onboarding-modal__nav:focus, .boost-modal__action-bar .onboarding-modal__nav:active, .doodle-modal__action-bar .onboarding-modal__nav:active,\n.boost-modal__action-bar .error-modal__nav:hover,\n.doodle-modal__action-bar .error-modal__nav:hover,\n.boost-modal__action-bar .error-modal__nav:focus,\n.doodle-modal__action-bar .error-modal__nav:focus,\n.boost-modal__action-bar .error-modal__nav:active,\n.doodle-modal__action-bar .error-modal__nav:active,\n.confirmation-modal__action-bar .onboarding-modal__nav:hover,\n.confirmation-modal__action-bar .onboarding-modal__nav:focus,\n.confirmation-modal__action-bar .onboarding-modal__nav:active,\n.confirmation-modal__action-bar .error-modal__nav:hover,\n.confirmation-modal__action-bar .error-modal__nav:focus,\n.confirmation-modal__action-bar .error-modal__nav:active,\n.mute-modal__action-bar .onboarding-modal__nav:hover,\n.mute-modal__action-bar .onboarding-modal__nav:focus,\n.mute-modal__action-bar .onboarding-modal__nav:active,\n.mute-modal__action-bar .error-modal__nav:hover,\n.mute-modal__action-bar .error-modal__nav:focus,\n.mute-modal__action-bar .error-modal__nav:active,\n.onboarding-modal__paginator .onboarding-modal__nav:hover,\n.onboarding-modal__paginator .onboarding-modal__nav:focus,\n.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 background-color: white;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #364959;\n}\n\n.activity-stream-tabs {\n background: #ffffff;\n}\n.activity-stream-tabs a.active {\n color: #9baec8;\n}\n\n.activity-stream .entry {\n background: #ffffff;\n}\n.activity-stream .status.light .status__content {\n color: #000000;\n}\n.activity-stream .status.light .display-name strong {\n color: #000000;\n}\n\n.accounts-grid .account-grid-card .controls .icon-button {\n color: #282c37;\n}\n.accounts-grid .account-grid-card .name a {\n color: #000000;\n}\n.accounts-grid .account-grid-card .username {\n color: #282c37;\n}\n.accounts-grid .account-grid-card .account__header__content {\n color: #000000;\n}\n\n.button.logo-button {\n color: #ffffff;\n}\n.button.logo-button svg path:first-child {\n fill: #ffffff;\n}\n\n.public-layout .header,\n.public-layout .public-account-header,\n.public-layout .public-account-bio {\n box-shadow: none;\n}\n.public-layout .header {\n background: #b3c3d1;\n}\n.public-layout .public-account-header__image {\n background: #b3c3d1;\n}\n.public-layout .public-account-header__image::after {\n box-shadow: none;\n}\n.public-layout .public-account-header__tabs__name h1,\n.public-layout .public-account-header__tabs__name h1 small {\n color: #ffffff;\n}\n\n.account__section-headline a.active::after {\n border-color: transparent transparent #ffffff;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n box-shadow: none;\n}","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: darken($ui-base-color, 57%);\n$ui-highlight-color: $classic-highlight-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-base-color !default;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$base-overlay-background: $white !default;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n\n$emojis-requiring-outlines: 'alien' 'baseball' 'chains' 'chicken' 'cloud' 'crescent_moon' 'dash' 'dove_of_peace' 'eyes' 'first_quarter_moon' 'first_quarter_moon_with_face' 'fish_cake' 'full_moon' 'full_moon_with_face' 'ghost' 'goat' 'grey_exclamation' 'grey_question' 'ice_skate' 'last_quarter_moon' 'last_quarter_moon_with_face' 'lightning' 'loud_sound' 'moon' 'mute' 'page_with_curl' 'rain_cloud' 'ram' 'rice' 'rice_ball' 'rooster' 'sheep' 'skull' 'skull_and_crossbones' 'snow_cloud' 'sound' 'speaker' 'speech_balloon' 'thought_balloon' 'volleyball' 'waning_crescent_moon' 'waning_gibbous_moon' 'waving_white_flag' 'waxing_crescent_moon' 'white_circle' 'white_large_square' 'white_medium_small_square' 'white_medium_square' 'white_small_square' 'wind_blowing_face';\n","@function hex-color($color) {\n @if type-of($color) == 'color' {\n $color: str-slice(ie-hex-str($color), 4);\n }\n @return '%23' + unquote($color)\n}\n\nbody {\n font-family: $font-sans-serif, sans-serif;\n background: darken($ui-base-color, 8%);\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n color: $primary-text-color;\n text-rendering: optimizelegibility;\n font-feature-settings: \"kern\";\n text-size-adjust: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-tap-highlight-color: transparent;\n\n &.system-font {\n // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n // -apple-system => Safari <11 specific\n // BlinkMacSystemFont => Chrome <56 on macOS specific\n // Segoe UI => Windows 7/8/10\n // Oxygen => KDE\n // Ubuntu => Unity/Ubuntu\n // Cantarell => GNOME\n // Fira Sans => Firefox OS\n // Droid Sans => Older Androids (<4.0)\n // Helvetica Neue => Older macOS <10.11\n // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n }\n\n &.app-body {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0;\n background: $ui-base-color;\n\n &.with-modals--active {\n overflow-y: hidden;\n }\n }\n\n &.lighter {\n background: $ui-base-color;\n }\n\n &.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n\n &--active {\n overflow-y: hidden;\n margin-right: 13px;\n }\n }\n\n &.embed {\n background: lighten($ui-base-color, 4%);\n margin: 0;\n padding-bottom: 0;\n\n .container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n }\n\n &.admin {\n background: darken($ui-base-color, 4%);\n position: fixed;\n width: 100%;\n height: 100%;\n padding: 0;\n }\n\n &.error {\n position: absolute;\n text-align: center;\n color: $darker-text-color;\n background: $ui-base-color;\n width: 100%;\n height: 100%;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .dialog {\n vertical-align: middle;\n margin: 20px;\n\n img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n }\n\n h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n }\n }\n }\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n}\n\n.app-holder {\n &,\n & > div {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n }\n}\n",".container-alt {\n width: 700px;\n margin: 0 auto;\n margin-top: 40px;\n\n @media screen and (max-width: 740px) {\n width: 100%;\n margin: 0;\n }\n}\n\n.logo-container {\n margin: 100px auto 50px;\n\n @media screen and (max-width: 500px) {\n margin: 40px auto 0;\n }\n\n h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n height: 42px;\n margin-right: 10px;\n }\n\n a {\n display: flex;\n justify-content: center;\n align-items: center;\n color: $primary-text-color;\n text-decoration: none;\n outline: 0;\n padding: 12px 16px;\n line-height: 32px;\n font-family: $font-display, sans-serif;\n font-weight: 500;\n font-size: 14px;\n }\n }\n}\n\n.compose-standalone {\n .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n\n @media screen and (max-width: 400px) {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n\n @media screen and (max-width: 440px) {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n @include avatar-size(40px);\n margin-right: 8px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n @include avatar-radius();\n }\n }\n\n .name {\n flex: 1 1 auto;\n color: $secondary-text-color;\n width: calc(100% - 88px);\n\n .username {\n display: block;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n }\n\n .logout-link {\n display: block;\n font-size: 32px;\n line-height: 40px;\n margin-left: 8px;\n }\n}\n\n.grid-3 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 3fr 1fr;\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-column: 1/3;\n grid-row: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1/3;\n grid-row: 3;\n }\n\n .landing-page__call-to-action {\n min-height: 100%;\n }\n\n @media screen and (max-width: 738px) {\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n .landing-page__call-to-action {\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .row__information-board {\n width: 100%;\n justify-content: center;\n align-items: center;\n }\n\n .row__mascot {\n display: none;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n\n .column-0 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n\n .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1;\n grid-row: 4;\n }\n }\n}\n\n.public-layout {\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-top: 48px;\n }\n\n .container {\n max-width: 960px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding: 0;\n }\n }\n\n .header {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n height: 48px;\n margin: 10px 0;\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n overflow: hidden;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n border-radius: 0;\n box-shadow: none;\n z-index: 110;\n }\n\n & > div {\n flex: 1 1 33.3%;\n min-height: 1px;\n }\n\n .nav-left {\n display: flex;\n align-items: stretch;\n justify-content: flex-start;\n flex-wrap: nowrap;\n }\n\n .nav-center {\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n .nav-right {\n display: flex;\n align-items: stretch;\n justify-content: flex-end;\n flex-wrap: nowrap;\n }\n\n .brand {\n display: block;\n padding: 15px;\n\n img {\n display: block;\n height: 18px;\n width: auto;\n position: relative;\n bottom: -2px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n height: 20px;\n }\n }\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 12%);\n }\n }\n\n .nav-link {\n display: flex;\n align-items: center;\n padding: 0 1rem;\n font-size: 12px;\n font-weight: 500;\n text-decoration: none;\n color: $darker-text-color;\n white-space: nowrap;\n text-align: center;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n color: $primary-text-color;\n }\n\n @media screen and (max-width: 550px) {\n &.optional {\n display: none;\n }\n }\n }\n\n .nav-button {\n background: lighten($ui-base-color, 16%);\n margin: 8px;\n margin-left: 0;\n border-radius: 4px;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n background: lighten($ui-base-color, 20%);\n }\n }\n }\n\n $no-columns-breakpoint: 600px;\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-row: 1;\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 1;\n grid-column: 2;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n grid-template-columns: 100%;\n grid-gap: 0;\n\n .column-1 {\n display: none;\n }\n }\n }\n\n .public-account-header {\n overflow: hidden;\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &.inactive {\n opacity: 0.5;\n\n .public-account-header__image,\n .avatar {\n filter: grayscale(100%);\n }\n\n .logo-button {\n background-color: $secondary-text-color;\n\n svg path:last-child {\n fill: $secondary-text-color;\n }\n }\n }\n\n &__image {\n border-radius: 4px 4px 0 0;\n overflow: hidden;\n height: 300px;\n position: relative;\n background: darken($ui-base-color, 12%);\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n top: 0;\n left: 0;\n }\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 4px 4px 0 0;\n }\n\n @media screen and (max-width: 600px) {\n height: 200px;\n }\n }\n\n &--no-bar {\n margin-bottom: 0;\n\n .public-account-header__image,\n .public-account-header__image img {\n border-radius: 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n box-shadow: none;\n\n &__image::after {\n display: none;\n }\n\n &__image,\n &__image img {\n border-radius: 0;\n }\n }\n\n &__bar {\n position: relative;\n margin-top: -80px;\n display: flex;\n justify-content: flex-start;\n\n &::before {\n content: \"\";\n display: block;\n background: lighten($ui-base-color, 4%);\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60px;\n border-radius: 0 0 4px 4px;\n z-index: -1;\n }\n\n .avatar {\n display: block;\n width: 120px;\n height: 120px;\n @include avatar-size(120px);\n padding-left: 20px - 4px;\n flex: 0 0 auto;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid lighten($ui-base-color, 4%);\n background: darken($ui-base-color, 8%);\n @include avatar-radius();\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-top: 0;\n background: lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n padding: 5px;\n\n &::before {\n display: none;\n }\n\n .avatar {\n width: 48px;\n height: 48px;\n @include avatar-size(48px);\n padding: 7px 0;\n padding-left: 10px;\n\n img {\n border: 0;\n border-radius: 4px;\n @include avatar-radius();\n }\n\n @media screen and (max-width: 360px) {\n display: none;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n flex-wrap: wrap;\n }\n }\n\n &__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n\n &__name {\n padding-top: 20px;\n padding-bottom: 8px;\n\n h1 {\n font-size: 20px;\n line-height: 18px * 1.5;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-shadow: 1px 1px 1px $base-shadow-color;\n\n small {\n display: block;\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-left: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &__name {\n padding-top: 0;\n padding-bottom: 0;\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n text-shadow: none;\n\n small {\n color: $darker-text-color;\n }\n }\n }\n }\n\n &__tabs {\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n height: 58px;\n\n .details-counters {\n display: flex;\n flex-direction: row;\n min-width: 300px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n .details-counters {\n display: none;\n }\n }\n\n .counter {\n width: 33.3%;\n box-sizing: border-box;\n flex: 0 0 auto;\n color: $darker-text-color;\n padding: 10px;\n border-right: 1px solid lighten($ui-base-color, 4%);\n cursor: default;\n text-align: center;\n position: relative;\n\n a {\n display: block;\n }\n\n &:last-child {\n border-right: 0;\n }\n\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 4px solid $ui-primary-color;\n opacity: 0.5;\n transition: all 400ms ease;\n }\n\n &.active {\n &::after {\n border-bottom: 4px solid $highlight-text-color;\n opacity: 1;\n }\n\n &.inactive::after {\n border-bottom-color: $secondary-text-color;\n }\n }\n\n &:hover {\n &::after {\n opacity: 1;\n transition-duration: 100ms;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .counter-label {\n font-size: 12px;\n display: block;\n }\n\n .counter-number {\n font-weight: 500;\n font-size: 18px;\n margin-bottom: 5px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n height: 1px;\n }\n\n &__buttons {\n padding: 7px 8px;\n }\n }\n }\n\n &__extra {\n display: none;\n margin-top: 4px;\n\n .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n\n .account__header__fields {\n border-top: 1px solid lighten($ui-base-color, 12%);\n }\n\n .roles {\n display: none;\n }\n }\n\n &__links {\n margin-top: -15px;\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 15px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n flex: 100%;\n }\n }\n }\n\n .account__section-headline {\n border-radius: 4px 4px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n\n .detailed-status__meta {\n margin-top: 25px;\n }\n\n .public-account-bio {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n box-shadow: none;\n margin-bottom: 0;\n border-radius: 0;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 0;\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n\n .account__header__content {\n padding: 20px;\n padding-bottom: 0;\n color: $primary-text-color;\n }\n\n &__extra,\n .roles {\n padding: 20px;\n font-size: 14px;\n color: $darker-text-color;\n }\n\n .roles {\n padding-bottom: 0;\n }\n }\n\n .static-icon-button {\n color: $action-button-color;\n font-size: 18px;\n\n & > span {\n font-size: 14px;\n font-weight: 500;\n }\n }\n\n .card-grid {\n display: flex;\n flex-wrap: wrap;\n min-width: 100%;\n margin: 0 -5px;\n\n & > div {\n box-sizing: border-box;\n flex: 1 0 auto;\n width: 300px;\n padding: 0 5px;\n margin-bottom: 10px;\n max-width: 33.333%;\n\n @media screen and (max-width: 900px) {\n max-width: 50%;\n }\n\n @media screen and (max-width: 600px) {\n max-width: 100%;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 8%);\n\n & > div {\n width: 100%;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n .card__bar {\n background: $ui-base-color;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n }\n }\n }\n }\n}\n","@mixin avatar-radius() {\n border-radius: $ui-avatar-border-size;\n background-position: 50%;\n background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n width: $size;\n height: $size;\n background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n .auto-columns #{$parent} {\n @media #{$media} {\n @content;\n }\n }\n .single-column #{$parent} {\n @content;\n }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n .auto-columns #{$parent}, .single-column #{$parent} {\n @media #{$media} {\n @content;\n }\n }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n .auto-columns #{$parent} {\n @media #{$media} {\n @content;\n }\n }\n .multi-columns #{$parent} {\n @content;\n }\n}\n\n@mixin fullwidth-gallery {\n &.full-width {\n margin-left: -14px;\n margin-right: -14px;\n width: inherit;\n max-width: none;\n height: 250px;\n border-radius: 0px;\n }\n}\n\n@mixin search-input() {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: none;\n box-shadow: none;\n font-family: inherit;\n background: $ui-base-color;\n color: $darker-text-color;\n font-size: 14px;\n margin: 0;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n}\n\n@mixin search-popout() {\n background: $simple-background-color;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: $light-text-color;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n h4 {\n text-transform: uppercase;\n color: $light-text-color;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n }\n\n li {\n padding: 4px 0;\n }\n\n ul {\n margin-bottom: 10px;\n }\n\n em {\n font-weight: 500;\n color: $inverted-text-color;\n }\n}\n","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a; // Padua\n$error-red: #df405a; // Cerise\n$warning-red: #ff5050; // Sunset Orange\n$gold-star: #ca8f04; // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".no-list {\n list-style: none;\n\n li {\n display: inline-block;\n margin: 0 5px;\n }\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n\n li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n }\n}\n",".modal-layout {\n background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n}\n\n.modal-layout__mastodon {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-end;\n\n > * {\n flex: 1;\n max-height: 235px;\n }\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n",".public-layout {\n .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: lighten($ui-base-color, 34%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n .column-0 {\n grid-column: 1;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-1 {\n grid-column: 2;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-2 {\n grid-column: 3;\n grid-row: 1;\n min-width: 0;\n text-align: center;\n\n h4 a {\n color: lighten($ui-base-color, 34%);\n }\n }\n\n .column-3 {\n grid-column: 4;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-4 {\n grid-column: 5;\n grid-row: 1;\n min-width: 0;\n }\n\n @media screen and (max-width: 690px) {\n grid-template-columns: 1fr 2fr 1fr;\n\n .column-0,\n .column-1 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n }\n\n .column-3,\n .column-4 {\n grid-column: 3;\n }\n\n .column-4 {\n grid-row: 2;\n }\n }\n\n @media screen and (max-width: 600px) {\n .column-1 {\n display: block;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n .column-0,\n .column-1,\n .column-3,\n .column-4 {\n display: none;\n }\n }\n }\n\n h4 {\n text-transform: uppercase;\n font-weight: 700;\n margin-bottom: 8px;\n color: $darker-text-color;\n\n a {\n color: inherit;\n text-decoration: none;\n }\n }\n\n ul a {\n text-decoration: none;\n color: lighten($ui-base-color, 34%);\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n\n .brand {\n svg {\n display: block;\n height: 36px;\n width: auto;\n margin: 0 auto;\n\n path {\n fill: lighten($ui-base-color, 34%);\n }\n }\n\n &:hover,\n &:focus,\n &:active {\n svg path {\n fill: lighten($ui-base-color, 38%);\n }\n }\n }\n }\n}\n",".compact-header {\n h1 {\n font-size: 24px;\n line-height: 28px;\n color: $darker-text-color;\n font-weight: 500;\n margin-bottom: 20px;\n padding: 0 10px;\n word-wrap: break-word;\n\n @media screen and (max-width: 740px) {\n text-align: center;\n padding: 20px 10px 0;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n small {\n font-weight: 400;\n color: $secondary-text-color;\n }\n\n img {\n display: inline-block;\n margin-bottom: -5px;\n margin-right: 15px;\n width: 36px;\n height: 36px;\n }\n }\n}\n",".hero-widget {\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &__img {\n width: 100%;\n height: 167px;\n position: relative;\n overflow: hidden;\n border-radius: 4px 4px 0 0;\n background: $base-shadow-color;\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 4px 4px 0 0;\n }\n }\n\n &__text {\n background: $ui-base-color;\n padding: 20px;\n border-radius: 0 0 4px 4px;\n font-size: 15px;\n color: $darker-text-color;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n p {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: lighten($darker-text-color, 10%);\n }\n\n a {\n color: $secondary-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n}\n\n.endorsements-widget {\n margin-bottom: 10px;\n padding-bottom: 10px;\n\n h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: $darker-text-color;\n }\n\n .account {\n padding: 10px 0;\n\n &:last-child {\n border-bottom: 0;\n }\n\n .account__display-name {\n display: flex;\n align-items: center;\n }\n\n .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n }\n }\n}\n\n.box-widget {\n padding: 20px;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.contact-widget,\n.landing-page__information.contact-widget {\n box-sizing: border-box;\n padding: 20px;\n min-height: 100%;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.contact-widget {\n font-size: 15px;\n color: $darker-text-color;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n\n strong {\n font-weight: 500;\n }\n\n p {\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &__mail {\n margin-top: 10px;\n\n a {\n color: $primary-text-color;\n text-decoration: none;\n }\n }\n}\n\n.moved-account-widget {\n padding: 15px;\n padding-bottom: 20px;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n color: $secondary-text-color;\n font-weight: 400;\n margin-bottom: 10px;\n\n strong,\n a {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n color: inherit;\n text-decoration: underline;\n\n &.mention {\n text-decoration: none;\n\n span {\n text-decoration: none;\n }\n\n &:focus,\n &:hover,\n &:active {\n text-decoration: none;\n\n span {\n text-decoration: underline;\n }\n }\n }\n }\n\n &__message {\n margin-bottom: 15px;\n\n .fa {\n margin-right: 5px;\n color: $darker-text-color;\n }\n }\n\n &__card {\n .detailed-status__display-avatar {\n position: relative;\n cursor: pointer;\n }\n\n .detailed-status__display-name {\n margin-bottom: 0;\n text-decoration: none;\n\n span {\n font-weight: 400;\n }\n }\n }\n}\n\n.memoriam-widget {\n padding: 20px;\n border-radius: 4px;\n background: $base-shadow-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n font-size: 14px;\n color: $darker-text-color;\n margin-bottom: 10px;\n}\n\n.page-header {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n padding: 60px 15px;\n text-align: center;\n margin: 10px 0;\n\n h1 {\n color: $primary-text-color;\n font-size: 36px;\n line-height: 1.1;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 15px;\n color: $darker-text-color;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-top: 0;\n background: lighten($ui-base-color, 4%);\n\n h1 {\n font-size: 24px;\n }\n }\n}\n\n.directory {\n background: $ui-base-color;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &__tag {\n box-sizing: border-box;\n margin-bottom: 10px;\n\n & > a,\n & > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: $ui-base-color;\n border-radius: 4px;\n padding: 15px;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n }\n\n & > a {\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 8%);\n }\n }\n\n &.active > a {\n background: $ui-highlight-color;\n cursor: default;\n }\n\n &.disabled > div {\n opacity: 0.5;\n cursor: default;\n }\n\n h4 {\n flex: 1 1 auto;\n font-size: 18px;\n font-weight: 700;\n color: $primary-text-color;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n .fa {\n color: $darker-text-color;\n }\n\n small {\n display: block;\n font-weight: 400;\n font-size: 15px;\n margin-top: 8px;\n color: $darker-text-color;\n }\n }\n\n &.active h4 {\n &,\n .fa,\n small {\n color: $primary-text-color;\n }\n }\n\n .avatar-stack {\n flex: 0 0 auto;\n width: (36px + 4px) * 3;\n }\n\n &.active .avatar-stack .account__avatar {\n border-color: $ui-highlight-color;\n }\n }\n}\n\n.avatar-stack {\n display: flex;\n justify-content: flex-end;\n\n .account__avatar {\n flex: 0 0 auto;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n position: relative;\n margin-left: -10px;\n background: darken($ui-base-color, 8%);\n border: 2px solid $ui-base-color;\n\n &:nth-child(1) {\n z-index: 1;\n }\n\n &:nth-child(2) {\n z-index: 2;\n }\n\n &:nth-child(3) {\n z-index: 3;\n }\n }\n}\n\n.accounts-table {\n width: 100%;\n\n .account {\n padding: 0;\n border: 0;\n }\n\n strong {\n font-weight: 700;\n }\n\n thead th {\n text-align: center;\n text-transform: uppercase;\n color: $darker-text-color;\n font-weight: 700;\n padding: 10px;\n\n &:first-child {\n text-align: left;\n }\n }\n\n tbody td {\n padding: 15px 0;\n vertical-align: middle;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n tbody tr:last-child td {\n border-bottom: 0;\n }\n\n &__count {\n width: 120px;\n text-align: center;\n font-size: 15px;\n font-weight: 500;\n color: $primary-text-color;\n\n small {\n display: block;\n color: $darker-text-color;\n font-weight: 400;\n font-size: 14px;\n }\n }\n\n &__comment {\n width: 50%;\n vertical-align: initial !important;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n tbody td.optional {\n display: none;\n }\n }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n box-shadow: none;\n border-radius: 0;\n }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n min-height: 600px;\n\n @media screen and (max-width: 640px) {\n width: 100% !important; // Masonry layout is unnecessary at this width\n }\n\n &__item {\n width: (960px - 20px) / 3;\n\n @media screen and (max-width: $fluid-breakpoint) {\n width: (940px - 20px) / 3;\n }\n\n @media screen and (max-width: 640px) {\n width: 100%;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n width: 100vw;\n }\n }\n\n .detailed-status {\n border-radius: 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 1px solid lighten($ui-base-color, 16%);\n }\n\n &.compact {\n .detailed-status__meta {\n margin-top: 15px;\n }\n\n .status__content {\n font-size: 15px;\n line-height: 20px;\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n .status__content__spoiler-link {\n line-height: 20px;\n margin: 0;\n }\n }\n\n .media-gallery,\n .status-card,\n .video-player {\n margin-top: 15px;\n }\n }\n }\n}\n\n.notice-widget {\n margin-bottom: 10px;\n color: $darker-text-color;\n\n p {\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n font-size: 14px;\n line-height: 20px;\n text-decoration: none;\n font-weight: 500;\n color: $ui-highlight-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n font-family: $font-monospace, monospace;\n font-weight: 400;\n}\n\n.form-container {\n max-width: 400px;\n padding: 20px;\n margin: 0 auto;\n}\n\n.simple_form {\n .input {\n margin-bottom: 15px;\n overflow: hidden;\n\n &.hidden {\n margin: 0;\n }\n\n &.radio_buttons {\n .radio {\n margin-bottom: 15px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .radio > label {\n position: relative;\n padding-left: 28px;\n\n input {\n position: absolute;\n top: -2px;\n left: 0;\n }\n }\n }\n\n &.boolean {\n position: relative;\n margin-bottom: 0;\n\n .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: $primary-text-color;\n display: block;\n width: auto;\n }\n\n .label_input,\n .hint {\n padding-left: 28px;\n }\n\n .label_input__wrapper {\n position: static;\n }\n\n label.checkbox {\n position: absolute;\n top: 2px;\n left: 0;\n }\n\n label a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n }\n }\n }\n }\n\n .row {\n display: flex;\n margin: 0 -5px;\n\n .input {\n box-sizing: border-box;\n flex: 1 1 auto;\n width: 50%;\n padding: 0 5px;\n }\n }\n\n .hint {\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n }\n\n code {\n border-radius: 3px;\n padding: 0.2em 0.4em;\n background: darken($ui-base-color, 12%);\n }\n }\n\n span.hint {\n display: block;\n font-size: 12px;\n margin-top: 4px;\n }\n\n p.hint {\n margin-bottom: 15px;\n color: $darker-text-color;\n\n &.subtle-hint {\n text-align: center;\n font-size: 12px;\n line-height: 18px;\n margin-top: 15px;\n margin-bottom: 0;\n }\n }\n\n .card {\n margin-bottom: 15px;\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n .input.with_floating_label {\n .label_input {\n display: flex;\n\n & > label {\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 500;\n min-width: 150px;\n flex: 0 0 auto;\n }\n\n input,\n select {\n flex: 1 1 auto;\n }\n }\n\n &.select .hint {\n margin-top: 6px;\n margin-left: 150px;\n }\n }\n\n .input.with_label {\n .label_input > label {\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n display: block;\n margin-bottom: 8px;\n word-wrap: break-word;\n font-weight: 500;\n }\n\n .hint {\n margin-top: 6px;\n }\n\n ul {\n flex: 390px;\n }\n }\n\n .input.with_block_label {\n max-width: none;\n\n & > label {\n font-family: inherit;\n font-size: 16px;\n color: $primary-text-color;\n display: block;\n font-weight: 500;\n padding-top: 5px;\n }\n\n .hint {\n margin-bottom: 15px;\n }\n\n ul {\n columns: 2;\n }\n }\n\n .required abbr {\n text-decoration: none;\n color: lighten($error-value-color, 12%);\n }\n\n .fields-group {\n margin-bottom: 25px;\n\n .input:last-child {\n margin-bottom: 0;\n }\n }\n\n .fields-row {\n display: flex;\n margin: 0 -10px;\n padding-top: 5px;\n margin-bottom: 25px;\n\n .input {\n max-width: none;\n }\n\n &__column {\n box-sizing: border-box;\n padding: 0 10px;\n flex: 1 1 auto;\n min-height: 1px;\n\n &-6 {\n max-width: 50%;\n }\n }\n\n .fields-group:last-child,\n .fields-row__column.fields-group {\n margin-bottom: 0;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n margin-bottom: 0;\n\n &__column {\n max-width: none;\n }\n\n .fields-group:last-child,\n .fields-row__column.fields-group,\n .fields-row__column {\n margin-bottom: 25px;\n }\n }\n }\n\n .input.radio_buttons .radio label {\n margin-bottom: 5px;\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n display: block;\n width: auto;\n }\n\n .check_boxes {\n .checkbox {\n label {\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n display: inline-block;\n width: auto;\n position: relative;\n padding-top: 5px;\n padding-left: 25px;\n flex: 1 1 auto;\n }\n\n input[type=checkbox] {\n position: absolute;\n left: 0;\n top: 5px;\n margin: 0;\n }\n }\n }\n\n input[type=text],\n input[type=number],\n input[type=email],\n input[type=password],\n textarea {\n box-sizing: border-box;\n font-size: 16px;\n color: $primary-text-color;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: darken($ui-base-color, 10%);\n border: 1px solid darken($ui-base-color, 14%);\n border-radius: 4px;\n padding: 10px;\n\n &:invalid {\n box-shadow: none;\n }\n\n &:focus:invalid:not(:placeholder-shown) {\n border-color: lighten($error-red, 12%);\n }\n\n &:required:valid {\n border-color: $valid-value-color;\n }\n\n &:hover {\n border-color: darken($ui-base-color, 20%);\n }\n\n &:active,\n &:focus {\n border-color: $highlight-text-color;\n background: darken($ui-base-color, 8%);\n }\n }\n\n .input.field_with_errors {\n label {\n color: lighten($error-red, 12%);\n }\n\n input[type=text],\n input[type=number],\n input[type=email],\n input[type=password],\n textarea,\n select {\n border-color: lighten($error-red, 12%);\n }\n\n .error {\n display: block;\n font-weight: 500;\n color: lighten($error-red, 12%);\n margin-top: 4px;\n }\n }\n\n .input.disabled {\n opacity: 0.5;\n }\n\n .actions {\n margin-top: 30px;\n display: flex;\n\n &.actions--top {\n margin-top: 0;\n margin-bottom: 30px;\n }\n }\n\n button,\n .button,\n .block-button {\n display: block;\n width: 100%;\n border: 0;\n border-radius: 4px;\n background: $ui-highlight-color;\n color: $primary-text-color;\n font-size: 18px;\n line-height: inherit;\n height: auto;\n padding: 10px;\n text-transform: uppercase;\n text-decoration: none;\n text-align: center;\n box-sizing: border-box;\n cursor: pointer;\n font-weight: 500;\n outline: 0;\n margin-bottom: 10px;\n margin-right: 10px;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n background-color: lighten($ui-highlight-color, 5%);\n }\n\n &:active,\n &:focus {\n background-color: darken($ui-highlight-color, 5%);\n }\n\n &:disabled:hover {\n background-color: $ui-primary-color;\n }\n\n &.negative {\n background: $error-value-color;\n\n &:hover {\n background-color: lighten($error-value-color, 5%);\n }\n\n &:active,\n &:focus {\n background-color: darken($error-value-color, 5%);\n }\n }\n }\n\n select {\n appearance: none;\n box-sizing: border-box;\n font-size: 16px;\n color: $primary-text-color;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid darken($ui-base-color, 14%);\n border-radius: 4px;\n padding-left: 10px;\n padding-right: 30px;\n height: 41px;\n }\n\n .label_input {\n &__wrapper {\n position: relative;\n }\n\n &__append {\n position: absolute;\n right: 3px;\n top: 1px;\n padding: 10px;\n padding-bottom: 9px;\n font-size: 16px;\n color: $dark-text-color;\n font-family: inherit;\n pointer-events: none;\n cursor: default;\n max-width: 140px;\n white-space: nowrap;\n overflow: hidden;\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1px;\n width: 5px;\n background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n }\n }\n }\n\n &__overlay-area {\n position: relative;\n\n &__overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba($ui-base-color, 0.65);\n backdrop-filter: blur(2px);\n border-radius: 4px;\n\n &__content {\n text-align: center;\n\n &.rich-formatting {\n &,\n p {\n color: $primary-text-color;\n }\n }\n }\n }\n }\n}\n\n.block-icon {\n display: block;\n margin: 0 auto;\n margin-bottom: 10px;\n font-size: 24px;\n}\n\n.flash-message {\n background: lighten($ui-base-color, 8%);\n color: $darker-text-color;\n border-radius: 4px;\n padding: 15px 10px;\n margin-bottom: 30px;\n text-align: center;\n\n &.notice {\n border: 1px solid rgba($valid-value-color, 0.5);\n background: rgba($valid-value-color, 0.25);\n color: $valid-value-color;\n }\n\n &.alert {\n border: 1px solid rgba($error-value-color, 0.5);\n background: rgba($error-value-color, 0.25);\n color: $error-value-color;\n }\n\n p {\n margin-bottom: 15px;\n }\n\n .oauth-code {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: $font-monospace, monospace;\n background: $ui-base-color;\n color: $primary-text-color;\n font-size: 14px;\n margin: 0;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n @media screen and (max-width: 740px) and (min-width: 441px) {\n margin-top: 40px;\n }\n}\n\n.form-footer {\n margin-top: 30px;\n text-align: center;\n\n a {\n color: $darker-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.quick-nav {\n list-style: none;\n margin-bottom: 25px;\n font-size: 14px;\n\n li {\n display: inline-block;\n margin-right: 10px;\n }\n\n a {\n color: $highlight-text-color;\n text-transform: uppercase;\n text-decoration: none;\n font-weight: 700;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($highlight-text-color, 8%);\n }\n }\n}\n\n.oauth-prompt,\n.follow-prompt {\n margin-bottom: 30px;\n color: $darker-text-color;\n\n h2 {\n font-size: 16px;\n margin-bottom: 30px;\n text-align: center;\n }\n\n strong {\n color: $secondary-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n @media screen and (max-width: 740px) and (min-width: 441px) {\n margin-top: 40px;\n }\n}\n\n.qr-wrapper {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n.qr-code {\n flex: 0 0 auto;\n background: $simple-background-color;\n padding: 4px;\n margin: 0 10px 20px 0;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n display: inline-block;\n\n svg {\n display: block;\n margin: 0;\n }\n}\n\n.qr-alternative {\n margin-bottom: 20px;\n color: $secondary-text-color;\n flex: 150px;\n\n samp {\n display: block;\n font-size: 14px;\n }\n}\n\n.table-form {\n p {\n margin-bottom: 15px;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n}\n\n.simple_form,\n.table-form {\n .warning {\n box-sizing: border-box;\n background: rgba($error-value-color, 0.5);\n color: $primary-text-color;\n text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 15px;\n\n a {\n color: $primary-text-color;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n\n strong {\n font-weight: 600;\n display: block;\n margin-bottom: 5px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n\n .fa {\n font-weight: 400;\n }\n }\n }\n}\n\n.action-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n .actions,\n .pagination {\n flex: 1 1 auto;\n }\n\n .actions {\n padding: 30px 0;\n padding-right: 20px;\n flex: 0 0 auto;\n }\n}\n\n.post-follow-actions {\n text-align: center;\n color: $darker-text-color;\n\n div {\n margin-bottom: 4px;\n }\n}\n\n.alternative-login {\n margin-top: 20px;\n margin-bottom: 20px;\n\n h4 {\n font-size: 16px;\n color: $primary-text-color;\n text-align: center;\n margin-bottom: 20px;\n border: 0;\n padding: 0;\n }\n\n .button {\n display: block;\n }\n}\n\n.scope-danger {\n color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n textarea {\n font-family: $font-monospace, monospace;\n }\n}\n\n.input-copy {\n background: darken($ui-base-color, 10%);\n border: 1px solid darken($ui-base-color, 14%);\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding-right: 4px;\n position: relative;\n top: 1px;\n transition: border-color 300ms linear;\n\n &__wrapper {\n flex: 1 1 auto;\n }\n\n input[type=text] {\n background: transparent;\n border: 0;\n padding: 10px;\n font-size: 14px;\n font-family: $font-monospace, monospace;\n }\n\n button {\n flex: 0 0 auto;\n margin: 4px;\n text-transform: none;\n font-weight: 400;\n font-size: 14px;\n padding: 7px 18px;\n padding-bottom: 6px;\n width: auto;\n transition: background 300ms linear;\n }\n\n &.copied {\n border-color: $valid-value-color;\n transition: none;\n\n button {\n background: $valid-value-color;\n transition: none;\n }\n }\n}\n\n.connection-prompt {\n margin-bottom: 25px;\n\n .fa-link {\n background-color: darken($ui-base-color, 4%);\n border-radius: 100%;\n font-size: 24px;\n padding: 10px;\n }\n\n &__column {\n align-items: center;\n display: flex;\n flex: 1;\n flex-direction: column;\n flex-shrink: 1;\n max-width: 50%;\n\n &-sep {\n align-self: center;\n flex-grow: 0;\n overflow: visible;\n position: relative;\n z-index: 1;\n }\n\n p {\n word-break: break-word;\n }\n }\n\n .account__avatar {\n margin-bottom: 20px;\n }\n\n &__connection {\n background-color: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n padding: 25px 10px;\n position: relative;\n text-align: center;\n\n &::after {\n background-color: darken($ui-base-color, 4%);\n content: '';\n display: block;\n height: 100%;\n left: 50%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n }\n\n &__row {\n align-items: flex-start;\n display: flex;\n flex-direction: row;\n }\n}\n",".card {\n & > a {\n display: block;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n box-shadow: none;\n }\n\n &:hover,\n &:active,\n &:focus {\n .card__bar {\n background: lighten($ui-base-color, 8%);\n }\n }\n }\n\n &__img {\n height: 130px;\n position: relative;\n background: darken($ui-base-color, 12%);\n border-radius: 4px 4px 0 0;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n object-fit: cover;\n border-radius: 4px 4px 0 0;\n }\n\n @media screen and (max-width: 600px) {\n height: 200px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__bar {\n position: relative;\n padding: 15px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n\n .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n @include avatar-size(48px);\n padding-top: 2px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n @include avatar-radius();\n background: darken($ui-base-color, 8%);\n }\n }\n\n .display-name {\n margin-left: 15px;\n text-align: left;\n\n strong {\n font-size: 15px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n span {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n}\n\n.pagination {\n padding: 30px 0;\n text-align: center;\n overflow: hidden;\n\n a,\n .current,\n .newer,\n .older,\n .page,\n .gap {\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 500;\n display: inline-block;\n padding: 6px 10px;\n text-decoration: none;\n }\n\n .current {\n background: $simple-background-color;\n border-radius: 100px;\n color: $inverted-text-color;\n cursor: default;\n margin: 0 10px;\n }\n\n .gap {\n cursor: default;\n }\n\n .older,\n .newer {\n text-transform: uppercase;\n color: $secondary-text-color;\n }\n\n .older {\n float: left;\n padding-left: 0;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .newer {\n float: right;\n padding-right: 0;\n\n .fa {\n display: inline-block;\n margin-left: 5px;\n }\n }\n\n .disabled {\n cursor: default;\n color: lighten($inverted-text-color, 10%);\n }\n\n @media screen and (max-width: 700px) {\n padding: 30px 20px;\n\n .page {\n display: none;\n }\n\n .newer,\n .older {\n display: inline-block;\n }\n }\n}\n\n.nothing-here {\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n color: $light-text-color;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: default;\n border-radius: 4px;\n padding: 20px;\n min-height: 30vh;\n\n &--under-tabs {\n border-radius: 0 0 4px 4px;\n }\n\n &--flexible {\n box-sizing: border-box;\n min-height: 100%;\n }\n}\n\n.account-role {\n display: inline-block;\n padding: 4px 6px;\n cursor: default;\n border-radius: 3px;\n font-size: 12px;\n line-height: 12px;\n font-weight: 500;\n color: $ui-secondary-color;\n background-color: rgba($ui-secondary-color, 0.1);\n border: 1px solid rgba($ui-secondary-color, 0.5);\n\n &.moderator {\n color: $success-green;\n background-color: rgba($success-green, 0.1);\n border-color: rgba($success-green, 0.5);\n }\n\n &.admin {\n color: lighten($error-red, 12%);\n background-color: rgba(lighten($error-red, 12%), 0.1);\n border-color: rgba(lighten($error-red, 12%), 0.5);\n }\n}\n\n.account__header__fields {\n padding: 0;\n margin: 15px -15px -15px;\n border: 0 none;\n border-top: 1px solid lighten($ui-base-color, 12%);\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n font-size: 14px;\n line-height: 20px;\n\n dl {\n display: flex;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n }\n\n dt,\n dd {\n box-sizing: border-box;\n padding: 14px;\n text-align: center;\n max-height: 48px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n dt {\n font-weight: 500;\n width: 120px;\n flex: 0 0 auto;\n color: $secondary-text-color;\n background: rgba(darken($ui-base-color, 8%), 0.5);\n }\n\n dd {\n flex: 1 1 auto;\n color: $darker-text-color;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n\n .verified {\n border: 1px solid rgba($valid-value-color, 0.5);\n background: rgba($valid-value-color, 0.25);\n\n a {\n color: $valid-value-color;\n font-weight: 500;\n }\n\n &__mark {\n color: $valid-value-color;\n }\n }\n\n dl:last-child {\n border-bottom: 0;\n }\n}\n\n.directory__tag .trends__item__current {\n width: auto;\n}\n\n.pending-account {\n &__header {\n color: $darker-text-color;\n\n a {\n color: $ui-secondary-color;\n text-decoration: none;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n\n strong {\n color: $primary-text-color;\n font-weight: 700;\n }\n }\n\n &__body {\n margin-top: 10px;\n }\n}\n",".activity-stream {\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n }\n\n &--headless {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n\n .detailed-status,\n .status {\n border-radius: 0 !important;\n }\n }\n\n div[data-component] {\n width: 100%;\n }\n\n .entry {\n background: $ui-base-color;\n\n .detailed-status,\n .status,\n .load-more {\n animation: none;\n }\n\n &:last-child {\n .detailed-status,\n .status,\n .load-more {\n border-bottom: 0;\n border-radius: 0 0 4px 4px;\n }\n }\n\n &:first-child {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 4px 4px 0 0;\n }\n\n &:last-child {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 4px;\n }\n }\n }\n\n @media screen and (max-width: 740px) {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 0 !important;\n }\n }\n }\n\n &--highlighted .entry {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.button.logo-button {\n flex: 0 auto;\n font-size: 14px;\n background: $ui-highlight-color;\n color: $primary-text-color;\n text-transform: none;\n line-height: 36px;\n height: auto;\n padding: 3px 15px;\n border: 0;\n\n svg {\n width: 20px;\n height: auto;\n vertical-align: middle;\n margin-right: 5px;\n\n path:first-child {\n fill: $primary-text-color;\n }\n\n path:last-child {\n fill: $ui-highlight-color;\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: lighten($ui-highlight-color, 10%);\n\n svg path:last-child {\n fill: lighten($ui-highlight-color, 10%);\n }\n }\n\n &:disabled,\n &.disabled {\n svg path:last-child {\n fill: $ui-primary-color;\n }\n\n &:active,\n &:focus,\n &:hover {\n background: $ui-primary-color;\n\n svg path:last-child {\n fill: $ui-primary-color;\n }\n }\n }\n\n &.button--destructive {\n &:active,\n &:focus,\n &:hover {\n background: $error-red;\n\n svg path:last-child {\n fill: $error-red;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n svg {\n display: none;\n }\n }\n}\n\n.embed,\n.public-layout {\n .detailed-status {\n padding: 15px;\n }\n\n .status {\n padding: 15px 15px 15px (48px + 15px * 2);\n min-height: 48px + 2px;\n\n &__avatar {\n left: 15px;\n top: 17px;\n }\n\n &__content {\n padding-top: 5px;\n }\n\n &__prepend {\n padding: 8px 0;\n padding-bottom: 2px;\n margin: initial;\n margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n position: absolute;\n margin: initial;\n float: initial;\n width: auto;\n left: -32px;\n }\n\n .media-gallery,\n &__action-bar,\n .video-player {\n margin-top: 10px;\n }\n }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n .status {\n .status__info {\n font-size: 15px;\n display: initial;\n }\n\n .status__relative-time {\n color: $dark-text-color;\n float: right;\n font-size: 14px;\n width: auto;\n margin: initial;\n padding: initial;\n }\n\n .status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding: 6px 0;\n padding-right: 25px;\n margin: initial;\n\n .display-name strong {\n display: inline;\n }\n }\n\n .status__avatar {\n height: 48px;\n position: absolute;\n width: 48px;\n margin: initial;\n }\n }\n}\n\n.rtl {\n .embed, .public-layout {\n .status .status__relative-time {\n float: left;\n }\n }\n}\n","button.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n &, &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n &, &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n }\n}\n",".account {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n color: inherit;\n text-decoration: none;\n\n .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: $darker-text-color;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n }\n\n &.small {\n border: none;\n padding: 0;\n\n & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n & > .display-name {\n height: 24px;\n line-height: 24px;\n }\n }\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n @include avatar-radius();\n position: relative;\n cursor: pointer;\n\n &-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n }\n}\n\n.account__avatar-overlay {\n position: relative;\n @include avatar-size(48px);\n\n &-base {\n @include avatar-radius();\n @include avatar-size(36px);\n }\n\n &-overlay {\n @include avatar-radius();\n @include avatar-size(24px);\n\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n }\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__header__wrapper {\n flex: 0 0 auto;\n background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n padding: 10px;\n color: $dark-text-color;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n font-weight: 500;\n color: inherit;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n}\n\n.account__action-bar {\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-left: 1px solid lighten($ui-base-color, 8%);\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n\n &:first-child {\n border-left: 0;\n }\n\n &.active {\n border-bottom: 4px solid $ui-highlight-color;\n }\n\n & > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: $darker-text-color;\n }\n\n strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: $primary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n abbr {\n color: $highlight-text-color;\n }\n}\n\n.account-authorize {\n padding: 14px 10px;\n\n .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n }\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.notification__message {\n margin-left: 42px;\n padding: 8px 0 0 26px;\n cursor: default;\n color: $darker-text-color;\n font-size: 15px;\n position: relative;\n\n .fa {\n color: $highlight-text-color;\n }\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.account--panel {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.column-settings__outer {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-settings__section {\n color: $darker-text-color;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n .column-settings__row {\n margin-bottom: 15px;\n }\n\n .column-select {\n &__control {\n @include search-input();\n }\n\n &__placeholder {\n color: $dark-text-color;\n padding-left: 2px;\n font-size: 12px;\n }\n\n &__value-container {\n padding-left: 6px;\n }\n\n &__multi-value {\n background: lighten($ui-base-color, 8%);\n\n &__remove {\n cursor: pointer;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 12%);\n color: lighten($darker-text-color, 4%);\n }\n }\n }\n\n &__multi-value__label,\n &__input {\n color: $darker-text-color;\n }\n\n &__clear-indicator,\n &__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: $dark-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($dark-text-color, 4%);\n }\n }\n\n &__indicator-separator {\n background-color: lighten($ui-base-color, 8%);\n }\n\n &__menu {\n @include search-popout();\n padding: 0;\n background: $ui-secondary-color;\n }\n\n &__menu-list {\n padding: 6px;\n }\n\n &__option {\n color: $inverted-text-color;\n border-radius: 4px;\n font-size: 14px;\n\n &--is-focused,\n &--is-selected {\n background: darken($ui-secondary-color, 10%);\n }\n }\n }\n}\n\n.column-settings__row {\n .text-btn {\n margin-bottom: 15px;\n }\n}\n\n.relationship-tag {\n color: $primary-text-color;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: $base-overlay-background;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 500;\n padding: 4px;\n border-radius: 4px;\n opacity: 0.7;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.account-gallery__container {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n padding: 2px;\n}\n\n.account-gallery__item {\n flex-grow: 1;\n width: 50%;\n overflow: hidden;\n position: relative;\n\n &::before {\n content: \"\";\n display: block;\n padding-top: 100%;\n }\n\n a {\n display: block;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n margin: 2px;\n top: 0;\n left: 0;\n background-color: $base-overlay-background;\n background-size: cover;\n background-position: center;\n position: absolute;\n color: $ui-primary-color;\n text-decoration: none;\n border-radius: 4px;\n\n &:hover,\n &:active,\n &:focus {\n outline: 0;\n color: $ui-secondary-color;\n\n &::before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background: rgba($base-overlay-background, 0.3);\n border-radius: 4px;\n }\n }\n }\n\n &__icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n flex-shrink: 0;\n\n button {\n background: darken($ui-base-color, 4%);\n border: 0;\n margin: 0;\n }\n\n button,\n a {\n display: block;\n flex: 1 1 auto;\n color: $darker-text-color;\n padding: 15px 0;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n text-decoration: none;\n position: relative;\n\n &.active {\n color: $secondary-text-color;\n\n &::before,\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 0;\n transform: translateX(-50%);\n border-style: solid;\n border-width: 0 10px 10px;\n border-color: transparent transparent lighten($ui-base-color, 8%);\n }\n\n &::after {\n bottom: -1px;\n border-color: transparent transparent $ui-base-color;\n }\n }\n }\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &__message {\n position: relative;\n margin-left: 58px;\n color: $dark-text-color;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__icon-wrapper {\n left: -26px;\n position: absolute;\n }\n\n .detailed-status__display-avatar {\n position: relative;\n }\n\n .detailed-status__display-name {\n margin-bottom: 0;\n }\n}\n\n.account__header__content {\n color: $darker-text-color;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n word-break: normal;\n word-wrap: break-word;\n\n p {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n color: inherit;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n}\n\n.account__header {\n overflow: hidden;\n\n &.inactive {\n opacity: 0.5;\n\n .account__header__image,\n .account__avatar {\n filter: grayscale(100%);\n }\n }\n\n &__info {\n position: absolute;\n top: 10px;\n left: 10px;\n }\n\n &__image {\n overflow: hidden;\n height: 145px;\n position: relative;\n background: darken($ui-base-color, 4%);\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n }\n }\n\n &__bar {\n position: relative;\n background: lighten($ui-base-color, 4%);\n padding: 5px;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n .avatar {\n display: block;\n flex: 0 0 auto;\n width: 94px;\n margin-left: -2px;\n\n .account__avatar {\n background: darken($ui-base-color, 8%);\n border: 2px solid lighten($ui-base-color, 4%);\n }\n }\n }\n\n &__tabs {\n display: flex;\n align-items: flex-start;\n padding: 7px 5px;\n margin-top: -55px;\n\n &__buttons {\n display: flex;\n align-items: center;\n padding-top: 55px;\n overflow: hidden;\n\n .icon-button {\n border: 1px solid lighten($ui-base-color, 12%);\n border-radius: 4px;\n box-sizing: content-box;\n padding: 2px;\n }\n\n .button {\n margin: 0 8px;\n }\n }\n\n &__name {\n padding: 5px;\n\n .account-role {\n vertical-align: top;\n }\n\n .emojione {\n width: 22px;\n height: 22px;\n }\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n small {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n }\n }\n\n &__bio {\n overflow: hidden;\n margin: 0 -5px;\n\n .account__header__content {\n padding: 20px 15px;\n padding-bottom: 5px;\n color: $primary-text-color;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n }\n\n &__extra {\n margin-top: 4px;\n\n &__links {\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n }\n}\n",".domain {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n }\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n",".status__content--with-action {\n cursor: pointer;\n}\n\n.status__content {\n position: relative;\n margin: 10px 0;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n overflow: visible;\n padding-top: 5px;\n\n &:focus {\n outline: 0;\n }\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n img {\n max-width: 100%;\n max-height: 400px;\n object-fit: contain;\n }\n\n p, pre, blockquote {\n margin-bottom: 20px;\n white-space: pre-wrap;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .status__content__text {\n h1, h2, h3, h4, h5 {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n h1, h2 {\n font-weight: 700;\n font-size: 18px;\n }\n\n h2 {\n font-size: 16px;\n }\n\n h3, h4, h5 {\n font-weight: 500;\n }\n\n blockquote {\n padding-left: 10px;\n border-left: 3px solid $darker-text-color;\n color: $darker-text-color;\n white-space: normal;\n\n p:last-child {\n margin-bottom: 0;\n }\n }\n\n b, strong {\n font-weight: 700;\n }\n\n em, i {\n font-style: italic;\n }\n\n sub {\n font-size: smaller;\n text-align: sub;\n }\n\n ul, ol {\n margin-left: 1em;\n\n p {\n margin: 0;\n }\n }\n\n ul {\n list-style-type: disc;\n }\n\n ol {\n list-style-type: decimal;\n }\n }\n\n a {\n color: $pleroma-links;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n\n .fa {\n color: lighten($dark-text-color, 7%);\n }\n }\n\n &.mention {\n &:hover {\n text-decoration: none;\n\n span {\n text-decoration: underline;\n }\n }\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n\n .status__content__spoiler {\n display: none;\n\n &.status__content__spoiler--visible {\n display: block;\n }\n }\n\n .status__content__spoiler-link {\n background: lighten($ui-base-color, 30%);\n\n &:hover {\n background: lighten($ui-base-color, 33%);\n text-decoration: none;\n }\n }\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: lighten($ui-base-color, 30%);\n border: none;\n color: $inverted-text-color;\n font-weight: 500;\n font-size: 11px;\n padding: 0 5px;\n text-transform: uppercase;\n line-height: inherit;\n cursor: pointer;\n vertical-align: bottom;\n\n &:hover {\n background: lighten($ui-base-color, 33%);\n text-decoration: none;\n }\n\n .status__content__spoiler-icon {\n display: inline-block;\n margin: 0 0 0 5px;\n border-left: 1px solid currentColor;\n padding: 0 0 0 4px;\n font-size: 16px;\n vertical-align: -2px;\n }\n}\n\n.notif-cleaning {\n .status, .notification-follow {\n padding-right: ($dismiss-overlay-width + 0.5rem);\n }\n}\n\n.status__wrapper--filtered {\n color: $dark-text-color;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n float: left;\n margin: 0 10px 0 -58px;\n width: 48px;\n text-align: right;\n}\n\n.notification-follow {\n position: relative;\n\n // same like Status\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n .account {\n border-bottom: 0 none;\n }\n}\n\n.focusable {\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n\n .status.status-direct {\n background: lighten($ui-base-color, 12%);\n\n &.muted {\n background: transparent;\n }\n }\n\n .detailed-status,\n .detailed-status__action-bar {\n background: lighten($ui-base-color, 8%);\n }\n }\n}\n\n.status {\n padding: 10px 14px;\n position: relative;\n height: auto;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n\n @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n padding-right: 28px; // 12px + 16px\n }\n\n @keyframes fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n opacity: 1;\n animation: fade 150ms linear;\n\n .video-player {\n margin-top: 8px;\n }\n\n &.status-direct {\n background: lighten($ui-base-color, 8%);\n }\n\n &.light {\n .status__relative-time {\n color: $lighter-text-color;\n }\n\n .status__display-name {\n color: $inverted-text-color;\n }\n\n .display-name {\n strong {\n color: $inverted-text-color;\n }\n\n span {\n color: $lighter-text-color;\n }\n }\n\n .status__content {\n color: $inverted-text-color;\n\n a {\n color: $highlight-text-color;\n }\n\n a.status__content__spoiler-link {\n color: $primary-text-color;\n background: $ui-primary-color;\n\n &:hover {\n background: lighten($ui-primary-color, 8%);\n }\n }\n }\n }\n\n &.collapsed {\n background-position: center;\n background-size: cover;\n user-select: none;\n\n &.has-background::before {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n pointer-events: none;\n content: \"\";\n }\n\n .display-name:hover .display-name__html {\n text-decoration: none;\n }\n\n .status__content {\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 0;\n\n &:after {\n content: \"\";\n position: absolute;\n top: 0; bottom: 0;\n left: 0; right: 0;\n background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n pointer-events: none;\n }\n \n a:hover {\n text-decoration: none;\n }\n }\n &:focus > .status__content:after {\n background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n }\n &.status-direct> .status__content:after {\n background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n }\n\n .notification__message {\n margin-bottom: 0;\n }\n\n .status__info .notification__message > span {\n white-space: nowrap;\n }\n }\n\n .notification__message {\n margin: -10px 0px 10px 0;\n }\n}\n\n.notification-favourite {\n .status.status-direct {\n background: transparent;\n\n .icon-button.disabled {\n color: lighten($action-button-color, 13%);\n }\n }\n}\n\n.status__relative-time {\n display: inline-block;\n margin-left: auto;\n padding-left: 18px;\n width: 120px;\n color: $dark-text-color;\n font-size: 14px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.status__display-name {\n margin: 0 auto 0 0;\n color: $dark-text-color;\n overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n display: block;\n max-width: 100%;\n}\n\n.status__info {\n display: flex;\n font-size: 15px;\n\n > span {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .notification__message > span {\n word-wrap: break-word;\n }\n}\n\n.status__info__icons {\n margin-left: auto;\n display: flex;\n align-items: center;\n height: 1em;\n color: $action-button-color;\n\n .status__media-icon {\n padding-left: 6px;\n padding-right: 1px;\n }\n\n .status__visibility-icon {\n padding-left: 4px;\n }\n}\n\n.status__info__account {\n display: flex;\n align-items: center;\n}\n\n.status-check-box {\n border-bottom: 1px solid $ui-secondary-color;\n display: flex;\n\n .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n\n .media-gallery {\n max-width: 250px;\n }\n\n .status__content {\n padding: 0;\n white-space: normal;\n }\n\n .video-player {\n margin-top: 8px;\n max-width: 250px;\n }\n\n .media-gallery__item-thumbnail {\n cursor: default;\n }\n }\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin: -10px -10px 10px;\n color: $dark-text-color;\n padding: 8px 10px 0 68px;\n font-size: 14px;\n position: relative;\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.status__action-bar {\n align-items: center;\n display: flex;\n margin-top: 8px;\n\n &__counter {\n display: inline-flex;\n margin-right: 11px;\n align-items: center;\n\n .status__action-bar-button {\n margin-right: 4px;\n }\n\n &__label {\n display: inline-block;\n width: 14px;\n font-size: 12px;\n font-weight: 500;\n color: $action-button-color;\n }\n }\n}\n\n.status__action-bar-button {\n margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n height: 23.15px;\n width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.detailed-status {\n background: lighten($ui-base-color, 4%);\n padding: 14px 10px;\n\n &--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n\n .status__content,\n .detailed-status__meta {\n flex: 100%;\n }\n }\n\n .status__content {\n font-size: 19px;\n line-height: 24px;\n\n .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n }\n }\n\n .video-player {\n margin-top: 8px;\n }\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: $dark-text-color;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n strong {\n color: $primary-text-color;\n }\n}\n\n.muted {\n .emojione {\n opacity: 0.5;\n }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n &:hover strong {\n text-decoration: underline;\n }\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: $secondary-text-color;\n display: block;\n line-height: 24px;\n margin-bottom: 15px;\n overflow: hidden;\n\n strong,\n span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n strong {\n font-size: 16px;\n color: $primary-text-color;\n }\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n flex: none;\n margin: 0 10px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.muted {\n .status__content,\n .status__content p,\n .status__content a,\n .status__content_text {\n color: $dark-text-color;\n }\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n .status__avatar {\n opacity: 0.5;\n }\n\n a.status__content__spoiler-link {\n background: $ui-base-lighter-color;\n color: $inverted-text-color;\n\n &:hover {\n background: lighten($ui-base-color, 29%);\n text-decoration: none;\n }\n }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n &:hover {\n text-decoration: underline;\n }\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n color: $dark-text-color;\n margin-top: 14px;\n text-decoration: none;\n overflow: hidden;\n\n &__actions {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > div {\n background: rgba($base-shadow-color, 0.6);\n border-radius: 4px;\n padding: 12px 9px;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n button,\n a {\n display: inline;\n color: $primary-text-color;\n background: transparent;\n border: 0;\n padding: 0 5px;\n text-decoration: none;\n opacity: 0.6;\n font-size: 18px;\n line-height: 18px;\n\n &:hover,\n &:active,\n &:focus {\n opacity: 1;\n }\n }\n\n a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n }\n\n a .fa, a:hover .fa {\n color: inherit;\n }\n }\n}\n\na.status-card {\n cursor: pointer;\n\n &:hover {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.status-card-photo {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.status-card-video {\n iframe {\n width: 100%;\n height: 100%;\n }\n}\n\n.status-card__title {\n display: block;\n font-weight: 500;\n margin-bottom: 5px;\n color: $darker-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-decoration: none;\n}\n\n.status-card__content {\n flex: 1 1 auto;\n overflow: hidden;\n padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n color: $darker-text-color;\n}\n\n.status-card__host {\n display: block;\n margin-top: 5px;\n font-size: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.status-card__image {\n flex: 0 0 100px;\n background: lighten($ui-base-color, 8%);\n position: relative;\n\n & > .fa {\n font-size: 21px;\n position: absolute;\n transform-origin: 50% 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.status-card.horizontal {\n display: block;\n\n .status-card__image {\n width: 100%;\n }\n\n .status-card__image-image {\n border-radius: 4px 4px 0 0;\n }\n\n .status-card__title {\n white-space: inherit;\n }\n}\n\n.status-card.compact {\n border-color: lighten($ui-base-color, 4%);\n\n &.interactive {\n border: 0;\n }\n\n .status-card__content {\n padding: 8px;\n padding-top: 10px;\n }\n\n .status-card__title {\n white-space: nowrap;\n }\n\n .status-card__image {\n flex: 0 0 60px;\n }\n}\n\na.status-card.compact:hover {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.status__video-player {\n display: flex;\n align-items: center;\n background: $base-shadow-color;\n box-sizing: border-box;\n cursor: default; /* May not be needed */\n margin-top: 8px;\n overflow: hidden;\n position: relative;\n\n @include fullwidth-gallery;\n}\n\n.status__video-player-video {\n height: 100%;\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n\n &:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n }\n}\n\n.status__video-player-expand,\n.status__video-player-mute {\n color: $primary-text-color;\n opacity: 0.8;\n position: absolute;\n right: 4px;\n text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n}\n\n.status__video-player-spoiler {\n display: none;\n color: $primary-text-color;\n left: 4px;\n position: absolute;\n text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;\n top: 4px;\n z-index: 100;\n\n &.status__video-player-spoiler--visible {\n display: block;\n }\n}\n\n.status__video-player-expand {\n bottom: 4px;\n z-index: 100;\n}\n\n.status__video-player-mute {\n top: 4px;\n z-index: 5;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n\n &__icon {\n flex: 0 0 auto;\n color: $dark-text-color;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n\n .fa {\n display: block;\n }\n }\n\n &__list {\n list-style: none;\n padding: 4px 0;\n padding-left: 8px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n li {\n display: block;\n padding: 4px 0;\n }\n\n a {\n text-decoration: none;\n color: $dark-text-color;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n &.compact {\n border: 0;\n margin-top: 4px;\n\n .attachment-list__list {\n padding: 0;\n display: block;\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n}\n",".modal-container--preloader {\n background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n position: relative;\n transition: opacity 0.3s linear;\n will-change: opacity;\n z-index: 9999;\n}\n\n.modal-root__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: $ui-secondary-color;\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.onboarding-modal__pager {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 470px;\n\n .react-swipeable-view-container > div {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n user-select: text;\n }\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n\n & > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n }\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n .onboarding-modal {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n .onboarding-modal__pager {\n width: 100%;\n height: auto;\n max-width: none;\n max-height: none;\n flex: 1 1 auto;\n }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: darken($ui-secondary-color, 8%);\n display: flex;\n padding: 25px;\n\n & > div {\n min-width: 33px;\n }\n\n .onboarding-modal__nav,\n .error-modal__nav {\n color: $lighter-text-color;\n border: 0;\n font-size: 14px;\n font-weight: 500;\n padding: 10px 25px;\n line-height: inherit;\n height: auto;\n margin: -10px;\n border-radius: 4px;\n background-color: transparent;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n background-color: darken($ui-secondary-color, 16%);\n }\n\n &.onboarding-modal__done,\n &.onboarding-modal__next {\n color: $inverted-text-color;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($inverted-text-color, 4%);\n }\n }\n }\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.onboarding-modal__dots {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.onboarding-modal__dot {\n width: 14px;\n height: 14px;\n border-radius: 14px;\n background: darken($ui-secondary-color, 16%);\n margin: 0 3px;\n cursor: pointer;\n\n &:hover {\n background: darken($ui-secondary-color, 18%);\n }\n\n &.active {\n cursor: default;\n background: darken($ui-secondary-color, 24%);\n }\n}\n\n.onboarding-modal__page__wrapper {\n pointer-events: none;\n padding: 25px;\n padding-bottom: 0;\n\n &.onboarding-modal__page__wrapper--active {\n pointer-events: auto;\n }\n}\n\n.onboarding-modal__page {\n cursor: default;\n line-height: 21px;\n\n h1 {\n font-size: 18px;\n font-weight: 500;\n color: $inverted-text-color;\n margin-bottom: 20px;\n }\n\n a {\n color: $highlight-text-color;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($highlight-text-color, 4%);\n }\n }\n\n .navigation-bar a {\n color: inherit;\n }\n\n p {\n font-size: 16px;\n color: $lighter-text-color;\n margin-top: 10px;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n strong {\n font-weight: 500;\n background: $ui-base-color;\n color: $secondary-text-color;\n border-radius: 4px;\n font-size: 14px;\n padding: 3px 6px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n}\n\n.onboarding-modal__page__wrapper-0 {\n height: 100%;\n padding: 0;\n}\n\n.onboarding-modal__page-one {\n &__lead {\n padding: 65px;\n padding-top: 45px;\n padding-bottom: 0;\n margin-bottom: 10px;\n\n h1 {\n font-size: 26px;\n line-height: 36px;\n margin-bottom: 8px;\n }\n\n p {\n margin-bottom: 0;\n }\n }\n\n &__extra {\n padding-right: 65px;\n padding-left: 185px;\n text-align: center;\n }\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n\n &__label {\n font-weight: 500;\n color: $inverted-text-color;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n }\n\n &__case {\n background: $ui-base-color;\n color: $secondary-text-color;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n p {\n text-align: left;\n }\n\n .figure {\n background: darken($ui-base-color, 8%);\n color: $secondary-text-color;\n margin-bottom: 20px;\n border-radius: 4px;\n padding: 10px;\n text-align: center;\n font-size: 14px;\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n .onboarding-modal__image {\n border-radius: 4px;\n margin-bottom: 10px;\n }\n\n &.non-interactive {\n pointer-events: none;\n text-align: left;\n }\n }\n}\n\n.onboarding-modal__page-four__columns {\n .row {\n display: flex;\n margin-bottom: 20px;\n\n & > div {\n flex: 1 1 0;\n margin: 0 10px;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n p {\n text-align: center;\n }\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .column-header {\n color: $primary-text-color;\n }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n .onboarding-modal__page p {\n font-size: 14px;\n line-height: 20px;\n }\n\n .onboarding-modal__page-two .figure,\n .onboarding-modal__page-three .figure,\n .onboarding-modal__page-four .figure,\n .onboarding-modal__page-five .figure {\n font-size: 12px;\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .row {\n margin-bottom: 10px;\n }\n\n .onboarding-modal__page-four__columns .column-header {\n padding: 5px;\n font-size: 12px;\n }\n}\n\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal {\n background: lighten($ui-secondary-color, 8%);\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n\n .status__relative-time {\n color: $dark-text-color;\n float: right;\n font-size: 14px;\n width: auto;\n margin: initial;\n padding: initial;\n }\n\n .status__display-name {\n display: flex;\n }\n\n .status__avatar {\n height: 48px;\n width: 48px;\n }\n\n .status__content__spoiler-link {\n color: lighten($secondary-text-color, 8%);\n }\n}\n\n.actions-modal {\n .status {\n background: $white;\n border-bottom-color: $ui-secondary-color;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .dropdown-menu__separator {\n border-bottom-color: $ui-secondary-color;\n }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n overflow-x: scroll;\n padding: 10px;\n\n .status {\n user-select: text;\n border-bottom: 0;\n }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: $ui-secondary-color;\n padding: 10px;\n line-height: 36px;\n\n & > div {\n flex: 1 1 auto;\n text-align: right;\n color: $lighter-text-color;\n padding-right: 10px;\n }\n\n .button {\n flex: 0 0 auto;\n }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.mute-modal {\n line-height: 24px;\n}\n\n.mute-modal .react-toggle {\n vertical-align: middle;\n}\n\n.report-modal {\n width: 90vw;\n max-width: 700px;\n}\n\n.report-modal__container {\n display: flex;\n border-top: 1px solid $ui-secondary-color;\n\n @media screen and (max-width: 480px) {\n flex-wrap: wrap;\n overflow-y: auto;\n }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n box-sizing: border-box;\n width: 50%;\n\n @media screen and (max-width: 480px) {\n width: 100%;\n }\n}\n\n.report-modal__statuses {\n flex: 1 1 auto;\n min-height: 20vh;\n max-height: 80vh;\n overflow-y: auto;\n overflow-x: hidden;\n\n .status__content a {\n color: $highlight-text-color;\n }\n\n @media screen and (max-width: 480px) {\n max-height: 10vh;\n }\n}\n\n.report-modal__comment {\n padding: 20px;\n border-right: 1px solid $ui-secondary-color;\n max-width: 320px;\n\n p {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 20px;\n }\n\n .setting-text {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $white;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 1px solid $ui-secondary-color;\n margin-bottom: 20px;\n\n &:focus {\n border: 1px solid darken($ui-secondary-color, 8%);\n }\n }\n\n .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n\n &__label {\n color: $inverted-text-color;\n font-size: 14px;\n }\n }\n\n @media screen and (max-width: 480px) {\n padding: 10px;\n max-width: 100%;\n order: 2;\n\n .setting-toggle {\n margin-bottom: 4px;\n }\n }\n}\n\n.report-modal__target {\n padding: 20px;\n\n .media-modal__close {\n top: 19px;\n right: 15px;\n }\n}\n\n.actions-modal {\n .status {\n overflow-y: auto;\n max-height: 300px;\n }\n\n strong {\n display: block;\n font-weight: 500;\n }\n\n max-height: 80vh;\n max-width: 80vw;\n\n .actions-modal__item-label {\n font-weight: 500;\n }\n\n ul {\n overflow-y: auto;\n flex-shrink: 0;\n max-height: 80vh;\n\n &.with-status {\n max-height: calc(80vh - 75px);\n }\n\n li:empty {\n margin: 0;\n }\n\n li:not(:empty) {\n a {\n color: $inverted-text-color;\n display: flex;\n padding: 12px 16px;\n font-size: 15px;\n align-items: center;\n text-decoration: none;\n\n &,\n button {\n transition: none;\n }\n\n &.active,\n &:hover,\n &:active,\n &:focus {\n &,\n button {\n background: $ui-highlight-color;\n color: $primary-text-color;\n }\n }\n\n & > .react-toggle,\n & > .icon,\n button:first-child {\n margin-right: 10px;\n }\n }\n }\n }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar {\n .confirmation-modal__secondary-button,\n .confirmation-modal__cancel-button,\n .mute-modal__cancel-button {\n background-color: transparent;\n color: $lighter-text-color;\n font-size: 14px;\n font-weight: 500;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n }\n }\n\n .confirmation-modal__secondary-button {\n flex-shrink: 1;\n }\n}\n\n.confirmation-modal__do_not_ask_again {\n padding-left: 20px;\n padding-right: 20px;\n padding-bottom: 10px;\n\n font-size: 14px;\n\n label, input {\n vertical-align: middle;\n }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.report-modal__target {\n padding: 30px;\n font-size: 16px;\n text-align: center;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n\n h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n }\n\n .embed-modal__container {\n padding: 10px;\n\n .hint {\n margin-bottom: 15px;\n }\n\n .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: none;\n padding: 10px;\n font-family: 'mastodon-font-monospace', monospace;\n background: $ui-base-color;\n color: $primary-text-color;\n font-size: 14px;\n margin: 0;\n margin-bottom: 15px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n }\n }\n}\n\n.focal-point {\n position: relative;\n cursor: pointer;\n overflow: hidden;\n\n &.dragging {\n cursor: move;\n }\n\n img {\n max-width: 80vw;\n max-height: 80vh;\n width: auto;\n height: auto;\n margin: auto;\n }\n\n &__reticle {\n position: absolute;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%);\n background: url('~images/reticle.png') no-repeat 0 0;\n border-radius: 50%;\n box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n }\n\n &__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n}\n",".composer {\n padding: 10px;\n}\n\n.no-reduce-motion .composer--spoiler {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n height: 0;\n transform-origin: bottom;\n opacity: 0.0;\n\n &.composer--spoiler--visible {\n height: 47px;\n opacity: 1.0;\n }\n\n input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px;\n padding: 10px;\n width: 100%;\n outline: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n font-size: 14px;\n font-family: inherit;\n resize: vertical;\n\n &:focus { outline: 0 }\n @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n }\n}\n\n.composer--warning {\n color: $inverted-text-color;\n margin-bottom: 15px;\n background: $ui-primary-color;\n box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n\n a {\n color: $lighter-text-color;\n font-weight: 500;\n text-decoration: underline;\n\n &:active,\n &:focus,\n &:hover { text-decoration: none }\n }\n}\n\n.composer--reply {\n margin: 0 0 10px;\n border-radius: 4px;\n padding: 10px;\n background: $ui-primary-color;\n\n & > header {\n margin-bottom: 5px;\n overflow: hidden;\n\n & > .account.small { color: $inverted-text-color; }\n\n & > .cancel {\n float: right;\n line-height: 24px;\n }\n }\n\n & > .content {\n position: relative;\n margin: 10px 0;\n padding: 0 12px;\n font-size: 14px;\n line-height: 20px;\n color: $inverted-text-color;\n word-wrap: break-word;\n font-weight: 400;\n overflow: visible;\n white-space: pre-wrap;\n padding-top: 5px;\n\n p {\n margin-bottom: 20px;\n\n &:last-child { margin-bottom: 0 }\n }\n\n a {\n color: $lighter-text-color;\n text-decoration: none;\n\n &:hover { text-decoration: underline }\n\n &.mention {\n &:hover {\n text-decoration: none;\n\n span { text-decoration: underline }\n }\n }\n }\n }\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -5px 0 0;\n }\n}\n\n.emoji-picker-dropdown {\n position: absolute;\n right: 5px;\n top: 5px;\n\n ::-webkit-scrollbar-track:hover,\n ::-webkit-scrollbar-track:active {\n background-color: rgba($base-overlay-background, 0.3);\n }\n}\n\n.composer--textarea,\n.autosuggest-input {\n position: relative;\n\n label {\n .autosuggest-textarea__textarea {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 4px 4px 0 0;\n padding: 10px 32px 0 10px;\n width: 100%;\n min-height: 100px;\n outline: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n font-size: 14px;\n font-family: inherit;\n resize: none;\n scrollbar-color: initial;\n\n &::-webkit-scrollbar {\n all: unset;\n }\n\n &:disabled { background: $ui-secondary-color }\n &:focus { outline: 0 }\n @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n @include limited-single-column('screen and (max-width: 600px)') {\n height: 100px !important; // prevent auto-resize textarea\n resize: vertical;\n }\n }\n }\n}\n\n.composer--textarea--icons {\n display: block;\n position: absolute;\n top: 29px;\n right: 5px;\n bottom: 5px;\n overflow: hidden;\n\n & > .textarea_icon {\n display: block;\n margin: 2px 0 0 2px;\n width: 24px;\n height: 24px;\n color: $lighter-text-color;\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n opacity: .8;\n }\n}\n\n.autosuggest-textarea__suggestions {\n display: block;\n position: absolute;\n box-sizing: border-box;\n top: 100%;\n border-radius: 0 0 4px 4px;\n padding: 6px;\n width: 100%;\n color: $inverted-text-color;\n background: $ui-secondary-color;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n font-size: 14px;\n z-index: 99;\n display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n border-radius: 4px;\n padding: 10px;\n font-size: 14px;\n line-height: 18px;\n overflow: hidden;\n cursor: pointer;\n\n &:hover,\n &:focus,\n &:active,\n &.selected { background: darken($ui-secondary-color, 10%) }\n\n & > .emoji {\n img {\n display: block;\n float: left;\n margin-right: 8px;\n width: 18px;\n height: 18px;\n }\n }\n\n & > .account.small {\n .display-name {\n & > span { color: $lighter-text-color }\n }\n }\n}\n\n.composer--upload_form {\n overflow: hidden;\n\n & > .content {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: inherit;\n padding: 5px;\n overflow: hidden;\n }\n}\n\n.composer--upload_form--item {\n flex: 1 1 0;\n margin: 5px;\n min-width: 40%;\n\n & > div {\n position: relative;\n border-radius: 4px;\n height: 140px;\n width: 100%;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n overflow: hidden;\n\n textarea {\n display: block;\n position: absolute;\n box-sizing: border-box;\n bottom: 0;\n left: 0;\n margin: 0;\n border: 0;\n padding: 10px;\n width: 100%;\n color: $secondary-text-color;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n font-size: 14px;\n font-family: inherit;\n font-weight: 500;\n opacity: 0;\n z-index: 2;\n transition: opacity .1s ease;\n\n &:focus { color: $white }\n\n &::placeholder {\n opacity: 0.54;\n color: $secondary-text-color;\n }\n }\n\n & > .close { mix-blend-mode: difference }\n }\n\n &.active {\n & > div {\n textarea { opacity: 1 }\n }\n }\n}\n\n.composer--upload_form--actions {\n background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity .1s ease;\n\n .icon-button {\n flex: 0 1 auto;\n color: $ui-secondary-color;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($ui-secondary-color, 4%);\n }\n }\n\n &.active {\n opacity: 1;\n }\n}\n\n.composer--upload_form--progress {\n display: flex;\n padding: 10px;\n color: $darker-text-color;\n overflow: hidden;\n\n & > .fa {\n font-size: 34px;\n margin-right: 10px;\n }\n\n & > .message {\n flex: 1 1 auto;\n\n & > span {\n display: block;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n }\n\n & > .backdrop {\n position: relative;\n margin-top: 5px;\n border-radius: 6px;\n width: 100%;\n height: 6px;\n background: $ui-base-lighter-color;\n\n & > .tracker {\n position: absolute;\n top: 0;\n left: 0;\n height: 6px;\n border-radius: 6px;\n background: $ui-highlight-color;\n }\n }\n }\n}\n\n.compose-form__modifiers {\n color: $inverted-text-color;\n font-family: inherit;\n font-size: 14px;\n background: $simple-background-color;\n}\n\n.composer--options {\n padding: 10px;\n background: darken($simple-background-color, 8%);\n box-shadow: inset 0 5px 5px rgba($base-shadow-color, 0.05);\n border-radius: 0 0 4px 4px;\n height: 27px;\n\n & > * {\n display: inline-block;\n box-sizing: content-box;\n padding: 0 3px;\n height: 27px;\n line-height: 27px;\n vertical-align: bottom;\n }\n\n & > hr {\n display: inline-block;\n margin: 0 3px;\n border-width: 0 0 0 1px;\n border-style: none none none solid;\n border-color: transparent transparent transparent darken($simple-background-color, 24%);\n padding: 0;\n width: 0;\n height: 27px;\n background: transparent;\n }\n}\n\n.composer--options--dropdown {\n &.open {\n & > .value {\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n color: $primary-text-color;\n background: $ui-highlight-color;\n transition: none;\n }\n &.top {\n & > .value {\n border-radius: 0 0 4px 4px;\n box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n }\n }\n }\n}\n\n.composer--options--dropdown--content {\n position: absolute;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n background: $simple-background-color;\n overflow: hidden;\n transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n display: flex;\n align-items: center;\n padding: 10px;\n color: $inverted-text-color;\n cursor: pointer;\n\n & > .content {\n flex: 1 1 auto;\n color: $lighter-text-color;\n\n &:not(:first-child) { margin-left: 10px }\n\n strong {\n display: block;\n color: $inverted-text-color;\n font-weight: 500;\n }\n }\n\n &:hover,\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n\n & > .content {\n color: $primary-text-color;\n\n strong { color: $primary-text-color }\n }\n }\n\n &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n padding-top: 10px;\n text-align: right;\n white-space: nowrap;\n overflow: hidden;\n\n & > .count {\n display: inline-block;\n margin: 0 16px 0 8px;\n font-size: 16px;\n line-height: 36px;\n }\n\n & > .primary {\n display: inline-block;\n margin: 0;\n padding: 0 10px;\n text-align: center;\n }\n\n & > .side_arm {\n display: inline-block;\n margin: 0 2px 0 0;\n padding: 0;\n width: 36px;\n text-align: center;\n }\n\n &.over {\n & > .count { color: $warning-red }\n }\n}\n",".column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n}\n\n@include limited-single-column('screen and (min-width: 360px)', $parent: null) {\n .columns-area {\n padding: 10px;\n }\n\n .react-swipeable-view-container .columns-area {\n height: calc(100% - 20px) !important;\n }\n}\n\n.react-swipeable-view-container {\n &,\n .columns-area,\n .column {\n height: 100%;\n }\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n > .scrollable {\n background: $ui-base-color;\n }\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: darken($ui-base-color, 7%);\n}\n\n.column {\n overflow: hidden;\n}\n\n@include limited-single-column('screen and (min-width: 360px)', $parent: null) {\n .tabs-bar {\n margin: 10px;\n margin-bottom: 0;\n }\n}\n\n:root { // Overrides .wide stylings for mobile view\n @include single-column('screen and (max-width: 630px)', $parent: null) {\n .column {\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n\n .columns-area {\n flex-direction: column;\n }\n\n .search__input,\n .autosuggest-textarea__textarea {\n font-size: 16px;\n }\n }\n}\n\n@include multi-columns('screen and (min-width: 631px)', $parent: null) {\n .columns-area {\n padding: 0;\n }\n\n .column {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 10px;\n }\n\n &:last-child {\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n}\n\n.column-back-button {\n background: lighten($ui-base-color, 4%);\n color: $highlight-text-color;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n.column-header__back-button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n font-family: inherit;\n color: $highlight-text-color;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:last-child {\n padding: 0 15px 0 0;\n }\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.column-link {\n background: lighten($ui-base-color, 8%);\n color: $primary-text-color;\n display: block;\n font-size: 16px;\n padding: 15px;\n text-decoration: none;\n\n &:hover {\n background: lighten($ui-base-color, 11%);\n }\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-subheading {\n background: $ui-base-color;\n color: $dark-text-color;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n\n &.active {\n &::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n }\n }\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: lighten($ui-base-color, 4%);\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n\n & > button {\n margin: 0;\n border: none;\n padding: 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n }\n\n & > .column-header__back-button {\n color: $highlight-text-color;\n }\n\n &.active {\n box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n .column-header__icon {\n color: $highlight-text-color;\n text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n }\n }\n\n &:focus,\n &:active {\n outline: 0;\n }\n}\n\n.column {\n width: 330px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .wide & {\n flex: auto;\n min-width: 330px;\n max-width: 400px;\n }\n\n > .scrollable {\n background: $ui-base-color;\n }\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n margin-left: 0;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n color: $darker-text-color;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n\n &:hover {\n color: lighten($darker-text-color, 7%);\n }\n\n &.active {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n\n &:hover {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n }\n }\n\n // glitch - added focus ring for keyboard navigation\n &:focus {\n text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n }\n}\n\n.column-header__notif-cleaning-buttons {\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n\n button {\n @extend .column-header__button;\n background: transparent;\n text-align: center;\n padding: 10px 0;\n white-space: pre-wrap;\n }\n\n b {\n font-weight: bold;\n }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n padding: 0;\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: $darker-text-color;\n transition: max-height 150ms ease-in-out, opacity 300ms linear;\n opacity: 1;\n\n &.collapsed {\n max-height: 0;\n opacity: 0.5;\n }\n\n &.animating {\n overflow-y: hidden;\n }\n\n hr {\n height: 0;\n background: transparent;\n border: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n margin: 10px 0;\n }\n\n // notif cleaning drawer\n &.ncd {\n transition: none;\n &.collapsed {\n max-height: 0;\n opacity: 0.7;\n }\n }\n}\n\n.column-header__collapsible-inner {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-header__setting-btn {\n &:hover {\n color: $darker-text-color;\n text-decoration: underline;\n }\n}\n\n.column-header__setting-arrows {\n float: right;\n\n .column-header__setting-btn {\n padding: 0 10px;\n\n &:last-child {\n padding-right: 0;\n }\n }\n}\n\n.column-header__title {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n color: $dark-text-color;\n background: $ui-base-color;\n text-align: center;\n padding: 20px;\n font-size: 15px;\n font-weight: 400;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.error-column {\n flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n .tabs-bar {\n margin-top: 0 !important;\n margin-bottom: -6px !important;\n }\n}\n\n.single-column.navbar-under {\n @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n @media screen and (max-width: 360px) {\n @include fix-margins-for-navbar-under;\n }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n @media screen and (max-width: 360px) {\n height: 100% !important;\n }\n}\n\n.column-inline-form {\n padding: 7px 15px;\n padding-right: 5px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: lighten($ui-base-color, 4%);\n\n label {\n flex: 1 1 auto;\n\n input {\n width: 100%;\n margin-bottom: 6px;\n\n &:focus {\n outline: 0;\n }\n }\n }\n\n .icon-button {\n flex: 0 0 auto;\n margin: 0 5px;\n }\n}\n\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: darken($ui-highlight-color, 3%);\n color: $white;\n border-radius: 50%;\n font-size: 21px;\n line-height: 21px;\n text-decoration: none;\n box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-highlight-color, 7%);\n }\n}\n",".regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: $dark-text-color;\n background: $ui-base-color;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n padding: 20px;\n\n & > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n }\n\n &__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.missing-indicator {\n padding-top: 20px + 48px;\n }\n\n &__label {\n margin-top: 200px;\n\n strong {\n display: block;\n margin-bottom: 10px;\n color: $dark-text-color;\n }\n\n span {\n font-size: 15px;\n font-weight: 400;\n }\n }\n}\n",".search {\n position: relative;\n}\n\n.search__input {\n display: block;\n padding: 10px;\n padding-right: 30px;\n @include search-input();\n}\n\n.search__icon {\n .fa {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 2;\n display: inline-block;\n opacity: 0;\n transition: all 100ms linear;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: $secondary-text-color;\n cursor: default;\n pointer-events: none;\n\n &.active {\n pointer-events: auto;\n opacity: 0.3;\n }\n }\n\n .fa-search {\n transform: rotate(90deg);\n\n &.active {\n pointer-events: none;\n transform: rotate(0deg);\n }\n }\n\n .fa-times-circle {\n top: 11px;\n transform: rotate(0deg);\n cursor: pointer;\n\n &.active {\n transform: rotate(90deg);\n }\n\n &:hover {\n color: $primary-text-color;\n }\n }\n}\n\n.search-results__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n border-bottom: 1px solid darken($ui-base-color, 4%);\n padding: 15px 10px;\n font-size: 14px;\n font-weight: 500;\n}\n\n.trends {\n &__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n border-bottom: 1px solid darken($ui-base-color, 4%);\n font-weight: 500;\n padding: 15px;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n &__item {\n display: flex;\n align-items: center;\n padding: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n &__name {\n flex: 1 1 auto;\n color: $dark-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n font-weight: 500;\n }\n\n a {\n color: $darker-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover,\n &:focus,\n &:active {\n span {\n text-decoration: underline;\n }\n }\n }\n }\n\n &__current {\n flex: 0 0 auto;\n width: 100px;\n font-size: 24px;\n line-height: 36px;\n font-weight: 500;\n text-align: center;\n color: $secondary-text-color;\n }\n\n &__sparkline {\n flex: 0 0 auto;\n width: 50px;\n\n path {\n stroke: lighten($highlight-text-color, 6%) !important;\n }\n }\n }\n}\n",null,".emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -.2ex .15em .2ex;\n width: 16px;\n height: 16px;\n\n img {\n width: auto;\n }\n}\n\n.emoji-picker-dropdown__menu {\n background: $simple-background-color;\n position: absolute;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n\n .emoji-mart-scroll {\n transition: opacity 200ms ease;\n }\n\n &.selecting .emoji-mart-scroll {\n opacity: 0.5;\n }\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: $simple-background-color;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n overflow: hidden;\n\n button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n\n &:hover,\n &:focus,\n &:active {\n background: rgba($ui-secondary-color, 0.4);\n }\n }\n\n .emoji-mart-emoji {\n height: 22px;\n }\n}\n\n.emoji-mart-emoji {\n span {\n background-repeat: no-repeat;\n }\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n\n &:active,\n &:focus {\n outline: 0 !important;\n }\n\n img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n }\n\n &:hover,\n &:active,\n &:focus {\n img {\n opacity: 1;\n filter: none;\n }\n }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n @extend .boost-modal;\n width: unset;\n}\n\n.doodle-modal__container {\n background: $doodleBg;\n text-align: center;\n line-height: 0; // remove weird gap under canvas\n canvas {\n border: 5px solid $doodleBg;\n }\n}\n\n.doodle-modal__action-bar {\n @extend .boost-modal__action-bar;\n\n .filler {\n flex-grow: 1;\n margin: 0;\n padding: 0;\n }\n\n .doodle-toolbar {\n line-height: 1;\n\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n justify-content: space-around;\n\n &.with-inputs {\n label {\n display: inline-block;\n width: 70px;\n text-align: right;\n margin-right: 2px;\n }\n\n input[type=\"number\"],input[type=\"text\"] {\n width: 40px;\n }\n span.val {\n display: inline-block;\n text-align: left;\n width: 50px;\n }\n }\n }\n\n .doodle-palette {\n padding-right: 0 !important;\n border: 1px solid black;\n line-height: .2rem;\n flex-grow: 0;\n background: white;\n\n button {\n appearance: none;\n width: 1rem;\n height: 1rem;\n margin: 0; padding: 0;\n text-align: center;\n color: black;\n text-shadow: 0 0 1px white;\n cursor: pointer;\n box-shadow: inset 0 0 1px rgba(white, .5);\n border: 1px solid black;\n outline-offset:-1px;\n\n &.foreground {\n outline: 1px dashed white;\n }\n\n &.background {\n outline: 1px dashed red;\n }\n\n &.foreground.background {\n outline: 1px dashed red;\n border-color: white;\n }\n }\n }\n}\n",".drawer {\n width: 300px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n padding: 10px 5px;\n flex: none;\n\n &:first-child {\n padding-left: 10px;\n }\n\n &:last-child {\n padding-right: 10px;\n }\n\n @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n @include limited-single-column('screen and (max-width: 630px)') {\n &, &:first-child, &:last-child { padding: 0 }\n }\n\n .wide & {\n min-width: 300px;\n max-width: 400px;\n flex: 1 1 200px;\n }\n\n @include single-column('screen and (max-width: 630px)') {\n :root & { // Overrides `.wide` for single-column view\n flex: auto;\n width: 100%;\n min-width: 0;\n max-width: none;\n padding: 0;\n }\n }\n\n .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n display: flex;\n flex-direction: row;\n margin-bottom: 10px;\n flex: none;\n background: lighten($ui-base-color, 8%);\n font-size: 16px;\n\n & > * {\n display: block;\n box-sizing: border-box;\n border-bottom: 2px solid transparent;\n padding: 15px 5px 13px;\n height: 48px;\n flex: 1 1 auto;\n color: $darker-text-color;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n a {\n transition: background 100ms ease-in;\n\n &:focus,\n &:hover {\n outline: none;\n background: lighten($ui-base-color, 3%);\n transition: background 200ms ease-out;\n }\n }\n}\n\n.drawer--search {\n position: relative;\n margin-bottom: 10px;\n flex: none;\n\n @include limited-single-column('screen and (max-width: 360px)') { margin-bottom: 0 }\n @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n input {\n display: block;\n box-sizing: border-box;\n margin: 0;\n border: none;\n padding: 10px 30px 10px 10px;\n width: 100%;\n height: 36px;\n outline: 0;\n color: $darker-text-color;\n background: $ui-base-color;\n font-size: 14px;\n font-family: inherit;\n line-height: 16px;\n\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n }\n }\n\n & > .icon {\n display: block;\n position: absolute;\n top: 10px;\n right: 10px;\n width: 18px;\n height: 18px;\n color: $secondary-text-color;\n font-size: 18px;\n line-height: 18px;\n z-index: 2;\n\n .fa {\n display: inline-block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n cursor: default;\n pointer-events: none;\n transition: all 100ms linear;\n }\n\n .fa-search {\n opacity: 0.3;\n transform: rotate(0deg);\n }\n\n .fa-times-circle {\n transform: rotate(-90deg);\n cursor: pointer;\n\n &:hover { color: $primary-text-color }\n }\n }\n\n &.active {\n & > .icon {\n .fa-search {\n opacity: 0;\n transform: rotate(90deg);\n }\n\n .fa-times-circle {\n opacity: 0.3;\n pointer-events: auto;\n transform: rotate(0deg);\n }\n }\n }\n}\n\n.drawer--search--popout {\n @include search-popout();\n}\n\n.drawer--account {\n padding: 10px;\n color: $darker-text-color;\n\n & > a {\n color: inherit;\n text-decoration: none;\n }\n\n & > .avatar {\n float: left;\n margin-right: 10px;\n }\n\n & > .acct {\n display: block;\n color: $secondary-text-color;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.drawer--results {\n background: $ui-base-color;\n overflow-x: hidden;\n overflow-y: auto;\n\n & > header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n & > section {\n margin-bottom: 5px;\n\n h5 {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: $dark-text-color;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .account:last-child,\n & > div:last-child .status {\n border-bottom: 0;\n }\n\n & > .hashtag {\n display: block;\n padding: 10px;\n color: $secondary-text-color;\n text-decoration: none;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($secondary-text-color, 4%);\n text-decoration: underline;\n }\n }\n }\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: lighten($ui-base-color, 13%);\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n\n &.darker {\n background: $ui-base-color;\n }\n}\n\n.drawer__inner__mastodon {\n background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n flex: 1;\n min-height: 47px;\n\n > img {\n display: block;\n object-fit: contain;\n object-position: bottom left;\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-drag: none;\n user-select: none;\n }\n\n > .mastodon {\n display: block;\n width: 100%;\n height: 100%;\n border: none;\n cursor: inherit;\n }\n}\n\n.pseudo-drawer {\n background: lighten($ui-base-color, 13%);\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n align-items: center;\n background: $base-overlay-background;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n margin-top: 8px;\n position: relative;\n text-align: center;\n z-index: 100;\n}\n\n.media-spoiler {\n background: $base-overlay-background;\n color: $darker-text-color;\n border: 0;\n width: 100%;\n height: 100%;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($darker-text-color, 8%);\n }\n\n .status__content > & {\n margin-top: 15px; // Add margin when used bare for NSFW video player\n }\n @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: $primary-text-color;\n background: rgba($base-overlay-background, 0.5);\n bottom: 6px;\n left: 6px;\n padding: 2px 6px;\n border-radius: 2px;\n font-size: 11px;\n font-weight: 600;\n z-index: 1;\n pointer-events: none;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n}\n\n.media-gallery__gifv {\n &.autoplay {\n .media-gallery__gifv__label {\n display: none;\n }\n }\n\n &:hover {\n .media-gallery__gifv__label {\n opacity: 1;\n }\n }\n}\n\n.media-gallery__audio {\n height: 100%;\n display: flex;\n flex-direction: column;\n\n span {\n text-align: center;\n color: $darker-text-color;\n display: flex;\n height: 100%;\n align-items: center;\n\n p {\n width: 100%;\n }\n }\n\n audio {\n width: 100%;\n }\n}\n\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n height: 110px;\n\n @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n border: none;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n\n .full-width & {\n border-radius: 0;\n }\n\n &.standalone {\n .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n }\n }\n\n &.letterbox {\n background: $base-shadow-color;\n }\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: $secondary-text-color;\n line-height: 0;\n\n &,\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n\n &:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n }\n }\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n width: 100%;\n position: relative;\n z-index: 1;\n object-fit: contain;\n user-select: none;\n\n &:not(.letterbox) {\n height: 100%;\n object-fit: cover;\n }\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n\n .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n video {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n }\n }\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n\n * {\n pointer-events: auto;\n }\n\n &.media-modal__navigation--hidden {\n opacity: 0;\n\n * {\n pointer-events: none;\n }\n }\n}\n\n.media-modal__nav {\n background: rgba($base-overlay-background, 0.5);\n box-sizing: border-box;\n border: 0;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n align-items: center;\n font-size: 24px;\n height: 20vmax;\n margin: auto 0;\n padding: 30px 15px;\n position: absolute;\n top: 0;\n bottom: 0;\n}\n\n.media-modal__nav--left {\n left: 0;\n}\n\n.media-modal__nav--right {\n right: 0;\n}\n\n.media-modal__pagination {\n width: 100%;\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n pointer-events: none;\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: $white;\n height: 12px;\n width: 12px;\n border-radius: 6px;\n margin: 10px;\n padding: 0;\n border: 0;\n font-size: 0;\n}\n\n.media-modal__button--active {\n background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n .video-player__volume__current,\n .video-player__volume::before {\n bottom: 27px;\n }\n\n .video-player__volume__handle {\n bottom: 23px;\n }\n\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: $base-shadow-color;\n max-width: 100%;\n\n &:focus {\n outline: 0;\n }\n\n .detailed-status & {\n width: 100%;\n height: 100%;\n }\n\n @include fullwidth-gallery;\n\n video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n position: relative;\n }\n\n &.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n\n video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n &.inline {\n video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n &__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity .1s ease;\n\n &.active {\n opacity: 1;\n }\n }\n\n &.inactive {\n video,\n .video-player__controls {\n visibility: hidden;\n }\n }\n\n &__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: $base-shadow-color;\n color: $darker-text-color;\n transition: none;\n pointer-events: none;\n\n &.active {\n display: block;\n pointer-events: auto;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($darker-text-color, 7%);\n }\n }\n\n &__title {\n display: block;\n font-size: 14px;\n }\n\n &__subtitle {\n display: block;\n font-size: 11px;\n font-weight: 500;\n }\n }\n\n &__buttons-bar {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n }\n\n &__buttons {\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &.left {\n button {\n padding-left: 0;\n }\n }\n\n &.right {\n button {\n padding-right: 0;\n }\n }\n\n button {\n background: transparent;\n padding: 2px 10px;\n font-size: 16px;\n border: 0;\n color: rgba($white, 0.75);\n\n &:active,\n &:hover,\n &:focus {\n color: $white;\n }\n }\n }\n\n &__time-sep,\n &__time-total,\n &__time-current {\n font-size: 14px;\n font-weight: 500;\n }\n\n &__time-current {\n color: $white;\n margin-left: 60px;\n }\n\n &__time-sep {\n display: inline-block;\n margin: 0 6px;\n }\n\n &__time-sep,\n &__time-total {\n color: $white;\n }\n\n &__volume {\n cursor: pointer;\n height: 24px;\n display: inline;\n\n &::before {\n content: \"\";\n width: 50px;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n left: 70px;\n bottom: 20px;\n }\n\n &__current {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n left: 70px;\n bottom: 20px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n bottom: 16px;\n left: 70px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n }\n }\n\n &__seek {\n cursor: pointer;\n height: 24px;\n position: relative;\n\n &::before {\n content: \"\";\n width: 100%;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n top: 10px;\n }\n\n &__progress,\n &__buffer {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n top: 10px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__buffer {\n background: rgba($white, 0.2);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n opacity: 0;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n top: 6px;\n margin-left: -6px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n\n &.active {\n opacity: 1;\n }\n }\n\n &:hover {\n .video-player__seek__handle {\n opacity: 1;\n }\n }\n }\n\n&.detailed,\n&.fullscreen {\n .video-player__buttons {\n button {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n}\n}\n\n.media-spoiler-video {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n margin-top: 8px;\n position: relative;\n\n @include fullwidth-gallery;\n\n border: 0;\n display: block;\n}\n\n.media-spoiler-video-play-icon {\n border-radius: 100px;\n color: rgba($primary-text-color, 0.8);\n font-size: 36px;\n left: 50%;\n padding: 5px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n",".sensitive-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: absolute;\n top: 4px;\n left: 4px;\n z-index: 100;\n}\n\n.sensitive-marker {\n margin: 0 3px;\n border-radius: 2px;\n padding: 2px 6px;\n color: rgba($primary-text-color, 0.8);\n background: rgba($base-overlay-background, 0.5);\n font-size: 12px;\n line-height: 15px;\n text-transform: uppercase;\n opacity: .9;\n transition: opacity .1s ease;\n\n .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n h4 {\n padding: 15px 0;\n background: lighten($ui-base-color, 13%);\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n border-radius: 8px 8px 0 0;\n }\n\n .drawer__pager {\n height: 50vh;\n }\n\n .drawer__inner {\n border-radius: 0 0 8px 8px;\n\n &.backdrop {\n width: calc(100% - 60px);\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 0 0 0 8px;\n }\n }\n\n &__accounts {\n overflow-y: auto;\n }\n\n .account__display-name {\n &:hover strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n\n .search {\n margin-bottom: 0;\n }\n}\n\n.list-adder {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n &__account {\n background: lighten($ui-base-color, 13%);\n }\n\n &__lists {\n background: lighten($ui-base-color, 13%);\n height: 50vh;\n border-radius: 0 0 8px 8px;\n overflow-y: auto;\n }\n\n .list {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .list__wrapper {\n display: flex;\n }\n\n .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n }\n}\n",".emoji-mart {\n &,\n * {\n box-sizing: border-box;\n line-height: 1.15;\n }\n\n font-size: 13px;\n display: inline-block;\n color: $inverted-text-color;\n\n .emoji-mart-emoji {\n padding: 6px;\n }\n}\n\n.emoji-mart-bar {\n border: 0 solid darken($ui-secondary-color, 8%);\n\n &:first-child {\n border-bottom-width: 1px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: $ui-secondary-color;\n }\n\n &:last-child {\n border-top-width: 1px;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n display: none;\n }\n}\n\n.emoji-mart-anchors {\n display: flex;\n justify-content: space-between;\n padding: 0 6px;\n color: $lighter-text-color;\n line-height: 0;\n}\n\n.emoji-mart-anchor {\n position: relative;\n flex: 1;\n text-align: center;\n padding: 12px 4px;\n overflow: hidden;\n transition: color .1s ease-out;\n cursor: pointer;\n\n &:hover {\n color: darken($lighter-text-color, 4%);\n }\n}\n\n.emoji-mart-anchor-selected {\n color: $highlight-text-color;\n\n &:hover {\n color: darken($highlight-text-color, 4%);\n }\n\n .emoji-mart-anchor-bar {\n bottom: 0;\n }\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 100%;\n height: 3px;\n background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n i {\n display: inline-block;\n width: 100%;\n max-width: 22px;\n }\n\n svg {\n fill: currentColor;\n max-height: 18px;\n }\n}\n\n.emoji-mart-scroll {\n overflow-y: scroll;\n height: 270px;\n max-height: 35vh;\n padding: 0 6px 6px;\n background: $simple-background-color;\n will-change: transform;\n\n &::-webkit-scrollbar-track:hover,\n &::-webkit-scrollbar-track:active {\n background-color: rgba($base-overlay-background, 0.3);\n }\n}\n\n.emoji-mart-search {\n padding: 10px;\n padding-right: 45px;\n background: $simple-background-color;\n\n input {\n font-size: 14px;\n font-weight: 400;\n padding: 7px 9px;\n font-family: inherit;\n display: block;\n width: 100%;\n background: rgba($ui-secondary-color, 0.3);\n color: $inverted-text-color;\n border: 1px solid $ui-secondary-color;\n border-radius: 4px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n cursor: pointer;\n\n span {\n z-index: 1;\n position: relative;\n text-align: center;\n }\n\n &:hover::before {\n z-index: 0;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba($ui-secondary-color, 0.7);\n border-radius: 100%;\n }\n}\n\n.emoji-mart-category-label {\n z-index: 2;\n position: relative;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n\n span {\n display: block;\n width: 100%;\n font-weight: 500;\n padding: 5px 6px;\n background: $simple-background-color;\n }\n}\n\n.emoji-mart-emoji {\n position: relative;\n display: inline-block;\n font-size: 0;\n\n span {\n width: 22px;\n height: 22px;\n }\n}\n\n.emoji-mart-no-results {\n font-size: 14px;\n text-align: center;\n padding-top: 70px;\n color: $light-text-color;\n\n .emoji-mart-category-label {\n display: none;\n }\n\n .emoji-mart-no-results-label {\n margin-top: .2em;\n }\n\n .emoji-mart-emoji:hover::before {\n content: none;\n }\n}\n\n.emoji-mart-preview {\n display: none;\n}\n",".glitch.local-settings {\n position: relative;\n display: flex;\n flex-direction: row;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n border-radius: 8px;\n height: 80vh;\n width: 80vw;\n max-width: 740px;\n max-height: 450px;\n overflow: hidden;\n\n label, legend {\n display: block;\n font-size: 14px;\n }\n\n .boolean label, .radio_buttons label {\n position: relative;\n padding-left: 28px;\n padding-top: 3px;\n\n input {\n position: absolute;\n left: 0;\n top: 0;\n }\n }\n\n span.hint {\n display: block;\n color: $lighter-text-color;\n }\n\n h1 {\n font-size: 18px;\n font-weight: 500;\n line-height: 24px;\n margin-bottom: 20px;\n }\n\n h2 {\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n margin-top: 20px;\n margin-bottom: 10px;\n }\n}\n\n.glitch.local-settings__navigation__item {\n display: block;\n padding: 15px 20px;\n color: inherit;\n background: lighten($ui-secondary-color, 8%);\n border-bottom: 1px $ui-secondary-color solid;\n cursor: pointer;\n text-decoration: none;\n outline: none;\n transition: background .3s;\n\n .text-icon-button {\n color: inherit;\n transition: unset;\n }\n\n &:hover {\n background: $ui-secondary-color;\n }\n\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n }\n\n &.close, &.close:hover {\n background: $error-value-color;\n color: $primary-text-color;\n }\n}\n\n.glitch.local-settings__navigation {\n background: lighten($ui-secondary-color, 8%);\n width: 212px;\n font-size: 15px;\n line-height: 20px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n display: block;\n flex: auto;\n padding: 15px 20px 15px 20px;\n width: 360px;\n overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n .glitch.local-settings__navigation {\n width: 40px;\n flex-shrink: 0;\n }\n\n .glitch.local-settings__navigation__item {\n padding: 10px;\n\n span:last-of-type {\n display: none;\n }\n }\n}\n",".error-boundary {\n h1 {\n font-size: 26px;\n line-height: 36px;\n font-weight: 400;\n margin-bottom: 8px;\n }\n\n p {\n color: $primary-text-color;\n font-size: 15px;\n line-height: 20px;\n\n a {\n color: $primary-text-color;\n text-decoration: underline;\n }\n\n ul {\n list-style: disc;\n margin-left: 0;\n padding-left: 1em;\n }\n\n textarea.web_app_crash-stacktrace {\n width: 100%;\n resize: none;\n white-space: pre;\n font-family: $font-monospace, monospace;\n }\n }\n}\n",".poll {\n margin-top: 16px;\n font-size: 14px;\n\n li {\n margin-bottom: 10px;\n position: relative;\n height: 18px + 12px;\n }\n\n &__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: darken($ui-primary-color, 14%);\n\n &.leading {\n background: $ui-highlight-color;\n }\n }\n\n &__text {\n position: relative;\n display: inline-block;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n input[type=radio],\n input[type=checkbox] {\n display: none;\n }\n\n .autossugest-input {\n flex: 1 1 auto;\n }\n\n input[type=text] {\n display: block;\n box-sizing: border-box;\n width: 100%;\n font-size: 14px;\n color: $inverted-text-color;\n display: block;\n outline: 0;\n font-family: inherit;\n background: $simple-background-color;\n border: 1px solid darken($simple-background-color, 14%);\n border-radius: 4px;\n padding: 6px 10px;\n\n &:focus {\n border-color: $highlight-text-color;\n }\n }\n\n &.selectable {\n cursor: pointer;\n }\n\n &.editable {\n display: flex;\n align-items: center;\n overflow: visible;\n }\n }\n\n &__input {\n display: inline-block;\n position: relative;\n border: 1px solid $ui-primary-color;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 50%;\n vertical-align: middle;\n\n &.checkbox {\n border-radius: 4px;\n }\n\n &.active {\n border-color: $valid-value-color;\n background: $valid-value-color;\n }\n }\n\n &__number {\n display: inline-block;\n width: 36px;\n font-weight: 700;\n padding: 0 10px;\n text-align: right;\n }\n\n &__footer {\n padding-top: 6px;\n padding-bottom: 5px;\n color: $dark-text-color;\n }\n\n &__link {\n display: inline;\n background: transparent;\n padding: 0;\n margin: 0;\n border: 0;\n color: $dark-text-color;\n text-decoration: underline;\n font-size: inherit;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n\n .button {\n height: 36px;\n padding: 0 16px;\n margin-right: 10px;\n font-size: 14px;\n }\n}\n\n.compose-form__poll-wrapper {\n border-top: 1px solid darken($simple-background-color, 8%);\n\n ul {\n padding: 10px;\n }\n\n .poll__footer {\n border-top: 1px solid darken($simple-background-color, 8%);\n padding: 10px;\n display: flex;\n align-items: center;\n\n button,\n select {\n width: 100%;\n flex: 1 1 50%;\n }\n }\n\n .button.button-secondary {\n font-size: 14px;\n font-weight: 400;\n padding: 6px 10px;\n height: auto;\n line-height: inherit;\n color: $action-button-color;\n border-color: $action-button-color;\n margin-right: 5px;\n }\n\n li {\n display: flex;\n align-items: center;\n\n .poll__text {\n flex: 0 0 auto;\n width: calc(100% - (23px + 6px));\n margin-right: 6px;\n }\n }\n\n select {\n appearance: none;\n box-sizing: border-box;\n font-size: 14px;\n color: $inverted-text-color;\n display: inline-block;\n width: auto;\n outline: 0;\n font-family: inherit;\n background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid darken($simple-background-color, 14%);\n border-radius: 4px;\n padding: 6px 10px;\n padding-right: 30px;\n }\n\n .icon-button.disabled {\n color: darken($simple-background-color, 14%);\n }\n}\n\n.muted .poll {\n color: $dark-text-color;\n\n &__chart {\n background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n &.leading {\n background: rgba($ui-highlight-color, 0.2);\n }\n }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n box-sizing: border-box;\n max-width: $maximum-width;\n margin: 0 auto;\n position: relative;\n\n @media screen and (max-width: $fluid-breakpoint) {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n color: $darker-text-color;\n padding-right: 10px;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n\n p,\n li {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n strong,\n em {\n font-weight: 700;\n color: lighten($darker-text-color, 10%);\n }\n\n h1 {\n font-family: $font-display, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n\n small {\n font-family: $font-sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: lighten($darker-text-color, 10%);\n }\n }\n\n h2 {\n font-family: $font-display, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h3 {\n font-family: $font-display, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h4 {\n font-family: $font-display, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h5 {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h6 {\n font-family: $font-display, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n ul,\n ol {\n margin-left: 20px;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n li > ol,\n li > ul {\n margin-top: 6px;\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n}\n\n.information-board {\n background: darken($ui-base-color, 4%);\n padding: 20px 0;\n\n .container-alt {\n position: relative;\n padding-right: 280px + 15px;\n }\n\n &__sections {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n\n &__section {\n flex: 1 0 0;\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: $primary-text-color;\n text-align: right;\n padding: 10px 15px;\n\n span,\n strong {\n display: block;\n }\n\n span {\n &:last-child {\n color: $secondary-text-color;\n }\n }\n\n strong {\n font-family: $font-display, sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n }\n\n @media screen and (max-width: $column-breakpoint) {\n text-align: center;\n }\n }\n\n .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: darken($ui-base-color, 8%);\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n\n .panel-header {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: $darker-text-color;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n a,\n span {\n font-weight: 400;\n color: darken($darker-text-color, 10%);\n }\n\n a {\n text-decoration: none;\n }\n }\n }\n\n .owner {\n text-align: center;\n\n .avatar {\n width: 80px;\n height: 80px;\n @include avatar-size(80px);\n margin: 0 auto;\n margin-bottom: 15px;\n\n img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n @include avatar-radius();\n }\n }\n\n .name {\n font-size: 14px;\n\n a {\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n\n &:hover {\n .display_name {\n text-decoration: underline;\n }\n }\n }\n\n .username {\n display: block;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.landing-page {\n p,\n li {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n }\n\n em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: lighten($darker-text-color, 10%);\n }\n\n h1 {\n font-family: $font-display, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n\n small {\n font-family: $font-sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: lighten($darker-text-color, 10%);\n }\n }\n\n h2 {\n font-family: $font-display, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h3 {\n font-family: $font-display, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h4 {\n font-family: $font-display, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h5 {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h6 {\n font-family: $font-display, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n ul,\n ol {\n margin-left: 20px;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n li > ol,\n li > ul {\n margin-top: 6px;\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n &__information,\n &__forms {\n padding: 20px;\n }\n\n &__call-to-action {\n background: darken($ui-base-color, 4%);\n border-radius: 4px;\n padding: 25px 40px;\n overflow: hidden;\n box-sizing: border-box;\n\n .row {\n width: 100%;\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n .row__information-board {\n display: flex;\n justify-content: flex-end;\n align-items: flex-end;\n\n .information-board__section {\n flex: 1 0 auto;\n padding: 0 10px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n width: 100%;\n justify-content: space-between;\n }\n }\n\n .row__mascot {\n flex: 1;\n margin: 10px -50px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n }\n\n &__logo {\n margin-right: 20px;\n\n img {\n height: 50px;\n width: auto;\n mix-blend-mode: lighten;\n }\n }\n\n &__information {\n padding: 45px 40px;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n strong {\n font-weight: 500;\n color: lighten($darker-text-color, 10%);\n }\n\n .account {\n border-bottom: 0;\n padding: 0;\n\n &__display-name {\n align-items: center;\n display: flex;\n margin-right: 5px;\n }\n\n div.account__display-name {\n &:hover {\n .display-name strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n }\n\n &__avatar-wrapper {\n margin-left: 0;\n flex: 0 0 auto;\n }\n\n &__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n @include avatar-size(44px);\n }\n\n .display-name {\n font-size: 15px;\n\n &__account {\n font-size: 14px;\n }\n }\n }\n\n @media screen and (max-width: $small-breakpoint) {\n .contact {\n margin-top: 30px;\n }\n }\n\n @media screen and (max-width: $column-breakpoint) {\n padding: 25px 20px;\n }\n }\n\n &__information,\n &__forms,\n #mastodon-timeline {\n box-sizing: border-box;\n background: $ui-base-color;\n border-radius: 4px;\n box-shadow: 0 0 6px rgba($black, 0.1);\n }\n\n &__mascot {\n height: 104px;\n position: relative;\n left: -40px;\n bottom: 25px;\n\n img {\n height: 190px;\n width: auto;\n }\n }\n\n &__short-description {\n .row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 40px;\n }\n\n @media screen and (max-width: $column-breakpoint) {\n .row {\n margin-bottom: 20px;\n }\n }\n\n p a {\n color: $secondary-text-color;\n }\n\n h1 {\n font-weight: 500;\n color: $primary-text-color;\n margin-bottom: 0;\n\n small {\n color: $darker-text-color;\n\n span {\n color: $secondary-text-color;\n }\n }\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n }\n\n &__hero {\n margin-bottom: 10px;\n\n img {\n display: block;\n margin: 0;\n max-width: 100%;\n height: auto;\n border-radius: 4px;\n }\n }\n\n @media screen and (max-width: 840px) {\n .information-board {\n .container-alt {\n padding-right: 20px;\n }\n\n .panel {\n position: static;\n margin-top: 20px;\n width: 100%;\n border-radius: 4px;\n\n .panel-header {\n text-align: center;\n }\n }\n }\n }\n\n @media screen and (max-width: 675px) {\n .header-wrapper {\n padding-top: 0;\n\n &.compact {\n padding-bottom: 0;\n }\n\n &.compact .hero .heading {\n text-align: initial;\n }\n }\n\n .header .container-alt,\n .features .container-alt {\n display: block;\n }\n }\n\n .cta {\n margin: 20px;\n }\n}\n\n.landing {\n margin-bottom: 100px;\n\n @media screen and (max-width: 738px) {\n margin-bottom: 0;\n }\n\n &__brand {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 50px;\n\n img {\n height: 52px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding: 0;\n margin-bottom: 30px;\n }\n }\n\n .directory {\n margin-top: 30px;\n background: transparent;\n box-shadow: none;\n border-radius: 0;\n }\n\n .hero-widget {\n margin-top: 30px;\n margin-bottom: 0;\n\n h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: $darker-text-color;\n }\n\n &__text {\n border-radius: 0;\n padding-bottom: 0;\n }\n\n &__footer {\n background: $ui-base-color;\n padding: 10px;\n border-radius: 0 0 4px 4px;\n display: flex;\n\n &__column {\n flex: 1 1 50%;\n }\n }\n\n .account {\n padding: 10px 0;\n border-bottom: 0;\n\n .account__display-name {\n display: flex;\n align-items: center;\n }\n\n .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n }\n }\n\n &__counter {\n padding: 10px;\n\n strong {\n font-family: $font-display, sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n }\n\n span {\n font-size: 14px;\n color: $darker-text-color;\n }\n }\n }\n\n .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: $darker-text-color;\n }\n\n .simple_form p.lead {\n color: $darker-text-color;\n font-size: 15px;\n line-height: 20px;\n font-weight: 400;\n margin-bottom: 25px;\n }\n\n &__grid {\n max-width: 960px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n grid-gap: 30px;\n\n @media screen and (max-width: 738px) {\n grid-template-columns: minmax(0, 100%);\n grid-gap: 10px;\n\n &__column-login {\n grid-row: 1;\n display: flex;\n flex-direction: column;\n\n .box-widget {\n order: 2;\n flex: 0 0 auto;\n }\n\n .hero-widget {\n margin-top: 0;\n margin-bottom: 10px;\n order: 1;\n flex: 0 0 auto;\n }\n }\n\n &__column-registration {\n grid-row: 2;\n }\n\n .directory {\n margin-top: 10px;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n\n .hero-widget {\n display: block;\n margin-bottom: 0;\n box-shadow: none;\n\n &__img,\n &__img img,\n &__footer {\n border-radius: 0;\n }\n }\n\n .hero-widget,\n .box-widget,\n .directory__tag {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .directory {\n margin-top: 0;\n\n &__tag {\n margin-bottom: 0;\n\n & > a,\n & > div {\n border-radius: 0;\n box-shadow: none;\n }\n\n &:last-child {\n border-bottom: 0;\n }\n }\n }\n }\n }\n}\n\n.brand {\n position: relative;\n text-decoration: none;\n}\n\n.brand__tagline {\n display: block;\n position: absolute;\n bottom: -10px;\n left: 50px;\n width: 300px;\n color: $ui-primary-color;\n text-decoration: none;\n font-size: 14px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n position: static;\n width: auto;\n margin-top: 20px;\n color: $dark-text-color;\n }\n}\n\n",".table {\n width: 100%;\n max-width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n\n th,\n td {\n padding: 8px;\n line-height: 18px;\n vertical-align: top;\n border-top: 1px solid $ui-base-color;\n text-align: left;\n background: darken($ui-base-color, 4%);\n }\n\n & > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid $ui-base-color;\n border-top: 0;\n font-weight: 500;\n }\n\n & > tbody > tr > th {\n font-weight: 500;\n }\n\n & > tbody > tr:nth-child(odd) > td,\n & > tbody > tr:nth-child(odd) > th {\n background: $ui-base-color;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n &.inline-table {\n & > tbody > tr:nth-child(odd) {\n & > td,\n & > th {\n background: transparent;\n }\n }\n\n & > tbody > tr:first-child {\n & > td,\n & > th {\n border-top: 0;\n }\n }\n }\n\n &.batch-table {\n & > thead > tr > th {\n background: $ui-base-color;\n border-top: 1px solid darken($ui-base-color, 8%);\n border-bottom: 1px solid darken($ui-base-color, 8%);\n\n &:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid darken($ui-base-color, 8%);\n }\n\n &:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid darken($ui-base-color, 8%);\n }\n }\n }\n\n &--invites tbody td {\n vertical-align: middle;\n }\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: $darker-text-color;\n font-weight: 500;\n\n &:hover {\n color: $primary-text-color;\n }\n\n i.fa {\n font-weight: 400;\n margin-right: 5px;\n }\n\n &:first-child {\n padding-left: 0;\n }\n}\n\n.batch-table {\n &__toolbar,\n &__row {\n display: flex;\n\n &__select {\n box-sizing: border-box;\n padding: 8px 16px;\n cursor: pointer;\n min-height: 100%;\n\n input {\n margin-top: 8px;\n }\n\n &--aligned {\n display: flex;\n align-items: center;\n\n input {\n margin-top: 0;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__actions,\n &__content {\n padding: 8px 0;\n padding-right: 16px;\n flex: 1 1 auto;\n }\n }\n\n &__toolbar {\n border: 1px solid darken($ui-base-color, 8%);\n background: $ui-base-color;\n border-radius: 4px 0 0;\n height: 47px;\n align-items: center;\n\n &__actions {\n text-align: right;\n padding-right: 16px - 5px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__row {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n background: darken($ui-base-color, 4%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n &:first-child {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n &:hover {\n background: darken($ui-base-color, 2%);\n }\n\n &:nth-child(even) {\n background: $ui-base-color;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n }\n\n &__content {\n padding-top: 12px;\n padding-bottom: 16px;\n\n &--unpadded {\n padding: 0;\n }\n }\n }\n\n .status__content {\n padding-top: 0;\n\n strong {\n font-weight: 700;\n }\n }\n\n .nothing-here {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n box-shadow: none;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n @media screen and (max-width: 870px) {\n .accounts-table tbody td.optional {\n display: none;\n }\n }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n display: flex;\n justify-content: center;\n height: 100%;\n\n .sidebar-wrapper {\n flex: 1 1 $sidebar-width;\n height: 100%;\n background: $ui-base-color;\n display: flex;\n justify-content: flex-end;\n }\n\n .sidebar {\n width: $sidebar-width;\n height: 100%;\n padding: 0;\n overflow-y: auto;\n\n .logo {\n display: block;\n margin: 40px auto;\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n & > a:first-child {\n display: none;\n }\n }\n\n ul {\n list-style: none;\n border-radius: 4px 0 0 4px;\n overflow: hidden;\n margin-bottom: 20px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n margin-bottom: 0;\n }\n\n a {\n display: block;\n padding: 15px;\n color: $darker-text-color;\n text-decoration: none;\n transition: all 200ms linear;\n border-radius: 4px 0 0 4px;\n\n i.fa {\n margin-right: 5px;\n }\n\n &:hover {\n color: $primary-text-color;\n background-color: darken($ui-base-color, 5%);\n transition: all 100ms linear;\n }\n\n &.selected {\n background: darken($ui-base-color, 2%);\n border-radius: 4px 0 0;\n }\n }\n\n ul {\n background: darken($ui-base-color, 4%);\n border-radius: 0 0 0 4px;\n margin: 0;\n\n a {\n border: 0;\n padding: 15px 35px;\n }\n }\n\n .simple-navigation-active-leaf a {\n color: $primary-text-color;\n background-color: $ui-highlight-color;\n border-bottom: 0;\n border-radius: 0;\n\n &:hover {\n background-color: lighten($ui-highlight-color, 5%);\n }\n }\n }\n\n & > ul > .simple-navigation-active-leaf a {\n border-radius: 4px 0 0 4px;\n }\n }\n\n .content-wrapper {\n flex: 2 1 $content-width;\n overflow: auto;\n }\n\n .content {\n max-width: $content-width;\n padding: 20px 15px;\n padding-top: 60px;\n padding-left: 25px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n max-width: none;\n padding: 15px;\n padding-top: 30px;\n }\n\n h2 {\n color: $secondary-text-color;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n margin-bottom: 40px;\n }\n\n h3 {\n color: $secondary-text-color;\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 30px;\n }\n\n h4 {\n text-transform: uppercase;\n font-size: 13px;\n font-weight: 700;\n color: $darker-text-color;\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n h6 {\n font-size: 16px;\n color: $secondary-text-color;\n line-height: 28px;\n font-weight: 400;\n }\n\n .fields-group h6 {\n color: $primary-text-color;\n font-weight: 500;\n }\n\n .directory__tag > a,\n .directory__tag > div {\n box-shadow: none;\n }\n\n .directory__tag .table-action-link .fa {\n color: inherit;\n }\n\n .directory__tag h4 {\n font-size: 18px;\n font-weight: 700;\n color: $primary-text-color;\n text-transform: none;\n padding-bottom: 0;\n margin-bottom: 0;\n border-bottom: none;\n }\n\n & > p {\n font-size: 14px;\n line-height: 18px;\n color: $secondary-text-color;\n margin-bottom: 20px;\n\n strong {\n color: $primary-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n .muted-hint {\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n }\n }\n\n .positive-hint {\n color: $valid-value-color;\n font-weight: 500;\n }\n\n .negative-hint {\n color: $error-value-color;\n font-weight: 500;\n }\n\n .neutral-hint {\n color: $dark-text-color;\n font-weight: 500;\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n .sidebar-wrapper,\n .content-wrapper {\n flex: 0 0 auto;\n height: auto;\n overflow: initial;\n }\n\n .sidebar {\n width: 100%;\n padding: 0;\n height: auto;\n }\n }\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n\n .filter-subset {\n flex: 0 0 auto;\n margin: 0 40px 10px 0;\n\n &:last-child {\n margin-bottom: 20px;\n }\n\n ul {\n margin-top: 5px;\n list-style: none;\n\n li {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n strong {\n font-weight: 500;\n text-transform: uppercase;\n font-size: 12px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n border-bottom: 2px solid $ui-base-color;\n\n &:hover {\n color: $primary-text-color;\n border-bottom: 2px solid lighten($ui-base-color, 5%);\n }\n\n &.selected {\n color: $highlight-text-color;\n border-bottom: 2px solid $ui-highlight-color;\n }\n }\n }\n}\n\n.flavour-screen {\n display: block;\n margin: 10px auto;\n max-width: 100%;\n}\n\n.flavour-description {\n display: block;\n font-size: 16px;\n margin: 10px 0;\n\n & > p {\n margin: 10px 0;\n }\n}\n\n.report-accounts {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n\n.report-accounts__item {\n display: flex;\n flex: 250px;\n flex-direction: column;\n margin: 0 5px;\n\n & > strong {\n display: block;\n margin: 0 0 10px -5px;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: $secondary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n .account-card {\n flex: 1 1 auto;\n }\n}\n\n.report-status,\n.account-status {\n display: flex;\n margin-bottom: 10px;\n\n .activity-stream {\n flex: 2 0 0;\n margin-right: 20px;\n max-width: calc(100% - 60px);\n\n .entry {\n border-radius: 4px;\n }\n }\n}\n\n.report-status__actions,\n.account-status__actions {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n\n .icon-button {\n font-size: 24px;\n width: 24px;\n text-align: center;\n margin-bottom: 10px;\n }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n max-width: 100%;\n}\n\n.batch-form-box {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 5px;\n\n #form_status_batch_action {\n margin: 0 5px 5px 0;\n font-size: 14px;\n }\n\n input.button {\n margin: 0 5px 5px 0;\n }\n\n .media-spoiler-toggle-buttons {\n margin-left: auto;\n\n .button {\n overflow: visible;\n margin: 0 0 5px 5px;\n float: right;\n }\n }\n}\n\n.back-link {\n margin-bottom: 10px;\n font-size: 14px;\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.spacer {\n flex: 1 1 auto;\n}\n\n.log-entry {\n margin-bottom: 20px;\n line-height: 20px;\n\n &__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n background: $ui-base-color;\n color: $darker-text-color;\n border-radius: 4px 4px 0 0;\n font-size: 14px;\n position: relative;\n }\n\n &__avatar {\n margin-right: 10px;\n\n .avatar {\n display: block;\n margin: 0;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n }\n }\n\n &__content {\n max-width: calc(100% - 90px);\n }\n\n &__title {\n word-wrap: break-word;\n }\n\n &__timestamp {\n color: $dark-text-color;\n }\n\n &__extras {\n background: lighten($ui-base-color, 6%);\n border-radius: 0 0 4px 4px;\n padding: 10px;\n color: $darker-text-color;\n font-family: $font-monospace, monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n }\n\n &__icon {\n font-size: 28px;\n margin-right: 10px;\n color: $dark-text-color;\n }\n\n &__icon__overlay {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n\n &.positive {\n background: $success-green;\n }\n\n &.negative {\n background: lighten($error-red, 12%);\n }\n\n &.neutral {\n background: $ui-highlight-color;\n }\n }\n\n a,\n .username,\n .target {\n color: $secondary-text-color;\n text-decoration: none;\n font-weight: 500;\n }\n\n .diff-old {\n color: lighten($error-red, 12%);\n }\n\n .diff-neutral {\n color: $secondary-text-color;\n }\n\n .diff-new {\n color: $success-green;\n }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n text-decoration: none;\n color: $secondary-text-color;\n\n .username {\n font-weight: 500;\n }\n\n &.suspended {\n .username {\n text-decoration: line-through;\n color: lighten($error-red, 12%);\n }\n\n .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n }\n }\n}\n\na.name-tag,\n.name-tag {\n display: flex;\n align-items: center;\n\n .avatar {\n display: block;\n margin: 0;\n margin-right: 5px;\n border-radius: 50%;\n }\n\n &.suspended {\n .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n }\n }\n}\n\n.speech-bubble {\n margin-bottom: 20px;\n border-left: 4px solid $ui-highlight-color;\n\n &.positive {\n border-left-color: $success-green;\n }\n\n &.negative {\n border-left-color: lighten($error-red, 12%);\n }\n\n &.warning {\n border-left-color: $gold-star;\n }\n\n &__bubble {\n padding: 16px;\n padding-left: 14px;\n font-size: 15px;\n line-height: 20px;\n border-radius: 4px 4px 4px 0;\n position: relative;\n font-weight: 500;\n\n a {\n color: $darker-text-color;\n }\n }\n\n &__owner {\n padding: 8px;\n padding-left: 12px;\n }\n\n time {\n color: $dark-text-color;\n }\n}\n\n.report-card {\n background: $ui-base-color;\n border-radius: 4px;\n margin-bottom: 20px;\n\n &__profile {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px;\n\n .account {\n padding: 0;\n border: 0;\n\n &__avatar-wrapper {\n margin-left: 0;\n }\n }\n\n &__stats {\n flex: 0 0 auto;\n font-weight: 500;\n color: $darker-text-color;\n text-transform: uppercase;\n text-align: right;\n\n a {\n color: inherit;\n text-decoration: none;\n\n &:focus,\n &:hover,\n &:active {\n color: lighten($darker-text-color, 8%);\n }\n }\n\n .red {\n color: $error-value-color;\n }\n }\n }\n\n &__summary {\n &__item {\n display: flex;\n justify-content: flex-start;\n border-top: 1px solid darken($ui-base-color, 4%);\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n\n &__reported-by,\n &__assigned {\n padding: 15px;\n flex: 0 0 auto;\n box-sizing: border-box;\n width: 150px;\n color: $darker-text-color;\n\n &,\n .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__content {\n flex: 1 1 auto;\n max-width: calc(100% - 300px);\n\n &__icon {\n color: $dark-text-color;\n margin-right: 4px;\n font-weight: 500;\n }\n }\n\n &__content a {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n text-decoration: none;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.one-line {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n display: inline-block;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n @each $emoji in $emojis-requiring-outlines {\n &[title=':#{$emoji}:'] {\n @extend %emoji-outline;\n }\n }\n}\n\n.hicolor-privacy-icons {\n .status__visibility-icon.fa-globe,\n .composer--options--dropdown--content--item .fa-globe {\n color: #1976D2;\n }\n\n .status__visibility-icon.fa-unlock,\n .composer--options--dropdown--content--item .fa-unlock {\n color: #388E3C;\n }\n\n .status__visibility-icon.fa-lock,\n .composer--options--dropdown--content--item .fa-lock {\n color: #FFA000;\n }\n\n .status__visibility-icon.fa-envelope,\n .composer--options--dropdown--content--item .fa-envelope {\n color: #D32F2F;\n }\n}\n","body.rtl {\n direction: rtl;\n\n .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n }\n\n .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n }\n\n .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n }\n\n .column-link__icon,\n .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n }\n\n .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .search__input {\n padding-right: 10px;\n padding-left: 30px;\n }\n\n .search__icon .fa {\n right: auto;\n left: 10px;\n }\n\n .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: -15px;\n margin-right: 0;\n }\n\n .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n }\n\n .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .account__avatar-wrapper {\n float: right;\n }\n\n .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n }\n\n .column-header__setting-arrows {\n float: left;\n }\n\n .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .setting-meta__label {\n float: left;\n }\n\n .status__avatar {\n left: auto;\n right: 10px;\n }\n\n .status,\n .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n }\n\n .status__info .status__display-name,\n .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n }\n\n .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n }\n\n .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n }\n\n .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n }\n\n .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n }\n\n .column-back-button--slim-button {\n right: auto;\n left: 0;\n }\n\n .status__relative-time,\n .activity-stream .status.light .status__header .status__meta {\n float: left;\n }\n\n .activity-stream .detailed-status.light .detailed-status__display-name > div {\n float: right;\n margin-right: 0;\n margin-left: 10px;\n }\n\n .activity-stream .detailed-status.light .detailed-status__meta span > span {\n margin-left: 0;\n margin-right: 6px;\n }\n\n .status__action-bar {\n\n &__counter {\n margin-right: 0;\n margin-left: 11px;\n\n .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n }\n\n .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n }\n\n .status__action-bar-dropdown {\n float: right;\n }\n\n .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n }\n\n .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n }\n\n .detailed-status__favorites,\n .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n }\n\n .fa-ul {\n margin-left: 0;\n margin-left: 2.14285714em;\n }\n\n .fa-li {\n left: auto;\n right: -2.14285714em;\n }\n\n .admin-wrapper {\n direction: rtl;\n }\n\n .admin-wrapper .sidebar ul a i.fa,\n a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n }\n\n .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n .simple_form .input.boolean input[type=\"checkbox\"] {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n }\n\n .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n }\n\n .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.boolean .label_input,\n .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n }\n\n .simple_form .label_input__append {\n right: auto;\n left: 3px;\n\n &::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n }\n }\n\n .simple_form select {\n background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n }\n\n .table th,\n .table td {\n text-align: right;\n }\n\n .filters .filter-subset {\n margin-right: 0;\n margin-left: 45px;\n }\n\n .landing-page .header-wrapper .mascot {\n right: 60px;\n left: auto;\n }\n\n .landing-page__call-to-action .row__information-board {\n direction: rtl;\n }\n\n .landing-page .header .hero .floats .float-1 {\n left: -120px;\n right: auto;\n }\n\n .landing-page .header .hero .floats .float-2 {\n left: 210px;\n right: auto;\n }\n\n .landing-page .header .hero .floats .float-3 {\n left: 110px;\n right: auto;\n }\n\n .landing-page .header .links .brand img {\n left: 0;\n }\n\n .landing-page .fa-external-link {\n padding-right: 5px;\n padding-left: 0 !important;\n }\n\n .landing-page .features #mastodon-timeline {\n margin-right: 0;\n margin-left: 30px;\n }\n\n @media screen and (min-width: 631px) {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 5px;\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n }\n\n .public-layout {\n .header {\n .nav-button {\n margin-left: 8px;\n margin-right: 0;\n }\n }\n\n .public-account-header__tabs {\n margin-left: 0;\n margin-right: 20px;\n }\n }\n\n .landing-page__information {\n .account__display-name {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .account__avatar-wrapper {\n margin-left: 12px;\n margin-right: 0;\n }\n }\n\n .card__bar .display-name {\n margin-left: 0;\n margin-right: 15px;\n text-align: right;\n }\n\n .fa-chevron-left::before {\n content: \"\\F054\";\n }\n\n .fa-chevron-right::before {\n content: \"\\F053\";\n }\n\n .column-back-button__icon {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-left: 0;\n padding-right: 10px;\n }\n\n .simple_form .input.radio_buttons .radio > label input {\n left: auto;\n right: 0;\n }\n}\n",".dashboard__counters {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-bottom: 20px;\n\n & > div {\n box-sizing: border-box;\n flex: 0 0 33.333%;\n padding: 0 5px;\n margin-bottom: 10px;\n\n & > div,\n & > a {\n padding: 20px;\n background: lighten($ui-base-color, 4%);\n border-radius: 4px;\n }\n\n & > a {\n text-decoration: none;\n color: inherit;\n display: block;\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 8%);\n }\n }\n }\n\n &__num,\n &__text {\n text-align: center;\n font-weight: 500;\n font-size: 24px;\n line-height: 21px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n }\n\n &__text {\n font-size: 18px;\n }\n\n &__label {\n font-size: 14px;\n color: $darker-text-color;\n text-align: center;\n font-weight: 500;\n }\n}\n\n.dashboard__widgets {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n\n & > div {\n flex: 0 0 33.333%;\n margin-bottom: 20px;\n\n & > div {\n padding: 0 5px;\n }\n }\n\n a:not(.name-tag) {\n color: $ui-secondary-color;\n font-weight: 500;\n text-decoration: none;\n }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\n.glitch.local-settings {\n background: $ui-base-color;\n\n &__navigation {\n background: darken($ui-base-color, 8%);\n }\n\n &__navigation__item {\n background: darken($ui-base-color, 8%);\n\n &:hover {\n background: $ui-base-color;\n }\n }\n}\n\n.notification__dismiss-overlay {\n .wrappy {\n box-shadow: unset;\n }\n\n .ckbox {\n text-shadow: unset;\n }\n}\n\n.status.status-direct {\n background: darken($ui-base-color, 8%);\n\n &.collapsed> .status__content:after {\n background: linear-gradient(rgba(darken($ui-base-color, 8%), 0), rgba(darken($ui-base-color, 8%), 1));\n }\n}\n\n.focusable:focus.status.status-direct {\n background: darken($ui-base-color, 4%);\n\n &.collapsed> .status__content:after {\n background: linear-gradient(rgba(darken($ui-base-color, 4%), 0), rgba(darken($ui-base-color, 4%), 1));\n }\n}\n\n// Change columns' default background colors\n.column {\n > .scrollable {\n background: darken($ui-base-color, 13%);\n }\n}\n\n.status.collapsed .status__content:after {\n background: linear-gradient(rgba(darken($ui-base-color, 13%), 0), rgba(darken($ui-base-color, 13%), 1));\n}\n\n.drawer__inner {\n background: $ui-base-color;\n}\n\n.drawer__inner__mastodon {\n background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color(darken($ui-base-color, 13%))}\"/></svg>') no-repeat bottom / 100% auto !important;\n\n .mastodon {\n filter: contrast(75%) brightness(75%) !important;\n }\n}\n\n// Change the default appearance of the content warning button\n.status__content {\n\n .status__content__spoiler-link {\n\n background: lighten($ui-base-color, 30%);\n\n &:hover {\n background: lighten($ui-base-color, 35%);\n text-decoration: none;\n }\n\n }\n\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n background: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n background: $ui-base-color;\n}\n\n.dropdown-menu__arrow {\n\n &.left {\n border-left-color: $ui-base-color;\n }\n\n &.top {\n border-top-color: $ui-base-color;\n }\n\n &.bottom {\n border-bottom-color: $ui-base-color;\n }\n\n &.right {\n border-right-color: $ui-base-color;\n }\n\n}\n\n.dropdown-menu__item {\n a {\n background: $ui-base-color;\n color: $ui-secondary-color;\n }\n}\n\n// Change the default color of several parts of the compose form\n.composer {\n\n .composer--spoiler input, .composer--textarea textarea {\n color: lighten($ui-base-color, 80%);\n\n &:disabled { background: lighten($simple-background-color, 10%) }\n\n &::placeholder {\n color: lighten($ui-base-color, 70%);\n }\n }\n\n .composer--options {\n background: lighten($ui-base-color, 10%);\n box-shadow: unset;\n\n & > hr {\n display: none;\n }\n }\n\n .composer--options--dropdown--content--item {\n color: $ui-primary-color;\n \n strong {\n color: $ui-primary-color;\n }\n\n }\n\n}\n\n.composer--upload_form--actions .icon-button {\n color: lighten($white, 7%);\n\n &:active,\n &:focus,\n &:hover {\n color: $white;\n }\n}\n\n.composer--upload_form--item > div input {\n color: lighten($white, 7%);\n\n &::placeholder {\n color: lighten($white, 10%);\n }\n}\n\n.dropdown-menu__separator {\n border-bottom-color: lighten($ui-base-color, 12%);\n}\n\n.status__content,\n.reply-indicator__content {\n a {\n color: $highlight-text-color;\n }\n}\n\n.emoji-mart-bar {\n border-color: darken($ui-base-color, 4%);\n\n &:first-child {\n background: lighten($ui-base-color, 10%);\n }\n}\n\n.emoji-mart-search input {\n background: rgba($ui-base-color, 0.3);\n border-color: $ui-base-color;\n}\n\n.autosuggest-textarea__suggestions {\n background: lighten($ui-base-color, 10%)\n}\n\n.autosuggest-textarea__suggestions__item {\n &:hover,\n &:focus,\n &:active,\n &.selected {\n background: darken($ui-base-color, 4%);\n }\n}\n\n.react-toggle-track {\n background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: lighten($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: darken($ui-highlight-color, 10%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal {\n background: $ui-base-color;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n background: darken($ui-base-color, 6%);\n\n .onboarding-modal__nav,\n .error-modal__nav {\n &:hover,\n &:focus,\n &:active {\n background-color: darken($ui-base-color, 12%);\n }\n }\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n color: lighten($ui-base-color, 60%);\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n\n background: $account-background-color;\n\n a {\n &.active {\n color: $ui-primary-color;\n }\n }\n\n}\n\n.activity-stream {\n\n .entry {\n background: $account-background-color;\n }\n\n .status.light {\n\n .status__content {\n color: $primary-text-color;\n }\n\n .display-name {\n strong {\n color: $primary-text-color;\n }\n }\n\n }\n\n}\n\n.accounts-grid {\n .account-grid-card {\n\n .controls {\n .icon-button {\n color: $ui-secondary-color;\n }\n }\n\n .name {\n a {\n color: $primary-text-color;\n }\n }\n\n .username {\n color: $ui-secondary-color;\n }\n\n .account__header__content {\n color: $primary-text-color;\n }\n\n }\n}\n\n.button.logo-button {\n color: $white;\n\n svg path:first-child {\n fill: $white;\n }\n}\n\n.public-layout {\n .header,\n .public-account-header,\n .public-account-bio {\n box-shadow: none;\n }\n\n .header {\n background: lighten($ui-base-color, 12%);\n }\n\n .public-account-header {\n &__image {\n background: lighten($ui-base-color, 12%);\n\n &::after {\n box-shadow: none;\n }\n }\n\n &__tabs {\n &__name {\n h1,\n h1 small {\n color: $white;\n }\n }\n }\n }\n}\n\n.account__section-headline a.active::after {\n border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n box-shadow: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
projects / akkoma / blobdiff