1 line
626 KiB
Plaintext
1 line
626 KiB
Plaintext
{"version":3,"sources":["webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///common.scss","webpack:///./app/javascript/skins/vanilla/mastodon-light/common.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon-light/variables.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss","webpack:///./app/javascript/styles/mastodon-light/diff.scss"],"names":[],"mappings":"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ACA,eACA,aLjImB,CKkInB,iBACA,qBACA,gBACA,SR8mCF,CQ5mCE,mBACE,aACA,yBACA,gBACA,eACA,aR8mCJ,CQ3mCE,yBACE,gBAEA,kBR6mCJ,CQ1mCE,kBACE,qBAEA,oBACA,aLzJiB,CK0JjB,qBACA,mBACA,gBACA,sBR4mCJ,CQ1mCI,yEAGE,yBR0mCN,CQrmCA,sBAEE,uBACA,kBACA,kBLzKwB,CK0KxB,mCACA,aL7KmB,CK8KnB,gBACA,kBRwmCF,CQtmCE,qDAEE,eRwmCJ,CQrmCM,qXACE,eRwnCR,CQnnCE,wBACE,cACA,yBRqnCJ,CQ5mCM,wLAGE,oBRknCR,CQhnCQ,kIACE,yBRknCV,CQ5mCE,+BACE,kBR8mCJ,CQ5mCI,mCACE,iBACA,aR8mCN,CQzmCI,6DACE,kBACA,cR2mCN,CQxmCI,2DACE,gBACA,oBR0mCN,CQxmCM,gEACE,eR0mCR,CQpmCA,iBACE,aAEA,eCnPM,CDqPN,eACA,aLnPmB,CKoPnB,kBRumCF,CQpmCA,8BARE,kBAEA,kCRmnCF,CQ7mCA,aACE,mBAGA,kBACA,kBACA,aRumCF,CQrmCE,gBACE,ULnQI,CKoQJ,eACA,gBACA,gBACA,kBRumCJ,CQpmCE,eACE,eACA,aRsmCJ,CQnmCE,oCArBF,aAsBI,aACA,kBRsmCF,CQpmCE,gBACE,cRsmCJ,CACF,CQlmCA,WACE,kBLrRwB,CKsRxB,kBACA,kCRqmCF,CQnmCE,gBACE,sBACA,kBRqmCJ,CQnmCI,sCAEE,aACA,mBACA,8BACA,kBLlSoB,CKmSpB,kBACA,aACA,qBACA,cACA,kCRomCN,CQhmCM,yEAGE,kBRgmCR,CQ5lCI,yBACE,kBLtSe,CKuSf,cR8lCN,CQ3lCI,6BACE,WACA,cR6lCN,CQ1lCI,mBACE,cACA,eACA,gBACA,ULrUE,CKsUF,mBACA,gBACA,sBR4lCN,CQ1lCM,uBACE,aR4lCR,CQzlCM,yBACE,cACA,gBACA,eACA,eACA,aR2lCR,CQtlCM,yIAIE,URwlCR,CQplCI,8BACE,cACA,WRslCN,CQnlCI,sDACE,oBRqlCN,CQllCI,uCACE,eRolCN,CQ/kCA,cACE,aACA,wBRklCF,CQhlCE,+BACE,cACA,WACA,YACA,kBACA,kBACA,kBACA,mBACA,wBRklCJ,CQhlCI,2CACE,SRklCN,CQ/kCI,4CACE,SRilCN,CQ9kCI,4CACE,SRglCN,CQ3kCA,gBACE,UR8kCF,CQ5kCE,yBACE,UACA,QR8kCJ,CQ3kCE,uBACE,eR6kCJ,CQ1kCE,yBACE,kBACA,yBACA,aLvZiB,CKwZjB,gBACA,YR4kCJ,CQ1kCI,qCACE,eR4kCN,CQxkCE,yBACE,eACA,sBACA,+BR0kCJ,CQvkCE,uCACE,eRykCJ,CQtkCE,uBACE,YACA,kBACA,eACA,gBACA,URwkCJ,CQtkCI,6BACE,cACA,aLnbe,CKobf,gBACA,cRwkCN,CQpkCE,yBACE,UACA,gCRskCJ,CQnkCE,oCACE,kCACE,YRqkCJ,CACF,CQ1jCE,oCAPF,qIAQI,gBACA,gBACA,eRokCF,CACF,CQ9jCA,eACE,gBRikCF,CQ/jCE,oCAHF,eAII,oBRkkCF,CACF,CQhkCE,qBACE,sBRkkCJ,CQhkCI,qCAHF,qBAII,sBRmkCJ,CACF,CQjkCI,oCAPF,qBAQI,URokCJ,CACF,CQlkCI,oCAXF,qBAYI,WRqkCJ,CACF,CQlkCE,gCACE,iBRokCJ,CQlkCI,oCAHF,gCAII,4BRqkCJ,CACF,CQlkCM,+DACE,eRokCR,CQjkCM,yDACE,eACA,gBRmkCR,CQjkCQ,mEACE,WACA,YACA,eRmkCV,CQhkCQ,wFACE,iBACA,QRkkCV,CQ9jCM,kKAGE,eRgkCR,CQ1jCA,eAEE,aR6jCF,CQ3jCE,gCAHA,kBRikCF,CQ3jCI,4BACE,eR6jCN,CQzjCE,iBACE,eACA,gBR2jCJ,CQrjCE,uCACE,qBACA,gBACA,aRyjCJ,CQvjCI,2JAGE,yBR0jCN,CQrjCA,mBACE,mBACA,gBACA,eACA,iBRwjCF,CQtjCE,wBACE,cACA,gBACA,aAEA,mBACA,gBACA,uBACA,qBACA,ULrkBI,CKskBJ,+BRwjCJ,CQtjCI,2FAGE,yBRsjCN,CQljCE,mCACE,eRojCJ,CQjjCE,yBACE,kBACA,+BRmjCJ,CUvoDA,KACE,gDACA,eV0oDF,CUvoDA,gBACE,gBACA,aACA,aV0oDF,CUtoDE,oBACE,mBACA,eVyoDJ,CUvoDI,2BACE,QVyoDN,CUroDM,yCACE,kBVuoDR,CUroDQ,oDACE,eVuoDV,CUnoDM,+CACE,kBACA,iBVqoDR,CUnoDQ,qDACE,kBACA,SACA,MVqoDV,CUhoDI,4BACE,kBACA,eVkoDN,CUhoDM,+CACE,oBACA,eACA,gBACA,UPlDA,COmDA,cACA,UVkoDR,CU/nDM,2EAEE,iBVioDR,CU9nDM,kDACE,eVgoDR,CU7nDM,2CACE,kBACA,QACA,MV+nDR,CU5nDM,oCACE,aPrDa,COsDb,yBV8nDR,CU5nDQ,+HAGE,oBV4nDV,CUxnDM,yCACE,kBAEA,iBV0nDR,CUrnDE,kBACE,aACA,aVunDJ,CUrnDI,yBACE,sBACA,cACA,UACA,aVunDN,CUnnDE,mBACE,aVqnDJ,CUnnDI,qBACE,aVqnDN,CUlnDI,wBACE,kBACA,kBACA,eVonDN,CUjnDI,sBACE,gBACA,gBVmnDN,CU/mDE,qBACE,kBVinDJ,CU9mDE,uBACE,cACA,eACA,cVgnDJ,CU7mDE,oBACE,mBACA,aV+mDJ,CU7mDI,gCACE,kBACA,eACA,iBACA,gBACA,eV+mDN,CU3mDE,mBACE,kBV6mDJ,CU1mDE,oBACE,eV4mDJ,CUzmDM,0JACE,eVunDR,CUjnDI,qDACE,YVmnDN,CUjnDM,2DACE,oBACA,eACA,UPpKA,COqKA,gBACA,gBACA,aVmnDR,CUhnDM,uHAEE,aVknDR,CU9mDI,qDACE,eACA,iBVgnDN,CU3mDI,kDACE,oBACA,eACA,UP1LE,CO2LF,cACA,kBACA,qBACA,eV6mDN,CU1mDI,qCACE,cV4mDN,CUzmDI,kCACE,UV2mDN,CUvmDE,qCACE,cVymDJ,CUvmDI,2CACE,oBACA,eACA,UPhNE,COiNF,cACA,gBACA,eVymDN,CUtmDI,2CACE,kBVwmDN,CUrmDI,wCACE,6BVumDN,CUnmDE,4BACE,qBACA,aVqmDJ,CUlmDE,2BACE,kBVomDJ,CUlmDI,6CACE,eVomDN,CUhmDE,yBACE,aAEA,gBACA,mBVkmDJ,CUhmDI,gCACE,cVkmDN,C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mCACA,kCXy/EF,CWv/EE,4DACE,aR3MY,CQ4MZ,oCACA,+BX0/EJ,CWv/EE,oDACE,cACA,oCACA,+BX0/EJ,CWt/EA,yBACE,gBACA,UACA,wBACA,6BAEA,6EACA,eACA,gBXy/EF,CWv/EE,4BACE,aACA,+BXy/EJ,CWt/EE,wDAEE,sBACA,aACA,kBACA,gBACA,gBACA,mBACA,sBXw/EJ,CWr/EE,4BACE,gBACA,YACA,cACA,aR3PiB,CQ4PjB,+BXu/EJ,CWp/EE,4BACE,cACA,aXs/EJ,CWn/EE,2BACE,aRtPiB,CQuPjB,oBXq/EJ,CWn/EI,oGAGE,yBXm/EN,CW/+EE,mCACE,oCACA,8BXi/EJ,CW/+EI,qCACE,aR9QU,CQ+QV,eXi/EN,CW9+EI,yCACE,aXg/EN,CW5+EE,uCACE,eX8+EJ,CW1+EA,uCACE,UX6+EF,CWz+EE,yBACE,aX4+EJ,CW1+EI,2BACE,aR3Se,CQ4Sf,oBX4+EN,CW1+EM,oGAGE,yBX0+ER,CWt+EI,gCACE,URzTE,CQ0TF,eXw+EN,CWp+EE,uBACE,eXs+EJ,CYtyFA,iBACE,mCACA,kBACA,gBACA,kBZyyFF,CYvyFE,6BACE,yBZyyFJ,CYtyFE,oCAVF,iBAWI,gBACA,gBACA,eZyyFF,CACF,CYvyFE,2BACE,gBACA,SACA,eZyyFJ,CYvyFI,+EAEE,yBZyyFN,CYryFE,qCACE,UZuyFJ,CYpyFE,wBACE,kBZsyFJ,CYpyFI,4GAGE,qCZsyFN,CYlyFM,6IAGE,gBACA,yBZoyFR,CY/xFM,gJAGE,yBZiyFR,CY7xFQ,iLAGE,iBZ+xFV,CY1xFI,oCACE,4GAGE,yBZ4xFN,CACF,CYxxFE,qCACE,kBZ0xFJ,CYtxFA,oBACE,YACA,eACA,kBT/DmB,CSgEnB,UTlFM,CSmFN,oBACA,iBACA,YACA,iBACA,QZyxFF,CYvxFE,wBACE,WACA,YACA,sBACA,iBACA,SZyxFJ,CYtxFE,+EAGE,kBZsxFJ,CYjxFI,oNAGE,kBZixFN,CY5wFI,2IAGE,kBZ4wFN,CYxwFE,oCACE,wBACE,YZ0wFJ,CACF,CYpwFE,wDACE,YZwwFJ,CYrwFE,sCACE,4BACA,eZwwFJ,CYtwFI,sDACE,UACA,QZywFN,CYtwFI,wDACE,eZywFN,CYtwFI,wDACE,iBACA,gBZywFN,CYtwFI,kFACE,UZywFN,CYtwFI,oMAGE,eZ0wFN,Caz6FA,gCACE,u+Kb46FF,Ca16FE,sCACE,u+Kb46FJ,Cax6FA,yCACE,u+Kb26FF,CDp7FA,UACE,iCACA,2CCu7FF,CDp7FA,aACE,cACA,eACA,iBACA,aIUmB,CJTnB,SACA,uBACA,UACA,cCu7FF,CDr7FE,uCAEE,yBCs7FJ,CDn7FE,sBACE,aIJe,CJKf,cCq7FJ,CDj7FA,QACE,wBIRmB,CJSnB,YACA,kBACA,sBACA,UI9BM,CJ+BN,eACA,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,UCo7FF,CDl7FE,2CAGE,yBACA,2BCk7FJ,CD/6FE,qBACE,eCi7FJ,CD/6FI,kFAGE,wBU5DM,CV6DN,eC+6FN,CD36FE,kCAEE,wBItDe,CJuDf,cC46FJ,CDz6FE,0BACE,QC26FJ,CDx6FE,uDAGE,mBCw6FJ,CDr6FE,wGAIE,eACA,iBACA,YACA,oBACA,gBCo6FJ,CDj6FE,2BACE,UIhGI,CJiGJ,kBCm6FJ,CDj6FI,oGAGE,wBCi6FN,CD75FE,6BACE,kBC+5FJ,CD75FI,0GAGE,wBC65FN,CDz5FE,yBACE,aIlHiB,CJmHjB,uBACA,iBACA,wBC25FJ,CDz5FI,8FAGE,qBACA,aCy5FN,CDt5FI,kCACE,UCw5FN,CDp5FE,sBACE,cACA,UCs5FJ,CDl5FA,iBACE,aACA,cACA,iBCq5FF,CDl5FA,aACE,qBACA,UACA,aI9HoB,CJ+HpB,SACA,kBACA,uBACA,eACA,2BACA,0CCq5FF,CDn5FE,0DAGE,cACA,sCACA,4BACA,0CCm5FJ,CDh5FE,mBACE,oCCk5FJ,CD/4FE,sBACE,cACA,6BACA,cCi5FJ,CD94FE,oBACE,aCg5FJ,CD74FE,+BACE,QC+4FJ,CD54FE,sEAGE,mBC44FJ,CDz4FE,sBACE,aC24FJ,CDz4FI,qFAGE,cACA,mCCy4FN,CDt4FI,4BAC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ACA,qBUvnBE,CVwnBF,wBACA,sBACA,4BACA,aACA,WACA,eC80FN,CD10FE,6CACE,aACA,gBACA,0BACA,aACA,8BACA,aC40FJ,CD10FI,oEACE,YC40FN,CD10FM,sGACE,gBC40FR,CDz0FM,oGACE,YC20FR,CDz0FQ,4IACE,aC20FV,CDx0FQ,0IACE,gBC00FV,CDr0FI,yHAEE,uBACA,aCu0FN,CDp0FI,yEACE,kBACA,gBCs0FN,CDl0FE,qCACE,aACA,yBACA,YACA,aCo0FJ,CDl0FI,2EACE,gBACA,gBCo0FN,CD/zFA,mBACE,eACA,kDACA,eACA,gBACA,aCk0FF,CDh0FE,2CACE,aCk0FJ,CD9zFA,iCACE,2CCi0FF,CD9zFA,UevsBA,8DfysBE,CACA,yCACA,wBACA,WACA,WCi0FF,CD/zFE,cACE,UCi0FJ,CD7zFA,iBACE,kBACA,mBACA,kBItsBiB,CJusBjB,aACA,gBACA,gBACA,aCg0FF,CD7zFA,yBACE,kBACA,eCg0FF,CD7zFA,yBACE,YACA,gBCg0FF,CD7zFA,+BACE,UIxuBM,CJyuBN,cACA,eACA,iBACA,gBACA,mBACA,oBCg0FF,CD7zFA,iCACE,WACA,gBCg0FF,CD7zFA,8BACE,cCg0FF,CD7zFA,2CAEE,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,UCg0FF,CD9zFE,uDACE,SCi0FJ,CD9zFE,uGACE,kBCi0FJ,CD/zFI,qJACE,oBCk0FN,CD9zFE,+DACE,WACA,YACA,eCi0FJ,CD9zFE,mDACE,eACA,iBACA,yECi0FJ,CD9zFE,+CACE,mBACA,oBCi0FJ,CD/zFI,qEACE,eCk0FN,CD9zFE,+CACE,aU7xBY,CV8xBZ,oBCi0FJ,CD/zFI,2DACE,yBCk0FN,CDh0FM,mEACE,aCm0FR,CD9zFM,2EACE,oBCi0FR,CD/zFQ,qFACE,yBCk0FV,CD7zFI,uDACE,aCg0FN,CD5zFE,6EACE,aC+zFJ,CD5zFE,yGACE,kBC+zFJ,CD7zFI,qHACE,mBACA,oBCg0FN,CD7zFI,6IACE,QCg0FN,CD7zFI,yXAGE,mBCg0FN,CD5zFE,yFACE,YC+zFJ,CD7zFI,uJACE,aCg0FN,CD3zFA,4CACE,gBC8zFF,CD3zFA,mCACE,cACA,eACA,iBACA,cACA,SACA,uBAEA,eC8zFF,CD5zFE,mFAEE,yBC6zFJ,CDzzFA,+BACE,qBACA,kBACA,uBACA,SACA,UI33BM,CJ43BN,gBACA,eACA,cACA,yBACA,iBACA,eACA,qBC4zFF,CDzzFA,2BACE,aIh3BgB,CJi3BhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,+BC4zFF,CDzzFA,8BACE,WACA,iBC4zFF,CDxzFE,iBACE,UACA,kBC2zFJ,CDzzFI,uCACE,kBC2zFN,CDzzFM,6CACE,sBC2zFR,CDvzFI,gFAEE,kBCyzFN,CDpzFA,QAEE,0BACA,kBACA,gBACA,gCACA,eAaA,UACA,6DC2yFF,CDvzFE,wDARF,QAWI,kBCwzFF,CACF,CDtzFE,wBACE,GAAK,SCyzFP,CDxzFE,GAAO,SC2zFT,CACF,CD9zFE,gBACE,GAAK,SCyzFP,CDxzFE,GAAO,SC2zFT,CACF,CDtzFE,4CAEE,cCwzFJ,CDrzFE,iCACE,mBACA,2BCuzFJ,CDnzFI,qCACE,aCqzFN,CD7yFM,uEACE,UCkzFR,CD/yFM,iCACE,aCizFR,CD7yFI,+BACE,UC+yFN,CD7yFM,iCACE,aC+yFR,CD5yFM,+DACE,UIv+BA,CJw+BA,kBC8yFR,CD5yFQ,qEACE,kBC8yFV,CDtyFE,8CACE,sBCyyFJ,CDvyFI,oEACE,aCyyFN,CDpyFA,oDAEE,aIx+BgB,CJy+BhB,YACA,cCuyFF,CDpyFA,sBACE,aCuyFF,CDpyFA,oCACE,cACA,eACA,kBCuyFF,CDpyFA,cACE,cCuyFF,CDpyFA,kBACE,gCACA,YCuyFF,CDryFE,4CACE,wBACA,MCuyFJ,CDryFI,2DACE,eCuyFN,CDpyFI,6DACE,UACA,kBCsyFN,CDnyFI,oHAEE,eACA,eCqyFN,CDlyFI,2EACE,cCoyFN,CD/xFA,yBACE,mBACA,aACA,cACA,uBACA,YCkyFF,CD/xFA,iBACE,iBACA,aIliCgB,CJoiChB,kBACA,eACA,iBCkyFF,CDhyFE,8CACE,aCkyFJ,CD/xFE,sBACE,cACA,gBACA,sBCiyFJ,CD7xFA,oBACE,mBACA,aACA,cCgyFF,CD9xFE,6BACE,oBACA,kBACA,kBCgyFJ,CD9xFI,wDACE,gBCgyFN,CD7xFI,oCACE,qBACA,WACA,eACA,gBACA,aC+xFN,CD1xFA,2BACE,iBC6xFF,CD1xFA,6BACE,eACA,aC6xFF,CD1xFA,sCACE,cACA,aACA,mBACA,uBACA,iBC6xFF,CD1xFA,iBACE,mBACA,iBC6xFF,CD3xFE,uBACE,aACA,eACA,8BACA,sBC6xFJ,CD3xFI,sFAEE,SC6xFN,CDzxFE,kCACE,eACA,gBC2xFJ,CDzxFI,4CACE,WACA,YACA,eC2xFN,CDxxFI,iEACE,iBACA,eC0xFN,CDtxFE,8DAEE,cCwxFJ,CDpxFA,uBACE,gBACA,aIpoCgB,CJqoChB,eACA,gBCuxFF,CDpxFA,6BACE,mBACA,6BACA,gCACA,aACA,mBACA,cCuxFF,CDpxFA,uBACE,cACA,oBCuxFF,CDpxFA,sDAEE,qBACA,gBACA,eACA,eCuxFF,CDpxFA,0BACE,UItrCM,CJurCN,cCuxFF,CDrxFE,4BACE,aCuxFJ,CDnxFA,QACE,aACA,+BCsxFF,CDpxFE,6BACE,cACA,cACA,UIrsCI,CJssCJ,qBACA,eACA,eCsxFJ,CDlxFA,iBACE,YCqxFF,CDlxFA,gBACE,YACA,aACA,kBCqxFF,CDlxFA,SACE,aACA,+BCqxFF,CDnxFE,iBACE,UACA,eCqxFJ,CDnxFI,0CACE,aCqxFN,CDjxFE,gCACE,cACA,cACA,aInuCiB,CJouCjB,gBACA,qBACA,cCmxFJ,CD/wFA,kBACE,YCkxFF,CD/wFA,yBACE,WACA,iBACA,iBCkxFF,CD/wFA,iBgBvvCE,kBACA,iCACA,wBACA,4BhBsvCA,iBCqxFF,CDnxFE,wBACE,qBACA,sBACA,gBCqxFJ,CDlxFE,2BgBjwCA,kBACA,iCACA,wBACA,4BhBgwCE,kBACA,gBACA,kBACA,cCuxFJ,CDrxFI,+BACE,WACA,kBACA,qBCuxFN,CDpxFI,kCACE,cACA,kBACA,QACA,SACA,+BACA,UIpxCE,CJqxCF,6BACA,gBACA,cCsxFN,CDjxFA,mBACE,cCoxFF,CDjxFA,yBgBzxCE,UhB0xCqB,CgBzxCrB,WhByxCqB,CgBxxCrB,yBf8iIF,CDpxFE,8BgBnyCA,kBACA,iCACA,wBACA,4BAIA,UhB8xCuB,CgB7xCvB,WhB6xCuB,CgB5xCvB,yBfujIF,CDxxFE,iCgBxyCA,kBACA,iCACA,wBACA,4BAIA,UhBmyCuB,CgBlyCvB,WhBkyCuB,CgBjyCvB,0BhBmyCE,kBACA,SACA,QACA,SC8xFJ,CD1xFA,uBACE,YACA,aACA,kBC6xFF,CD1xFA,qBACE,aACA,6BACA,aC6xFF,CD3xFE,4BACE,eC6xFJ,CD1xFM,kMACE,eCwyFR,CDnyFE,uBACE,gBACA,cACA,yBCqyFJ,CDnyFI,wFAGE,oBCmyFN,CD9xFA,qBACE,6BACA,gCACA,iBACA,gBACA,cACA,YCiyFF,CD9xFA,8BACE,YCiyFF,CD/xFE,2CACE,qBCiyFJ,CD7xFI,mFACE,SACA,UC+xFN,CD5xFI,sDACE,YACA,iBACA,gBACA,UC8xFN,CDzxFA,2BACE,aACA,cACA,iBACA,iBC4xFF,CDzxFA,0BACE,qBACA,gBACA,cACA,+BACA,eACA,mCC4xFF,CD1xFE,iCACE,+BC4xFJ,CDzxFE,+BACE,cACA,yBACA,eACA,aC2xFJ,CDxxFE,iCACE,cACA,eACA,gBACA,UC0xFJ,CDvxFM,2NACE,eCqyFR,CD/xFA,mBACE,iBCkyFF,CDhyFE,kDACE,cACA,mBACA,eCkyFJ,CD9xFA,2BACE,WACA,iBCiyFF,CD9xFA,4JAME,oBCiyFF,CD5xFE,2DACE,UCgyFJ,CD3xFE,iBACE,UC8xFJ,CDtxFE,gKACE,yBC4xFJ,CDxxFA,8BACE,cACA,gBACA,sBC2xFF,CDxxFA,yDAEE,aC2xFF,CDxxFA,+BACE,aIn9CmB,CJo9CnB,cACA,iBACA,mBACA,eC2xFF,CDzxFE,0EAEE,cACA,uBACA,eC2xFJ,CDxxFE,sCACE,eACA,UC0xFJ,CDtxFA,iCACE,WACA,iBCyxFF,CDtxFA,gBACE,YACA,UACA,kBACA,SACA,UCyxFF,CDtxFA,gBA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A,WACA,YACA,iBC8qFF,CD5qFE,sBACE,kBC8qFJ,CD1qFA,yBACE,w1BACA,OACA,gBACA,YC6qFF,CD3qFE,6BACE,cACA,sGACA,2DACA,WACA,YACA,oBACA,eACA,oFC6qFJ,CD1qFE,qCAjBF,yBAkBI,aC6qFF,CACF,CD1qFA,eACE,mBACA,eACA,eC6qFF,CD1qFA,gBACE,cACA,eACA,mBACA,mBACA,aACA,mBACA,iBC6qFF,CD3qFE,kBACE,iCC6qFJ,CD3qFI,wBACE,mBACA,kCC6qFN,CDxqFA,YACE,kBACA,kBACA,cACA,iCACA,qBC2qFF,CDzqFE,kCACE,eC2qFJ,CDxqFE,yBAXF,YAYI,cC2qFF,CACF,CDzqFE,kBACE,aACA,qBC2qFJ,CDxqFE,oBACE,cACA,kBACA,gBC0qFJ,CDrqFE,yBADF,uBAEI,YCyqFF,CACF,CDtqFA,oBACE,sBACA,WACA,mBACA,aI59EmB,CJ69EnB,eACA,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,SCyqFF,CDvqFE,0BACE,yBCyqFJ,CDrqFA,4BACE,mBACA,SACA,oBACA,aIj/EmB,CJk/EnB,eACA,mBACA,eACA,kBACA,SCwqFF,CDtqFE,kCACE,yBCwqFJ,CDrqFE,uCACE,kBCuqFJ,CDnqFA,0BACE,qBACA,gBCsqFF,CDnqFA,0BACE,iBCsqFF,CDnqFA,iCACE,eACA,cACA,eACA,aACA,kBACA,QACA,SCsqFF,CDnqFA,cACE,qBACA,kBACA,eACA,6BACA,SACA,UACA,qFACA,gDACA,uCCsqFF,CDnqFA,gCACE,SACA,mBACA,WACA,YACA,gBACA,UACA,kBACA,SCsqFF,CDnqFA,wBACE,mBACA,WACA,uBCsqFF,CDnqFA,oBACE,WACA,YACA,UACA,mBACA,wBInkFwB,CJokFxB,oCCsqFF,CDnqFA,qEACE,wBCsqFF,CDnqFA,2CACE,wBCsqFF,CDnqFA,8EACE,wBCsqFF,CDnqFA,0BACE,kBACA,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,4BCsqFF,CD9pFA,uEAJE,UACA,4BCorFF,C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tlFA,UACE,qBACA,UACA,oBACA,kBACA,cACA,SACA,uBACA,cCylFF,CDtlFA,qBACE,qBACA,gBCylFF,CDtlFA,mBACE,aI/wGgB,CJgxGhB,eACA,gBACA,yBACA,iBACA,kBACA,QACA,SACA,8BCylFF,CDvlFE,wBACE,cACA,WAEA,2BACA,oBACA,kBCylFJ,CDrlFA,2BACE,kBACA,QACA,SACA,+BACA,WACA,YACA,sBACA,6BAEA,yBACA,iBCwlFF,CDrlFA,0CACE,+ICwlFF,CDrlFA,6CACE,iJCwlFF,CDrlFA,iCACE,GACE,QACA,SACA,wBCwlFF,CDrlFA,IACE,wBCulFF,CDplFA,IACE,WACA,YACA,6BACA,kBACA,SCslFF,CDnlFA,GACE,WACA,YACA,eACA,UACA,4BCqlFF,CACF,CD9mFA,yBACE,GACE,QACA,SACA,wBCwlFF,CDrlFA,IACE,wBCulFF,CDplFA,IACE,WACA,YACA,6BACA,kBACA,SCslFF,CDnlFA,GACE,WACA,YACA,eACA,UACA,4BCqlFF,CACF,CDllFA,gCACE,GAAK,WCqlFL,CDplFA,IAAM,SCulFN,CDtlFA,GAAO,WCylFP,CACF,CD7lFA,wBACE,GAAK,WCqlFL,CDplFA,IAAM,SCulFN,CDtlFA,GAAO,WCylFP,CACF,CDvlFA,mBACE,mBACA,eIl3GM,CJm3GN,UIp3GM,CJq3GN,eACA,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,WCylFF,CDtlFA,eACE,eIh4GM,CJi4GN,aI/3GmB,CJg4GnB,SACA,UACA,WACA,YACA,kBACA,4DCylFF,CDvlFE,gEAGE,UACA,aCulFJ,CDnlFA,wBACE,cACA,cCslFF,CDnlFA,wBACE,cACA,eACA,eCslFF,CDnlFA,gBACE,MACA,OACA,WACA,YACA,kBACA,WCslFF,CDplFE,0BACE,cACA,SACA,QACA,WACA,WCslFJ,CDnlFE,4BACE,mBCqlFJ,CDllFE,wBACE,YColFJ,CDjlFE,yBACE,cACA,uBACA,WACA,YACA,QCmlFJ,CDjlFI,gCACE,qBACA,8BACA,kBACA,iBACA,UIj8GE,CJk8GF,gBACA,cCmlFN,CD7kFM,8LACE,6BC+kFR,CD1kFM,kEACE,6BC4kFR,CDtkFA,4BACE,kBCykFF,CDtkFA,gBACE,mBACA,6BACA,gCACA,aACA,mBACA,cCykFF,CDtkFA,iDAEE,cACA,iBCykFF,CDtkFA,wBACE,mBACA,YCykFF,CDtkFA,0BACE,aI5+GmB,CJ6+GnB,eACA,cACA,gBACA,kBCykFF,CDrkFE,iDACE,kBCwkFJ,CDpkFI,mDgB/+GF,UACA,sBACA,WACA,SACA,gBACA,oBACA,kBZdwB,CYexB,aZjBmB,CYkBnB,eACA,QfsjMF,CD7kFM,8EACE,aC+kFR,CDhlFM,qEACE,aC+kFR,CDhlFM,yEACE,aC+kFR,CDhlFM,0EACE,aC+kFR,CDhlFM,gEACE,aC+kFR,CD5kFM,qEACE,QC8kFR,CD3kFM,wLAGE,mBC2kFR,CDxkFM,yDACE,kBC0kFR,CDvkFM,oCArBF,mDAsBI,cC0kFN,CACF,CDvkFI,uDACE,aIjgHY,CJkgHZ,iBACA,cCykFN,CDtkFI,2DACE,gBCwkFN,CDrkFI,uDACE,kBCukFN,CDrkFM,+DACE,cCukFR,CDrkFQ,gNAGE,mBACA,aCqkFV,CDhkFI,+GAEE,aCikFN,CD9jFI,yHAEE,eACA,gBACA,aC+jFN,CD7jFM,iZAGE,aC6jFR,CDzjFI,+DACE,wBC2jFN,CDxjFI,gDgB3iHF,eNzBM,CM0BN,kBAGA,gBACA,aZJiB,CYKjB,uChBuiHI,UACA,kBCgkFN,CetmME,mDACE,yBACA,aZTe,CYUf,eACA,gBACA,kBfwmMJ,CermME,mDACE,afumMJ,CepmME,mDACE,kBfsmMJ,CenmME,mDACE,gBACA,UfqmMJ,CD9kFI,qDACE,WCglFN,CD7kFI,kDACE,UIhlHE,CJilHF,kBACA,cC+kFN,CD7kFM,6HAEE,kBC8kFR,CDvkFE,gCACE,kBC0kFJ,CDtkFA,kBACE,UInmHM,CJomHN,kBACA,cACA,mBACA,qBItmHM,CJumHN,yBACA,eACA,gBACA,YACA,kBACA,UCykFF,CDvkFE,wBACE,SCykFJ,CDrkFA,gBACE,cACA,gBCwkFF,CDrkFA,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E,oCACE,WACA,YACA,aACA,mBACA,sBCghFJ,CD9gFI,0CACE,cUxqIwB,CVyqIxB,cCghFN,CDngFA,8CAPE,kBACA,MACA,OACA,QACA,QCyhFF,CDthFA,yBAME,oBACA,8BACA,mBC8gFF,CD5gFE,2BACE,mBC8gFJ,CD3gFE,yDACE,SC6gFJ,CD3gFI,2DACE,mBC6gFN,CDxgFA,kBACE,8BACA,sBACA,SACA,UInwIM,CJowIN,eACA,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,QC2gFF,CDxgFA,wBACE,MC2gFF,CDxgFA,yBACE,OC2gFF,CD//EA,4CARE,WACA,kBACA,kBACA,OACA,YACA,mBCohFF,CDzgFE,4BACE,WC2gFJ,CDxgFE,qBACE,qBACA,gBACA,aC0gFJ,CDxgFI,kFAGE,yBCwgFN,CDngFA,uBACE,oBCsgFF,CDngFA,qBACE,qBI/zIM,CJg0IN,YACA,WACA,kBACA,YACA,UACA,SACA,WCsgFF,CDngFA,6BACE,wBCsgFF,CDngFA,oBACE,kBACA,UACA,QACA,WCsgFF,CDngFA,4CAGE,kBIp1ImB,CJq1InB,UIx1IM,CJy1IN,kBACA,gBACA,aACA,qBCsgFF,CDngFA,mBACE,YACA,WACA,gBACA,iBACA,iBCsgFF,CDpgFE,uBACE,kBACA,MACA,OACA,WACA,YACA,sBACA,aACA,aAIA,aACA,UACA,oFCsgFJ,CDlgFA,0CATI,sBACA,mBACA,sBCihFJ,CD1gFA,mBACE,aAIA,iBCqgFF,CDlgFA,kDAEE,cACA,mBACA,aACA,YCqgFF,CDngFE,0DACE,cCsgFJ,CDngFE,sLAEE,aI14IiB,CJ24IjB,SACA,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,4BCugFJ,CDrgFI,8mBAGE,cACA,wBC8gFN,CDvgFM,wyEAGE,UCkiFR,CD5hFA,qBACE,sBC+hFF,CD5hFA,cACE,kBACA,eACA,kBC+hFF,CD7hFE,qBACE,gBACA,UIv7II,CJw7IJ,kBACA,yBACA,cC+hFJ,CD5hFE,oBACE,kBIz7IsB,CJ07ItB,aI57IiB,CJ67IjB,gBACA,aA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CA,gBACA,eCk9EN,CDh9EM,0BACE,cACA,WACA,YACA,SACA,mECk9ER,CD98EI,sBACE,aACA,mBACA,mBACA,YCg9EN,CD98EM,4BACE,cACA,aACA,mBACA,qBACA,eCg9ER,CD78EM,oCACE,WACA,eACA,aC+8ER,CD58EM,8BACE,cACA,WACA,YACA,eC88ER,CD58EQ,kCACE,WACA,YACA,cACA,SACA,kBACA,mBACA,mEC88EV,CD18EM,oCACE,iBACA,eC48ER,CD18EQ,2CACE,eACA,UI97KF,CJ+7KE,gBACA,gBACA,sBC48EV,CDz8EQ,yCACE,cACA,eACA,aIp8KW,CJq8KX,gBACA,gBACA,sBC28EV,CDt8EI,wBACE,kBI38KoB,CJ48KpB,aACA,mBACA,sBCw8EN,CDt8EM,+CACE,aACA,cACA,cCw8ER,CDr8EM,kDACE,sBACA,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,sBCu8ER,CDr8EQ,oDACE,YCu8EV,CDr8EU,gEACE,cCu8EZ,CDn8EQ,qDACE,YCq8EV,CD97EA,4BACE,aACA,eACA,eCi8EF,CD97EA,uBACE,SACA,sBACA,cACA,kBACA,kBACA,gBACA,UCi8EF,CD/7EE,8BACE,kBACA,QACA,SACA,+BACA,cCi8EJ,CD77EA,qDAEE,mBACA,gCACA,eACA,aACA,aCg8EF,CD97EE,mEACE,mBACA,SACA,QCi8EJ,CD97EE,4HAEE,cACA,cACA,aI5hLiB,CJ6hLjB,eACA,eACA,gBACA,kBACA,qBACA,iBCk8EJ,CDh8EI,wJACE,aCq8EN,CDn8EM,oWAEE,cACA,WACA,kBACA,SACA,SACA,QACA,SACA,2BAGA,wFC08ER,CDv8EM,gLACE,YACA,4CC48ER,CDv8EE,6GACE,mBACA,+BC08EJ,CDr8EQ,oSACE,YC08EV,CDv8EQ,gSACE,4CC48EV,CDr8EA,aACE,kBCw8EF,CDt8EE,qBACE,iBCw8EJ,CDr8EE,2BACE,aCu8EJ,CDn8EA,cACE,eACA,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,cCs8EF,CDp8EE,mEAEE,YCs8EJ,CDn8EE,qBACE,qBACA,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,qBCq8EJ,CDn8EI,6BACE,qBACA,kBCq8EN,CDh8EA,0BACE,eCm8EF,CDh8EA,egB9mLE,eNzBM,CM0BN,kBAEA,uBACA,gBACA,aZJiB,CYKjB,sCfkjQF,CehjQE,kBACE,yBACA,aZTe,CYUf,eACA,gBACA,kBfkjQJ,Ce/iQE,kBACE,afijQJ,Ce9iQE,kBACE,kBfgjQJ,Ce7iQE,kBACE,gBACA,Uf+iQJ,CDv9EA,SACE,iBC09EF,CDx9EE,aACE,YACA,WACA,mEC09EJ,CDv9EE,aACE,eACA,iBACA,aIrpLiB,CJspLjB,eCy9EJ,CDv9EI,eACE,aI1oLe,CJ2oLf,yBCy9EN,CDv9EM,qBACE,oBCy9ER,CDn9EA,2BACE,GAAK,SCu9EL,CDt9EA,IAAM,WCy9EN,CDx9EA,GAAO,SC29EP,CACF,CD/9EA,mBACE,GAAK,SCu9EL,CDt9EA,IAAM,WCy9EN,CDx9EA,GAAO,SC29EP,CACF,CDz9EA,2DAIE,kBAEE,uBACA,6BCw9EF,CDr9EA,gBACE,2BACA,iCCw9EF,CDp9EE,8BACE,sDACA,sECu9EJ,CDp9EE,8CACE,uBACA,6BCs9EJ,CDl9EI,4DACE,8BACA,4CCo9EN,CDh9EI,2EACE,8BACA,4CCk9EN,CD38EE,8CAEE,gBC88EJ,CD38EE,8BACE,gBC68EJ,CD38EI,4CACE,0BC68EN,CD18EI,uDACE,eC48EN,CDz8EI,4DACE,kBACA,gBC28EN,CDv8EM,0EACE,oBACA,UACA,gCACA,UCy8ER,CDt8EM,yFACE,oBACA,UACA,mCCw8ER,CACF,CDl8EA,aACE,eACA,eCo8EF,CDl8EE,gBACE,aACA,gBACA,eACA,iBCo8EJ,CDj8EE,qCACE,YCm8EJ,CDj8EI,2CACE,kBCm8EN,CDh8EI,wDACE,UACA,sBACA,cACA,WACA,SACA,aACA,gDACA,kBIlxLoB,CJmxLpB,UIxxLE,CJyxLF,eAEA,eCk8EN,CDh8EM,0EACE,QCk8ER,CD/7EM,uMAGE,mBC+7ER,CD57EM,8DACE,kBC87ER,CD37EM,o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,OACA,kBACA,iBACA,gBACA,8BACA,clBi7RF,CkB/6RE,yBACE,alBi7RJ,CkB76RA,4BACE,alBg7RF,CkB96RE,kCACE,alBg7RJ,CkB76RE,mDACE,WlB+6RJ,CkB36RA,uBACE,kBACA,YACA,OACA,WACA,WACA,wBlB86RF,CkB16RE,sBACE,qBACA,WACA,clB66RJ,CkB16RE,wBACE,kBACA,elB46RJ,CkBx6RA,mBACE,kBACA,aACA,gBACA,kBACA,eT7FM,CS8FN,qBlB26RF,CkBz6RE,qGAEE,mClB06RJ,CkBt6RA,mBAEE,4BACA,elBy6RF,CkBv6RE,yBACE,eACA,gBACA,gBACA,oBACA,cACA,WACA,6BACA,UfpHI,CeqHJ,yBACA,iBlBy6RJ,CkBv6RI,2CACE,QlBy6RN,CkBt6RI,0GAGE,mBlBs6RN,CkBj6RA,uCACE,clBo6RF,CkBl6RE,4CACE,UACA,kBACA,iBlBo6RJ,CkBj6RE,oDACE,UACA,WACA,kBACA,MACA,OACA,WACA,YACA,mCACA,kBlBm6RJ,CkB/5RA,2BACE,UACA,kBACA,wBACA,gBACA,KlBk6RF,CkBh6RE,gCACE,cACA,WACA,gBACA,gBACA,elBk6RJ,CkB95RA,kBACE,kBACA,qBACA,WlBi6RF,CkB/5RE,uBACE,WACA,WlBi6RJ,CkB75RA,uBACE,eACA,kBACA,iBACA,alBg6RF,CkB95RE,kDACE,YlBg6RJ,CkB75RE,oDACE,elB+5RJ,CkB55RE,sDACE,YlB85RJ,CkB15RA,oBACE,YlB65RF,CmBlmSA,WACE,sBACA,gBAPc,CAQd,cACA,iBnBqmSF,CmBnmSE,qCANF,WAOI,WACA,cnBsmSF,CACF,CmBnmSA,iBACE,kDACA,eACA,gBACA,gBACA,qBACA,anBsmSF,CmBpmSE,mBACE,ahBPiB,CgBQjB,yBnBsmSJ,CmBpmSI,4EAGE,oBnBomSN,CmBhmSE,uCAEE,anBkmSJ,CmB/lSE,mBACE,aACA,mBnBimSJ,CmB/lSI,8BACE,enBimSN,CmB7lSE,wBACE,gBACA,anB+lSJ,CmB5lSE,oBACE,kBACA,anB8lSJ,CmB3lSE,sBAC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EE,YpBy0TR,CoBn0TI,+BACE,kBjB/DoB,CiBgEpB,6BACA,+BpBq0TN,CoBn0TM,2CACE,sBACA,6BpBq0TR,CoBl0TM,0CACE,wBACA,8BpBo0TR,CoB/zTE,yBACE,qBpBi0TJ,CoB7zTA,eACE,cACA,kBpBg0TF,CoB7zTA,KACE,+CpBg0TF,CoB7zTA,yBACE,uBACA,SACA,YpBg0TF,CoB7zTA,6CAEE,qBACA,qBACA,iBACA,eACA,ajB3GmB,CiB4GnB,epBg0TF,CoB9zTE,yDACE,UpBi0TJ,CoB9zTE,uDACE,gBACA,gBpBi0TJ,CoB9zTE,qEACE,cpBi0TJ,CoB5zTE,wCAEE,YpB8zTJ,CoB5zTI,wDACE,sBACA,iBACA,eACA,epB8zTN,CoB5zTM,oEACE,cpB8zTR,CoB3zTM,0EACE,aACA,kBpB6zTR,CoB3zTQ,sFACE,YpB6zTV,CoBzzTM,oCAnBF,wDAoBI,YpB4zTN,CACF,CoBzzTI,oHAGE,uBACA,apB0zTN,CoBtzTE,sBACE,yBACA,kBjBjKsB,CiBkKtB,sBACA,YACA,kBpBwzTJ,CoBtzTI,+BACE,iBACA,kBpBwzTN,CoBrzTI,oCAZF,sBAaI,YpBwzTJ,CACF,CoBrzTE,mBACE,aACA,yBACA,aACA,kBpBuzTJ,CoBrzTI,+BACE,cACA,epBuzTN,CoBnzTE,kBACE,yBACA,aACA,kBpBqzTJ,CoBnzTI,oCACE,8BACE,4BpBqzTN,CACF,CoBlzTI,wBACE,kBpBozTN,CoBjzTI,gCACE,kBpBmzTN,CoBjzTM,sCACE,kBpBmzTR,CoB/yTI,2BACE,iBACA,mBpBizTN,CoB/yTM,qCACE,SpBizTR,CoB9yTM,uCACE,aACA,kBpBgzTR,CoB7yTM,kCACE,cACA,aACA,uBACA,mBACA,iBpB+yTR,CoB7yTQ,4CACE,WACA,WpB+yTV,CoB3yTM,iCACE,apB6yTR,CoB1yTM,kCACE,cACA,iBACA,ajBtPa,CiBuPb,epB4yTR,CoBxyTI,kCACE,SACA,UpB0yTN,CoBxyTM,oCACE,uBACA,epB0yTR,CoBryTE,8BACE,apBuyTJ,CoBryTI,sCACE,iBpBuyTN,CoBpyTI,qCACE,epBsyTN,CoBlyTE,2BACE,yBACA,aACA,epBoyTJ,CoBlyTI,oCALF,2BAMI,4BpBqyTJ,CACF,CoBlyTE,oCACE,+CACE,YpBoyTJ,CACF,CqBnkUA,eACE,aACA,uBACA,WACA,gBrBskUF,CqBpkUE,gCACE,iBACA,gBACA,oBACA,arBskUJ,CqBpkUI,uCACE,aACA,yBACA,kBlBboB,CkBcpB,WrBskUN,CqBlkUE,wBACE,WAxBY,CAyBZ,UACA,mBrBokUJ,CqBlkUI,gCACE,aACA,mBACA,WrBokUN,CqBlkUM,sCACE,arBokUR,CqBlkUQ,wCACE,qBACA,YrBokUV,CqBjkUQ,0CACE,SlB1CF,CkB2CE,YACA,kBACA,WrBmkUV,CqB/jUM,sCACE,cACA,alBhDa,CkBiDb,qBACA,cACA,eACA,YrBikUR,CqB7jUQ,yHAGE,kBrB6jUV,CqBxjUI,8BACE,cACA,iBACA,YACA,YrB0jUN,CqBvjUI,oCACE,sCACE,YrByjUN,CACF,CqBtjUI,2BACE,gBACA,0BACA,gBACA,kBrBwjUN,CqBtjUM,oCANF,2BAOI,erByjUN,CACF,CqBvjUM,6BACE,cACA,aACA,alB1Fa,CkB2Fb,qBACA,0BACA,2CACA,0BACA,mBACA,gBACA,sBrByjUR,CqBvjUQ,kCACE,gBrByjUV,CqBtjUQ,mCACE,UlB3GF,CkB4GE,yBACA,0BACA,0CrBwjUV,CqBrjUQ,sCACE,mBACA,qBrBujUV,CqBnjUM,8BACE,mBACA,wBACA,QrBqjUR,CqBnjUQ,gCACE,SACA,iBrBqjUV,CqBjjUM,4DACE,UlBnIA,CkBoIA,wBlBlHa,CkBmHb,gBACA,erBmjUR,CqBjjUQ,kEACE,wBrBmjUV,CqB9iUI,4DACE,yBrBgjUN,CqB5iUE,gCACE,sBACA,WACA,eArJY,CAsJZ,arB8iUJ,CqB3iUE,qCACE,uCACE,YrB6iUJ,CqB1iUE,gCACE,WAhKU,CAiKV,arB4iUJ,CACF,CqBziUE,oCACE,gCACE,UrB2iUJ,CACF,CqBxiUE,wBAGE,2BrB0iUJ,CqBxiUI,oCALF,wBAMI,eAEA,sBrB2iUJ,CACF,CqBziUI,2BACE,alBpLe,CkBqLf,eACA,iBACA,gBACA,oBACA,gCACA,kBrB2iUN,CqBziUM,oCATF,2BAUI,gBACA,iBACA,erB4iUN,CACF,CqBziUI,2BACE,alBpMe,CkBqMf,eACA,iBACA,gBACA,kBrB2iUN,CqBxiUI,2BACE,yBACA,eACA,gBACA,alB/Me,CkBgNf,mBACA,kBACA,+BrB0iUN,CqBviUI,2BACE,eACA,alBvNe,CkBwNf,iBACA,erByiUN,CqBtiUI,yCACE,UlBhOE,CkBiOF,erBwiUN,CqBriUI,sFAEE,erBuiUN,CqBpiUI,+DACE,arBsiUN,CqBniUI,2CACE,eACA,gBACA,UlBhPE,CkBiPF,oBACA,iBACA,gBACA,erBqiUN,CqBliUI,0BACE,eACA,iBACA,alBvPe,CkBwPf,kBrBoiUN,CqBliUM,iCACE,UlB9PA,CkB+PA,erBoiUR,CqBjiUU,2NACE,erB+iUZ,CqBziUI,2BACE,WACA,SACA,SACA,6CACA,arB2iUN,CqBziUM,kCACE,WACA,QrB2iUR,CqBtiUE,oCApRF,eAqRI,arByiUF,CqBviUE,gCACE,YrByiUJ,CqBtiUE,wBACE,WACA,UACA,WrBwiUJ,CqBtiUI,gCACE,YrBwiUN,CqBriUI,2BACE,YrBuiUN,CqBpiUI,6DAEE,gBACA,gCACA,erBsiUN,CqBpiUM,yEACE,erBuiUR,CqBniUI,8BACE,erBqiUN,CqBliUI,4DACE,2BrBoiUN,CACF,CqB/hUA,UACE,WACA,SACA,cACA,UrBkiUF,CqB7hUE,qDACE,arBiiUJ,CqB/hUI,yDACE,arBkiUN,CqB9hUE,2DACE,alB1UY,CkB2UZ,erBiiUJ,CqB9hUE,2DACE,aZrVQ,CYsVR,erBiiUJ,CqB9hUE,yDACE,alBvUc,CkBwUd,erBiiUJ,CqB9hUE,yDACE,aZ7VQ,CY8VR,erBiiUJ,CqB7hUA,SACE,aACA,crBgiUF,CqB9hUE,wBACE,cACA,oBrBgiUJ,CqB9hUI,mCACE,kBrBgiUN,CqB7hUI,2BACE,eACA,erB+hUN,CqB7hUM,8BACE,qBACA,gBrB+hUR,CqB3hUI,+BACE,gBACA,yBACA,crB6hUN,CqB1hUQ,iNACE,erBwiUV,CqBniUI,0BACE,qBACA,alBxYe,CkByYf,qBACA,yBACA,eACA,gBACA,+BrBqiUN,CqBniUM,gCACE,UlBnZA,CkBoZA,+BrBqiUR,CqBliUM,mCACE,alBtYa,CkBuYb,+BrBoiUR,CqB9gUA,gBACE,cACA,iBACA,crBgiUF,CqB7hUA,qBACE,cACA,eACA,arBgiUF,CqB9hUE,uBACE,arBgiUJ,CqB5hUA,iBACE,aACA,eACA,kBrB+hUF,CqB5hUA,uBACE,aACA,WACA,sBACA,YrB+hUF,CqB7hUE,8BACE,cACA,qBACA,gBACA,eACA,iBACA,arB+hUJ,CqB5hUM,4MACE,erB0iUR,CqBriUE,qCACE,arBuiUJ,CqBniUA,+BAEE,aACA,kBrBsiUF,CqBpiUE,iEACE,WACA,kBACA,2BrBuiUJ,CqBriUI,+EACE,iBrBwiUN,CqBniUA,iDAEE,cACA,aACA,qBrBsiUF,CqBpiUE,2EACE,eACA,WACA,kBACA,kBrBuiUJ,CqBniUA,sEAEE,crBsiUF,CqBniUA,gBACE,aACA,eACA,iBrBsiUF,CqBpiUE,0CACE,mBACA,crBsiUJ,CqBniUE,6BACE,kBrBqiUJ,CqBliUE,8CACE,gBrBoiUJ,CqBliUI,sDACE,iBACA,mBACA,WrBoiUN,CqB/hUA,WACE,mBACA,crBkiUF,CqBhiUE,aACE,alB9gBiB,CkB+gBjB,oBrBkiUJ,CqBhiUI,mBACE,yBrBkiUN,CqB7hUA,QACE,arBgiUF,CqB7hUA,WACE,mBACA,gBrBgiUF,CqB9hUE,mBACE,aACA,2BACA,mBACA,aACA,kBlBjjBsB,CkBkjBtB,alBpjBiB,CkBqjBjB,0BACA,eACA,iBrBgiUJ,CqB7hUE,mBACE,iBrB+hUJ,CqB7hUI,2BACE,cACA,SACA,kBACA,WACA,WrB+hUN,CqB3hUE,oBACE,2BrB6hUJ,CqB1hUE,kBACE,oBrB4hUJ,CqBzhUE,sBACE,arB2hUJ,CqBxhUE,mBACE,mBACA,0BACA,aACA,alBtlBiB,CkBulBjB,gDACA,eACA,qBACA,erB0hUJ,CqBvhUE,iBACE,eACA,kBACA,arByhUJ,CqBthUE,0BACE,kBACA,SACA,WACA,WACA,YACA,iBrBwhUJ,CqBthUI,mCACE,kBrBwhUN,CqBrhUI,mCACE,kBrBuhUN,CqBphUI,kCACE,kBrBshUN,CqBlhUE,qDAGE,alB3nBiB,CkB4nBjB,qBACA,erBohUJ,CqBjhUE,qBACE,arBmhUJ,CqBhhUE,yBACE,arBkhUJ,CqB/gUE,qBACE,arBihUJ,CqB7gUA,wDAIE,qBACA,arBghUF,CqB9gUE,gGACE,erBmhUJ,CqB/gUI,wIACE,6BACA,arBohUN,CqBjhUI,gIACE,sDACA,UrBshUN,CqBjhUA,qBAEE,aACA,kBrBohUF,CqBlhUE,qCACE,cAEA,iBACA,iBrBqhUJ,CqBjhUI,yDACE,sDACA,UrBohUN,CqB/gUA,eACE,mBACA,6BrBkhUF,CqBhhUE,wBACE,yBrBkhUJ,CqB/gUE,wBACE,yBrBihUJ,CqB9gUE,uBACE,yBrBghUJ,CqB7gUE,uBAEE,4BACA,eACA,iBACA,4BACA,kBACA,erB+gUJ,CqB7gUI,yBACE,arB+gUN,CqB3gUE,sBAEE,wBrB6gUJ,CqB1gUE,oBACE,arB4gUJ,CqBxgUA,aACE,kBlBhuBwB,CkBiuBxB,kBACA,kBrB2gUF,CqBzgUE,sBACE,aACA,8BACA,mBACA,YrB2gUJ,CqBzgUI,+BACE,UACA,QrB2gUN,CqBzgUM,+CACE,arB2gUR,CqBvgUI,6BACE,cACA,gBACA,alBxvBe,CkByvBf,yBACA,gBrBygUN,CqBvgUM,+BACE,cACA,oBrBygUR,CqBvgUQ,gHAGE,arBugUV,CqBngUM,kCACE,arBqgUR,CqB//TI,4BACE,aACA,2BACA,4BrBigUN,CqB//TM,kCACE,kBrBigUR,CqB9/TM,+EAEE,aACA,cACA,sBACA,YACA,arB+/TR,CqB7/TQ,kLAEE,mBACA,gBACA,sBrBggUV,CqB5/TM,qCACE,cACA,4BrB8/TR,CqB5/TQ,2CACE,alBzxBQ,CkB0xBR,iBACA,erB8/TV,CqB1/TM,uCACE,cACA,sBACA,WACA,aACA,qBACA,arB4/TR,CqBt/TA,UACE,kBrB2/TF,CqBt/TA,yBAJE,gBACA,sBrBigUF,CqB9/TA,eACE,qBACA,gBAGA,qBrBy/TF,CqBt/TA,mBACE,aACA,eAEA,kBrBy/TF,CqBv/TE,uBACE,sBACA,cACA,mBACA,YrBy/TJ,CqBt/TE,yFAEE,mBACA,kBACA,WrBw/TJ,CqBr/TE,4CACE,SACA,QrBu/TJ,CqBr/TI,8CACE,arBu/TN,CqBp/TI,qEACE,uBrBs/TN,CqBn/TI,wDACE,arBq/TN,CqBj/TE,6CACE,sBACA,aACA,UrBm/TJ,CsB32VA,qBACE,aACA,eAEA,kBtB82VF,CsB52VE,yBACE,sBACA,iBACA,cACA,kBtB82VJ,CsB52VI,wDAEE,aACA,mBACA,kBACA,sBACA,WtB62VN,CsB12VI,2BACE,qBACA,cACA,atB42VN,CsB12VM,oGAGE,kBtB02VR,CsBr2VE,qDAEE,kBACA,gBACA,eACA,iBACA,UnBvCI,CmBwCJ,6CACA,mBACA,gBtBs2VJ,CsBn2VE,2BACE,ctBq2VJ,CsBl2VE,4BACE,eACA,anBhDiB,CmBiDjB,kBACA,etBo2VJ,CsBh2VA,oBACE,aACA,eACA,atBm2VF,CsBj2VE,wBACE,iBACA,kBtBm2VJ,CsBj2VI,4BACE,atBm2VN,CsB/1VE,qCACE,anBrEiB,CmBsEjB,gBACA,oBtBi2VJ,CuB56VA,SACE,avB+6VF,CuB76VE,+BACE,iBACA,eACA,kBvB+6VJ,CuB56VE,6BACE,eACA,gBvB86VJ,CuB36VE,kEACE,cACA,iBvB66VJ,CuB16VE,0DAEE,eACA,evB46VJ,CuBz6VE,kFACE,eACA,evB26VJ,CuBx6VE,kCACE,cACA,gBvB06VJ,CuBv6VE,wBACE,mBACA,iBvBy6VJ,CuBt6VE,2BACE,WACA,SvBw6VJ,CuBr6VE,uBACE,avBu6VJ,CuBp6VE,iCACE,OACA,WACA,cACA,kBvBs6VJ,CuBn6VE,0CACE,cACA,gBvBq6VJ,CuBl6VE,yCACE,iBACA,cvBo6VJ,CuBj6VE,kCACE,WvBm6VJ,CuBh6VE,qCACE,iBACA,evBk6VJ,CuB/5VE,wCACE,UvBi6VJ,CuB95VE,gCACE,cACA,gBvBg6VJ,CuB75VE,yBACE,UACA,UvB+5VJ,CuB55VE,yDAEE,kBACA,kBvB85VJ,CuB35VE,2GAEE,kBACA,evB65VJ,CuB15VE,sCACE,mBACA,cvB45VJ,CuBz5VE,0BACE,cACA,iBvB25VJ,CuBx5VE,uCACE,UACA,WvB05VJ,CuBv5VE,wDACE,UACA,UvBy5VJ,CuBj5VE,oFACE,WACA,MvBu5VJ,CuBp5VE,sGAEE,UvBs5VJ,CuBj5VI,sCACE,eACA,gBvBm5VN,CuBj5VM,iEACE,eACA,evBm5VR,CuB94VE,oCACE,YACA,eACA,gBvBg5VJ,CuB74VE,sCACE,WvB+4VJ,CuB54VE,qCACE,cACA,iBvB84VJ,CuB34VE,yCACE,iBACA,cvB64VJ,CuB14VE,sDACE,gBvB44VJ,CuBz4VE,0CACE,eACA,iBACA,WvB24VJ,CuBx4VE,wEAEE,cACA,gBvB04VJ,CuBv4VE,gBACE,wBvBy4VJ,CuBt4VE,gBACE,UACA,mBvBw4VJ,CuBr4VE,wBACE,avBu4VJ,CuBp4VE,6EAEE,eACA,evBs4VJ,CuBn4VE,mDACE,eACA,kBvBq4VJ,CuBl4VE,+DACE,kBACA,evBo4VJ,CuB33VE,8KACE,UACA,OvBk4VJ,CuB/3VE,wDACE,mBACA,cvBi4VJ,CuB93VE,sDACE,mBACA,evBg4VJ,CuB73VE,oDACE,UACA,OvB+3VJ,CuB53VE,6FAEE,eACA,kBvB83VJ,CuB33VE,2CACE,WACA,QvB63VJ,CuB33VI,iDACE,WACA,OACA,oEvB63VN,CuBz3VE,6BACE,sXvB23VJ,CuBx3VE,sCAEE,gBvB03VJ,CuBv3VE,iCACE,eACA,gBvBy3VJ,CuBt3VE,+CACE,WACA,SvBw3VJ,CuBr3VE,+DACE,avBu3VJ,CuBp3VE,sDACE,YACA,UvBs3VJ,CuBn3VE,sDACE,WACA,UvBq3VJ,CuBl3VE,sDACE,WACA,UvBo3VJ,CuBj3VE,iDACE,MvBm3VJ,CuBh3VE,yCACE,kBACA,wBvBk3VJ,CuB/2VE,oDACE,eACA,gBvBi3VJ,CuB92VE,oCACE,kCAEE,iBACA,iBvBg3VJ,CuB92VI,0DACE,iBACA,kBvBi3VN,CuB52VI,sEAEE,iBACA,iBvB82VN,CACF,CuBx2VM,4CACE,gBACA,cvB02VR,CuBt2VI,qDACE,cACA,iBvBw2VN,CuBn2VI,2DACE,eACA,evBq2VN,CuBl2VI,6DACE,iBACA,cvBo2VN,CuBh2VE,kCACE,cACA,kBACA,gBvBk2VJ,CuB/1VE,iCACE,WvBi2VJ,CuB91VE,kCACE,WvBg2VJ,CuB71VE,mCACE,eACA,evB+1VJ,CuB51VE,+EACE,eACA,kBvB81VJ,CuB31VE,8DACE,UACA,OvB61VJ,CwBztWA,ikEACE,0QACA,oBxB4tWF,CyB7tWA,KACE,6CzBguWF,CyBztWE,qCACE,UzB+tWJ,CyB1tWA,yDAGE,ehBlBM,CgBmBN,yBACA,YzB6tWF,CyB1tWA,mCAEE,ehBzBM,CgB0BN,wBzB6tWF,CyB3tWE,oCALF,mCAMI,YzB+tWF,CACF,CyB7tWE,6DACE,SACA,UACA,SzBguWJ,CyB5tWA,uGAIE,ezB+tWF,CyB5tWA,8BACE,azB+tWF,CyB7tWE,6GAGE,atBnCiB,CsBoCjB,ezB6tWJ,CyBztWA,+CACE,iBzB4tWF,CyBztWA,2BACE,atB5DmB,CsB6DnB,yBzB4tWF,CyBztWA,mBACE,mBACA,+BzB4tWF,CyBvtWE,uDACE,ehB1EI,CgB2EJ,+BzB2tWJ,CyBztWI,2MAGE,kBzB4tWN,CyBvtWA,iCACE,6BACA,+BzB0tWF,CyBxtWE,oCAJF,iCAKI,YzB2tWF,CACF,CyBxtWA,mUAYE,wBzB2tWF,CyBvtWE,oCADF,eAEI,aACA,ezB2tWF,CACF,CyBxtWA,oCACE,aACA,ezB2tWF,CyBxtWA,mCACE,oXzB2tWF,CyBxtWA,sEAEE,wBzB2tWF,CyBxtWA,0BACE,yBACA,YzB2tWF,CyBxtWA,6CACE,kBtBpIwB,CsBqIxB,yBACA,YzB2tWF,CyBxtWA,+BAEE,ehB/IM,CgBgJN,wBzB2tWF,CyBxtWA,yBACE,o1BzB2tWF,CyBrtWI,mFACE,azBwtWN,CyBttWM,4QAGE,UzBstWR,CyBltWI,+EACE,azBotWN,CyBltWM,0GACE,azBotWR,CyBrtWM,iGACE,azBotWR,CyBrtWM,qGACE,azBotWR,CyBrtWM,sGACE,azBotWR,CyBrtWM,4FACE,azBotWR,CyB3sWE,8FACE,kBzBgtWJ,CyB5sWI,wPAIE,kBzB2sWN,CyBtsWA,gBACE,oBzBysWF,CyBvsWE,4BACE,kBzBysWJ,CyBrsWA,yBACE,gCACA,oBzBwsWF,CyBpsWA,iBACE,kBzBusWF,CyBpsWA,sBACE,kBzBusWF,CyBpsWA,uCACE,kBzBusWF,CyBpsWA,8CAEE,ezBusWF,CyBnsWA,yGAEE,kBzBssWF,CyBpsWE,qHACE,kBzBusWJ,CyBlsWA,sCAEE,kBzBqsWF,CyBlsWA,sEACE,UzBqsWF,CyBlsWA,yBACE,wBzBqsWF,CyBjsWA,eACE,ezBosWF,CyBjsWI,2BACE,sBzBmsWN,CyBhsWI,0BACE,qBzBksWN,CyB/rWI,6BACE,wBzBisWN,CyB9rWI,4BACE,uBzBgsWN,CyB3rWI,uBACE,ehB9QE,CgB+QF,azB6rWN,CyBvrWA,65BAqBE,UzB0rWF,CyBvrWA,0BACE,2BzB0rWF,CyBtrWA,mIASE,kBzByrWF,CyBtrWA,kCACE,mBACA,yBACA,YzByrWF,CyBtrWA,4JAME,kBzByrWF,CyBrrWI,82DAGE,qBzBstWN,CyB7sWA,4EACE,ezBotWF,CyBltWE,8DACE,kBzBotWJ,CyBhtWA,oBACE,kBzBmtWF,CyBhtWA,qEACE,kBzBmtWF,CyBhtWA,2FACE,kBzBmtWF,CyB/sWA,sCAEE,UtBlXM,CsBmXN,ezBktWF,CyB/sWA,UACE,ehBtXM,CgBuXN,yBACA,ezBktWF,CyBhtWE,oCALF,UAMI,YzBmtWF,CACF,CyBjtWE,gBACE,oBACA,wBACA,2BzBmtWJ,CyBjtWI,mEAGE,kBzBitWN,CyB7sWM,wFAGE,uBACA,2BzB6sWR,CyBtsWA,sBACE,etBtZM,CsBuZN,2BzBysWF,CyBtsWA,iMASE,ehBnaM,CgBoaN,wBzBysWF,CyBvsWE,oCAZF,iMAaI,cACA,eACA,YzBktWF,CACF,CyB/sWA,4BACE,aACA,ezBktWF,CyBzsWI,mLACE,oBzBgtWN,CyB3sWA,8BACE,ehB/bM,CgBgcN,yBACA,YzB8sWF,CyB5sWE,oCALF,8BAMI,QzB+sWF,CACF,CyB5sWA,gBACE,azB+sWF,CyB3sWE,yEAGE,kBzB4sWJ,CyBzsWE,oCAPF,kBAQI,QzB4sWF,CACF,CyBzsWA,oDAEE,oBzB4sWF,CyB1sWE,kVAKE,UzBitWJ,CyB9sWE,kMAGE,kBzBitWJ,CyB5sWE,mEAGE,oBzB8sWJ,CyB1sWA,iBACE,wBzB6sWF,CyB3sWE,6BACE,YzB6sWJ,CyB1sWE,wBACE,ezB4sWJ,CyB1sWI,yHAGE,2BzB4sWN,CyBlsWM,oGACE,UzBusWR,CyB9rWM,yDACE,azBisWR,CyB5rWM,0CACE,UzB8rWR,CyB1rWI,4CACE,azB4rWN,CyBzrWI,4DACE,UzB2rWN,CyBprWE,2CACE,gBACA,8BACA,gBzBwrWJ,CyBrrWE,mDAEE,azByrWJ,CyBprWA,wFANI,oBtBjiBiB,CsBmiBjB,oCzB6rWJ,CyB7qWE,2HACE,azBqrWJ,CyBjrWA,oBACE,UzBorWF,CyBlrWE,wBACE,SzBorWJ,CyB/qWE,0CACE,wBzBkrWJ,CyBhrWI,oCAHF,0CAII,YzBmrWJ,CACF,CyBhrWE,gGAGE,ezBkrWJ,CyB/qWE,qEAEE,etBlmBI,CsBmmBJ,wBzBirWJ,CyB9qWE,uBACE,kBtBnmBsB,CsBomBtB,wBzBgrWJ,CyB9qWI,oCAJF,uBAKI,QzBirWJ,CACF,CyB9qWM,6GAGE,kBzB8qWR,CyBxqWI,6CACE,kBzB0qWN,CyBxqWM,mDACE,ezB0qWR,CyBrqWM,kDACE,etBloBA,CsBmoBA,yBACA,YzBuqWR,CyBpqWM,uDACE,iBzBsqWR,CyBnqWM,oCAXF,2CAYI,etB5oBA,CsB6oBA,yBACA,YzBsqWN,CACF,CyBjqWQ,gHAEE,UzBmqWV,CyBjqWU,oCAJF,gHAKI,UzBqqWV,CACF,CyB/pWM,iEACE,QzBiqWR,CyB9pWM,0FACE,oBzBgqWR,CyB1pWA,wFAEE,yCzB6pWF,CyB1pWA,yPAaE,ezB6pWF,CyB1pWA,qKAIE,UzB6pWF,8E","file":"skins/vanilla/mastodon-light/common.css","sourcesContent":[".app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: $ui-highlight-color;\n border: 0;\n background: transparent;\n padding: 0;\n cursor: pointer;\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n\n &:disabled {\n color: $ui-primary-color;\n cursor: default;\n }\n}\n\n.button {\n background-color: $ui-highlight-color;\n border: 10px none;\n border-radius: 4px;\n box-sizing: border-box;\n color: $primary-text-color;\n cursor: pointer;\n display: inline-block;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n height: 36px;\n letter-spacing: 0;\n line-height: 36px;\n overflow: hidden;\n padding: 0 16px;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n text-decoration: none;\n text-overflow: ellipsis;\n transition: all 100ms ease-in;\n white-space: nowrap;\n width: auto;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-highlight-color, 10%);\n transition: all 200ms ease-out;\n }\n\n &--destructive {\n transition: none;\n\n &:active,\n &:focus,\n &:hover {\n background-color: $error-red;\n transition: none;\n }\n }\n\n &:disabled,\n &.disabled {\n background-color: $ui-primary-color;\n cursor: default;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &.button-primary,\n &.button-alternative,\n &.button-secondary,\n &.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n }\n\n &.button-alternative {\n color: $inverted-text-color;\n background: $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-primary-color, 4%);\n }\n }\n\n &.button-alternative-2 {\n background: $ui-base-lighter-color;\n\n &:active,\n &:focus,\n &:hover {\n background-color: lighten($ui-base-lighter-color, 4%);\n }\n }\n\n &.button-secondary {\n color: $darker-text-color;\n background: transparent;\n padding: 3px 15px;\n border: 1px solid $ui-primary-color;\n\n &:active,\n &:focus,\n &:hover {\n border-color: lighten($ui-primary-color, 4%);\n color: lighten($darker-text-color, 4%);\n }\n\n &:disabled {\n opacity: 0.5;\n }\n }\n\n &.button--block {\n display: block;\n width: 100%;\n }\n}\n\n.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: $action-button-color;\n border: 0;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n transition: all 100ms ease-in;\n transition-property: background-color, color;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($action-button-color, 7%);\n background-color: rgba($action-button-color, 0.15);\n transition: all 200ms ease-out;\n transition-property: background-color, color;\n }\n\n &:focus {\n background-color: rgba($action-button-color, 0.3);\n }\n\n &.disabled {\n color: darken($action-button-color, 13%);\n background-color: transparent;\n cursor: default;\n }\n\n &.active {\n color: $highlight-text-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &.inverted {\n color: $lighter-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: darken($lighter-text-color, 7%);\n background-color: rgba($lighter-text-color, 0.15);\n }\n\n &:focus {\n background-color: rgba($lighter-text-color, 0.3);\n }\n\n &.disabled {\n color: lighten($lighter-text-color, 7%);\n background-color: transparent;\n }\n\n &.active {\n color: $highlight-text-color;\n\n &.disabled {\n color: lighten($highlight-text-color, 13%);\n }\n }\n }\n\n &.overlayed {\n box-sizing: content-box;\n background: rgba($base-overlay-background, 0.6);\n color: rgba($primary-text-color, 0.7);\n border-radius: 4px;\n padding: 2px;\n\n &:hover {\n background: rgba($base-overlay-background, 0.9);\n }\n }\n}\n\n.text-icon-button {\n color: $lighter-text-color;\n border: 0;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n font-weight: 600;\n font-size: 11px;\n padding: 0 3px;\n line-height: 27px;\n outline: 0;\n transition: all 100ms ease-in;\n transition-property: background-color, color;\n\n &:hover,\n &:active,\n &:focus {\n color: darken($lighter-text-color, 7%);\n background-color: rgba($lighter-text-color, 0.15);\n transition: all 200ms ease-out;\n transition-property: background-color, color;\n }\n\n &:focus {\n background-color: rgba($lighter-text-color, 0.3);\n }\n\n &.disabled {\n color: lighten($lighter-text-color, 20%);\n background-color: transparent;\n cursor: default;\n }\n\n &.active {\n color: $highlight-text-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n}\n\n.dropdown-menu {\n position: absolute;\n}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n\n img,\n svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n }\n}\n\n.ellipsis {\n &::after {\n content: \"…\";\n }\n}\n\n.compose-form {\n padding: 10px;\n\n &__sensitive-button {\n padding: 10px;\n padding-top: 0;\n\n font-size: 14px;\n font-weight: 500;\n\n &.active {\n color: $highlight-text-color;\n }\n\n input[type=checkbox] {\n display: none;\n }\n\n .checkbox {\n display: inline-block;\n position: relative;\n border: 1px solid $ui-primary-color;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 4px;\n vertical-align: middle;\n\n &.active {\n border-color: $highlight-text-color;\n background: $highlight-text-color;\n }\n }\n }\n\n .compose-form__warning {\n color: $inverted-text-color;\n margin-bottom: 10px;\n background: $ui-primary-color;\n box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n\n strong {\n color: $inverted-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n color: $lighter-text-color;\n font-weight: 500;\n text-decoration: underline;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n }\n }\n }\n\n .emoji-picker-dropdown {\n position: absolute;\n top: 5px;\n right: 5px;\n }\n\n .compose-form__autosuggest-wrapper {\n position: relative;\n }\n\n .autosuggest-textarea,\n .autosuggest-input,\n .spoiler-input {\n position: relative;\n }\n\n .spoiler-input {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n\n &.spoiler-input--visible {\n height: 36px;\n margin-bottom: 11px;\n opacity: 1;\n }\n }\n\n .autosuggest-textarea__textarea,\n .spoiler-input__input {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n\n &::placeholder {\n color: $dark-text-color;\n }\n\n &:focus {\n outline: 0;\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .spoiler-input__input {\n border-radius: 4px;\n }\n\n .autosuggest-textarea__textarea {\n min-height: 100px;\n border-radius: 4px 4px 0 0;\n padding-bottom: 0;\n padding-right: 10px + 22px;\n resize: none;\n scrollbar-color: initial;\n\n &::-webkit-scrollbar {\n all: unset;\n }\n\n @media screen and (max-width: 600px) {\n height: 100px !important; // prevent auto-resize textarea\n resize: vertical;\n }\n }\n\n .autosuggest-textarea__suggestions-wrapper {\n position: relative;\n height: 0;\n }\n\n .autosuggest-textarea__suggestions {\n box-sizing: border-box;\n display: none;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 99;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n background: $ui-secondary-color;\n border-radius: 0 0 4px 4px;\n color: $inverted-text-color;\n font-size: 14px;\n padding: 6px;\n\n &.autosuggest-textarea__suggestions--visible {\n display: block;\n }\n }\n\n .autosuggest-textarea__suggestions__item {\n padding: 10px;\n cursor: pointer;\n border-radius: 4px;\n\n &:hover,\n &:focus,\n &:active,\n &.selected {\n background: darken($ui-secondary-color, 10%);\n }\n }\n\n .autosuggest-account,\n .autosuggest-emoji,\n .autosuggest-hashtag {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n line-height: 18px;\n font-size: 14px;\n }\n\n .autosuggest-hashtag {\n justify-content: space-between;\n\n &__name {\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n strong {\n font-weight: 500;\n }\n\n &__uses {\n flex: 0 0 auto;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n .autosuggest-account-icon,\n .autosuggest-emoji img {\n display: block;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n }\n\n .autosuggest-account .display-name__account {\n color: $lighter-text-color;\n }\n\n .compose-form__modifiers {\n color: $inverted-text-color;\n font-family: inherit;\n font-size: 14px;\n background: $simple-background-color;\n\n .compose-form__upload-wrapper {\n overflow: hidden;\n }\n\n .compose-form__uploads-wrapper {\n display: flex;\n flex-direction: row;\n padding: 5px;\n flex-wrap: wrap;\n }\n\n .compose-form__upload {\n flex: 1 1 0;\n min-width: 40%;\n margin: 5px;\n\n &__actions {\n background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity .1s ease;\n\n .icon-button {\n flex: 0 1 auto;\n color: $secondary-text-color;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($secondary-text-color, 7%);\n }\n }\n\n &.active {\n opacity: 1;\n }\n }\n\n &-description {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n padding: 10px;\n opacity: 0;\n transition: opacity .1s ease;\n\n textarea {\n background: transparent;\n color: $secondary-text-color;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n\n &:focus {\n color: $white;\n }\n\n &::placeholder {\n opacity: 0.75;\n color: $secondary-text-color;\n }\n }\n\n &.active {\n opacity: 1;\n }\n }\n }\n\n .compose-form__upload-thumbnail {\n border-radius: 4px;\n background-color: $base-shadow-color;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n height: 140px;\n width: 100%;\n overflow: hidden;\n }\n }\n\n .compose-form__buttons-wrapper {\n padding: 10px;\n background: darken($simple-background-color, 8%);\n border-radius: 0 0 4px 4px;\n display: flex;\n justify-content: space-between;\n flex: 0 0 auto;\n\n .compose-form__buttons {\n display: flex;\n\n .compose-form__upload-button-icon {\n line-height: 27px;\n }\n\n .compose-form__sensitive-button {\n display: none;\n\n &.compose-form__sensitive-button--visible {\n display: block;\n }\n\n .compose-form__sensitive-button__icon {\n line-height: 27px;\n }\n }\n }\n\n .icon-button,\n .text-icon-button {\n box-sizing: content-box;\n padding: 0 3px;\n }\n\n .character-counter__wrapper {\n align-self: center;\n margin-right: 4px;\n }\n }\n\n .compose-form__publish {\n display: flex;\n justify-content: flex-end;\n min-width: 0;\n flex: 0 0 auto;\n\n .compose-form__publish-button-wrapper {\n overflow: hidden;\n padding-top: 10px;\n }\n }\n}\n\n.character-counter {\n cursor: default;\n font-family: $font-sans-serif, sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: $lighter-text-color;\n\n &.character-counter--over {\n color: $warning-red;\n }\n}\n\n.no-reduce-motion .spoiler-input {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -.2ex .15em .2ex;\n width: 16px;\n height: 16px;\n\n img {\n width: auto;\n }\n}\n\n.reply-indicator {\n border-radius: 4px;\n margin-bottom: 10px;\n background: $ui-primary-color;\n padding: 10px;\n min-height: 23px;\n overflow-y: auto;\n flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n\n.reply-indicator__cancel {\n float: right;\n line-height: 24px;\n}\n\n.reply-indicator__display-name {\n color: $inverted-text-color;\n display: block;\n max-width: 100%;\n line-height: 24px;\n overflow: hidden;\n padding-right: 25px;\n text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n float: left;\n margin-right: 5px;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n position: relative;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 2px;\n color: $primary-text-color;\n\n &:focus {\n outline: 0;\n }\n\n &.status__content--with-spoiler {\n white-space: normal;\n\n .status__content__text {\n white-space: pre-wrap;\n }\n }\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n img {\n max-width: 100%;\n max-height: 400px;\n object-fit: contain;\n }\n\n p {\n margin-bottom: 20px;\n white-space: pre-wrap;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n color: $pleroma-links;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n\n .fa {\n color: lighten($dark-text-color, 7%);\n }\n }\n\n &.mention {\n &:hover {\n text-decoration: none;\n\n span {\n text-decoration: underline;\n }\n }\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n\n a.unhandled-link {\n color: lighten($ui-highlight-color, 8%);\n }\n\n .status__content__spoiler-link {\n background: $action-button-color;\n\n &:hover {\n background: lighten($action-button-color, 7%);\n text-decoration: none;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n }\n\n .status__content__text {\n display: none;\n\n &.status__content__text--visible {\n display: block;\n }\n }\n}\n\n.status__content.status__content--collapsed {\n max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: lighten($ui-highlight-color, 8%);\n border: 0;\n background: transparent;\n padding: 0;\n padding-top: 8px;\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: transparent;\n border: 0;\n color: $inverted-text-color;\n font-weight: 700;\n font-size: 11px;\n padding: 0 6px;\n text-transform: uppercase;\n line-height: 20px;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n color: $dark-text-color;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n\n.focusable {\n &:focus {\n outline: 0;\n background: lighten($ui-base-color, 4%);\n\n .status.status-direct {\n background: lighten($ui-base-color, 12%);\n\n &.muted {\n background: transparent;\n }\n }\n\n .detailed-status,\n .detailed-status__action-bar {\n background: lighten($ui-base-color, 8%);\n }\n }\n}\n\n.status {\n padding: 8px 10px;\n padding-left: 68px;\n position: relative;\n min-height: 54px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n\n @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n padding-right: 26px; // 10px + 16px\n }\n\n @keyframes fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n opacity: 1;\n animation: fade 150ms linear;\n\n .video-player,\n .audio-player {\n margin-top: 8px;\n }\n\n &.status-direct:not(.read) {\n background: lighten($ui-base-color, 8%);\n border-bottom-color: lighten($ui-base-color, 12%);\n }\n\n &.light {\n .status__relative-time {\n color: $light-text-color;\n }\n\n .status__display-name {\n color: $inverted-text-color;\n }\n\n .display-name {\n strong {\n color: $inverted-text-color;\n }\n\n span {\n color: $light-text-color;\n }\n }\n\n .status__content {\n color: $inverted-text-color;\n\n a {\n color: $highlight-text-color;\n }\n\n a.status__content__spoiler-link {\n color: $primary-text-color;\n background: $ui-primary-color;\n\n &:hover {\n background: lighten($ui-primary-color, 8%);\n }\n }\n }\n }\n}\n\n.notification-favourite {\n .status.status-direct {\n background: transparent;\n\n .icon-button.disabled {\n color: lighten($action-button-color, 13%);\n }\n }\n}\n\n.status__relative-time,\n.notification__relative_time {\n color: $dark-text-color;\n float: right;\n font-size: 14px;\n}\n\n.status__display-name {\n color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n\n.status__info {\n font-size: 15px;\n}\n\n.status-check-box {\n border-bottom: 1px solid $ui-secondary-color;\n display: flex;\n\n .status-check-box__status {\n margin: 10px 0 10px 10px;\n flex: 1;\n\n .media-gallery {\n max-width: 250px;\n }\n\n .status__content {\n padding: 0;\n white-space: normal;\n }\n\n .video-player,\n .audio-player {\n margin-top: 8px;\n max-width: 250px;\n }\n\n .media-gallery__item-thumbnail {\n cursor: default;\n }\n }\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin-left: 68px;\n color: $dark-text-color;\n padding: 8px 0;\n padding-bottom: 2px;\n font-size: 14px;\n position: relative;\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.status__action-bar {\n align-items: center;\n display: flex;\n margin-top: 8px;\n\n &__counter {\n display: inline-flex;\n margin-right: 11px;\n align-items: center;\n\n .status__action-bar-button {\n margin-right: 4px;\n }\n\n &__label {\n display: inline-block;\n width: 14px;\n font-size: 12px;\n font-weight: 500;\n color: $action-button-color;\n }\n }\n}\n\n.status__action-bar-button {\n margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n height: 23.15px;\n width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.detailed-status {\n background: lighten($ui-base-color, 4%);\n padding: 14px 10px;\n\n &--flex {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n\n .status__content,\n .detailed-status__meta {\n flex: 100%;\n }\n }\n\n .status__content {\n font-size: 19px;\n line-height: 24px;\n\n .emojione {\n width: 24px;\n height: 24px;\n margin: -1px 0 0;\n }\n\n .status__content__spoiler-link {\n line-height: 24px;\n margin: -1px 0 0;\n }\n }\n\n .video-player,\n .audio-player {\n margin-top: 8px;\n }\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: $dark-text-color;\n font-size: 14px;\n line-height: 18px;\n}\n\n.detailed-status__action-bar {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.detailed-status__link {\n color: inherit;\n text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n display: inline-block;\n font-weight: 500;\n font-size: 12px;\n margin-left: 6px;\n}\n\n.reply-indicator__content {\n color: $inverted-text-color;\n font-size: 14px;\n\n a {\n color: $lighter-text-color;\n }\n}\n\n.domain {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n .domain__domain-name {\n flex: 1 1 auto;\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n }\n}\n\n.domain__wrapper {\n display: flex;\n}\n\n.domain_buttons {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &.compact {\n padding: 0;\n border-bottom: 0;\n\n .account__avatar-wrapper {\n margin-left: 0;\n }\n }\n\n .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: $darker-text-color;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n }\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n @include avatar-radius;\n position: relative;\n\n &-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n }\n\n &-composite {\n @include avatar-radius;\n border-radius: 50%;\n overflow: hidden;\n position: relative;\n cursor: default;\n\n & > div {\n float: left;\n position: relative;\n box-sizing: border-box;\n }\n\n &__label {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: $primary-text-color;\n text-shadow: 1px 1px 2px $base-shadow-color;\n font-weight: 700;\n font-size: 15px;\n }\n }\n}\n\na .account__avatar {\n cursor: pointer;\n}\n\n.account__avatar-overlay {\n @include avatar-size(48px);\n\n &-base {\n @include avatar-radius;\n @include avatar-size(36px);\n }\n\n &-overlay {\n @include avatar-radius;\n @include avatar-size(24px);\n\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n }\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__disclaimer {\n padding: 10px;\n border-top: 1px solid lighten($ui-base-color, 8%);\n color: $dark-text-color;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n font-weight: 500;\n color: inherit;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n}\n\n.account__action-bar {\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n line-height: 36px;\n overflow: hidden;\n flex: 0 0 auto;\n display: flex;\n}\n\n.account__action-bar-dropdown {\n padding: 10px;\n\n .icon-button {\n vertical-align: middle;\n }\n\n .dropdown--active {\n .dropdown__content.dropdown__right {\n left: 6px;\n right: initial;\n }\n\n &::after {\n bottom: initial;\n margin-left: 11px;\n margin-top: -7px;\n right: initial;\n }\n }\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-right: 1px solid lighten($ui-base-color, 8%);\n padding: 10px 0;\n border-bottom: 4px solid transparent;\n\n &.active {\n border-bottom: 4px solid $ui-highlight-color;\n }\n\n & > span {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: $darker-text-color;\n }\n\n strong {\n display: block;\n font-size: 15px;\n font-weight: 500;\n color: $primary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.account-authorize {\n padding: 14px 10px;\n\n .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n }\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n strong {\n color: $primary-text-color;\n }\n}\n\n.muted {\n .emojione {\n opacity: 0.5;\n }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n &:hover strong {\n text-decoration: underline;\n }\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: $secondary-text-color;\n display: block;\n line-height: 24px;\n margin-bottom: 15px;\n overflow: hidden;\n\n strong,\n span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n strong {\n font-size: 16px;\n color: $primary-text-color;\n }\n}\n\n.detailed-status__display-avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__avatar {\n height: 48px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n\n.status__expand {\n width: 68px;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n cursor: pointer;\n}\n\n.muted {\n .status__content,\n .status__content p,\n .status__content a {\n color: $dark-text-color;\n }\n\n .status__display-name strong {\n color: $dark-text-color;\n }\n\n .status__avatar {\n opacity: 0.5;\n }\n\n a.status__content__spoiler-link {\n background: $ui-base-lighter-color;\n color: $inverted-text-color;\n\n &:hover {\n background: lighten($ui-base-lighter-color, 7%);\n text-decoration: none;\n }\n }\n}\n\n.notification__message {\n margin: 0 10px 0 68px;\n padding: 8px 0 0;\n cursor: default;\n color: $darker-text-color;\n font-size: 15px;\n line-height: 22px;\n position: relative;\n\n .fa {\n color: $highlight-text-color;\n }\n\n > span {\n display: inline;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.notification__favourite-icon-wrapper {\n left: -26px;\n position: absolute;\n\n .star-icon {\n color: $gold-star;\n }\n}\n\n.star-icon.active {\n color: $gold-star;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n\n &:hover {\n color: $primary-text-color;\n text-decoration: underline;\n }\n}\n\n.notification__relative_time {\n float: right;\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n &:hover {\n text-decoration: underline;\n }\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n .image-loader__preview-canvas {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n background: url('~images/void.png') repeat;\n object-fit: contain;\n }\n\n .loading-bar {\n position: relative;\n }\n\n &.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n }\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n width: auto;\n height: auto;\n object-fit: contain;\n }\n}\n\n.navigation-bar {\n padding: 10px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n cursor: default;\n color: $darker-text-color;\n\n strong {\n color: $secondary-text-color;\n }\n\n a {\n color: inherit;\n }\n\n .permalink {\n text-decoration: none;\n }\n\n .navigation-bar__actions {\n position: relative;\n\n .icon-button.close {\n position: absolute;\n pointer-events: none;\n transform: scale(0, 1) translate(-100%, 0);\n opacity: 0;\n }\n\n .compose__action-bar .icon-button {\n pointer-events: auto;\n transform: scale(1, 1) translate(0, 0);\n opacity: 1;\n }\n }\n}\n\n.navigation-bar__profile {\n flex: 1 1 auto;\n margin-left: 8px;\n line-height: 20px;\n margin-top: -1px;\n overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n display: block;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n color: inherit;\n text-decoration: none;\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid darken($ui-secondary-color, 8%);\n margin: 5px 7px 6px;\n height: 0;\n}\n\n.dropdown-menu {\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n z-index: 9999;\n\n ul {\n list-style: none;\n }\n\n &.left {\n transform-origin: 100% 50%;\n }\n\n &.top {\n transform-origin: 50% 100%;\n }\n\n &.bottom {\n transform-origin: 50% 0;\n }\n\n &.right {\n transform-origin: 0 50%;\n }\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n\n &.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: $ui-secondary-color;\n }\n\n &.top {\n bottom: -5px;\n margin-left: -7px;\n border-width: 5px 7px 0;\n border-top-color: $ui-secondary-color;\n }\n\n &.bottom {\n top: -5px;\n margin-left: -7px;\n border-width: 0 7px 5px;\n border-bottom-color: $ui-secondary-color;\n }\n\n &.right {\n left: -5px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: $ui-secondary-color;\n }\n}\n\n.dropdown-menu__item {\n a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus,\n &:hover,\n &:active {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n outline: 0;\n }\n }\n}\n\n.dropdown--active .dropdown__content {\n display: block;\n line-height: 18px;\n max-width: 311px;\n right: 0;\n text-align: left;\n z-index: 9999;\n\n & > ul {\n list-style: none;\n background: $ui-secondary-color;\n padding: 4px 0;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n min-width: 140px;\n position: relative;\n }\n\n &.dropdown__right {\n right: 0;\n }\n\n &.dropdown__left {\n & > ul {\n left: -98px;\n }\n }\n\n & > ul > li > a {\n font-size: 13px;\n line-height: 18px;\n display: block;\n padding: 4px 14px;\n box-sizing: border-box;\n text-decoration: none;\n background: $ui-secondary-color;\n color: $inverted-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:focus {\n outline: 0;\n }\n\n &:hover {\n background: $ui-highlight-color;\n color: $secondary-text-color;\n }\n }\n}\n\n.dropdown__icon {\n vertical-align: middle;\n}\n\n.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n\n &.unscrollable {\n overflow-x: hidden;\n }\n\n &__panels {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n\n &__pane {\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n display: flex;\n justify-content: flex-end;\n min-width: 285px;\n\n &--start {\n justify-content: flex-start;\n }\n\n &__inner {\n position: fixed;\n width: 285px;\n pointer-events: auto;\n height: 100%;\n }\n }\n\n &__main {\n box-sizing: border-box;\n width: 100%;\n max-width: 600px;\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n\n @media screen and (min-width: $no-gap-breakpoint) {\n padding: 0 10px;\n }\n }\n }\n}\n\n.tabs-bar__wrapper {\n background: darken($ui-base-color, 8%);\n position: sticky;\n top: 0;\n z-index: 2;\n padding-top: 0;\n\n @media screen and (min-width: $no-gap-breakpoint) {\n padding-top: 10px;\n }\n\n .tabs-bar {\n margin-bottom: 0;\n\n @media screen and (min-width: $no-gap-breakpoint) {\n margin-bottom: 10px;\n }\n }\n}\n\n.react-swipeable-view-container {\n &,\n .columns-area,\n .drawer,\n .column {\n height: 100%;\n }\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 350px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n > .scrollable {\n background: $ui-base-color;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n}\n\n.drawer {\n width: 330px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.drawer__tab {\n display: block;\n flex: 1 1 auto;\n padding: 15px 5px 13px;\n color: $darker-text-color;\n text-decoration: none;\n text-align: center;\n font-size: 16px;\n border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n flex: 1 1 auto;\n overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n .columns-area {\n padding: 0;\n }\n\n .column,\n .drawer {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 10px;\n }\n\n &:last-child {\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n}\n\n.tabs-bar {\n box-sizing: border-box;\n display: flex;\n background: lighten($ui-base-color, 8%);\n flex: 0 0 auto;\n overflow-y: auto;\n}\n\n.tabs-bar__link {\n display: block;\n flex: 1 1 auto;\n padding: 15px 10px;\n padding-bottom: 13px;\n color: $primary-text-color;\n text-decoration: none;\n text-align: center;\n font-size: 14px;\n font-weight: 500;\n border-bottom: 2px solid lighten($ui-base-color, 8%);\n transition: all 50ms linear;\n transition-property: border-bottom, background, color;\n\n .fa {\n font-weight: 400;\n font-size: 16px;\n }\n\n &:hover,\n &:focus,\n &:active {\n @media screen and (min-width: 631px) {\n background: lighten($ui-base-color, 14%);\n border-bottom-color: lighten($ui-base-color, 14%);\n }\n }\n\n &.active {\n border-bottom: 2px solid $highlight-text-color;\n color: $highlight-text-color;\n }\n\n span {\n margin-left: 5px;\n display: none;\n }\n}\n\n@media screen and (min-width: 600px) {\n .tabs-bar__link {\n span {\n display: inline;\n }\n }\n}\n\n.columns-area--mobile {\n flex-direction: column;\n width: 100%;\n height: 100%;\n margin: 0 auto;\n\n .column,\n .drawer {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n\n .directory__list {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: block;\n }\n }\n\n .directory__card {\n margin-bottom: 0;\n }\n\n .filter-form {\n display: flex;\n }\n\n .autosuggest-textarea__textarea {\n font-size: 16px;\n }\n\n .search__input {\n line-height: 18px;\n font-size: 16px;\n padding: 15px;\n padding-right: 30px;\n }\n\n .search__icon .fa {\n top: 15px;\n }\n\n .scrollable {\n overflow: visible;\n\n @supports(display: grid) {\n contain: content;\n }\n }\n\n @media screen and (min-width: $no-gap-breakpoint) {\n padding: 10px 0;\n padding-top: 0;\n }\n\n @media screen and (min-width: 630px) {\n .detailed-status {\n padding: 15px;\n\n .media-gallery,\n .video-player,\n .audio-player {\n margin-top: 15px;\n }\n }\n\n .account__header__bar {\n padding: 5px 10px;\n }\n\n .navigation-bar,\n .compose-form {\n padding: 15px;\n }\n\n .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n padding-top: 15px;\n }\n\n .status {\n padding: 15px 15px 15px (48px + 15px * 2);\n min-height: 48px + 2px;\n\n &__avatar {\n left: 15px;\n top: 17px;\n }\n\n &__content {\n padding-top: 5px;\n }\n\n &__prepend {\n margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n left: -32px;\n }\n\n .media-gallery,\n &__action-bar,\n .video-player,\n .audio-player {\n margin-top: 10px;\n }\n }\n\n .account {\n padding: 15px 10px;\n\n &__header__bio {\n margin: 0 -10px;\n }\n }\n\n .notification {\n &__message {\n margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__favourite-icon-wrapper {\n left: -32px;\n }\n\n .status {\n padding-top: 8px;\n }\n\n .account {\n padding-top: 8px;\n }\n\n .account__avatar-wrapper {\n margin-left: 17px;\n margin-right: 15px;\n }\n }\n }\n}\n\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: darken($ui-highlight-color, 3%);\n color: $white;\n border-radius: 50%;\n font-size: 21px;\n line-height: 21px;\n text-decoration: none;\n box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-highlight-color, 7%);\n }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n .tabs-bar {\n width: 100%;\n }\n\n .react-swipeable-view-container .columns-area--mobile {\n height: calc(100% - 10px) !important;\n }\n\n .getting-started__wrapper,\n .getting-started__trends,\n .search {\n margin-bottom: 10px;\n }\n\n .getting-started__panel {\n margin: 10px 0;\n }\n\n .column,\n .drawer {\n min-width: 330px;\n }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n .columns-area__panels__pane--compositional {\n display: none;\n }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n .floating-action-button,\n .tabs-bar__link.optional {\n display: none;\n }\n\n .search-page .search {\n display: none;\n }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n .columns-area__panels__pane--navigational {\n display: none;\n }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n .tabs-bar {\n display: none;\n }\n}\n\n.icon-with-badge {\n position: relative;\n\n &__badge {\n position: absolute;\n left: 9px;\n top: -13px;\n background: $ui-highlight-color;\n border: 2px solid lighten($ui-base-color, 8%);\n padding: 1px 6px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 500;\n line-height: 14px;\n color: $primary-text-color;\n }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n width: 285px;\n margin-top: 10px;\n display: flex;\n flex-direction: column;\n height: calc(100% - 10px);\n overflow-y: hidden;\n\n .navigation-bar {\n padding-top: 20px;\n padding-bottom: 20px;\n flex: 0 1 48px;\n min-height: 20px;\n }\n\n .flex-spacer {\n background: transparent;\n }\n\n .compose-form {\n flex: 1;\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n min-height: 310px;\n padding-bottom: 71px;\n margin-bottom: -71px;\n }\n\n .compose-form__autosuggest-wrapper {\n overflow-y: auto;\n background-color: $white;\n border-radius: 4px 4px 0 0;\n flex: 0 1 auto;\n }\n\n .autosuggest-textarea__textarea {\n overflow-y: hidden;\n }\n\n .compose-form__upload-thumbnail {\n height: 80px;\n }\n}\n\n.navigation-panel {\n margin-top: 10px;\n margin-bottom: 10px;\n height: calc(100% - 20px);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n\n & > a {\n flex: 0 0 auto;\n }\n\n hr {\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n border-top: 1px solid lighten($ui-base-color, 4%);\n margin: 10px 0;\n }\n\n .flex-spacer {\n background: transparent;\n }\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: lighten($ui-base-color, 13%);\n box-sizing: border-box;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n overflow-y: auto;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n\n &.darker {\n background: $ui-base-color;\n }\n}\n\n.drawer__inner__mastodon {\n background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n flex: 1;\n min-height: 47px;\n display: none;\n\n > img {\n display: block;\n object-fit: contain;\n object-position: bottom left;\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-drag: none;\n user-select: none;\n }\n\n @media screen and (min-height: 640px) {\n display: block;\n }\n}\n\n.pseudo-drawer {\n background: lighten($ui-base-color, 13%);\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__header {\n flex: 0 0 auto;\n font-size: 16px;\n background: lighten($ui-base-color, 8%);\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n border-radius: 2px;\n\n a {\n transition: background 100ms ease-in;\n\n &:hover {\n background: lighten($ui-base-color, 3%);\n transition: background 200ms ease-out;\n }\n }\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform; // improves perf in mobile Chrome\n\n &.optionally-scrollable {\n overflow-y: auto;\n }\n\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n &--flex {\n display: flex;\n flex-direction: column;\n }\n\n &__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n }\n}\n\n.scrollable.fullscreen {\n @supports(display: grid) { // hack to fix Chrome <57\n contain: none;\n }\n}\n\n.column-back-button {\n box-sizing: border-box;\n width: 100%;\n background: lighten($ui-base-color, 4%);\n color: $highlight-text-color;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n line-height: inherit;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n outline: 0;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n.column-header__back-button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n font-family: inherit;\n color: $highlight-text-color;\n cursor: pointer;\n white-space: nowrap;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:last-child {\n padding: 0 15px 0 0;\n }\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: $ui-base-color;\n transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n position: absolute;\n width: 14px;\n height: 10px;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n left: 8px;\n opacity: 0;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n opacity: 1;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n right: 10px;\n opacity: 1;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n opacity: 0;\n}\n\n.react-toggle-thumb {\n position: absolute;\n top: 1px;\n left: 1px;\n width: 22px;\n height: 22px;\n border: 1px solid $ui-base-color;\n border-radius: 50%;\n background-color: darken($simple-background-color, 2%);\n box-sizing: border-box;\n transition: all 0.25s ease;\n transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n left: 27px;\n border-color: $ui-highlight-color;\n}\n\n.column-link {\n background: lighten($ui-base-color, 8%);\n color: $primary-text-color;\n display: block;\n font-size: 16px;\n padding: 15px;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 11%);\n }\n\n &:focus {\n outline: 0;\n }\n\n &--transparent {\n background: transparent;\n color: $ui-secondary-color;\n\n &:hover,\n &:focus,\n &:active {\n background: transparent;\n color: $primary-text-color;\n }\n\n &.active {\n color: $ui-highlight-color;\n }\n }\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: $ui-base-color;\n padding: 4px 8px;\n margin: -6px 10px;\n}\n\n.column-subheading {\n background: $ui-base-color;\n color: $dark-text-color;\n padding: 8px 20px;\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n background: $ui-base-color;\n}\n\n.flex-spacer {\n flex: 1 1 auto;\n}\n\n.getting-started {\n color: $dark-text-color;\n overflow: auto;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n\n &__wrapper,\n &__panel,\n &__footer {\n height: min-content;\n }\n\n &__panel,\n &__footer\n {\n padding: 10px;\n padding-top: 20px;\n flex-grow: 0;\n\n ul {\n margin-bottom: 10px;\n }\n\n ul li {\n display: inline;\n }\n\n p {\n font-size: 13px;\n\n a {\n color: $dark-text-color;\n text-decoration: underline;\n }\n }\n\n a {\n text-decoration: none;\n color: $darker-text-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n }\n\n &__wrapper,\n &__footer\n {\n color: $dark-text-color;\n }\n\n &__trends {\n flex: 0 1 auto;\n opacity: 1;\n animation: fade 150ms linear;\n margin-top: 10px;\n\n h4 {\n font-size: 12px;\n text-transform: uppercase;\n color: $darker-text-color;\n padding: 10px;\n font-weight: 500;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n @media screen and (max-height: 810px) {\n .trends__item:nth-child(3) {\n display: none;\n }\n }\n\n @media screen and (max-height: 720px) {\n .trends__item:nth-child(2) {\n display: none;\n }\n }\n\n @media screen and (max-height: 670px) {\n display: none;\n }\n\n .trends__item {\n border-bottom: 0;\n padding: 10px;\n\n &__current {\n color: $darker-text-color;\n }\n }\n }\n}\n\n.keyboard-shortcuts {\n padding: 8px 0 0;\n overflow: hidden;\n\n thead {\n position: absolute;\n left: -9999px;\n }\n\n td {\n padding: 0 10px 8px;\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n background-color: lighten($ui-base-color, 8%);\n border: 1px solid darken($ui-base-color, 4%);\n }\n}\n\n.setting-text {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $simple-background-color;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n border: 0;\n outline: 0;\n border-radius: 4px;\n\n &:focus {\n outline: 0;\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n background-position: 0 0;\n height: 19px;\n transition: background-position 0.9s steps(10);\n transition-duration: 0s;\n vertical-align: middle;\n width: 22px;\n\n &::before {\n display: none !important;\n }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n transition-duration: 0.9s;\n background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n color: $action-button-color;\n transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n color: $highlight-text-color;\n}\n\n.status-card {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n color: $dark-text-color;\n margin-top: 14px;\n text-decoration: none;\n overflow: hidden;\n\n &__actions {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > div {\n background: rgba($base-shadow-color, 0.6);\n border-radius: 8px;\n padding: 12px 9px;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n button,\n a {\n display: inline;\n color: $secondary-text-color;\n background: transparent;\n border: 0;\n padding: 0 8px;\n text-decoration: none;\n font-size: 18px;\n line-height: 18px;\n\n &:hover,\n &:active,\n &:focus {\n color: $primary-text-color;\n }\n }\n\n a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n }\n }\n}\n\na.status-card {\n cursor: pointer;\n\n &:hover {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.status-card-photo {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.status-card-video {\n iframe {\n width: 100%;\n height: 100%;\n }\n}\n\n.status-card__title {\n display: block;\n font-weight: 500;\n margin-bottom: 5px;\n color: $darker-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-decoration: none;\n}\n\n.status-card__content {\n flex: 1 1 auto;\n overflow: hidden;\n padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n color: $darker-text-color;\n}\n\n.status-card__host {\n display: block;\n margin-top: 5px;\n font-size: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.status-card__image {\n flex: 0 0 100px;\n background: lighten($ui-base-color, 8%);\n position: relative;\n\n & > .fa {\n font-size: 21px;\n position: absolute;\n transform-origin: 50% 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.status-card.horizontal {\n display: block;\n\n .status-card__image {\n width: 100%;\n }\n\n .status-card__image-image {\n border-radius: 4px 4px 0 0;\n }\n\n .status-card__title {\n white-space: inherit;\n }\n}\n\n.status-card.compact {\n border-color: lighten($ui-base-color, 4%);\n\n &.interactive {\n border: 0;\n }\n\n .status-card__content {\n padding: 8px;\n padding-top: 10px;\n }\n\n .status-card__title {\n white-space: nowrap;\n }\n\n .status-card__image {\n flex: 0 0 60px;\n }\n}\n\na.status-card.compact:hover {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n border-radius: 4px 0 0 4px;\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-size: cover;\n background-position: center center;\n}\n\n.load-more {\n display: block;\n color: $dark-text-color;\n background-color: transparent;\n border: 0;\n font-size: inherit;\n text-align: center;\n line-height: inherit;\n margin: 0;\n padding: 15px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n text-decoration: none;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n}\n\n.load-gap {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n text-align: center;\n font-size: 16px;\n font-weight: 500;\n color: $dark-text-color;\n background: $ui-base-color;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n padding: 20px;\n\n & > div {\n width: 100%;\n background: transparent;\n padding-top: 0;\n }\n\n &__figure {\n width: 100%;\n height: 160px;\n background-size: contain;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.missing-indicator {\n padding-top: 20px + 48px;\n }\n\n &__label {\n margin-top: 200px;\n\n strong {\n display: block;\n margin-bottom: 10px;\n color: $dark-text-color;\n }\n\n span {\n font-size: 15px;\n font-weight: 400;\n }\n }\n}\n\n.column-header__wrapper {\n position: relative;\n flex: 0 0 auto;\n\n &.active {\n &::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 35px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 60%;\n pointer-events: none;\n height: 28px;\n z-index: 1;\n background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n }\n }\n}\n\n.column-header {\n display: flex;\n font-size: 16px;\n background: lighten($ui-base-color, 4%);\n flex: 0 0 auto;\n cursor: pointer;\n position: relative;\n z-index: 2;\n outline: 0;\n overflow: hidden;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n\n & > button {\n margin: 0;\n border: 0;\n padding: 15px 0 15px 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n }\n\n & > .column-header__back-button {\n color: $highlight-text-color;\n }\n\n &.active {\n box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n .column-header__icon {\n color: $highlight-text-color;\n text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n }\n }\n\n &:focus,\n &:active {\n outline: 0;\n }\n}\n\n.column-header__buttons {\n height: 48px;\n display: flex;\n}\n\n.column-header__links {\n margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button {\n background: lighten($ui-base-color, 4%);\n border: 0;\n color: $darker-text-color;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n\n &:hover {\n color: lighten($darker-text-color, 7%);\n }\n\n &.active {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n\n &:hover {\n color: $primary-text-color;\n background: lighten($ui-base-color, 8%);\n }\n }\n}\n\n.column-header__collapsible {\n max-height: 70vh;\n overflow: hidden;\n overflow-y: auto;\n color: $darker-text-color;\n transition: max-height 150ms ease-in-out, opacity 300ms linear;\n opacity: 1;\n\n &.collapsed {\n max-height: 0;\n opacity: 0.5;\n }\n\n &.animating {\n overflow-y: hidden;\n }\n\n hr {\n height: 0;\n background: transparent;\n border: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n margin: 10px 0;\n }\n}\n\n.column-header__collapsible-inner {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-header__setting-btn {\n &:hover {\n color: $darker-text-color;\n text-decoration: underline;\n }\n}\n\n.column-header__setting-arrows {\n float: right;\n\n .column-header__setting-btn {\n padding: 0 10px;\n\n &:last-child {\n padding-right: 0;\n }\n }\n}\n\n.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.loading-indicator {\n color: $dark-text-color;\n font-size: 12px;\n font-weight: 400;\n text-transform: uppercase;\n overflow: visible;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n span {\n display: block;\n float: left;\n margin-left: 50%;\n transform: translateX(-50%);\n margin: 82px 0 0 50%;\n white-space: nowrap;\n }\n}\n\n.loading-indicator__figure {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 42px;\n height: 42px;\n box-sizing: border-box;\n background-color: transparent;\n border: 0 solid lighten($ui-base-color, 26%);\n border-width: 6px;\n border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes loader-figure {\n 0% {\n width: 0;\n height: 0;\n background-color: lighten($ui-base-color, 26%);\n }\n\n 29% {\n background-color: lighten($ui-base-color, 26%);\n }\n\n 30% {\n width: 42px;\n height: 42px;\n background-color: transparent;\n border-width: 21px;\n opacity: 1;\n }\n\n 100% {\n width: 42px;\n height: 42px;\n border-width: 0;\n opacity: 0;\n background-color: transparent;\n }\n}\n\n@keyframes loader-label {\n 0% { opacity: 0.25; }\n 30% { opacity: 1; }\n 100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n align-items: center;\n background: $base-overlay-background;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n margin-top: 8px;\n position: relative;\n text-align: center;\n z-index: 100;\n}\n\n.media-spoiler {\n background: $base-overlay-background;\n color: $darker-text-color;\n border: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n appearance: none;\n\n &:hover,\n &:active,\n &:focus {\n padding: 0;\n color: lighten($darker-text-color, 8%);\n }\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 700;\n}\n\n.spoiler-button {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 100;\n\n &--minified {\n display: block;\n left: 4px;\n top: 4px;\n width: auto;\n height: auto;\n }\n\n &--click-thru {\n pointer-events: none;\n }\n\n &--hidden {\n display: none;\n }\n\n &__overlay {\n display: block;\n background: transparent;\n width: 100%;\n height: 100%;\n border: 0;\n\n &__label {\n display: inline-block;\n background: rgba($base-overlay-background, 0.5);\n border-radius: 8px;\n padding: 8px 12px;\n color: $primary-text-color;\n font-weight: 500;\n font-size: 14px;\n }\n\n &:hover,\n &:focus,\n &:active {\n .spoiler-button__overlay__label {\n background: rgba($base-overlay-background, 0.8);\n }\n }\n\n &:disabled {\n .spoiler-button__overlay__label {\n background: rgba($base-overlay-background, 0.5);\n }\n }\n }\n}\n\n.modal-container--preloader {\n background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: row;\n padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.column-settings__outer {\n background: lighten($ui-base-color, 8%);\n padding: 15px;\n}\n\n.column-settings__section {\n color: $darker-text-color;\n cursor: default;\n display: block;\n font-weight: 500;\n margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n .column-settings__row {\n margin-bottom: 15px;\n }\n\n .column-select {\n &__control {\n @include search-input;\n\n &::placeholder {\n color: lighten($darker-text-color, 4%);\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n &__placeholder {\n color: $dark-text-color;\n padding-left: 2px;\n font-size: 12px;\n }\n\n &__value-container {\n padding-left: 6px;\n }\n\n &__multi-value {\n background: lighten($ui-base-color, 8%);\n\n &__remove {\n cursor: pointer;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 12%);\n color: lighten($darker-text-color, 4%);\n }\n }\n }\n\n &__multi-value__label,\n &__input {\n color: $darker-text-color;\n }\n\n &__clear-indicator,\n &__dropdown-indicator {\n cursor: pointer;\n transition: none;\n color: $dark-text-color;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($dark-text-color, 4%);\n }\n }\n\n &__indicator-separator {\n background-color: lighten($ui-base-color, 8%);\n }\n\n &__menu {\n @include search-popout;\n padding: 0;\n background: $ui-secondary-color;\n }\n\n &__menu-list {\n padding: 6px;\n }\n\n &__option {\n color: $inverted-text-color;\n border-radius: 4px;\n font-size: 14px;\n\n &--is-focused,\n &--is-selected {\n background: darken($ui-secondary-color, 10%);\n }\n }\n }\n}\n\n.column-settings__row {\n .text-btn {\n margin-bottom: 15px;\n }\n}\n\n.relationship-tag {\n color: $primary-text-color;\n margin-bottom: 4px;\n display: block;\n vertical-align: top;\n background-color: $base-overlay-background;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 500;\n padding: 4px;\n border-radius: 4px;\n opacity: 0.7;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label {\n color: $darker-text-color;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n color: $dark-text-color;\n background: $ui-base-color;\n text-align: center;\n padding: 20px;\n font-size: 15px;\n font-weight: 400;\n cursor: default;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n\n @supports(display: grid) { // hack to fix Chrome <57\n contain: strict;\n }\n\n & > span {\n max-width: 400px;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.error-column {\n flex-direction: column;\n}\n\n@keyframes heartbeat {\n from {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n\n.no-reduce-motion .pulse-loading {\n transform-origin: center center;\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n 0%,\n 100% {\n transform: rotate(0deg);\n transform-origin: 50% 100%;\n }\n\n 10% {\n transform: rotate(2deg);\n }\n\n 20%,\n 40%,\n 60% {\n transform: rotate(-4deg);\n }\n\n 30%,\n 50%,\n 70% {\n transform: rotate(4deg);\n }\n\n 80% {\n transform: rotate(-2deg);\n }\n\n 90% {\n transform: rotate(2deg);\n }\n}\n\n.no-reduce-motion .shake-bottom {\n transform-origin: 50% 100%;\n animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n background: $simple-background-color;\n position: absolute;\n box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n z-index: 2;\n\n .emoji-mart-scroll {\n transition: opacity 200ms ease;\n }\n\n &.selecting .emoji-mart-scroll {\n opacity: 0.5;\n }\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: $simple-background-color;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n overflow: hidden;\n\n button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n\n &:hover,\n &:focus,\n &:active {\n background: rgba($ui-secondary-color, 0.4);\n }\n }\n\n .emoji-mart-emoji {\n height: 22px;\n }\n}\n\n.emoji-mart-emoji {\n span {\n background-repeat: no-repeat;\n }\n}\n\n.upload-area {\n align-items: center;\n background: rgba($base-overlay-background, 0.8);\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n z-index: 2000;\n\n * {\n pointer-events: none;\n }\n}\n\n.upload-area__drop {\n width: 320px;\n height: 160px;\n display: flex;\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n}\n\n.upload-area__background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: $secondary-text-color;\n font-size: 18px;\n font-weight: 500;\n border: 2px dashed $ui-base-lighter-color;\n border-radius: 4px;\n}\n\n.upload-progress {\n padding: 10px;\n color: $lighter-text-color;\n overflow: hidden;\n display: flex;\n\n .fa {\n font-size: 34px;\n margin-right: 10px;\n }\n\n span {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 500;\n display: block;\n }\n}\n\n.upload-progess__message {\n flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n width: 100%;\n height: 6px;\n border-radius: 6px;\n background: $ui-base-lighter-color;\n position: relative;\n margin-top: 5px;\n}\n\n.upload-progress__tracker {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n background: $ui-highlight-color;\n border-radius: 6px;\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n\n &:active,\n &:focus {\n outline: 0 !important;\n }\n\n img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n }\n\n &:hover,\n &:active,\n &:focus {\n img {\n opacity: 1;\n filter: none;\n }\n }\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.privacy-dropdown__dropdown {\n position: absolute;\n background: $simple-background-color;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n margin-left: 40px;\n overflow: hidden;\n\n &.top {\n transform-origin: 50% 100%;\n }\n\n &.bottom {\n transform-origin: 50% 0;\n }\n}\n\n.privacy-dropdown__option {\n color: $inverted-text-color;\n padding: 10px;\n cursor: pointer;\n display: flex;\n\n &:hover,\n &.active {\n background: $ui-highlight-color;\n color: $primary-text-color;\n outline: 0;\n\n .privacy-dropdown__option__content {\n color: $primary-text-color;\n\n strong {\n color: $primary-text-color;\n }\n }\n }\n\n &.active:hover {\n background: lighten($ui-highlight-color, 4%);\n }\n}\n\n.privacy-dropdown__option__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n flex: 1 1 auto;\n color: $lighter-text-color;\n\n strong {\n font-weight: 500;\n display: block;\n color: $inverted-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.privacy-dropdown.active {\n .privacy-dropdown__value {\n background: $simple-background-color;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n .icon-button {\n transition: none;\n }\n\n &.active {\n background: $ui-highlight-color;\n\n .icon-button {\n color: $primary-text-color;\n }\n }\n }\n\n &.top .privacy-dropdown__value {\n border-radius: 0 0 4px 4px;\n }\n\n .privacy-dropdown__dropdown {\n display: block;\n box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n }\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n @include search-input;\n\n display: block;\n padding: 15px;\n padding-right: 30px;\n line-height: 18px;\n font-size: 16px;\n\n &::placeholder {\n color: lighten($darker-text-color, 4%);\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n}\n\n.search__icon {\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus {\n outline: 0 !important;\n }\n\n .fa {\n position: absolute;\n top: 16px;\n right: 10px;\n z-index: 2;\n display: inline-block;\n opacity: 0;\n transition: all 100ms linear;\n transition-property: transform, opacity;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: $secondary-text-color;\n cursor: default;\n pointer-events: none;\n\n &.active {\n pointer-events: auto;\n opacity: 0.3;\n }\n }\n\n .fa-search {\n transform: rotate(90deg);\n\n &.active {\n pointer-events: none;\n transform: rotate(0deg);\n }\n }\n\n .fa-times-circle {\n top: 17px;\n transform: rotate(0deg);\n color: $action-button-color;\n cursor: pointer;\n\n &.active {\n transform: rotate(90deg);\n }\n\n &:hover {\n color: lighten($action-button-color, 7%);\n }\n }\n}\n\n.search-results__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n}\n\n.search-results__section {\n margin-bottom: 5px;\n\n h5 {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n color: $dark-text-color;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .account:last-child,\n & > div:last-child .status {\n border-bottom: 0;\n }\n}\n\n.search-results__hashtag {\n display: block;\n padding: 10px;\n color: $secondary-text-color;\n text-decoration: none;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($secondary-text-color, 4%);\n text-decoration: underline;\n }\n}\n\n.search-results__info {\n padding: 20px;\n color: $darker-text-color;\n text-align: center;\n}\n\n.modal-root {\n position: relative;\n transition: opacity 0.3s linear;\n will-change: opacity;\n z-index: 9999;\n}\n\n.modal-root__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: space-around;\n z-index: 9999;\n pointer-events: none;\n user-select: none;\n}\n\n.modal-root__modal {\n pointer-events: auto;\n display: flex;\n z-index: 9999;\n}\n\n.video-modal {\n max-width: 100vw;\n max-height: 100vh;\n position: relative;\n}\n\n.media-modal {\n width: 100%;\n height: 100%;\n position: relative;\n\n .extended-video-player {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n video {\n max-width: $media-modal-media-max-width;\n max-height: $media-modal-media-max-height;\n }\n }\n}\n\n.media-modal__closer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.media-modal__navigation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n transition: opacity 0.3s linear;\n will-change: opacity;\n\n * {\n pointer-events: auto;\n }\n\n &.media-modal__navigation--hidden {\n opacity: 0;\n\n * {\n pointer-events: none;\n }\n }\n}\n\n.media-modal__nav {\n background: rgba($base-overlay-background, 0.5);\n box-sizing: border-box;\n border: 0;\n color: $primary-text-color;\n cursor: pointer;\n display: flex;\n align-items: center;\n font-size: 24px;\n height: 20vmax;\n margin: auto 0;\n padding: 30px 15px;\n position: absolute;\n top: 0;\n bottom: 0;\n}\n\n.media-modal__nav--left {\n left: 0;\n}\n\n.media-modal__nav--right {\n right: 0;\n}\n\n.media-modal__pagination {\n width: 100%;\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n pointer-events: none;\n}\n\n.media-modal__meta {\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n width: 100%;\n pointer-events: none;\n\n &--shifted {\n bottom: 62px;\n }\n\n a {\n text-decoration: none;\n font-weight: 500;\n color: $ui-secondary-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: $primary-text-color;\n height: 12px;\n width: 12px;\n border-radius: 6px;\n margin: 10px;\n padding: 0;\n border: 0;\n font-size: 0;\n}\n\n.media-modal__button--active {\n background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n background: $ui-secondary-color;\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n\n & > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n }\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: darken($ui-secondary-color, 8%);\n display: flex;\n padding: 25px;\n\n & > div {\n min-width: 33px;\n }\n\n .onboarding-modal__nav,\n .error-modal__nav {\n color: $lighter-text-color;\n border: 0;\n font-size: 14px;\n font-weight: 500;\n padding: 10px 25px;\n line-height: inherit;\n height: auto;\n margin: -10px;\n border-radius: 4px;\n background-color: transparent;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n background-color: darken($ui-secondary-color, 16%);\n }\n\n &.onboarding-modal__done,\n &.onboarding-modal__next {\n color: $inverted-text-color;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($inverted-text-color, 4%);\n }\n }\n }\n}\n\n.error-modal__footer {\n justify-content: center;\n}\n\n.display-case {\n text-align: center;\n font-size: 15px;\n margin-bottom: 15px;\n\n &__label {\n font-weight: 500;\n color: $inverted-text-color;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-size: 12px;\n }\n\n &__case {\n background: $ui-base-color;\n color: $secondary-text-color;\n font-weight: 500;\n padding: 10px;\n border-radius: 4px;\n }\n}\n\n.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n background: lighten($ui-secondary-color, 8%);\n color: $inverted-text-color;\n border-radius: 8px;\n overflow: hidden;\n max-width: 90vw;\n width: 480px;\n position: relative;\n flex-direction: column;\n\n .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n }\n\n .status__avatar {\n height: 28px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n }\n\n .status__content__spoiler-link {\n color: lighten($secondary-text-color, 8%);\n }\n}\n\n.actions-modal {\n .status {\n background: $white;\n border-bottom-color: $ui-secondary-color;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .dropdown-menu__separator {\n border-bottom-color: $ui-secondary-color;\n }\n}\n\n.boost-modal__container {\n overflow-x: scroll;\n padding: 10px;\n\n .status {\n user-select: text;\n border-bottom: 0;\n }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: $ui-secondary-color;\n padding: 10px;\n line-height: 36px;\n\n & > div {\n flex: 1 1 auto;\n text-align: right;\n color: $lighter-text-color;\n padding-right: 10px;\n }\n\n .button {\n flex: 0 0 auto;\n }\n}\n\n.boost-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n vertical-align: middle;\n}\n\n.report-modal {\n width: 90vw;\n max-width: 700px;\n}\n\n.report-modal__container {\n display: flex;\n border-top: 1px solid $ui-secondary-color;\n\n @media screen and (max-width: 480px) {\n flex-wrap: wrap;\n overflow-y: auto;\n }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n box-sizing: border-box;\n width: 50%;\n\n @media screen and (max-width: 480px) {\n width: 100%;\n }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n flex: 1 1 auto;\n min-height: 20vh;\n max-height: 80vh;\n overflow-y: auto;\n overflow-x: hidden;\n\n .status__content a {\n color: $highlight-text-color;\n }\n\n .status__content,\n .status__content p {\n color: $inverted-text-color;\n }\n\n @media screen and (max-width: 480px) {\n max-height: 10vh;\n }\n}\n\n.focal-point-modal__content {\n @media screen and (max-width: 480px) {\n max-height: 40vh;\n }\n}\n\n.report-modal__comment {\n padding: 20px;\n border-right: 1px solid $ui-secondary-color;\n max-width: 320px;\n\n p {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 20px;\n }\n\n .setting-text {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: $inverted-text-color;\n background: $white;\n padding: 10px;\n font-family: inherit;\n font-size: 14px;\n resize: none;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 1px solid $ui-secondary-color;\n min-height: 100px;\n max-height: 50vh;\n margin-bottom: 10px;\n\n &:focus {\n border: 1px solid darken($ui-secondary-color, 8%);\n }\n\n &__wrapper {\n background: $white;\n border: 1px solid $ui-secondary-color;\n margin-bottom: 10px;\n border-radius: 4px;\n\n .setting-text {\n border: 0;\n margin-bottom: 0;\n border-radius: 0;\n\n &:focus {\n border: 0;\n }\n }\n\n &__modifiers {\n color: $inverted-text-color;\n font-family: inherit;\n font-size: 14px;\n background: $white;\n }\n }\n\n &__toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n }\n }\n\n .setting-text-label {\n display: block;\n color: $inverted-text-color;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 10px;\n }\n\n .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n\n &__label {\n color: $inverted-text-color;\n font-size: 14px;\n }\n }\n\n @media screen and (max-width: 480px) {\n padding: 10px;\n max-width: 100%;\n order: 2;\n\n .setting-toggle {\n margin-bottom: 4px;\n }\n }\n}\n\n.actions-modal {\n max-height: 80vh;\n max-width: 80vw;\n\n .status {\n overflow-y: auto;\n max-height: 300px;\n }\n\n .actions-modal__item-label {\n font-weight: 500;\n }\n\n ul {\n overflow-y: auto;\n flex-shrink: 0;\n max-height: 80vh;\n\n &.with-status {\n max-height: calc(80vh - 75px);\n }\n\n li:empty {\n margin: 0;\n }\n\n li:not(:empty) {\n a {\n color: $inverted-text-color;\n display: flex;\n padding: 12px 16px;\n font-size: 15px;\n align-items: center;\n text-decoration: none;\n\n &,\n button {\n transition: none;\n }\n\n &.active,\n &:hover,\n &:active,\n &:focus {\n &,\n button {\n background: $ui-highlight-color;\n color: $primary-text-color;\n }\n }\n\n button:first-child {\n margin-right: 10px;\n }\n }\n }\n }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n .confirmation-modal__secondary-button {\n flex-shrink: 1;\n }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n background-color: transparent;\n color: $lighter-text-color;\n font-size: 14px;\n font-weight: 500;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($lighter-text-color, 4%);\n }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n padding: 30px;\n font-size: 16px;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n &__explanation {\n margin-top: 20px;\n }\n\n .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n\n &__label {\n color: $inverted-text-color;\n margin: 0;\n margin-left: 8px;\n }\n }\n}\n\n.report-modal__target {\n padding: 15px;\n\n .media-modal__close {\n top: 14px;\n right: 15px;\n }\n}\n\n.loading-bar {\n background-color: $highlight-text-color;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: $primary-text-color;\n background: rgba($base-overlay-background, 0.5);\n bottom: 6px;\n left: 6px;\n padding: 2px 6px;\n border-radius: 2px;\n font-size: 11px;\n font-weight: 600;\n z-index: 1;\n pointer-events: none;\n opacity: 0.9;\n transition: opacity 0.1s ease;\n line-height: 18px;\n}\n\n.media-gallery__gifv {\n &.autoplay {\n .media-gallery__gifv__label {\n display: none;\n }\n }\n\n &:hover {\n .media-gallery__gifv__label {\n opacity: 1;\n }\n }\n}\n\n.media-gallery__audio {\n margin-top: 32px;\n\n audio {\n width: 100%;\n }\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n margin-top: 14px;\n overflow: hidden;\n\n &__icon {\n flex: 0 0 auto;\n color: $dark-text-color;\n padding: 8px 18px;\n cursor: default;\n border-right: 1px solid lighten($ui-base-color, 8%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n\n .fa {\n display: block;\n }\n }\n\n &__list {\n list-style: none;\n padding: 4px 0;\n padding-left: 8px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n li {\n display: block;\n padding: 4px 0;\n }\n\n a {\n text-decoration: none;\n color: $dark-text-color;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n &.compact {\n border: 0;\n margin-top: 4px;\n\n .attachment-list__list {\n padding: 0;\n display: block;\n }\n\n .fa {\n color: $dark-text-color;\n }\n }\n}\n\n/* Media Gallery */\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item {\n border: 0;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n\n &.standalone {\n .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n }\n }\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: $secondary-text-color;\n position: relative;\n z-index: 1;\n\n &,\n img {\n height: 100%;\n width: 100%;\n }\n\n img {\n object-fit: cover;\n }\n}\n\n.media-gallery__preview {\n width: 100%;\n height: 100%;\n object-fit: cover;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n background: $base-overlay-background;\n\n &--hidden {\n display: none;\n }\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n .video-player__volume__current,\n .video-player__volume::before {\n bottom: 27px;\n }\n\n .video-player__volume__handle {\n bottom: 23px;\n }\n\n}\n\n.audio-player {\n box-sizing: border-box;\n position: relative;\n background: darken($ui-base-color, 8%);\n border-radius: 4px;\n padding-bottom: 44px;\n\n &.editable {\n border-radius: 0;\n height: 100%;\n }\n\n &__waveform {\n padding: 15px 0;\n position: relative;\n overflow: hidden;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n border-top: 1px solid lighten($ui-base-color, 4%);\n width: 100%;\n height: 0;\n left: 0;\n top: calc(50% + 1px);\n }\n }\n\n &__progress-placeholder {\n background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n }\n\n &__wave-placeholder {\n background-color: lighten($ui-base-color, 16%);\n }\n\n .video-player__controls {\n padding: 0 15px;\n padding-top: 10px;\n background: darken($ui-base-color, 8%);\n border-top: 1px solid lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n }\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: $base-shadow-color;\n max-width: 100%;\n border-radius: 4px;\n box-sizing: border-box;\n\n &.editable {\n border-radius: 0;\n height: 100% !important;\n }\n\n &:focus {\n outline: 0;\n }\n\n video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n }\n\n &.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n\n video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n &.inline {\n video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n &__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity .1s ease;\n\n &.active {\n opacity: 1;\n }\n }\n\n &.inactive {\n video,\n .video-player__controls {\n visibility: hidden;\n }\n }\n\n &__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: $base-overlay-background;\n color: $darker-text-color;\n transition: none;\n pointer-events: none;\n\n &.active {\n display: block;\n pointer-events: auto;\n\n &:hover,\n &:active,\n &:focus {\n color: lighten($darker-text-color, 7%);\n }\n }\n\n &__title {\n display: block;\n font-size: 14px;\n }\n\n &__subtitle {\n display: block;\n font-size: 11px;\n font-weight: 500;\n }\n }\n\n &__buttons-bar {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n }\n\n &__buttons {\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &.left {\n button {\n padding-left: 0;\n }\n }\n\n &.right {\n button {\n padding-right: 0;\n }\n }\n\n button {\n background: transparent;\n padding: 2px 10px;\n font-size: 16px;\n border: 0;\n color: rgba($white, 0.75);\n\n &:active,\n &:hover,\n &:focus {\n color: $white;\n }\n }\n }\n\n &__time-sep,\n &__time-total,\n &__time-current {\n font-size: 14px;\n font-weight: 500;\n }\n\n &__time-current {\n color: $white;\n margin-left: 60px;\n }\n\n &__time-sep {\n display: inline-block;\n margin: 0 6px;\n }\n\n &__time-sep,\n &__time-total {\n color: $white;\n }\n\n &__volume {\n cursor: pointer;\n height: 24px;\n display: inline;\n\n &::before {\n content: \"\";\n width: 50px;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n left: 70px;\n bottom: 20px;\n }\n\n &__current {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n left: 70px;\n bottom: 20px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n bottom: 16px;\n left: 70px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n }\n }\n\n &__link {\n padding: 2px 10px;\n\n a {\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: $white;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n }\n\n &__seek {\n cursor: pointer;\n height: 24px;\n position: relative;\n\n &::before {\n content: \"\";\n width: 100%;\n background: rgba($white, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n top: 10px;\n }\n\n &__progress,\n &__buffer {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n top: 10px;\n background: lighten($ui-highlight-color, 8%);\n }\n\n &__buffer {\n background: rgba($white, 0.2);\n }\n\n &__handle {\n position: absolute;\n z-index: 3;\n opacity: 0;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n top: 6px;\n margin-left: -6px;\n transition: opacity .1s ease;\n background: lighten($ui-highlight-color, 8%);\n box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n pointer-events: none;\n\n &.active {\n opacity: 1;\n }\n }\n\n &:hover {\n .video-player__seek__handle {\n opacity: 1;\n }\n }\n }\n\n &.detailed,\n &.fullscreen {\n .video-player__buttons {\n button {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n }\n}\n\n.directory {\n &__list {\n width: 100%;\n margin: 10px 0;\n transition: opacity 100ms ease-in;\n\n &.loading {\n opacity: 0.7;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin: 0;\n }\n }\n\n &__card {\n box-sizing: border-box;\n margin-bottom: 10px;\n\n &__img {\n height: 125px;\n position: relative;\n background: darken($ui-base-color, 12%);\n overflow: hidden;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n object-fit: cover;\n }\n }\n\n &__bar {\n display: flex;\n align-items: center;\n background: lighten($ui-base-color, 4%);\n padding: 10px;\n\n &__name {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n }\n\n &__relationship {\n width: 23px;\n min-height: 1px;\n flex: 0 0 auto;\n }\n\n .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n padding-top: 2px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: darken($ui-base-color, 8%);\n object-fit: cover;\n }\n }\n\n .display-name {\n margin-left: 15px;\n text-align: left;\n\n strong {\n font-size: 15px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n span {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &__extra {\n background: $ui-base-color;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .accounts-table__count {\n width: 33.33%;\n flex: 0 0 auto;\n padding: 15px 0;\n }\n\n .account__header__content {\n box-sizing: border-box;\n padding: 15px 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n width: 100%;\n min-height: 18px + 30px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n p {\n display: none;\n\n &:first-child {\n display: inline;\n }\n }\n\n br {\n display: none;\n }\n }\n }\n }\n}\n\n.account-gallery__container {\n display: flex;\n flex-wrap: wrap;\n padding: 4px 2px;\n}\n\n.account-gallery__item {\n border: 0;\n box-sizing: border-box;\n display: block;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n margin: 2px;\n\n &__icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n cursor: default;\n display: flex;\n flex-shrink: 0;\n\n button {\n background: darken($ui-base-color, 4%);\n border: 0;\n margin: 0;\n }\n\n button,\n a {\n display: block;\n flex: 1 1 auto;\n color: $darker-text-color;\n padding: 15px 0;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n text-decoration: none;\n position: relative;\n\n &.active {\n color: $secondary-text-color;\n\n &::before,\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 0;\n transform: translateX(-50%);\n border-style: solid;\n border-width: 0 10px 10px;\n border-color: transparent transparent lighten($ui-base-color, 8%);\n }\n\n &::after {\n bottom: -1px;\n border-color: transparent transparent $ui-base-color;\n }\n }\n }\n\n &.directory__section-headline {\n background: darken($ui-base-color, 2%);\n border-bottom-color: transparent;\n\n a,\n button {\n &.active {\n &::before {\n display: none;\n }\n\n &::after {\n border-color: transparent transparent darken($ui-base-color, 7%);\n }\n }\n }\n }\n}\n\n.filter-form {\n background: $ui-base-color;\n\n &__column {\n padding: 10px 15px;\n }\n\n .radio-button {\n display: block;\n }\n}\n\n.radio-button {\n font-size: 14px;\n position: relative;\n display: inline-block;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n\n input[type=radio],\n input[type=checkbox] {\n display: none;\n }\n\n &__input {\n display: inline-block;\n position: relative;\n border: 1px solid $ui-primary-color;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 50%;\n vertical-align: middle;\n\n &.checked {\n border-color: lighten($ui-highlight-color, 8%);\n background: lighten($ui-highlight-color, 8%);\n }\n }\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\n.search-popout {\n @include search-popout;\n}\n\nnoscript {\n text-align: center;\n\n img {\n width: 200px;\n opacity: 0.5;\n animation: flicker 4s infinite;\n }\n\n div {\n font-size: 14px;\n margin: 30px auto;\n color: $secondary-text-color;\n max-width: 400px;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n}\n\n@keyframes flicker {\n 0% { opacity: 1; }\n 30% { opacity: 0.75; }\n 100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n $duration: 400ms;\n $delay: 100ms;\n\n .tabs-bar,\n .search {\n will-change: margin-top;\n transition: margin-top $duration $delay;\n }\n\n .navigation-bar {\n will-change: padding-bottom;\n transition: padding-bottom $duration $delay;\n }\n\n .navigation-bar {\n & > a:first-child {\n will-change: margin-top, margin-left, margin-right, width;\n transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n }\n\n & > .navigation-bar__profile-edit {\n will-change: margin-top;\n transition: margin-top $duration $delay;\n }\n\n .navigation-bar__actions {\n & > .icon-button.close {\n will-change: opacity transform;\n transition: opacity $duration * 0.5 $delay,\n transform $duration $delay;\n }\n\n & > .compose__action-bar .icon-button {\n will-change: opacity transform;\n transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n transform $duration $delay;\n }\n }\n }\n\n .is-composing {\n .tabs-bar,\n .search {\n margin-top: -50px;\n }\n\n .navigation-bar {\n padding-bottom: 0;\n\n & > a:first-child {\n margin: -100px 10px 0 -50px;\n }\n\n .navigation-bar__profile {\n padding-top: 2px;\n }\n\n .navigation-bar__profile-edit {\n position: absolute;\n margin-top: -60px;\n }\n\n .navigation-bar__actions {\n .icon-button.close {\n pointer-events: auto;\n opacity: 1;\n transform: scale(1, 1) translate(0, 0);\n bottom: 5px;\n }\n\n .compose__action-bar .icon-button {\n pointer-events: none;\n opacity: 0;\n transform: scale(0, 1) translate(100%, 0);\n }\n }\n }\n }\n}\n\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n\n h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n }\n\n .embed-modal__container {\n padding: 10px;\n\n .hint {\n margin-bottom: 15px;\n }\n\n .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 0;\n padding: 10px;\n font-family: $font-monospace, monospace;\n background: $ui-base-color;\n color: $primary-text-color;\n font-size: 14px;\n margin: 0;\n margin-bottom: 15px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n\n @media screen and (max-width: 600px) {\n font-size: 16px;\n }\n }\n\n .embed-modal__iframe {\n width: 400px;\n max-width: 100%;\n overflow: hidden;\n border: 0;\n }\n }\n}\n\n.account__moved-note {\n padding: 14px 10px;\n padding-bottom: 16px;\n background: lighten($ui-base-color, 4%);\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &__message {\n position: relative;\n margin-left: 58px;\n color: $dark-text-color;\n padding: 8px 0;\n padding-top: 0;\n padding-bottom: 4px;\n font-size: 14px;\n\n > span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__icon-wrapper {\n left: -26px;\n position: absolute;\n }\n\n .detailed-status__display-avatar {\n position: relative;\n }\n\n .detailed-status__display-name {\n margin-bottom: 0;\n }\n}\n\n.column-inline-form {\n padding: 15px;\n padding-right: 0;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: lighten($ui-base-color, 4%);\n\n label {\n flex: 1 1 auto;\n\n input {\n width: 100%;\n\n &:focus {\n outline: 0;\n }\n }\n }\n\n .icon-button {\n flex: 0 0 auto;\n margin: 0 10px;\n }\n}\n\n.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n h4 {\n padding: 15px 0;\n background: lighten($ui-base-color, 13%);\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n border-radius: 8px 8px 0 0;\n }\n\n .drawer__pager {\n height: 50vh;\n }\n\n .drawer__inner {\n border-radius: 0 0 8px 8px;\n\n &.backdrop {\n width: calc(100% - 60px);\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n border-radius: 0 0 0 8px;\n }\n }\n\n &__accounts {\n overflow-y: auto;\n }\n\n .account__display-name {\n &:hover strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n\n .search {\n margin-bottom: 0;\n }\n}\n\n.list-adder {\n background: $ui-base-color;\n flex-direction: column;\n border-radius: 8px;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n width: 380px;\n overflow: hidden;\n\n @media screen and (max-width: 420px) {\n width: 90%;\n }\n\n &__account {\n background: lighten($ui-base-color, 13%);\n }\n\n &__lists {\n background: lighten($ui-base-color, 13%);\n height: 50vh;\n border-radius: 0 0 8px 8px;\n overflow-y: auto;\n }\n\n .list {\n padding: 10px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .list__wrapper {\n display: flex;\n }\n\n .list__display-name {\n flex: 1 1 auto;\n overflow: hidden;\n text-decoration: none;\n font-size: 16px;\n padding: 10px;\n }\n}\n\n.focal-point {\n position: relative;\n cursor: move;\n overflow: hidden;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: $base-shadow-color;\n\n img,\n video {\n display: block;\n max-height: 80vh;\n width: 100%;\n height: auto;\n margin: 0;\n object-fit: contain;\n background: $base-shadow-color;\n }\n\n &__reticle {\n position: absolute;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%);\n background: url('~images/reticle.png') no-repeat 0 0;\n border-radius: 50%;\n box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n }\n\n &__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n\n &__preview {\n position: absolute;\n bottom: 10px;\n right: 10px;\n z-index: 2;\n cursor: move;\n transition: opacity 0.1s ease;\n\n &:hover {\n opacity: 0.5;\n }\n\n strong {\n color: $primary-text-color;\n font-size: 14px;\n font-weight: 500;\n display: block;\n margin-bottom: 5px;\n }\n\n div {\n border-radius: 4px;\n box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n }\n }\n\n @media screen and (max-width: 480px) {\n img,\n video {\n max-height: 100%;\n }\n\n &__preview {\n display: none;\n }\n }\n}\n\n.account__header__content {\n color: $darker-text-color;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n word-break: normal;\n word-wrap: break-word;\n\n p {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n color: inherit;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n}\n\n.account__header {\n overflow: hidden;\n\n &.inactive {\n opacity: 0.5;\n\n .account__header__image,\n .account__avatar {\n filter: grayscale(100%);\n }\n }\n\n &__info {\n position: absolute;\n top: 10px;\n left: 10px;\n }\n\n &__image {\n overflow: hidden;\n height: 145px;\n position: relative;\n background: darken($ui-base-color, 4%);\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n }\n }\n\n &__bar {\n position: relative;\n background: lighten($ui-base-color, 4%);\n padding: 5px;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n .avatar {\n display: block;\n flex: 0 0 auto;\n width: 94px;\n margin-left: -2px;\n\n .account__avatar {\n background: darken($ui-base-color, 8%);\n border: 2px solid lighten($ui-base-color, 4%);\n }\n }\n }\n\n &__tabs {\n display: flex;\n align-items: flex-start;\n padding: 7px 5px;\n margin-top: -55px;\n\n &__buttons {\n display: flex;\n align-items: center;\n padding-top: 55px;\n overflow: hidden;\n\n .icon-button {\n border: 1px solid lighten($ui-base-color, 12%);\n border-radius: 4px;\n box-sizing: content-box;\n padding: 2px;\n }\n\n .button {\n margin: 0 8px;\n }\n }\n\n &__name {\n padding: 5px;\n\n .account-role {\n vertical-align: top;\n }\n\n .emojione {\n width: 22px;\n height: 22px;\n }\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n small {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n }\n }\n\n &__bio {\n overflow: hidden;\n margin: 0 -5px;\n\n .account__header__content {\n padding: 20px 15px;\n padding-bottom: 5px;\n color: $primary-text-color;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 12%);\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n }\n\n &__extra {\n margin-top: 4px;\n\n &__links {\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 10px;\n padding-top: 20px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n }\n}\n\n.trends {\n &__header {\n color: $dark-text-color;\n background: lighten($ui-base-color, 2%);\n border-bottom: 1px solid darken($ui-base-color, 4%);\n font-weight: 500;\n padding: 15px;\n font-size: 16px;\n cursor: default;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n &__item {\n display: flex;\n align-items: center;\n padding: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n &__name {\n flex: 1 1 auto;\n color: $dark-text-color;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n font-weight: 500;\n }\n\n a {\n color: $darker-text-color;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover,\n &:focus,\n &:active {\n span {\n text-decoration: underline;\n }\n }\n }\n }\n\n &__current {\n flex: 0 0 auto;\n font-size: 24px;\n line-height: 36px;\n font-weight: 500;\n text-align: right;\n padding-right: 15px;\n margin-left: 5px;\n color: $secondary-text-color;\n }\n\n &__sparkline {\n flex: 0 0 auto;\n width: 50px;\n\n path:first-child {\n fill: rgba($highlight-text-color, 0.25) !important;\n fill-opacity: 1 !important;\n }\n\n path:last-child {\n stroke: lighten($highlight-text-color, 6%) !important;\n }\n }\n }\n}\n\n.conversation {\n display: flex;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n padding: 5px;\n padding-bottom: 0;\n\n &:focus {\n background: lighten($ui-base-color, 2%);\n outline: 0;\n }\n\n &__avatar {\n flex: 0 0 auto;\n padding: 10px;\n padding-top: 12px;\n }\n\n &__content {\n flex: 1 1 auto;\n padding: 10px 5px;\n padding-right: 15px;\n word-break: break-all;\n overflow: hidden;\n\n &__info {\n overflow: hidden;\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n\n &__relative-time {\n font-size: 15px;\n color: $darker-text-color;\n padding-left: 15px;\n }\n\n &__names {\n color: $darker-text-color;\n font-size: 15px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 4px;\n flex-basis: 170px;\n flex-shrink: 1000;\n\n a {\n color: $primary-text-color;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nhtml {\n scrollbar-color: #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: \"mastodon-font-sans-serif\", sans-serif;\n background: #eff3f5;\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\", \"mastodon-font-sans-serif\", sans-serif;\n}\nbody.app-body {\n padding: 0;\n}\nbody.app-body.layout-single-column {\n height: auto;\n min-height: 100vh;\n overflow-y: scroll;\n}\nbody.app-body.layout-multiple-columns {\n position: absolute;\n width: 100%;\n height: 100%;\n}\nbody.app-body.with-modals--active {\n overflow-y: hidden;\n}\nbody.lighter {\n background: #d9e1e8;\n}\nbody.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n}\nbody.with-modals--active {\n overflow-y: hidden;\n}\nbody.player {\n text-align: center;\n}\nbody.embed {\n background: #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 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__illustration img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n}\nbody.error .dialog h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\nbutton:focus {\n outline: none;\n}\n\n.app-holder, .app-holder > div {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n}\n\n.layout-single-column .app-holder, .layout-single-column .app-holder > div {\n min-height: 100vh;\n}\n\n.layout-multiple-columns .app-holder, .layout-multiple-columns .app-holder > div {\n height: 100%;\n}\n\n.container-alt {\n width: 700px;\n margin: 0 auto;\n margin-top: 40px;\n}\n@media screen and (max-width: 740px) {\n .container-alt {\n width: 100%;\n margin: 0;\n }\n}\n\n.logo-container {\n margin: 100px auto 50px;\n}\n@media screen and (max-width: 500px) {\n .logo-container {\n margin: 40px auto 0;\n }\n}\n.logo-container h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.logo-container h1 svg {\n fill: #000000;\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: \"mastodon-font-display\", sans-serif;\n font-weight: 500;\n font-size: 14px;\n}\n\n.compose-standalone .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n}\n@media screen and (max-width: 400px) {\n .compose-standalone .compose-form {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n}\n@media screen and (max-width: 440px) {\n .account-header {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n}\n.account-header .avatar {\n width: 40px;\n height: 40px;\n margin-right: 8px;\n}\n.account-header .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n}\n.account-header .name {\n flex: 1 1 auto;\n color: #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@media screen and (max-width: 415px) {\n .grid-3 {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n }\n .grid-3 .column-0 {\n grid-column: 1;\n }\n .grid-3 .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n .grid-3 .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n .grid-3 .column-3 {\n grid-column: 1;\n grid-row: 4;\n }\n}\n\n.grid-4 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n}\n.grid-4 .column-0 {\n grid-column: 1/5;\n grid-row: 1;\n}\n.grid-4 .column-1 {\n grid-column: 1/4;\n grid-row: 2;\n}\n.grid-4 .column-2 {\n grid-column: 4;\n grid-row: 2;\n}\n.grid-4 .column-3 {\n grid-column: 2/5;\n grid-row: 3;\n}\n.grid-4 .column-4 {\n grid-column: 1;\n grid-row: 3;\n}\n.grid-4 .landing-page__call-to-action {\n min-height: 100%;\n}\n.grid-4 .flash-message {\n margin-bottom: 10px;\n}\n@media screen and (max-width: 738px) {\n .grid-4 {\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n }\n .grid-4 .landing-page__call-to-action {\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .grid-4 .row__information-board {\n width: 100%;\n justify-content: center;\n align-items: center;\n }\n .grid-4 .row__mascot {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .grid-4 {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n }\n .grid-4 .column-0 {\n grid-column: 1;\n }\n .grid-4 .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n .grid-4 .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n .grid-4 .column-3 {\n grid-column: 1;\n grid-row: 5;\n }\n .grid-4 .column-4 {\n grid-column: 1;\n grid-row: 4;\n }\n}\n\n@media screen and (max-width: 415px) {\n .public-layout {\n padding-top: 48px;\n }\n}\n.public-layout .container {\n max-width: 960px;\n}\n@media screen and (max-width: 415px) {\n .public-layout .container {\n padding: 0;\n }\n}\n.public-layout .header {\n background: #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 svg {\n display: block;\n height: 18px;\n width: auto;\n position: relative;\n bottom: -2px;\n fill: #000000;\n}\n@media screen and (max-width: 415px) {\n .public-layout .header .brand svg {\n height: 20px;\n }\n}\n.public-layout .header .brand:hover, .public-layout .header .brand:focus, .public-layout .header .brand:active {\n background: #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__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 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}\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 padding: 7px 0;\n padding-left: 10px;\n }\n .public-layout .public-account-header__bar .avatar img {\n border: 0;\n border-radius: 4px;\n }\n}\n@media screen and (max-width: 600px) and (max-width: 360px) {\n .public-layout .public-account-header__bar .avatar {\n display: none;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .public-account-header__bar {\n border-radius: 0;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n flex-wrap: wrap;\n }\n}\n.public-layout .public-account-header__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n}\n.public-layout .public-account-header__tabs__name {\n padding-top: 20px;\n padding-bottom: 8px;\n}\n.public-layout .public-account-header__tabs__name h1 {\n font-size: 20px;\n line-height: 27px;\n color: #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 #9bcbed;\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: \"mastodon-font-display\", sans-serif;\n}\n.public-layout .public-account-header__tabs__tabs .spacer {\n flex: 1 1 auto;\n height: 1px;\n}\n.public-layout .public-account-header__tabs__tabs__buttons {\n padding: 7px 8px;\n}\n.public-layout .public-account-header__extra {\n display: none;\n margin-top: 4px;\n}\n.public-layout .public-account-header__extra .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n}\n.public-layout .public-account-header__extra .public-account-bio .account__header__fields {\n border-top: 1px solid #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: #3c754d;\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 .directory__list {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n}\n@media screen and (max-width: 415px) {\n .public-layout .directory__list {\n display: block;\n }\n}\n.public-layout .directory__list .icon-button {\n font-size: 18px;\n}\n.public-layout .directory__card {\n margin-bottom: 0;\n}\n.public-layout .card-grid {\n display: flex;\n flex-wrap: wrap;\n min-width: 100%;\n margin: 0 -5px;\n}\n.public-layout .card-grid > div {\n box-sizing: border-box;\n flex: 1 0 auto;\n width: 300px;\n padding: 0 5px;\n margin-bottom: 10px;\n max-width: 33.333%;\n}\n@media screen and (max-width: 900px) {\n .public-layout .card-grid > div {\n max-width: 50%;\n }\n}\n@media screen and (max-width: 600px) {\n .public-layout .card-grid > div {\n max-width: 100%;\n }\n}\n@media screen and (max-width: 415px) {\n .public-layout .card-grid {\n margin: 0;\n border-top: 1px solid #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.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 fill: #6d8ca7;\n}\n.public-layout .footer .brand:hover svg, .public-layout .footer .brand:focus svg, .public-layout .footer .brand:active svg {\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 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.endorsements-widget .trends__item {\n padding: 10px;\n}\n\n.trends-widget h4 {\n color: #282c37;\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.placeholder-widget {\n padding: 16px;\n border-radius: 4px;\n border: 2px dashed #444b5d;\n text-align: center;\n color: #282c37;\n margin-bottom: 10px;\n}\n\n.contact-widget {\n min-height: 100%;\n font-size: 15px;\n color: #282c37;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n padding: 0;\n}\n.contact-widget h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: #282c37;\n}\n.contact-widget .account {\n border-bottom: 0;\n padding: 10px 0;\n padding-top: 5px;\n}\n.contact-widget > a {\n display: inline-block;\n padding: 10px;\n padding-top: 0;\n color: #282c37;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.contact-widget > a:hover, .contact-widget > a:focus, .contact-widget > a:active {\n text-decoration: underline;\n}\n\n.moved-account-widget {\n padding: 15px;\n padding-bottom: 20px;\n border-radius: 4px;\n background: #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.directory__tag.active h4 .trends__item__current {\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.directory__tag .trends__item__current {\n padding-right: 0;\n}\n\n.avatar-stack {\n display: flex;\n justify-content: flex-end;\n}\n.avatar-stack .account__avatar {\n flex: 0 0 auto;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n position: relative;\n margin-left: -10px;\n background: #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}\n\n.notice-widget a,\n.placeholder-widget a {\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.placeholder-widget a:hover,\n.placeholder-widget a:focus,\n.placeholder-widget a:active {\n text-decoration: underline;\n}\n\n.table-of-contents {\n background: #e6ebf0;\n min-height: 100%;\n font-size: 14px;\n border-radius: 4px;\n}\n.table-of-contents li a {\n display: block;\n font-weight: 500;\n padding: 15px;\n overflow: hidden;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-decoration: none;\n color: #000000;\n border-bottom: 1px solid #ccd7e0;\n}\n.table-of-contents li a:hover, .table-of-contents li a:focus, .table-of-contents li a:active {\n text-decoration: underline;\n}\n.table-of-contents li:last-child a {\n border-bottom: 0;\n}\n.table-of-contents li ul {\n padding-left: 20px;\n border-bottom: 1px solid #ccd7e0;\n}\n\ncode {\n font-family: \"mastodon-font-monospace\", monospace;\n font-weight: 400;\n}\n\n.form-container {\n max-width: 400px;\n padding: 20px;\n margin: 0 auto;\n}\n\n.simple_form .input {\n margin-bottom: 15px;\n overflow: hidden;\n}\n.simple_form .input.hidden {\n margin: 0;\n}\n.simple_form .input.radio_buttons .radio {\n margin-bottom: 15px;\n}\n.simple_form .input.radio_buttons .radio:last-child {\n margin-bottom: 0;\n}\n.simple_form .input.radio_buttons .radio > label {\n position: relative;\n padding-left: 28px;\n}\n.simple_form .input.radio_buttons .radio > label input {\n position: absolute;\n top: -2px;\n left: 0;\n}\n.simple_form .input.boolean {\n position: relative;\n margin-bottom: 0;\n}\n.simple_form .input.boolean .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: #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 .input.boolean .recommended {\n position: absolute;\n margin: 0 4px;\n margin-top: -2px;\n}\n.simple_form .row {\n display: flex;\n margin: 0 -5px;\n}\n.simple_form .row .input {\n box-sizing: border-box;\n flex: 1 1 auto;\n width: 50%;\n padding: 0 5px;\n}\n.simple_form .hint {\n color: #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 .hint li {\n list-style: disc;\n margin-left: 18px;\n}\n.simple_form ul.hint {\n margin-bottom: 15px;\n}\n.simple_form span.hint {\n display: block;\n font-size: 12px;\n margin-top: 4px;\n}\n.simple_form p.hint {\n margin-bottom: 15px;\n color: #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__column .actions {\n margin-top: 27px;\n}\n.simple_form .fields-row .fields-group:last-child,\n.simple_form .fields-row .fields-row__column.fields-group {\n margin-bottom: 0;\n}\n@media screen and (max-width: 600px) {\n .simple_form .fields-row {\n display: block;\n margin-bottom: 0;\n }\n .simple_form .fields-row__column {\n max-width: none;\n }\n .simple_form .fields-row .fields-group:last-child,\n.simple_form .fields-row .fields-row__column.fields-group,\n.simple_form .fields-row .fields-row__column {\n margin-bottom: 25px;\n }\n}\n.simple_form .input.radio_buttons .radio label {\n margin-bottom: 5px;\n font-family: inherit;\n font-size: 14px;\n color: #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.static .label_input__wrapper {\n font-size: 16px;\n padding: 10px;\n border: 1px solid #444b5d;\n border-radius: 4px;\n}\n.simple_form input[type=text],\n.simple_form input[type=number],\n.simple_form input[type=email],\n.simple_form input[type=password],\n.simple_form textarea {\n box-sizing: border-box;\n font-size: 16px;\n color: #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]::placeholder,\n.simple_form input[type=number]::placeholder,\n.simple_form input[type=email]::placeholder,\n.simple_form input[type=password]::placeholder,\n.simple_form textarea::placeholder {\n color: #1f232b;\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: #3c754d;\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: #9bcbed;\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 h4 {\n margin-bottom: 15px !important;\n}\n.simple_form .label_input__wrapper {\n position: relative;\n}\n.simple_form .label_input__append {\n position: absolute;\n right: 3px;\n top: 1px;\n padding: 10px;\n padding-bottom: 9px;\n font-size: 16px;\n color: #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(60, 117, 77, 0.5);\n background: rgba(60, 117, 77, 0.25);\n color: #3c754d;\n}\n.flash-message.alert {\n border: 1px solid rgba(223, 64, 90, 0.5);\n background: rgba(223, 64, 90, 0.25);\n color: #df405a;\n}\n.flash-message a {\n display: inline-block;\n color: #282c37;\n text-decoration: none;\n}\n.flash-message a:hover {\n color: #000000;\n text-decoration: underline;\n}\n.flash-message p {\n margin-bottom: 15px;\n}\n.flash-message .oauth-code {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 0;\n padding: 10px;\n font-family: \"mastodon-font-monospace\", monospace;\n background: #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: \"mastodon-font-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: \"mastodon-font-monospace\", monospace;\n}\n.input-copy button {\n flex: 0 0 auto;\n margin: 4px;\n text-transform: none;\n font-weight: 400;\n font-size: 14px;\n padding: 7px 18px;\n padding-bottom: 6px;\n width: auto;\n transition: background 300ms linear;\n}\n.input-copy.copied {\n border-color: #3c754d;\n transition: none;\n}\n.input-copy.copied button {\n background: #3c754d;\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 padding-top: 2px;\n}\n.card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: #f2f5f7;\n object-fit: cover;\n}\n.card__bar .display-name {\n margin-left: 15px;\n text-align: left;\n}\n.card__bar .display-name strong {\n font-size: 15px;\n color: #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.simple_form .recommended {\n display: inline-block;\n padding: 4px 6px;\n cursor: default;\n border-radius: 3px;\n font-size: 12px;\n line-height: 12px;\n font-weight: 500;\n color: #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.simple_form .recommended.moderator {\n color: #3c754d;\n background-color: rgba(60, 117, 77, 0.1);\n border-color: rgba(60, 117, 77, 0.5);\n}\n.account-role.admin,\n.simple_form .recommended.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 max-width: 100vw;\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(60, 117, 77, 0.5);\n background: rgba(60, 117, 77, 0.25);\n}\n.account__header__fields .verified a {\n color: #3c754d;\n font-weight: 500;\n}\n.account__header__fields .verified__mark {\n color: #3c754d;\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.activity-stream--under-tabs {\n border-radius: 0 0 4px 4px;\n}\n@media screen and (max-width: 415px) {\n .activity-stream {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n }\n}\n.activity-stream--headless {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n}\n.activity-stream--headless .detailed-status,\n.activity-stream--headless .status {\n border-radius: 0 !important;\n}\n.activity-stream div[data-component] {\n width: 100%;\n}\n.activity-stream .entry {\n background: #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 fill: #000000;\n}\n.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {\n background: #2074b1;\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: #9bcbed;\n}\n.button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover {\n background: #df405a;\n}\n@media screen and (max-width: 415px) {\n .button.logo-button svg {\n display: none;\n }\n}\n\n.embed .detailed-status,\n.public-layout .detailed-status {\n padding: 15px;\n}\n.embed .status,\n.public-layout .status {\n padding: 15px 15px 15px 78px;\n min-height: 50px;\n}\n.embed .status__avatar,\n.public-layout .status__avatar {\n left: 15px;\n top: 17px;\n}\n.embed .status__content,\n.public-layout .status__content {\n padding-top: 5px;\n}\n.embed .status__prepend,\n.public-layout .status__prepend {\n margin-left: 78px;\n padding-top: 15px;\n}\n.embed .status__prepend-icon-wrapper,\n.public-layout .status__prepend-icon-wrapper {\n left: -32px;\n}\n.embed .status .media-gallery, .embed .status__action-bar,\n.embed .status .video-player,\n.public-layout .status .media-gallery,\n.public-layout .status__action-bar,\n.public-layout .status .video-player {\n margin-top: 10px;\n}\n\nbutton.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<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 {\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'/><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\n.app-body {\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: #2b90d9;\n border: 0;\n background: transparent;\n padding: 0;\n cursor: pointer;\n}\n.link-button:hover, .link-button:active {\n text-decoration: underline;\n}\n.link-button:disabled {\n color: #9bcbed;\n cursor: default;\n}\n\n.button {\n background-color: #2b90d9;\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: #2074b1;\n transition: all 200ms ease-out;\n}\n.button--destructive {\n transition: none;\n}\n.button--destructive:active, .button--destructive:focus, .button--destructive:hover {\n background-color: #df405a;\n transition: none;\n}\n.button:disabled, .button.disabled {\n background-color: #9bcbed;\n cursor: default;\n}\n.button::-moz-focus-inner {\n border: 0;\n}\n.button::-moz-focus-inner, .button:focus, .button:active {\n outline: 0 !important;\n}\n.button.button-primary, .button.button-alternative, .button.button-secondary, .button.button-alternative-2 {\n font-size: 16px;\n line-height: 36px;\n height: auto;\n text-transform: none;\n padding: 4px 16px;\n}\n.button.button-alternative {\n color: #000000;\n background: #9bcbed;\n}\n.button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover {\n background-color: #8ac2ea;\n}\n.button.button-alternative-2 {\n background: #b0c0cf;\n}\n.button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover {\n background-color: #a3b6c7;\n}\n.button.button-secondary {\n color: #282c37;\n background: transparent;\n padding: 3px 15px;\n border: 1px solid #9bcbed;\n}\n.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {\n border-color: #8ac2ea;\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.column__wrapper {\n display: flex;\n flex: 1 1 auto;\n position: relative;\n}\n\n.icon-button {\n display: inline-block;\n padding: 0;\n color: #606984;\n border: 0;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n transition: all 100ms ease-in;\n transition-property: background-color, color;\n}\n.icon-button:hover, .icon-button:active, .icon-button:focus {\n color: #51596f;\n background-color: rgba(96, 105, 132, 0.15);\n transition: all 200ms ease-out;\n transition-property: background-color, color;\n}\n.icon-button:focus {\n background-color: rgba(96, 105, 132, 0.3);\n}\n.icon-button.disabled {\n color: #828ba4;\n background-color: transparent;\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 background-color: rgba(40, 44, 55, 0.15);\n}\n.icon-button.inverted:focus {\n background-color: rgba(40, 44, 55, 0.3);\n}\n.icon-button.inverted.disabled {\n color: #191b22;\n background-color: transparent;\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: 0;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n font-weight: 600;\n font-size: 11px;\n padding: 0 3px;\n line-height: 27px;\n outline: 0;\n transition: all 100ms ease-in;\n transition-property: background-color, color;\n}\n.text-icon-button:hover, .text-icon-button:active, .text-icon-button:focus {\n color: #373d4c;\n background-color: rgba(40, 44, 55, 0.15);\n transition: all 200ms ease-out;\n transition-property: background-color, color;\n}\n.text-icon-button:focus {\n background-color: rgba(40, 44, 55, 0.3);\n}\n.text-icon-button.disabled {\n color: black;\n background-color: transparent;\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}\n\n.invisible {\n font-size: 0;\n line-height: 0;\n display: inline-block;\n width: 0;\n height: 0;\n position: absolute;\n}\n.invisible img,\n.invisible svg {\n margin: 0 !important;\n border: 0 !important;\n padding: 0 !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.ellipsis::after {\n content: \"…\";\n}\n\n.compose-form {\n padding: 10px;\n}\n.compose-form__sensitive-button {\n padding: 10px;\n padding-top: 0;\n font-size: 14px;\n font-weight: 500;\n}\n.compose-form__sensitive-button.active {\n color: #2b90d9;\n}\n.compose-form__sensitive-button input[type=checkbox] {\n display: none;\n}\n.compose-form__sensitive-button .checkbox {\n display: inline-block;\n position: relative;\n border: 1px solid #9bcbed;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 4px;\n vertical-align: middle;\n}\n.compose-form__sensitive-button .checkbox.active {\n border-color: #2b90d9;\n background: #2b90d9;\n}\n.compose-form .compose-form__warning {\n color: #000000;\n margin-bottom: 10px;\n background: #9bcbed;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n padding: 8px 10px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 400;\n}\n.compose-form .compose-form__warning strong {\n color: #000000;\n font-weight: 500;\n}\n.compose-form .compose-form__warning strong:lang(ja) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(ko) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-CN) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-HK) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning strong:lang(zh-TW) {\n font-weight: 700;\n}\n.compose-form .compose-form__warning a {\n color: #282c37;\n font-weight: 500;\n text-decoration: underline;\n}\n.compose-form .compose-form__warning a:hover, .compose-form .compose-form__warning a:active, .compose-form .compose-form__warning a:focus {\n text-decoration: none;\n}\n.compose-form .emoji-picker-dropdown {\n position: absolute;\n top: 5px;\n right: 5px;\n}\n.compose-form .compose-form__autosuggest-wrapper {\n position: relative;\n}\n.compose-form .autosuggest-textarea,\n.compose-form .autosuggest-input,\n.compose-form .spoiler-input {\n position: relative;\n}\n.compose-form .spoiler-input {\n height: 0;\n transform-origin: bottom;\n opacity: 0;\n}\n.compose-form .spoiler-input.spoiler-input--visible {\n height: 36px;\n margin-bottom: 11px;\n opacity: 1;\n}\n.compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n color: #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}\n.compose-form .autosuggest-textarea__textarea::placeholder,\n.compose-form .spoiler-input__input::placeholder {\n color: #444b5d;\n}\n.compose-form .autosuggest-textarea__textarea:focus,\n.compose-form .spoiler-input__input:focus {\n outline: 0;\n}\n@media screen and (max-width: 600px) {\n .compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n font-size: 16px;\n }\n}\n.compose-form .spoiler-input__input {\n border-radius: 4px;\n}\n.compose-form .autosuggest-textarea__textarea {\n min-height: 100px;\n border-radius: 4px 4px 0 0;\n padding-bottom: 0;\n padding-right: 32px;\n resize: none;\n scrollbar-color: initial;\n}\n.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar {\n all: unset;\n}\n@media screen and (max-width: 600px) {\n .compose-form .autosuggest-textarea__textarea {\n height: 100px !important;\n resize: vertical;\n }\n}\n.compose-form .autosuggest-textarea__suggestions-wrapper {\n position: relative;\n height: 0;\n}\n.compose-form .autosuggest-textarea__suggestions {\n box-sizing: border-box;\n display: none;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 99;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n background: #282c37;\n border-radius: 0 0 4px 4px;\n color: #000000;\n font-size: 14px;\n padding: 6px;\n}\n.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible {\n display: block;\n}\n.compose-form .autosuggest-textarea__suggestions__item {\n padding: 10px;\n cursor: pointer;\n border-radius: 4px;\n}\n.compose-form .autosuggest-textarea__suggestions__item:hover, .compose-form .autosuggest-textarea__suggestions__item:focus, .compose-form .autosuggest-textarea__suggestions__item:active, .compose-form .autosuggest-textarea__suggestions__item.selected {\n background: #3d4455;\n}\n.compose-form .autosuggest-account,\n.compose-form .autosuggest-emoji,\n.compose-form .autosuggest-hashtag {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n line-height: 18px;\n font-size: 14px;\n}\n.compose-form .autosuggest-hashtag {\n justify-content: space-between;\n}\n.compose-form .autosuggest-hashtag__name {\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.compose-form .autosuggest-hashtag strong {\n font-weight: 500;\n}\n.compose-form .autosuggest-hashtag__uses {\n flex: 0 0 auto;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.compose-form .autosuggest-account-icon,\n.compose-form .autosuggest-emoji img {\n display: block;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n}\n.compose-form .autosuggest-account .display-name__account {\n color: #282c37;\n}\n.compose-form .compose-form__modifiers {\n color: #000000;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-wrapper {\n overflow: hidden;\n}\n.compose-form .compose-form__modifiers .compose-form__uploads-wrapper {\n display: flex;\n flex-direction: row;\n padding: 5px;\n flex-wrap: wrap;\n}\n.compose-form .compose-form__modifiers .compose-form__upload {\n flex: 1 1 0;\n min-width: 40%;\n margin: 5px;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions {\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button {\n flex: 0 1 auto;\n color: #282c37;\n font-size: 14px;\n font-weight: 500;\n padding: 10px;\n font-family: inherit;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active {\n color: #191b22;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions.active {\n opacity: 1;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);\n padding: 10px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea {\n background: transparent;\n color: #282c37;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus {\n color: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder {\n opacity: 0.75;\n color: #282c37;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description.active {\n opacity: 1;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-thumbnail {\n border-radius: 4px;\n background-color: #000000;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n height: 140px;\n width: 100%;\n overflow: hidden;\n}\n.compose-form .compose-form__buttons-wrapper {\n padding: 10px;\n background: white;\n border-radius: 0 0 4px 4px;\n display: flex;\n justify-content: space-between;\n flex: 0 0 auto;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons {\n display: flex;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon {\n line-height: 27px;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button {\n display: none;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible {\n display: block;\n}\n.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon {\n line-height: 27px;\n}\n.compose-form .compose-form__buttons-wrapper .icon-button,\n.compose-form .compose-form__buttons-wrapper .text-icon-button {\n box-sizing: content-box;\n padding: 0 3px;\n}\n.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n align-self: center;\n margin-right: 4px;\n}\n.compose-form .compose-form__publish {\n display: flex;\n justify-content: flex-end;\n min-width: 0;\n flex: 0 0 auto;\n}\n.compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n overflow: hidden;\n padding-top: 10px;\n}\n\n.character-counter {\n cursor: default;\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: #282c37;\n}\n.character-counter.character-counter--over {\n color: #ff5050;\n}\n\n.no-reduce-motion .spoiler-input {\n transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n font-size: inherit;\n vertical-align: middle;\n object-fit: contain;\n margin: -0.2ex 0.15em 0.2ex;\n width: 16px;\n height: 16px;\n}\n.emojione img {\n width: auto;\n}\n\n.reply-indicator {\n border-radius: 4px;\n margin-bottom: 10px;\n background: #9bcbed;\n padding: 10px;\n min-height: 23px;\n overflow-y: auto;\n flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n margin-bottom: 5px;\n overflow: hidden;\n}\n\n.reply-indicator__cancel {\n float: right;\n line-height: 24px;\n}\n\n.reply-indicator__display-name {\n color: #000000;\n display: block;\n max-width: 100%;\n line-height: 24px;\n overflow: hidden;\n padding-right: 25px;\n text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n float: left;\n margin-right: 5px;\n}\n\n.status__content--with-action {\n cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n position: relative;\n font-size: 15px;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 2px;\n color: #000000;\n}\n.status__content:focus,\n.reply-indicator__content:focus {\n outline: 0;\n}\n.status__content.status__content--with-spoiler,\n.reply-indicator__content.status__content--with-spoiler {\n white-space: normal;\n}\n.status__content.status__content--with-spoiler .status__content__text,\n.reply-indicator__content.status__content--with-spoiler .status__content__text {\n white-space: pre-wrap;\n}\n.status__content .emojione,\n.reply-indicator__content .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n}\n.status__content img,\n.reply-indicator__content img {\n max-width: 100%;\n max-height: 400px;\n object-fit: contain;\n}\n.status__content p,\n.reply-indicator__content p {\n margin-bottom: 20px;\n white-space: pre-wrap;\n}\n.status__content p:last-child,\n.reply-indicator__content p:last-child {\n margin-bottom: 0;\n}\n.status__content a,\n.reply-indicator__content a {\n color: #d8a070;\n text-decoration: none;\n}\n.status__content a:hover,\n.reply-indicator__content a:hover {\n text-decoration: underline;\n}\n.status__content a:hover .fa,\n.reply-indicator__content a:hover .fa {\n color: #353a48;\n}\n.status__content a.mention:hover,\n.reply-indicator__content a.mention:hover {\n text-decoration: none;\n}\n.status__content a.mention:hover span,\n.reply-indicator__content a.mention:hover span {\n text-decoration: underline;\n}\n.status__content a .fa,\n.reply-indicator__content a .fa {\n color: #444b5d;\n}\n.status__content a.unhandled-link,\n.reply-indicator__content a.unhandled-link {\n color: #217aba;\n}\n.status__content .status__content__spoiler-link,\n.reply-indicator__content .status__content__spoiler-link {\n background: #606984;\n}\n.status__content .status__content__spoiler-link:hover,\n.reply-indicator__content .status__content__spoiler-link:hover {\n background: #51596f;\n text-decoration: none;\n}\n.status__content .status__content__spoiler-link::-moz-focus-inner,\n.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner {\n border: 0;\n}\n.status__content .status__content__spoiler-link::-moz-focus-inner, .status__content .status__content__spoiler-link:focus, .status__content .status__content__spoiler-link:active,\n.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,\n.reply-indicator__content .status__content__spoiler-link:focus,\n.reply-indicator__content .status__content__spoiler-link:active {\n outline: 0 !important;\n}\n.status__content .status__content__text,\n.reply-indicator__content .status__content__text {\n display: none;\n}\n.status__content .status__content__text.status__content__text--visible,\n.reply-indicator__content .status__content__text.status__content__text--visible {\n display: block;\n}\n\n.status__content.status__content--collapsed {\n max-height: 300px;\n}\n\n.status__content__read-more-button {\n display: block;\n font-size: 15px;\n line-height: 20px;\n color: #217aba;\n border: 0;\n background: transparent;\n padding: 0;\n padding-top: 8px;\n}\n.status__content__read-more-button:hover, .status__content__read-more-button:active {\n text-decoration: underline;\n}\n\n.status__content__spoiler-link {\n display: inline-block;\n border-radius: 2px;\n background: transparent;\n border: 0;\n color: #000000;\n font-weight: 700;\n font-size: 11px;\n padding: 0 6px;\n text-transform: uppercase;\n line-height: 20px;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n color: #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 left: -26px;\n position: absolute;\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: 8px 10px;\n padding-left: 68px;\n position: relative;\n min-height: 54px;\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: 26px;\n }\n}\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.status .video-player,\n.status .audio-player {\n margin-top: 8px;\n}\n.status.status-direct:not(.read) {\n background: #c0cdd9;\n border-bottom-color: #b3c3d1;\n}\n.status.light .status__relative-time {\n color: #444b5d;\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: #444b5d;\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: #9bcbed;\n}\n.status.light .status__content a.status__content__spoiler-link:hover {\n background: #78b9e7;\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.notification__relative_time {\n color: #444b5d;\n float: right;\n font-size: 14px;\n}\n\n.status__display-name {\n color: #444b5d;\n}\n\n.status__info .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n\n.status__info {\n font-size: 15px;\n}\n\n.status-check-box {\n border-bottom: 1px solid #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.status-check-box .status-check-box__status .audio-player {\n margin-top: 8px;\n max-width: 250px;\n}\n.status-check-box .status-check-box__status .media-gallery__item-thumbnail {\n cursor: default;\n}\n\n.status-check-box-toggle {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 10px;\n}\n\n.status__prepend {\n margin-left: 68px;\n color: #444b5d;\n padding: 8px 0;\n padding-bottom: 2px;\n font-size: 14px;\n position: relative;\n}\n.status__prepend .status__display-name strong {\n color: #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 .status__content .status__content__spoiler-link {\n line-height: 24px;\n margin: -1px 0 0;\n}\n.detailed-status .video-player,\n.detailed-status .audio-player {\n margin-top: 8px;\n}\n\n.detailed-status__meta {\n margin-top: 15px;\n color: #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.reply-indicator__content {\n color: #000000;\n font-size: 14px;\n}\n.reply-indicator__content a {\n color: #282c37;\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.account {\n padding: 10px;\n border-bottom: 1px solid #c0cdd9;\n}\n.account.compact {\n padding: 0;\n border-bottom: 0;\n}\n.account.compact .account__avatar-wrapper {\n margin-left: 0;\n}\n.account .account__display-name {\n flex: 1 1 auto;\n display: block;\n color: #282c37;\n overflow: hidden;\n text-decoration: none;\n font-size: 14px;\n}\n\n.account__wrapper {\n display: flex;\n}\n\n.account__avatar-wrapper {\n float: left;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.account__avatar {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n position: relative;\n}\n.account__avatar-inline {\n display: inline-block;\n vertical-align: middle;\n margin-right: 5px;\n}\n.account__avatar-composite {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n border-radius: 50%;\n overflow: hidden;\n position: relative;\n cursor: default;\n}\n.account__avatar-composite > div {\n float: left;\n position: relative;\n box-sizing: border-box;\n}\n.account__avatar-composite__label {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #000000;\n text-shadow: 1px 1px 2px #000000;\n font-weight: 700;\n font-size: 15px;\n}\n\na .account__avatar {\n cursor: pointer;\n}\n\n.account__avatar-overlay {\n width: 48px;\n height: 48px;\n background-size: 48px 48px;\n}\n.account__avatar-overlay-base {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n width: 36px;\n height: 36px;\n background-size: 36px 36px;\n}\n.account__avatar-overlay-overlay {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-size: 24px 24px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1;\n}\n\n.account__relationship {\n height: 18px;\n padding: 10px;\n white-space: nowrap;\n}\n\n.account__disclaimer {\n padding: 10px;\n border-top: 1px solid #c0cdd9;\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-dropdown {\n padding: 10px;\n}\n.account__action-bar-dropdown .icon-button {\n vertical-align: middle;\n}\n.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right {\n left: 6px;\n right: initial;\n}\n.account__action-bar-dropdown .dropdown--active::after {\n bottom: initial;\n margin-left: 11px;\n margin-top: -7px;\n right: initial;\n}\n\n.account__action-bar-links {\n display: flex;\n flex: 1 1 auto;\n line-height: 18px;\n text-align: center;\n}\n\n.account__action-bar__tab {\n text-decoration: none;\n overflow: hidden;\n flex: 0 1 100%;\n border-right: 1px solid #c0cdd9;\n padding: 10px 0;\n border-bottom: 4px solid transparent;\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\n.account-authorize {\n padding: 14px 10px;\n}\n.account-authorize .detailed-status__display-name {\n display: block;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n.account-authorize__avatar {\n float: left;\n margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n text-decoration: none;\n}\n\n.status__display-name strong,\n.account__display-name strong {\n color: #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,\na.account__display-name:hover strong {\n text-decoration: underline;\n}\n\n.account__display-name strong {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n color: inherit;\n}\n\n.detailed-status__display-name {\n color: #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 height: 48px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n\n.status__expand {\n width: 68px;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n cursor: pointer;\n}\n\n.muted .status__content,\n.muted .status__content p,\n.muted .status__content a {\n color: #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: #b0c0cf;\n color: #000000;\n}\n.muted a.status__content__spoiler-link:hover {\n background: #9aaec2;\n text-decoration: none;\n}\n\n.notification__message {\n margin: 0 10px 0 68px;\n padding: 8px 0 0;\n cursor: default;\n color: #282c37;\n font-size: 15px;\n line-height: 22px;\n position: relative;\n}\n.notification__message .fa {\n color: #2b90d9;\n}\n.notification__message > span {\n display: inline;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.notification__favourite-icon-wrapper {\n left: -26px;\n position: absolute;\n}\n.notification__favourite-icon-wrapper .star-icon {\n color: #ca8f04;\n}\n\n.star-icon.active {\n color: #ca8f04;\n}\n\n.notification__display-name {\n color: inherit;\n font-weight: 500;\n text-decoration: none;\n}\n.notification__display-name:hover {\n color: #000000;\n text-decoration: underline;\n}\n\n.notification__relative_time {\n float: right;\n}\n\n.display-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.display-name__html {\n font-weight: 500;\n}\n\n.display-name__account {\n font-size: 14px;\n}\n\n.status__relative-time:hover,\n.detailed-status__datetime:hover {\n text-decoration: underline;\n}\n\n.image-loader {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.image-loader .image-loader__preview-canvas {\n max-width: 100%;\n max-height: 80%;\n background: url(\"~images/void.png\") repeat;\n object-fit: contain;\n}\n.image-loader .loading-bar {\n position: relative;\n}\n.image-loader.image-loader--amorphous .image-loader__preview-canvas {\n display: none;\n}\n\n.zoomable-image {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.zoomable-image img {\n max-width: 100%;\n max-height: 80%;\n width: auto;\n height: auto;\n object-fit: contain;\n}\n\n.navigation-bar {\n padding: 10px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n cursor: default;\n color: #282c37;\n}\n.navigation-bar strong {\n color: #282c37;\n}\n.navigation-bar a {\n color: inherit;\n}\n.navigation-bar .permalink {\n text-decoration: none;\n}\n.navigation-bar .navigation-bar__actions {\n position: relative;\n}\n.navigation-bar .navigation-bar__actions .icon-button.close {\n position: absolute;\n pointer-events: none;\n transform: scale(0, 1) translate(-100%, 0);\n opacity: 0;\n}\n.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {\n pointer-events: auto;\n transform: scale(1, 1) translate(0, 0);\n opacity: 1;\n}\n\n.navigation-bar__profile {\n flex: 1 1 auto;\n margin-left: 8px;\n line-height: 20px;\n margin-top: -1px;\n overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n display: block;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n color: inherit;\n text-decoration: none;\n}\n\n.dropdown {\n display: inline-block;\n}\n\n.dropdown__content {\n display: none;\n position: absolute;\n}\n\n.dropdown-menu__separator {\n border-bottom: 1px solid #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 z-index: 9999;\n}\n.dropdown-menu ul {\n list-style: none;\n}\n.dropdown-menu.left {\n transform-origin: 100% 50%;\n}\n.dropdown-menu.top {\n transform-origin: 50% 100%;\n}\n.dropdown-menu.bottom {\n transform-origin: 50% 0;\n}\n.dropdown-menu.right {\n transform-origin: 0 50%;\n}\n\n.dropdown-menu__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n}\n.dropdown-menu__arrow.left {\n right: -5px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #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.columns-area {\n display: flex;\n flex: 1 1 auto;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: auto;\n position: relative;\n}\n.columns-area.unscrollable {\n overflow-x: hidden;\n}\n.columns-area__panels {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n}\n.columns-area__panels__pane {\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n display: flex;\n justify-content: flex-end;\n min-width: 285px;\n}\n.columns-area__panels__pane--start {\n justify-content: flex-start;\n}\n.columns-area__panels__pane__inner {\n position: fixed;\n width: 285px;\n pointer-events: auto;\n height: 100%;\n}\n.columns-area__panels__main {\n box-sizing: border-box;\n width: 100%;\n max-width: 600px;\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n}\n@media screen and (min-width: 415px) {\n .columns-area__panels__main {\n padding: 0 10px;\n }\n}\n\n.tabs-bar__wrapper {\n background: #f2f5f7;\n position: sticky;\n top: 0;\n z-index: 2;\n padding-top: 0;\n}\n@media screen and (min-width: 415px) {\n .tabs-bar__wrapper {\n padding-top: 10px;\n }\n}\n.tabs-bar__wrapper .tabs-bar {\n margin-bottom: 0;\n}\n@media screen and (min-width: 415px) {\n .tabs-bar__wrapper .tabs-bar {\n margin-bottom: 10px;\n }\n}\n\n.react-swipeable-view-container,\n.react-swipeable-view-container .columns-area,\n.react-swipeable-view-container .drawer,\n.react-swipeable-view-container .column {\n height: 100%;\n}\n\n.react-swipeable-view-container > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.column {\n width: 350px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.column > .scrollable {\n background: #d9e1e8;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n\n.ui {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n}\n\n.drawer {\n width: 330px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.drawer__tab {\n display: block;\n flex: 1 1 auto;\n padding: 15px 5px 13px;\n color: #282c37;\n text-decoration: none;\n text-align: center;\n font-size: 16px;\n border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n flex: 1 1 auto;\n overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n .columns-area {\n padding: 0;\n }\n\n .column,\n.drawer {\n flex: 0 0 auto;\n padding: 10px;\n padding-left: 5px;\n padding-right: 5px;\n }\n .column:first-child,\n.drawer:first-child {\n padding-left: 10px;\n }\n .column:last-child,\n.drawer:last-child {\n padding-right: 10px;\n }\n\n .columns-area > div .column,\n.columns-area > div .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n.tabs-bar {\n box-sizing: border-box;\n display: flex;\n background: #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 padding-bottom: 13px;\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 50ms linear;\n transition-property: border-bottom, background, color;\n}\n.tabs-bar__link .fa {\n font-weight: 400;\n font-size: 16px;\n}\n@media screen and (min-width: 631px) {\n .tabs-bar__link:hover, .tabs-bar__link:focus, .tabs-bar__link:active {\n background: #adbecd;\n border-bottom-color: #adbecd;\n }\n}\n.tabs-bar__link.active {\n border-bottom: 2px solid #2b90d9;\n color: #2b90d9;\n}\n.tabs-bar__link span {\n margin-left: 5px;\n display: none;\n}\n\n@media screen and (min-width: 600px) {\n .tabs-bar__link span {\n display: inline;\n }\n}\n.columns-area--mobile {\n flex-direction: column;\n width: 100%;\n height: 100%;\n margin: 0 auto;\n}\n.columns-area--mobile .column,\n.columns-area--mobile .drawer {\n width: 100%;\n height: 100%;\n padding: 0;\n}\n.columns-area--mobile .directory__list {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n}\n@media screen and (max-width: 415px) {\n .columns-area--mobile .directory__list {\n display: block;\n }\n}\n.columns-area--mobile .directory__card {\n margin-bottom: 0;\n}\n.columns-area--mobile .filter-form {\n display: flex;\n}\n.columns-area--mobile .autosuggest-textarea__textarea {\n font-size: 16px;\n}\n.columns-area--mobile .search__input {\n line-height: 18px;\n font-size: 16px;\n padding: 15px;\n padding-right: 30px;\n}\n.columns-area--mobile .search__icon .fa {\n top: 15px;\n}\n.columns-area--mobile .scrollable {\n overflow: visible;\n}\n@supports (display: grid) {\n .columns-area--mobile .scrollable {\n contain: content;\n }\n}\n@media screen and (min-width: 415px) {\n .columns-area--mobile {\n padding: 10px 0;\n padding-top: 0;\n }\n}\n@media screen and (min-width: 630px) {\n .columns-area--mobile .detailed-status {\n padding: 15px;\n }\n .columns-area--mobile .detailed-status .media-gallery,\n.columns-area--mobile .detailed-status .video-player,\n.columns-area--mobile .detailed-status .audio-player {\n margin-top: 15px;\n }\n .columns-area--mobile .account__header__bar {\n padding: 5px 10px;\n }\n .columns-area--mobile .navigation-bar,\n.columns-area--mobile .compose-form {\n padding: 15px;\n }\n .columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n padding-top: 15px;\n }\n .columns-area--mobile .status {\n padding: 15px 15px 15px 78px;\n min-height: 50px;\n }\n .columns-area--mobile .status__avatar {\n left: 15px;\n top: 17px;\n }\n .columns-area--mobile .status__content {\n padding-top: 5px;\n }\n .columns-area--mobile .status__prepend {\n margin-left: 78px;\n padding-top: 15px;\n }\n .columns-area--mobile .status__prepend-icon-wrapper {\n left: -32px;\n }\n .columns-area--mobile .status .media-gallery, .columns-area--mobile .status__action-bar,\n.columns-area--mobile .status .video-player,\n.columns-area--mobile .status .audio-player {\n margin-top: 10px;\n }\n .columns-area--mobile .account {\n padding: 15px 10px;\n }\n .columns-area--mobile .account__header__bio {\n margin: 0 -10px;\n }\n .columns-area--mobile .notification__message {\n margin-left: 78px;\n padding-top: 15px;\n }\n .columns-area--mobile .notification__favourite-icon-wrapper {\n left: -32px;\n }\n .columns-area--mobile .notification .status {\n padding-top: 8px;\n }\n .columns-area--mobile .notification .account {\n padding-top: 8px;\n }\n .columns-area--mobile .notification .account__avatar-wrapper {\n margin-left: 17px;\n margin-right: 15px;\n }\n}\n\n.floating-action-button {\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 3.9375rem;\n height: 3.9375rem;\n bottom: 1.3125rem;\n right: 1.3125rem;\n background: #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@media screen and (min-width: 415px) {\n .tabs-bar {\n width: 100%;\n }\n\n .react-swipeable-view-container .columns-area--mobile {\n height: calc(100% - 10px) !important;\n }\n\n .getting-started__wrapper,\n.getting-started__trends,\n.search {\n margin-bottom: 10px;\n }\n\n .getting-started__panel {\n margin: 10px 0;\n }\n\n .column,\n.drawer {\n min-width: 330px;\n }\n}\n@media screen and (max-width: 895px) {\n .columns-area__panels__pane--compositional {\n display: none;\n }\n}\n@media screen and (min-width: 895px) {\n .floating-action-button,\n.tabs-bar__link.optional {\n display: none;\n }\n\n .search-page .search {\n display: none;\n }\n}\n@media screen and (max-width: 1190px) {\n .columns-area__panels__pane--navigational {\n display: none;\n }\n}\n@media screen and (min-width: 1190px) {\n .tabs-bar {\n display: none;\n }\n}\n.icon-with-badge {\n position: relative;\n}\n.icon-with-badge__badge {\n position: absolute;\n left: 9px;\n top: -13px;\n background: #2b90d9;\n border: 2px solid #c0cdd9;\n padding: 1px 6px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 500;\n line-height: 14px;\n color: #000000;\n}\n\n.column-link--transparent .icon-with-badge__badge {\n border-color: #f2f5f7;\n}\n\n.compose-panel {\n width: 285px;\n margin-top: 10px;\n display: flex;\n flex-direction: column;\n height: calc(100% - 10px);\n overflow-y: hidden;\n}\n.compose-panel .navigation-bar {\n padding-top: 20px;\n padding-bottom: 20px;\n flex: 0 1 48px;\n min-height: 20px;\n}\n.compose-panel .flex-spacer {\n background: transparent;\n}\n.compose-panel .compose-form {\n flex: 1;\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n min-height: 310px;\n padding-bottom: 71px;\n margin-bottom: -71px;\n}\n.compose-panel .compose-form__autosuggest-wrapper {\n overflow-y: auto;\n background-color: #ffffff;\n border-radius: 4px 4px 0 0;\n flex: 0 1 auto;\n}\n.compose-panel .autosuggest-textarea__textarea {\n overflow-y: hidden;\n}\n.compose-panel .compose-form__upload-thumbnail {\n height: 80px;\n}\n\n.navigation-panel {\n margin-top: 10px;\n margin-bottom: 10px;\n height: calc(100% - 20px);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n}\n.navigation-panel > a {\n flex: 0 0 auto;\n}\n.navigation-panel hr {\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n border-top: 1px solid #ccd7e0;\n margin: 10px 0;\n}\n.navigation-panel .flex-spacer {\n background: transparent;\n}\n\n.drawer__pager {\n box-sizing: border-box;\n padding: 0;\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n display: flex;\n}\n\n.drawer__inner {\n position: absolute;\n top: 0;\n left: 0;\n background: #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 border-radius: 2px;\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 display: none;\n}\n.drawer__inner__mastodon > img {\n display: block;\n object-fit: contain;\n object-position: bottom left;\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-drag: none;\n user-select: none;\n}\n@media screen and (min-height: 640px) {\n .drawer__inner__mastodon {\n display: block;\n }\n}\n\n.pseudo-drawer {\n background: #b0c0cf;\n font-size: 13px;\n text-align: left;\n}\n\n.drawer__header {\n flex: 0 0 auto;\n font-size: 16px;\n background: #c0cdd9;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n border-radius: 2px;\n}\n.drawer__header a {\n transition: background 100ms ease-in;\n}\n.drawer__header a:hover {\n background: #cfd9e2;\n transition: background 200ms ease-out;\n}\n\n.scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1 1 auto;\n -webkit-overflow-scrolling: touch;\n will-change: transform;\n}\n.scrollable.optionally-scrollable {\n overflow-y: auto;\n}\n@supports (display: grid) {\n .scrollable {\n contain: strict;\n }\n}\n.scrollable--flex {\n display: flex;\n flex-direction: column;\n}\n.scrollable__append {\n flex: 1 1 auto;\n position: relative;\n min-height: 120px;\n}\n\n@supports (display: grid) {\n .scrollable.fullscreen {\n contain: none;\n }\n}\n\n.column-back-button {\n box-sizing: border-box;\n width: 100%;\n background: #ccd7e0;\n color: #2b90d9;\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n line-height: inherit;\n border: 0;\n text-align: unset;\n padding: 15px;\n margin: 0;\n z-index: 3;\n outline: 0;\n}\n.column-back-button:hover {\n text-decoration: underline;\n}\n\n.column-header__back-button {\n background: #ccd7e0;\n border: 0;\n font-family: inherit;\n color: #2b90d9;\n cursor: pointer;\n white-space: nowrap;\n font-size: 16px;\n padding: 0 5px 0 0;\n z-index: 3;\n}\n.column-header__back-button:hover {\n text-decoration: underline;\n}\n.column-header__back-button:last-child {\n padding: 0 15px 0 0;\n}\n\n.column-back-button__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-back-button--slim {\n position: relative;\n}\n\n.column-back-button--slim-button {\n cursor: pointer;\n flex: 0 0 auto;\n font-size: 16px;\n padding: 15px;\n position: absolute;\n right: 0;\n top: -48px;\n}\n\n.react-toggle {\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n user-select: none;\n -webkit-tap-highlight-color: rgba(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: background-color 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 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 transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n left: 27px;\n border-color: #2b90d9;\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, .column-link:focus, .column-link:active {\n background: #b6c5d3;\n}\n.column-link:focus {\n outline: 0;\n}\n.column-link--transparent {\n background: transparent;\n color: #282c37;\n}\n.column-link--transparent:hover, .column-link--transparent:focus, .column-link--transparent:active {\n background: transparent;\n color: #000000;\n}\n.column-link--transparent.active {\n color: #2b90d9;\n}\n\n.column-link__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.column-link__badge {\n display: inline-block;\n border-radius: 4px;\n font-size: 12px;\n line-height: 19px;\n font-weight: 500;\n background: #d9e1e8;\n padding: 4px 8px;\n margin: -6px 10px;\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.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n background: #d9e1e8;\n}\n\n.flex-spacer {\n flex: 1 1 auto;\n}\n\n.getting-started {\n color: #444b5d;\n overflow: auto;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.getting-started__wrapper, .getting-started__panel, .getting-started__footer {\n height: min-content;\n}\n.getting-started__panel, .getting-started__footer {\n padding: 10px;\n padding-top: 20px;\n flex-grow: 0;\n}\n.getting-started__panel ul, .getting-started__footer ul {\n margin-bottom: 10px;\n}\n.getting-started__panel ul li, .getting-started__footer ul li {\n display: inline;\n}\n.getting-started__panel p, .getting-started__footer p {\n font-size: 13px;\n}\n.getting-started__panel p a, .getting-started__footer p a {\n color: #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.getting-started__wrapper, .getting-started__footer {\n color: #444b5d;\n}\n.getting-started__trends {\n flex: 0 1 auto;\n opacity: 1;\n animation: fade 150ms linear;\n margin-top: 10px;\n}\n.getting-started__trends h4 {\n font-size: 12px;\n text-transform: uppercase;\n color: #282c37;\n padding: 10px;\n font-weight: 500;\n border-bottom: 1px solid #c0cdd9;\n}\n@media screen and (max-height: 810px) {\n .getting-started__trends .trends__item:nth-child(3) {\n display: none;\n }\n}\n@media screen and (max-height: 720px) {\n .getting-started__trends .trends__item:nth-child(2) {\n display: none;\n }\n}\n@media screen and (max-height: 670px) {\n .getting-started__trends {\n display: none;\n }\n}\n.getting-started__trends .trends__item {\n border-bottom: 0;\n padding: 10px;\n}\n.getting-started__trends .trends__item__current {\n color: #282c37;\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 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}\n.setting-text:focus {\n outline: 0;\n}\n@media screen and (max-width: 600px) {\n .setting-text {\n font-size: 16px;\n }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n background-position: 0 0;\n height: 19px;\n transition: background-position 0.9s steps(10);\n transition-duration: 0s;\n vertical-align: middle;\n width: 22px;\n}\n.no-reduce-motion button.icon-button i.fa-retweet::before {\n display: none !important;\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n transition-duration: 0.9s;\n background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n color: #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.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: 8px;\n padding: 12px 9px;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.status-card__actions button,\n.status-card__actions a {\n display: inline;\n color: #282c37;\n background: transparent;\n border: 0;\n padding: 0 8px;\n text-decoration: none;\n font-size: 18px;\n line-height: 18px;\n}\n.status-card__actions button:hover, .status-card__actions button:active, .status-card__actions button:focus,\n.status-card__actions a:hover,\n.status-card__actions a:active,\n.status-card__actions a:focus {\n color: #000000;\n}\n.status-card__actions a {\n font-size: 19px;\n position: relative;\n bottom: -1px;\n}\n\na.status-card {\n cursor: pointer;\n}\na.status-card:hover {\n background: #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.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.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.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 border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n}\n.column-header > button {\n margin: 0;\n border: 0;\n padding: 15px 0 15px 15px;\n color: inherit;\n background: transparent;\n font: inherit;\n text-align: left;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex: 1;\n}\n.column-header > .column-header__back-button {\n color: #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-header__buttons {\n height: 48px;\n display: flex;\n}\n\n.column-header__links {\n margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n margin-right: 10px;\n}\n\n.column-header__button {\n background: #ccd7e0;\n border: 0;\n color: #282c37;\n cursor: pointer;\n font-size: 16px;\n padding: 0 15px;\n}\n.column-header__button:hover {\n color: #191b22;\n}\n.column-header__button.active {\n color: #000000;\n background: #c0cdd9;\n}\n.column-header__button.active:hover {\n color: #000000;\n background: #c0cdd9;\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\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.text-btn {\n display: inline-block;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n.column-header__icon {\n display: inline-block;\n margin-right: 5px;\n}\n\n.loading-indicator {\n color: #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.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 padding: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n appearance: none;\n}\n.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {\n padding: 0;\n color: #17191f;\n}\n\n.media-spoiler__warning {\n display: block;\n font-size: 14px;\n}\n\n.media-spoiler__trigger {\n display: block;\n font-size: 11px;\n font-weight: 700;\n}\n\n.spoiler-button {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 100;\n}\n.spoiler-button--minified {\n display: block;\n left: 4px;\n top: 4px;\n width: auto;\n height: auto;\n}\n.spoiler-button--click-thru {\n pointer-events: none;\n}\n.spoiler-button--hidden {\n display: none;\n}\n.spoiler-button__overlay {\n display: block;\n background: transparent;\n width: 100%;\n height: 100%;\n border: 0;\n}\n.spoiler-button__overlay__label {\n display: inline-block;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 8px;\n padding: 8px 12px;\n color: #000000;\n font-weight: 500;\n font-size: 14px;\n}\n.spoiler-button__overlay:hover .spoiler-button__overlay__label, .spoiler-button__overlay:focus .spoiler-button__overlay__label, .spoiler-button__overlay:active .spoiler-button__overlay__label {\n background: rgba(255, 255, 255, 0.8);\n}\n.spoiler-button__overlay:disabled .spoiler-button__overlay__label {\n background: rgba(255, 255, 255, 0.5);\n}\n\n.modal-container--preloader {\n background: #c0cdd9;\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: 0;\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::placeholder {\n color: #1f232b;\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.setting-toggle {\n display: block;\n line-height: 24px;\n}\n\n.setting-toggle__label {\n color: #282c37;\n display: inline-block;\n margin-bottom: 14px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #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 > span,\n.error-column > span {\n max-width: 400px;\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@keyframes heartbeat {\n from {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n 10% {\n transform: scale(0.91);\n animation-timing-function: ease-in;\n }\n 17% {\n transform: scale(0.98);\n animation-timing-function: ease-out;\n }\n 33% {\n transform: scale(0.87);\n animation-timing-function: ease-in;\n }\n 45% {\n transform: scale(1);\n animation-timing-function: ease-out;\n }\n}\n.no-reduce-motion .pulse-loading {\n transform-origin: center center;\n animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n 0%, 100% {\n transform: rotate(0deg);\n transform-origin: 50% 100%;\n }\n 10% {\n transform: rotate(2deg);\n }\n 20%, 40%, 60% {\n transform: rotate(-4deg);\n }\n 30%, 50%, 70% {\n transform: rotate(4deg);\n }\n 80% {\n transform: rotate(-2deg);\n }\n 90% {\n transform: rotate(2deg);\n }\n}\n.no-reduce-motion .shake-bottom {\n transform-origin: 50% 100%;\n animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n background: #ffffff;\n position: absolute;\n box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-top: 5px;\n z-index: 2;\n}\n.emoji-picker-dropdown__menu .emoji-mart-scroll {\n transition: opacity 200ms ease;\n}\n.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {\n opacity: 0.5;\n}\n\n.emoji-picker-dropdown__modifiers {\n position: absolute;\n top: 60px;\n right: 11px;\n cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n position: absolute;\n z-index: 4;\n top: -4px;\n left: -8px;\n background: #ffffff;\n border-radius: 4px;\n box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.emoji-picker-dropdown__modifiers__menu button {\n display: block;\n cursor: pointer;\n border: 0;\n padding: 4px 8px;\n background: transparent;\n}\n.emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active {\n background: rgba(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.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 #b0c0cf;\n border-radius: 4px;\n}\n\n.upload-progress {\n padding: 10px;\n color: #282c37;\n overflow: hidden;\n display: flex;\n}\n.upload-progress .fa {\n font-size: 34px;\n margin-right: 10px;\n}\n.upload-progress span {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 500;\n display: block;\n}\n\n.upload-progess__message {\n flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n width: 100%;\n height: 6px;\n border-radius: 6px;\n background: #b0c0cf;\n position: relative;\n margin-top: 5px;\n}\n\n.upload-progress__tracker {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n background: #2b90d9;\n border-radius: 6px;\n}\n\n.emoji-button {\n display: block;\n font-size: 24px;\n line-height: 24px;\n margin-left: 2px;\n width: 24px;\n outline: 0;\n cursor: pointer;\n}\n.emoji-button:active, .emoji-button:focus {\n outline: 0 !important;\n}\n.emoji-button img {\n filter: grayscale(100%);\n opacity: 0.8;\n display: block;\n margin: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n}\n.emoji-button:hover img, .emoji-button:active img, .emoji-button:focus img {\n opacity: 1;\n filter: none;\n}\n\n.dropdown--active .emoji-button img {\n opacity: 1;\n filter: none;\n}\n\n.privacy-dropdown__dropdown {\n position: absolute;\n background: #ffffff;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n border-radius: 4px;\n margin-left: 40px;\n overflow: hidden;\n}\n.privacy-dropdown__dropdown.top {\n transform-origin: 50% 100%;\n}\n.privacy-dropdown__dropdown.bottom {\n transform-origin: 50% 0;\n}\n\n.privacy-dropdown__option {\n color: #000000;\n padding: 10px;\n cursor: pointer;\n display: flex;\n}\n.privacy-dropdown__option:hover, .privacy-dropdown__option.active {\n background: #2b90d9;\n color: #000000;\n outline: 0;\n}\n.privacy-dropdown__option:hover .privacy-dropdown__option__content, .privacy-dropdown__option.active .privacy-dropdown__option__content {\n color: #000000;\n}\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .privacy-dropdown__option.active .privacy-dropdown__option__content strong {\n color: #000000;\n}\n.privacy-dropdown__option.active:hover {\n background: #2485cb;\n}\n\n.privacy-dropdown__option__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n flex: 1 1 auto;\n color: #282c37;\n}\n.privacy-dropdown__option__content strong {\n font-weight: 500;\n display: block;\n color: #000000;\n}\n.privacy-dropdown__option__content strong:lang(ja) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(ko) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-CN) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-HK) {\n font-weight: 700;\n}\n.privacy-dropdown__option__content strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value {\n background: #ffffff;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);\n}\n.privacy-dropdown.active .privacy-dropdown__value .icon-button {\n transition: none;\n}\n.privacy-dropdown.active .privacy-dropdown__value.active {\n background: #2b90d9;\n}\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n color: #000000;\n}\n.privacy-dropdown.active.top .privacy-dropdown__value {\n border-radius: 0 0 4px 4px;\n}\n.privacy-dropdown.active .privacy-dropdown__dropdown {\n display: block;\n box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.search {\n position: relative;\n}\n\n.search__input {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 0;\n box-shadow: none;\n font-family: inherit;\n background: #d9e1e8;\n color: #282c37;\n font-size: 14px;\n margin: 0;\n display: block;\n padding: 15px;\n padding-right: 30px;\n line-height: 18px;\n font-size: 16px;\n}\n.search__input::placeholder {\n color: #1f232b;\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::-moz-focus-inner {\n border: 0;\n}\n.search__icon::-moz-focus-inner, .search__icon:focus {\n outline: 0 !important;\n}\n.search__icon .fa {\n position: absolute;\n top: 16px;\n right: 10px;\n z-index: 2;\n display: inline-block;\n opacity: 0;\n transition: all 100ms linear;\n transition-property: transform, opacity;\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: #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: 17px;\n transform: rotate(0deg);\n color: #606984;\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: #51596f;\n}\n\n.search-results__header {\n color: #444b5d;\n background: #d3dce4;\n padding: 15px;\n font-weight: 500;\n font-size: 16px;\n cursor: default;\n}\n.search-results__header .fa {\n display: inline-block;\n margin-right: 5px;\n}\n\n.search-results__section {\n margin-bottom: 5px;\n}\n.search-results__section h5 {\n background: #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.search-results__section h5 .fa {\n display: inline-block;\n margin-right: 5px;\n}\n.search-results__section .account:last-child, .search-results__section > div:last-child .status {\n border-bottom: 0;\n}\n\n.search-results__hashtag {\n display: block;\n padding: 10px;\n color: #282c37;\n text-decoration: none;\n}\n.search-results__hashtag:hover, .search-results__hashtag:active, .search-results__hashtag:focus {\n color: #1f232b;\n text-decoration: underline;\n}\n\n.search-results__info {\n padding: 20px;\n color: #282c37;\n text-align: center;\n}\n\n.modal-root {\n position: relative;\n transition: opacity 0.3s linear;\n will-change: opacity;\n z-index: 9999;\n}\n\n.modal-root__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(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.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__meta {\n text-align: center;\n position: absolute;\n left: 0;\n bottom: 20px;\n width: 100%;\n pointer-events: none;\n}\n.media-modal__meta--shifted {\n bottom: 62px;\n}\n.media-modal__meta a {\n text-decoration: none;\n font-weight: 500;\n color: #282c37;\n}\n.media-modal__meta a:hover, .media-modal__meta a:focus, .media-modal__meta a:active {\n text-decoration: underline;\n}\n\n.media-modal__page-dot {\n display: inline-block;\n}\n\n.media-modal__button {\n background-color: #000000;\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.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.error-modal__body {\n height: 80vh;\n width: 80vw;\n max-width: 520px;\n max-height: 420px;\n position: relative;\n}\n.error-modal__body > div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 25px;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: flex;\n opacity: 0;\n user-select: text;\n}\n\n.error-modal__body {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n flex: 0 0 auto;\n background: #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.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.onboard-sliders {\n display: inline-block;\n max-width: 30px;\n max-height: auto;\n margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n background: #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,\n.confirmation-modal .status__display-name,\n.report-modal .status__display-name,\n.actions-modal .status__display-name,\n.mute-modal .status__display-name,\n.block-modal .status__display-name {\n display: block;\n max-width: 100%;\n padding-right: 25px;\n}\n.boost-modal .status__avatar,\n.confirmation-modal .status__avatar,\n.report-modal .status__avatar,\n.actions-modal .status__avatar,\n.mute-modal .status__avatar,\n.block-modal .status__avatar {\n height: 28px;\n left: 10px;\n position: absolute;\n top: 10px;\n width: 48px;\n}\n.boost-modal .status__content__spoiler-link,\n.confirmation-modal .status__content__spoiler-link,\n.report-modal .status__content__spoiler-link,\n.actions-modal .status__content__spoiler-link,\n.mute-modal .status__content__spoiler-link,\n.block-modal .status__content__spoiler-link {\n color: #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 overflow-x: scroll;\n padding: 10px;\n}\n.boost-modal__container .status {\n user-select: text;\n border-bottom: 0;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n display: flex;\n justify-content: space-between;\n background: #282c37;\n padding: 10px;\n line-height: 36px;\n}\n.boost-modal__action-bar > div,\n.confirmation-modal__action-bar > div,\n.mute-modal__action-bar > div,\n.block-modal__action-bar > div {\n flex: 1 1 auto;\n text-align: right;\n color: #282c37;\n padding-right: 10px;\n}\n.boost-modal__action-bar .button,\n.confirmation-modal__action-bar .button,\n.mute-modal__action-bar .button,\n.block-modal__action-bar .button {\n flex: 0 0 auto;\n}\n\n.boost-modal__status-header {\n font-size: 15px;\n}\n\n.boost-modal__status-time {\n float: right;\n font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n vertical-align: middle;\n}\n\n.report-modal {\n width: 90vw;\n max-width: 700px;\n}\n\n.report-modal__container {\n display: flex;\n border-top: 1px solid #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.focal-point-modal__content {\n flex: 1 1 auto;\n min-height: 20vh;\n max-height: 80vh;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.report-modal__statuses .status__content a,\n.focal-point-modal__content .status__content a {\n color: #2b90d9;\n}\n.report-modal__statuses .status__content,\n.report-modal__statuses .status__content p,\n.focal-point-modal__content .status__content,\n.focal-point-modal__content .status__content p {\n color: #000000;\n}\n@media screen and (max-width: 480px) {\n .report-modal__statuses,\n.focal-point-modal__content {\n max-height: 10vh;\n }\n}\n\n@media screen and (max-width: 480px) {\n .focal-point-modal__content {\n max-height: 40vh;\n }\n}\n\n.report-modal__comment {\n padding: 20px;\n border-right: 1px solid #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: none;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 1px solid #282c37;\n min-height: 100px;\n max-height: 50vh;\n margin-bottom: 10px;\n}\n.report-modal__comment .setting-text:focus {\n border: 1px solid #393f4f;\n}\n.report-modal__comment .setting-text__wrapper {\n background: #ffffff;\n border: 1px solid #282c37;\n margin-bottom: 10px;\n border-radius: 4px;\n}\n.report-modal__comment .setting-text__wrapper .setting-text {\n border: 0;\n margin-bottom: 0;\n border-radius: 0;\n}\n.report-modal__comment .setting-text__wrapper .setting-text:focus {\n border: 0;\n}\n.report-modal__comment .setting-text__wrapper__modifiers {\n color: #000000;\n font-family: inherit;\n font-size: 14px;\n background: #ffffff;\n}\n.report-modal__comment .setting-text__toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n.report-modal__comment .setting-text-label {\n display: block;\n color: #000000;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.report-modal__comment .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n}\n.report-modal__comment .setting-toggle__label {\n color: #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.actions-modal {\n max-height: 80vh;\n max-width: 80vw;\n}\n.actions-modal .status {\n overflow-y: auto;\n max-height: 300px;\n}\n.actions-modal .actions-modal__item-label {\n font-weight: 500;\n}\n.actions-modal ul {\n overflow-y: auto;\n flex-shrink: 0;\n max-height: 80vh;\n}\n.actions-modal ul.with-status {\n max-height: calc(80vh - 75px);\n}\n.actions-modal ul li:empty {\n margin: 0;\n}\n.actions-modal ul li:not(:empty) a {\n color: #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 button:first-child {\n margin-right: 10px;\n}\n\n.confirmation-modal__action-bar .confirmation-modal__secondary-button,\n.mute-modal__action-bar .confirmation-modal__secondary-button,\n.block-modal__action-bar .confirmation-modal__secondary-button {\n flex-shrink: 1;\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n background-color: transparent;\n color: #282c37;\n font-size: 14px;\n font-weight: 500;\n}\n.confirmation-modal__secondary-button:hover, .confirmation-modal__secondary-button:focus, .confirmation-modal__secondary-button:active,\n.confirmation-modal__cancel-button:hover,\n.confirmation-modal__cancel-button:focus,\n.confirmation-modal__cancel-button:active,\n.mute-modal__cancel-button:hover,\n.mute-modal__cancel-button:focus,\n.mute-modal__cancel-button:active,\n.block-modal__cancel-button:hover,\n.block-modal__cancel-button:focus,\n.block-modal__cancel-button:active {\n color: #313543;\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n padding: 30px;\n font-size: 16px;\n}\n.confirmation-modal__container strong,\n.mute-modal__container strong,\n.block-modal__container strong,\n.report-modal__target strong {\n font-weight: 500;\n}\n.confirmation-modal__container strong:lang(ja),\n.mute-modal__container strong:lang(ja),\n.block-modal__container strong:lang(ja),\n.report-modal__target strong:lang(ja) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(ko),\n.mute-modal__container strong:lang(ko),\n.block-modal__container strong:lang(ko),\n.report-modal__target strong:lang(ko) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-CN),\n.mute-modal__container strong:lang(zh-CN),\n.block-modal__container strong:lang(zh-CN),\n.report-modal__target strong:lang(zh-CN) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-HK),\n.mute-modal__container strong:lang(zh-HK),\n.block-modal__container strong:lang(zh-HK),\n.report-modal__target strong:lang(zh-HK) {\n font-weight: 700;\n}\n.confirmation-modal__container strong:lang(zh-TW),\n.mute-modal__container strong:lang(zh-TW),\n.block-modal__container strong:lang(zh-TW),\n.report-modal__target strong:lang(zh-TW) {\n font-weight: 700;\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n text-align: center;\n}\n\n.block-modal__explanation,\n.mute-modal__explanation {\n margin-top: 20px;\n}\n.block-modal .setting-toggle,\n.mute-modal .setting-toggle {\n margin-top: 20px;\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n}\n.block-modal .setting-toggle__label,\n.mute-modal .setting-toggle__label {\n color: #000000;\n margin: 0;\n margin-left: 8px;\n}\n\n.report-modal__target {\n padding: 15px;\n}\n.report-modal__target .media-modal__close {\n top: 14px;\n right: 15px;\n}\n\n.loading-bar {\n background-color: #2b90d9;\n height: 3px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n display: block;\n position: absolute;\n color: #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 line-height: 18px;\n}\n\n.media-gallery__gifv.autoplay .media-gallery__gifv__label {\n display: none;\n}\n.media-gallery__gifv:hover .media-gallery__gifv__label {\n opacity: 1;\n}\n\n.media-gallery__audio {\n margin-top: 32px;\n}\n.media-gallery__audio audio {\n width: 100%;\n}\n\n.attachment-list {\n display: flex;\n font-size: 14px;\n border: 1px solid #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/* Media Gallery */\n.media-gallery {\n box-sizing: border-box;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 4px;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item {\n border: 0;\n box-sizing: border-box;\n display: block;\n float: left;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {\n transform: none;\n top: 0;\n}\n\n.media-gallery__item-thumbnail {\n cursor: zoom-in;\n display: block;\n text-decoration: none;\n color: #282c37;\n position: relative;\n z-index: 1;\n}\n.media-gallery__item-thumbnail,\n.media-gallery__item-thumbnail img {\n height: 100%;\n width: 100%;\n}\n.media-gallery__item-thumbnail img {\n object-fit: cover;\n}\n\n.media-gallery__preview {\n width: 100%;\n height: 100%;\n object-fit: cover;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n background: #ffffff;\n}\n.media-gallery__preview--hidden {\n display: none;\n}\n\n.media-gallery__gifv {\n height: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n cursor: zoom-in;\n height: 100%;\n object-fit: cover;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n position: absolute;\n}\n\n/* End Media Gallery */\n.detailed .video-player__volume__current,\n.detailed .video-player__volume::before,\n.fullscreen .video-player__volume__current,\n.fullscreen .video-player__volume::before {\n bottom: 27px;\n}\n.detailed .video-player__volume__handle,\n.fullscreen .video-player__volume__handle {\n bottom: 23px;\n}\n\n.audio-player {\n box-sizing: border-box;\n position: relative;\n background: #f2f5f7;\n border-radius: 4px;\n padding-bottom: 44px;\n}\n.audio-player.editable {\n border-radius: 0;\n height: 100%;\n}\n.audio-player__waveform {\n padding: 15px 0;\n position: relative;\n overflow: hidden;\n}\n.audio-player__waveform::before {\n content: \"\";\n display: block;\n position: absolute;\n border-top: 1px solid #ccd7e0;\n width: 100%;\n height: 0;\n left: 0;\n top: calc(50% + 1px);\n}\n.audio-player__progress-placeholder {\n background-color: rgba(33, 122, 186, 0.5);\n}\n.audio-player__wave-placeholder {\n background-color: #a6b9c9;\n}\n.audio-player .video-player__controls {\n padding: 0 15px;\n padding-top: 10px;\n background: #f2f5f7;\n border-top: 1px solid #ccd7e0;\n border-radius: 0 0 4px 4px;\n}\n\n.video-player {\n overflow: hidden;\n position: relative;\n background: #000000;\n max-width: 100%;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.video-player.editable {\n border-radius: 0;\n height: 100% !important;\n}\n.video-player:focus {\n outline: 0;\n}\n.video-player video {\n max-width: 100vw;\n max-height: 80vh;\n z-index: 1;\n}\n.video-player.fullscreen {\n width: 100% !important;\n height: 100% !important;\n margin: 0;\n}\n.video-player.fullscreen video {\n max-width: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n height: 100% !important;\n}\n.video-player.inline video {\n object-fit: contain;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n.video-player__controls {\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);\n padding: 0 15px;\n opacity: 0;\n transition: opacity 0.1s ease;\n}\n.video-player__controls.active {\n opacity: 1;\n}\n.video-player.inactive video,\n.video-player.inactive .video-player__controls {\n visibility: hidden;\n}\n.video-player__spoiler {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n border: 0;\n background: #ffffff;\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__link {\n padding: 2px 10px;\n}\n.video-player__link a {\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n}\n.video-player__link a:hover, .video-player__link a:active, .video-player__link a:focus {\n text-decoration: underline;\n}\n.video-player__seek {\n cursor: pointer;\n height: 24px;\n position: relative;\n}\n.video-player__seek::before {\n content: \"\";\n width: 100%;\n background: rgba(255, 255, 255, 0.35);\n border-radius: 4px;\n display: block;\n position: absolute;\n height: 4px;\n top: 10px;\n}\n.video-player__seek__progress, .video-player__seek__buffer {\n display: block;\n position: absolute;\n height: 4px;\n border-radius: 4px;\n top: 10px;\n background: #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.directory__list {\n width: 100%;\n margin: 10px 0;\n transition: opacity 100ms ease-in;\n}\n.directory__list.loading {\n opacity: 0.7;\n}\n@media screen and (max-width: 415px) {\n .directory__list {\n margin: 0;\n }\n}\n.directory__card {\n box-sizing: border-box;\n margin-bottom: 10px;\n}\n.directory__card__img {\n height: 125px;\n position: relative;\n background: white;\n overflow: hidden;\n}\n.directory__card__img img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n object-fit: cover;\n}\n.directory__card__bar {\n display: flex;\n align-items: center;\n background: #ccd7e0;\n padding: 10px;\n}\n.directory__card__bar__name {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n}\n.directory__card__bar__relationship {\n width: 23px;\n min-height: 1px;\n flex: 0 0 auto;\n}\n.directory__card__bar .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n padding-top: 2px;\n}\n.directory__card__bar .avatar img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: #f2f5f7;\n object-fit: cover;\n}\n.directory__card__bar .display-name {\n margin-left: 15px;\n text-align: left;\n}\n.directory__card__bar .display-name strong {\n font-size: 15px;\n color: #000000;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__card__bar .display-name span {\n display: block;\n font-size: 14px;\n color: #282c37;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__card__extra {\n background: #d9e1e8;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.directory__card__extra .accounts-table__count {\n width: 33.33%;\n flex: 0 0 auto;\n padding: 15px 0;\n}\n.directory__card__extra .account__header__content {\n box-sizing: border-box;\n padding: 15px 10px;\n border-bottom: 1px solid #c0cdd9;\n width: 100%;\n min-height: 48px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.directory__card__extra .account__header__content p {\n display: none;\n}\n.directory__card__extra .account__header__content p:first-child {\n display: inline;\n}\n.directory__card__extra .account__header__content br {\n display: none;\n}\n\n.account-gallery__container {\n display: flex;\n flex-wrap: wrap;\n padding: 4px 2px;\n}\n\n.account-gallery__item {\n border: 0;\n box-sizing: border-box;\n display: block;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n margin: 2px;\n}\n.account-gallery__item__icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n}\n\n.notification__filter-bar,\n.account__section-headline {\n background: #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.notification__filter-bar.directory__section-headline,\n.account__section-headline.directory__section-headline {\n background: #dfe6ec;\n border-bottom-color: transparent;\n}\n.notification__filter-bar.directory__section-headline a.active::before,\n.notification__filter-bar.directory__section-headline button.active::before,\n.account__section-headline.directory__section-headline a.active::before,\n.account__section-headline.directory__section-headline button.active::before {\n display: none;\n}\n.notification__filter-bar.directory__section-headline a.active::after,\n.notification__filter-bar.directory__section-headline button.active::after,\n.account__section-headline.directory__section-headline a.active::after,\n.account__section-headline.directory__section-headline button.active::after {\n border-color: transparent transparent #eff3f5;\n}\n\n.filter-form {\n background: #d9e1e8;\n}\n.filter-form__column {\n padding: 10px 15px;\n}\n.filter-form .radio-button {\n display: block;\n}\n\n.radio-button {\n font-size: 14px;\n position: relative;\n display: inline-block;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.radio-button input[type=radio],\n.radio-button input[type=checkbox] {\n display: none;\n}\n.radio-button__input {\n display: inline-block;\n position: relative;\n border: 1px solid #9bcbed;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 50%;\n vertical-align: middle;\n}\n.radio-button__input.checked {\n border-color: #217aba;\n background: #217aba;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0;\n}\n\n.search-popout {\n background: #ffffff;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: #444b5d;\n box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);\n}\n.search-popout h4 {\n text-transform: uppercase;\n color: #444b5d;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n}\n.search-popout li {\n padding: 4px 0;\n}\n.search-popout ul {\n margin-bottom: 10px;\n}\n.search-popout em {\n font-weight: 500;\n color: #000000;\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}\n@media screen and (max-width: 630px) and (max-height: 400px) {\n .tabs-bar,\n.search {\n will-change: margin-top;\n transition: margin-top 400ms 100ms;\n }\n\n .navigation-bar {\n will-change: padding-bottom;\n transition: padding-bottom 400ms 100ms;\n }\n\n .navigation-bar > a:first-child {\n will-change: margin-top, margin-left, margin-right, width;\n transition: margin-top 400ms 100ms, margin-left 400ms 500ms, margin-right 400ms 500ms;\n }\n .navigation-bar > .navigation-bar__profile-edit {\n will-change: margin-top;\n transition: margin-top 400ms 100ms;\n }\n .navigation-bar .navigation-bar__actions > .icon-button.close {\n will-change: opacity transform;\n transition: opacity 200ms 100ms, transform 400ms 100ms;\n }\n .navigation-bar .navigation-bar__actions > .compose__action-bar .icon-button {\n will-change: opacity transform;\n transition: opacity 200ms 300ms, transform 400ms 100ms;\n }\n\n .is-composing .tabs-bar,\n.is-composing .search {\n margin-top: -50px;\n }\n .is-composing .navigation-bar {\n padding-bottom: 0;\n }\n .is-composing .navigation-bar > a:first-child {\n margin: -100px 10px 0 -50px;\n }\n .is-composing .navigation-bar .navigation-bar__profile {\n padding-top: 2px;\n }\n .is-composing .navigation-bar .navigation-bar__profile-edit {\n position: absolute;\n margin-top: -60px;\n }\n .is-composing .navigation-bar .navigation-bar__actions .icon-button.close {\n pointer-events: auto;\n opacity: 1;\n transform: scale(1, 1) translate(0, 0);\n bottom: 5px;\n }\n .is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {\n pointer-events: none;\n opacity: 0;\n transform: scale(0, 1) translate(100%, 0);\n }\n}\n.embed-modal {\n max-width: 80vw;\n max-height: 80vh;\n}\n.embed-modal h4 {\n padding: 30px;\n font-weight: 500;\n font-size: 16px;\n text-align: center;\n}\n.embed-modal .embed-modal__container {\n padding: 10px;\n}\n.embed-modal .embed-modal__container .hint {\n margin-bottom: 15px;\n}\n.embed-modal .embed-modal__container .embed-modal__html {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 0;\n padding: 10px;\n font-family: \"mastodon-font-monospace\", monospace;\n background: #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.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.column-inline-form {\n padding: 15px;\n padding-right: 0;\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}\n.column-inline-form label input:focus {\n outline: 0;\n}\n.column-inline-form .icon-button {\n flex: 0 0 auto;\n margin: 0 10px;\n}\n\n.drawer__backdrop {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.5);\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.focal-point {\n position: relative;\n cursor: move;\n overflow: hidden;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #000000;\n}\n.focal-point img,\n.focal-point video {\n display: block;\n max-height: 80vh;\n width: 100%;\n height: auto;\n margin: 0;\n object-fit: contain;\n background: #000000;\n}\n.focal-point__reticle {\n position: absolute;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%);\n background: url(\"~images/reticle.png\") no-repeat 0 0;\n border-radius: 50%;\n box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.35);\n}\n.focal-point__overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.focal-point__preview {\n position: absolute;\n bottom: 10px;\n right: 10px;\n z-index: 2;\n cursor: move;\n transition: opacity 0.1s ease;\n}\n.focal-point__preview:hover {\n opacity: 0.5;\n}\n.focal-point__preview strong {\n color: #000000;\n font-size: 14px;\n font-weight: 500;\n display: block;\n margin-bottom: 5px;\n}\n.focal-point__preview div {\n border-radius: 4px;\n box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);\n}\n@media screen and (max-width: 480px) {\n .focal-point img,\n.focal-point video {\n max-height: 100%;\n }\n .focal-point__preview {\n display: none;\n }\n}\n\n.account__header__content {\n color: #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: #3c754d;\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.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 font-size: 24px;\n line-height: 36px;\n font-weight: 500;\n text-align: right;\n padding-right: 15px;\n margin-left: 5px;\n color: #282c37;\n}\n.trends__item__sparkline {\n flex: 0 0 auto;\n width: 50px;\n}\n.trends__item__sparkline path:first-child {\n fill: rgba(43, 144, 217, 0.25) !important;\n fill-opacity: 1 !important;\n}\n.trends__item__sparkline path:last-child {\n stroke: #2380c3 !important;\n}\n\n.conversation {\n display: flex;\n border-bottom: 1px solid #c0cdd9;\n padding: 5px;\n padding-bottom: 0;\n}\n.conversation:focus {\n background: #d3dce4;\n outline: 0;\n}\n.conversation__avatar {\n flex: 0 0 auto;\n padding: 10px;\n padding-top: 12px;\n}\n.conversation__content {\n flex: 1 1 auto;\n padding: 10px 5px;\n padding-right: 15px;\n word-break: break-all;\n overflow: hidden;\n}\n.conversation__content__info {\n overflow: hidden;\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n}\n.conversation__content__relative-time {\n font-size: 15px;\n color: #282c37;\n padding-left: 15px;\n}\n.conversation__content__names {\n color: #282c37;\n font-size: 15px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 4px;\n flex-basis: 170px;\n flex-shrink: 1000;\n}\n.conversation__content__names a {\n color: #000000;\n text-decoration: none;\n}\n.conversation__content__names a:hover, .conversation__content__names a:focus, .conversation__content__names a:active {\n text-decoration: underline;\n}\n\n.poll {\n margin-top: 16px;\n font-size: 14px;\n}\n.poll li {\n margin-bottom: 10px;\n position: relative;\n}\n.poll__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: #d8eaf8;\n}\n.poll__chart.leading {\n background: #2b90d9;\n}\n.poll__text {\n position: relative;\n display: flex;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n overflow: hidden;\n}\n.poll__text input[type=radio],\n.poll__text input[type=checkbox] {\n display: none;\n}\n.poll__text .autossugest-input {\n flex: 1 1 auto;\n}\n.poll__text input[type=text] {\n display: block;\n box-sizing: border-box;\n width: 100%;\n font-size: 14px;\n color: #000000;\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 #9bcbed;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 50%;\n vertical-align: middle;\n margin-top: auto;\n margin-bottom: auto;\n flex: 0 0 18px;\n}\n.poll__input.checkbox {\n border-radius: 4px;\n}\n.poll__input.active {\n border-color: #3c754d;\n background: #3c754d;\n}\n.poll__number {\n display: inline-block;\n width: 52px;\n font-weight: 700;\n padding: 0 10px;\n padding-left: 8px;\n text-align: right;\n margin-top: auto;\n margin-bottom: auto;\n flex: 0 0 52px;\n}\n.poll__vote__mark {\n float: left;\n line-height: 18px;\n}\n.poll__footer {\n padding-top: 6px;\n padding-bottom: 5px;\n color: #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 {\n text-decoration: none;\n}\n.poll__link:active, .poll__link:focus {\n background-color: rgba(68, 75, 93, 0.1);\n}\n.poll .button {\n height: 36px;\n padding: 0 16px;\n margin-right: 10px;\n font-size: 14px;\n}\n\n.compose-form__poll-wrapper {\n border-top: 1px solid 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 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(216, 234, 248, 0.2);\n}\n.muted .poll__chart.leading {\n background: rgba(43, 144, 217, 0.2);\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=\"%23B0C0CF\"/></svg>') repeat-x bottom fixed;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n}\n\n.modal-layout__mastodon {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-end;\n}\n.modal-layout__mastodon > * {\n flex: 1;\n max-height: 235px;\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n.emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: #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: -1px;\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: #2b90d9;\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.container {\n box-sizing: border-box;\n max-width: 1235px;\n margin: 0 auto;\n position: relative;\n}\n@media screen and (max-width: 1255px) {\n .container {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.7;\n word-wrap: break-word;\n color: #282c37;\n}\n.rich-formatting a {\n color: #2b90d9;\n text-decoration: underline;\n}\n.rich-formatting a:hover, .rich-formatting a:focus, .rich-formatting a:active {\n text-decoration: none;\n}\n.rich-formatting p,\n.rich-formatting li {\n color: #282c37;\n}\n.rich-formatting p {\n margin-top: 0;\n margin-bottom: 0.85em;\n}\n.rich-formatting p:last-child {\n margin-bottom: 0;\n}\n.rich-formatting strong {\n font-weight: 700;\n color: #282c37;\n}\n.rich-formatting em {\n font-style: italic;\n color: #282c37;\n}\n.rich-formatting code {\n font-size: 0.85em;\n background: #f2f5f7;\n border-radius: 4px;\n padding: 0.2em 0.3em;\n}\n.rich-formatting h1,\n.rich-formatting h2,\n.rich-formatting h3,\n.rich-formatting h4,\n.rich-formatting h5,\n.rich-formatting h6 {\n font-family: \"mastodon-font-display\", sans-serif;\n margin-top: 1.275em;\n margin-bottom: 0.85em;\n font-weight: 500;\n color: #282c37;\n}\n.rich-formatting h1 {\n font-size: 2em;\n}\n.rich-formatting h2 {\n font-size: 1.75em;\n}\n.rich-formatting h3 {\n font-size: 1.5em;\n}\n.rich-formatting h4 {\n font-size: 1.25em;\n}\n.rich-formatting h5,\n.rich-formatting h6 {\n font-size: 1em;\n}\n.rich-formatting ul {\n list-style: disc;\n}\n.rich-formatting ol {\n list-style: decimal;\n}\n.rich-formatting ul,\n.rich-formatting ol {\n margin: 0;\n padding: 0;\n padding-left: 2em;\n margin-bottom: 0.85em;\n}\n.rich-formatting ul[type=a],\n.rich-formatting ol[type=a] {\n list-style-type: lower-alpha;\n}\n.rich-formatting ul[type=i],\n.rich-formatting ol[type=i] {\n list-style-type: lower-roman;\n}\n.rich-formatting hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid #ccd7e0;\n margin: 1.7em 0;\n}\n.rich-formatting hr.spacer {\n height: 1px;\n border: 0;\n}\n.rich-formatting table {\n width: 100%;\n border-collapse: collapse;\n break-inside: auto;\n margin-top: 24px;\n margin-bottom: 32px;\n}\n.rich-formatting table thead tr,\n.rich-formatting table tbody tr {\n break-after: auto;\n break-inside: avoid;\n border-bottom: 1px solid #ccd7e0;\n font-size: 1em;\n line-height: 1.625;\n font-weight: 400;\n text-align: left;\n color: #282c37;\n}\n.rich-formatting table thead tr {\n border-bottom-width: 2px;\n line-height: 1.5;\n font-weight: 500;\n color: #444b5d;\n}\n.rich-formatting table th,\n.rich-formatting table td {\n padding: 8px;\n align-self: start;\n align-items: start;\n}\n.rich-formatting table th.nowrap,\n.rich-formatting table td.nowrap {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 25%;\n}\n.rich-formatting > :first-child {\n margin-top: 0;\n}\n\n.information-board {\n background: #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: \"mastodon-font-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: \"mastodon-font-display\", sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n}\n@media screen and (max-width: 700px) {\n .information-board__section {\n text-align: center;\n }\n}\n.information-board .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: #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: \"mastodon-font-display\", 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 margin: 0 auto;\n margin-bottom: 15px;\n}\n.information-board .owner .avatar img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n}\n.information-board .owner .name {\n font-size: 14px;\n}\n.information-board .owner .name a {\n display: block;\n color: #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: \"mastodon-font-sans-serif\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: #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: \"mastodon-font-display\", 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: \"mastodon-font-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: \"mastodon-font-display\", 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: \"mastodon-font-display\", 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: \"mastodon-font-display\", 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: \"mastodon-font-display\", 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: \"mastodon-font-display\", 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(176, 192, 207, 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: #d9e1e8;\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}\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 svg {\n fill: #000000;\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: \"mastodon-font-display\", sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n}\n.landing .hero-widget__counter span {\n font-size: 14px;\n color: #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: #9bcbed;\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: \"mastodon-font-monospace\", monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: #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__form {\n padding: 16px;\n border: 1px solid #f2f5f7;\n border-top: 0;\n background: #d9e1e8;\n}\n.batch-table__form .fields-row {\n padding-top: 0;\n margin-bottom: 0;\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__row__content--with-image {\n display: flex;\n align-items: center;\n}\n.batch-table__row__content__image {\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 10px;\n}\n.batch-table__row__content__image .emojione {\n width: 32px;\n height: 32px;\n}\n.batch-table__row__content__text {\n flex: 1 1 auto;\n}\n.batch-table__row__content__extra {\n flex: 0 0 auto;\n text-align: right;\n color: #282c37;\n font-weight: 500;\n}\n.batch-table__row .directory__tag {\n margin: 0;\n width: 100%;\n}\n.batch-table__row .directory__tag a {\n background: transparent;\n border-radius: 0;\n}\n.batch-table .status__content {\n padding-top: 0;\n}\n.batch-table .status__content summary {\n display: list-item;\n}\n.batch-table .status__content strong {\n font-weight: 700;\n}\n.batch-table .nothing-here {\n border: 1px solid #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 width: 100%;\n min-height: 100vh;\n}\n.admin-wrapper .sidebar-wrapper {\n min-height: 100vh;\n overflow: hidden;\n pointer-events: none;\n flex: 1 1 auto;\n}\n.admin-wrapper .sidebar-wrapper__inner {\n display: flex;\n justify-content: flex-end;\n background: #d9e1e8;\n height: 100%;\n}\n.admin-wrapper .sidebar {\n width: 240px;\n padding: 0;\n pointer-events: auto;\n}\n.admin-wrapper .sidebar__toggle {\n display: none;\n background: #c0cdd9;\n height: 48px;\n}\n.admin-wrapper .sidebar__toggle__logo {\n flex: 1 1 auto;\n}\n.admin-wrapper .sidebar__toggle__logo a {\n display: inline-block;\n padding: 15px;\n}\n.admin-wrapper .sidebar__toggle__logo svg {\n fill: #000000;\n height: 20px;\n position: relative;\n bottom: -2px;\n}\n.admin-wrapper .sidebar__toggle__icon {\n display: block;\n color: #282c37;\n text-decoration: none;\n flex: 0 0 auto;\n font-size: 20px;\n padding: 15px;\n}\n.admin-wrapper .sidebar__toggle a:hover, .admin-wrapper .sidebar__toggle a:focus, .admin-wrapper .sidebar__toggle a:active {\n background: #b3c3d1;\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 transition-property: color, background-color;\n border-radius: 4px 0 0 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.admin-wrapper .sidebar ul a i.fa {\n margin-right: 5px;\n}\n.admin-wrapper .sidebar ul a:hover {\n color: #000000;\n background-color: #e9eef2;\n transition: all 100ms linear;\n transition-property: color, background-color;\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 box-sizing: border-box;\n width: 100%;\n max-width: 840px;\n flex: 1 1 auto;\n}\n@media screen and (max-width: 1080px) {\n .admin-wrapper .sidebar-wrapper--empty {\n display: none;\n }\n .admin-wrapper .sidebar-wrapper {\n width: 240px;\n flex: 0 0 auto;\n }\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper .sidebar-wrapper {\n width: 100%;\n }\n}\n.admin-wrapper .content {\n padding: 20px 15px;\n padding-top: 60px;\n padding-left: 25px;\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper .content {\n max-width: none;\n padding: 15px;\n padding-top: 30px;\n }\n}\n.admin-wrapper .content h2 {\n color: #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@media screen and (max-width: 600px) {\n .admin-wrapper .content h2 {\n border-bottom: 0;\n padding-bottom: 0;\n font-weight: 700;\n }\n}\n.admin-wrapper .content h3 {\n color: #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: 500;\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: 0;\n}\n.admin-wrapper .content > p {\n font-size: 14px;\n line-height: 21px;\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(176, 192, 207, 0.6);\n margin: 20px 0;\n}\n.admin-wrapper .content hr.spacer {\n height: 1px;\n border: 0;\n}\n@media screen and (max-width: 600px) {\n .admin-wrapper {\n display: block;\n }\n .admin-wrapper .sidebar-wrapper {\n min-height: 0;\n }\n .admin-wrapper .sidebar {\n width: 100%;\n padding: 0;\n height: auto;\n }\n .admin-wrapper .sidebar__toggle {\n display: flex;\n }\n .admin-wrapper .sidebar > ul {\n display: none;\n }\n .admin-wrapper .sidebar ul a,\n.admin-wrapper .sidebar ul ul a {\n border-radius: 0;\n border-bottom: 1px solid #ccd7e0;\n transition: none;\n }\n .admin-wrapper .sidebar ul a:hover,\n.admin-wrapper .sidebar ul ul a:hover {\n transition: none;\n }\n .admin-wrapper .sidebar ul ul {\n border-radius: 0;\n }\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a {\n border-bottom-color: #2b90d9;\n }\n}\n\nhr.spacer {\n width: 100%;\n border: 0;\n margin: 20px 0;\n height: 1px;\n}\n\nbody .muted-hint,\n.admin-wrapper .content .muted-hint {\n color: #282c37;\n}\nbody .muted-hint a,\n.admin-wrapper .content .muted-hint a {\n color: #2b90d9;\n}\nbody .positive-hint,\n.admin-wrapper .content .positive-hint {\n color: #3c754d;\n font-weight: 500;\n}\nbody .negative-hint,\n.admin-wrapper .content .negative-hint {\n color: #df405a;\n font-weight: 500;\n}\nbody .neutral-hint,\n.admin-wrapper .content .neutral-hint {\n color: #444b5d;\n font-weight: 500;\n}\nbody .warning-hint,\n.admin-wrapper .content .warning-hint {\n color: #ca8f04;\n font-weight: 500;\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n}\n.filters .filter-subset {\n flex: 0 0 auto;\n margin: 0 40px 20px 0;\n}\n.filters .filter-subset:last-child {\n margin-bottom: 30px;\n}\n.filters .filter-subset ul {\n margin-top: 5px;\n list-style: none;\n}\n.filters .filter-subset ul li {\n display: inline-block;\n margin-right: 5px;\n}\n.filters .filter-subset strong {\n font-weight: 500;\n text-transform: uppercase;\n font-size: 12px;\n}\n.filters .filter-subset strong:lang(ja) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(ko) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(zh-CN) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(zh-HK) {\n font-weight: 700;\n}\n.filters .filter-subset strong:lang(zh-TW) {\n font-weight: 700;\n}\n.filters .filter-subset a {\n display: inline-block;\n color: #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.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: \"mastodon-font-monospace\", monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n}\n.log-entry__icon {\n font-size: 28px;\n margin-right: 10px;\n color: #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: #3c754d;\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: #3c754d;\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: #3c754d;\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.admin-account-bio {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-top: 20px;\n}\n.admin-account-bio > div {\n box-sizing: border-box;\n padding: 0 5px;\n margin-bottom: 10px;\n flex: 1 0 50%;\n}\n.admin-account-bio .account__header__fields,\n.admin-account-bio .account__header__content {\n background: #c0cdd9;\n border-radius: 4px;\n height: 100%;\n}\n.admin-account-bio .account__header__fields {\n margin: 0;\n border: 0;\n}\n.admin-account-bio .account__header__fields a {\n color: #217aba;\n}\n.admin-account-bio .account__header__fields dl:first-child .verified {\n border-radius: 0 4px 0 0;\n}\n.admin-account-bio .account__header__fields .verified a {\n color: #3c754d;\n}\n.admin-account-bio .account__header__content {\n box-sizing: border-box;\n padding: 20px;\n color: #000000;\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 box-sizing: border-box;\n height: 100%;\n}\n.dashboard__counters > div > a {\n text-decoration: none;\n color: inherit;\n display: block;\n}\n.dashboard__counters > div > a:hover, .dashboard__counters > div > a:focus, .dashboard__counters > div > a:active {\n background: #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: \"mastodon-font-display\", sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n}\n.dashboard__counters__text {\n font-size: 18px;\n}\n.dashboard__counters__label {\n font-size: 14px;\n color: #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\nbody.rtl {\n direction: rtl;\n}\nbody.rtl .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n}\nbody.rtl .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n}\nbody.rtl .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n}\nbody.rtl .column-link__icon,\nbody.rtl .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .search__input {\n padding-right: 10px;\n padding-left: 30px;\n}\nbody.rtl .search__icon .fa {\n right: auto;\n left: 10px;\n}\nbody.rtl .columns-area {\n direction: rtl;\n}\nbody.rtl .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: 0;\n margin-right: -15px;\n}\nbody.rtl .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n}\nbody.rtl .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .account__avatar-wrapper {\n float: right;\n}\nbody.rtl .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n}\nbody.rtl .column-header__setting-arrows {\n float: left;\n}\nbody.rtl .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n}\nbody.rtl .status__avatar {\n left: auto;\n right: 10px;\n}\nbody.rtl .status,\nbody.rtl .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n}\nbody.rtl .status__info .status__display-name,\nbody.rtl .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n}\nbody.rtl .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n}\nbody.rtl .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n}\nbody.rtl .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n}\nbody.rtl .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n}\nbody.rtl .column-back-button--slim-button {\n right: auto;\n left: 0;\n}\nbody.rtl .status__relative-time,\nbody.rtl .activity-stream .status.light .status__header .status__meta {\n float: left;\n}\nbody.rtl .status__action-bar__counter {\n margin-right: 0;\n margin-left: 11px;\n}\nbody.rtl .status__action-bar__counter .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n}\nbody.rtl .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n}\nbody.rtl .status__action-bar-dropdown {\n float: right;\n}\nbody.rtl .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n}\nbody.rtl .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n}\nbody.rtl .detailed-status__display-name .display-name {\n text-align: right;\n}\nbody.rtl .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n}\nbody.rtl .detailed-status__favorites,\nbody.rtl .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n}\nbody.rtl .fa-ul {\n margin-left: 2.14285714em;\n}\nbody.rtl .fa-li {\n left: auto;\n right: -2.14285714em;\n}\nbody.rtl .admin-wrapper {\n direction: rtl;\n}\nbody.rtl .admin-wrapper .sidebar ul a i.fa,\nbody.rtl a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n}\nbody.rtl .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n}\nbody.rtl .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n}\nbody.rtl .simple_form .check_boxes .checkbox input[type=checkbox],\nbody.rtl .simple_form .input.boolean input[type=checkbox] {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n}\nbody.rtl .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n}\nbody.rtl .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n}\nbody.rtl .simple_form .input.boolean .label_input,\nbody.rtl .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n}\nbody.rtl .simple_form .label_input__append {\n right: auto;\n left: 3px;\n}\nbody.rtl .simple_form .label_input__append::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(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.emojione[title=\":wavy_dash:\"], .emojione[title=\":waving_black_flag:\"], .emojione[title=\":water_buffalo:\"], .emojione[title=\":video_game:\"], .emojione[title=\":video_camera:\"], .emojione[title=\":vhs:\"], .emojione[title=\":turkey:\"], .emojione[title=\":tophat:\"], .emojione[title=\":top:\"], .emojione[title=\":tm:\"], .emojione[title=\":telephone_receiver:\"], .emojione[title=\":spider:\"], .emojione[title=\":speaking_head_in_silhouette:\"], .emojione[title=\":spades:\"], .emojione[title=\":soon:\"], .emojione[title=\":registered:\"], .emojione[title=\":on:\"], .emojione[title=\":musical_score:\"], .emojione[title=\":movie_camera:\"], .emojione[title=\":mortar_board:\"], .emojione[title=\":microphone:\"], .emojione[title=\":male-guard:\"], .emojione[title=\":lower_left_fountain_pen:\"], .emojione[title=\":lower_left_ballpoint_pen:\"], .emojione[title=\":kaaba:\"], .emojione[title=\":joystick:\"], .emojione[title=\":hole:\"], .emojione[title=\":hocho:\"], .emojione[title=\":heavy_plus_sign:\"], .emojione[title=\":heavy_multiplication_x:\"], .emojione[title=\":heavy_minus_sign:\"], .emojione[title=\":heavy_dollar_sign:\"], .emojione[title=\":heavy_division_sign:\"], .emojione[title=\":heavy_check_mark:\"], .emojione[title=\":guardsman:\"], .emojione[title=\":gorilla:\"], .emojione[title=\":fried_egg:\"], .emojione[title=\":film_projector:\"], .emojione[title=\":female-guard:\"], .emojione[title=\":end:\"], .emojione[title=\":electric_plug:\"], .emojione[title=\":eight_pointed_black_star:\"], .emojione[title=\":dark_sunglasses:\"], .emojione[title=\":currency_exchange:\"], .emojione[title=\":curly_loop:\"], .emojione[title=\":copyright:\"], .emojione[title=\":clubs:\"], .emojione[title=\":camera_with_flash:\"], .emojione[title=\":camera:\"], .emojione[title=\":busts_in_silhouette:\"], .emojione[title=\":bust_in_silhouette:\"], .emojione[title=\":bowling:\"], .emojione[title=\":bomb:\"], .emojione[title=\":black_small_square:\"], .emojione[title=\":black_nib:\"], .emojione[title=\":black_medium_square:\"], .emojione[title=\":black_medium_small_square:\"], .emojione[title=\":black_large_square:\"], .emojione[title=\":black_heart:\"], .emojione[title=\":black_circle:\"], .emojione[title=\":back:\"], .emojione[title=\":ant:\"], .emojione[title=\":8ball:\"] {\n filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);\n transform: scale(0.71);\n}\n\nhtml {\n scrollbar-color: #d9e1e8 rgba(217, 225, 232, 0.25);\n}\n\n.button {\n color: #ffffff;\n}\n.button.button-alternative-2 {\n color: #ffffff;\n}\n\n.column > .scrollable,\n.getting-started,\n.column-inline-form {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n border-top: 0;\n}\n\n.column-back-button,\n.column-header {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n}\n@media screen and (max-width: 415px) {\n .column-back-button,\n.column-header {\n border-top: 0;\n }\n}\n.column-back-button--slim-button,\n.column-header--slim-button {\n border: 0;\n top: -49px;\n right: 1px;\n}\n\n.column-header__back-button,\n.column-header__button,\n.column-header__button.active,\n.account__header__bar {\n background: #ffffff;\n}\n\n.column-header__button.active {\n color: #2b90d9;\n}\n.column-header__button.active:hover, .column-header__button.active:active, .column-header__button.active:focus {\n color: #2b90d9;\n background: #ffffff;\n}\n\n.account__header__bar .avatar .account__avatar {\n border-color: #ffffff;\n}\n\n.getting-started__footer a {\n color: #282c37;\n text-decoration: underline;\n}\n\n.column-subheading {\n background: #e6ebf0;\n border-bottom: 1px solid #c0cdd9;\n}\n\n.getting-started .column-link,\n.scrollable .column-link {\n background: #ffffff;\n border-bottom: 1px solid #c0cdd9;\n}\n.getting-started .column-link:hover, .getting-started .column-link:active, .getting-started .column-link:focus,\n.scrollable .column-link:hover,\n.scrollable .column-link:active,\n.scrollable .column-link:focus {\n background: #d9e1e8;\n}\n\n.getting-started .navigation-bar {\n border-top: 1px solid #c0cdd9;\n border-bottom: 1px solid #c0cdd9;\n}\n@media screen and (max-width: 415px) {\n .getting-started .navigation-bar {\n border-top: 0;\n }\n}\n\n.compose-form__autosuggest-wrapper,\n.poll__text input[type=text],\n.compose-form .spoiler-input__input,\n.compose-form__poll-wrapper select,\n.search__input,\n.setting-text,\n.box-widget input[type=text],\n.box-widget input[type=email],\n.box-widget input[type=password],\n.box-widget textarea,\n.statuses-grid .detailed-status,\n.audio-player {\n border: 1px solid #c0cdd9;\n}\n\n@media screen and (max-width: 415px) {\n .search__input {\n border-top: 0;\n border-bottom: 0;\n }\n}\n\n.list-editor .search .search__input {\n border-top: 0;\n border-bottom: 0;\n}\n\n.compose-form__poll-wrapper select {\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='%23C0CDD9'/></svg>\") no-repeat right 8px center/auto 16px;\n}\n\n.compose-form__poll-wrapper,\n.compose-form__poll-wrapper .poll__footer {\n border-top-color: #c0cdd9;\n}\n\n.notification__filter-bar {\n border: 1px solid #c0cdd9;\n border-top: 0;\n}\n\n.compose-form .compose-form__buttons-wrapper {\n background: #d9e1e8;\n border: 1px solid #c0cdd9;\n border-top: 0;\n}\n\n.drawer__header,\n.drawer__inner {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n}\n\n.drawer__inner__mastodon {\n background: #ffffff 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}\n\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button {\n color: #ededed;\n}\n.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover {\n color: #ffffff;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description input {\n color: #ededed;\n}\n.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder {\n color: #ededed;\n}\n.compose-form .compose-form__buttons-wrapper {\n background: #ecf0f4;\n}\n.compose-form .autosuggest-textarea__suggestions {\n background: #ecf0f4;\n}\n.compose-form .autosuggest-textarea__suggestions__item:hover, .compose-form .autosuggest-textarea__suggestions__item:focus, .compose-form .autosuggest-textarea__suggestions__item:active, .compose-form .autosuggest-textarea__suggestions__item.selected {\n background: #ccd7e0;\n}\n\n.emoji-mart-bar {\n border-color: #ccd7e0;\n}\n.emoji-mart-bar:first-child {\n background: #ecf0f4;\n}\n\n.emoji-mart-search input {\n background: rgba(217, 225, 232, 0.3);\n border-color: #d9e1e8;\n}\n\n.focusable:focus {\n background: #d9e1e8;\n}\n\n.status.status-direct {\n background: #ccd7e0;\n}\n\n.focusable:focus .status.status-direct {\n background: #c0cdd9;\n}\n\n.detailed-status,\n.detailed-status__action-bar {\n background: #ffffff;\n}\n\n.reply-indicator__content .status__content__spoiler-link,\n.status__content .status__content__spoiler-link {\n background: #d9e1e8;\n}\n.reply-indicator__content .status__content__spoiler-link:hover,\n.status__content .status__content__spoiler-link:hover {\n background: #ccd7e0;\n}\n\n.media-spoiler,\n.video-player__spoiler {\n background: #d9e1e8;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n color: #ffffff;\n}\n\n.account-gallery__item a {\n background-color: #d9e1e8;\n}\n\n.dropdown-menu {\n background: #ffffff;\n}\n.dropdown-menu__arrow.left {\n border-left-color: #ffffff;\n}\n.dropdown-menu__arrow.top {\n border-top-color: #ffffff;\n}\n.dropdown-menu__arrow.bottom {\n border-bottom-color: #ffffff;\n}\n.dropdown-menu__arrow.right {\n border-right-color: #ffffff;\n}\n.dropdown-menu__item a {\n background: #ffffff;\n color: #282c37;\n}\n\n.privacy-dropdown__option.active,\n.privacy-dropdown__option:hover,\n.privacy-dropdown__option.active .privacy-dropdown__option__content,\n.privacy-dropdown__option.active .privacy-dropdown__option__content strong,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,\n.dropdown-menu__item a:active,\n.dropdown-menu__item a:focus,\n.dropdown-menu__item a:hover,\n.actions-modal ul li:not(:empty) a.active,\n.actions-modal ul li:not(:empty) a.active button,\n.actions-modal ul li:not(:empty) a:active,\n.actions-modal ul li:not(:empty) a:active button,\n.actions-modal ul li:not(:empty) a:focus,\n.actions-modal ul li:not(:empty) a:focus button,\n.actions-modal ul li:not(:empty) a:hover,\n.actions-modal ul li:not(:empty) a:hover button,\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,\n.simple_form .block-button,\n.simple_form .button,\n.simple_form button {\n color: #ffffff;\n}\n\n.dropdown-menu__separator {\n border-bottom-color: #ccd7e0;\n}\n\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal {\n background: #d9e1e8;\n}\n\n.column-header__collapsible-inner {\n background: #e6ebf0;\n border: 1px solid #c0cdd9;\n border-top: 0;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n background: #ecf0f4;\n}\n.boost-modal__action-bar .onboarding-modal__nav:hover, .boost-modal__action-bar .onboarding-modal__nav:focus, .boost-modal__action-bar .onboarding-modal__nav:active,\n.boost-modal__action-bar .error-modal__nav:hover,\n.boost-modal__action-bar .error-modal__nav:focus,\n.boost-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.block-modal__action-bar .onboarding-modal__nav:hover,\n.block-modal__action-bar .onboarding-modal__nav:focus,\n.block-modal__action-bar .onboarding-modal__nav:active,\n.block-modal__action-bar .error-modal__nav:hover,\n.block-modal__action-bar .error-modal__nav:focus,\n.block-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.display-case__case {\n background: #ffffff;\n}\n\n.embed-modal .embed-modal__container .embed-modal__html {\n background: #ffffff;\n}\n.embed-modal .embed-modal__container .embed-modal__html:focus {\n background: #ecf0f4;\n}\n\n.react-toggle-track {\n background: #282c37;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: #3d4455;\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: #2074b1;\n}\n\n.empty-column-indicator,\n.error-column {\n color: #000000;\n background: #ffffff;\n}\n\n.tabs-bar {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n border-bottom: 0;\n}\n@media screen and (max-width: 415px) {\n .tabs-bar {\n border-top: 0;\n }\n}\n.tabs-bar__link {\n padding-bottom: 14px;\n border-bottom-width: 1px;\n border-bottom-color: #c0cdd9;\n}\n.tabs-bar__link:hover, .tabs-bar__link:active, .tabs-bar__link:focus {\n background: #d9e1e8;\n}\n.tabs-bar__link.active:hover, .tabs-bar__link.active:active, .tabs-bar__link.active:focus {\n background: transparent;\n border-bottom-color: #2b90d9;\n}\n\n.activity-stream-tabs {\n background: #ffffff;\n border-bottom-color: #c0cdd9;\n}\n\n.box-widget,\n.nothing-here,\n.page-header,\n.directory__tag > a,\n.directory__tag > div,\n.landing-page__call-to-action,\n.contact-widget,\n.landing .hero-widget__text,\n.landing-page__information.contact-widget {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n}\n@media screen and (max-width: 415px) {\n .box-widget,\n.nothing-here,\n.page-header,\n.directory__tag > a,\n.directory__tag > div,\n.landing-page__call-to-action,\n.contact-widget,\n.landing .hero-widget__text,\n.landing-page__information.contact-widget {\n border-left: 0;\n border-right: 0;\n border-top: 0;\n }\n}\n\n.landing .hero-widget__text {\n border-top: 0;\n border-bottom: 0;\n}\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: #b3c3d1;\n}\n\n.landing .hero-widget__footer {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n border-top: 0;\n}\n@media screen and (max-width: 415px) {\n .landing .hero-widget__footer {\n border: 0;\n }\n}\n\n.brand__tagline {\n color: #282c37;\n}\n\n.directory__tag > a:hover, .directory__tag > a:active, .directory__tag > a:focus {\n background: #d9e1e8;\n}\n@media screen and (max-width: 415px) {\n .directory__tag > a {\n border: 0;\n }\n}\n\n.directory__tag.active > a,\n.directory__tag.active > div {\n border-color: #2b90d9;\n}\n.directory__tag.active > a,\n.directory__tag.active > a h4,\n.directory__tag.active > a h4 small,\n.directory__tag.active > a .fa,\n.directory__tag.active > a .trends__item__current,\n.directory__tag.active > div,\n.directory__tag.active > div h4,\n.directory__tag.active > div h4 small,\n.directory__tag.active > div .fa,\n.directory__tag.active > div .trends__item__current {\n color: #ffffff;\n}\n.directory__tag.active > a:hover, .directory__tag.active > a:active, .directory__tag.active > a:focus,\n.directory__tag.active > div:hover,\n.directory__tag.active > div:active,\n.directory__tag.active > div:focus {\n background: #2b90d9;\n}\n\n.batch-table__toolbar, .batch-table__row,\n.batch-table .nothing-here {\n border-color: #c0cdd9;\n}\n\n.activity-stream {\n border: 1px solid #c0cdd9;\n}\n.activity-stream--under-tabs {\n border-top: 0;\n}\n.activity-stream .entry {\n background: #ffffff;\n}\n.activity-stream .entry .detailed-status.light,\n.activity-stream .entry .more.light,\n.activity-stream .entry .status.light {\n border-bottom-color: #c0cdd9;\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.simple_form .warning,\n.table-form .warning {\n box-shadow: none;\n background: rgba(223, 64, 90, 0.5);\n text-shadow: none;\n}\n.simple_form .recommended,\n.table-form .recommended {\n border-color: #2b90d9;\n color: #2b90d9;\n background-color: rgba(43, 144, 217, 0.1);\n}\n\n.compose-form .compose-form__warning {\n border-color: #2b90d9;\n background-color: rgba(43, 144, 217, 0.1);\n}\n.compose-form .compose-form__warning,\n.compose-form .compose-form__warning a {\n color: #2b90d9;\n}\n\n.status__content a,\n.reply-indicator__content a {\n color: #2b90d9;\n}\n\n.button.logo-button {\n color: #ffffff;\n}\n.button.logo-button svg {\n fill: #ffffff;\n}\n\n.public-layout .account__section-headline {\n border: 1px solid #c0cdd9;\n}\n@media screen and (max-width: 415px) {\n .public-layout .account__section-headline {\n border-top: 0;\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 .public-account-bio,\n.public-layout .hero-widget__text {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n}\n.public-layout .header {\n background: #d9e1e8;\n border: 1px solid #c0cdd9;\n}\n@media screen and (max-width: 415px) {\n .public-layout .header {\n border: 0;\n }\n}\n.public-layout .header .brand:hover, .public-layout .header .brand:focus, .public-layout .header .brand:active {\n background: #ccd7e0;\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__bar::before {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n border-top: 0;\n}\n.public-layout .public-account-header__bar .avatar img {\n border-color: #ffffff;\n}\n@media screen and (max-width: 600px) {\n .public-layout .public-account-header__bar {\n background: #ffffff;\n border: 1px solid #c0cdd9;\n border-top: 0;\n }\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@media screen and (max-width: 600px) {\n .public-layout .public-account-header__tabs__name h1,\n.public-layout .public-account-header__tabs__name h1 small {\n color: #000000;\n }\n}\n.public-layout .public-account-header__extra .public-account-bio {\n border: 0;\n}\n.public-layout .public-account-header__extra .public-account-bio .account__header__fields {\n border-color: #c0cdd9;\n}\n\n.notification__filter-bar button.active::after,\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.card > a,\n.page-header,\n.compose-form .compose-form__warning {\n box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n color: #000000;\n}","/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: '';\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nhtml {\n scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n background: lighten($ui-base-color, 4%);\n border: 0px none $base-border-color;\n border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n border: 0px none $base-border-color;\n border-radius: 0;\n background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n","@function hex-color($color) {\n @if type-of($color) == 'color' {\n $color: str-slice(ie-hex-str($color), 4);\n }\n\n @return '%23' + unquote($color);\n}\n\nbody {\n font-family: $font-sans-serif, sans-serif;\n background: darken($ui-base-color, 7%);\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n color: $primary-text-color;\n text-rendering: optimizelegibility;\n font-feature-settings: \"kern\";\n text-size-adjust: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n\n &.system-font {\n // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n // -apple-system => Safari <11 specific\n // BlinkMacSystemFont => Chrome <56 on macOS specific\n // Segoe UI => Windows 7/8/10\n // Oxygen => KDE\n // Ubuntu => Unity/Ubuntu\n // Cantarell => GNOME\n // Fira Sans => Firefox OS\n // Droid Sans => Older Androids (<4.0)\n // Helvetica Neue => Older macOS <10.11\n // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n }\n\n &.app-body {\n padding: 0;\n\n &.layout-single-column {\n height: auto;\n min-height: 100vh;\n overflow-y: scroll;\n }\n\n &.layout-multiple-columns {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n &.with-modals--active {\n overflow-y: hidden;\n }\n }\n\n &.lighter {\n background: $ui-base-color;\n }\n\n &.with-modals {\n overflow-x: hidden;\n overflow-y: scroll;\n\n &--active {\n overflow-y: hidden;\n }\n }\n\n &.player {\n text-align: center;\n }\n\n &.embed {\n background: lighten($ui-base-color, 4%);\n margin: 0;\n padding-bottom: 0;\n\n .container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n }\n\n &.admin {\n background: darken($ui-base-color, 4%);\n padding: 0;\n }\n\n &.error {\n position: absolute;\n text-align: center;\n color: $darker-text-color;\n background: $ui-base-color;\n width: 100%;\n height: 100%;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .dialog {\n vertical-align: middle;\n margin: 20px;\n\n &__illustration {\n img {\n display: block;\n max-width: 470px;\n width: 100%;\n height: auto;\n margin-top: -120px;\n }\n }\n\n h1 {\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n }\n }\n }\n}\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n}\n\n.app-holder {\n &,\n & > div {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n outline: 0 !important;\n }\n}\n\n.layout-single-column .app-holder {\n &,\n & > div {\n min-height: 100vh;\n }\n}\n\n.layout-multiple-columns .app-holder {\n &,\n & > div {\n height: 100%;\n }\n}\n","// 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// Differences\n$success-green: #3c754d;\n\n$base-overlay-background: $white !default;\n$valid-value-color: $success-green !default;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: #b0c0cf;\n$ui-primary-color: #9bcbed;\n$ui-secondary-color: $classic-base-color !default;\n$ui-highlight-color: #2b90d9;\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$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n//Newly added colors\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",".container-alt {\n width: 700px;\n margin: 0 auto;\n margin-top: 40px;\n\n @media screen and (max-width: 740px) {\n width: 100%;\n margin: 0;\n }\n}\n\n.logo-container {\n margin: 100px auto 50px;\n\n @media screen and (max-width: 500px) {\n margin: 40px auto 0;\n }\n\n h1 {\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n fill: $primary-text-color;\n height: 42px;\n margin-right: 10px;\n }\n\n a {\n display: flex;\n justify-content: center;\n align-items: center;\n color: $primary-text-color;\n text-decoration: none;\n outline: 0;\n padding: 12px 16px;\n line-height: 32px;\n font-family: $font-display, sans-serif;\n font-weight: 500;\n font-size: 14px;\n }\n }\n}\n\n.compose-standalone {\n .compose-form {\n width: 400px;\n margin: 0 auto;\n padding: 20px 0;\n margin-top: 40px;\n box-sizing: border-box;\n\n @media screen and (max-width: 400px) {\n width: 100%;\n margin-top: 0;\n padding: 20px;\n }\n }\n}\n\n.account-header {\n width: 400px;\n margin: 0 auto;\n display: flex;\n font-size: 13px;\n line-height: 18px;\n box-sizing: border-box;\n padding: 20px 0;\n padding-bottom: 0;\n margin-bottom: -30px;\n margin-top: 40px;\n\n @media screen and (max-width: 440px) {\n width: 100%;\n margin: 0;\n margin-bottom: 10px;\n padding: 20px;\n padding-bottom: 0;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n margin-right: 8px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n }\n }\n\n .name {\n flex: 1 1 auto;\n color: $secondary-text-color;\n width: calc(100% - 88px);\n\n .username {\n display: block;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n }\n\n .logout-link {\n display: block;\n font-size: 32px;\n line-height: 40px;\n margin-left: 8px;\n }\n}\n\n.grid-3 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 3fr 1fr;\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-column: 1 / 3;\n grid-row: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1 / 3;\n grid-row: 3;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n\n .column-0 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n\n .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1;\n grid-row: 4;\n }\n }\n}\n\n.grid-4 {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-column: 1 / 5;\n grid-row: 1;\n }\n\n .column-1 {\n grid-column: 1 / 4;\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 4;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 2 / 5;\n grid-row: 3;\n }\n\n .column-4 {\n grid-column: 1;\n grid-row: 3;\n }\n\n .landing-page__call-to-action {\n min-height: 100%;\n }\n\n .flash-message {\n margin-bottom: 10px;\n }\n\n @media screen and (max-width: 738px) {\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n .landing-page__call-to-action {\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .row__information-board {\n width: 100%;\n justify-content: center;\n align-items: center;\n }\n\n .row__mascot {\n display: none;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n grid-template-columns: minmax(0, 100%);\n\n .column-0 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-column: 1;\n grid-row: 3;\n }\n\n .column-2 {\n grid-column: 1;\n grid-row: 2;\n }\n\n .column-3 {\n grid-column: 1;\n grid-row: 5;\n }\n\n .column-4 {\n grid-column: 1;\n grid-row: 4;\n }\n }\n}\n\n.public-layout {\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-top: 48px;\n }\n\n .container {\n max-width: 960px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding: 0;\n }\n }\n\n .header {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n height: 48px;\n margin: 10px 0;\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n overflow: hidden;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n border-radius: 0;\n box-shadow: none;\n z-index: 110;\n }\n\n & > div {\n flex: 1 1 33.3%;\n min-height: 1px;\n }\n\n .nav-left {\n display: flex;\n align-items: stretch;\n justify-content: flex-start;\n flex-wrap: nowrap;\n }\n\n .nav-center {\n display: flex;\n align-items: stretch;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n .nav-right {\n display: flex;\n align-items: stretch;\n justify-content: flex-end;\n flex-wrap: nowrap;\n }\n\n .brand {\n display: block;\n padding: 15px;\n\n svg {\n display: block;\n height: 18px;\n width: auto;\n position: relative;\n bottom: -2px;\n fill: $primary-text-color;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n height: 20px;\n }\n }\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 12%);\n }\n }\n\n .nav-link {\n display: flex;\n align-items: center;\n padding: 0 1rem;\n font-size: 12px;\n font-weight: 500;\n text-decoration: none;\n color: $darker-text-color;\n white-space: nowrap;\n text-align: center;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n color: $primary-text-color;\n }\n\n @media screen and (max-width: 550px) {\n &.optional {\n display: none;\n }\n }\n }\n\n .nav-button {\n background: lighten($ui-base-color, 16%);\n margin: 8px;\n margin-left: 0;\n border-radius: 4px;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n background: lighten($ui-base-color, 20%);\n }\n }\n }\n\n $no-columns-breakpoint: 600px;\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n grid-auto-columns: 25%;\n grid-auto-rows: max-content;\n\n .column-0 {\n grid-row: 1;\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 1;\n grid-column: 2;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n grid-template-columns: 100%;\n grid-gap: 0;\n\n .column-1 {\n display: none;\n }\n }\n }\n\n .public-account-header {\n overflow: hidden;\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &.inactive {\n opacity: 0.5;\n\n .public-account-header__image,\n .avatar {\n filter: grayscale(100%);\n }\n\n .logo-button {\n background-color: $secondary-text-color;\n }\n }\n\n &__image {\n border-radius: 4px 4px 0 0;\n overflow: hidden;\n height: 300px;\n position: relative;\n background: darken($ui-base-color, 12%);\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n top: 0;\n left: 0;\n }\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 4px 4px 0 0;\n }\n\n @media screen and (max-width: 600px) {\n height: 200px;\n }\n }\n\n &--no-bar {\n margin-bottom: 0;\n\n .public-account-header__image,\n .public-account-header__image img {\n border-radius: 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n box-shadow: none;\n\n &__image::after {\n display: none;\n }\n\n &__image,\n &__image img {\n border-radius: 0;\n }\n }\n\n &__bar {\n position: relative;\n margin-top: -80px;\n display: flex;\n justify-content: flex-start;\n\n &::before {\n content: \"\";\n display: block;\n background: lighten($ui-base-color, 4%);\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60px;\n border-radius: 0 0 4px 4px;\n z-index: -1;\n }\n\n .avatar {\n display: block;\n width: 120px;\n height: 120px;\n padding-left: 20px - 4px;\n flex: 0 0 auto;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 50%;\n border: 4px solid lighten($ui-base-color, 4%);\n background: darken($ui-base-color, 8%);\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-top: 0;\n background: lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n padding: 5px;\n\n &::before {\n display: none;\n }\n\n .avatar {\n width: 48px;\n height: 48px;\n padding: 7px 0;\n padding-left: 10px;\n\n img {\n border: 0;\n border-radius: 4px;\n }\n\n @media screen and (max-width: 360px) {\n display: none;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n flex-wrap: wrap;\n }\n }\n\n &__tabs {\n flex: 1 1 auto;\n margin-left: 20px;\n\n &__name {\n padding-top: 20px;\n padding-bottom: 8px;\n\n h1 {\n font-size: 20px;\n line-height: 18px * 1.5;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-shadow: 1px 1px 1px $base-shadow-color;\n\n small {\n display: block;\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n @media screen and (max-width: 600px) {\n margin-left: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &__name {\n padding-top: 0;\n padding-bottom: 0;\n\n h1 {\n font-size: 16px;\n line-height: 24px;\n text-shadow: none;\n\n small {\n color: $darker-text-color;\n }\n }\n }\n }\n\n &__tabs {\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n height: 58px;\n\n .details-counters {\n display: flex;\n flex-direction: row;\n min-width: 300px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n .details-counters {\n display: none;\n }\n }\n\n .counter {\n width: 33.3%;\n box-sizing: border-box;\n flex: 0 0 auto;\n color: $darker-text-color;\n padding: 10px;\n border-right: 1px solid lighten($ui-base-color, 4%);\n cursor: default;\n text-align: center;\n position: relative;\n\n a {\n display: block;\n }\n\n &:last-child {\n border-right: 0;\n }\n\n &::after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 4px solid $ui-primary-color;\n opacity: 0.5;\n transition: all 400ms ease;\n }\n\n &.active {\n &::after {\n border-bottom: 4px solid $highlight-text-color;\n opacity: 1;\n }\n\n &.inactive::after {\n border-bottom-color: $secondary-text-color;\n }\n }\n\n &:hover {\n &::after {\n opacity: 1;\n transition-duration: 100ms;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .counter-label {\n font-size: 12px;\n display: block;\n }\n\n .counter-number {\n font-weight: 500;\n font-size: 18px;\n margin-bottom: 5px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n }\n }\n\n .spacer {\n flex: 1 1 auto;\n height: 1px;\n }\n\n &__buttons {\n padding: 7px 8px;\n }\n }\n }\n\n &__extra {\n display: none;\n margin-top: 4px;\n\n .public-account-bio {\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n margin: 0 -5px;\n\n .account__header__fields {\n border-top: 1px solid lighten($ui-base-color, 12%);\n }\n\n .roles {\n display: none;\n }\n }\n\n &__links {\n margin-top: -15px;\n font-size: 14px;\n color: $darker-text-color;\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n padding: 15px;\n font-weight: 500;\n\n strong {\n font-weight: 700;\n color: $primary-text-color;\n }\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n flex: 100%;\n }\n }\n }\n\n .account__section-headline {\n border-radius: 4px 4px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n }\n\n .detailed-status__meta {\n margin-top: 25px;\n }\n\n .public-account-bio {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n box-shadow: none;\n margin-bottom: 0;\n border-radius: 0;\n }\n\n .account__header__fields {\n margin: 0;\n border-top: 0;\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n\n .account__header__content {\n padding: 20px;\n padding-bottom: 0;\n color: $primary-text-color;\n }\n\n &__extra,\n .roles {\n padding: 20px;\n font-size: 14px;\n color: $darker-text-color;\n }\n\n .roles {\n padding-bottom: 0;\n }\n }\n\n .directory__list {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: block;\n }\n\n .icon-button {\n font-size: 18px;\n }\n }\n\n .directory__card {\n margin-bottom: 0;\n }\n\n .card-grid {\n display: flex;\n flex-wrap: wrap;\n min-width: 100%;\n margin: 0 -5px;\n\n & > div {\n box-sizing: border-box;\n flex: 1 0 auto;\n width: 300px;\n padding: 0 5px;\n margin-bottom: 10px;\n max-width: 33.333%;\n\n @media screen and (max-width: 900px) {\n max-width: 50%;\n }\n\n @media screen and (max-width: 600px) {\n max-width: 100%;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin: 0;\n border-top: 1px solid lighten($ui-base-color, 8%);\n\n & > div {\n width: 100%;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:last-child {\n border-bottom: 0;\n }\n\n .card__bar {\n background: $ui-base-color;\n\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n }\n }\n }\n }\n}\n",".no-list {\n list-style: none;\n\n li {\n display: inline-block;\n margin: 0 5px;\n }\n}\n\n.recovery-codes {\n list-style: none;\n margin: 0 auto;\n\n li {\n font-size: 125%;\n line-height: 1.5;\n letter-spacing: 1px;\n }\n}\n",".public-layout {\n .footer {\n text-align: left;\n padding-top: 20px;\n padding-bottom: 60px;\n font-size: 12px;\n color: lighten($ui-base-color, 34%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .grid {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n .column-0 {\n grid-column: 1;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-1 {\n grid-column: 2;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-2 {\n grid-column: 3;\n grid-row: 1;\n min-width: 0;\n text-align: center;\n\n h4 a {\n color: lighten($ui-base-color, 34%);\n }\n }\n\n .column-3 {\n grid-column: 4;\n grid-row: 1;\n min-width: 0;\n }\n\n .column-4 {\n grid-column: 5;\n grid-row: 1;\n min-width: 0;\n }\n\n @media screen and (max-width: 690px) {\n grid-template-columns: 1fr 2fr 1fr;\n\n .column-0,\n .column-1 {\n grid-column: 1;\n }\n\n .column-1 {\n grid-row: 2;\n }\n\n .column-2 {\n grid-column: 2;\n }\n\n .column-3,\n .column-4 {\n grid-column: 3;\n }\n\n .column-4 {\n grid-row: 2;\n }\n }\n\n @media screen and (max-width: 600px) {\n .column-1 {\n display: block;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n .column-0,\n .column-1,\n .column-3,\n .column-4 {\n display: none;\n }\n }\n }\n\n h4 {\n text-transform: uppercase;\n font-weight: 700;\n margin-bottom: 8px;\n color: $darker-text-color;\n\n a {\n color: inherit;\n text-decoration: none;\n }\n }\n\n ul a {\n text-decoration: none;\n color: lighten($ui-base-color, 34%);\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n\n .brand {\n svg {\n display: block;\n height: 36px;\n width: auto;\n margin: 0 auto;\n fill: lighten($ui-base-color, 34%);\n }\n\n &:hover,\n &:focus,\n &:active {\n svg {\n fill: lighten($ui-base-color, 38%);\n }\n }\n }\n }\n}\n",".compact-header {\n h1 {\n font-size: 24px;\n line-height: 28px;\n color: $darker-text-color;\n font-weight: 500;\n margin-bottom: 20px;\n padding: 0 10px;\n word-wrap: break-word;\n\n @media screen and (max-width: 740px) {\n text-align: center;\n padding: 20px 10px 0;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n small {\n font-weight: 400;\n color: $secondary-text-color;\n }\n\n img {\n display: inline-block;\n margin-bottom: -5px;\n margin-right: 15px;\n width: 36px;\n height: 36px;\n }\n }\n}\n",".hero-widget {\n margin-bottom: 10px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &__img {\n width: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 4px 4px 0 0;\n background: $base-shadow-color;\n\n img {\n object-fit: cover;\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 4px 4px 0 0;\n }\n }\n\n &__text {\n background: $ui-base-color;\n padding: 20px;\n border-radius: 0 0 4px 4px;\n font-size: 15px;\n color: $darker-text-color;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n p {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: lighten($darker-text-color, 10%);\n }\n\n a {\n color: $secondary-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n}\n\n.endorsements-widget {\n margin-bottom: 10px;\n padding-bottom: 10px;\n\n h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: $darker-text-color;\n }\n\n .account {\n padding: 10px 0;\n\n &:last-child {\n border-bottom: 0;\n }\n\n .account__display-name {\n display: flex;\n align-items: center;\n }\n\n .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n }\n }\n\n .trends__item {\n padding: 10px;\n }\n}\n\n.trends-widget {\n h4 {\n color: $darker-text-color;\n }\n}\n\n.box-widget {\n padding: 20px;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n padding: 16px;\n border-radius: 4px;\n border: 2px dashed $dark-text-color;\n text-align: center;\n color: $darker-text-color;\n margin-bottom: 10px;\n}\n\n.contact-widget {\n min-height: 100%;\n font-size: 15px;\n color: $darker-text-color;\n line-height: 20px;\n word-wrap: break-word;\n font-weight: 400;\n padding: 0;\n\n h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: $darker-text-color;\n }\n\n .account {\n border-bottom: 0;\n padding: 10px 0;\n padding-top: 5px;\n }\n\n & > a {\n display: inline-block;\n padding: 10px;\n padding-top: 0;\n color: $darker-text-color;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n}\n\n.moved-account-widget {\n padding: 15px;\n padding-bottom: 20px;\n border-radius: 4px;\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n color: $secondary-text-color;\n font-weight: 400;\n margin-bottom: 10px;\n\n strong,\n a {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n color: inherit;\n text-decoration: underline;\n\n &.mention {\n text-decoration: none;\n\n span {\n text-decoration: none;\n }\n\n &:focus,\n &:hover,\n &:active {\n text-decoration: none;\n\n span {\n text-decoration: underline;\n }\n }\n }\n }\n\n &__message {\n margin-bottom: 15px;\n\n .fa {\n margin-right: 5px;\n color: $darker-text-color;\n }\n }\n\n &__card {\n .detailed-status__display-avatar {\n position: relative;\n cursor: pointer;\n }\n\n .detailed-status__display-name {\n margin-bottom: 0;\n text-decoration: none;\n\n span {\n font-weight: 400;\n }\n }\n }\n}\n\n.memoriam-widget {\n padding: 20px;\n border-radius: 4px;\n background: $base-shadow-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n font-size: 14px;\n color: $darker-text-color;\n margin-bottom: 10px;\n}\n\n.page-header {\n background: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n padding: 60px 15px;\n text-align: center;\n margin: 10px 0;\n\n h1 {\n color: $primary-text-color;\n font-size: 36px;\n line-height: 1.1;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 15px;\n color: $darker-text-color;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-top: 0;\n background: lighten($ui-base-color, 4%);\n\n h1 {\n font-size: 24px;\n }\n }\n}\n\n.directory {\n background: $ui-base-color;\n border-radius: 4px;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n &__tag {\n box-sizing: border-box;\n margin-bottom: 10px;\n\n & > a,\n & > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: $ui-base-color;\n border-radius: 4px;\n padding: 15px;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n }\n\n & > a {\n &:hover,\n &:active,\n &:focus {\n background: lighten($ui-base-color, 8%);\n }\n }\n\n &.active > a {\n background: $ui-highlight-color;\n cursor: default;\n }\n\n &.disabled > div {\n opacity: 0.5;\n cursor: default;\n }\n\n h4 {\n flex: 1 1 auto;\n font-size: 18px;\n font-weight: 700;\n color: $primary-text-color;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n .fa {\n color: $darker-text-color;\n }\n\n small {\n display: block;\n font-weight: 400;\n font-size: 15px;\n margin-top: 8px;\n color: $darker-text-color;\n }\n }\n\n &.active h4 {\n &,\n .fa,\n small,\n .trends__item__current {\n color: $primary-text-color;\n }\n }\n\n .avatar-stack {\n flex: 0 0 auto;\n width: (36px + 4px) * 3;\n }\n\n &.active .avatar-stack .account__avatar {\n border-color: $ui-highlight-color;\n }\n\n .trends__item__current {\n padding-right: 0;\n }\n }\n}\n\n.avatar-stack {\n display: flex;\n justify-content: flex-end;\n\n .account__avatar {\n flex: 0 0 auto;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n position: relative;\n margin-left: -10px;\n background: darken($ui-base-color, 8%);\n border: 2px solid $ui-base-color;\n\n &:nth-child(1) {\n z-index: 1;\n }\n\n &:nth-child(2) {\n z-index: 2;\n }\n\n &:nth-child(3) {\n z-index: 3;\n }\n }\n}\n\n.accounts-table {\n width: 100%;\n\n .account {\n padding: 0;\n border: 0;\n }\n\n strong {\n font-weight: 700;\n }\n\n thead th {\n text-align: center;\n text-transform: uppercase;\n color: $darker-text-color;\n font-weight: 700;\n padding: 10px;\n\n &:first-child {\n text-align: left;\n }\n }\n\n tbody td {\n padding: 15px 0;\n vertical-align: middle;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n tbody tr:last-child td {\n border-bottom: 0;\n }\n\n &__count {\n width: 120px;\n text-align: center;\n font-size: 15px;\n font-weight: 500;\n color: $primary-text-color;\n\n small {\n display: block;\n color: $darker-text-color;\n font-weight: 400;\n font-size: 14px;\n }\n }\n\n &__comment {\n width: 50%;\n vertical-align: initial !important;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n tbody td.optional {\n display: none;\n }\n }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n box-shadow: none;\n border-radius: 0;\n }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n min-height: 600px;\n\n @media screen and (max-width: 640px) {\n width: 100% !important; // Masonry layout is unnecessary at this width\n }\n\n &__item {\n width: (960px - 20px) / 3;\n\n @media screen and (max-width: $fluid-breakpoint) {\n width: (940px - 20px) / 3;\n }\n\n @media screen and (max-width: 640px) {\n width: 100%;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n width: 100vw;\n }\n }\n\n .detailed-status {\n border-radius: 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 1px solid lighten($ui-base-color, 16%);\n }\n\n &.compact {\n .detailed-status__meta {\n margin-top: 15px;\n }\n\n .status__content {\n font-size: 15px;\n line-height: 20px;\n\n .emojione {\n width: 20px;\n height: 20px;\n margin: -3px 0 0;\n }\n\n .status__content__spoiler-link {\n line-height: 20px;\n margin: 0;\n }\n }\n\n .media-gallery,\n .status-card,\n .video-player {\n margin-top: 15px;\n }\n }\n }\n}\n\n.notice-widget {\n margin-bottom: 10px;\n color: $darker-text-color;\n\n p {\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n font-size: 14px;\n line-height: 20px;\n }\n}\n\n.notice-widget,\n.placeholder-widget {\n a {\n text-decoration: none;\n font-weight: 500;\n color: $ui-highlight-color;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n}\n\n.table-of-contents {\n background: darken($ui-base-color, 4%);\n min-height: 100%;\n font-size: 14px;\n border-radius: 4px;\n\n li a {\n display: block;\n font-weight: 500;\n padding: 15px;\n overflow: hidden;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-decoration: none;\n color: $primary-text-color;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n\n li:last-child a {\n border-bottom: 0;\n }\n\n li ul {\n padding-left: 20px;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n }\n}\n","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a !default; // Padua\n$error-red: #df405a !default; // Cerise\n$warning-red: #ff5050 !default; // Sunset Orange\n$gold-star: #ca8f04 !default; // Dark Goldenrod\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","$no-columns-breakpoint: 600px;\n\ncode {\n font-family: $font-monospace, monospace;\n font-weight: 400;\n}\n\n.form-container {\n max-width: 400px;\n padding: 20px;\n margin: 0 auto;\n}\n\n.simple_form {\n .input {\n margin-bottom: 15px;\n overflow: hidden;\n\n &.hidden {\n margin: 0;\n }\n\n &.radio_buttons {\n .radio {\n margin-bottom: 15px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .radio > label {\n position: relative;\n padding-left: 28px;\n\n input {\n position: absolute;\n top: -2px;\n left: 0;\n }\n }\n }\n\n &.boolean {\n position: relative;\n margin-bottom: 0;\n\n .label_input > label {\n font-family: inherit;\n font-size: 14px;\n padding-top: 5px;\n color: $primary-text-color;\n display: block;\n width: auto;\n }\n\n .label_input,\n .hint {\n padding-left: 28px;\n }\n\n .label_input__wrapper {\n position: static;\n }\n\n label.checkbox {\n position: absolute;\n top: 2px;\n left: 0;\n }\n\n label a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n }\n }\n\n .recommended {\n position: absolute;\n margin: 0 4px;\n margin-top: -2px;\n }\n }\n }\n\n .row {\n display: flex;\n margin: 0 -5px;\n\n .input {\n box-sizing: border-box;\n flex: 1 1 auto;\n width: 50%;\n padding: 0 5px;\n }\n }\n\n .hint {\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n }\n\n code {\n border-radius: 3px;\n padding: 0.2em 0.4em;\n background: darken($ui-base-color, 12%);\n }\n\n li {\n list-style: disc;\n margin-left: 18px;\n }\n }\n\n ul.hint {\n margin-bottom: 15px;\n }\n\n span.hint {\n display: block;\n font-size: 12px;\n margin-top: 4px;\n }\n\n p.hint {\n margin-bottom: 15px;\n color: $darker-text-color;\n\n &.subtle-hint {\n text-align: center;\n font-size: 12px;\n line-height: 18px;\n margin-top: 15px;\n margin-bottom: 0;\n }\n }\n\n .card {\n margin-bottom: 15px;\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n .input.with_floating_label {\n .label_input {\n display: flex;\n\n & > label {\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 500;\n min-width: 150px;\n flex: 0 0 auto;\n }\n\n input,\n select {\n flex: 1 1 auto;\n }\n }\n\n &.select .hint {\n margin-top: 6px;\n margin-left: 150px;\n }\n }\n\n .input.with_label {\n .label_input > label {\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n display: block;\n margin-bottom: 8px;\n word-wrap: break-word;\n font-weight: 500;\n }\n\n .hint {\n margin-top: 6px;\n }\n\n ul {\n flex: 390px;\n }\n }\n\n .input.with_block_label {\n max-width: none;\n\n & > label {\n font-family: inherit;\n font-size: 16px;\n color: $primary-text-color;\n display: block;\n font-weight: 500;\n padding-top: 5px;\n }\n\n .hint {\n margin-bottom: 15px;\n }\n\n ul {\n columns: 2;\n }\n }\n\n .required abbr {\n text-decoration: none;\n color: lighten($error-value-color, 12%);\n }\n\n .fields-group {\n margin-bottom: 25px;\n\n .input:last-child {\n margin-bottom: 0;\n }\n }\n\n .fields-row {\n display: flex;\n margin: 0 -10px;\n padding-top: 5px;\n margin-bottom: 25px;\n\n .input {\n max-width: none;\n }\n\n &__column {\n box-sizing: border-box;\n padding: 0 10px;\n flex: 1 1 auto;\n min-height: 1px;\n\n &-6 {\n max-width: 50%;\n }\n\n .actions {\n margin-top: 27px;\n }\n }\n\n .fields-group:last-child,\n .fields-row__column.fields-group {\n margin-bottom: 0;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n margin-bottom: 0;\n\n &__column {\n max-width: none;\n }\n\n .fields-group:last-child,\n .fields-row__column.fields-group,\n .fields-row__column {\n margin-bottom: 25px;\n }\n }\n }\n\n .input.radio_buttons .radio label {\n margin-bottom: 5px;\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n display: block;\n width: auto;\n }\n\n .check_boxes {\n .checkbox {\n label {\n font-family: inherit;\n font-size: 14px;\n color: $primary-text-color;\n display: inline-block;\n width: auto;\n position: relative;\n padding-top: 5px;\n padding-left: 25px;\n flex: 1 1 auto;\n }\n\n input[type=checkbox] {\n position: absolute;\n left: 0;\n top: 5px;\n margin: 0;\n }\n }\n }\n\n .input.static .label_input__wrapper {\n font-size: 16px;\n padding: 10px;\n border: 1px solid $dark-text-color;\n border-radius: 4px;\n }\n\n input[type=text],\n input[type=number],\n input[type=email],\n input[type=password],\n textarea {\n box-sizing: border-box;\n font-size: 16px;\n color: $primary-text-color;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: darken($ui-base-color, 10%);\n border: 1px solid darken($ui-base-color, 14%);\n border-radius: 4px;\n padding: 10px;\n\n &::placeholder {\n color: lighten($darker-text-color, 4%);\n }\n\n &:invalid {\n box-shadow: none;\n }\n\n &:focus:invalid:not(:placeholder-shown) {\n border-color: lighten($error-red, 12%);\n }\n\n &:required:valid {\n border-color: $valid-value-color;\n }\n\n &:hover {\n border-color: darken($ui-base-color, 20%);\n }\n\n &:active,\n &:focus {\n border-color: $highlight-text-color;\n background: darken($ui-base-color, 8%);\n }\n }\n\n .input.field_with_errors {\n label {\n color: lighten($error-red, 12%);\n }\n\n input[type=text],\n input[type=number],\n input[type=email],\n input[type=password],\n textarea,\n select {\n border-color: lighten($error-red, 12%);\n }\n\n .error {\n display: block;\n font-weight: 500;\n color: lighten($error-red, 12%);\n margin-top: 4px;\n }\n }\n\n .input.disabled {\n opacity: 0.5;\n }\n\n .actions {\n margin-top: 30px;\n display: flex;\n\n &.actions--top {\n margin-top: 0;\n margin-bottom: 30px;\n }\n }\n\n button,\n .button,\n .block-button {\n display: block;\n width: 100%;\n border: 0;\n border-radius: 4px;\n background: $ui-highlight-color;\n color: $primary-text-color;\n font-size: 18px;\n line-height: inherit;\n height: auto;\n padding: 10px;\n text-transform: uppercase;\n text-decoration: none;\n text-align: center;\n box-sizing: border-box;\n cursor: pointer;\n font-weight: 500;\n outline: 0;\n margin-bottom: 10px;\n margin-right: 10px;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n background-color: lighten($ui-highlight-color, 5%);\n }\n\n &:active,\n &:focus {\n background-color: darken($ui-highlight-color, 5%);\n }\n\n &:disabled:hover {\n background-color: $ui-primary-color;\n }\n\n &.negative {\n background: $error-value-color;\n\n &:hover {\n background-color: lighten($error-value-color, 5%);\n }\n\n &:active,\n &:focus {\n background-color: darken($error-value-color, 5%);\n }\n }\n }\n\n select {\n appearance: none;\n box-sizing: border-box;\n font-size: 16px;\n color: $primary-text-color;\n display: block;\n width: 100%;\n outline: 0;\n font-family: inherit;\n resize: vertical;\n background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid darken($ui-base-color, 14%);\n border-radius: 4px;\n padding-left: 10px;\n padding-right: 30px;\n height: 41px;\n }\n\n h4 {\n margin-bottom: 15px !important;\n }\n\n .label_input {\n &__wrapper {\n position: relative;\n }\n\n &__append {\n position: absolute;\n right: 3px;\n top: 1px;\n padding: 10px;\n padding-bottom: 9px;\n font-size: 16px;\n color: $dark-text-color;\n font-family: inherit;\n pointer-events: none;\n cursor: default;\n max-width: 140px;\n white-space: nowrap;\n overflow: hidden;\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1px;\n width: 5px;\n background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n }\n }\n }\n\n &__overlay-area {\n position: relative;\n\n &__overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba($ui-base-color, 0.65);\n backdrop-filter: blur(2px);\n border-radius: 4px;\n\n &__content {\n text-align: center;\n\n &.rich-formatting {\n &,\n p {\n color: $primary-text-color;\n }\n }\n }\n }\n }\n}\n\n.block-icon {\n display: block;\n margin: 0 auto;\n margin-bottom: 10px;\n font-size: 24px;\n}\n\n.flash-message {\n background: lighten($ui-base-color, 8%);\n color: $darker-text-color;\n border-radius: 4px;\n padding: 15px 10px;\n margin-bottom: 30px;\n text-align: center;\n\n &.notice {\n border: 1px solid rgba($valid-value-color, 0.5);\n background: rgba($valid-value-color, 0.25);\n color: $valid-value-color;\n }\n\n &.alert {\n border: 1px solid rgba($error-value-color, 0.5);\n background: rgba($error-value-color, 0.25);\n color: $error-value-color;\n }\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n\n &:hover {\n color: $primary-text-color;\n text-decoration: underline;\n }\n }\n\n p {\n margin-bottom: 15px;\n }\n\n .oauth-code {\n outline: 0;\n box-sizing: border-box;\n display: block;\n width: 100%;\n border: 0;\n padding: 10px;\n font-family: $font-monospace, monospace;\n background: $ui-base-color;\n color: $primary-text-color;\n font-size: 14px;\n margin: 0;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n\n &:focus {\n background: lighten($ui-base-color, 4%);\n }\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n @media screen and (max-width: 740px) and (min-width: 441px) {\n margin-top: 40px;\n }\n}\n\n.form-footer {\n margin-top: 30px;\n text-align: center;\n\n a {\n color: $darker-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.quick-nav {\n list-style: none;\n margin-bottom: 25px;\n font-size: 14px;\n\n li {\n display: inline-block;\n margin-right: 10px;\n }\n\n a {\n color: $highlight-text-color;\n text-transform: uppercase;\n text-decoration: none;\n font-weight: 700;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($highlight-text-color, 8%);\n }\n }\n}\n\n.oauth-prompt,\n.follow-prompt {\n margin-bottom: 30px;\n color: $darker-text-color;\n\n h2 {\n font-size: 16px;\n margin-bottom: 30px;\n text-align: center;\n }\n\n strong {\n color: $secondary-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n @media screen and (max-width: 740px) and (min-width: 441px) {\n margin-top: 40px;\n }\n}\n\n.qr-wrapper {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n.qr-code {\n flex: 0 0 auto;\n background: $simple-background-color;\n padding: 4px;\n margin: 0 10px 20px 0;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n display: inline-block;\n\n svg {\n display: block;\n margin: 0;\n }\n}\n\n.qr-alternative {\n margin-bottom: 20px;\n color: $secondary-text-color;\n flex: 150px;\n\n samp {\n display: block;\n font-size: 14px;\n }\n}\n\n.table-form {\n p {\n margin-bottom: 15px;\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n}\n\n.simple_form,\n.table-form {\n .warning {\n box-sizing: border-box;\n background: rgba($error-value-color, 0.5);\n color: $primary-text-color;\n text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 15px;\n\n a {\n color: $primary-text-color;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n\n strong {\n font-weight: 600;\n display: block;\n margin-bottom: 5px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n\n .fa {\n font-weight: 400;\n }\n }\n }\n}\n\n.action-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n .actions,\n .pagination {\n flex: 1 1 auto;\n }\n\n .actions {\n padding: 30px 0;\n padding-right: 20px;\n flex: 0 0 auto;\n }\n}\n\n.post-follow-actions {\n text-align: center;\n color: $darker-text-color;\n\n div {\n margin-bottom: 4px;\n }\n}\n\n.alternative-login {\n margin-top: 20px;\n margin-bottom: 20px;\n\n h4 {\n font-size: 16px;\n color: $primary-text-color;\n text-align: center;\n margin-bottom: 20px;\n border: 0;\n padding: 0;\n }\n\n .button {\n display: block;\n }\n}\n\n.scope-danger {\n color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n textarea {\n font-family: $font-monospace, monospace;\n }\n}\n\n.input-copy {\n background: darken($ui-base-color, 10%);\n border: 1px solid darken($ui-base-color, 14%);\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding-right: 4px;\n position: relative;\n top: 1px;\n transition: border-color 300ms linear;\n\n &__wrapper {\n flex: 1 1 auto;\n }\n\n input[type=text] {\n background: transparent;\n border: 0;\n padding: 10px;\n font-size: 14px;\n font-family: $font-monospace, monospace;\n }\n\n button {\n flex: 0 0 auto;\n margin: 4px;\n text-transform: none;\n font-weight: 400;\n font-size: 14px;\n padding: 7px 18px;\n padding-bottom: 6px;\n width: auto;\n transition: background 300ms linear;\n }\n\n &.copied {\n border-color: $valid-value-color;\n transition: none;\n\n button {\n background: $valid-value-color;\n transition: none;\n }\n }\n}\n\n.connection-prompt {\n margin-bottom: 25px;\n\n .fa-link {\n background-color: darken($ui-base-color, 4%);\n border-radius: 100%;\n font-size: 24px;\n padding: 10px;\n }\n\n &__column {\n align-items: center;\n display: flex;\n flex: 1;\n flex-direction: column;\n flex-shrink: 1;\n max-width: 50%;\n\n &-sep {\n align-self: center;\n flex-grow: 0;\n overflow: visible;\n position: relative;\n z-index: 1;\n }\n\n p {\n word-break: break-word;\n }\n }\n\n .account__avatar {\n margin-bottom: 20px;\n }\n\n &__connection {\n background-color: lighten($ui-base-color, 8%);\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n padding: 25px 10px;\n position: relative;\n text-align: center;\n\n &::after {\n background-color: darken($ui-base-color, 4%);\n content: '';\n display: block;\n height: 100%;\n left: 50%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n }\n\n &__row {\n align-items: flex-start;\n display: flex;\n flex-direction: row;\n }\n}\n",".card {\n & > a {\n display: block;\n text-decoration: none;\n color: inherit;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n box-shadow: none;\n }\n\n &:hover,\n &:active,\n &:focus {\n .card__bar {\n background: lighten($ui-base-color, 8%);\n }\n }\n }\n\n &__img {\n height: 130px;\n position: relative;\n background: darken($ui-base-color, 12%);\n border-radius: 4px 4px 0 0;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n object-fit: cover;\n border-radius: 4px 4px 0 0;\n }\n\n @media screen and (max-width: 600px) {\n height: 200px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__bar {\n position: relative;\n padding: 15px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n background: lighten($ui-base-color, 4%);\n border-radius: 0 0 4px 4px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-radius: 0;\n }\n\n .avatar {\n flex: 0 0 auto;\n width: 48px;\n height: 48px;\n padding-top: 2px;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n margin: 0;\n border-radius: 4px;\n background: darken($ui-base-color, 8%);\n object-fit: cover;\n }\n }\n\n .display-name {\n margin-left: 15px;\n text-align: left;\n\n strong {\n font-size: 15px;\n color: $primary-text-color;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n span {\n display: block;\n font-size: 14px;\n color: $darker-text-color;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n}\n\n.pagination {\n padding: 30px 0;\n text-align: center;\n overflow: hidden;\n\n a,\n .current,\n .newer,\n .older,\n .page,\n .gap {\n font-size: 14px;\n color: $primary-text-color;\n font-weight: 500;\n display: inline-block;\n padding: 6px 10px;\n text-decoration: none;\n }\n\n .current {\n background: $simple-background-color;\n border-radius: 100px;\n color: $inverted-text-color;\n cursor: default;\n margin: 0 10px;\n }\n\n .gap {\n cursor: default;\n }\n\n .older,\n .newer {\n text-transform: uppercase;\n color: $secondary-text-color;\n }\n\n .older {\n float: left;\n padding-left: 0;\n\n .fa {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n .newer {\n float: right;\n padding-right: 0;\n\n .fa {\n display: inline-block;\n margin-left: 5px;\n }\n }\n\n .disabled {\n cursor: default;\n color: lighten($inverted-text-color, 10%);\n }\n\n @media screen and (max-width: 700px) {\n padding: 30px 20px;\n\n .page {\n display: none;\n }\n\n .newer,\n .older {\n display: inline-block;\n }\n }\n}\n\n.nothing-here {\n background: $ui-base-color;\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n color: $light-text-color;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: default;\n border-radius: 4px;\n padding: 20px;\n min-height: 30vh;\n\n &--under-tabs {\n border-radius: 0 0 4px 4px;\n }\n\n &--flexible {\n box-sizing: border-box;\n min-height: 100%;\n }\n}\n\n.account-role,\n.simple_form .recommended {\n display: inline-block;\n padding: 4px 6px;\n cursor: default;\n border-radius: 3px;\n font-size: 12px;\n line-height: 12px;\n font-weight: 500;\n color: $ui-secondary-color;\n background-color: rgba($ui-secondary-color, 0.1);\n border: 1px solid rgba($ui-secondary-color, 0.5);\n\n &.moderator {\n color: $success-green;\n background-color: rgba($success-green, 0.1);\n border-color: rgba($success-green, 0.5);\n }\n\n &.admin {\n color: lighten($error-red, 12%);\n background-color: rgba(lighten($error-red, 12%), 0.1);\n border-color: rgba(lighten($error-red, 12%), 0.5);\n }\n}\n\n.account__header__fields {\n max-width: 100vw;\n padding: 0;\n margin: 15px -15px -15px;\n border: 0 none;\n border-top: 1px solid lighten($ui-base-color, 12%);\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n font-size: 14px;\n line-height: 20px;\n\n dl {\n display: flex;\n border-bottom: 1px solid lighten($ui-base-color, 12%);\n }\n\n dt,\n dd {\n box-sizing: border-box;\n padding: 14px;\n text-align: center;\n max-height: 48px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n dt {\n font-weight: 500;\n width: 120px;\n flex: 0 0 auto;\n color: $secondary-text-color;\n background: rgba(darken($ui-base-color, 8%), 0.5);\n }\n\n dd {\n flex: 1 1 auto;\n color: $darker-text-color;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n }\n\n .verified {\n border: 1px solid rgba($valid-value-color, 0.5);\n background: rgba($valid-value-color, 0.25);\n\n a {\n color: $valid-value-color;\n font-weight: 500;\n }\n\n &__mark {\n color: $valid-value-color;\n }\n }\n\n dl:last-child {\n border-bottom: 0;\n }\n}\n\n.directory__tag .trends__item__current {\n width: auto;\n}\n\n.pending-account {\n &__header {\n color: $darker-text-color;\n\n a {\n color: $ui-secondary-color;\n text-decoration: none;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: underline;\n }\n }\n\n strong {\n color: $primary-text-color;\n font-weight: 700;\n }\n }\n\n &__body {\n margin-top: 10px;\n }\n}\n",".activity-stream {\n box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 10px;\n\n &--under-tabs {\n border-radius: 0 0 4px 4px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n }\n\n &--headless {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n\n .detailed-status,\n .status {\n border-radius: 0 !important;\n }\n }\n\n div[data-component] {\n width: 100%;\n }\n\n .entry {\n background: $ui-base-color;\n\n .detailed-status,\n .status,\n .load-more {\n animation: none;\n }\n\n &:last-child {\n .detailed-status,\n .status,\n .load-more {\n border-bottom: 0;\n border-radius: 0 0 4px 4px;\n }\n }\n\n &:first-child {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 4px 4px 0 0;\n }\n\n &:last-child {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 4px;\n }\n }\n }\n\n @media screen and (max-width: 740px) {\n .detailed-status,\n .status,\n .load-more {\n border-radius: 0 !important;\n }\n }\n }\n\n &--highlighted .entry {\n background: lighten($ui-base-color, 8%);\n }\n}\n\n.button.logo-button {\n flex: 0 auto;\n font-size: 14px;\n background: $ui-highlight-color;\n color: $primary-text-color;\n text-transform: none;\n line-height: 36px;\n height: auto;\n padding: 3px 15px;\n border: 0;\n\n svg {\n width: 20px;\n height: auto;\n vertical-align: middle;\n margin-right: 5px;\n fill: $primary-text-color;\n }\n\n &:active,\n &:focus,\n &:hover {\n background: lighten($ui-highlight-color, 10%);\n }\n\n &:disabled,\n &.disabled {\n &:active,\n &:focus,\n &:hover {\n background: $ui-primary-color;\n }\n }\n\n &.button--destructive {\n &:active,\n &:focus,\n &:hover {\n background: $error-red;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n svg {\n display: none;\n }\n }\n}\n\n.embed,\n.public-layout {\n .detailed-status {\n padding: 15px;\n }\n\n .status {\n padding: 15px 15px 15px (48px + 15px * 2);\n min-height: 48px + 2px;\n\n &__avatar {\n left: 15px;\n top: 17px;\n }\n\n &__content {\n padding-top: 5px;\n }\n\n &__prepend {\n margin-left: 48px + 15px * 2;\n padding-top: 15px;\n }\n\n &__prepend-icon-wrapper {\n left: -32px;\n }\n\n .media-gallery,\n &__action-bar,\n .video-player {\n margin-top: 10px;\n }\n }\n}\n","button.icon-button i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n &:hover {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",null,"@mixin avatar-radius {\n border-radius: 4px;\n background: transparent no-repeat;\n background-position: 50%;\n background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n width: $size;\n height: $size;\n background-size: $size $size;\n}\n\n@mixin search-input {\n outline: 0;\n box-sizing: border-box;\n width: 100%;\n border: 0;\n box-shadow: none;\n font-family: inherit;\n background: $ui-base-color;\n color: $darker-text-color;\n font-size: 14px;\n margin: 0;\n}\n\n@mixin search-popout {\n background: $simple-background-color;\n border-radius: 4px;\n padding: 10px 14px;\n padding-bottom: 14px;\n margin-top: 10px;\n color: $light-text-color;\n box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n h4 {\n text-transform: uppercase;\n color: $light-text-color;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 10px;\n }\n\n li {\n padding: 4px 0;\n }\n\n ul {\n margin-bottom: 10px;\n }\n\n em {\n font-weight: 500;\n color: $inverted-text-color;\n }\n}\n",".poll {\n margin-top: 16px;\n font-size: 14px;\n\n li {\n margin-bottom: 10px;\n position: relative;\n }\n\n &__chart {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n display: inline-block;\n border-radius: 4px;\n background: darken($ui-primary-color, 14%);\n\n &.leading {\n background: $ui-highlight-color;\n }\n }\n\n &__text {\n position: relative;\n display: flex;\n padding: 6px 0;\n line-height: 18px;\n cursor: default;\n overflow: hidden;\n\n input[type=radio],\n input[type=checkbox] {\n display: none;\n }\n\n .autossugest-input {\n flex: 1 1 auto;\n }\n\n input[type=text] {\n display: block;\n box-sizing: border-box;\n width: 100%;\n font-size: 14px;\n color: $inverted-text-color;\n outline: 0;\n font-family: inherit;\n background: $simple-background-color;\n border: 1px solid darken($simple-background-color, 14%);\n border-radius: 4px;\n padding: 6px 10px;\n\n &:focus {\n border-color: $highlight-text-color;\n }\n }\n\n &.selectable {\n cursor: pointer;\n }\n\n &.editable {\n display: flex;\n align-items: center;\n overflow: visible;\n }\n }\n\n &__input {\n display: inline-block;\n position: relative;\n border: 1px solid $ui-primary-color;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n flex: 0 0 auto;\n margin-right: 10px;\n top: -1px;\n border-radius: 50%;\n vertical-align: middle;\n margin-top: auto;\n margin-bottom: auto;\n flex: 0 0 18px;\n\n &.checkbox {\n border-radius: 4px;\n }\n\n &.active {\n border-color: $valid-value-color;\n background: $valid-value-color;\n }\n }\n\n &__number {\n display: inline-block;\n width: 52px;\n font-weight: 700;\n padding: 0 10px;\n padding-left: 8px;\n text-align: right;\n margin-top: auto;\n margin-bottom: auto;\n flex: 0 0 52px;\n }\n\n &__vote__mark {\n float: left;\n line-height: 18px;\n }\n\n &__footer {\n padding-top: 6px;\n padding-bottom: 5px;\n color: $dark-text-color;\n }\n\n &__link {\n display: inline;\n background: transparent;\n padding: 0;\n margin: 0;\n border: 0;\n color: $dark-text-color;\n text-decoration: underline;\n font-size: inherit;\n\n &:hover {\n text-decoration: none;\n }\n\n &:active,\n &:focus {\n background-color: rgba($dark-text-color, .1);\n }\n }\n\n .button {\n height: 36px;\n padding: 0 16px;\n margin-right: 10px;\n font-size: 14px;\n }\n}\n\n.compose-form__poll-wrapper {\n border-top: 1px solid darken($simple-background-color, 8%);\n\n ul {\n padding: 10px;\n }\n\n .poll__footer {\n border-top: 1px solid darken($simple-background-color, 8%);\n padding: 10px;\n display: flex;\n align-items: center;\n\n button,\n select {\n flex: 1 1 50%;\n }\n }\n\n .button.button-secondary {\n font-size: 14px;\n font-weight: 400;\n padding: 6px 10px;\n height: auto;\n line-height: inherit;\n color: $action-button-color;\n border-color: $action-button-color;\n margin-right: 5px;\n }\n\n li {\n display: flex;\n align-items: center;\n\n .poll__text {\n flex: 0 0 auto;\n width: calc(100% - (23px + 6px));\n margin-right: 6px;\n }\n }\n\n select {\n appearance: none;\n box-sizing: border-box;\n font-size: 14px;\n color: $inverted-text-color;\n display: inline-block;\n width: auto;\n outline: 0;\n font-family: inherit;\n background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid darken($simple-background-color, 14%);\n border-radius: 4px;\n padding: 6px 10px;\n padding-right: 30px;\n }\n\n .icon-button.disabled {\n color: darken($simple-background-color, 14%);\n }\n}\n\n.muted .poll {\n color: $dark-text-color;\n\n &__chart {\n background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n &.leading {\n background: rgba($ui-highlight-color, 0.2);\n }\n }\n}\n",".modal-layout {\n background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n}\n\n.modal-layout__mastodon {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-end;\n\n > * {\n flex: 1;\n max-height: 235px;\n }\n}\n\n@media screen and (max-width: 600px) {\n .account-header {\n margin-top: 0;\n }\n}\n",".emoji-mart {\n font-size: 13px;\n display: inline-block;\n color: $inverted-text-color;\n\n &,\n * {\n box-sizing: border-box;\n line-height: 1.15;\n }\n\n .emoji-mart-emoji {\n padding: 6px;\n }\n}\n\n.emoji-mart-bar {\n border: 0 solid darken($ui-secondary-color, 8%);\n\n &:first-child {\n border-bottom-width: 1px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: $ui-secondary-color;\n }\n\n &:last-child {\n border-top-width: 1px;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n display: none;\n }\n}\n\n.emoji-mart-anchors {\n display: flex;\n justify-content: space-between;\n padding: 0 6px;\n color: $lighter-text-color;\n line-height: 0;\n}\n\n.emoji-mart-anchor {\n position: relative;\n flex: 1;\n text-align: center;\n padding: 12px 4px;\n overflow: hidden;\n transition: color .1s ease-out;\n cursor: pointer;\n\n &:hover {\n color: darken($lighter-text-color, 4%);\n }\n}\n\n.emoji-mart-anchor-selected {\n color: $highlight-text-color;\n\n &:hover {\n color: darken($highlight-text-color, 4%);\n }\n\n .emoji-mart-anchor-bar {\n bottom: -1px;\n }\n}\n\n.emoji-mart-anchor-bar {\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n i {\n display: inline-block;\n width: 100%;\n max-width: 22px;\n }\n\n svg {\n fill: currentColor;\n max-height: 18px;\n }\n}\n\n.emoji-mart-scroll {\n overflow-y: scroll;\n height: 270px;\n max-height: 35vh;\n padding: 0 6px 6px;\n background: $simple-background-color;\n will-change: transform;\n\n &::-webkit-scrollbar-track:hover,\n &::-webkit-scrollbar-track:active {\n background-color: rgba($base-overlay-background, 0.3);\n }\n}\n\n.emoji-mart-search {\n padding: 10px;\n padding-right: 45px;\n background: $simple-background-color;\n\n input {\n font-size: 14px;\n font-weight: 400;\n padding: 7px 9px;\n font-family: inherit;\n display: block;\n width: 100%;\n background: rgba($ui-secondary-color, 0.3);\n color: $inverted-text-color;\n border: 1px solid $ui-secondary-color;\n border-radius: 4px;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &::-moz-focus-inner,\n &:focus,\n &:active {\n outline: 0 !important;\n }\n }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n cursor: pointer;\n\n span {\n z-index: 1;\n position: relative;\n text-align: center;\n }\n\n &:hover::before {\n z-index: 0;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba($ui-secondary-color, 0.7);\n border-radius: 100%;\n }\n}\n\n.emoji-mart-category-label {\n z-index: 2;\n position: relative;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n\n span {\n display: block;\n width: 100%;\n font-weight: 500;\n padding: 5px 6px;\n background: $simple-background-color;\n }\n}\n\n.emoji-mart-emoji {\n position: relative;\n display: inline-block;\n font-size: 0;\n\n span {\n width: 22px;\n height: 22px;\n }\n}\n\n.emoji-mart-no-results {\n font-size: 14px;\n text-align: center;\n padding-top: 70px;\n color: $light-text-color;\n\n .emoji-mart-category-label {\n display: none;\n }\n\n .emoji-mart-no-results-label {\n margin-top: .2em;\n }\n\n .emoji-mart-emoji:hover::before {\n content: none;\n }\n}\n\n.emoji-mart-preview {\n display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n box-sizing: border-box;\n max-width: $maximum-width;\n margin: 0 auto;\n position: relative;\n\n @media screen and (max-width: $fluid-breakpoint) {\n width: 100%;\n padding: 0 10px;\n }\n}\n\n.rich-formatting {\n font-family: $font-sans-serif, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.7;\n word-wrap: break-word;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n }\n }\n\n p,\n li {\n color: $darker-text-color;\n }\n\n p {\n margin-top: 0;\n margin-bottom: .85em;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n strong {\n font-weight: 700;\n color: $secondary-text-color;\n }\n\n em {\n font-style: italic;\n color: $secondary-text-color;\n }\n\n code {\n font-size: 0.85em;\n background: darken($ui-base-color, 8%);\n border-radius: 4px;\n padding: 0.2em 0.3em;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: $font-display, sans-serif;\n margin-top: 1.275em;\n margin-bottom: .85em;\n font-weight: 500;\n color: $secondary-text-color;\n }\n\n h1 {\n font-size: 2em;\n }\n\n h2 {\n font-size: 1.75em;\n }\n\n h3 {\n font-size: 1.5em;\n }\n\n h4 {\n font-size: 1.25em;\n }\n\n h5,\n h6 {\n font-size: 1em;\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n ul,\n ol {\n margin: 0;\n padding: 0;\n padding-left: 2em;\n margin-bottom: 0.85em;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n margin: 1.7em 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n break-inside: auto;\n margin-top: 24px;\n margin-bottom: 32px;\n\n thead tr,\n tbody tr {\n break-after: auto;\n break-inside: avoid;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n font-size: 1em;\n line-height: 1.625;\n font-weight: 400;\n text-align: left;\n color: $darker-text-color;\n }\n\n thead tr {\n border-bottom-width: 2px;\n line-height: 1.5;\n font-weight: 500;\n color: $dark-text-color;\n }\n\n th,\n td {\n padding: 8px;\n align-self: start;\n align-items: start;\n\n &.nowrap {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 25%;\n }\n }\n }\n\n & > :first-child {\n margin-top: 0;\n }\n}\n\n.information-board {\n background: darken($ui-base-color, 4%);\n padding: 20px 0;\n\n .container-alt {\n position: relative;\n padding-right: 280px + 15px;\n }\n\n &__sections {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n\n &__section {\n flex: 1 0 0;\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n line-height: 28px;\n color: $primary-text-color;\n text-align: right;\n padding: 10px 15px;\n\n span,\n strong {\n display: block;\n }\n\n span {\n &:last-child {\n color: $secondary-text-color;\n }\n }\n\n strong {\n font-family: $font-display, sans-serif;\n font-weight: 500;\n font-size: 32px;\n line-height: 48px;\n }\n\n @media screen and (max-width: $column-breakpoint) {\n text-align: center;\n }\n }\n\n .panel {\n position: absolute;\n width: 280px;\n box-sizing: border-box;\n background: darken($ui-base-color, 8%);\n padding: 20px;\n padding-top: 10px;\n border-radius: 4px 4px 0 0;\n right: 0;\n bottom: -40px;\n\n .panel-header {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n color: $darker-text-color;\n padding-bottom: 5px;\n margin-bottom: 15px;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n a,\n span {\n font-weight: 400;\n color: darken($darker-text-color, 10%);\n }\n\n a {\n text-decoration: none;\n }\n }\n }\n\n .owner {\n text-align: center;\n\n .avatar {\n width: 80px;\n height: 80px;\n margin: 0 auto;\n margin-bottom: 15px;\n\n img {\n display: block;\n width: 80px;\n height: 80px;\n border-radius: 48px;\n }\n }\n\n .name {\n font-size: 14px;\n\n a {\n display: block;\n color: $primary-text-color;\n text-decoration: none;\n\n &:hover {\n .display_name {\n text-decoration: underline;\n }\n }\n }\n\n .username {\n display: block;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.landing-page {\n p,\n li {\n font-family: $font-sans-serif, sans-serif;\n font-size: 16px;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n margin-bottom: 12px;\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n }\n }\n\n em {\n display: inline;\n margin: 0;\n padding: 0;\n font-weight: 700;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n color: lighten($darker-text-color, 10%);\n }\n\n h1 {\n font-family: $font-display, sans-serif;\n font-size: 26px;\n line-height: 30px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n\n small {\n font-family: $font-sans-serif, sans-serif;\n display: block;\n font-size: 18px;\n font-weight: 400;\n color: lighten($darker-text-color, 10%);\n }\n }\n\n h2 {\n font-family: $font-display, sans-serif;\n font-size: 22px;\n line-height: 26px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h3 {\n font-family: $font-display, sans-serif;\n font-size: 18px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h4 {\n font-family: $font-display, sans-serif;\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h5 {\n font-family: $font-display, sans-serif;\n font-size: 14px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n h6 {\n font-family: $font-display, sans-serif;\n font-size: 12px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 20px;\n color: $secondary-text-color;\n }\n\n ul,\n ol {\n margin-left: 20px;\n\n &[type='a'] {\n list-style-type: lower-alpha;\n }\n\n &[type='i'] {\n list-style-type: lower-roman;\n }\n }\n\n ul {\n list-style: disc;\n }\n\n ol {\n list-style: decimal;\n }\n\n li > ol,\n li > ul {\n margin-top: 6px;\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n\n &__information,\n &__forms {\n padding: 20px;\n }\n\n &__call-to-action {\n background: $ui-base-color;\n border-radius: 4px;\n padding: 25px 40px;\n overflow: hidden;\n box-sizing: border-box;\n\n .row {\n width: 100%;\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n .row__information-board {\n display: flex;\n justify-content: flex-end;\n align-items: flex-end;\n\n .information-board__section {\n flex: 1 0 auto;\n padding: 0 10px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n width: 100%;\n justify-content: space-between;\n }\n }\n\n .row__mascot {\n flex: 1;\n margin: 10px -50px 0 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n }\n\n &__logo {\n margin-right: 20px;\n\n img {\n height: 50px;\n width: auto;\n mix-blend-mode: lighten;\n }\n }\n\n &__information {\n padding: 45px 40px;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n strong {\n font-weight: 500;\n color: lighten($darker-text-color, 10%);\n }\n\n .account {\n border-bottom: 0;\n padding: 0;\n\n &__display-name {\n align-items: center;\n display: flex;\n margin-right: 5px;\n }\n\n div.account__display-name {\n &:hover {\n .display-name strong {\n text-decoration: none;\n }\n }\n\n .account__avatar {\n cursor: default;\n }\n }\n\n &__avatar-wrapper {\n margin-left: 0;\n flex: 0 0 auto;\n }\n\n &__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n }\n\n .display-name {\n font-size: 15px;\n\n &__account {\n font-size: 14px;\n }\n }\n }\n\n @media screen and (max-width: $small-breakpoint) {\n .contact {\n margin-top: 30px;\n }\n }\n\n @media screen and (max-width: $column-breakpoint) {\n padding: 25px 20px;\n }\n }\n\n &__information,\n &__forms,\n #mastodon-timeline {\n box-sizing: border-box;\n background: $ui-base-color;\n border-radius: 4px;\n box-shadow: 0 0 6px rgba($black, 0.1);\n }\n\n &__mascot {\n height: 104px;\n position: relative;\n left: -40px;\n bottom: 25px;\n\n img {\n height: 190px;\n width: auto;\n }\n }\n\n &__short-description {\n .row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 40px;\n }\n\n @media screen and (max-width: $column-breakpoint) {\n .row {\n margin-bottom: 20px;\n }\n }\n\n p a {\n color: $secondary-text-color;\n }\n\n h1 {\n font-weight: 500;\n color: $primary-text-color;\n margin-bottom: 0;\n\n small {\n color: $darker-text-color;\n\n span {\n color: $secondary-text-color;\n }\n }\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n }\n\n &__hero {\n margin-bottom: 10px;\n\n img {\n display: block;\n margin: 0;\n max-width: 100%;\n height: auto;\n border-radius: 4px;\n }\n }\n\n @media screen and (max-width: 840px) {\n .information-board {\n .container-alt {\n padding-right: 20px;\n }\n\n .panel {\n position: static;\n margin-top: 20px;\n width: 100%;\n border-radius: 4px;\n\n .panel-header {\n text-align: center;\n }\n }\n }\n }\n\n @media screen and (max-width: 675px) {\n .header-wrapper {\n padding-top: 0;\n\n &.compact {\n padding-bottom: 0;\n }\n\n &.compact .hero .heading {\n text-align: initial;\n }\n }\n\n .header .container-alt,\n .features .container-alt {\n display: block;\n }\n }\n\n .cta {\n margin: 20px;\n }\n}\n\n.landing {\n margin-bottom: 100px;\n\n @media screen and (max-width: 738px) {\n margin-bottom: 0;\n }\n\n &__brand {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 50px;\n\n svg {\n fill: $primary-text-color;\n height: 52px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n padding: 0;\n margin-bottom: 30px;\n }\n }\n\n .directory {\n margin-top: 30px;\n background: transparent;\n box-shadow: none;\n border-radius: 0;\n }\n\n .hero-widget {\n margin-top: 30px;\n margin-bottom: 0;\n\n h4 {\n padding: 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 13px;\n color: $darker-text-color;\n }\n\n &__text {\n border-radius: 0;\n padding-bottom: 0;\n }\n\n &__footer {\n background: $ui-base-color;\n padding: 10px;\n border-radius: 0 0 4px 4px;\n display: flex;\n\n &__column {\n flex: 1 1 50%;\n }\n }\n\n .account {\n padding: 10px 0;\n border-bottom: 0;\n\n .account__display-name {\n display: flex;\n align-items: center;\n }\n\n .account__avatar {\n width: 44px;\n height: 44px;\n background-size: 44px 44px;\n }\n }\n\n &__counter {\n padding: 10px;\n\n strong {\n font-family: $font-display, sans-serif;\n font-size: 15px;\n font-weight: 700;\n display: block;\n }\n\n span {\n font-size: 14px;\n color: $darker-text-color;\n }\n }\n }\n\n .simple_form .user_agreement .label_input > label {\n font-weight: 400;\n color: $darker-text-color;\n }\n\n .simple_form p.lead {\n color: $darker-text-color;\n font-size: 15px;\n line-height: 20px;\n font-weight: 400;\n margin-bottom: 25px;\n }\n\n &__grid {\n max-width: 960px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n grid-gap: 30px;\n\n @media screen and (max-width: 738px) {\n grid-template-columns: minmax(0, 100%);\n grid-gap: 10px;\n\n &__column-login {\n grid-row: 1;\n display: flex;\n flex-direction: column;\n\n .box-widget {\n order: 2;\n flex: 0 0 auto;\n }\n\n .hero-widget {\n margin-top: 0;\n margin-bottom: 10px;\n order: 1;\n flex: 0 0 auto;\n }\n }\n\n &__column-registration {\n grid-row: 2;\n }\n\n .directory {\n margin-top: 10px;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n grid-gap: 0;\n\n .hero-widget {\n display: block;\n margin-bottom: 0;\n box-shadow: none;\n\n &__img,\n &__img img,\n &__footer {\n border-radius: 0;\n }\n }\n\n .hero-widget,\n .box-widget,\n .directory__tag {\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n .directory {\n margin-top: 0;\n\n &__tag {\n margin-bottom: 0;\n\n & > a,\n & > div {\n border-radius: 0;\n box-shadow: none;\n }\n\n &:last-child {\n border-bottom: 0;\n }\n }\n }\n }\n }\n}\n\n.brand {\n position: relative;\n text-decoration: none;\n}\n\n.brand__tagline {\n display: block;\n position: absolute;\n bottom: -10px;\n left: 50px;\n width: 300px;\n color: $ui-primary-color;\n text-decoration: none;\n font-size: 14px;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n position: static;\n width: auto;\n margin-top: 20px;\n color: $dark-text-color;\n }\n}\n\n",".table {\n width: 100%;\n max-width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n\n th,\n td {\n padding: 8px;\n line-height: 18px;\n vertical-align: top;\n border-top: 1px solid $ui-base-color;\n text-align: left;\n background: darken($ui-base-color, 4%);\n }\n\n & > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid $ui-base-color;\n border-top: 0;\n font-weight: 500;\n }\n\n & > tbody > tr > th {\n font-weight: 500;\n }\n\n & > tbody > tr:nth-child(odd) > td,\n & > tbody > tr:nth-child(odd) > th {\n background: $ui-base-color;\n }\n\n a {\n color: $highlight-text-color;\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n strong {\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n &.inline-table {\n & > tbody > tr:nth-child(odd) {\n & > td,\n & > th {\n background: transparent;\n }\n }\n\n & > tbody > tr:first-child {\n & > td,\n & > th {\n border-top: 0;\n }\n }\n }\n\n &.batch-table {\n & > thead > tr > th {\n background: $ui-base-color;\n border-top: 1px solid darken($ui-base-color, 8%);\n border-bottom: 1px solid darken($ui-base-color, 8%);\n\n &:first-child {\n border-radius: 4px 0 0;\n border-left: 1px solid darken($ui-base-color, 8%);\n }\n\n &:last-child {\n border-radius: 0 4px 0 0;\n border-right: 1px solid darken($ui-base-color, 8%);\n }\n }\n }\n\n &--invites tbody td {\n vertical-align: middle;\n }\n}\n\n.table-wrapper {\n overflow: auto;\n margin-bottom: 20px;\n}\n\nsamp {\n font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n background: transparent;\n border: 0;\n font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n text-decoration: none;\n display: inline-block;\n margin-right: 5px;\n padding: 0 10px;\n color: $darker-text-color;\n font-weight: 500;\n\n &:hover {\n color: $primary-text-color;\n }\n\n i.fa {\n font-weight: 400;\n margin-right: 5px;\n }\n\n &:first-child {\n padding-left: 0;\n }\n}\n\n.batch-table {\n &__toolbar,\n &__row {\n display: flex;\n\n &__select {\n box-sizing: border-box;\n padding: 8px 16px;\n cursor: pointer;\n min-height: 100%;\n\n input {\n margin-top: 8px;\n }\n\n &--aligned {\n display: flex;\n align-items: center;\n\n input {\n margin-top: 0;\n }\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__actions,\n &__content {\n padding: 8px 0;\n padding-right: 16px;\n flex: 1 1 auto;\n }\n }\n\n &__toolbar {\n border: 1px solid darken($ui-base-color, 8%);\n background: $ui-base-color;\n border-radius: 4px 0 0;\n height: 47px;\n align-items: center;\n\n &__actions {\n text-align: right;\n padding-right: 16px - 5px;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n display: none;\n }\n }\n\n &__form {\n padding: 16px;\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n background: $ui-base-color;\n\n .fields-row {\n padding-top: 0;\n margin-bottom: 0;\n }\n }\n\n &__row {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n background: darken($ui-base-color, 4%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n &:first-child {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n &:hover {\n background: darken($ui-base-color, 2%);\n }\n\n &:nth-child(even) {\n background: $ui-base-color;\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n }\n\n &__content {\n padding-top: 12px;\n padding-bottom: 16px;\n\n &--unpadded {\n padding: 0;\n }\n\n &--with-image {\n display: flex;\n align-items: center;\n }\n\n &__image {\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 10px;\n\n .emojione {\n width: 32px;\n height: 32px;\n }\n }\n\n &__text {\n flex: 1 1 auto;\n }\n\n &__extra {\n flex: 0 0 auto;\n text-align: right;\n color: $darker-text-color;\n font-weight: 500;\n }\n }\n\n .directory__tag {\n margin: 0;\n width: 100%;\n\n a {\n background: transparent;\n border-radius: 0;\n }\n }\n }\n\n .status__content {\n padding-top: 0;\n\n summary {\n display: list-item;\n }\n\n strong {\n font-weight: 700;\n }\n }\n\n .nothing-here {\n border: 1px solid darken($ui-base-color, 8%);\n border-top: 0;\n box-shadow: none;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 1px solid darken($ui-base-color, 8%);\n }\n }\n\n @media screen and (max-width: 870px) {\n .accounts-table tbody td.optional {\n display: none;\n }\n }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\n min-height: 100vh;\n\n .sidebar-wrapper {\n min-height: 100vh;\n overflow: hidden;\n pointer-events: none;\n flex: 1 1 auto;\n\n &__inner {\n display: flex;\n justify-content: flex-end;\n background: $ui-base-color;\n height: 100%;\n }\n }\n\n .sidebar {\n width: $sidebar-width;\n padding: 0;\n pointer-events: auto;\n\n &__toggle {\n display: none;\n background: lighten($ui-base-color, 8%);\n height: 48px;\n\n &__logo {\n flex: 1 1 auto;\n\n a {\n display: inline-block;\n padding: 15px;\n }\n\n svg {\n fill: $primary-text-color;\n height: 20px;\n position: relative;\n bottom: -2px;\n }\n }\n\n &__icon {\n display: block;\n color: $darker-text-color;\n text-decoration: none;\n flex: 0 0 auto;\n font-size: 20px;\n padding: 15px;\n }\n\n a {\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 12%);\n }\n }\n }\n\n .logo {\n display: block;\n margin: 40px auto;\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n & > a:first-child {\n display: none;\n }\n }\n\n ul {\n list-style: none;\n border-radius: 4px 0 0 4px;\n overflow: hidden;\n margin-bottom: 20px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n margin-bottom: 0;\n }\n\n a {\n display: block;\n padding: 15px;\n color: $darker-text-color;\n text-decoration: none;\n transition: all 200ms linear;\n transition-property: color, background-color;\n border-radius: 4px 0 0 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n i.fa {\n margin-right: 5px;\n }\n\n &:hover {\n color: $primary-text-color;\n background-color: darken($ui-base-color, 5%);\n transition: all 100ms linear;\n transition-property: color, background-color;\n }\n\n &.selected {\n background: darken($ui-base-color, 2%);\n border-radius: 4px 0 0;\n }\n }\n\n ul {\n background: darken($ui-base-color, 4%);\n border-radius: 0 0 0 4px;\n margin: 0;\n\n a {\n border: 0;\n padding: 15px 35px;\n }\n }\n\n .simple-navigation-active-leaf a {\n color: $primary-text-color;\n background-color: $ui-highlight-color;\n border-bottom: 0;\n border-radius: 0;\n\n &:hover {\n background-color: lighten($ui-highlight-color, 5%);\n }\n }\n }\n\n & > ul > .simple-navigation-active-leaf a {\n border-radius: 4px 0 0 4px;\n }\n }\n\n .content-wrapper {\n box-sizing: border-box;\n width: 100%;\n max-width: $content-width;\n flex: 1 1 auto;\n }\n\n @media screen and (max-width: $content-width + $sidebar-width) {\n .sidebar-wrapper--empty {\n display: none;\n }\n\n .sidebar-wrapper {\n width: $sidebar-width;\n flex: 0 0 auto;\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n .sidebar-wrapper {\n width: 100%;\n }\n }\n\n .content {\n padding: 20px 15px;\n padding-top: 60px;\n padding-left: 25px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n max-width: none;\n padding: 15px;\n padding-top: 30px;\n }\n\n h2 {\n color: $secondary-text-color;\n font-size: 24px;\n line-height: 28px;\n font-weight: 400;\n padding-bottom: 40px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n margin-bottom: 40px;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n border-bottom: 0;\n padding-bottom: 0;\n font-weight: 700;\n }\n }\n\n h3 {\n color: $secondary-text-color;\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 30px;\n }\n\n h4 {\n text-transform: uppercase;\n font-size: 13px;\n font-weight: 700;\n color: $darker-text-color;\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n }\n\n h6 {\n font-size: 16px;\n color: $secondary-text-color;\n line-height: 28px;\n font-weight: 500;\n }\n\n .fields-group h6 {\n color: $primary-text-color;\n font-weight: 500;\n }\n\n .directory__tag > a,\n .directory__tag > div {\n box-shadow: none;\n }\n\n .directory__tag .table-action-link .fa {\n color: inherit;\n }\n\n .directory__tag h4 {\n font-size: 18px;\n font-weight: 700;\n color: $primary-text-color;\n text-transform: none;\n padding-bottom: 0;\n margin-bottom: 0;\n border-bottom: 0;\n }\n\n & > p {\n font-size: 14px;\n line-height: 21px;\n color: $secondary-text-color;\n margin-bottom: 20px;\n\n strong {\n color: $primary-text-color;\n font-weight: 500;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n }\n\n hr {\n width: 100%;\n height: 0;\n border: 0;\n border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n margin: 20px 0;\n\n &.spacer {\n height: 1px;\n border: 0;\n }\n }\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n display: block;\n\n .sidebar-wrapper {\n min-height: 0;\n }\n\n .sidebar {\n width: 100%;\n padding: 0;\n height: auto;\n\n &__toggle {\n display: flex;\n }\n\n & > ul {\n display: none;\n }\n\n ul a,\n ul ul a {\n border-radius: 0;\n border-bottom: 1px solid lighten($ui-base-color, 4%);\n transition: none;\n\n &:hover {\n transition: none;\n }\n }\n\n ul ul {\n border-radius: 0;\n }\n\n ul .simple-navigation-active-leaf a {\n border-bottom-color: $ui-highlight-color;\n }\n }\n }\n}\n\nhr.spacer {\n width: 100%;\n border: 0;\n margin: 20px 0;\n height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n .muted-hint {\n color: $darker-text-color;\n\n a {\n color: $highlight-text-color;\n }\n }\n\n .positive-hint {\n color: $valid-value-color;\n font-weight: 500;\n }\n\n .negative-hint {\n color: $error-value-color;\n font-weight: 500;\n }\n\n .neutral-hint {\n color: $dark-text-color;\n font-weight: 500;\n }\n\n .warning-hint {\n color: $gold-star;\n font-weight: 500;\n }\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n\n .filter-subset {\n flex: 0 0 auto;\n margin: 0 40px 20px 0;\n\n &:last-child {\n margin-bottom: 30px;\n }\n\n ul {\n margin-top: 5px;\n list-style: none;\n\n li {\n display: inline-block;\n margin-right: 5px;\n }\n }\n\n strong {\n font-weight: 500;\n text-transform: uppercase;\n font-size: 12px;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n a {\n display: inline-block;\n color: $darker-text-color;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n border-bottom: 2px solid $ui-base-color;\n\n &:hover {\n color: $primary-text-color;\n border-bottom: 2px solid lighten($ui-base-color, 5%);\n }\n\n &.selected {\n color: $highlight-text-color;\n border-bottom: 2px solid $ui-highlight-color;\n }\n }\n }\n}\n\n.flavour-screen {\n display: block;\n margin: 10px auto;\n max-width: 100%;\n}\n\n.flavour-description {\n display: block;\n font-size: 16px;\n margin: 10px 0;\n\n & > p {\n margin: 10px 0;\n }\n}\n\n.flavour-screen {\n display: block;\n margin: 10px auto;\n max-width: 100%;\n}\n\n.flavour-description {\n display: block;\n font-size: 16px;\n margin: 10px 0;\n\n & > p {\n margin: 10px 0;\n }\n}\n\n.report-accounts {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n\n.report-accounts__item {\n display: flex;\n flex: 250px;\n flex-direction: column;\n margin: 0 5px;\n\n & > strong {\n display: block;\n margin: 0 0 10px -5px;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: $secondary-text-color;\n\n @each $lang in $cjk-langs {\n &:lang(#{$lang}) {\n font-weight: 700;\n }\n }\n }\n\n .account-card {\n flex: 1 1 auto;\n }\n}\n\n.report-status,\n.account-status {\n display: flex;\n margin-bottom: 10px;\n\n .activity-stream {\n flex: 2 0 0;\n margin-right: 20px;\n max-width: calc(100% - 60px);\n\n .entry {\n border-radius: 4px;\n }\n }\n}\n\n.report-status__actions,\n.account-status__actions {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n\n .icon-button {\n font-size: 24px;\n width: 24px;\n text-align: center;\n margin-bottom: 10px;\n }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n max-width: 100%;\n}\n\n.batch-form-box {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 5px;\n\n #form_status_batch_action {\n margin: 0 5px 5px 0;\n font-size: 14px;\n }\n\n input.button {\n margin: 0 5px 5px 0;\n }\n\n .media-spoiler-toggle-buttons {\n margin-left: auto;\n\n .button {\n overflow: visible;\n margin: 0 0 5px 5px;\n float: right;\n }\n }\n}\n\n.back-link {\n margin-bottom: 10px;\n font-size: 14px;\n\n a {\n color: $highlight-text-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.spacer {\n flex: 1 1 auto;\n}\n\n.log-entry {\n margin-bottom: 20px;\n line-height: 20px;\n\n &__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n background: $ui-base-color;\n color: $darker-text-color;\n border-radius: 4px 4px 0 0;\n font-size: 14px;\n position: relative;\n }\n\n &__avatar {\n margin-right: 10px;\n\n .avatar {\n display: block;\n margin: 0;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n }\n }\n\n &__content {\n max-width: calc(100% - 90px);\n }\n\n &__title {\n word-wrap: break-word;\n }\n\n &__timestamp {\n color: $dark-text-color;\n }\n\n &__extras {\n background: lighten($ui-base-color, 6%);\n border-radius: 0 0 4px 4px;\n padding: 10px;\n color: $darker-text-color;\n font-family: $font-monospace, monospace;\n font-size: 12px;\n word-wrap: break-word;\n min-height: 20px;\n }\n\n &__icon {\n font-size: 28px;\n margin-right: 10px;\n color: $dark-text-color;\n }\n\n &__icon__overlay {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n\n &.positive {\n background: $success-green;\n }\n\n &.negative {\n background: lighten($error-red, 12%);\n }\n\n &.neutral {\n background: $ui-highlight-color;\n }\n }\n\n a,\n .username,\n .target {\n color: $secondary-text-color;\n text-decoration: none;\n font-weight: 500;\n }\n\n .diff-old {\n color: lighten($error-red, 12%);\n }\n\n .diff-neutral {\n color: $secondary-text-color;\n }\n\n .diff-new {\n color: $success-green;\n }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n text-decoration: none;\n color: $secondary-text-color;\n\n .username {\n font-weight: 500;\n }\n\n &.suspended {\n .username {\n text-decoration: line-through;\n color: lighten($error-red, 12%);\n }\n\n .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n }\n }\n}\n\na.name-tag,\n.name-tag {\n display: flex;\n align-items: center;\n\n .avatar {\n display: block;\n margin: 0;\n margin-right: 5px;\n border-radius: 50%;\n }\n\n &.suspended {\n .avatar {\n filter: grayscale(100%);\n opacity: 0.8;\n }\n }\n}\n\n.speech-bubble {\n margin-bottom: 20px;\n border-left: 4px solid $ui-highlight-color;\n\n &.positive {\n border-left-color: $success-green;\n }\n\n &.negative {\n border-left-color: lighten($error-red, 12%);\n }\n\n &.warning {\n border-left-color: $gold-star;\n }\n\n &__bubble {\n padding: 16px;\n padding-left: 14px;\n font-size: 15px;\n line-height: 20px;\n border-radius: 4px 4px 4px 0;\n position: relative;\n font-weight: 500;\n\n a {\n color: $darker-text-color;\n }\n }\n\n &__owner {\n padding: 8px;\n padding-left: 12px;\n }\n\n time {\n color: $dark-text-color;\n }\n}\n\n.report-card {\n background: $ui-base-color;\n border-radius: 4px;\n margin-bottom: 20px;\n\n &__profile {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px;\n\n .account {\n padding: 0;\n border: 0;\n\n &__avatar-wrapper {\n margin-left: 0;\n }\n }\n\n &__stats {\n flex: 0 0 auto;\n font-weight: 500;\n color: $darker-text-color;\n text-transform: uppercase;\n text-align: right;\n\n a {\n color: inherit;\n text-decoration: none;\n\n &:focus,\n &:hover,\n &:active {\n color: lighten($darker-text-color, 8%);\n }\n }\n\n .red {\n color: $error-value-color;\n }\n }\n }\n\n &__summary {\n &__item {\n display: flex;\n justify-content: flex-start;\n border-top: 1px solid darken($ui-base-color, 4%);\n\n &:hover {\n background: lighten($ui-base-color, 2%);\n }\n\n &__reported-by,\n &__assigned {\n padding: 15px;\n flex: 0 0 auto;\n box-sizing: border-box;\n width: 150px;\n color: $darker-text-color;\n\n &,\n .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n &__content {\n flex: 1 1 auto;\n max-width: calc(100% - 300px);\n\n &__icon {\n color: $dark-text-color;\n margin-right: 4px;\n font-weight: 500;\n }\n }\n\n &__content a {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n text-decoration: none;\n color: $darker-text-color;\n }\n }\n }\n}\n\n.one-line {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n display: inline-block;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n}\n\n.admin-account-bio {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-top: 20px;\n\n > div {\n box-sizing: border-box;\n padding: 0 5px;\n margin-bottom: 10px;\n flex: 1 0 50%;\n }\n\n .account__header__fields,\n .account__header__content {\n background: lighten($ui-base-color, 8%);\n border-radius: 4px;\n height: 100%;\n }\n\n .account__header__fields {\n margin: 0;\n border: 0;\n\n a {\n color: lighten($ui-highlight-color, 8%);\n }\n\n dl:first-child .verified {\n border-radius: 0 4px 0 0;\n }\n\n .verified a {\n color: $valid-value-color;\n }\n }\n\n .account__header__content {\n box-sizing: border-box;\n padding: 20px;\n color: $primary-text-color;\n }\n}\n",".dashboard__counters {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n margin-bottom: 20px;\n\n & > div {\n box-sizing: border-box;\n flex: 0 0 33.333%;\n padding: 0 5px;\n margin-bottom: 10px;\n\n & > div,\n & > a {\n padding: 20px;\n background: lighten($ui-base-color, 4%);\n border-radius: 4px;\n box-sizing: border-box;\n height: 100%;\n }\n\n & > a {\n text-decoration: none;\n color: inherit;\n display: block;\n\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 8%);\n }\n }\n }\n\n &__num,\n &__text {\n text-align: center;\n font-weight: 500;\n font-size: 24px;\n line-height: 21px;\n color: $primary-text-color;\n font-family: $font-display, sans-serif;\n margin-bottom: 20px;\n line-height: 30px;\n }\n\n &__text {\n font-size: 18px;\n }\n\n &__label {\n font-size: 14px;\n color: $darker-text-color;\n text-align: center;\n font-weight: 500;\n }\n}\n\n.dashboard__widgets {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -5px;\n\n & > div {\n flex: 0 0 33.333%;\n margin-bottom: 20px;\n\n & > div {\n padding: 0 5px;\n }\n }\n\n a:not(.name-tag) {\n color: $ui-secondary-color;\n font-weight: 500;\n text-decoration: none;\n }\n}\n","body.rtl {\n direction: rtl;\n\n .column-header > button {\n text-align: right;\n padding-left: 0;\n padding-right: 15px;\n }\n\n .landing-page__logo {\n margin-right: 0;\n margin-left: 20px;\n }\n\n .landing-page .features-list .features-list__row .visual {\n margin-left: 0;\n margin-right: 15px;\n }\n\n .column-link__icon,\n .column-header__icon {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n margin-right: 0;\n margin-left: 4px;\n }\n\n .navigation-bar__profile {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .search__input {\n padding-right: 10px;\n padding-left: 30px;\n }\n\n .search__icon .fa {\n right: auto;\n left: 10px;\n }\n\n .columns-area {\n direction: rtl;\n }\n\n .column-header__buttons {\n left: 0;\n right: auto;\n margin-left: 0;\n margin-right: -15px;\n }\n\n .column-inline-form .icon-button {\n margin-left: 0;\n margin-right: 5px;\n }\n\n .column-header__links .text-btn {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .account__avatar-wrapper {\n float: right;\n }\n\n .column-header__back-button {\n padding-left: 5px;\n padding-right: 0;\n }\n\n .column-header__setting-arrows {\n float: left;\n }\n\n .setting-toggle__label {\n margin-left: 0;\n margin-right: 8px;\n }\n\n .status__avatar {\n left: auto;\n right: 10px;\n }\n\n .status,\n .activity-stream .status.light {\n padding-left: 10px;\n padding-right: 68px;\n }\n\n .status__info .status__display-name,\n .activity-stream .status.light .status__display-name {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .activity-stream .pre-header {\n padding-right: 68px;\n padding-left: 0;\n }\n\n .status__prepend {\n margin-left: 0;\n margin-right: 68px;\n }\n\n .status__prepend-icon-wrapper {\n left: auto;\n right: -26px;\n }\n\n .activity-stream .pre-header .pre-header__icon {\n left: auto;\n right: 42px;\n }\n\n .account__avatar-overlay-overlay {\n right: auto;\n left: 0;\n }\n\n .column-back-button--slim-button {\n right: auto;\n left: 0;\n }\n\n .status__relative-time,\n .activity-stream .status.light .status__header .status__meta {\n float: left;\n }\n\n .status__action-bar {\n\n &__counter {\n margin-right: 0;\n margin-left: 11px;\n\n .status__action-bar-button {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n }\n\n .status__action-bar-button {\n float: right;\n margin-right: 0;\n margin-left: 18px;\n }\n\n .status__action-bar-dropdown {\n float: right;\n }\n\n .privacy-dropdown__dropdown {\n margin-left: 0;\n margin-right: 40px;\n }\n\n .privacy-dropdown__option__icon {\n margin-left: 10px;\n margin-right: 0;\n }\n\n .detailed-status__display-name .display-name {\n text-align: right;\n }\n\n .detailed-status__display-avatar {\n margin-right: 0;\n margin-left: 10px;\n float: right;\n }\n\n .detailed-status__favorites,\n .detailed-status__reblogs {\n margin-left: 0;\n margin-right: 6px;\n }\n\n .fa-ul {\n margin-left: 2.14285714em;\n }\n\n .fa-li {\n left: auto;\n right: -2.14285714em;\n }\n\n .admin-wrapper {\n direction: rtl;\n }\n\n .admin-wrapper .sidebar ul a i.fa,\n a.table-action-link i.fa {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .simple_form .check_boxes .checkbox label {\n padding-left: 0;\n padding-right: 25px;\n }\n\n .simple_form .input.with_label.boolean label.checkbox {\n padding-left: 25px;\n padding-right: 0;\n }\n\n .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n .simple_form .input.boolean input[type=\"checkbox\"] {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.radio_buttons .radio {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.radio_buttons .radio > label {\n padding-right: 28px;\n padding-left: 0;\n }\n\n .simple_form .input-with-append .input input {\n padding-left: 142px;\n padding-right: 0;\n }\n\n .simple_form .input.boolean label.checkbox {\n left: auto;\n right: 0;\n }\n\n .simple_form .input.boolean .label_input,\n .simple_form .input.boolean .hint {\n padding-left: 0;\n padding-right: 28px;\n }\n\n .simple_form .label_input__append {\n right: auto;\n left: 3px;\n\n &::after {\n right: auto;\n left: 0;\n background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n }\n }\n\n .simple_form select {\n background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n }\n\n .table th,\n .table td {\n text-align: right;\n }\n\n .filters .filter-subset {\n margin-right: 0;\n margin-left: 45px;\n }\n\n .landing-page .header-wrapper .mascot {\n right: 60px;\n left: auto;\n }\n\n .landing-page__call-to-action .row__information-board {\n direction: rtl;\n }\n\n .landing-page .header .hero .floats .float-1 {\n left: -120px;\n right: auto;\n }\n\n .landing-page .header .hero .floats .float-2 {\n left: 210px;\n right: auto;\n }\n\n .landing-page .header .hero .floats .float-3 {\n left: 110px;\n right: auto;\n }\n\n .landing-page .header .links .brand img {\n left: 0;\n }\n\n .landing-page .fa-external-link {\n padding-right: 5px;\n padding-left: 0 !important;\n }\n\n .landing-page .features #mastodon-timeline {\n margin-right: 0;\n margin-left: 30px;\n }\n\n @media screen and (min-width: 631px) {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n\n &:first-child {\n padding-left: 5px;\n padding-right: 10px;\n }\n }\n\n .columns-area > div {\n .column,\n .drawer {\n padding-left: 5px;\n padding-right: 5px;\n }\n }\n }\n\n .public-layout {\n .header {\n .nav-button {\n margin-left: 8px;\n margin-right: 0;\n }\n }\n\n .public-account-header__tabs {\n margin-left: 0;\n margin-right: 20px;\n }\n }\n\n .landing-page__information {\n .account__display-name {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .account__avatar-wrapper {\n margin-left: 12px;\n margin-right: 0;\n }\n }\n\n .card__bar .display-name {\n margin-left: 0;\n margin-right: 15px;\n text-align: right;\n }\n\n .fa-chevron-left::before {\n content: \"\\F054\";\n }\n\n .fa-chevron-right::before {\n content: \"\\F053\";\n }\n\n .column-back-button__icon {\n margin-right: 0;\n margin-left: 5px;\n }\n\n .column-header__setting-arrows .column-header__setting-btn:last-child {\n padding-left: 0;\n padding-right: 10px;\n }\n\n .simple_form .input.radio_buttons .radio > label input {\n left: auto;\n right: 0;\n }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n transform: scale(.71);\n}\n\n.emojione {\n @each $emoji in $black-emojis {\n &[title=':#{$emoji}:'] {\n @extend %white-emoji-outline;\n }\n }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\nhtml {\n scrollbar-color: $ui-base-color rgba($ui-base-color, 0.25);\n}\n\n// Change the colors of button texts\n.button {\n color: $white;\n\n &.button-alternative-2 {\n color: $white;\n }\n}\n\n// Change default background colors of columns\n.column > .scrollable,\n.getting-started,\n.column-inline-form {\n background: $white;\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n}\n\n.column-back-button,\n.column-header {\n background: $white;\n border: 1px solid lighten($ui-base-color, 8%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 0;\n }\n\n &--slim-button {\n border: 0;\n top: -49px;\n right: 1px;\n }\n}\n\n.column-header__back-button,\n.column-header__button,\n.column-header__button.active,\n.account__header__bar {\n background: $white;\n}\n\n.column-header__button.active {\n color: $ui-highlight-color;\n\n &:hover,\n &:active,\n &:focus {\n color: $ui-highlight-color;\n background: $white;\n }\n}\n\n.account__header__bar .avatar .account__avatar {\n border-color: $white;\n}\n\n.getting-started__footer a {\n color: $ui-secondary-color;\n text-decoration: underline;\n}\n\n.column-subheading {\n background: darken($ui-base-color, 4%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.getting-started,\n.scrollable {\n .column-link {\n background: $white;\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n &:hover,\n &:active,\n &:focus {\n background: $ui-base-color;\n }\n }\n}\n\n.getting-started .navigation-bar {\n border-top: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 0;\n }\n}\n\n.compose-form__autosuggest-wrapper,\n.poll__text input[type=\"text\"],\n.compose-form .spoiler-input__input,\n.compose-form__poll-wrapper select,\n.search__input,\n.setting-text,\n.box-widget input[type=\"text\"],\n.box-widget input[type=\"email\"],\n.box-widget input[type=\"password\"],\n.box-widget textarea,\n.statuses-grid .detailed-status,\n.audio-player {\n border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.search__input {\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 0;\n border-bottom: 0;\n }\n}\n\n.list-editor .search .search__input {\n border-top: 0;\n border-bottom: 0;\n}\n\n.compose-form__poll-wrapper select {\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(lighten($ui-base-color, 8%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n}\n\n.compose-form__poll-wrapper,\n.compose-form__poll-wrapper .poll__footer {\n border-top-color: lighten($ui-base-color, 8%);\n}\n\n.notification__filter-bar {\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n}\n\n.compose-form .compose-form__buttons-wrapper {\n background: $ui-base-color;\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n}\n\n.drawer__header,\n.drawer__inner {\n background: $white;\n border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.drawer__inner__mastodon {\n background: $white 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}\n\n// Change the colors used in compose-form\n.compose-form {\n .compose-form__modifiers {\n .compose-form__upload__actions .icon-button {\n color: lighten($white, 7%);\n\n &:active,\n &:focus,\n &:hover {\n color: $white;\n }\n }\n\n .compose-form__upload-description input {\n color: lighten($white, 7%);\n\n &::placeholder {\n color: lighten($white, 7%);\n }\n }\n }\n\n .compose-form__buttons-wrapper {\n background: darken($ui-base-color, 6%);\n }\n\n .autosuggest-textarea__suggestions {\n background: darken($ui-base-color, 6%);\n }\n\n .autosuggest-textarea__suggestions__item {\n &:hover,\n &:focus,\n &:active,\n &.selected {\n background: lighten($ui-base-color, 4%);\n }\n }\n}\n\n.emoji-mart-bar {\n border-color: lighten($ui-base-color, 4%);\n\n &:first-child {\n background: darken($ui-base-color, 6%);\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// Change the background colors of statuses\n.focusable:focus {\n background: $ui-base-color;\n}\n\n.status.status-direct {\n background: lighten($ui-base-color, 4%);\n}\n\n.focusable:focus .status.status-direct {\n background: lighten($ui-base-color, 8%);\n}\n\n.detailed-status,\n.detailed-status__action-bar {\n background: $white;\n}\n\n// Change the background colors of status__content__spoiler-link\n.reply-indicator__content .status__content__spoiler-link,\n.status__content .status__content__spoiler-link {\n background: $ui-base-color;\n\n &:hover {\n background: lighten($ui-base-color, 4%);\n }\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler {\n background: $ui-base-color;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n color: $white;\n}\n\n.account-gallery__item a {\n background-color: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n background: $white;\n\n &__arrow {\n &.left {\n border-left-color: $white;\n }\n\n &.top {\n border-top-color: $white;\n }\n\n &.bottom {\n border-bottom-color: $white;\n }\n\n &.right {\n border-right-color: $white;\n }\n }\n\n &__item {\n a {\n background: $white;\n color: $darker-text-color;\n }\n }\n}\n\n// Change the text colors on inverted background\n.privacy-dropdown__option.active,\n.privacy-dropdown__option:hover,\n.privacy-dropdown__option.active .privacy-dropdown__option__content,\n.privacy-dropdown__option.active .privacy-dropdown__option__content strong,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,\n.dropdown-menu__item a:active,\n.dropdown-menu__item a:focus,\n.dropdown-menu__item a:hover,\n.actions-modal ul li:not(:empty) a.active,\n.actions-modal ul li:not(:empty) a.active button,\n.actions-modal ul li:not(:empty) a:active,\n.actions-modal ul li:not(:empty) a:active button,\n.actions-modal ul li:not(:empty) a:focus,\n.actions-modal ul li:not(:empty) a:focus button,\n.actions-modal ul li:not(:empty) a:hover,\n.actions-modal ul li:not(:empty) a:hover button,\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,\n.simple_form .block-button,\n.simple_form .button,\n.simple_form button {\n color: $white;\n}\n\n.dropdown-menu__separator {\n border-bottom-color: lighten($ui-base-color, 4%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal {\n background: $ui-base-color;\n}\n\n.column-header__collapsible-inner {\n background: darken($ui-base-color, 4%);\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n background: darken($ui-base-color, 6%);\n\n .onboarding-modal__nav,\n .error-modal__nav {\n &:hover,\n &:focus,\n &:active {\n background-color: darken($ui-base-color, 12%);\n }\n }\n}\n\n.display-case__case {\n background: $white;\n}\n\n.embed-modal .embed-modal__container .embed-modal__html {\n background: $white;\n\n &:focus {\n background: darken($ui-base-color, 6%);\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: darken($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background: lighten($ui-highlight-color, 10%);\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: $primary-text-color;\n background: $white;\n}\n\n.tabs-bar {\n background: $white;\n border: 1px solid lighten($ui-base-color, 8%);\n border-bottom: 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 0;\n }\n\n &__link {\n padding-bottom: 14px;\n border-bottom-width: 1px;\n border-bottom-color: lighten($ui-base-color, 8%);\n\n &:hover,\n &:active,\n &:focus {\n background: $ui-base-color;\n }\n\n &.active {\n &:hover,\n &:active,\n &:focus {\n background: transparent;\n border-bottom-color: $ui-highlight-color;\n }\n }\n }\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n background: $account-background-color;\n border-bottom-color: lighten($ui-base-color, 8%);\n}\n\n.box-widget,\n.nothing-here,\n.page-header,\n.directory__tag > a,\n.directory__tag > div,\n.landing-page__call-to-action,\n.contact-widget,\n.landing .hero-widget__text,\n.landing-page__information.contact-widget {\n background: $white;\n border: 1px solid lighten($ui-base-color, 8%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-left: 0;\n border-right: 0;\n border-top: 0;\n }\n}\n\n.landing .hero-widget__text {\n border-top: 0;\n border-bottom: 0;\n}\n\n.simple_form {\n input[type=text],\n input[type=number],\n input[type=email],\n input[type=password],\n textarea {\n &:hover {\n border-color: lighten($ui-base-color, 12%);\n }\n }\n}\n\n.landing .hero-widget__footer {\n background: $white;\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border: 0;\n }\n}\n\n.brand__tagline {\n color: $ui-secondary-color;\n}\n\n.directory__tag > a {\n &:hover,\n &:active,\n &:focus {\n background: $ui-base-color;\n }\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border: 0;\n }\n}\n\n.directory__tag.active > a,\n.directory__tag.active > div {\n border-color: $ui-highlight-color;\n\n &,\n h4,\n h4 small,\n .fa,\n .trends__item__current {\n color: $white;\n }\n\n &:hover,\n &:active,\n &:focus {\n background: $ui-highlight-color;\n }\n}\n\n.batch-table {\n &__toolbar,\n &__row,\n .nothing-here {\n border-color: lighten($ui-base-color, 8%);\n }\n}\n\n.activity-stream {\n border: 1px solid lighten($ui-base-color, 8%);\n\n &--under-tabs {\n border-top: 0;\n }\n\n .entry {\n background: $account-background-color;\n\n .detailed-status.light,\n .more.light,\n .status.light {\n border-bottom-color: lighten($ui-base-color, 8%);\n }\n }\n\n .status.light {\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.accounts-grid {\n .account-grid-card {\n .controls {\n .icon-button {\n color: $darker-text-color;\n }\n }\n\n .name {\n a {\n color: $primary-text-color;\n }\n }\n\n .username {\n color: $darker-text-color;\n }\n\n .account__header__content {\n color: $primary-text-color;\n }\n }\n}\n\n.simple_form,\n.table-form {\n .warning {\n box-shadow: none;\n background: rgba($error-red, 0.5);\n text-shadow: none;\n }\n\n .recommended {\n border-color: $ui-highlight-color;\n color: $ui-highlight-color;\n background-color: rgba($ui-highlight-color, 0.1);\n }\n}\n\n.compose-form .compose-form__warning {\n border-color: $ui-highlight-color;\n background-color: rgba($ui-highlight-color, 0.1);\n\n &,\n a {\n color: $ui-highlight-color;\n }\n}\n\n.status__content,\n.reply-indicator__content {\n a {\n color: $highlight-text-color;\n }\n}\n\n.button.logo-button {\n color: $white;\n\n svg {\n fill: $white;\n }\n}\n\n.public-layout {\n .account__section-headline {\n border: 1px solid lighten($ui-base-color, 8%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border-top: 0;\n }\n }\n\n .header,\n .public-account-header,\n .public-account-bio {\n box-shadow: none;\n }\n\n .public-account-bio,\n .hero-widget__text {\n background: $account-background-color;\n border: 1px solid lighten($ui-base-color, 8%);\n }\n\n .header {\n background: $ui-base-color;\n border: 1px solid lighten($ui-base-color, 8%);\n\n @media screen and (max-width: $no-gap-breakpoint) {\n border: 0;\n }\n\n .brand {\n &:hover,\n &:focus,\n &:active {\n background: lighten($ui-base-color, 4%);\n }\n }\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 &__bar {\n &::before {\n background: $account-background-color;\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n }\n\n .avatar img {\n border-color: $account-background-color;\n }\n\n @media screen and (max-width: $no-columns-breakpoint) {\n background: $account-background-color;\n border: 1px solid lighten($ui-base-color, 8%);\n border-top: 0;\n }\n }\n\n &__tabs {\n &__name {\n h1,\n h1 small {\n color: $white;\n\n @media screen and (max-width: $no-columns-breakpoint) {\n color: $primary-text-color;\n }\n }\n }\n }\n\n &__extra {\n .public-account-bio {\n border: 0;\n }\n\n .public-account-bio .account__header__fields {\n border-color: lighten($ui-base-color, 8%);\n }\n }\n }\n}\n\n.notification__filter-bar button.active::after,\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.card > a,\n.page-header,\n.compose-form .compose-form__warning {\n box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n color: $primary-text-color;\n}\n"],"sourceRoot":""} |