default-08e1136f.css 344 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834
  1. @font-face {
  2. font-family: "mastodon-font-sans-serif";
  3. src: local("Roboto Italic"), url(roboto-italic-webfont.woff2) format("woff2"), url(roboto-italic-webfont.woff) format("woff"), url(roboto-italic-webfont.ttf) format("truetype"), url(roboto-italic-webfont.svg#roboto-italic-webfont) format("svg");
  4. font-weight: 400;
  5. font-style: italic
  6. }
  7. @font-face {
  8. font-family: "mastodon-font-sans-serif";
  9. src: local("Roboto Bold"), url(roboto-bold-webfont.woff2) format("woff2"), url(roboto-bold-webfont.woff) format("woff"), url(roboto-bold-webfont.ttf) format("truetype"), url(roboto-bold-webfont.svg#roboto-bold-webfont) format("svg");
  10. font-weight: 700;
  11. font-style: normal
  12. }
  13. @font-face {
  14. font-family: "mastodon-font-sans-serif";
  15. src: local("Roboto Medium"), url(roboto-medium-webfont.woff2) format("woff2"), url(roboto-medium-webfont.woff) format("woff"), url(roboto-medium-webfont.ttf) format("truetype"), url(roboto-medium-webfont.svg#roboto-medium-webfont) format("svg");
  16. font-weight: 500;
  17. font-style: normal
  18. }
  19. @font-face {
  20. font-family: "mastodon-font-sans-serif";
  21. src: local("Roboto"), url(roboto-regular-webfont.woff2) format("woff2"), url(roboto-regular-webfont.woff) format("woff"), url(roboto-regular-webfont.ttf) format("truetype"), url(roboto-regular-webfont.svg#roboto-regular-webfont) format("svg");
  22. font-weight: 400;
  23. font-style: normal
  24. }
  25. @font-face {
  26. font-family: "mastodon-font-monospace";
  27. src: local("Roboto Mono"), url(robotomono-regular-webfont.woff2) format("woff2"), url(robotomono-regular-webfont.woff) format("woff"), url(robotomono-regular-webfont.ttf) format("truetype"), url(robotomono-regular-webfont.svg#roboto_monoregular) format("svg");
  28. font-weight: 400;
  29. font-style: normal
  30. }
  31. @font-face {
  32. font-family: mastodon-font-display;
  33. src: local("Montserrat"), url(Montserrat-Regular.woff2) format("woff2"), url(Montserrat-Regular.woff) format("woff"), url(Montserrat-Regular.ttf) format("truetype");
  34. font-weight: 400;
  35. font-style: normal
  36. }
  37. @font-face {
  38. font-family: mastodon-font-display;
  39. src: local("Montserrat Medium"), url(Montserrat-Medium.ttf) format("truetype");
  40. font-weight: 500;
  41. font-style: normal
  42. }
  43. a,
  44. abbr,
  45. acronym,
  46. address,
  47. applet,
  48. article,
  49. aside,
  50. audio,
  51. b,
  52. big,
  53. blockquote,
  54. body,
  55. canvas,
  56. caption,
  57. center,
  58. cite,
  59. code,
  60. dd,
  61. del,
  62. details,
  63. dfn,
  64. div,
  65. dl,
  66. dt,
  67. em,
  68. embed,
  69. fieldset,
  70. figcaption,
  71. figure,
  72. footer,
  73. form,
  74. h1,
  75. h2,
  76. h3,
  77. h4,
  78. h5,
  79. h6,
  80. header,
  81. hgroup,
  82. html,
  83. i,
  84. iframe,
  85. img,
  86. ins,
  87. kbd,
  88. label,
  89. legend,
  90. li,
  91. mark,
  92. menu,
  93. nav,
  94. object,
  95. ol,
  96. output,
  97. p,
  98. pre,
  99. q,
  100. ruby,
  101. s,
  102. samp,
  103. section,
  104. small,
  105. span,
  106. strike,
  107. strong,
  108. sub,
  109. summary,
  110. sup,
  111. table,
  112. tbody,
  113. td,
  114. tfoot,
  115. th,
  116. thead,
  117. time,
  118. tr,
  119. tt,
  120. u,
  121. ul,
  122. var,
  123. video {
  124. margin: 0;
  125. padding: 0;
  126. border: 0;
  127. font-size: 100%;
  128. font: inherit;
  129. vertical-align: baseline
  130. }
  131. article,
  132. aside,
  133. details,
  134. figcaption,
  135. figure,
  136. footer,
  137. header,
  138. hgroup,
  139. menu,
  140. nav,
  141. section {
  142. display: block
  143. }
  144. body {
  145. line-height: 1
  146. }
  147. ol,
  148. ul {
  149. list-style: none
  150. }
  151. blockquote,
  152. q {
  153. quotes: none
  154. }
  155. blockquote:after,
  156. blockquote:before,
  157. q:after,
  158. q:before {
  159. content: "";
  160. content: none
  161. }
  162. table {
  163. border-collapse: collapse;
  164. border-spacing: 0
  165. }
  166. html {
  167. scrollbar-color: #313543 rgba(0, 0, 0, .1)
  168. }
  169. ::-webkit-scrollbar {
  170. width: 12px;
  171. height: 12px
  172. }
  173. ::-webkit-scrollbar-thumb {
  174. background: #313543;
  175. border: 0 #fff;
  176. border-radius: 50px
  177. }
  178. ::-webkit-scrollbar-thumb:hover {
  179. background: #353a49
  180. }
  181. ::-webkit-scrollbar-thumb:active {
  182. background: #313543
  183. }
  184. ::-webkit-scrollbar-track {
  185. border: 0 #fff;
  186. border-radius: 0;
  187. background: rgba(0, 0, 0, .1)
  188. }
  189. ::-webkit-scrollbar-track:active,
  190. ::-webkit-scrollbar-track:hover {
  191. background: #282c37
  192. }
  193. ::-webkit-scrollbar-corner {
  194. background: transparent
  195. }
  196. body {
  197. font-family: "mastodon-font-sans-serif", sans-serif;
  198. background: #ffffff; /* oloturia background */
  199. font-size: 13px;
  200. line-height: 18px;
  201. font-weight: 400;
  202. color: #fff;
  203. text-rendering: optimizelegibility;
  204. font-feature-settings: "kern";
  205. -webkit-text-size-adjust: none;
  206. -moz-text-size-adjust: none;
  207. text-size-adjust: none;
  208. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  209. -webkit-tap-highlight-color: transparent
  210. }
  211. body.system-font {
  212. font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, "mastodon-font-sans-serif", sans-serif
  213. }
  214. body.app-body {
  215. padding: 0
  216. }
  217. body.app-body.layout-single-column {
  218. height: auto;
  219. min-height: 100vh;
  220. overflow-y: scroll
  221. }
  222. body.app-body.layout-multiple-columns {
  223. position: absolute;
  224. width: 100%;
  225. height: 100%
  226. }
  227. body.app-body.with-modals--active {
  228. overflow-y: hidden
  229. }
  230. body.lighter {
  231. background: #282c37
  232. }
  233. body.with-modals {
  234. overflow-x: hidden;
  235. overflow-y: scroll
  236. }
  237. body.with-modals--active {
  238. overflow-y: hidden
  239. }
  240. body.player {
  241. padding: 0;
  242. margin: 0;
  243. position: absolute;
  244. width: 100%;
  245. height: 100%;
  246. overflow: hidden
  247. }
  248. body.player>div {
  249. height: 100%
  250. }
  251. body.player .video-player video {
  252. width: 100%;
  253. height: 100%;
  254. max-height: 100vh
  255. }
  256. body.player .media-gallery {
  257. margin-top: 0;
  258. height: 100%!important;
  259. border-radius: 0
  260. }
  261. body.player .media-gallery__item {
  262. border-radius: 0
  263. }
  264. body.embed {
  265. background: #313543;
  266. margin: 0;
  267. padding-bottom: 0
  268. }
  269. body.embed .container {
  270. position: absolute;
  271. width: 100%;
  272. height: 100%;
  273. overflow: hidden
  274. }
  275. body.admin {
  276. background: #1f232b;
  277. padding: 0
  278. }
  279. body.error {
  280. position: absolute;
  281. text-align: center;
  282. color: #9baec8;
  283. background: #282c37;
  284. width: 100%;
  285. height: 100%;
  286. padding: 0;
  287. display: flex;
  288. justify-content: center;
  289. align-items: center
  290. }
  291. body.error .dialog {
  292. vertical-align: middle;
  293. margin: 20px
  294. }
  295. body.error .dialog__illustration img {
  296. display: block;
  297. max-width: 470px;
  298. width: 100%;
  299. height: auto;
  300. margin-top: -120px
  301. }
  302. body.error .dialog h1 {
  303. font-size: 20px;
  304. line-height: 28px;
  305. font-weight: 400
  306. }
  307. button {
  308. font-family: inherit;
  309. cursor: pointer
  310. }
  311. button:focus {
  312. outline: none
  313. }
  314. .app-holder,
  315. .app-holder>div,
  316. .app-holder>noscript {
  317. display: flex;
  318. width: 100%;
  319. align-items: center;
  320. justify-content: center;
  321. outline: 0!important
  322. }
  323. .app-holder>noscript {
  324. height: 100vh
  325. }
  326. .layout-single-column .app-holder,
  327. .layout-single-column .app-holder>div {
  328. min-height: 100vh
  329. }
  330. .layout-multiple-columns .app-holder,
  331. .layout-multiple-columns .app-holder>div {
  332. height: 100%
  333. }
  334. .app-holder noscript,
  335. .error-boundary {
  336. flex-direction: column;
  337. font-size: 16px;
  338. font-weight: 400;
  339. line-height: 1.7;
  340. color: #e25169;
  341. text-align: center
  342. }
  343. .app-holder noscript>div,
  344. .error-boundary>div {
  345. max-width: 500px
  346. }
  347. .app-holder noscript p,
  348. .error-boundary p {
  349. margin-bottom: .85em
  350. }
  351. .app-holder noscript p:last-child,
  352. .error-boundary p:last-child {
  353. margin-bottom: 0
  354. }
  355. .app-holder noscript a,
  356. .error-boundary a {
  357. color: #2b90d9
  358. }
  359. .app-holder noscript a:active,
  360. .app-holder noscript a:focus,
  361. .app-holder noscript a:hover,
  362. .error-boundary a:active,
  363. .error-boundary a:focus,
  364. .error-boundary a:hover {
  365. text-decoration: none
  366. }
  367. .app-holder noscript__footer,
  368. .error-boundary__footer {
  369. color: #606984;
  370. font-size: 13px
  371. }
  372. .app-holder noscript__footer a,
  373. .error-boundary__footer a {
  374. color: #606984
  375. }
  376. .app-holder noscript button,
  377. .error-boundary button {
  378. display: inline;
  379. border: 0;
  380. background: transparent;
  381. color: #606984;
  382. font: inherit;
  383. padding: 0;
  384. margin: 0;
  385. line-height: inherit;
  386. cursor: pointer;
  387. outline: 0;
  388. transition: color .3s linear;
  389. text-decoration: underline
  390. }
  391. .app-holder noscript button:active,
  392. .app-holder noscript button:focus,
  393. .app-holder noscript button:hover,
  394. .error-boundary button:active,
  395. .error-boundary button:focus,
  396. .error-boundary button:hover {
  397. text-decoration: none
  398. }
  399. .app-holder noscript button.copied,
  400. .error-boundary button.copied {
  401. color: #79bd9a;
  402. transition: none
  403. }
  404. .logo-resources {
  405. display: none
  406. }
  407. article .__ns__pop2top,
  408. body .__ns__pop2top,
  409. div .__ns__pop2top {
  410. z-index: unset!important
  411. }
  412. .container-alt {
  413. width: 700px;
  414. margin: 40px auto 0
  415. }
  416. @media screen and (max-width:740px) {
  417. .container-alt {
  418. width: 100%;
  419. margin: 0
  420. }
  421. }
  422. .logo-container {
  423. margin: 100px auto 50px
  424. }
  425. @media screen and (max-width:500px) {
  426. .logo-container {
  427. margin: 40px auto 0
  428. }
  429. }
  430. .logo-container h1 {
  431. display: flex;
  432. justify-content: center;
  433. align-items: center
  434. }
  435. .logo-container h1 svg {
  436. fill: #fff;
  437. height: 42px;
  438. margin-right: 10px
  439. }
  440. .logo-container h1 a {
  441. display: flex;
  442. justify-content: center;
  443. align-items: center;
  444. color: #fff;
  445. text-decoration: none;
  446. outline: 0;
  447. padding: 12px 16px;
  448. line-height: 32px;
  449. font-family: mastodon-font-display, sans-serif;
  450. font-weight: 500;
  451. font-size: 14px
  452. }
  453. .compose-standalone .compose-form {
  454. width: 400px;
  455. padding: 20px 0;
  456. margin: 40px auto 0;
  457. box-sizing: border-box
  458. }
  459. @media screen and (max-width:400px) {
  460. .compose-standalone .compose-form {
  461. width: 100%;
  462. margin-top: 0;
  463. padding: 20px
  464. }
  465. }
  466. .account-header {
  467. width: 400px;
  468. display: flex;
  469. font-size: 13px;
  470. line-height: 18px;
  471. box-sizing: border-box;
  472. padding: 20px 0 0;
  473. margin: 40px auto -30px
  474. }
  475. @media screen and (max-width:440px) {
  476. .account-header {
  477. width: 100%;
  478. margin: 0 0 10px;
  479. padding: 20px 20px 0
  480. }
  481. }
  482. .account-header .avatar {
  483. width: 40px;
  484. height: 40px;
  485. margin-right: 8px
  486. }
  487. .account-header .avatar img {
  488. width: 100%;
  489. height: 100%;
  490. display: block;
  491. margin: 0;
  492. border-radius: 4px
  493. }
  494. .account-header .name {
  495. flex: 1 1 auto;
  496. color: #d9e1e8;
  497. width: calc(100% - 88px)
  498. }
  499. .account-header .name .username {
  500. display: block;
  501. font-weight: 500;
  502. text-overflow: ellipsis;
  503. overflow: hidden
  504. }
  505. .account-header .logout-link {
  506. display: block;
  507. font-size: 32px;
  508. line-height: 40px;
  509. margin-left: 8px
  510. }
  511. .grid-3 {
  512. display: grid;
  513. grid-gap: 10px;
  514. grid-template-columns: 3fr 1fr;
  515. grid-auto-columns: 25%;
  516. grid-auto-rows: -webkit-max-content;
  517. grid-auto-rows: max-content
  518. }
  519. .grid-3 .column-0 {
  520. grid-column: 1/3;
  521. grid-row: 1
  522. }
  523. .grid-3 .column-1 {
  524. grid-column: 1;
  525. grid-row: 2
  526. }
  527. .grid-3 .column-2 {
  528. grid-column: 2;
  529. grid-row: 2
  530. }
  531. .grid-3 .column-3 {
  532. grid-column: 1/3;
  533. grid-row: 3
  534. }
  535. @media screen and (max-width:415px) {
  536. .grid-3 {
  537. grid-gap: 0;
  538. grid-template-columns: minmax(0, 100%)
  539. }
  540. .grid-3 .column-0 {
  541. grid-column: 1
  542. }
  543. .grid-3 .column-1 {
  544. grid-column: 1;
  545. grid-row: 3
  546. }
  547. .grid-3 .column-2 {
  548. grid-column: 1;
  549. grid-row: 2
  550. }
  551. .grid-3 .column-3 {
  552. grid-column: 1;
  553. grid-row: 4
  554. }
  555. }
  556. .grid-4 {
  557. display: grid;
  558. grid-gap: 10px;
  559. grid-template-columns: repeat(4, minmax(0, 1fr));
  560. grid-auto-columns: 25%;
  561. grid-auto-rows: -webkit-max-content;
  562. grid-auto-rows: max-content
  563. }
  564. .grid-4 .column-0 {
  565. grid-column: 1/5;
  566. grid-row: 1
  567. }
  568. .grid-4 .column-1 {
  569. grid-column: 1/4;
  570. grid-row: 2
  571. }
  572. .grid-4 .column-2 {
  573. grid-column: 4;
  574. grid-row: 2
  575. }
  576. .grid-4 .column-3 {
  577. grid-column: 2/5;
  578. grid-row: 3
  579. }
  580. .grid-4 .column-4 {
  581. grid-column: 1;
  582. grid-row: 3
  583. }
  584. .grid-4 .landing-page__call-to-action {
  585. min-height: 100%
  586. }
  587. .grid-4 .flash-message {
  588. margin-bottom: 10px
  589. }
  590. @media screen and (max-width:738px) {
  591. .grid-4 {
  592. grid-template-columns: minmax(0, 50%) minmax(0, 50%)
  593. }
  594. .grid-4 .landing-page__call-to-action {
  595. padding: 20px;
  596. display: flex;
  597. align-items: center;
  598. justify-content: center
  599. }
  600. .grid-4 .row__information-board {
  601. width: 100%;
  602. justify-content: center;
  603. align-items: center
  604. }
  605. .grid-4 .row__mascot {
  606. display: none
  607. }
  608. }
  609. @media screen and (max-width:415px) {
  610. .grid-4 {
  611. grid-gap: 0;
  612. grid-template-columns: minmax(0, 100%)
  613. }
  614. .grid-4 .column-0 {
  615. grid-column: 1
  616. }
  617. .grid-4 .column-1 {
  618. grid-column: 1;
  619. grid-row: 3
  620. }
  621. .grid-4 .column-2 {
  622. grid-column: 1;
  623. grid-row: 2
  624. }
  625. .grid-4 .column-3 {
  626. grid-column: 1;
  627. grid-row: 5
  628. }
  629. .grid-4 .column-4 {
  630. grid-column: 1;
  631. grid-row: 4
  632. }
  633. }
  634. @media screen and (max-width:415px) {
  635. .public-layout {
  636. padding-top: 48px
  637. }
  638. }
  639. .public-layout .container {
  640. max-width: 960px
  641. }
  642. @media screen and (max-width:415px) {
  643. .public-layout .container {
  644. padding: 0
  645. }
  646. }
  647. .public-layout .header {
  648. background: #393f4f;
  649. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  650. border-radius: 4px;
  651. height: 48px;
  652. margin: 10px 0;
  653. display: flex;
  654. align-items: stretch;
  655. justify-content: center;
  656. flex-wrap: nowrap;
  657. overflow: hidden
  658. }
  659. @media screen and (max-width:415px) {
  660. .public-layout .header {
  661. position: fixed;
  662. width: 100%;
  663. top: 0;
  664. left: 0;
  665. margin: 0;
  666. border-radius: 0;
  667. box-shadow: none;
  668. z-index: 110
  669. }
  670. }
  671. .public-layout .header>div {
  672. flex: 1 1 33.3%;
  673. min-height: 1px
  674. }
  675. .public-layout .header .nav-left {
  676. display: flex;
  677. align-items: stretch;
  678. justify-content: flex-start;
  679. flex-wrap: nowrap
  680. }
  681. .public-layout .header .nav-center {
  682. display: flex;
  683. align-items: stretch;
  684. justify-content: center;
  685. flex-wrap: nowrap
  686. }
  687. .public-layout .header .nav-right {
  688. display: flex;
  689. align-items: stretch;
  690. justify-content: flex-end;
  691. flex-wrap: nowrap
  692. }
  693. .public-layout .header .brand {
  694. display: block;
  695. padding: 15px
  696. }
  697. .public-layout .header .brand svg {
  698. display: block;
  699. height: 18px;
  700. width: auto;
  701. position: relative;
  702. bottom: -2px;
  703. fill: #fff
  704. }
  705. @media screen and (max-width:415px) {
  706. .public-layout .header .brand svg {
  707. height: 20px
  708. }
  709. }
  710. .public-layout .header .brand:active,
  711. .public-layout .header .brand:focus,
  712. .public-layout .header .brand:hover {
  713. background: #42485a
  714. }
  715. .public-layout .header .nav-link {
  716. display: flex;
  717. align-items: center;
  718. padding: 0 1rem;
  719. font-size: 12px;
  720. font-weight: 500;
  721. text-decoration: none;
  722. color: #9baec8;
  723. white-space: nowrap;
  724. text-align: center
  725. }
  726. .public-layout .header .nav-link:active,
  727. .public-layout .header .nav-link:focus,
  728. .public-layout .header .nav-link:hover {
  729. text-decoration: underline;
  730. color: #fff
  731. }
  732. @media screen and (max-width:550px) {
  733. .public-layout .header .nav-link.optional {
  734. display: none
  735. }
  736. }
  737. .public-layout .header .nav-button {
  738. background: #4a5266;
  739. margin: 8px 8px 8px 0;
  740. border-radius: 4px
  741. }
  742. .public-layout .header .nav-button:active,
  743. .public-layout .header .nav-button:focus,
  744. .public-layout .header .nav-button:hover {
  745. text-decoration: none;
  746. background: #535b72
  747. }
  748. .public-layout .grid {
  749. display: grid;
  750. grid-gap: 10px;
  751. grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);
  752. grid-auto-columns: 25%;
  753. grid-auto-rows: -webkit-max-content;
  754. grid-auto-rows: max-content
  755. }
  756. .public-layout .grid .column-0 {
  757. grid-row: 1;
  758. grid-column: 1
  759. }
  760. .public-layout .grid .column-1 {
  761. grid-row: 1;
  762. grid-column: 2
  763. }
  764. @media screen and (max-width:600px) {
  765. .public-layout .grid {
  766. grid-template-columns: 100%;
  767. grid-gap: 0
  768. }
  769. .public-layout .grid .column-1 {
  770. display: none
  771. }
  772. }
  773. .public-layout .directory__card {
  774. border-radius: 4px
  775. }
  776. @media screen and (max-width:415px) {
  777. .public-layout .directory__card {
  778. border-radius: 0
  779. }
  780. }
  781. @media screen and (max-width:415px) {
  782. .public-layout .page-header {
  783. border-bottom: 0
  784. }
  785. }
  786. .public-layout .public-account-header {
  787. overflow: hidden;
  788. margin-bottom: 10px;
  789. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  790. }
  791. .public-layout .public-account-header.inactive {
  792. opacity: .5
  793. }
  794. .public-layout .public-account-header.inactive .avatar,
  795. .public-layout .public-account-header.inactive .public-account-header__image {
  796. -webkit-filter: grayscale(100%);
  797. filter: grayscale(100%)
  798. }
  799. .public-layout .public-account-header.inactive .logo-button {
  800. background-color: #d9e1e8
  801. }
  802. .public-layout .public-account-header .logo-button {
  803. line-height: 36px;
  804. padding: 3px 15px
  805. }
  806. .public-layout .public-account-header__image {
  807. border-radius: 4px 4px 0 0;
  808. overflow: hidden;
  809. height: 300px;
  810. position: relative;
  811. background: #0e1014
  812. }
  813. .public-layout .public-account-header__image:after {
  814. content: "";
  815. display: block;
  816. position: absolute;
  817. width: 100%;
  818. height: 100%;
  819. box-shadow: inset 0 -1px 1px 1px rgba(0, 0, 0, .15);
  820. top: 0;
  821. left: 0
  822. }
  823. .public-layout .public-account-header__image img {
  824. -o-object-fit: cover;
  825. font-family: "object-fit:cover";
  826. object-fit: cover;
  827. display: block;
  828. width: 100%;
  829. height: 100%;
  830. margin: 0;
  831. border-radius: 4px 4px 0 0
  832. }
  833. @media screen and (max-width:600px) {
  834. .public-layout .public-account-header__image {
  835. height: 200px
  836. }
  837. }
  838. .public-layout .public-account-header--no-bar {
  839. margin-bottom: 0
  840. }
  841. .public-layout .public-account-header--no-bar .public-account-header__image,
  842. .public-layout .public-account-header--no-bar .public-account-header__image img {
  843. border-radius: 4px
  844. }
  845. @media screen and (max-width:415px) {
  846. .public-layout .public-account-header--no-bar .public-account-header__image,
  847. .public-layout .public-account-header--no-bar .public-account-header__image img {
  848. border-radius: 0
  849. }
  850. }
  851. @media screen and (max-width:415px) {
  852. .public-layout .public-account-header {
  853. margin-bottom: 0;
  854. box-shadow: none
  855. }
  856. .public-layout .public-account-header__image:after {
  857. display: none
  858. }
  859. .public-layout .public-account-header__image,
  860. .public-layout .public-account-header__image img {
  861. border-radius: 0
  862. }
  863. }
  864. .public-layout .public-account-header__bar {
  865. position: relative;
  866. margin-top: -80px;
  867. display: flex;
  868. justify-content: flex-start
  869. }
  870. .public-layout .public-account-header__bar:before {
  871. content: "";
  872. display: block;
  873. background: #313543;
  874. position: absolute;
  875. bottom: 0;
  876. left: 0;
  877. right: 0;
  878. height: 60px;
  879. border-radius: 0 0 4px 4px;
  880. z-index: -1
  881. }
  882. .public-layout .public-account-header__bar .avatar {
  883. display: block;
  884. width: 120px;
  885. height: 120px;
  886. padding-left: 16px;
  887. flex: 0 0 auto
  888. }
  889. .public-layout .public-account-header__bar .avatar img {
  890. display: block;
  891. width: 100%;
  892. height: 100%;
  893. margin: 0;
  894. border-radius: 50%;
  895. border: 4px solid #313543;
  896. background: #17191f
  897. }
  898. @media screen and (max-width:600px) {
  899. .public-layout .public-account-header__bar {
  900. margin-top: 0;
  901. background: #313543;
  902. border-radius: 0 0 4px 4px;
  903. padding: 5px
  904. }
  905. .public-layout .public-account-header__bar:before {
  906. display: none
  907. }
  908. .public-layout .public-account-header__bar .avatar {
  909. width: 48px;
  910. height: 48px;
  911. padding: 7px 0 7px 10px
  912. }
  913. .public-layout .public-account-header__bar .avatar img {
  914. border: 0;
  915. border-radius: 4px
  916. }
  917. }
  918. @media screen and (max-width:600px)and (max-width:360px) {
  919. .public-layout .public-account-header__bar .avatar {
  920. display: none
  921. }
  922. }
  923. @media screen and (max-width:415px) {
  924. .public-layout .public-account-header__bar {
  925. border-radius: 0
  926. }
  927. }
  928. @media screen and (max-width:600px) {
  929. .public-layout .public-account-header__bar {
  930. flex-wrap: wrap
  931. }
  932. }
  933. .public-layout .public-account-header__tabs {
  934. flex: 1 1 auto;
  935. margin-left: 20px
  936. }
  937. .public-layout .public-account-header__tabs__name {
  938. padding-top: 20px;
  939. padding-bottom: 8px
  940. }
  941. .public-layout .public-account-header__tabs__name h1 {
  942. font-size: 20px;
  943. line-height: 27px;
  944. color: #fff;
  945. font-weight: 500;
  946. overflow: hidden;
  947. white-space: nowrap;
  948. text-overflow: ellipsis;
  949. text-shadow: 1px 1px 1px #000
  950. }
  951. .public-layout .public-account-header__tabs__name h1 small {
  952. display: block;
  953. font-size: 14px;
  954. color: #fff;
  955. font-weight: 400;
  956. overflow: hidden;
  957. text-overflow: ellipsis
  958. }
  959. @media screen and (max-width:600px) {
  960. .public-layout .public-account-header__tabs {
  961. margin-left: 15px;
  962. display: flex;
  963. justify-content: space-between;
  964. align-items: center
  965. }
  966. .public-layout .public-account-header__tabs__name {
  967. padding-top: 0;
  968. padding-bottom: 0
  969. }
  970. .public-layout .public-account-header__tabs__name h1 {
  971. font-size: 16px;
  972. line-height: 24px;
  973. text-shadow: none
  974. }
  975. .public-layout .public-account-header__tabs__name h1 small {
  976. color: #9baec8
  977. }
  978. }
  979. .public-layout .public-account-header__tabs__tabs {
  980. display: flex;
  981. justify-content: flex-start;
  982. align-items: stretch;
  983. height: 58px
  984. }
  985. .public-layout .public-account-header__tabs__tabs .details-counters {
  986. display: flex;
  987. flex-direction: row;
  988. min-width: 300px
  989. }
  990. @media screen and (max-width:600px) {
  991. .public-layout .public-account-header__tabs__tabs .details-counters {
  992. display: none
  993. }
  994. }
  995. .public-layout .public-account-header__tabs__tabs .counter {
  996. min-width: 33.3%;
  997. box-sizing: border-box;
  998. flex: 0 0 auto;
  999. color: #9baec8;
  1000. padding: 10px;
  1001. border-right: 1px solid #313543;
  1002. cursor: default;
  1003. text-align: center;
  1004. position: relative
  1005. }
  1006. .public-layout .public-account-header__tabs__tabs .counter a {
  1007. display: block
  1008. }
  1009. .public-layout .public-account-header__tabs__tabs .counter:last-child {
  1010. border-right: 0
  1011. }
  1012. .public-layout .public-account-header__tabs__tabs .counter:after {
  1013. display: block;
  1014. content: "";
  1015. position: absolute;
  1016. bottom: 0;
  1017. left: 0;
  1018. width: 100%;
  1019. border-bottom: 4px solid #9baec8;
  1020. opacity: .5;
  1021. transition: all .4s ease
  1022. }
  1023. .public-layout .public-account-header__tabs__tabs .counter.active:after {
  1024. border-bottom: 4px solid #2b90d9;
  1025. opacity: 1
  1026. }
  1027. .public-layout .public-account-header__tabs__tabs .counter.active.inactive:after {
  1028. border-bottom-color: #d9e1e8
  1029. }
  1030. .public-layout .public-account-header__tabs__tabs .counter:hover:after {
  1031. opacity: 1;
  1032. transition-duration: .1s
  1033. }
  1034. .public-layout .public-account-header__tabs__tabs .counter a {
  1035. text-decoration: none;
  1036. color: inherit
  1037. }
  1038. .public-layout .public-account-header__tabs__tabs .counter .counter-label {
  1039. font-size: 12px;
  1040. display: block
  1041. }
  1042. .public-layout .public-account-header__tabs__tabs .counter .counter-number {
  1043. font-weight: 500;
  1044. font-size: 18px;
  1045. margin-bottom: 5px;
  1046. color: #fff;
  1047. font-family: mastodon-font-display, sans-serif
  1048. }
  1049. .public-layout .public-account-header__tabs__tabs .spacer {
  1050. flex: 1 1 auto;
  1051. height: 1px
  1052. }
  1053. .public-layout .public-account-header__tabs__tabs__buttons {
  1054. padding: 7px 8px
  1055. }
  1056. .public-layout .public-account-header__extra {
  1057. display: none;
  1058. margin-top: 4px
  1059. }
  1060. .public-layout .public-account-header__extra .public-account-bio {
  1061. border-radius: 0;
  1062. box-shadow: none;
  1063. background: transparent;
  1064. margin: 0 -5px
  1065. }
  1066. .public-layout .public-account-header__extra .public-account-bio .account__header__fields {
  1067. border-top: 1px solid #42485a
  1068. }
  1069. .public-layout .public-account-header__extra .public-account-bio .roles {
  1070. display: none
  1071. }
  1072. .public-layout .public-account-header__extra__links {
  1073. margin-top: -15px;
  1074. font-size: 14px;
  1075. color: #9baec8
  1076. }
  1077. .public-layout .public-account-header__extra__links a {
  1078. display: inline-block;
  1079. color: #9baec8;
  1080. text-decoration: none;
  1081. padding: 15px;
  1082. font-weight: 500
  1083. }
  1084. .public-layout .public-account-header__extra__links a strong {
  1085. font-weight: 700;
  1086. color: #fff
  1087. }
  1088. @media screen and (max-width:600px) {
  1089. .public-layout .public-account-header__extra {
  1090. display: block;
  1091. flex: 100%
  1092. }
  1093. }
  1094. .public-layout .account__section-headline {
  1095. border-radius: 4px 4px 0 0
  1096. }
  1097. @media screen and (max-width:415px) {
  1098. .public-layout .account__section-headline {
  1099. border-radius: 0
  1100. }
  1101. }
  1102. .public-layout .detailed-status__meta {
  1103. margin-top: 25px
  1104. }
  1105. .public-layout .public-account-bio {
  1106. background: #393f4f;
  1107. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  1108. border-radius: 4px;
  1109. overflow: hidden;
  1110. margin-bottom: 10px
  1111. }
  1112. @media screen and (max-width:415px) {
  1113. .public-layout .public-account-bio {
  1114. box-shadow: none;
  1115. margin-bottom: 0;
  1116. border-radius: 0
  1117. }
  1118. }
  1119. .public-layout .public-account-bio .account__header__fields {
  1120. margin: 0;
  1121. border-top: 0
  1122. }
  1123. .public-layout .public-account-bio .account__header__fields a {
  1124. color: #4ea2df
  1125. }
  1126. .public-layout .public-account-bio .account__header__fields dl:first-child .verified {
  1127. border-radius: 0 4px 0 0
  1128. }
  1129. .public-layout .public-account-bio .account__header__fields .verified a {
  1130. color: #79bd9a
  1131. }
  1132. .public-layout .public-account-bio .account__header__content {
  1133. padding: 20px 20px 0;
  1134. color: #fff
  1135. }
  1136. .public-layout .public-account-bio .roles,
  1137. .public-layout .public-account-bio__extra {
  1138. padding: 20px;
  1139. font-size: 14px;
  1140. color: #9baec8
  1141. }
  1142. .public-layout .public-account-bio .roles {
  1143. padding-bottom: 0
  1144. }
  1145. .public-layout .directory__list {
  1146. display: grid;
  1147. grid-gap: 10px;
  1148. grid-template-columns: minmax(0, 50%) minmax(0, 50%)
  1149. }
  1150. @media screen and (max-width:415px) {
  1151. .public-layout .directory__list {
  1152. display: block
  1153. }
  1154. }
  1155. .public-layout .directory__list .icon-button {
  1156. font-size: 18px
  1157. }
  1158. .public-layout .directory__card {
  1159. margin-bottom: 0
  1160. }
  1161. .public-layout .card-grid {
  1162. display: flex;
  1163. flex-wrap: wrap;
  1164. min-width: 100%;
  1165. margin: 0 -5px
  1166. }
  1167. .public-layout .card-grid>div {
  1168. box-sizing: border-box;
  1169. flex: 1 0 auto;
  1170. width: 300px;
  1171. padding: 0 5px;
  1172. margin-bottom: 10px;
  1173. max-width: 33.333%
  1174. }
  1175. @media screen and (max-width:900px) {
  1176. .public-layout .card-grid>div {
  1177. max-width: 50%
  1178. }
  1179. }
  1180. @media screen and (max-width:600px) {
  1181. .public-layout .card-grid>div {
  1182. max-width: 100%
  1183. }
  1184. }
  1185. @media screen and (max-width:415px) {
  1186. .public-layout .card-grid {
  1187. margin: 0;
  1188. border-top: 1px solid #393f4f
  1189. }
  1190. .public-layout .card-grid>div {
  1191. width: 100%;
  1192. padding: 0;
  1193. margin-bottom: 0;
  1194. border-bottom: 1px solid #393f4f
  1195. }
  1196. .public-layout .card-grid>div:last-child {
  1197. border-bottom: 0
  1198. }
  1199. .public-layout .card-grid>div .card__bar {
  1200. background: #282c37
  1201. }
  1202. .public-layout .card-grid>div .card__bar:active,
  1203. .public-layout .card-grid>div .card__bar:focus,
  1204. .public-layout .card-grid>div .card__bar:hover {
  1205. background: #313543
  1206. }
  1207. }
  1208. .no-list {
  1209. list-style: none
  1210. }
  1211. .no-list li {
  1212. display: inline-block;
  1213. margin: 0 5px
  1214. }
  1215. .recovery-codes {
  1216. list-style: none;
  1217. margin: 0 auto
  1218. }
  1219. .recovery-codes li {
  1220. font-size: 125%;
  1221. line-height: 1.5;
  1222. letter-spacing: 1px
  1223. }
  1224. .public-layout .footer {
  1225. text-align: left;
  1226. padding-top: 20px;
  1227. padding-bottom: 60px;
  1228. font-size: 12px;
  1229. color: #737d99
  1230. }
  1231. @media screen and (max-width:415px) {
  1232. .public-layout .footer {
  1233. padding-left: 20px;
  1234. padding-right: 20px
  1235. }
  1236. }
  1237. .public-layout .footer .grid {
  1238. display: grid;
  1239. grid-gap: 10px;
  1240. grid-template-columns: 1fr 1fr 2fr 1fr 1fr
  1241. }
  1242. .public-layout .footer .grid .column-0 {
  1243. grid-column: 1;
  1244. grid-row: 1;
  1245. min-width: 0
  1246. }
  1247. .public-layout .footer .grid .column-1 {
  1248. grid-column: 2;
  1249. grid-row: 1;
  1250. min-width: 0
  1251. }
  1252. .public-layout .footer .grid .column-2 {
  1253. grid-column: 3;
  1254. grid-row: 1;
  1255. min-width: 0;
  1256. text-align: center
  1257. }
  1258. .public-layout .footer .grid .column-2 h4 a {
  1259. color: #737d99
  1260. }
  1261. .public-layout .footer .grid .column-3 {
  1262. grid-column: 4;
  1263. grid-row: 1;
  1264. min-width: 0
  1265. }
  1266. .public-layout .footer .grid .column-4 {
  1267. grid-column: 5;
  1268. grid-row: 1;
  1269. min-width: 0
  1270. }
  1271. @media screen and (max-width:690px) {
  1272. .public-layout .footer .grid {
  1273. grid-template-columns: 1fr 2fr 1fr
  1274. }
  1275. .public-layout .footer .grid .column-0,
  1276. .public-layout .footer .grid .column-1 {
  1277. grid-column: 1
  1278. }
  1279. .public-layout .footer .grid .column-1 {
  1280. grid-row: 2
  1281. }
  1282. .public-layout .footer .grid .column-2 {
  1283. grid-column: 2
  1284. }
  1285. .public-layout .footer .grid .column-3,
  1286. .public-layout .footer .grid .column-4 {
  1287. grid-column: 3
  1288. }
  1289. .public-layout .footer .grid .column-4 {
  1290. grid-row: 2
  1291. }
  1292. }
  1293. @media screen and (max-width:600px) {
  1294. .public-layout .footer .grid .column-1 {
  1295. display: block
  1296. }
  1297. }
  1298. @media screen and (max-width:415px) {
  1299. .public-layout .footer .grid .column-0,
  1300. .public-layout .footer .grid .column-1,
  1301. .public-layout .footer .grid .column-3,
  1302. .public-layout .footer .grid .column-4 {
  1303. display: none
  1304. }
  1305. }
  1306. .public-layout .footer h4 {
  1307. text-transform: uppercase;
  1308. font-weight: 700;
  1309. margin-bottom: 8px;
  1310. color: #9baec8
  1311. }
  1312. .public-layout .footer h4 a {
  1313. color: inherit;
  1314. text-decoration: none
  1315. }
  1316. .public-layout .footer ul a {
  1317. text-decoration: none;
  1318. color: #737d99
  1319. }
  1320. .public-layout .footer ul a:active,
  1321. .public-layout .footer ul a:focus,
  1322. .public-layout .footer ul a:hover {
  1323. text-decoration: underline
  1324. }
  1325. .public-layout .footer .brand svg {
  1326. display: block;
  1327. height: 36px;
  1328. width: auto;
  1329. margin: 0 auto;
  1330. fill: #737d99
  1331. }
  1332. .public-layout .footer .brand:active svg,
  1333. .public-layout .footer .brand:focus svg,
  1334. .public-layout .footer .brand:hover svg {
  1335. fill: #7f88a2
  1336. }
  1337. .compact-header h1 {
  1338. font-size: 24px;
  1339. line-height: 28px;
  1340. color: #9baec8;
  1341. font-weight: 500;
  1342. margin-bottom: 20px;
  1343. padding: 0 10px;
  1344. word-wrap: break-word
  1345. }
  1346. @media screen and (max-width:740px) {
  1347. .compact-header h1 {
  1348. text-align: center;
  1349. padding: 20px 10px 0
  1350. }
  1351. }
  1352. .compact-header h1 a {
  1353. color: inherit;
  1354. text-decoration: none
  1355. }
  1356. .compact-header h1 small {
  1357. font-weight: 400;
  1358. color: #d9e1e8
  1359. }
  1360. .compact-header h1 img {
  1361. display: inline-block;
  1362. margin-bottom: -5px;
  1363. margin-right: 15px;
  1364. width: 36px;
  1365. height: 36px
  1366. }
  1367. .hero-widget {
  1368. margin-bottom: 10px;
  1369. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  1370. }
  1371. .hero-widget:last-child {
  1372. margin-bottom: 0
  1373. }
  1374. .hero-widget__img {
  1375. width: 100%;
  1376. position: relative;
  1377. overflow: hidden;
  1378. border-radius: 4px 4px 0 0;
  1379. background: #000
  1380. }
  1381. .hero-widget__img img {
  1382. -o-object-fit: cover;
  1383. font-family: "object-fit:cover";
  1384. object-fit: cover;
  1385. display: block;
  1386. width: 100%;
  1387. height: 100%;
  1388. margin: 0;
  1389. border-radius: 4px 4px 0 0
  1390. }
  1391. .hero-widget__text {
  1392. background: #282c37;
  1393. padding: 20px;
  1394. border-radius: 0 0 4px 4px;
  1395. font-size: 15px;
  1396. color: #9baec8;
  1397. line-height: 20px;
  1398. word-wrap: break-word;
  1399. font-weight: 400
  1400. }
  1401. .hero-widget__text .emojione {
  1402. width: 20px;
  1403. height: 20px;
  1404. margin: -3px 0 0
  1405. }
  1406. .hero-widget__text p {
  1407. margin-bottom: 20px
  1408. }
  1409. .hero-widget__text p:last-child {
  1410. margin-bottom: 0
  1411. }
  1412. .hero-widget__text em {
  1413. display: inline;
  1414. margin: 0;
  1415. padding: 0;
  1416. font-weight: 700;
  1417. background: transparent;
  1418. font-family: inherit;
  1419. font-size: inherit;
  1420. line-height: inherit;
  1421. color: #bcc9da
  1422. }
  1423. .hero-widget__text a {
  1424. color: #d9e1e8;
  1425. text-decoration: none
  1426. }
  1427. .hero-widget__text a:hover {
  1428. text-decoration: underline
  1429. }
  1430. @media screen and (max-width:415px) {
  1431. .hero-widget {
  1432. display: none
  1433. }
  1434. }
  1435. .endorsements-widget {
  1436. margin-bottom: 10px;
  1437. padding-bottom: 10px
  1438. }
  1439. .endorsements-widget h4 {
  1440. padding: 10px;
  1441. text-transform: uppercase;
  1442. font-weight: 700;
  1443. font-size: 13px;
  1444. color: #9baec8
  1445. }
  1446. .endorsements-widget .account {
  1447. padding: 10px 0
  1448. }
  1449. .endorsements-widget .account:last-child {
  1450. border-bottom: 0
  1451. }
  1452. .endorsements-widget .account .account__display-name {
  1453. display: flex;
  1454. align-items: center
  1455. }
  1456. .endorsements-widget .trends__item {
  1457. padding: 10px
  1458. }
  1459. .trends-widget h4 {
  1460. color: #9baec8
  1461. }
  1462. .box-widget {
  1463. padding: 20px;
  1464. border-radius: 4px;
  1465. background: #282c37;
  1466. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  1467. }
  1468. .placeholder-widget {
  1469. padding: 16px;
  1470. border-radius: 4px;
  1471. border: 2px dashed #606984;
  1472. text-align: center;
  1473. color: #9baec8;
  1474. margin-bottom: 10px
  1475. }
  1476. .contact-widget {
  1477. min-height: 100%;
  1478. font-size: 15px;
  1479. color: #9baec8;
  1480. line-height: 20px;
  1481. word-wrap: break-word;
  1482. font-weight: 400;
  1483. padding: 0
  1484. }
  1485. .contact-widget h4 {
  1486. padding: 10px;
  1487. text-transform: uppercase;
  1488. font-weight: 700;
  1489. font-size: 13px;
  1490. color: #9baec8
  1491. }
  1492. .contact-widget .account {
  1493. border-bottom: 0;
  1494. padding: 5px 0 10px
  1495. }
  1496. .contact-widget>a {
  1497. display: inline-block;
  1498. padding: 0 10px 10px;
  1499. color: #9baec8;
  1500. text-decoration: none;
  1501. white-space: nowrap;
  1502. overflow: hidden;
  1503. text-overflow: ellipsis
  1504. }
  1505. .contact-widget>a:active,
  1506. .contact-widget>a:focus,
  1507. .contact-widget>a:hover {
  1508. text-decoration: underline
  1509. }
  1510. .moved-account-widget {
  1511. padding: 15px 15px 20px;
  1512. border-radius: 4px;
  1513. background: #282c37;
  1514. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  1515. color: #d9e1e8;
  1516. font-weight: 400;
  1517. margin-bottom: 10px
  1518. }
  1519. .moved-account-widget a,
  1520. .moved-account-widget strong {
  1521. font-weight: 500
  1522. }
  1523. .moved-account-widget a:lang(ja),
  1524. .moved-account-widget a:lang(ko),
  1525. .moved-account-widget a:lang(zh-CN),
  1526. .moved-account-widget a:lang(zh-HK),
  1527. .moved-account-widget a:lang(zh-TW),
  1528. .moved-account-widget strong:lang(ja),
  1529. .moved-account-widget strong:lang(ko),
  1530. .moved-account-widget strong:lang(zh-CN),
  1531. .moved-account-widget strong:lang(zh-HK),
  1532. .moved-account-widget strong:lang(zh-TW) {
  1533. font-weight: 700
  1534. }
  1535. .moved-account-widget a {
  1536. color: inherit;
  1537. text-decoration: underline
  1538. }
  1539. .moved-account-widget a.mention,
  1540. .moved-account-widget a.mention:active,
  1541. .moved-account-widget a.mention:focus,
  1542. .moved-account-widget a.mention:hover,
  1543. .moved-account-widget a.mention span {
  1544. text-decoration: none
  1545. }
  1546. .moved-account-widget a.mention:active span,
  1547. .moved-account-widget a.mention:focus span,
  1548. .moved-account-widget a.mention:hover span {
  1549. text-decoration: underline
  1550. }
  1551. .moved-account-widget__message {
  1552. margin-bottom: 15px
  1553. }
  1554. .moved-account-widget__message .fa {
  1555. margin-right: 5px;
  1556. color: #9baec8
  1557. }
  1558. .moved-account-widget__card .detailed-status__display-avatar {
  1559. position: relative;
  1560. cursor: pointer
  1561. }
  1562. .moved-account-widget__card .detailed-status__display-name {
  1563. margin-bottom: 0;
  1564. text-decoration: none
  1565. }
  1566. .moved-account-widget__card .detailed-status__display-name span {
  1567. font-weight: 400
  1568. }
  1569. .memoriam-widget {
  1570. padding: 20px;
  1571. background: #000;
  1572. font-size: 14px;
  1573. color: #9baec8;
  1574. margin-bottom: 10px
  1575. }
  1576. .memoriam-widget,
  1577. .page-header {
  1578. border-radius: 4px;
  1579. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  1580. }
  1581. .page-header {
  1582. background: #393f4f;
  1583. padding: 60px 15px;
  1584. text-align: center;
  1585. margin: 10px 0
  1586. }
  1587. .page-header h1 {
  1588. color: #fff;
  1589. font-size: 36px;
  1590. line-height: 1.1;
  1591. font-weight: 700;
  1592. margin-bottom: 10px
  1593. }
  1594. .page-header p {
  1595. font-size: 15px;
  1596. color: #9baec8
  1597. }
  1598. @media screen and (max-width:415px) {
  1599. .page-header {
  1600. margin-top: 0;
  1601. background: #313543
  1602. }
  1603. .page-header h1 {
  1604. font-size: 24px
  1605. }
  1606. }
  1607. .directory {
  1608. background: #282c37;
  1609. border-radius: 4px;
  1610. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  1611. }
  1612. .directory__tag {
  1613. box-sizing: border-box;
  1614. margin-bottom: 10px
  1615. }
  1616. .directory__tag>a,
  1617. .directory__tag>div {
  1618. display: flex;
  1619. align-items: center;
  1620. justify-content: space-between;
  1621. background: #282c37;
  1622. border-radius: 4px;
  1623. padding: 15px;
  1624. text-decoration: none;
  1625. color: inherit;
  1626. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  1627. }
  1628. .directory__tag>a:active,
  1629. .directory__tag>a:focus,
  1630. .directory__tag>a:hover {
  1631. background: #393f4f
  1632. }
  1633. .directory__tag.active>a {
  1634. background: #2b90d9;
  1635. cursor: default
  1636. }
  1637. .directory__tag.disabled>div {
  1638. opacity: .5;
  1639. cursor: default
  1640. }
  1641. .directory__tag h4 {
  1642. flex: 1 1 auto;
  1643. font-size: 18px;
  1644. font-weight: 700;
  1645. color: #fff;
  1646. white-space: nowrap;
  1647. overflow: hidden;
  1648. text-overflow: ellipsis
  1649. }
  1650. .directory__tag h4 .fa {
  1651. color: #9baec8
  1652. }
  1653. .directory__tag h4 small {
  1654. display: block;
  1655. font-weight: 400;
  1656. font-size: 15px;
  1657. margin-top: 8px;
  1658. color: #9baec8
  1659. }
  1660. .directory__tag.active h4,
  1661. .directory__tag.active h4 .fa,
  1662. .directory__tag.active h4 .trends__item__current,
  1663. .directory__tag.active h4 small {
  1664. color: #fff
  1665. }
  1666. .directory__tag .avatar-stack {
  1667. flex: 0 0 auto;
  1668. width: 120px
  1669. }
  1670. .directory__tag.active .avatar-stack .account__avatar {
  1671. border-color: #2b90d9
  1672. }
  1673. .directory__tag .trends__item__current {
  1674. padding-right: 0
  1675. }
  1676. .avatar-stack {
  1677. display: flex;
  1678. justify-content: flex-end
  1679. }
  1680. .avatar-stack .account__avatar {
  1681. flex: 0 0 auto;
  1682. width: 36px;
  1683. height: 36px;
  1684. border-radius: 50%;
  1685. position: relative;
  1686. margin-left: -10px;
  1687. background: #17191f;
  1688. border: 2px solid #282c37
  1689. }
  1690. .avatar-stack .account__avatar:first-child {
  1691. z-index: 1
  1692. }
  1693. .avatar-stack .account__avatar:nth-child(2) {
  1694. z-index: 2
  1695. }
  1696. .avatar-stack .account__avatar:nth-child(3) {
  1697. z-index: 3
  1698. }
  1699. .accounts-table {
  1700. width: 100%
  1701. }
  1702. .accounts-table .account {
  1703. padding: 0;
  1704. border: 0
  1705. }
  1706. .accounts-table strong {
  1707. font-weight: 700
  1708. }
  1709. .accounts-table thead th {
  1710. text-align: center;
  1711. text-transform: uppercase;
  1712. color: #9baec8;
  1713. font-weight: 700;
  1714. padding: 10px
  1715. }
  1716. .accounts-table thead th:first-child {
  1717. text-align: left
  1718. }
  1719. .accounts-table tbody td {
  1720. padding: 15px 0;
  1721. vertical-align: middle;
  1722. border-bottom: 1px solid #393f4f
  1723. }
  1724. .accounts-table tbody tr:last-child td {
  1725. border-bottom: 0
  1726. }
  1727. .accounts-table__count {
  1728. width: 120px;
  1729. text-align: center;
  1730. font-size: 15px;
  1731. font-weight: 500;
  1732. color: #fff
  1733. }
  1734. .accounts-table__count small {
  1735. display: block;
  1736. color: #9baec8;
  1737. font-weight: 400;
  1738. font-size: 14px
  1739. }
  1740. .accounts-table__comment {
  1741. width: 50%;
  1742. vertical-align: initial!important
  1743. }
  1744. .accounts-table__interrelationships {
  1745. width: 21px
  1746. }
  1747. .accounts-table .fa {
  1748. font-size: 16px
  1749. }
  1750. .accounts-table .fa.active {
  1751. color: #2b90d9
  1752. }
  1753. .accounts-table .fa.passive {
  1754. color: #ca8f04
  1755. }
  1756. .accounts-table .fa.active.passive {
  1757. color: #79bd9a
  1758. }
  1759. @media screen and (max-width:415px) {
  1760. .accounts-table tbody td.optional {
  1761. display: none
  1762. }
  1763. }
  1764. @media screen and (max-width:415px) {
  1765. .box-widget,
  1766. .contact-widget,
  1767. .directory,
  1768. .landing-page__information.contact-widget,
  1769. .memoriam-widget,
  1770. .moved-account-widget,
  1771. .page-header {
  1772. margin-bottom: 0;
  1773. box-shadow: none;
  1774. border-radius: 0
  1775. }
  1776. }
  1777. .statuses-grid {
  1778. min-height: 600px
  1779. }
  1780. @media screen and (max-width:640px) {
  1781. .statuses-grid {
  1782. width: 100%!important
  1783. }
  1784. }
  1785. .statuses-grid__item {
  1786. width: 313.3333333333px
  1787. }
  1788. @media screen and (max-width:1255px) {
  1789. .statuses-grid__item {
  1790. width: 306.6666666667px
  1791. }
  1792. }
  1793. @media screen and (max-width:640px) {
  1794. .statuses-grid__item {
  1795. width: 100%
  1796. }
  1797. }
  1798. @media screen and (max-width:415px) {
  1799. .statuses-grid__item {
  1800. width: 100vw
  1801. }
  1802. }
  1803. .statuses-grid .detailed-status {
  1804. border-radius: 4px
  1805. }
  1806. @media screen and (max-width:415px) {
  1807. .statuses-grid .detailed-status {
  1808. border-top: 1px solid #4a5266
  1809. }
  1810. }
  1811. .statuses-grid .detailed-status.compact .detailed-status__meta {
  1812. margin-top: 15px
  1813. }
  1814. .statuses-grid .detailed-status.compact .status__content {
  1815. font-size: 15px;
  1816. line-height: 20px
  1817. }
  1818. .statuses-grid .detailed-status.compact .status__content .emojione {
  1819. width: 20px;
  1820. height: 20px;
  1821. margin: -3px 0 0
  1822. }
  1823. .statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link {
  1824. line-height: 20px;
  1825. margin: 0
  1826. }
  1827. .statuses-grid .detailed-status.compact .media-gallery,
  1828. .statuses-grid .detailed-status.compact .status-card,
  1829. .statuses-grid .detailed-status.compact .video-player {
  1830. margin-top: 15px
  1831. }
  1832. .notice-widget {
  1833. color: #9baec8
  1834. }
  1835. .notice-widget,
  1836. .notice-widget p {
  1837. margin-bottom: 10px
  1838. }
  1839. .notice-widget p:last-child {
  1840. margin-bottom: 0
  1841. }
  1842. .notice-widget a {
  1843. font-size: 14px;
  1844. line-height: 20px
  1845. }
  1846. .notice-widget a,
  1847. .placeholder-widget a {
  1848. text-decoration: none;
  1849. font-weight: 500;
  1850. color: #2b90d9
  1851. }
  1852. .notice-widget a:active,
  1853. .notice-widget a:focus,
  1854. .notice-widget a:hover,
  1855. .placeholder-widget a:active,
  1856. .placeholder-widget a:focus,
  1857. .placeholder-widget a:hover {
  1858. text-decoration: underline
  1859. }
  1860. .table-of-contents {
  1861. background: #1f232b;
  1862. min-height: 100%;
  1863. font-size: 14px;
  1864. border-radius: 4px
  1865. }
  1866. .table-of-contents li a {
  1867. display: block;
  1868. font-weight: 500;
  1869. padding: 15px;
  1870. white-space: nowrap;
  1871. overflow: hidden;
  1872. text-overflow: ellipsis;
  1873. text-decoration: none;
  1874. color: #fff;
  1875. border-bottom: 1px solid #313543
  1876. }
  1877. .table-of-contents li a:active,
  1878. .table-of-contents li a:focus,
  1879. .table-of-contents li a:hover {
  1880. text-decoration: underline
  1881. }
  1882. .table-of-contents li:last-child a {
  1883. border-bottom: 0
  1884. }
  1885. .table-of-contents li ul {
  1886. padding-left: 20px;
  1887. border-bottom: 1px solid #313543
  1888. }
  1889. code {
  1890. font-family: "mastodon-font-monospace", monospace;
  1891. font-weight: 400
  1892. }
  1893. .form-container {
  1894. max-width: 400px;
  1895. padding: 20px;
  1896. margin: 0 auto
  1897. }
  1898. .simple_form.hidden {
  1899. display: none
  1900. }
  1901. .simple_form .input {
  1902. margin-bottom: 15px;
  1903. overflow: hidden
  1904. }
  1905. .simple_form .input.hidden {
  1906. margin: 0
  1907. }
  1908. .simple_form .input.radio_buttons .radio {
  1909. margin-bottom: 15px
  1910. }
  1911. .simple_form .input.radio_buttons .radio:last-child {
  1912. margin-bottom: 0
  1913. }
  1914. .simple_form .input.radio_buttons .radio>label {
  1915. position: relative;
  1916. padding-left: 28px
  1917. }
  1918. .simple_form .input.radio_buttons .radio>label input {
  1919. position: absolute;
  1920. top: -2px;
  1921. left: 0
  1922. }
  1923. .simple_form .input.boolean {
  1924. position: relative;
  1925. margin-bottom: 0
  1926. }
  1927. .simple_form .input.boolean .label_input>label {
  1928. font-family: inherit;
  1929. font-size: 14px;
  1930. padding-top: 5px;
  1931. color: #fff;
  1932. display: block;
  1933. width: auto
  1934. }
  1935. .simple_form .input.boolean .hint,
  1936. .simple_form .input.boolean .label_input {
  1937. padding-left: 28px
  1938. }
  1939. .simple_form .input.boolean .label_input__wrapper {
  1940. position: static
  1941. }
  1942. .simple_form .input.boolean label.checkbox {
  1943. position: absolute;
  1944. top: 2px;
  1945. left: 0
  1946. }
  1947. .simple_form .input.boolean label a {
  1948. color: #2b90d9;
  1949. text-decoration: underline
  1950. }
  1951. .simple_form .input.boolean label a:active,
  1952. .simple_form .input.boolean label a:focus,
  1953. .simple_form .input.boolean label a:hover {
  1954. text-decoration: none
  1955. }
  1956. .simple_form .input.boolean .recommended {
  1957. position: absolute;
  1958. margin: -2px 4px 0
  1959. }
  1960. .simple_form .row {
  1961. display: flex;
  1962. margin: 0 -5px
  1963. }
  1964. .simple_form .row .input {
  1965. box-sizing: border-box;
  1966. flex: 1 1 auto;
  1967. width: 50%;
  1968. padding: 0 5px
  1969. }
  1970. .simple_form .title {
  1971. color: #d9e1e8;
  1972. font-size: 20px;
  1973. line-height: 28px;
  1974. font-weight: 400;
  1975. margin-bottom: 30px
  1976. }
  1977. .simple_form .hint {
  1978. color: #9baec8
  1979. }
  1980. .simple_form .hint a {
  1981. color: #2b90d9
  1982. }
  1983. .simple_form .hint code {
  1984. border-radius: 3px;
  1985. padding: .2em .4em;
  1986. background: #0e1014
  1987. }
  1988. .simple_form .hint li {
  1989. list-style: disc;
  1990. margin-left: 18px
  1991. }
  1992. .simple_form ul.hint {
  1993. margin-bottom: 15px
  1994. }
  1995. .simple_form span.hint {
  1996. display: block;
  1997. font-size: 12px;
  1998. margin-top: 4px
  1999. }
  2000. .simple_form p.hint {
  2001. margin-bottom: 15px;
  2002. color: #9baec8
  2003. }
  2004. .simple_form p.hint.subtle-hint {
  2005. text-align: center;
  2006. font-size: 12px;
  2007. line-height: 18px;
  2008. margin-top: 15px;
  2009. margin-bottom: 0
  2010. }
  2011. .simple_form .authentication-hint {
  2012. margin-bottom: 25px
  2013. }
  2014. .simple_form .card {
  2015. margin-bottom: 15px
  2016. }
  2017. .simple_form strong {
  2018. font-weight: 500
  2019. }
  2020. .simple_form strong:lang(ja),
  2021. .simple_form strong:lang(ko),
  2022. .simple_form strong:lang(zh-CN),
  2023. .simple_form strong:lang(zh-HK),
  2024. .simple_form strong:lang(zh-TW) {
  2025. font-weight: 700
  2026. }
  2027. .simple_form .input.with_floating_label .label_input {
  2028. display: flex
  2029. }
  2030. .simple_form .input.with_floating_label .label_input>label {
  2031. font-family: inherit;
  2032. font-size: 14px;
  2033. color: #fff;
  2034. font-weight: 500;
  2035. min-width: 150px;
  2036. flex: 0 0 auto
  2037. }
  2038. .simple_form .input.with_floating_label .label_input input,
  2039. .simple_form .input.with_floating_label .label_input select {
  2040. flex: 1 1 auto
  2041. }
  2042. .simple_form .input.with_floating_label.select .hint {
  2043. margin-top: 6px;
  2044. margin-left: 150px
  2045. }
  2046. .simple_form .input.with_label .label_input>label {
  2047. font-family: inherit;
  2048. font-size: 14px;
  2049. color: #fff;
  2050. display: block;
  2051. margin-bottom: 8px;
  2052. word-wrap: break-word;
  2053. font-weight: 500
  2054. }
  2055. .simple_form .input.with_label .hint {
  2056. margin-top: 6px
  2057. }
  2058. .simple_form .input.with_label ul {
  2059. flex: 390px
  2060. }
  2061. .simple_form .input.with_block_label {
  2062. max-width: none
  2063. }
  2064. .simple_form .input.with_block_label>label {
  2065. font-family: inherit;
  2066. font-size: 16px;
  2067. color: #fff;
  2068. display: block;
  2069. font-weight: 500;
  2070. padding-top: 5px
  2071. }
  2072. .simple_form .input.with_block_label .hint {
  2073. margin-bottom: 15px
  2074. }
  2075. .simple_form .input.with_block_label ul {
  2076. -moz-columns: 2;
  2077. column-count: 2
  2078. }
  2079. .simple_form .input.datetime .label_input select {
  2080. display: inline-block;
  2081. width: auto;
  2082. flex: 0
  2083. }
  2084. .simple_form .required abbr {
  2085. text-decoration: none;
  2086. color: #e87487
  2087. }
  2088. .simple_form .fields-group {
  2089. margin-bottom: 25px
  2090. }
  2091. .simple_form .fields-group .input:last-child {
  2092. margin-bottom: 0
  2093. }
  2094. .simple_form .fields-row {
  2095. display: flex;
  2096. padding-top: 5px;
  2097. margin: 0 -10px 25px
  2098. }
  2099. .simple_form .fields-row .input {
  2100. max-width: none
  2101. }
  2102. .simple_form .fields-row__column {
  2103. box-sizing: border-box;
  2104. padding: 0 10px;
  2105. flex: 1 1 auto;
  2106. min-height: 1px
  2107. }
  2108. .simple_form .fields-row__column-6 {
  2109. max-width: 50%
  2110. }
  2111. .simple_form .fields-row__column .actions {
  2112. margin-top: 27px
  2113. }
  2114. .simple_form .fields-row .fields-group:last-child,
  2115. .simple_form .fields-row .fields-row__column.fields-group {
  2116. margin-bottom: 0
  2117. }
  2118. @media screen and (max-width:600px) {
  2119. .simple_form .fields-row {
  2120. display: block;
  2121. margin-bottom: 0
  2122. }
  2123. .simple_form .fields-row__column {
  2124. max-width: none
  2125. }
  2126. .simple_form .fields-row .fields-group:last-child,
  2127. .simple_form .fields-row .fields-row__column,
  2128. .simple_form .fields-row .fields-row__column.fields-group {
  2129. margin-bottom: 25px
  2130. }
  2131. }
  2132. .simple_form .fields-row .fields-group.invited-by {
  2133. margin-bottom: 30px
  2134. }
  2135. .simple_form .fields-row .fields-group.invited-by .hint {
  2136. text-align: center
  2137. }
  2138. .simple_form .input.radio_buttons .radio label {
  2139. margin-bottom: 5px;
  2140. font-family: inherit;
  2141. font-size: 14px;
  2142. color: #fff;
  2143. display: block;
  2144. width: auto
  2145. }
  2146. .simple_form .check_boxes .checkbox label {
  2147. font-family: inherit;
  2148. font-size: 14px;
  2149. color: #fff;
  2150. display: inline-block;
  2151. width: auto;
  2152. position: relative;
  2153. padding-top: 5px;
  2154. padding-left: 25px;
  2155. flex: 1 1 auto
  2156. }
  2157. .simple_form .check_boxes .checkbox input[type=checkbox] {
  2158. position: absolute;
  2159. left: 0;
  2160. top: 5px;
  2161. margin: 0
  2162. }
  2163. .simple_form .input.static .label_input__wrapper {
  2164. font-size: 16px;
  2165. padding: 10px;
  2166. border: 1px solid #606984;
  2167. border-radius: 4px
  2168. }
  2169. .simple_form input[type=email],
  2170. .simple_form input[type=number],
  2171. .simple_form input[type=password],
  2172. .simple_form input[type=text],
  2173. .simple_form input[type=url],
  2174. .simple_form textarea {
  2175. box-sizing: border-box;
  2176. font-size: 16px;
  2177. color: #fff;
  2178. display: block;
  2179. width: 100%;
  2180. outline: 0;
  2181. font-family: inherit;
  2182. resize: vertical;
  2183. background: #131419;
  2184. border: 1px solid #0a0b0e;
  2185. border-radius: 4px;
  2186. padding: 10px
  2187. }
  2188. .simple_form input[type=email]::-webkit-input-placeholder,
  2189. .simple_form input[type=number]::-webkit-input-placeholder,
  2190. .simple_form input[type=password]::-webkit-input-placeholder,
  2191. .simple_form input[type=text]::-webkit-input-placeholder,
  2192. .simple_form input[type=url]::-webkit-input-placeholder,
  2193. .simple_form textarea::-webkit-input-placeholder {
  2194. color: #a8b9cf
  2195. }
  2196. .simple_form input[type=email]::-moz-placeholder,
  2197. .simple_form input[type=number]::-moz-placeholder,
  2198. .simple_form input[type=password]::-moz-placeholder,
  2199. .simple_form input[type=text]::-moz-placeholder,
  2200. .simple_form input[type=url]::-moz-placeholder,
  2201. .simple_form textarea::-moz-placeholder {
  2202. color: #a8b9cf
  2203. }
  2204. .simple_form input[type=email]:-ms-input-placeholder,
  2205. .simple_form input[type=number]:-ms-input-placeholder,
  2206. .simple_form input[type=password]:-ms-input-placeholder,
  2207. .simple_form input[type=text]:-ms-input-placeholder,
  2208. .simple_form input[type=url]:-ms-input-placeholder,
  2209. .simple_form textarea:-ms-input-placeholder {
  2210. color: #a8b9cf
  2211. }
  2212. .simple_form input[type=email]::placeholder,
  2213. .simple_form input[type=number]::placeholder,
  2214. .simple_form input[type=password]::placeholder,
  2215. .simple_form input[type=text]::placeholder,
  2216. .simple_form input[type=url]::placeholder,
  2217. .simple_form textarea::placeholder {
  2218. color: #a8b9cf
  2219. }
  2220. .simple_form input[type=email]:invalid,
  2221. .simple_form input[type=number]:invalid,
  2222. .simple_form input[type=password]:invalid,
  2223. .simple_form input[type=text]:invalid,
  2224. .simple_form input[type=url]:invalid,
  2225. .simple_form textarea:invalid {
  2226. box-shadow: none
  2227. }
  2228. .simple_form input[type=email]:required:valid,
  2229. .simple_form input[type=number]:required:valid,
  2230. .simple_form input[type=password]:required:valid,
  2231. .simple_form input[type=text]:required:valid,
  2232. .simple_form input[type=url]:required:valid,
  2233. .simple_form textarea:required:valid {
  2234. border-color: #79bd9a
  2235. }
  2236. .simple_form input[type=email]:hover,
  2237. .simple_form input[type=number]:hover,
  2238. .simple_form input[type=password]:hover,
  2239. .simple_form input[type=text]:hover,
  2240. .simple_form input[type=url]:hover,
  2241. .simple_form textarea:hover {
  2242. border-color: #000
  2243. }
  2244. .simple_form input[type=email]:active,
  2245. .simple_form input[type=email]:focus,
  2246. .simple_form input[type=number]:active,
  2247. .simple_form input[type=number]:focus,
  2248. .simple_form input[type=password]:active,
  2249. .simple_form input[type=password]:focus,
  2250. .simple_form input[type=text]:active,
  2251. .simple_form input[type=text]:focus,
  2252. .simple_form input[type=url]:active,
  2253. .simple_form input[type=url]:focus,
  2254. .simple_form textarea:active,
  2255. .simple_form textarea:focus {
  2256. border-color: #2b90d9;
  2257. background: #17191f
  2258. }
  2259. .simple_form input[type=email]:focus:invalid:not(:-moz-placeholder-shown),
  2260. .simple_form input[type=email]:required:invalid:not(:-moz-placeholder-shown),
  2261. .simple_form input[type=number]:focus:invalid:not(:-moz-placeholder-shown),
  2262. .simple_form input[type=number]:required:invalid:not(:-moz-placeholder-shown),
  2263. .simple_form input[type=password]:focus:invalid:not(:-moz-placeholder-shown),
  2264. .simple_form input[type=password]:required:invalid:not(:-moz-placeholder-shown),
  2265. .simple_form input[type=text]:focus:invalid:not(:-moz-placeholder-shown),
  2266. .simple_form input[type=text]:required:invalid:not(:-moz-placeholder-shown) {
  2267. border-color: #e87487
  2268. }
  2269. .simple_form input[type=email]:focus:invalid:not(:-ms-input-placeholder),
  2270. .simple_form input[type=email]:required:invalid:not(:-ms-input-placeholder),
  2271. .simple_form input[type=number]:focus:invalid:not(:-ms-input-placeholder),
  2272. .simple_form input[type=number]:required:invalid:not(:-ms-input-placeholder),
  2273. .simple_form input[type=password]:focus:invalid:not(:-ms-input-placeholder),
  2274. .simple_form input[type=password]:required:invalid:not(:-ms-input-placeholder),
  2275. .simple_form input[type=text]:focus:invalid:not(:-ms-input-placeholder),
  2276. .simple_form input[type=text]:required:invalid:not(:-ms-input-placeholder) {
  2277. border-color: #e87487
  2278. }
  2279. .simple_form input[type=email]:focus:invalid:not(:placeholder-shown),
  2280. .simple_form input[type=email]:required:invalid:not(:placeholder-shown),
  2281. .simple_form input[type=number]:focus:invalid:not(:placeholder-shown),
  2282. .simple_form input[type=number]:required:invalid:not(:placeholder-shown),
  2283. .simple_form input[type=password]:focus:invalid:not(:placeholder-shown),
  2284. .simple_form input[type=password]:required:invalid:not(:placeholder-shown),
  2285. .simple_form input[type=text]:focus:invalid:not(:placeholder-shown),
  2286. .simple_form input[type=text]:required:invalid:not(:placeholder-shown) {
  2287. border-color: #e87487
  2288. }
  2289. .simple_form .input.field_with_errors label {
  2290. color: #e87487
  2291. }
  2292. .simple_form .input.field_with_errors input[type=email],
  2293. .simple_form .input.field_with_errors input[type=number],
  2294. .simple_form .input.field_with_errors input[type=password],
  2295. .simple_form .input.field_with_errors input[type=text],
  2296. .simple_form .input.field_with_errors select,
  2297. .simple_form .input.field_with_errors textarea {
  2298. border-color: #e87487
  2299. }
  2300. .simple_form .input.field_with_errors .error {
  2301. display: block;
  2302. font-weight: 500;
  2303. color: #e87487;
  2304. margin-top: 4px
  2305. }
  2306. .simple_form .input.disabled {
  2307. opacity: .5
  2308. }
  2309. .simple_form .actions {
  2310. margin-top: 30px;
  2311. display: flex
  2312. }
  2313. .simple_form .actions.actions--top {
  2314. margin-top: 0;
  2315. margin-bottom: 30px
  2316. }
  2317. .simple_form .block-button,
  2318. .simple_form .button,
  2319. .simple_form button {
  2320. display: block;
  2321. width: 100%;
  2322. border: 0;
  2323. border-radius: 4px;
  2324. background: #2b90d9;
  2325. color: #fff;
  2326. font-size: 18px;
  2327. line-height: inherit;
  2328. height: auto;
  2329. padding: 10px;
  2330. text-transform: uppercase;
  2331. text-decoration: none;
  2332. text-align: center;
  2333. box-sizing: border-box;
  2334. cursor: pointer;
  2335. font-weight: 500;
  2336. outline: 0;
  2337. margin-bottom: 10px;
  2338. margin-right: 10px
  2339. }
  2340. .simple_form .block-button:last-child,
  2341. .simple_form .button:last-child,
  2342. .simple_form button:last-child {
  2343. margin-right: 0
  2344. }
  2345. .simple_form .block-button:hover,
  2346. .simple_form .button:hover,
  2347. .simple_form button:hover {
  2348. background-color: #419bdd
  2349. }
  2350. .simple_form .block-button:active,
  2351. .simple_form .block-button:focus,
  2352. .simple_form .button:active,
  2353. .simple_form .button:focus,
  2354. .simple_form button:active,
  2355. .simple_form button:focus {
  2356. background-color: #2482c7
  2357. }
  2358. .simple_form .block-button:disabled:hover,
  2359. .simple_form .button:disabled:hover,
  2360. .simple_form button:disabled:hover {
  2361. background-color: #9baec8
  2362. }
  2363. .simple_form .block-button.negative,
  2364. .simple_form .button.negative,
  2365. .simple_form button.negative {
  2366. background: #df405a
  2367. }
  2368. .simple_form .block-button.negative:hover,
  2369. .simple_form .button.negative:hover,
  2370. .simple_form button.negative:hover {
  2371. background-color: #e3566d
  2372. }
  2373. .simple_form .block-button.negative:active,
  2374. .simple_form .block-button.negative:focus,
  2375. .simple_form .button.negative:active,
  2376. .simple_form .button.negative:focus,
  2377. .simple_form button.negative:active,
  2378. .simple_form button.negative:focus {
  2379. background-color: #db2a47
  2380. }
  2381. .simple_form select {
  2382. -webkit-appearance: none;
  2383. -moz-appearance: none;
  2384. appearance: none;
  2385. box-sizing: border-box;
  2386. font-size: 16px;
  2387. color: #fff;
  2388. display: block;
  2389. width: 100%;
  2390. outline: 0;
  2391. font-family: inherit;
  2392. resize: vertical;
  2393. background: #131419 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='%2342485A'/></svg>") no-repeat right 8px center/auto 16px;
  2394. border: 1px solid #0a0b0e;
  2395. border-radius: 4px;
  2396. padding-left: 10px;
  2397. padding-right: 30px;
  2398. height: 41px
  2399. }
  2400. .simple_form h4 {
  2401. margin-bottom: 15px!important
  2402. }
  2403. .simple_form .label_input__wrapper {
  2404. position: relative
  2405. }
  2406. .simple_form .label_input__append {
  2407. position: absolute;
  2408. right: 3px;
  2409. top: 1px;
  2410. padding: 10px 10px 9px;
  2411. font-size: 16px;
  2412. color: #606984;
  2413. font-family: inherit;
  2414. pointer-events: none;
  2415. cursor: default;
  2416. max-width: 140px;
  2417. white-space: nowrap;
  2418. overflow: hidden
  2419. }
  2420. .simple_form .label_input__append:after {
  2421. content: "";
  2422. display: block;
  2423. position: absolute;
  2424. top: 0;
  2425. right: 0;
  2426. bottom: 1px;
  2427. width: 5px;
  2428. background-image: linear-gradient(90deg, rgba(19, 20, 25, 0), #131419)
  2429. }
  2430. .simple_form__overlay-area {
  2431. position: relative
  2432. }
  2433. .simple_form__overlay-area__blurred form {
  2434. -webkit-filter: blur(2px);
  2435. filter: blur(2px)
  2436. }
  2437. .simple_form__overlay-area__overlay {
  2438. position: absolute;
  2439. top: 0;
  2440. left: 0;
  2441. width: 100%;
  2442. height: 100%;
  2443. display: flex;
  2444. justify-content: center;
  2445. align-items: center;
  2446. background: rgba(40, 44, 55, .65);
  2447. border-radius: 4px;
  2448. margin-left: -4px;
  2449. margin-top: -4px;
  2450. padding: 4px
  2451. }
  2452. .simple_form__overlay-area__overlay__content {
  2453. text-align: center
  2454. }
  2455. .simple_form__overlay-area__overlay__content.rich-formatting,
  2456. .simple_form__overlay-area__overlay__content.rich-formatting p {
  2457. color: #fff
  2458. }
  2459. .block-icon {
  2460. display: block;
  2461. margin: 0 auto 10px;
  2462. font-size: 24px
  2463. }
  2464. .flash-message {
  2465. background: #393f4f;
  2466. color: #9baec8;
  2467. border-radius: 4px;
  2468. padding: 15px 10px;
  2469. margin-bottom: 30px;
  2470. text-align: center
  2471. }
  2472. .flash-message.notice {
  2473. border: 1px solid rgba(121, 189, 154, .5);
  2474. background: rgba(121, 189, 154, .25);
  2475. color: #79bd9a
  2476. }
  2477. .flash-message.alert {
  2478. border: 1px solid rgba(223, 64, 90, .5);
  2479. background: rgba(223, 64, 90, .1);
  2480. color: #df405a
  2481. }
  2482. .flash-message.hidden {
  2483. display: none
  2484. }
  2485. .flash-message a {
  2486. display: inline-block;
  2487. color: #9baec8;
  2488. text-decoration: none
  2489. }
  2490. .flash-message a:hover {
  2491. color: #fff;
  2492. text-decoration: underline
  2493. }
  2494. .flash-message p {
  2495. margin-bottom: 15px
  2496. }
  2497. .flash-message .oauth-code {
  2498. outline: 0;
  2499. box-sizing: border-box;
  2500. display: block;
  2501. width: 100%;
  2502. border: 0;
  2503. padding: 10px;
  2504. font-family: "mastodon-font-monospace", monospace;
  2505. background: #282c37;
  2506. color: #fff;
  2507. font-size: 14px;
  2508. margin: 0
  2509. }
  2510. .flash-message .oauth-code::-moz-focus-inner {
  2511. border: 0
  2512. }
  2513. .flash-message .oauth-code::-moz-focus-inner,
  2514. .flash-message .oauth-code:active,
  2515. .flash-message .oauth-code:focus {
  2516. outline: 0!important
  2517. }
  2518. .flash-message .oauth-code:focus {
  2519. background: #313543
  2520. }
  2521. .flash-message strong {
  2522. font-weight: 500
  2523. }
  2524. .flash-message strong:lang(ja),
  2525. .flash-message strong:lang(ko),
  2526. .flash-message strong:lang(zh-CN),
  2527. .flash-message strong:lang(zh-HK),
  2528. .flash-message strong:lang(zh-TW) {
  2529. font-weight: 700
  2530. }
  2531. @media screen and (max-width:740px)and (min-width:441px) {
  2532. .flash-message {
  2533. margin-top: 40px
  2534. }
  2535. }
  2536. .flash-message.translation-prompt {
  2537. text-align: unset;
  2538. color: unset
  2539. }
  2540. .flash-message.translation-prompt a {
  2541. text-decoration: underline
  2542. }
  2543. .form-footer {
  2544. margin-top: 30px;
  2545. text-align: center
  2546. }
  2547. .form-footer a {
  2548. color: #9baec8;
  2549. text-decoration: none
  2550. }
  2551. .form-footer a:hover {
  2552. text-decoration: underline
  2553. }
  2554. .quick-nav {
  2555. list-style: none;
  2556. margin-bottom: 25px;
  2557. font-size: 14px
  2558. }
  2559. .quick-nav li {
  2560. display: inline-block;
  2561. margin-right: 10px
  2562. }
  2563. .quick-nav a {
  2564. color: #2b90d9;
  2565. text-transform: uppercase;
  2566. text-decoration: none;
  2567. font-weight: 700
  2568. }
  2569. .quick-nav a:active,
  2570. .quick-nav a:focus,
  2571. .quick-nav a:hover {
  2572. color: #4ea2df
  2573. }
  2574. .follow-prompt,
  2575. .oauth-prompt {
  2576. margin-bottom: 30px;
  2577. color: #9baec8
  2578. }
  2579. .follow-prompt h2,
  2580. .oauth-prompt h2 {
  2581. font-size: 16px;
  2582. margin-bottom: 30px;
  2583. text-align: center
  2584. }
  2585. .follow-prompt strong,
  2586. .oauth-prompt strong {
  2587. color: #d9e1e8;
  2588. font-weight: 500
  2589. }
  2590. .follow-prompt strong:lang(ja),
  2591. .follow-prompt strong:lang(ko),
  2592. .follow-prompt strong:lang(zh-CN),
  2593. .follow-prompt strong:lang(zh-HK),
  2594. .follow-prompt strong:lang(zh-TW),
  2595. .oauth-prompt strong:lang(ja),
  2596. .oauth-prompt strong:lang(ko),
  2597. .oauth-prompt strong:lang(zh-CN),
  2598. .oauth-prompt strong:lang(zh-HK),
  2599. .oauth-prompt strong:lang(zh-TW) {
  2600. font-weight: 700
  2601. }
  2602. @media screen and (max-width:740px)and (min-width:441px) {
  2603. .follow-prompt,
  2604. .oauth-prompt {
  2605. margin-top: 40px
  2606. }
  2607. }
  2608. .qr-wrapper {
  2609. display: flex;
  2610. flex-wrap: wrap;
  2611. align-items: flex-start
  2612. }
  2613. .qr-code {
  2614. flex: 0 0 auto;
  2615. background: #fff;
  2616. padding: 4px;
  2617. margin: 0 10px 20px 0;
  2618. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  2619. display: inline-block
  2620. }
  2621. .qr-code svg {
  2622. display: block;
  2623. margin: 0
  2624. }
  2625. .qr-alternative {
  2626. margin-bottom: 20px;
  2627. color: #d9e1e8;
  2628. flex: 150px
  2629. }
  2630. .qr-alternative samp {
  2631. display: block;
  2632. font-size: 14px
  2633. }
  2634. .table-form p {
  2635. margin-bottom: 15px
  2636. }
  2637. .table-form p strong {
  2638. font-weight: 500
  2639. }
  2640. .table-form p strong:lang(ja),
  2641. .table-form p strong:lang(ko),
  2642. .table-form p strong:lang(zh-CN),
  2643. .table-form p strong:lang(zh-HK),
  2644. .table-form p strong:lang(zh-TW) {
  2645. font-weight: 700
  2646. }
  2647. .simple_form .warning,
  2648. .table-form .warning {
  2649. box-sizing: border-box;
  2650. background: rgba(223, 64, 90, .5);
  2651. color: #fff;
  2652. text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
  2653. box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
  2654. border-radius: 4px;
  2655. padding: 10px;
  2656. margin-bottom: 15px
  2657. }
  2658. .simple_form .warning a,
  2659. .table-form .warning a {
  2660. color: #fff;
  2661. text-decoration: underline
  2662. }
  2663. .simple_form .warning a:active,
  2664. .simple_form .warning a:focus,
  2665. .simple_form .warning a:hover,
  2666. .table-form .warning a:active,
  2667. .table-form .warning a:focus,
  2668. .table-form .warning a:hover {
  2669. text-decoration: none
  2670. }
  2671. .simple_form .warning strong,
  2672. .table-form .warning strong {
  2673. font-weight: 600;
  2674. display: block;
  2675. margin-bottom: 5px
  2676. }
  2677. .simple_form .warning strong:lang(ja),
  2678. .simple_form .warning strong:lang(ko),
  2679. .simple_form .warning strong:lang(zh-CN),
  2680. .simple_form .warning strong:lang(zh-HK),
  2681. .simple_form .warning strong:lang(zh-TW),
  2682. .table-form .warning strong:lang(ja),
  2683. .table-form .warning strong:lang(ko),
  2684. .table-form .warning strong:lang(zh-CN),
  2685. .table-form .warning strong:lang(zh-HK),
  2686. .table-form .warning strong:lang(zh-TW) {
  2687. font-weight: 700
  2688. }
  2689. .simple_form .warning strong .fa,
  2690. .table-form .warning strong .fa {
  2691. font-weight: 400
  2692. }
  2693. .action-pagination {
  2694. display: flex;
  2695. flex-wrap: wrap;
  2696. align-items: center
  2697. }
  2698. .action-pagination .actions,
  2699. .action-pagination .pagination {
  2700. flex: 1 1 auto
  2701. }
  2702. .action-pagination .actions {
  2703. padding: 30px 20px 30px 0;
  2704. flex: 0 0 auto
  2705. }
  2706. .post-follow-actions {
  2707. text-align: center;
  2708. color: #9baec8
  2709. }
  2710. .post-follow-actions div {
  2711. margin-bottom: 4px
  2712. }
  2713. .alternative-login {
  2714. margin-top: 20px;
  2715. margin-bottom: 20px
  2716. }
  2717. .alternative-login h4 {
  2718. font-size: 16px;
  2719. color: #fff;
  2720. text-align: center;
  2721. margin-bottom: 20px;
  2722. border: 0;
  2723. padding: 0
  2724. }
  2725. .alternative-login .button {
  2726. display: block
  2727. }
  2728. .scope-danger {
  2729. color: #ff5050
  2730. }
  2731. .form_admin_settings_closed_registrations_message textarea,
  2732. .form_admin_settings_custom_css textarea,
  2733. .form_admin_settings_site_description textarea,
  2734. .form_admin_settings_site_extended_description textarea,
  2735. .form_admin_settings_site_short_description textarea,
  2736. .form_admin_settings_site_terms textarea {
  2737. font-family: "mastodon-font-monospace", monospace
  2738. }
  2739. .input-copy {
  2740. background: #131419;
  2741. border: 1px solid #0a0b0e;
  2742. border-radius: 4px;
  2743. display: flex;
  2744. align-items: center;
  2745. padding-right: 4px;
  2746. position: relative;
  2747. top: 1px;
  2748. transition: border-color .3s linear
  2749. }
  2750. .input-copy__wrapper {
  2751. flex: 1 1 auto
  2752. }
  2753. .input-copy input[type=text] {
  2754. background: transparent;
  2755. border: 0;
  2756. padding: 10px;
  2757. font-size: 14px;
  2758. font-family: "mastodon-font-monospace", monospace
  2759. }
  2760. .input-copy button {
  2761. flex: 0 0 auto;
  2762. margin: 4px;
  2763. text-transform: none;
  2764. font-weight: 400;
  2765. font-size: 14px;
  2766. padding: 7px 18px 6px;
  2767. width: auto;
  2768. transition: background .3s linear
  2769. }
  2770. .input-copy.copied {
  2771. border-color: #79bd9a;
  2772. transition: none
  2773. }
  2774. .input-copy.copied button {
  2775. background: #79bd9a;
  2776. transition: none
  2777. }
  2778. .connection-prompt {
  2779. margin-bottom: 25px
  2780. }
  2781. .connection-prompt .fa-link {
  2782. background-color: #1f232b;
  2783. border-radius: 100%;
  2784. font-size: 24px;
  2785. padding: 10px
  2786. }
  2787. .connection-prompt__column {
  2788. align-items: center;
  2789. display: flex;
  2790. flex: 1;
  2791. flex-direction: column;
  2792. flex-shrink: 1;
  2793. max-width: 50%
  2794. }
  2795. .connection-prompt__column-sep {
  2796. align-self: center;
  2797. flex-grow: 0;
  2798. overflow: visible;
  2799. position: relative;
  2800. z-index: 1
  2801. }
  2802. .connection-prompt__column p {
  2803. word-break: break-word
  2804. }
  2805. .connection-prompt .account__avatar {
  2806. margin-bottom: 20px
  2807. }
  2808. .connection-prompt__connection {
  2809. background-color: #393f4f;
  2810. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  2811. border-radius: 4px;
  2812. padding: 25px 10px;
  2813. position: relative;
  2814. text-align: center
  2815. }
  2816. .connection-prompt__connection:after {
  2817. background-color: #1f232b;
  2818. content: "";
  2819. display: block;
  2820. height: 100%;
  2821. left: 50%;
  2822. position: absolute;
  2823. top: 0;
  2824. width: 1px
  2825. }
  2826. .connection-prompt__row {
  2827. align-items: flex-start;
  2828. display: flex;
  2829. flex-direction: row
  2830. }
  2831. .input.user_confirm_password:not(.field_with_errors),
  2832. .input.user_website:not(.field_with_errors) {
  2833. display: none
  2834. }
  2835. .card>a {
  2836. display: block;
  2837. text-decoration: none;
  2838. color: inherit;
  2839. box-shadow: 0 0 15px rgba(0, 0, 0, .2)
  2840. }
  2841. @media screen and (max-width:415px) {
  2842. .card>a {
  2843. box-shadow: none
  2844. }
  2845. }
  2846. .card>a:active .card__bar,
  2847. .card>a:focus .card__bar,
  2848. .card>a:hover .card__bar {
  2849. background: #393f4f
  2850. }
  2851. .card__img {
  2852. height: 130px;
  2853. position: relative;
  2854. background: #0e1014;
  2855. border-radius: 4px 4px 0 0
  2856. }
  2857. .card__img img {
  2858. display: block;
  2859. width: 100%;
  2860. height: 100%;
  2861. margin: 0;
  2862. -o-object-fit: cover;
  2863. font-family: "object-fit:cover";
  2864. object-fit: cover;
  2865. border-radius: 4px 4px 0 0
  2866. }
  2867. @media screen and (max-width:600px) {
  2868. .card__img {
  2869. height: 200px
  2870. }
  2871. }
  2872. @media screen and (max-width:415px) {
  2873. .card__img {
  2874. display: none
  2875. }
  2876. }
  2877. .card__bar {
  2878. position: relative;
  2879. padding: 15px;
  2880. display: flex;
  2881. justify-content: flex-start;
  2882. align-items: center;
  2883. background: #313543;
  2884. border-radius: 0 0 4px 4px
  2885. }
  2886. @media screen and (max-width:415px) {
  2887. .card__bar {
  2888. border-radius: 0
  2889. }
  2890. }
  2891. .card__bar .avatar {
  2892. flex: 0 0 auto;
  2893. width: 48px;
  2894. height: 48px;
  2895. padding-top: 2px
  2896. }
  2897. .card__bar .avatar img {
  2898. width: 100%;
  2899. height: 100%;
  2900. display: block;
  2901. margin: 0;
  2902. border-radius: 4px;
  2903. background: #17191f;
  2904. -o-object-fit: cover;
  2905. font-family: "object-fit:cover";
  2906. object-fit: cover
  2907. }
  2908. .card__bar .display-name {
  2909. margin-left: 15px;
  2910. text-align: left
  2911. }
  2912. .card__bar .display-name i[data-hidden] {
  2913. display: none
  2914. }
  2915. .card__bar .display-name strong {
  2916. font-size: 15px;
  2917. color: #fff;
  2918. font-weight: 500;
  2919. overflow: hidden;
  2920. text-overflow: ellipsis
  2921. }
  2922. .card__bar .display-name span {
  2923. display: block;
  2924. font-size: 14px;
  2925. color: #9baec8;
  2926. font-weight: 400;
  2927. overflow: hidden;
  2928. text-overflow: ellipsis
  2929. }
  2930. .pagination {
  2931. padding: 30px 0;
  2932. text-align: center;
  2933. overflow: hidden
  2934. }
  2935. .pagination .current,
  2936. .pagination .gap,
  2937. .pagination .newer,
  2938. .pagination .older,
  2939. .pagination .page,
  2940. .pagination a {
  2941. font-size: 14px;
  2942. color: #fff;
  2943. font-weight: 500;
  2944. display: inline-block;
  2945. padding: 6px 10px;
  2946. text-decoration: none
  2947. }
  2948. .pagination .current {
  2949. background: #fff;
  2950. border-radius: 100px;
  2951. color: #282c37;
  2952. cursor: default;
  2953. margin: 0 10px
  2954. }
  2955. .pagination .gap {
  2956. cursor: default
  2957. }
  2958. .pagination .newer,
  2959. .pagination .older {
  2960. text-transform: uppercase;
  2961. color: #d9e1e8
  2962. }
  2963. .pagination .older {
  2964. float: left;
  2965. padding-left: 0
  2966. }
  2967. .pagination .older .fa {
  2968. display: inline-block;
  2969. margin-right: 5px
  2970. }
  2971. .pagination .newer {
  2972. float: right;
  2973. padding-right: 0
  2974. }
  2975. .pagination .newer .fa {
  2976. display: inline-block;
  2977. margin-left: 5px
  2978. }
  2979. .pagination .disabled {
  2980. cursor: default;
  2981. color: #3d4455
  2982. }
  2983. @media screen and (max-width:700px) {
  2984. .pagination {
  2985. padding: 30px 20px
  2986. }
  2987. .pagination .page {
  2988. display: none
  2989. }
  2990. .pagination .newer,
  2991. .pagination .older {
  2992. display: inline-block
  2993. }
  2994. }
  2995. .nothing-here {
  2996. background: #282c37;
  2997. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  2998. color: #9baec8;
  2999. font-size: 14px;
  3000. font-weight: 500;
  3001. text-align: center;
  3002. display: flex;
  3003. justify-content: center;
  3004. align-items: center;
  3005. cursor: default;
  3006. border-radius: 4px;
  3007. padding: 20px;
  3008. min-height: 30vh
  3009. }
  3010. .nothing-here--under-tabs {
  3011. border-radius: 0 0 4px 4px
  3012. }
  3013. .nothing-here--flexible {
  3014. box-sizing: border-box;
  3015. min-height: 100%
  3016. }
  3017. .account-role,
  3018. .simple_form .recommended {
  3019. display: inline-block;
  3020. padding: 4px 6px;
  3021. cursor: default;
  3022. border-radius: 3px;
  3023. font-size: 12px;
  3024. line-height: 12px;
  3025. font-weight: 500;
  3026. color: #d9e1e8;
  3027. background-color: rgba(217, 225, 232, .1);
  3028. border: 1px solid rgba(217, 225, 232, .5)
  3029. }
  3030. .account-role.moderator,
  3031. .simple_form .recommended.moderator {
  3032. color: #79bd9a;
  3033. background-color: rgba(121, 189, 154, .1);
  3034. border-color: rgba(121, 189, 154, .5)
  3035. }
  3036. .account-role.admin,
  3037. .simple_form .recommended.admin {
  3038. color: #e87487;
  3039. background-color: rgba(232, 116, 135, .1);
  3040. border-color: rgba(232, 116, 135, .5)
  3041. }
  3042. .account__header__fields {
  3043. max-width: 100vw;
  3044. padding: 0;
  3045. margin: 15px -15px -15px;
  3046. border-bottom: 0;
  3047. border-top: 0;
  3048. border-color: #42485a currentcolor;
  3049. border-style: solid none;
  3050. border-width: 1px 0;
  3051. font-size: 14px;
  3052. line-height: 20px
  3053. }
  3054. .account__header__fields dl {
  3055. display: flex;
  3056. border-bottom: 1px solid #42485a
  3057. }
  3058. .account__header__fields dd,
  3059. .account__header__fields dt {
  3060. box-sizing: border-box;
  3061. padding: 14px;
  3062. text-align: center;
  3063. max-height: 48px;
  3064. overflow: hidden;
  3065. white-space: nowrap;
  3066. text-overflow: ellipsis
  3067. }
  3068. .account__header__fields dt {
  3069. font-weight: 500;
  3070. width: 120px;
  3071. flex: 0 0 auto;
  3072. color: #d9e1e8;
  3073. background: rgba(23, 25, 31, .5)
  3074. }
  3075. .account__header__fields dd {
  3076. flex: 1 1 auto;
  3077. color: #9baec8
  3078. }
  3079. .account__header__fields a {
  3080. color: #2b90d9;
  3081. text-decoration: none
  3082. }
  3083. .account__header__fields a:active,
  3084. .account__header__fields a:focus,
  3085. .account__header__fields a:hover {
  3086. text-decoration: underline
  3087. }
  3088. .account__header__fields .verified {
  3089. border: 1px solid rgba(121, 189, 154, .5);
  3090. background: rgba(121, 189, 154, .25)
  3091. }
  3092. .account__header__fields .verified a {
  3093. color: #79bd9a;
  3094. font-weight: 500
  3095. }
  3096. .account__header__fields .verified__mark {
  3097. color: #79bd9a
  3098. }
  3099. .account__header__fields dl:last-child {
  3100. border-bottom: 0
  3101. }
  3102. .directory__tag .trends__item__current {
  3103. width: auto
  3104. }
  3105. .pending-account__header {
  3106. color: #9baec8
  3107. }
  3108. .pending-account__header a {
  3109. color: #d9e1e8;
  3110. text-decoration: none
  3111. }
  3112. .pending-account__header a:active,
  3113. .pending-account__header a:focus,
  3114. .pending-account__header a:hover {
  3115. text-decoration: underline
  3116. }
  3117. .pending-account__header strong {
  3118. color: #fff;
  3119. font-weight: 700
  3120. }
  3121. .pending-account__body {
  3122. margin-top: 10px
  3123. }
  3124. .activity-stream {
  3125. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  3126. border-radius: 4px;
  3127. overflow: hidden;
  3128. margin-bottom: 10px
  3129. }
  3130. .activity-stream--under-tabs {
  3131. border-radius: 0 0 4px 4px
  3132. }
  3133. @media screen and (max-width:415px) {
  3134. .activity-stream {
  3135. margin-bottom: 0;
  3136. border-radius: 0;
  3137. box-shadow: none
  3138. }
  3139. }
  3140. .activity-stream--headless {
  3141. border-radius: 0;
  3142. margin: 0;
  3143. box-shadow: none
  3144. }
  3145. .activity-stream--headless .detailed-status,
  3146. .activity-stream--headless .status {
  3147. border-radius: 0!important
  3148. }
  3149. .activity-stream div[data-component] {
  3150. width: 100%
  3151. }
  3152. .activity-stream .entry {
  3153. background: #282c37
  3154. }
  3155. .activity-stream .entry .detailed-status,
  3156. .activity-stream .entry .load-more,
  3157. .activity-stream .entry .status {
  3158. -webkit-animation: none;
  3159. animation: none
  3160. }
  3161. .activity-stream .entry:last-child .detailed-status,
  3162. .activity-stream .entry:last-child .load-more,
  3163. .activity-stream .entry:last-child .status {
  3164. border-bottom: 0;
  3165. border-radius: 0 0 4px 4px
  3166. }
  3167. .activity-stream .entry:first-child .detailed-status,
  3168. .activity-stream .entry:first-child .load-more,
  3169. .activity-stream .entry:first-child .status {
  3170. border-radius: 4px 4px 0 0
  3171. }
  3172. .activity-stream .entry:first-child:last-child .detailed-status,
  3173. .activity-stream .entry:first-child:last-child .load-more,
  3174. .activity-stream .entry:first-child:last-child .status {
  3175. border-radius: 4px
  3176. }
  3177. @media screen and (max-width:740px) {
  3178. .activity-stream .entry .detailed-status,
  3179. .activity-stream .entry .load-more,
  3180. .activity-stream .entry .status {
  3181. border-radius: 0!important
  3182. }
  3183. }
  3184. .activity-stream--highlighted .entry {
  3185. background: #393f4f
  3186. }
  3187. .button.logo-button {
  3188. flex: 0 auto;
  3189. font-size: 14px;
  3190. background: #2b90d9;
  3191. color: #fff;
  3192. text-transform: none;
  3193. line-height: 16px;
  3194. height: auto;
  3195. min-height: 36px;
  3196. min-width: 88px;
  3197. white-space: normal;
  3198. overflow-wrap: break-word;
  3199. -webkit-hyphens: auto;
  3200. -ms-hyphens: auto;
  3201. hyphens: auto;
  3202. padding: 0 15px;
  3203. border: 0
  3204. }
  3205. .button.logo-button svg {
  3206. width: 20px;
  3207. height: auto;
  3208. vertical-align: middle;
  3209. margin-right: 5px;
  3210. fill: #fff
  3211. }
  3212. .button.logo-button:active,
  3213. .button.logo-button:focus,
  3214. .button.logo-button:hover {
  3215. background: #56a7e1
  3216. }
  3217. .button.logo-button.disabled:active,
  3218. .button.logo-button.disabled:focus,
  3219. .button.logo-button.disabled:hover,
  3220. .button.logo-button:disabled:active,
  3221. .button.logo-button:disabled:focus,
  3222. .button.logo-button:disabled:hover {
  3223. background: #9baec8
  3224. }
  3225. .button.logo-button.button--destructive:active,
  3226. .button.logo-button.button--destructive:focus,
  3227. .button.logo-button.button--destructive:hover {
  3228. background: #df405a
  3229. }
  3230. @media screen and (max-width:415px) {
  3231. .button.logo-button svg {
  3232. display: none
  3233. }
  3234. }
  3235. .embed .status__content[data-spoiler=folded] .e-content,
  3236. .public-layout .status__content[data-spoiler=folded] .e-content {
  3237. display: none
  3238. }
  3239. .embed .status__content[data-spoiler=folded] p:first-child,
  3240. .public-layout .status__content[data-spoiler=folded] p:first-child {
  3241. margin-bottom: 0
  3242. }
  3243. .embed .detailed-status,
  3244. .public-layout .detailed-status {
  3245. padding: 15px
  3246. }
  3247. .embed .detailed-status .detailed-status__display-avatar .account__avatar,
  3248. .public-layout .detailed-status .detailed-status__display-avatar .account__avatar {
  3249. width: 48px;
  3250. height: 48px
  3251. }
  3252. .embed .status,
  3253. .public-layout .status {
  3254. padding: 15px 15px 15px 78px;
  3255. min-height: 50px
  3256. }
  3257. .embed .status__avatar,
  3258. .public-layout .status__avatar {
  3259. left: 15px;
  3260. top: 17px
  3261. }
  3262. .embed .status__avatar .account__avatar,
  3263. .public-layout .status__avatar .account__avatar {
  3264. width: 48px;
  3265. height: 48px
  3266. }
  3267. .embed .status__content,
  3268. .public-layout .status__content {
  3269. padding-top: 5px
  3270. }
  3271. .embed .status__prepend,
  3272. .public-layout .status__prepend {
  3273. margin-left: 78px;
  3274. padding-top: 15px
  3275. }
  3276. .embed .status__prepend-icon-wrapper,
  3277. .public-layout .status__prepend-icon-wrapper {
  3278. left: -32px
  3279. }
  3280. .embed .status .media-gallery,
  3281. .embed .status .video-player,
  3282. .embed .status__action-bar,
  3283. .public-layout .status .media-gallery,
  3284. .public-layout .status .video-player,
  3285. .public-layout .status__action-bar {
  3286. margin-top: 10px
  3287. }
  3288. .embed .status__action-bar-button,
  3289. .public-layout .status__action-bar-button {
  3290. font-size: 18px;
  3291. width: 23.1429px;
  3292. height: 23.1429px;
  3293. line-height: 23.15px
  3294. }
  3295. button.icon-button i.fa-retweet {
  3296. 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>")
  3297. }
  3298. button.icon-button:hover i.fa-retweet {
  3299. 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='%23707B97' 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>")
  3300. }
  3301. button.icon-button.reblogPrivate i.fa-retweet {
  3302. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='209' width='22'><path d='M 4.9707031 3.1503906 L 4.9707031 3.1601562 C 4.8707031 3.1901563 4.8 3.2598438 4.75 3.3398438 L 0.80078125 8.2402344 C 0.60078125 8.5402344 0.8292187 9.0190625 1.1992188 9.0390625 L 3.5996094 9.0390625 L 3.5996094 11.720703 C 3.5996094 15.980703 3.0497656 15.339844 7.2597656 15.339844 L 11.869141 15.339844 L 11.869141 14.119141 L 11.869141 13.523438 L 11.869141 12.441406 C 11.869141 12.441406 11.869141 12.439453 11.869141 12.439453 L 7.2695312 12.439453 C 6.8295312 12.439453 6.5507814 12.140703 6.5507812 11.720703 L 6.5507812 9.0195312 L 9.0507812 9.0195312 C 9.4207813 9.0495313 9.6792188 8.54 9.4492188 8.25 L 5.5 3.3496094 C 5.38 3.1796094 5.1607031 3.1003906 4.9707031 3.1503906 z M 17.150391 3.5800781 L 17.130859 3.5898438 C 16.580859 3.5698436 15.810469 3.609375 14.730469 3.609375 L 7.0996094 3.609375 L 9.4199219 6.4609375 L 9.4492188 6.5195312 L 14.699219 6.5195312 C 15.106887 6.5195312 15.397113 6.7872181 15.414062 7.2050781 C 15.738375 7.0991315 16.077769 7.0273437 16.435547 7.0273438 L 16.578125 7.0273438 C 17.24903 7.0273438 17.874081 7.2325787 18.400391 7.578125 L 18.400391 7.2402344 C 18.400391 4.0902344 18.800391 3.6200781 17.150391 3.5800781 z M 16.435547 8.0273438 C 15.143818 8.0273438 14.083984 9.0851838 14.083984 10.376953 L 14.083984 11.607422 L 13.570312 11.607422 C 13.375448 11.607422 13.210603 11.704118 13.119141 11.791016 C 13.027691 11.877916 12.983569 11.958238 12.951172 12.03125 C 12.886382 12.177277 12.867187 12.304789 12.867188 12.441406 L 12.867188 13.523438 L 12.867188 14.119141 L 12.867188 15.677734 L 12.867188 16.509766 L 13.570312 16.509766 L 19.472656 16.509766 L 20.173828 16.509766 L 20.173828 15.677734 L 20.173828 13.523438 L 20.173828 12.441406 C 20.173828 12.304794 20.156597 12.177281 20.091797 12.03125 C 20.059397 11.95824 20.015299 11.877916 19.923828 11.791016 C 19.832368 11.704116 19.667509 11.607422 19.472656 11.607422 L 18.927734 11.607422 L 18.927734 10.376953 C 18.927734 9.0851838 17.867902 8.0273438 16.576172 8.0273438 L 16.435547 8.0273438 z M 16.435547 9.2207031 L 16.576172 9.2207031 C 17.22782 9.2207031 17.734375 9.7251013 17.734375 10.376953 L 17.734375 11.607422 L 15.277344 11.607422 L 15.277344 10.376953 C 15.277344 9.7251013 15.7839 9.2207031 16.435547 9.2207031 z M 12.919922 9.9394531 C 12.559922 9.9594531 12.359141 10.480234 12.619141 10.740234 L 12.751953 10.904297 C 12.862211 10.870135 12.980058 10.842244 13.085938 10.802734 L 13.085938 10.378906 C 13.085938 10.228632 13.111295 10.084741 13.130859 9.9394531 L 12.919922 9.9394531 z M 19.882812 9.9394531 C 19.902378 10.084741 19.927734 10.228632 19.927734 10.378906 L 19.927734 10.791016 C 20.168811 10.875098 20.455966 10.916935 20.613281 11.066406 C 20.691227 11.140457 20.749315 11.223053 20.806641 11.302734 L 21.259766 10.740234 C 21.519766 10.460234 21.260625 9.9094531 20.890625 9.9394531 L 19.882812 9.9394531 z M 16.435547 10.220703 C 16.301234 10.220703 16.277344 10.244432 16.277344 10.378906 L 16.277344 10.607422 L 16.734375 10.607422 L 16.734375 10.378906 C 16.734375 10.244433 16.712442 10.220703 16.578125 10.220703 L 16.435547 10.220703 z ' fill='%23606984' stroke-width='0'/><path d='M 7.7792969 19.650391 L 7.7792969 19.660156 C 7.5392969 19.680156 7.3398437 19.910156 7.3398438 20.160156 L 7.3398438 22.619141 L 7.2792969 22.619141 C 6.1992969 22.619141 5.4208594 22.589844 4.8808594 22.589844 C 3.2408594 22.589844 3.6308594 23.020234 3.6308594 26.240234 L 3.6308594 30.710938 C 3.6308594 34.970937 3.0692969 34.330078 7.2792969 34.330078 L 8.5 34.330078 L 7.1992188 33.269531 C 7.0992188 33.189531 7.02 33.070703 7 32.970703 C 6.98 32.800703 7.0592186 32.619531 7.1992188 32.519531 L 8.5292969 31.419922 L 7.2792969 31.419922 C 6.8392969 31.419922 6.5605469 31.120703 6.5605469 30.720703 L 6.5605469 26.240234 C 6.5605469 25.800234 6.8392969 25.519531 7.2792969 25.519531 L 7.3398438 25.519531 L 7.3398438 28.019531 C 7.3398438 28.399531 7.8801564 28.650391 8.1601562 28.400391 L 13.060547 24.470703 C 13.310547 24.290703 13.310547 23.869453 13.060547 23.689453 L 8.1601562 19.769531 C 8.0601563 19.669531 7.9192969 19.630391 7.7792969 19.650391 z M 17.119141 22.580078 L 17.119141 22.589844 C 16.579141 22.569844 15.820703 22.609375 14.720703 22.609375 L 13.470703 22.609375 L 14.769531 23.679688 C 14.869531 23.749688 14.950703 23.879766 14.970703 24.009766 C 14.990703 24.169766 14.909531 24.310156 14.769531 24.410156 L 13.439453 25.509766 L 14.720703 25.509766 C 15.129702 25.509766 15.41841 25.778986 15.433594 26.199219 C 15.752266 26.097283 16.084896 26.027344 16.435547 26.027344 L 16.578125 26.027344 C 17.236645 26.027344 17.848901 26.228565 18.369141 26.5625 L 18.369141 26.240234 C 18.369141 23.090234 18.769141 22.620078 17.119141 22.580078 z M 16.435547 27.027344 C 15.143818 27.027344 14.083984 28.085184 14.083984 29.376953 L 14.083984 30.607422 L 13.570312 30.607422 C 13.375452 30.607422 13.210603 30.704118 13.119141 30.791016 C 13.027691 30.877916 12.983569 30.958238 12.951172 31.03125 C 12.886382 31.177277 12.867184 31.304789 12.867188 31.441406 L 12.867188 32.523438 L 12.867188 33.119141 L 12.867188 34.677734 L 12.867188 35.509766 L 13.570312 35.509766 L 19.472656 35.509766 L 20.173828 35.509766 L 20.173828 34.677734 L 20.173828 32.523438 L 20.173828 31.441406 C 20.173828 31.304794 20.156597 31.177281 20.091797 31.03125 C 20.059397 30.95824 20.015299 30.877916 19.923828 30.791016 C 19.832368 30.704116 19.667509 30.607422 19.472656 30.607422 L 18.927734 30.607422 L 18.927734 29.376953 C 18.927734 28.085184 17.867902 27.027344 16.576172 27.027344 L 16.435547 27.027344 z M 16.435547 28.220703 L 16.576172 28.220703 C 17.22782 28.220703 17.734375 28.725101 17.734375 29.376953 L 17.734375 30.607422 L 15.277344 30.607422 L 15.277344 29.376953 C 15.277344 28.725101 15.7839 28.220703 16.435547 28.220703 z M 13.109375 29.150391 L 8.9199219 32.509766 C 8.6599219 32.689766 8.6599219 33.109063 8.9199219 33.289062 L 11.869141 35.648438 L 11.869141 34.677734 L 11.869141 33.119141 L 11.869141 32.523438 L 11.869141 31.441406 C 11.869141 31.217489 11.912641 30.907486 12.037109 30.626953 C 12.093758 30.499284 12.228597 30.257492 12.429688 30.066406 C 12.580253 29.92335 12.859197 29.887344 13.085938 29.802734 L 13.085938 29.378906 C 13.085938 29.300761 13.104 29.227272 13.109375 29.150391 z M 16.435547 29.220703 C 16.301234 29.220703 16.277344 29.244432 16.277344 29.378906 L 16.277344 29.607422 L 16.734375 29.607422 L 16.734375 29.378906 C 16.734375 29.244433 16.712442 29.220703 16.578125 29.220703 L 16.435547 29.220703 z M 12.943359 36.509766 L 13.820312 37.210938 C 14.090314 37.460938 14.639141 37.210078 14.619141 36.830078 L 14.619141 36.509766 L 13.570312 36.509766 L 12.943359 36.509766 z M 10.330078 38.650391 L 10.339844 38.660156 C 10.099844 38.680156 9.9001562 38.910156 9.9101562 39.160156 L 9.9101562 41.630859 L 7.3007812 41.630859 C 6.2207812 41.630859 5.4403906 41.589844 4.9003906 41.589844 C 3.2603906 41.589844 3.6503906 42.020234 3.6503906 45.240234 L 3.6503906 49.710938 C 3.6503906 53.370936 3.4202344 53.409141 5.9902344 53.369141 L 4.6503906 52.269531 C 4.5503906 52.189531 4.4692187 52.070703 4.4492188 51.970703 C 4.4492188 51.800703 4.5203906 51.619531 4.6503906 51.519531 L 6.609375 49.919922 C 6.579375 49.859922 6.5703125 49.790703 6.5703125 49.720703 L 6.5703125 45.240234 C 6.5703125 44.800234 6.8490625 44.519531 7.2890625 44.519531 L 9.9003906 44.519531 L 9.9003906 47.019531 C 9.9003906 47.379531 10.399219 47.620391 10.699219 47.400391 L 15.630859 43.470703 C 15.870859 43.290703 15.870859 42.869453 15.630859 42.689453 L 10.689453 38.769531 C 10.589453 38.689531 10.460078 38.640391 10.330078 38.650391 z M 16.869141 41.585938 C 16.616211 41.581522 16.322969 41.584844 15.980469 41.589844 L 15.970703 41.589844 L 17.310547 42.689453 C 17.410547 42.759453 17.489766 42.889531 17.509766 43.019531 C 17.529766 43.179531 17.479609 43.319922 17.349609 43.419922 L 15.390625 45.019531 C 15.406724 45.075878 15.427133 45.132837 15.4375 45.197266 C 15.754974 45.096169 16.086404 45.027344 16.435547 45.027344 L 16.578125 45.027344 C 17.24129 45.027344 17.858323 45.230088 18.380859 45.568359 L 18.380859 45.25 C 18.380859 42.0475 18.639648 41.616836 16.869141 41.585938 z M 16.435547 46.027344 C 15.143818 46.027344 14.083984 47.085184 14.083984 48.376953 L 14.083984 49.607422 L 13.570312 49.607422 C 13.375448 49.607422 13.210603 49.704118 13.119141 49.791016 C 13.027691 49.877916 12.983569 49.958238 12.951172 50.03125 C 12.886382 50.177277 12.867187 50.304789 12.867188 50.441406 L 12.867188 51.523438 L 12.867188 52.119141 L 12.867188 53.677734 L 12.867188 54.509766 L 13.570312 54.509766 L 19.472656 54.509766 L 20.173828 54.509766 L 20.173828 53.677734 L 20.173828 51.523438 L 20.173828 50.441406 C 20.173828 50.304794 20.156597 50.177281 20.091797 50.03125 C 20.059397 49.95824 20.015299 49.877916 19.923828 49.791016 C 19.832368 49.704116 19.667509 49.607422 19.472656 49.607422 L 18.927734 49.607422 L 18.927734 48.376953 C 18.927734 47.085184 17.867902 46.027344 16.576172 46.027344 L 16.435547 46.027344 z M 16.435547 47.220703 L 16.576172 47.220703 C 17.22782 47.220703 17.734375 47.725101 17.734375 48.376953 L 17.734375 49.607422 L 15.277344 49.607422 L 15.277344 48.376953 C 15.277344 47.725101 15.7839 47.220703 16.435547 47.220703 z M 11.470703 47.490234 C 11.410703 47.510234 11.349063 47.539844 11.289062 47.589844 L 6.3496094 51.519531 C 6.1096094 51.699531 6.1096094 52.120781 6.3496094 52.300781 L 11.289062 56.220703 C 11.569064 56.440703 12.070312 56.199844 12.070312 55.839844 L 12.070312 55.509766 L 11.869141 55.509766 L 11.869141 53.677734 L 11.869141 52.119141 L 11.869141 51.523438 L 11.869141 50.441406 C 11.869141 50.217489 11.912641 49.907486 12.037109 49.626953 C 12.043809 49.611855 12.061451 49.584424 12.070312 49.566406 L 12.070312 47.960938 C 12.070312 47.660938 11.770703 47.430234 11.470703 47.490234 z M 16.435547 48.220703 C 16.301234 48.220703 16.277344 48.244432 16.277344 48.378906 L 16.277344 48.607422 L 16.734375 48.607422 L 16.734375 48.378906 C 16.734375 48.244433 16.712442 48.220703 16.578125 48.220703 L 16.435547 48.220703 z M 13.060547 57.650391 L 13.060547 57.660156 C 12.830547 57.690156 12.660156 57.920156 12.660156 58.160156 L 12.660156 60.630859 L 7.2792969 60.630859 C 6.1992969 60.630859 5.4208594 60.589844 4.8808594 60.589844 C 3.2408594 60.589844 3.6308594 61.020234 3.6308594 64.240234 L 3.6308594 69.109375 L 6.5605469 66.740234 L 6.5605469 64.240234 C 6.5605469 63.800234 6.8392969 63.519531 7.2792969 63.519531 L 12.660156 63.519531 L 12.660156 66.019531 C 12.660156 66.299799 12.960394 66.500006 13.226562 66.474609 C 13.625751 65.076914 14.904956 64.035678 16.421875 64.029297 L 18.380859 62.470703 C 18.620859 62.290703 18.620859 61.869453 18.380859 61.689453 L 13.439453 57.769531 C 13.339453 57.669531 13.200547 57.630391 13.060547 57.650391 z M 18.359375 63.810547 L 17.800781 64.269531 C 18.004793 64.350836 18.198411 64.450249 18.380859 64.568359 L 18.380859 64.25 L 18.380859 63.810547 L 18.359375 63.810547 z M 16.435547 65.027344 C 15.143818 65.027344 14.083984 66.085184 14.083984 67.376953 L 14.083984 68.607422 L 13.570312 68.607422 C 13.375448 68.607422 13.210603 68.704118 13.119141 68.791016 C 13.027691 68.877916 12.983569 68.958238 12.951172 69.03125 C 12.886382 69.177277 12.867187 69.304789 12.867188 69.441406 L 12.867188 70.523438 L 12.867188 71.119141 L 12.867188 72.677734 L 12.867188 73.509766 L 13.570312 73.509766 L 19.472656 73.509766 L 20.173828 73.509766 L 20.173828 72.677734 L 20.173828 70.523438 L 20.173828 69.441406 C 20.173828 69.304794 20.156597 69.177281 20.091797 69.03125 C 20.059397 68.95824 20.015299 68.877916 19.923828 68.791016 C 19.832368 68.704116 19.667509 68.607422 19.472656 68.607422 L 18.927734 68.607422 L 18.927734 67.376953 C 18.927734 66.085184 17.867902 65.027344 16.576172 65.027344 L 16.435547 65.027344 z M 16.435547 66.220703 L 16.576172 66.220703 C 17.22782 66.220703 17.734375 66.725101 17.734375 67.376953 L 17.734375 68.607422 L 15.277344 68.607422 L 15.277344 67.376953 C 15.277344 66.725101 15.7839 66.220703 16.435547 66.220703 z M 8.7207031 66.509766 C 8.6507031 66.529766 8.5895312 66.559375 8.5195312 66.609375 L 3.5996094 70.519531 C 3.3496094 70.699531 3.3496094 71.120781 3.5996094 71.300781 L 8.5292969 75.220703 C 8.8092969 75.440703 9.3105469 75.199844 9.3105469 74.839844 L 9.3105469 72.339844 L 11.869141 72.339844 L 11.869141 71.119141 L 11.869141 70.523438 L 11.869141 69.449219 L 9.3203125 69.449219 L 9.3203125 66.980469 C 9.3203125 66.680469 9.0007031 66.449766 8.7207031 66.509766 z M 16.435547 67.220703 C 16.301234 67.220703 16.277344 67.244432 16.277344 67.378906 L 16.277344 67.607422 L 16.734375 67.607422 L 16.734375 67.378906 C 16.734375 67.244433 16.712442 67.220703 16.578125 67.220703 L 16.435547 67.220703 z M 19.248047 78.800781 C 19.148558 78.831033 19.050295 78.90106 18.970703 78.970703 L 18.070312 79.869141 C 17.630312 79.569141 16.710703 79.619141 14.720703 79.619141 L 7.2792969 79.619141 C 6.1992969 79.619141 5.4208594 79.589844 4.8808594 79.589844 C 3.2408594 79.589844 3.6308594 80.020234 3.6308594 83.240234 L 3.6308594 83.939453 L 6.5605469 84.240234 L 6.5605469 83.240234 C 6.5605469 82.800234 6.8392969 82.519531 7.2792969 82.519531 L 14.720703 82.519531 C 14.920703 82.519531 15.090703 82.600703 15.220703 82.720703 L 13.419922 84.519531 C 13.279464 84.665607 13.281282 84.881022 13.363281 85.054688 C 13.880838 83.867655 15.067337 83.027344 16.435547 83.027344 L 16.578125 83.027344 C 18.290465 83.027344 19.703357 84.345788 19.890625 86.011719 L 19.960938 86.019531 C 20.240938 86.049531 20.520234 85.770234 20.490234 85.490234 L 19.789062 79.240234 C 19.789062 78.973661 19.498025 78.767523 19.25 78.800781 L 19.248047 78.800781 z M 16.435547 84.027344 C 15.143818 84.027344 14.083984 85.085184 14.083984 86.376953 L 14.083984 87.607422 L 13.570312 87.607422 C 13.375448 87.607422 13.210603 87.704118 13.119141 87.791016 C 13.027691 87.877916 12.983569 87.958238 12.951172 88.03125 C 12.886382 88.177277 12.867187 88.304789 12.867188 88.441406 L 12.867188 89.523438 L 12.867188 90.119141 L 12.867188 91.677734 L 12.867188 92.509766 L 13.570312 92.509766 L 19.472656 92.509766 L 20.173828 92.509766 L 20.173828 91.677734 L 20.173828 89.523438 L 20.173828 88.441406 C 20.173828 88.304794 20.156597 88.177281 20.091797 88.03125 C 20.059397 87.95824 20.015299 87.877916 19.923828 87.791016 C 19.832368 87.704116 19.667509 87.607422 19.472656 87.607422 L 18.927734 87.607422 L 18.927734 86.376953 C 18.927734 85.085184 17.867902 84.027344 16.576172 84.027344 L 16.435547 84.027344 z M 2.0507812 84.900391 C 1.8507824 84.970391 1.6907031 85.199453 1.7207031 85.439453 L 2.4199219 91.689453 C 2.4399219 92.049453 3 92.240929 3.25 91.960938 L 4.0507812 91.160156 C 4.0707812 91.160156 4.0898437 91.140156 4.0898438 91.160156 C 4.5498437 91.400156 5.4595313 91.330078 7.2695312 91.330078 L 11.869141 91.330078 L 11.869141 90.119141 L 11.869141 89.523438 L 11.869141 88.441406 C 11.869141 88.437991 11.871073 88.433136 11.871094 88.429688 L 7.2792969 88.429688 C 7.1292969 88.429688 6.9808594 88.400078 6.8808594 88.330078 L 8.8007812 86.400391 C 9.1007822 86.160391 8.8992969 85.600547 8.5292969 85.560547 L 2.25 84.910156 L 2.0507812 84.910156 L 2.0507812 84.900391 z M 16.435547 85.220703 L 16.576172 85.220703 C 17.22782 85.220703 17.734375 85.725101 17.734375 86.376953 L 17.734375 87.607422 L 15.277344 87.607422 L 15.277344 86.376953 C 15.277344 85.725101 15.7839 85.220703 16.435547 85.220703 z M 4.8808594 98.599609 C 3.5508594 98.599609 3.5400781 99.080402 3.5800781 100.90039 L 4.7207031 99.529297 C 4.8007031 99.429297 4.9405469 99.360078 5.0605469 99.330078 C 5.2205469 99.330078 5.4 99.409297 5.5 99.529297 L 7.1601562 101.56055 C 7.2001563 101.56055 7.2292969 101.5293 7.2792969 101.5293 L 14.720703 101.5293 C 15.060703 101.5293 15.289141 101.7293 15.369141 102.0293 L 12.939453 102.0293 C 12.599453 102.0793 12.410625 102.55055 12.640625 102.81055 L 13.470703 103.85742 C 14.029941 102.77899 15.146801 102.02734 16.435547 102.02734 L 16.578125 102.02734 C 18.158418 102.02734 19.491598 103.14879 19.835938 104.63086 L 21.279297 102.82031 C 21.499297 102.55031 21.260156 102.06078 20.910156 102.05078 L 18.400391 102.05078 C 18.420391 98.150792 19.000234 98.650391 14.740234 98.650391 L 7.2792969 98.650391 C 6.1992969 98.650391 5.4208594 98.609375 4.8808594 98.609375 L 4.8808594 98.599609 z M 5.0292969 101.06055 C 4.9292969 101.09055 4.83 101.15977 4.75 101.25977 L 0.81054688 106.16016 C 0.61054688 106.44016 0.8409375 106.92945 1.2109375 106.93945 L 3.5996094 106.93945 C 3.5796094 110.87945 3.1497656 110.33984 7.2597656 110.33984 L 11.869141 110.33984 L 11.869141 109.11914 L 11.869141 108.52344 L 11.869141 107.44141 L 11.869141 107.43945 L 7.2792969 107.43945 C 6.9292969 107.43945 6.7091406 107.23945 6.6191406 106.93945 L 9.0605469 106.93945 C 9.4305469 106.93945 9.6909375 106.44016 9.4609375 106.16016 L 5.5 101.25977 C 5.4 101.10977 5.1992969 101.03055 5.0292969 101.06055 z M 16.435547 103.02734 C 15.143818 103.02734 14.083984 104.08518 14.083984 105.37695 L 14.083984 106.60742 L 13.570312 106.60742 C 13.375448 106.60742 13.210603 106.70409 13.119141 106.79102 C 13.027691 106.87792 12.983569 106.95823 12.951172 107.03125 C 12.886382 107.17727 12.867187 107.30479 12.867188 107.44141 L 12.867188 108.52344 L 12.867188 109.11914 L 12.867188 110.67773 L 12.867188 111.50977 L 13.570312 111.50977 L 19.472656 111.50977 L 20.173828 111.50977 L 20.173828 110.67773 L 20.173828 108.52344 L 20.173828 107.44141 C 20.173828 107.3048 20.156597 107.17728 20.091797 107.03125 C 20.059397 106.95825 20.015299 106.87792 19.923828 106.79102 C 19.832368 106.70412 19.667509 106.60742 19.472656 106.60742 L 18.927734 106.60742 L 18.927734 105.37695 C 18.927734 104.08518 17.867902 103.02734 16.576172 103.02734 L 16.435547 103.02734 z M 16.435547 104.2207 L 16.576172 104.2207 C 17.22782 104.2207 17.734375 104.7251 17.734375 105.37695 L 17.734375 106.60742 L 15.277344 106.60742 L 15.277344 105.37695 C 15.277344 104.7251 15.7839 104.2207 16.435547 104.2207 z M 16.435547 105.2207 C 16.301234 105.2207 16.277344 105.24444 16.277344 105.37891 L 16.277344 105.60742 L 16.734375 105.60742 L 16.734375 105.37891 C 16.734375 105.24441 16.712442 105.2207 16.578125 105.2207 L 16.435547 105.2207 z M 4.8808594 117.58984 L 4.8808594 117.59961 C 3.7208594 117.59961 3.5800781 117.90016 3.5800781 119.16016 L 4.7207031 117.7793 C 4.8007031 117.6793 4.9405469 117.63914 5.0605469 117.61914 C 5.2205469 117.61914 5.4 117.6593 5.5 117.7793 L 7.7207031 120.5293 L 14.720703 120.5293 C 15.123595 120.5293 15.408576 120.79174 15.431641 121.20117 C 15.750992 121.09876 16.08404 121.02734 16.435547 121.02734 L 16.578125 121.02734 C 17.24903 121.02734 17.874081 121.23262 18.400391 121.57812 L 18.400391 121.25 C 18.400391 117.05 19.120234 117.61914 14.740234 117.61914 L 7.2792969 117.61914 C 6.1992969 117.61914 5.4208594 117.58984 4.8808594 117.58984 z M 4.9804688 119.33984 C 4.8804688 119.36984 4.81 119.44 4.75 119.5 L 0.80078125 124.43945 C 0.60078125 124.71945 0.8292182 125.2107 1.1992188 125.2207 L 3.5996094 125.2207 L 3.5996094 125.7207 C 3.5996094 129.9807 3.0497656 129.33984 7.2597656 129.33984 L 11.869141 129.33984 L 11.869141 128.11914 L 11.869141 127.52344 L 11.869141 126.44141 C 11.869141 126.43799 11.871073 126.43314 11.871094 126.42969 L 7.2792969 126.42969 C 6.8392969 126.42969 6.5605469 126.13094 6.5605469 125.71094 L 6.5605469 125.21094 L 9.0605469 125.21094 C 9.4305469 125.23094 9.6909375 124.70969 9.4609375 124.42969 L 5.5 119.5 C 5.3820133 119.35252 5.1682348 119.28513 4.9804688 119.33984 z M 12.839844 121.7793 C 12.539844 121.8793 12.410625 122.32055 12.640625 122.56055 L 13.267578 123.34375 C 13.473522 122.72168 13.852237 122.1828 14.353516 121.7793 L 12.839844 121.7793 z M 18.658203 121.7793 C 19.393958 122.37155 19.878978 123.25738 19.916016 124.25781 L 21.279297 122.56055 C 21.499297 122.28055 21.260156 121.7893 20.910156 121.7793 L 18.658203 121.7793 z M 16.435547 122.02734 C 15.143818 122.02734 14.083984 123.08518 14.083984 124.37695 L 14.083984 125.60742 L 13.570312 125.60742 C 13.375448 125.60742 13.210603 125.70409 13.119141 125.79102 C 13.027691 125.87792 12.983569 125.95823 12.951172 126.03125 C 12.886382 126.17727 12.867187 126.30479 12.867188 126.44141 L 12.867188 127.52344 L 12.867188 128.11914 L 12.867188 129.67773 L 12.867188 130.50977 L 13.570312 130.50977 L 19.472656 130.50977 L 20.173828 130.50977 L 20.173828 129.67773 L 20.173828 127.52344 L 20.173828 126.44141 C 20.173828 126.3048 20.156597 126.17728 20.091797 126.03125 C 20.059397 125.95825 20.015299 125.87792 19.923828 125.79102 C 19.832368 125.70412 19.667509 125.60742 19.472656 125.60742 L 18.927734 125.60742 L 18.927734 124.37695 C 18.927734 123.08518 17.867902 122.02734 16.576172 122.02734 L 16.435547 122.02734 z M 16.435547 123.2207 L 16.576172 123.2207 C 17.22782 123.2207 17.734375 123.7251 17.734375 124.37695 L 17.734375 125.60742 L 15.277344 125.60742 L 15.277344 124.37695 C 15.277344 123.7251 15.7839 123.2207 16.435547 123.2207 z M 16.435547 124.2207 C 16.301234 124.2207 16.277344 124.24444 16.277344 124.37891 L 16.277344 124.60742 L 16.734375 124.60742 L 16.734375 124.37891 C 16.734375 124.24441 16.712442 124.2207 16.578125 124.2207 L 16.435547 124.2207 z M 5.9394531 136.58984 L 5.9394531 136.59961 L 8.3105469 139.5293 L 14.730469 139.5293 C 15.131912 139.5293 15.414551 139.79039 15.439453 140.19727 C 15.756409 140.09653 16.087055 140.02734 16.435547 140.02734 L 16.578125 140.02734 C 17.24903 140.02734 17.874081 140.23261 18.400391 140.57812 L 18.400391 140.25 C 18.400391 136.05 19.120234 136.61914 14.740234 136.61914 L 7.2792969 136.61914 C 6.6792969 136.61914 6.3594531 136.59984 5.9394531 136.58984 z M 4.2207031 136.66016 C 3.8207031 136.74016 3.6791406 136.96016 3.6191406 137.41016 L 4.2207031 136.66992 L 4.2207031 136.66016 z M 5.0605469 137.57031 L 5.0605469 137.58984 C 4.9405469 137.58984 4.8197656 137.66953 4.7597656 137.76953 L 0.81054688 142.66992 C 0.57054688 142.96992 0.8109375 143.50023 1.2109375 143.49023 L 3.5996094 143.49023 L 3.5996094 144.71094 C 3.5996094 148.97094 3.0497656 148.33008 7.2597656 148.33008 L 11.869141 148.33008 L 11.869141 147.11914 L 11.869141 146.52344 L 11.869141 145.44141 C 11.869141 145.43799 11.871073 145.43314 11.871094 145.42969 L 7.2792969 145.42969 C 6.8392969 145.42969 6.5605469 145.13094 6.5605469 144.71094 L 6.5605469 143.49023 L 9.0605469 143.49023 C 9.4605469 143.53023 9.7309375 142.95945 9.4609375 142.68945 L 5.5 137.76953 C 5.4 137.63953 5.2305469 137.57031 5.0605469 137.57031 z M 16.435547 141.02734 C 15.143818 141.02734 14.083984 142.08518 14.083984 143.37695 L 14.083984 144.60742 L 13.570312 144.60742 C 13.375448 144.60742 13.210603 144.70409 13.119141 144.79102 C 13.027691 144.87792 12.983569 144.95823 12.951172 145.03125 C 12.886382 145.17727 12.867187 145.30479 12.867188 145.44141 L 12.867188 146.52344 L 12.867188 147.11914 L 12.867188 148.67773 L 12.867188 149.50977 L 13.570312 149.50977 L 19.472656 149.50977 L 20.173828 149.50977 L 20.173828 148.67773 L 20.173828 146.52344 L 20.173828 145.44141 C 20.173828 145.3048 20.156597 145.17728 20.091797 145.03125 C 20.059397 144.95825 20.015299 144.87792 19.923828 144.79102 C 19.832368 144.70412 19.667509 144.60742 19.472656 144.60742 L 18.927734 144.60742 L 18.927734 143.37695 C 18.927734 142.08518 17.867902 141.02734 16.576172 141.02734 L 16.435547 141.02734 z M 12.849609 141.5 C 12.549609 141.6 12.420391 142.0393 12.650391 142.2793 L 13.136719 142.88672 C 13.213026 142.38119 13.390056 141.90696 13.667969 141.5 L 12.849609 141.5 z M 19.34375 141.5 C 19.710704 142.03735 19.927734 142.68522 19.927734 143.37891 L 19.927734 143.79102 C 19.965561 143.80421 20.005506 143.81448 20.044922 143.82617 L 21.289062 142.2793 C 21.509062 141.9993 21.269922 141.51 20.919922 141.5 L 19.34375 141.5 z M 16.435547 142.2207 L 16.576172 142.2207 C 17.22782 142.2207 17.734375 142.7251 17.734375 143.37695 L 17.734375 144.60742 L 15.277344 144.60742 L 15.277344 143.37695 C 15.277344 142.7251 15.7839 142.2207 16.435547 142.2207 z M 16.435547 143.2207 C 16.301234 143.2207 16.277344 143.24444 16.277344 143.37891 L 16.277344 143.60742 L 16.734375 143.60742 L 16.734375 143.37891 C 16.734375 143.24441 16.712442 143.2207 16.578125 143.2207 L 16.435547 143.2207 z M 17.130859 155.59961 C 16.580859 155.57961 15.810469 155.63086 14.730469 155.63086 L 6.5292969 155.63086 L 8.9101562 158.5293 L 14.730469 158.5293 C 15.131912 158.5293 15.414551 158.79039 15.439453 159.19727 C 15.756409 159.09653 16.087055 159.02734 16.435547 159.02734 L 16.578125 159.02734 C 17.24903 159.02734 17.874081 159.23261 18.400391 159.57812 L 18.400391 159.25977 C 18.400391 156.10977 18.800391 155.63961 17.150391 155.59961 L 17.130859 155.59961 z M 5.0292969 155.86914 L 5.0292969 155.88086 C 4.9292969 155.90086 4.83 155.98055 4.75 156.06055 L 0.81054688 160.96094 C 0.61054688 161.26094 0.8409375 161.73977 1.2109375 161.75977 L 3.5996094 161.75977 L 3.5996094 163.7207 C 3.5996094 167.9807 3.0497656 167.33984 7.2597656 167.33984 L 11.869141 167.33984 L 11.869141 166.11914 L 11.869141 165.52344 L 11.869141 164.44141 L 11.869141 164.43945 L 7.2792969 164.43945 C 6.8392969 164.43945 6.5605469 164.1407 6.5605469 163.7207 L 6.5605469 161.75 L 9.0605469 161.75 C 9.4305469 161.77 9.6909375 161.2507 9.4609375 160.9707 L 5.5 156.07031 C 5.4 155.92031 5.1992969 155.84914 5.0292969 155.86914 z M 16.435547 160.02734 C 15.143818 160.02734 14.083984 161.08518 14.083984 162.37695 L 14.083984 163.60742 L 13.570312 163.60742 C 13.375448 163.60742 13.210603 163.70409 13.119141 163.79102 C 13.027691 163.87792 12.983569 163.95823 12.951172 164.03125 C 12.886382 164.17727 12.867187 164.30479 12.867188 164.44141 L 12.867188 165.52344 L 12.867188 166.11914 L 12.867188 167.67773 L 12.867188 168.50977 L 13.570312 168.50977 L 19.472656 168.50977 L 20.173828 168.50977 L 20.173828 167.67773 L 20.173828 165.52344 L 20.173828 164.44141 C 20.173828 164.3048 20.156597 164.17728 20.091797 164.03125 C 20.059397 163.95825 20.015299 163.87792 19.923828 163.79102 C 19.832368 163.70412 19.667509 163.60742 19.472656 163.60742 L 18.927734 163.60742 L 18.927734 162.37695 C 18.927734 161.08518 17.867902 160.02734 16.576172 160.02734 L 16.435547 160.02734 z M 12.900391 161.2207 C 12.580391 161.2807 12.419141 161.74 12.619141 162 L 13.085938 162.58594 L 13.085938 162.37891 C 13.085938 161.97087 13.170592 161.58376 13.306641 161.2207 L 12.900391 161.2207 z M 16.435547 161.2207 L 16.576172 161.2207 C 17.22782 161.2207 17.734375 161.7251 17.734375 162.37695 L 17.734375 163.60742 L 15.277344 163.60742 L 15.277344 162.37695 C 15.277344 161.7251 15.7839 161.2207 16.435547 161.2207 z M 19.708984 161.23047 C 19.842743 161.59081 19.927734 161.97449 19.927734 162.37891 L 19.927734 162.79102 C 20.119162 162.85779 20.322917 162.91147 20.484375 163 L 21.279297 162.00977 C 21.499297 161.72977 21.260156 161.24047 20.910156 161.23047 L 19.708984 161.23047 z M 16.435547 162.2207 C 16.301234 162.2207 16.277344 162.24444 16.277344 162.37891 L 16.277344 162.60742 L 16.734375 162.60742 L 16.734375 162.37891 C 16.734375 162.24441 16.712442 162.2207 16.578125 162.2207 L 16.435547 162.2207 z M 5.0996094 174.49023 L 5.1308594 174.5 C 4.9808594 174.5 4.83 174.56922 4.75 174.69922 L 0.80078125 179.59961 C 0.56078125 179.86961 0.7992182 180.42039 1.1992188 180.40039 L 3.5996094 180.40039 L 3.5996094 182.7207 C 3.5996094 186.9807 3.0497656 186.33984 7.2597656 186.33984 L 11.869141 186.33984 L 11.869141 185.11914 L 11.869141 184.52344 L 11.869141 183.44141 L 11.869141 183.43945 L 7.25 183.43945 C 6.82 183.43945 6.5507814 183.1407 6.5507812 182.7207 L 6.5507812 180.41992 L 9.0507812 180.41992 C 9.4307824 180.44992 9.7092187 179.87984 9.4492188 179.58984 L 5.4804688 174.68945 C 5.3804688 174.55945 5.2496094 174.49023 5.0996094 174.49023 z M 17.150391 174.58008 L 17.130859 174.59961 C 16.580859 174.57961 15.810469 174.63086 14.730469 174.63086 L 6.8300781 174.63086 L 9.1796875 177.5293 L 14.699219 177.5293 C 15.104107 177.5293 15.391475 177.79407 15.412109 178.20703 C 15.737096 178.1006 16.076913 178.02734 16.435547 178.02734 L 16.578125 178.02734 C 17.24903 178.02734 17.874081 178.2326 18.400391 178.57812 L 18.400391 178.24023 C 18.400391 175.09023 18.800391 174.62008 17.150391 174.58008 z M 16.435547 179.02734 C 15.143818 179.02734 14.083984 180.08518 14.083984 181.37695 L 14.083984 182.60742 L 13.570312 182.60742 C 13.375448 182.60742 13.210603 182.70409 13.119141 182.79102 C 13.027691 182.87792 12.983569 182.95823 12.951172 183.03125 C 12.886382 183.17727 12.867187 183.30479 12.867188 183.44141 L 12.867188 184.52344 L 12.867188 185.11914 L 12.867188 186.67773 L 12.867188 187.50977 L 13.570312 187.50977 L 19.472656 187.50977 L 20.173828 187.50977 L 20.173828 186.67773 L 20.173828 184.52344 L 20.173828 183.44141 C 20.173828 183.3048 20.156597 183.17728 20.091797 183.03125 C 20.059397 182.95825 20.015299 182.87792 19.923828 182.79102 C 19.832368 182.70412 19.667509 182.60742 19.472656 182.60742 L 18.927734 182.60742 L 18.927734 181.37695 C 18.927734 180.08518 17.867902 179.02734 16.576172 179.02734 L 16.435547 179.02734 z M 16.435547 180.2207 L 16.576172 180.2207 C 17.22782 180.2207 17.734375 180.7251 17.734375 181.37695 L 17.734375 182.60742 L 15.277344 182.60742 L 15.277344 181.37695 C 15.277344 180.7251 15.7839 180.2207 16.435547 180.2207 z M 19.816406 180.57031 C 19.882311 180.83091 19.927734 181.09907 19.927734 181.37891 L 19.927734 181.79102 C 20.168811 181.87511 20.455966 181.91694 20.613281 182.06641 C 20.630645 182.0829 20.639883 182.10199 20.65625 182.11914 L 21.259766 181.36914 C 21.479766 181.06914 21.240625 180.59031 20.890625 180.57031 L 19.816406 180.57031 z M 12.820312 180.58984 C 12.520316 180.68984 12.389141 181.11914 12.619141 181.36914 L 12.990234 181.83203 C 13.022029 181.82207 13.055579 181.81406 13.085938 181.80273 L 13.085938 181.37891 C 13.085938 181.10616 13.128698 180.84442 13.191406 180.58984 L 12.820312 180.58984 z M 16.435547 181.2207 C 16.301234 181.2207 16.277344 181.24444 16.277344 181.37891 L 16.277344 181.60742 L 16.734375 181.60742 L 16.734375 181.37891 C 16.734375 181.24441 16.712442 181.2207 16.578125 181.2207 L 16.435547 181.2207 z M 4.9609375 193.15039 L 4.9707031 193.16016 C 4.8707031 193.19016 4.8 193.25984 4.75 193.33984 L 0.81054688 198.24023 C 0.61054688 198.54023 0.8409375 199.01906 1.2109375 199.03906 L 3.5996094 199.03906 L 3.5996094 201.7207 C 3.5996094 205.9807 3.0497656 205.33984 7.2597656 205.33984 L 11.869141 205.33984 L 11.869141 204.11914 L 11.869141 203.52344 L 11.869141 202.44141 C 11.869141 202.44141 11.869141 202.43945 11.869141 202.43945 L 7.2695312 202.43945 C 6.8295312 202.43945 6.5507814 202.1407 6.5507812 201.7207 L 6.5507812 199.01953 L 9.0507812 199.01953 C 9.4207814 199.04953 9.6792188 198.54 9.4492188 198.25 L 5.4902344 193.34961 C 5.3702344 193.17961 5.1509375 193.10039 4.9609375 193.15039 z M 17.150391 193.58008 L 17.130859 193.58984 C 16.580859 193.56984 15.810469 193.61914 14.730469 193.61914 L 7.0996094 193.61914 L 9.4199219 196.46094 L 9.4492188 196.51953 L 14.699219 196.51953 C 15.106887 196.51953 15.397075 196.78718 15.414062 197.20508 C 15.738375 197.09913 16.077769 197.02734 16.435547 197.02734 L 16.578125 197.02734 C 17.24903 197.02734 17.874081 197.23259 18.400391 197.57812 L 18.400391 197.24023 C 18.400391 194.09023 18.800391 193.62008 17.150391 193.58008 z M 16.435547 198.02734 C 15.143818 198.02734 14.083984 199.08518 14.083984 200.37695 L 14.083984 201.60742 L 13.570312 201.60742 C 13.375448 201.60742 13.210603 201.70409 13.119141 201.79102 C 13.027691 201.87792 12.983569 201.95823 12.951172 202.03125 C 12.886382 202.17727 12.867187 202.30479 12.867188 202.44141 L 12.867188 203.52344 L 12.867188 204.11914 L 12.867188 205.67773 L 12.867188 206.50977 L 13.570312 206.50977 L 19.472656 206.50977 L 20.173828 206.50977 L 20.173828 205.67773 L 20.173828 203.52344 L 20.173828 202.44141 C 20.173828 202.3048 20.156597 202.17728 20.091797 202.03125 C 20.059397 201.95825 20.015299 201.87792 19.923828 201.79102 C 19.832368 201.70412 19.667509 201.60742 19.472656 201.60742 L 18.927734 201.60742 L 18.927734 200.37695 C 18.927734 199.08518 17.867902 198.02734 16.576172 198.02734 L 16.435547 198.02734 z M 16.435547 199.2207 L 16.576172 199.2207 C 17.22782 199.2207 17.734375 199.7251 17.734375 200.37695 L 17.734375 201.60742 L 15.277344 201.60742 L 15.277344 200.37695 C 15.277344 199.7251 15.7839 199.2207 16.435547 199.2207 z M 12.919922 199.93945 C 12.559922 199.95945 12.359141 200.48023 12.619141 200.74023 L 12.751953 200.9043 C 12.862211 200.87013 12.980058 200.84224 13.085938 200.80273 L 13.085938 200.37891 C 13.085938 200.22863 13.111295 200.08474 13.130859 199.93945 L 12.919922 199.93945 z M 19.882812 199.93945 C 19.902378 200.08474 19.927734 200.22863 19.927734 200.37891 L 19.927734 200.79102 C 20.168811 200.87511 20.455966 200.91694 20.613281 201.06641 C 20.691227 201.14046 20.749315 201.22305 20.806641 201.30273 L 21.259766 200.74023 C 21.519766 200.46023 21.260625 199.90945 20.890625 199.93945 L 19.882812 199.93945 z M 16.435547 200.2207 C 16.301234 200.2207 16.277344 200.24444 16.277344 200.37891 L 16.277344 200.60742 L 16.734375 200.60742 L 16.734375 200.37891 C 16.734375 200.24441 16.712442 200.2207 16.578125 200.2207 L 16.435547 200.2207 z ' fill='%232B90D9' stroke-width='0' /></svg>")
  3303. }
  3304. button.icon-button.reblogPrivate:hover i.fa-retweet {
  3305. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='209' width='22'><path d='M 4.9707031 3.1503906 L 4.9707031 3.1601562 C 4.8707031 3.1901563 4.8 3.2598438 4.75 3.3398438 L 0.80078125 8.2402344 C 0.60078125 8.5402344 0.8292187 9.0190625 1.1992188 9.0390625 L 3.5996094 9.0390625 L 3.5996094 11.720703 C 3.5996094 15.980703 3.0497656 15.339844 7.2597656 15.339844 L 11.869141 15.339844 L 11.869141 14.119141 L 11.869141 13.523438 L 11.869141 12.441406 C 11.869141 12.441406 11.869141 12.439453 11.869141 12.439453 L 7.2695312 12.439453 C 6.8295312 12.439453 6.5507814 12.140703 6.5507812 11.720703 L 6.5507812 9.0195312 L 9.0507812 9.0195312 C 9.4207813 9.0495313 9.6792188 8.54 9.4492188 8.25 L 5.5 3.3496094 C 5.38 3.1796094 5.1607031 3.1003906 4.9707031 3.1503906 z M 17.150391 3.5800781 L 17.130859 3.5898438 C 16.580859 3.5698436 15.810469 3.609375 14.730469 3.609375 L 7.0996094 3.609375 L 9.4199219 6.4609375 L 9.4492188 6.5195312 L 14.699219 6.5195312 C 15.106887 6.5195312 15.397113 6.7872181 15.414062 7.2050781 C 15.738375 7.0991315 16.077769 7.0273437 16.435547 7.0273438 L 16.578125 7.0273438 C 17.24903 7.0273438 17.874081 7.2325787 18.400391 7.578125 L 18.400391 7.2402344 C 18.400391 4.0902344 18.800391 3.6200781 17.150391 3.5800781 z M 16.435547 8.0273438 C 15.143818 8.0273438 14.083984 9.0851838 14.083984 10.376953 L 14.083984 11.607422 L 13.570312 11.607422 C 13.375448 11.607422 13.210603 11.704118 13.119141 11.791016 C 13.027691 11.877916 12.983569 11.958238 12.951172 12.03125 C 12.886382 12.177277 12.867187 12.304789 12.867188 12.441406 L 12.867188 13.523438 L 12.867188 14.119141 L 12.867188 15.677734 L 12.867188 16.509766 L 13.570312 16.509766 L 19.472656 16.509766 L 20.173828 16.509766 L 20.173828 15.677734 L 20.173828 13.523438 L 20.173828 12.441406 C 20.173828 12.304794 20.156597 12.177281 20.091797 12.03125 C 20.059397 11.95824 20.015299 11.877916 19.923828 11.791016 C 19.832368 11.704116 19.667509 11.607422 19.472656 11.607422 L 18.927734 11.607422 L 18.927734 10.376953 C 18.927734 9.0851838 17.867902 8.0273438 16.576172 8.0273438 L 16.435547 8.0273438 z M 16.435547 9.2207031 L 16.576172 9.2207031 C 17.22782 9.2207031 17.734375 9.7251013 17.734375 10.376953 L 17.734375 11.607422 L 15.277344 11.607422 L 15.277344 10.376953 C 15.277344 9.7251013 15.7839 9.2207031 16.435547 9.2207031 z M 12.919922 9.9394531 C 12.559922 9.9594531 12.359141 10.480234 12.619141 10.740234 L 12.751953 10.904297 C 12.862211 10.870135 12.980058 10.842244 13.085938 10.802734 L 13.085938 10.378906 C 13.085938 10.228632 13.111295 10.084741 13.130859 9.9394531 L 12.919922 9.9394531 z M 19.882812 9.9394531 C 19.902378 10.084741 19.927734 10.228632 19.927734 10.378906 L 19.927734 10.791016 C 20.168811 10.875098 20.455966 10.916935 20.613281 11.066406 C 20.691227 11.140457 20.749315 11.223053 20.806641 11.302734 L 21.259766 10.740234 C 21.519766 10.460234 21.260625 9.9094531 20.890625 9.9394531 L 19.882812 9.9394531 z M 16.435547 10.220703 C 16.301234 10.220703 16.277344 10.244432 16.277344 10.378906 L 16.277344 10.607422 L 16.734375 10.607422 L 16.734375 10.378906 C 16.734375 10.244433 16.712442 10.220703 16.578125 10.220703 L 16.435547 10.220703 z ' fill='%23707B97' stroke-width='0'/><path d='M 7.7792969 19.650391 L 7.7792969 19.660156 C 7.5392969 19.680156 7.3398437 19.910156 7.3398438 20.160156 L 7.3398438 22.619141 L 7.2792969 22.619141 C 6.1992969 22.619141 5.4208594 22.589844 4.8808594 22.589844 C 3.2408594 22.589844 3.6308594 23.020234 3.6308594 26.240234 L 3.6308594 30.710938 C 3.6308594 34.970937 3.0692969 34.330078 7.2792969 34.330078 L 8.5 34.330078 L 7.1992188 33.269531 C 7.0992188 33.189531 7.02 33.070703 7 32.970703 C 6.98 32.800703 7.0592186 32.619531 7.1992188 32.519531 L 8.5292969 31.419922 L 7.2792969 31.419922 C 6.8392969 31.419922 6.5605469 31.120703 6.5605469 30.720703 L 6.5605469 26.240234 C 6.5605469 25.800234 6.8392969 25.519531 7.2792969 25.519531 L 7.3398438 25.519531 L 7.3398438 28.019531 C 7.3398438 28.399531 7.8801564 28.650391 8.1601562 28.400391 L 13.060547 24.470703 C 13.310547 24.290703 13.310547 23.869453 13.060547 23.689453 L 8.1601562 19.769531 C 8.0601563 19.669531 7.9192969 19.630391 7.7792969 19.650391 z M 17.119141 22.580078 L 17.119141 22.589844 C 16.579141 22.569844 15.820703 22.609375 14.720703 22.609375 L 13.470703 22.609375 L 14.769531 23.679688 C 14.869531 23.749688 14.950703 23.879766 14.970703 24.009766 C 14.990703 24.169766 14.909531 24.310156 14.769531 24.410156 L 13.439453 25.509766 L 14.720703 25.509766 C 15.129702 25.509766 15.41841 25.778986 15.433594 26.199219 C 15.752266 26.097283 16.084896 26.027344 16.435547 26.027344 L 16.578125 26.027344 C 17.236645 26.027344 17.848901 26.228565 18.369141 26.5625 L 18.369141 26.240234 C 18.369141 23.090234 18.769141 22.620078 17.119141 22.580078 z M 16.435547 27.027344 C 15.143818 27.027344 14.083984 28.085184 14.083984 29.376953 L 14.083984 30.607422 L 13.570312 30.607422 C 13.375452 30.607422 13.210603 30.704118 13.119141 30.791016 C 13.027691 30.877916 12.983569 30.958238 12.951172 31.03125 C 12.886382 31.177277 12.867184 31.304789 12.867188 31.441406 L 12.867188 32.523438 L 12.867188 33.119141 L 12.867188 34.677734 L 12.867188 35.509766 L 13.570312 35.509766 L 19.472656 35.509766 L 20.173828 35.509766 L 20.173828 34.677734 L 20.173828 32.523438 L 20.173828 31.441406 C 20.173828 31.304794 20.156597 31.177281 20.091797 31.03125 C 20.059397 30.95824 20.015299 30.877916 19.923828 30.791016 C 19.832368 30.704116 19.667509 30.607422 19.472656 30.607422 L 18.927734 30.607422 L 18.927734 29.376953 C 18.927734 28.085184 17.867902 27.027344 16.576172 27.027344 L 16.435547 27.027344 z M 16.435547 28.220703 L 16.576172 28.220703 C 17.22782 28.220703 17.734375 28.725101 17.734375 29.376953 L 17.734375 30.607422 L 15.277344 30.607422 L 15.277344 29.376953 C 15.277344 28.725101 15.7839 28.220703 16.435547 28.220703 z M 13.109375 29.150391 L 8.9199219 32.509766 C 8.6599219 32.689766 8.6599219 33.109063 8.9199219 33.289062 L 11.869141 35.648438 L 11.869141 34.677734 L 11.869141 33.119141 L 11.869141 32.523438 L 11.869141 31.441406 C 11.869141 31.217489 11.912641 30.907486 12.037109 30.626953 C 12.093758 30.499284 12.228597 30.257492 12.429688 30.066406 C 12.580253 29.92335 12.859197 29.887344 13.085938 29.802734 L 13.085938 29.378906 C 13.085938 29.300761 13.104 29.227272 13.109375 29.150391 z M 16.435547 29.220703 C 16.301234 29.220703 16.277344 29.244432 16.277344 29.378906 L 16.277344 29.607422 L 16.734375 29.607422 L 16.734375 29.378906 C 16.734375 29.244433 16.712442 29.220703 16.578125 29.220703 L 16.435547 29.220703 z M 12.943359 36.509766 L 13.820312 37.210938 C 14.090314 37.460938 14.639141 37.210078 14.619141 36.830078 L 14.619141 36.509766 L 13.570312 36.509766 L 12.943359 36.509766 z M 10.330078 38.650391 L 10.339844 38.660156 C 10.099844 38.680156 9.9001562 38.910156 9.9101562 39.160156 L 9.9101562 41.630859 L 7.3007812 41.630859 C 6.2207812 41.630859 5.4403906 41.589844 4.9003906 41.589844 C 3.2603906 41.589844 3.6503906 42.020234 3.6503906 45.240234 L 3.6503906 49.710938 C 3.6503906 53.370936 3.4202344 53.409141 5.9902344 53.369141 L 4.6503906 52.269531 C 4.5503906 52.189531 4.4692187 52.070703 4.4492188 51.970703 C 4.4492188 51.800703 4.5203906 51.619531 4.6503906 51.519531 L 6.609375 49.919922 C 6.579375 49.859922 6.5703125 49.790703 6.5703125 49.720703 L 6.5703125 45.240234 C 6.5703125 44.800234 6.8490625 44.519531 7.2890625 44.519531 L 9.9003906 44.519531 L 9.9003906 47.019531 C 9.9003906 47.379531 10.399219 47.620391 10.699219 47.400391 L 15.630859 43.470703 C 15.870859 43.290703 15.870859 42.869453 15.630859 42.689453 L 10.689453 38.769531 C 10.589453 38.689531 10.460078 38.640391 10.330078 38.650391 z M 16.869141 41.585938 C 16.616211 41.581522 16.322969 41.584844 15.980469 41.589844 L 15.970703 41.589844 L 17.310547 42.689453 C 17.410547 42.759453 17.489766 42.889531 17.509766 43.019531 C 17.529766 43.179531 17.479609 43.319922 17.349609 43.419922 L 15.390625 45.019531 C 15.406724 45.075878 15.427133 45.132837 15.4375 45.197266 C 15.754974 45.096169 16.086404 45.027344 16.435547 45.027344 L 16.578125 45.027344 C 17.24129 45.027344 17.858323 45.230088 18.380859 45.568359 L 18.380859 45.25 C 18.380859 42.0475 18.639648 41.616836 16.869141 41.585938 z M 16.435547 46.027344 C 15.143818 46.027344 14.083984 47.085184 14.083984 48.376953 L 14.083984 49.607422 L 13.570312 49.607422 C 13.375448 49.607422 13.210603 49.704118 13.119141 49.791016 C 13.027691 49.877916 12.983569 49.958238 12.951172 50.03125 C 12.886382 50.177277 12.867187 50.304789 12.867188 50.441406 L 12.867188 51.523438 L 12.867188 52.119141 L 12.867188 53.677734 L 12.867188 54.509766 L 13.570312 54.509766 L 19.472656 54.509766 L 20.173828 54.509766 L 20.173828 53.677734 L 20.173828 51.523438 L 20.173828 50.441406 C 20.173828 50.304794 20.156597 50.177281 20.091797 50.03125 C 20.059397 49.95824 20.015299 49.877916 19.923828 49.791016 C 19.832368 49.704116 19.667509 49.607422 19.472656 49.607422 L 18.927734 49.607422 L 18.927734 48.376953 C 18.927734 47.085184 17.867902 46.027344 16.576172 46.027344 L 16.435547 46.027344 z M 16.435547 47.220703 L 16.576172 47.220703 C 17.22782 47.220703 17.734375 47.725101 17.734375 48.376953 L 17.734375 49.607422 L 15.277344 49.607422 L 15.277344 48.376953 C 15.277344 47.725101 15.7839 47.220703 16.435547 47.220703 z M 11.470703 47.490234 C 11.410703 47.510234 11.349063 47.539844 11.289062 47.589844 L 6.3496094 51.519531 C 6.1096094 51.699531 6.1096094 52.120781 6.3496094 52.300781 L 11.289062 56.220703 C 11.569064 56.440703 12.070312 56.199844 12.070312 55.839844 L 12.070312 55.509766 L 11.869141 55.509766 L 11.869141 53.677734 L 11.869141 52.119141 L 11.869141 51.523438 L 11.869141 50.441406 C 11.869141 50.217489 11.912641 49.907486 12.037109 49.626953 C 12.043809 49.611855 12.061451 49.584424 12.070312 49.566406 L 12.070312 47.960938 C 12.070312 47.660938 11.770703 47.430234 11.470703 47.490234 z M 16.435547 48.220703 C 16.301234 48.220703 16.277344 48.244432 16.277344 48.378906 L 16.277344 48.607422 L 16.734375 48.607422 L 16.734375 48.378906 C 16.734375 48.244433 16.712442 48.220703 16.578125 48.220703 L 16.435547 48.220703 z M 13.060547 57.650391 L 13.060547 57.660156 C 12.830547 57.690156 12.660156 57.920156 12.660156 58.160156 L 12.660156 60.630859 L 7.2792969 60.630859 C 6.1992969 60.630859 5.4208594 60.589844 4.8808594 60.589844 C 3.2408594 60.589844 3.6308594 61.020234 3.6308594 64.240234 L 3.6308594 69.109375 L 6.5605469 66.740234 L 6.5605469 64.240234 C 6.5605469 63.800234 6.8392969 63.519531 7.2792969 63.519531 L 12.660156 63.519531 L 12.660156 66.019531 C 12.660156 66.299799 12.960394 66.500006 13.226562 66.474609 C 13.625751 65.076914 14.904956 64.035678 16.421875 64.029297 L 18.380859 62.470703 C 18.620859 62.290703 18.620859 61.869453 18.380859 61.689453 L 13.439453 57.769531 C 13.339453 57.669531 13.200547 57.630391 13.060547 57.650391 z M 18.359375 63.810547 L 17.800781 64.269531 C 18.004793 64.350836 18.198411 64.450249 18.380859 64.568359 L 18.380859 64.25 L 18.380859 63.810547 L 18.359375 63.810547 z M 16.435547 65.027344 C 15.143818 65.027344 14.083984 66.085184 14.083984 67.376953 L 14.083984 68.607422 L 13.570312 68.607422 C 13.375448 68.607422 13.210603 68.704118 13.119141 68.791016 C 13.027691 68.877916 12.983569 68.958238 12.951172 69.03125 C 12.886382 69.177277 12.867187 69.304789 12.867188 69.441406 L 12.867188 70.523438 L 12.867188 71.119141 L 12.867188 72.677734 L 12.867188 73.509766 L 13.570312 73.509766 L 19.472656 73.509766 L 20.173828 73.509766 L 20.173828 72.677734 L 20.173828 70.523438 L 20.173828 69.441406 C 20.173828 69.304794 20.156597 69.177281 20.091797 69.03125 C 20.059397 68.95824 20.015299 68.877916 19.923828 68.791016 C 19.832368 68.704116 19.667509 68.607422 19.472656 68.607422 L 18.927734 68.607422 L 18.927734 67.376953 C 18.927734 66.085184 17.867902 65.027344 16.576172 65.027344 L 16.435547 65.027344 z M 16.435547 66.220703 L 16.576172 66.220703 C 17.22782 66.220703 17.734375 66.725101 17.734375 67.376953 L 17.734375 68.607422 L 15.277344 68.607422 L 15.277344 67.376953 C 15.277344 66.725101 15.7839 66.220703 16.435547 66.220703 z M 8.7207031 66.509766 C 8.6507031 66.529766 8.5895312 66.559375 8.5195312 66.609375 L 3.5996094 70.519531 C 3.3496094 70.699531 3.3496094 71.120781 3.5996094 71.300781 L 8.5292969 75.220703 C 8.8092969 75.440703 9.3105469 75.199844 9.3105469 74.839844 L 9.3105469 72.339844 L 11.869141 72.339844 L 11.869141 71.119141 L 11.869141 70.523438 L 11.869141 69.449219 L 9.3203125 69.449219 L 9.3203125 66.980469 C 9.3203125 66.680469 9.0007031 66.449766 8.7207031 66.509766 z M 16.435547 67.220703 C 16.301234 67.220703 16.277344 67.244432 16.277344 67.378906 L 16.277344 67.607422 L 16.734375 67.607422 L 16.734375 67.378906 C 16.734375 67.244433 16.712442 67.220703 16.578125 67.220703 L 16.435547 67.220703 z M 19.248047 78.800781 C 19.148558 78.831033 19.050295 78.90106 18.970703 78.970703 L 18.070312 79.869141 C 17.630312 79.569141 16.710703 79.619141 14.720703 79.619141 L 7.2792969 79.619141 C 6.1992969 79.619141 5.4208594 79.589844 4.8808594 79.589844 C 3.2408594 79.589844 3.6308594 80.020234 3.6308594 83.240234 L 3.6308594 83.939453 L 6.5605469 84.240234 L 6.5605469 83.240234 C 6.5605469 82.800234 6.8392969 82.519531 7.2792969 82.519531 L 14.720703 82.519531 C 14.920703 82.519531 15.090703 82.600703 15.220703 82.720703 L 13.419922 84.519531 C 13.279464 84.665607 13.281282 84.881022 13.363281 85.054688 C 13.880838 83.867655 15.067337 83.027344 16.435547 83.027344 L 16.578125 83.027344 C 18.290465 83.027344 19.703357 84.345788 19.890625 86.011719 L 19.960938 86.019531 C 20.240938 86.049531 20.520234 85.770234 20.490234 85.490234 L 19.789062 79.240234 C 19.789062 78.973661 19.498025 78.767523 19.25 78.800781 L 19.248047 78.800781 z M 16.435547 84.027344 C 15.143818 84.027344 14.083984 85.085184 14.083984 86.376953 L 14.083984 87.607422 L 13.570312 87.607422 C 13.375448 87.607422 13.210603 87.704118 13.119141 87.791016 C 13.027691 87.877916 12.983569 87.958238 12.951172 88.03125 C 12.886382 88.177277 12.867187 88.304789 12.867188 88.441406 L 12.867188 89.523438 L 12.867188 90.119141 L 12.867188 91.677734 L 12.867188 92.509766 L 13.570312 92.509766 L 19.472656 92.509766 L 20.173828 92.509766 L 20.173828 91.677734 L 20.173828 89.523438 L 20.173828 88.441406 C 20.173828 88.304794 20.156597 88.177281 20.091797 88.03125 C 20.059397 87.95824 20.015299 87.877916 19.923828 87.791016 C 19.832368 87.704116 19.667509 87.607422 19.472656 87.607422 L 18.927734 87.607422 L 18.927734 86.376953 C 18.927734 85.085184 17.867902 84.027344 16.576172 84.027344 L 16.435547 84.027344 z M 2.0507812 84.900391 C 1.8507824 84.970391 1.6907031 85.199453 1.7207031 85.439453 L 2.4199219 91.689453 C 2.4399219 92.049453 3 92.240929 3.25 91.960938 L 4.0507812 91.160156 C 4.0707812 91.160156 4.0898437 91.140156 4.0898438 91.160156 C 4.5498437 91.400156 5.4595313 91.330078 7.2695312 91.330078 L 11.869141 91.330078 L 11.869141 90.119141 L 11.869141 89.523438 L 11.869141 88.441406 C 11.869141 88.437991 11.871073 88.433136 11.871094 88.429688 L 7.2792969 88.429688 C 7.1292969 88.429688 6.9808594 88.400078 6.8808594 88.330078 L 8.8007812 86.400391 C 9.1007822 86.160391 8.8992969 85.600547 8.5292969 85.560547 L 2.25 84.910156 L 2.0507812 84.910156 L 2.0507812 84.900391 z M 16.435547 85.220703 L 16.576172 85.220703 C 17.22782 85.220703 17.734375 85.725101 17.734375 86.376953 L 17.734375 87.607422 L 15.277344 87.607422 L 15.277344 86.376953 C 15.277344 85.725101 15.7839 85.220703 16.435547 85.220703 z M 4.8808594 98.599609 C 3.5508594 98.599609 3.5400781 99.080402 3.5800781 100.90039 L 4.7207031 99.529297 C 4.8007031 99.429297 4.9405469 99.360078 5.0605469 99.330078 C 5.2205469 99.330078 5.4 99.409297 5.5 99.529297 L 7.1601562 101.56055 C 7.2001563 101.56055 7.2292969 101.5293 7.2792969 101.5293 L 14.720703 101.5293 C 15.060703 101.5293 15.289141 101.7293 15.369141 102.0293 L 12.939453 102.0293 C 12.599453 102.0793 12.410625 102.55055 12.640625 102.81055 L 13.470703 103.85742 C 14.029941 102.77899 15.146801 102.02734 16.435547 102.02734 L 16.578125 102.02734 C 18.158418 102.02734 19.491598 103.14879 19.835938 104.63086 L 21.279297 102.82031 C 21.499297 102.55031 21.260156 102.06078 20.910156 102.05078 L 18.400391 102.05078 C 18.420391 98.150792 19.000234 98.650391 14.740234 98.650391 L 7.2792969 98.650391 C 6.1992969 98.650391 5.4208594 98.609375 4.8808594 98.609375 L 4.8808594 98.599609 z M 5.0292969 101.06055 C 4.9292969 101.09055 4.83 101.15977 4.75 101.25977 L 0.81054688 106.16016 C 0.61054688 106.44016 0.8409375 106.92945 1.2109375 106.93945 L 3.5996094 106.93945 C 3.5796094 110.87945 3.1497656 110.33984 7.2597656 110.33984 L 11.869141 110.33984 L 11.869141 109.11914 L 11.869141 108.52344 L 11.869141 107.44141 L 11.869141 107.43945 L 7.2792969 107.43945 C 6.9292969 107.43945 6.7091406 107.23945 6.6191406 106.93945 L 9.0605469 106.93945 C 9.4305469 106.93945 9.6909375 106.44016 9.4609375 106.16016 L 5.5 101.25977 C 5.4 101.10977 5.1992969 101.03055 5.0292969 101.06055 z M 16.435547 103.02734 C 15.143818 103.02734 14.083984 104.08518 14.083984 105.37695 L 14.083984 106.60742 L 13.570312 106.60742 C 13.375448 106.60742 13.210603 106.70409 13.119141 106.79102 C 13.027691 106.87792 12.983569 106.95823 12.951172 107.03125 C 12.886382 107.17727 12.867187 107.30479 12.867188 107.44141 L 12.867188 108.52344 L 12.867188 109.11914 L 12.867188 110.67773 L 12.867188 111.50977 L 13.570312 111.50977 L 19.472656 111.50977 L 20.173828 111.50977 L 20.173828 110.67773 L 20.173828 108.52344 L 20.173828 107.44141 C 20.173828 107.3048 20.156597 107.17728 20.091797 107.03125 C 20.059397 106.95825 20.015299 106.87792 19.923828 106.79102 C 19.832368 106.70412 19.667509 106.60742 19.472656 106.60742 L 18.927734 106.60742 L 18.927734 105.37695 C 18.927734 104.08518 17.867902 103.02734 16.576172 103.02734 L 16.435547 103.02734 z M 16.435547 104.2207 L 16.576172 104.2207 C 17.22782 104.2207 17.734375 104.7251 17.734375 105.37695 L 17.734375 106.60742 L 15.277344 106.60742 L 15.277344 105.37695 C 15.277344 104.7251 15.7839 104.2207 16.435547 104.2207 z M 16.435547 105.2207 C 16.301234 105.2207 16.277344 105.24444 16.277344 105.37891 L 16.277344 105.60742 L 16.734375 105.60742 L 16.734375 105.37891 C 16.734375 105.24441 16.712442 105.2207 16.578125 105.2207 L 16.435547 105.2207 z M 4.8808594 117.58984 L 4.8808594 117.59961 C 3.7208594 117.59961 3.5800781 117.90016 3.5800781 119.16016 L 4.7207031 117.7793 C 4.8007031 117.6793 4.9405469 117.63914 5.0605469 117.61914 C 5.2205469 117.61914 5.4 117.6593 5.5 117.7793 L 7.7207031 120.5293 L 14.720703 120.5293 C 15.123595 120.5293 15.408576 120.79174 15.431641 121.20117 C 15.750992 121.09876 16.08404 121.02734 16.435547 121.02734 L 16.578125 121.02734 C 17.24903 121.02734 17.874081 121.23262 18.400391 121.57812 L 18.400391 121.25 C 18.400391 117.05 19.120234 117.61914 14.740234 117.61914 L 7.2792969 117.61914 C 6.1992969 117.61914 5.4208594 117.58984 4.8808594 117.58984 z M 4.9804688 119.33984 C 4.8804688 119.36984 4.81 119.44 4.75 119.5 L 0.80078125 124.43945 C 0.60078125 124.71945 0.8292182 125.2107 1.1992188 125.2207 L 3.5996094 125.2207 L 3.5996094 125.7207 C 3.5996094 129.9807 3.0497656 129.33984 7.2597656 129.33984 L 11.869141 129.33984 L 11.869141 128.11914 L 11.869141 127.52344 L 11.869141 126.44141 C 11.869141 126.43799 11.871073 126.43314 11.871094 126.42969 L 7.2792969 126.42969 C 6.8392969 126.42969 6.5605469 126.13094 6.5605469 125.71094 L 6.5605469 125.21094 L 9.0605469 125.21094 C 9.4305469 125.23094 9.6909375 124.70969 9.4609375 124.42969 L 5.5 119.5 C 5.3820133 119.35252 5.1682348 119.28513 4.9804688 119.33984 z M 12.839844 121.7793 C 12.539844 121.8793 12.410625 122.32055 12.640625 122.56055 L 13.267578 123.34375 C 13.473522 122.72168 13.852237 122.1828 14.353516 121.7793 L 12.839844 121.7793 z M 18.658203 121.7793 C 19.393958 122.37155 19.878978 123.25738 19.916016 124.25781 L 21.279297 122.56055 C 21.499297 122.28055 21.260156 121.7893 20.910156 121.7793 L 18.658203 121.7793 z M 16.435547 122.02734 C 15.143818 122.02734 14.083984 123.08518 14.083984 124.37695 L 14.083984 125.60742 L 13.570312 125.60742 C 13.375448 125.60742 13.210603 125.70409 13.119141 125.79102 C 13.027691 125.87792 12.983569 125.95823 12.951172 126.03125 C 12.886382 126.17727 12.867187 126.30479 12.867188 126.44141 L 12.867188 127.52344 L 12.867188 128.11914 L 12.867188 129.67773 L 12.867188 130.50977 L 13.570312 130.50977 L 19.472656 130.50977 L 20.173828 130.50977 L 20.173828 129.67773 L 20.173828 127.52344 L 20.173828 126.44141 C 20.173828 126.3048 20.156597 126.17728 20.091797 126.03125 C 20.059397 125.95825 20.015299 125.87792 19.923828 125.79102 C 19.832368 125.70412 19.667509 125.60742 19.472656 125.60742 L 18.927734 125.60742 L 18.927734 124.37695 C 18.927734 123.08518 17.867902 122.02734 16.576172 122.02734 L 16.435547 122.02734 z M 16.435547 123.2207 L 16.576172 123.2207 C 17.22782 123.2207 17.734375 123.7251 17.734375 124.37695 L 17.734375 125.60742 L 15.277344 125.60742 L 15.277344 124.37695 C 15.277344 123.7251 15.7839 123.2207 16.435547 123.2207 z M 16.435547 124.2207 C 16.301234 124.2207 16.277344 124.24444 16.277344 124.37891 L 16.277344 124.60742 L 16.734375 124.60742 L 16.734375 124.37891 C 16.734375 124.24441 16.712442 124.2207 16.578125 124.2207 L 16.435547 124.2207 z M 5.9394531 136.58984 L 5.9394531 136.59961 L 8.3105469 139.5293 L 14.730469 139.5293 C 15.131912 139.5293 15.414551 139.79039 15.439453 140.19727 C 15.756409 140.09653 16.087055 140.02734 16.435547 140.02734 L 16.578125 140.02734 C 17.24903 140.02734 17.874081 140.23261 18.400391 140.57812 L 18.400391 140.25 C 18.400391 136.05 19.120234 136.61914 14.740234 136.61914 L 7.2792969 136.61914 C 6.6792969 136.61914 6.3594531 136.59984 5.9394531 136.58984 z M 4.2207031 136.66016 C 3.8207031 136.74016 3.6791406 136.96016 3.6191406 137.41016 L 4.2207031 136.66992 L 4.2207031 136.66016 z M 5.0605469 137.57031 L 5.0605469 137.58984 C 4.9405469 137.58984 4.8197656 137.66953 4.7597656 137.76953 L 0.81054688 142.66992 C 0.57054688 142.96992 0.8109375 143.50023 1.2109375 143.49023 L 3.5996094 143.49023 L 3.5996094 144.71094 C 3.5996094 148.97094 3.0497656 148.33008 7.2597656 148.33008 L 11.869141 148.33008 L 11.869141 147.11914 L 11.869141 146.52344 L 11.869141 145.44141 C 11.869141 145.43799 11.871073 145.43314 11.871094 145.42969 L 7.2792969 145.42969 C 6.8392969 145.42969 6.5605469 145.13094 6.5605469 144.71094 L 6.5605469 143.49023 L 9.0605469 143.49023 C 9.4605469 143.53023 9.7309375 142.95945 9.4609375 142.68945 L 5.5 137.76953 C 5.4 137.63953 5.2305469 137.57031 5.0605469 137.57031 z M 16.435547 141.02734 C 15.143818 141.02734 14.083984 142.08518 14.083984 143.37695 L 14.083984 144.60742 L 13.570312 144.60742 C 13.375448 144.60742 13.210603 144.70409 13.119141 144.79102 C 13.027691 144.87792 12.983569 144.95823 12.951172 145.03125 C 12.886382 145.17727 12.867187 145.30479 12.867188 145.44141 L 12.867188 146.52344 L 12.867188 147.11914 L 12.867188 148.67773 L 12.867188 149.50977 L 13.570312 149.50977 L 19.472656 149.50977 L 20.173828 149.50977 L 20.173828 148.67773 L 20.173828 146.52344 L 20.173828 145.44141 C 20.173828 145.3048 20.156597 145.17728 20.091797 145.03125 C 20.059397 144.95825 20.015299 144.87792 19.923828 144.79102 C 19.832368 144.70412 19.667509 144.60742 19.472656 144.60742 L 18.927734 144.60742 L 18.927734 143.37695 C 18.927734 142.08518 17.867902 141.02734 16.576172 141.02734 L 16.435547 141.02734 z M 12.849609 141.5 C 12.549609 141.6 12.420391 142.0393 12.650391 142.2793 L 13.136719 142.88672 C 13.213026 142.38119 13.390056 141.90696 13.667969 141.5 L 12.849609 141.5 z M 19.34375 141.5 C 19.710704 142.03735 19.927734 142.68522 19.927734 143.37891 L 19.927734 143.79102 C 19.965561 143.80421 20.005506 143.81448 20.044922 143.82617 L 21.289062 142.2793 C 21.509062 141.9993 21.269922 141.51 20.919922 141.5 L 19.34375 141.5 z M 16.435547 142.2207 L 16.576172 142.2207 C 17.22782 142.2207 17.734375 142.7251 17.734375 143.37695 L 17.734375 144.60742 L 15.277344 144.60742 L 15.277344 143.37695 C 15.277344 142.7251 15.7839 142.2207 16.435547 142.2207 z M 16.435547 143.2207 C 16.301234 143.2207 16.277344 143.24444 16.277344 143.37891 L 16.277344 143.60742 L 16.734375 143.60742 L 16.734375 143.37891 C 16.734375 143.24441 16.712442 143.2207 16.578125 143.2207 L 16.435547 143.2207 z M 17.130859 155.59961 C 16.580859 155.57961 15.810469 155.63086 14.730469 155.63086 L 6.5292969 155.63086 L 8.9101562 158.5293 L 14.730469 158.5293 C 15.131912 158.5293 15.414551 158.79039 15.439453 159.19727 C 15.756409 159.09653 16.087055 159.02734 16.435547 159.02734 L 16.578125 159.02734 C 17.24903 159.02734 17.874081 159.23261 18.400391 159.57812 L 18.400391 159.25977 C 18.400391 156.10977 18.800391 155.63961 17.150391 155.59961 L 17.130859 155.59961 z M 5.0292969 155.86914 L 5.0292969 155.88086 C 4.9292969 155.90086 4.83 155.98055 4.75 156.06055 L 0.81054688 160.96094 C 0.61054688 161.26094 0.8409375 161.73977 1.2109375 161.75977 L 3.5996094 161.75977 L 3.5996094 163.7207 C 3.5996094 167.9807 3.0497656 167.33984 7.2597656 167.33984 L 11.869141 167.33984 L 11.869141 166.11914 L 11.869141 165.52344 L 11.869141 164.44141 L 11.869141 164.43945 L 7.2792969 164.43945 C 6.8392969 164.43945 6.5605469 164.1407 6.5605469 163.7207 L 6.5605469 161.75 L 9.0605469 161.75 C 9.4305469 161.77 9.6909375 161.2507 9.4609375 160.9707 L 5.5 156.07031 C 5.4 155.92031 5.1992969 155.84914 5.0292969 155.86914 z M 16.435547 160.02734 C 15.143818 160.02734 14.083984 161.08518 14.083984 162.37695 L 14.083984 163.60742 L 13.570312 163.60742 C 13.375448 163.60742 13.210603 163.70409 13.119141 163.79102 C 13.027691 163.87792 12.983569 163.95823 12.951172 164.03125 C 12.886382 164.17727 12.867187 164.30479 12.867188 164.44141 L 12.867188 165.52344 L 12.867188 166.11914 L 12.867188 167.67773 L 12.867188 168.50977 L 13.570312 168.50977 L 19.472656 168.50977 L 20.173828 168.50977 L 20.173828 167.67773 L 20.173828 165.52344 L 20.173828 164.44141 C 20.173828 164.3048 20.156597 164.17728 20.091797 164.03125 C 20.059397 163.95825 20.015299 163.87792 19.923828 163.79102 C 19.832368 163.70412 19.667509 163.60742 19.472656 163.60742 L 18.927734 163.60742 L 18.927734 162.37695 C 18.927734 161.08518 17.867902 160.02734 16.576172 160.02734 L 16.435547 160.02734 z M 12.900391 161.2207 C 12.580391 161.2807 12.419141 161.74 12.619141 162 L 13.085938 162.58594 L 13.085938 162.37891 C 13.085938 161.97087 13.170592 161.58376 13.306641 161.2207 L 12.900391 161.2207 z M 16.435547 161.2207 L 16.576172 161.2207 C 17.22782 161.2207 17.734375 161.7251 17.734375 162.37695 L 17.734375 163.60742 L 15.277344 163.60742 L 15.277344 162.37695 C 15.277344 161.7251 15.7839 161.2207 16.435547 161.2207 z M 19.708984 161.23047 C 19.842743 161.59081 19.927734 161.97449 19.927734 162.37891 L 19.927734 162.79102 C 20.119162 162.85779 20.322917 162.91147 20.484375 163 L 21.279297 162.00977 C 21.499297 161.72977 21.260156 161.24047 20.910156 161.23047 L 19.708984 161.23047 z M 16.435547 162.2207 C 16.301234 162.2207 16.277344 162.24444 16.277344 162.37891 L 16.277344 162.60742 L 16.734375 162.60742 L 16.734375 162.37891 C 16.734375 162.24441 16.712442 162.2207 16.578125 162.2207 L 16.435547 162.2207 z M 5.0996094 174.49023 L 5.1308594 174.5 C 4.9808594 174.5 4.83 174.56922 4.75 174.69922 L 0.80078125 179.59961 C 0.56078125 179.86961 0.7992182 180.42039 1.1992188 180.40039 L 3.5996094 180.40039 L 3.5996094 182.7207 C 3.5996094 186.9807 3.0497656 186.33984 7.2597656 186.33984 L 11.869141 186.33984 L 11.869141 185.11914 L 11.869141 184.52344 L 11.869141 183.44141 L 11.869141 183.43945 L 7.25 183.43945 C 6.82 183.43945 6.5507814 183.1407 6.5507812 182.7207 L 6.5507812 180.41992 L 9.0507812 180.41992 C 9.4307824 180.44992 9.7092187 179.87984 9.4492188 179.58984 L 5.4804688 174.68945 C 5.3804688 174.55945 5.2496094 174.49023 5.0996094 174.49023 z M 17.150391 174.58008 L 17.130859 174.59961 C 16.580859 174.57961 15.810469 174.63086 14.730469 174.63086 L 6.8300781 174.63086 L 9.1796875 177.5293 L 14.699219 177.5293 C 15.104107 177.5293 15.391475 177.79407 15.412109 178.20703 C 15.737096 178.1006 16.076913 178.02734 16.435547 178.02734 L 16.578125 178.02734 C 17.24903 178.02734 17.874081 178.2326 18.400391 178.57812 L 18.400391 178.24023 C 18.400391 175.09023 18.800391 174.62008 17.150391 174.58008 z M 16.435547 179.02734 C 15.143818 179.02734 14.083984 180.08518 14.083984 181.37695 L 14.083984 182.60742 L 13.570312 182.60742 C 13.375448 182.60742 13.210603 182.70409 13.119141 182.79102 C 13.027691 182.87792 12.983569 182.95823 12.951172 183.03125 C 12.886382 183.17727 12.867187 183.30479 12.867188 183.44141 L 12.867188 184.52344 L 12.867188 185.11914 L 12.867188 186.67773 L 12.867188 187.50977 L 13.570312 187.50977 L 19.472656 187.50977 L 20.173828 187.50977 L 20.173828 186.67773 L 20.173828 184.52344 L 20.173828 183.44141 C 20.173828 183.3048 20.156597 183.17728 20.091797 183.03125 C 20.059397 182.95825 20.015299 182.87792 19.923828 182.79102 C 19.832368 182.70412 19.667509 182.60742 19.472656 182.60742 L 18.927734 182.60742 L 18.927734 181.37695 C 18.927734 180.08518 17.867902 179.02734 16.576172 179.02734 L 16.435547 179.02734 z M 16.435547 180.2207 L 16.576172 180.2207 C 17.22782 180.2207 17.734375 180.7251 17.734375 181.37695 L 17.734375 182.60742 L 15.277344 182.60742 L 15.277344 181.37695 C 15.277344 180.7251 15.7839 180.2207 16.435547 180.2207 z M 19.816406 180.57031 C 19.882311 180.83091 19.927734 181.09907 19.927734 181.37891 L 19.927734 181.79102 C 20.168811 181.87511 20.455966 181.91694 20.613281 182.06641 C 20.630645 182.0829 20.639883 182.10199 20.65625 182.11914 L 21.259766 181.36914 C 21.479766 181.06914 21.240625 180.59031 20.890625 180.57031 L 19.816406 180.57031 z M 12.820312 180.58984 C 12.520316 180.68984 12.389141 181.11914 12.619141 181.36914 L 12.990234 181.83203 C 13.022029 181.82207 13.055579 181.81406 13.085938 181.80273 L 13.085938 181.37891 C 13.085938 181.10616 13.128698 180.84442 13.191406 180.58984 L 12.820312 180.58984 z M 16.435547 181.2207 C 16.301234 181.2207 16.277344 181.24444 16.277344 181.37891 L 16.277344 181.60742 L 16.734375 181.60742 L 16.734375 181.37891 C 16.734375 181.24441 16.712442 181.2207 16.578125 181.2207 L 16.435547 181.2207 z M 4.9609375 193.15039 L 4.9707031 193.16016 C 4.8707031 193.19016 4.8 193.25984 4.75 193.33984 L 0.81054688 198.24023 C 0.61054688 198.54023 0.8409375 199.01906 1.2109375 199.03906 L 3.5996094 199.03906 L 3.5996094 201.7207 C 3.5996094 205.9807 3.0497656 205.33984 7.2597656 205.33984 L 11.869141 205.33984 L 11.869141 204.11914 L 11.869141 203.52344 L 11.869141 202.44141 C 11.869141 202.44141 11.869141 202.43945 11.869141 202.43945 L 7.2695312 202.43945 C 6.8295312 202.43945 6.5507814 202.1407 6.5507812 201.7207 L 6.5507812 199.01953 L 9.0507812 199.01953 C 9.4207814 199.04953 9.6792188 198.54 9.4492188 198.25 L 5.4902344 193.34961 C 5.3702344 193.17961 5.1509375 193.10039 4.9609375 193.15039 z M 17.150391 193.58008 L 17.130859 193.58984 C 16.580859 193.56984 15.810469 193.61914 14.730469 193.61914 L 7.0996094 193.61914 L 9.4199219 196.46094 L 9.4492188 196.51953 L 14.699219 196.51953 C 15.106887 196.51953 15.397075 196.78718 15.414062 197.20508 C 15.738375 197.09913 16.077769 197.02734 16.435547 197.02734 L 16.578125 197.02734 C 17.24903 197.02734 17.874081 197.23259 18.400391 197.57812 L 18.400391 197.24023 C 18.400391 194.09023 18.800391 193.62008 17.150391 193.58008 z M 16.435547 198.02734 C 15.143818 198.02734 14.083984 199.08518 14.083984 200.37695 L 14.083984 201.60742 L 13.570312 201.60742 C 13.375448 201.60742 13.210603 201.70409 13.119141 201.79102 C 13.027691 201.87792 12.983569 201.95823 12.951172 202.03125 C 12.886382 202.17727 12.867187 202.30479 12.867188 202.44141 L 12.867188 203.52344 L 12.867188 204.11914 L 12.867188 205.67773 L 12.867188 206.50977 L 13.570312 206.50977 L 19.472656 206.50977 L 20.173828 206.50977 L 20.173828 205.67773 L 20.173828 203.52344 L 20.173828 202.44141 C 20.173828 202.3048 20.156597 202.17728 20.091797 202.03125 C 20.059397 201.95825 20.015299 201.87792 19.923828 201.79102 C 19.832368 201.70412 19.667509 201.60742 19.472656 201.60742 L 18.927734 201.60742 L 18.927734 200.37695 C 18.927734 199.08518 17.867902 198.02734 16.576172 198.02734 L 16.435547 198.02734 z M 16.435547 199.2207 L 16.576172 199.2207 C 17.22782 199.2207 17.734375 199.7251 17.734375 200.37695 L 17.734375 201.60742 L 15.277344 201.60742 L 15.277344 200.37695 C 15.277344 199.7251 15.7839 199.2207 16.435547 199.2207 z M 12.919922 199.93945 C 12.559922 199.95945 12.359141 200.48023 12.619141 200.74023 L 12.751953 200.9043 C 12.862211 200.87013 12.980058 200.84224 13.085938 200.80273 L 13.085938 200.37891 C 13.085938 200.22863 13.111295 200.08474 13.130859 199.93945 L 12.919922 199.93945 z M 19.882812 199.93945 C 19.902378 200.08474 19.927734 200.22863 19.927734 200.37891 L 19.927734 200.79102 C 20.168811 200.87511 20.455966 200.91694 20.613281 201.06641 C 20.691227 201.14046 20.749315 201.22305 20.806641 201.30273 L 21.259766 200.74023 C 21.519766 200.46023 21.260625 199.90945 20.890625 199.93945 L 19.882812 199.93945 z M 16.435547 200.2207 C 16.301234 200.2207 16.277344 200.24444 16.277344 200.37891 L 16.277344 200.60742 L 16.734375 200.60742 L 16.734375 200.37891 C 16.734375 200.24441 16.712442 200.2207 16.578125 200.2207 L 16.435547 200.2207 z ' fill='%232B90D9' stroke-width='0' /></svg>")
  3306. }
  3307. button.icon-button.disabled:hover i.fa-retweet,
  3308. button.icon-button.disabled i.fa-retweet {
  3309. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='209' width='22'><path d='M 18.972656 1.2011719 C 18.829825 1.1881782 18.685932 1.2302188 18.572266 1.3300781 L 15.990234 3.5996094 C 15.58109 3.6070661 15.297269 3.609375 14.730469 3.609375 L 7.0996094 3.609375 L 9.4199219 6.4609375 L 9.4492188 6.5195312 L 12.664062 6.5195312 L 6.5761719 11.867188 C 6.5674697 11.818249 6.5507813 11.773891 6.5507812 11.720703 L 6.5507812 9.0195312 L 9.0507812 9.0195312 C 9.4207813 9.0495313 9.6792188 8.54 9.4492188 8.25 L 5.5 3.3496094 C 5.38 3.1796094 5.1607031 3.1003906 4.9707031 3.1503906 L 4.9707031 3.1601562 C 4.8707031 3.1901563 4.8 3.2598438 4.75 3.3398438 L 0.80078125 8.2402344 C 0.60078125 8.5402344 0.8292187 9.0190625 1.1992188 9.0390625 L 3.5996094 9.0390625 L 3.5996094 11.720703 C 3.5996094 13.045739 3.5690668 13.895038 3.6503906 14.4375 L 2.6152344 15.347656 C 2.3879011 15.547375 2.3754917 15.901081 2.5859375 16.140625 L 3.1464844 16.78125 C 3.3569308 17.020794 3.7101667 17.053234 3.9375 16.853516 L 19.892578 2.8359375 C 20.119911 2.6362188 20.134275 2.282513 19.923828 2.0429688 L 19.361328 1.4023438 C 19.256105 1.282572 19.115488 1.2141655 18.972656 1.2011719 z M 18.410156 6.7753906 L 15.419922 9.4042969 L 15.419922 9.9394531 L 14.810547 9.9394531 L 13.148438 11.400391 L 16.539062 15.640625 C 16.719062 15.890625 17.140313 15.890625 17.320312 15.640625 L 21.259766 10.740234 C 21.519766 10.460234 21.260625 9.9094531 20.890625 9.9394531 L 18.400391 9.9394531 L 18.400391 7.2402344 C 18.400391 7.0470074 18.407711 6.9489682 18.410156 6.7753906 z M 11.966797 12.439453 L 8.6679688 15.339844 L 14.919922 15.339844 L 12.619141 12.5 C 12.589141 12.48 12.590313 12.459453 12.570312 12.439453 L 11.966797 12.439453 z' fill='%23444B5D' stroke-width='0'/></svg>")
  3310. }
  3311. .media-modal__overlay .picture-in-picture__footer button.icon-button i.fa-retweet {
  3312. 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='%23FFFFFF' 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>")
  3313. }
  3314. .app-body {
  3315. -webkit-overflow-scrolling: touch;
  3316. -ms-overflow-style: -ms-autohiding-scrollbar
  3317. }
  3318. .animated-number {
  3319. display: inline-flex;
  3320. flex-direction: column;
  3321. align-items: stretch;
  3322. overflow: hidden;
  3323. position: relative
  3324. }
  3325. .inline-alert {
  3326. color: #79bd9a;
  3327. font-weight: 400
  3328. }
  3329. .no-reduce-motion .inline-alert {
  3330. transition: opacity .2s ease
  3331. }
  3332. .link-button {
  3333. display: block;
  3334. font-size: 15px;
  3335. line-height: 20px;
  3336. color: #2b90d9;
  3337. border: 0;
  3338. background: transparent;
  3339. padding: 0;
  3340. cursor: pointer
  3341. }
  3342. .link-button:active,
  3343. .link-button:hover {
  3344. text-decoration: underline
  3345. }
  3346. .link-button:disabled {
  3347. color: #9baec8;
  3348. cursor: default
  3349. }
  3350. .button {
  3351. background-color: #2b90d9;
  3352. border: 10px;
  3353. border-radius: 4px;
  3354. box-sizing: border-box;
  3355. color: #fff;
  3356. cursor: pointer;
  3357. display: inline-block;
  3358. font-family: inherit;
  3359. font-size: 14px;
  3360. font-weight: 500;
  3361. height: 36px;
  3362. letter-spacing: 0;
  3363. line-height: 36px;
  3364. overflow: hidden;
  3365. padding: 0 16px;
  3366. position: relative;
  3367. text-align: center;
  3368. text-transform: uppercase;
  3369. text-decoration: none;
  3370. text-overflow: ellipsis;
  3371. transition: all .1s ease-in;
  3372. white-space: nowrap;
  3373. width: auto
  3374. }
  3375. .button:active,
  3376. .button:focus,
  3377. .button:hover {
  3378. background-color: #56a7e1;
  3379. transition: all .2s ease-out
  3380. }
  3381. .button--destructive {
  3382. transition: none
  3383. }
  3384. .button--destructive:active,
  3385. .button--destructive:focus,
  3386. .button--destructive:hover {
  3387. background-color: #df405a;
  3388. transition: none
  3389. }
  3390. .button.disabled,
  3391. .button:disabled {
  3392. background-color: #9baec8;
  3393. cursor: default
  3394. }
  3395. .button::-moz-focus-inner {
  3396. border: 0
  3397. }
  3398. .button::-moz-focus-inner,
  3399. .button:active,
  3400. .button:focus {
  3401. outline: 0!important
  3402. }
  3403. .button.button-alternative,
  3404. .button.button-alternative-2,
  3405. .button.button-primary,
  3406. .button.button-secondary {
  3407. font-size: 16px;
  3408. line-height: 36px;
  3409. height: auto;
  3410. text-transform: none;
  3411. padding: 4px 16px
  3412. }
  3413. .button.button-alternative {
  3414. color: #282c37;
  3415. background: #9baec8
  3416. }
  3417. .button.button-alternative:active,
  3418. .button.button-alternative:focus,
  3419. .button.button-alternative:hover {
  3420. background-color: #a8b9cf
  3421. }
  3422. .button.button-alternative-2 {
  3423. background: #606984
  3424. }
  3425. .button.button-alternative-2:active,
  3426. .button.button-alternative-2:focus,
  3427. .button.button-alternative-2:hover {
  3428. background-color: #687390
  3429. }
  3430. .button.button-secondary {
  3431. color: #9baec8;
  3432. background: transparent;
  3433. padding: 3px 15px;
  3434. border: 1px solid #9baec8
  3435. }
  3436. .button.button-secondary:active,
  3437. .button.button-secondary:focus,
  3438. .button.button-secondary:hover {
  3439. border-color: #a8b9cf;
  3440. color: #a8b9cf
  3441. }
  3442. .button.button-secondary:disabled {
  3443. opacity: .5
  3444. }
  3445. .button.button--block {
  3446. display: block;
  3447. width: 100%
  3448. }
  3449. .layout-multiple-columns .button.button--with-bell {
  3450. font-size: 12px;
  3451. padding: 0 8px
  3452. }
  3453. .column__wrapper {
  3454. display: flex;
  3455. flex: 1 1 auto;
  3456. position: relative
  3457. }
  3458. .icon-button {
  3459. display: inline-block;
  3460. padding: 0;
  3461. color: #606984;
  3462. border: 0;
  3463. border-radius: 4px;
  3464. background: transparent;
  3465. cursor: pointer;
  3466. transition: all .1s ease-in;
  3467. transition-property: background-color, color;
  3468. text-decoration: none
  3469. }
  3470. .icon-button:active,
  3471. .icon-button:focus,
  3472. .icon-button:hover {
  3473. color: #707b97;
  3474. background-color: rgba(96, 105, 132, .15);
  3475. transition: all .2s ease-out;
  3476. transition-property: background-color, color
  3477. }
  3478. .icon-button:focus {
  3479. background-color: rgba(96, 105, 132, .3)
  3480. }
  3481. .icon-button.disabled {
  3482. color: #444b5d;
  3483. background-color: transparent;
  3484. cursor: default
  3485. }
  3486. .icon-button.active {
  3487. color: #2b90d9
  3488. }
  3489. .icon-button::-moz-focus-inner {
  3490. border: 0
  3491. }
  3492. .icon-button::-moz-focus-inner,
  3493. .icon-button:active,
  3494. .icon-button:focus {
  3495. outline: 0!important
  3496. }
  3497. .icon-button.inverted {
  3498. color: #606984
  3499. }
  3500. .icon-button.inverted:active,
  3501. .icon-button.inverted:focus,
  3502. .icon-button.inverted:hover {
  3503. color: #51596f;
  3504. background-color: rgba(96, 105, 132, .15)
  3505. }
  3506. .icon-button.inverted:focus {
  3507. background-color: rgba(96, 105, 132, .3)
  3508. }
  3509. .icon-button.inverted.disabled {
  3510. color: #707b97;
  3511. background-color: transparent
  3512. }
  3513. .icon-button.inverted.active {
  3514. color: #2b90d9
  3515. }
  3516. .icon-button.inverted.active.disabled {
  3517. color: #63ade3
  3518. }
  3519. .icon-button.overlayed {
  3520. box-sizing: content-box;
  3521. background: rgba(0, 0, 0, .6);
  3522. color: hsla(0, 0%, 100%, .7);
  3523. border-radius: 4px;
  3524. padding: 2px
  3525. }
  3526. .icon-button.overlayed:hover {
  3527. background: rgba(0, 0, 0, .9)
  3528. }
  3529. .icon-button--with-counter {
  3530. display: inline-flex;
  3531. align-items: center;
  3532. width: auto!important
  3533. }
  3534. .icon-button__counter {
  3535. display: inline-block;
  3536. width: 14px;
  3537. margin-left: 4px;
  3538. font-size: 12px;
  3539. font-weight: 500
  3540. }
  3541. .text-icon-button {
  3542. color: #606984;
  3543. border: 0;
  3544. border-radius: 4px;
  3545. background: transparent;
  3546. cursor: pointer;
  3547. font-weight: 600;
  3548. font-size: 11px;
  3549. padding: 0 3px;
  3550. line-height: 27px;
  3551. outline: 0;
  3552. transition: all .1s ease-in;
  3553. transition-property: background-color, color
  3554. }
  3555. .text-icon-button:active,
  3556. .text-icon-button:focus,
  3557. .text-icon-button:hover {
  3558. color: #51596f;
  3559. background-color: rgba(96, 105, 132, .15);
  3560. transition: all .2s ease-out;
  3561. transition-property: background-color, color
  3562. }
  3563. .text-icon-button:focus {
  3564. background-color: rgba(96, 105, 132, .3)
  3565. }
  3566. .text-icon-button.disabled {
  3567. color: #979eb3;
  3568. background-color: transparent;
  3569. cursor: default
  3570. }
  3571. .text-icon-button.active {
  3572. color: #2b90d9
  3573. }
  3574. .text-icon-button::-moz-focus-inner {
  3575. border: 0
  3576. }
  3577. .text-icon-button::-moz-focus-inner,
  3578. .text-icon-button:active,
  3579. .text-icon-button:focus {
  3580. outline: 0!important
  3581. }
  3582. .dropdown-menu,
  3583. .invisible {
  3584. position: absolute
  3585. }
  3586. .invisible {
  3587. font-size: 0;
  3588. line-height: 0;
  3589. display: inline-block;
  3590. width: 0;
  3591. height: 0
  3592. }
  3593. .invisible img,
  3594. .invisible svg {
  3595. margin: 0!important;
  3596. border: 0!important;
  3597. padding: 0!important;
  3598. width: 0!important;
  3599. height: 0!important
  3600. }
  3601. .ellipsis:after {
  3602. content: "…"
  3603. }
  3604. .compose-form {
  3605. padding: 10px
  3606. }
  3607. .compose-form__sensitive-button {
  3608. padding: 0 10px 10px;
  3609. font-size: 14px;
  3610. font-weight: 500
  3611. }
  3612. .compose-form__sensitive-button.active {
  3613. color: #2b90d9
  3614. }
  3615. .compose-form__sensitive-button input[type=checkbox] {
  3616. display: none
  3617. }
  3618. .compose-form__sensitive-button .checkbox {
  3619. display: inline-block;
  3620. position: relative;
  3621. border: 1px solid #9baec8;
  3622. box-sizing: border-box;
  3623. width: 18px;
  3624. height: 18px;
  3625. flex: 0 0 auto;
  3626. margin-right: 10px;
  3627. top: -1px;
  3628. border-radius: 4px;
  3629. vertical-align: middle
  3630. }
  3631. .compose-form__sensitive-button .checkbox.active {
  3632. border-color: #2b90d9;
  3633. background: #2b90d9
  3634. }
  3635. .compose-form .compose-form__warning {
  3636. color: #282c37;
  3637. margin-bottom: 10px;
  3638. background: #9baec8;
  3639. box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  3640. padding: 8px 10px;
  3641. border-radius: 4px;
  3642. font-size: 13px;
  3643. font-weight: 400
  3644. }
  3645. .compose-form .compose-form__warning strong {
  3646. color: #282c37;
  3647. font-weight: 500
  3648. }
  3649. .compose-form .compose-form__warning strong:lang(ja),
  3650. .compose-form .compose-form__warning strong:lang(ko),
  3651. .compose-form .compose-form__warning strong:lang(zh-CN),
  3652. .compose-form .compose-form__warning strong:lang(zh-HK),
  3653. .compose-form .compose-form__warning strong:lang(zh-TW) {
  3654. font-weight: 700
  3655. }
  3656. .compose-form .compose-form__warning a {
  3657. color: #606984;
  3658. font-weight: 500;
  3659. text-decoration: underline
  3660. }
  3661. .compose-form .compose-form__warning a:active,
  3662. .compose-form .compose-form__warning a:focus,
  3663. .compose-form .compose-form__warning a:hover {
  3664. text-decoration: none
  3665. }
  3666. .compose-form .emoji-picker-dropdown {
  3667. position: absolute;
  3668. top: 0;
  3669. right: 0
  3670. }
  3671. .compose-form .compose-form__autosuggest-wrapper {
  3672. position: relative
  3673. }
  3674. .compose-form .autosuggest-input,
  3675. .compose-form .autosuggest-textarea,
  3676. .compose-form .spoiler-input {
  3677. position: relative;
  3678. width: 100%
  3679. }
  3680. .compose-form .spoiler-input {
  3681. height: 0;
  3682. transform-origin: bottom;
  3683. opacity: 0
  3684. }
  3685. .compose-form .spoiler-input.spoiler-input--visible {
  3686. height: 36px;
  3687. margin-bottom: 11px;
  3688. opacity: 1
  3689. }
  3690. .compose-form .autosuggest-textarea__textarea,
  3691. .compose-form .spoiler-input__input {
  3692. display: block;
  3693. box-sizing: border-box;
  3694. width: 100%;
  3695. margin: 0;
  3696. color: #282c37;
  3697. background: #fff;
  3698. padding: 10px;
  3699. font-family: inherit;
  3700. font-size: 14px;
  3701. resize: vertical;
  3702. border: 0;
  3703. outline: 0
  3704. }
  3705. .compose-form .autosuggest-textarea__textarea::-webkit-input-placeholder,
  3706. .compose-form .spoiler-input__input::-webkit-input-placeholder {
  3707. color: #606984
  3708. }
  3709. .compose-form .autosuggest-textarea__textarea::-moz-placeholder,
  3710. .compose-form .spoiler-input__input::-moz-placeholder {
  3711. color: #606984
  3712. }
  3713. .compose-form .autosuggest-textarea__textarea:-ms-input-placeholder,
  3714. .compose-form .spoiler-input__input:-ms-input-placeholder {
  3715. color: #606984
  3716. }
  3717. .compose-form .autosuggest-textarea__textarea::placeholder,
  3718. .compose-form .spoiler-input__input::placeholder {
  3719. color: #606984
  3720. }
  3721. .compose-form .autosuggest-textarea__textarea:focus,
  3722. .compose-form .spoiler-input__input:focus {
  3723. outline: 0
  3724. }
  3725. @media screen and (max-width:600px) {
  3726. .compose-form .autosuggest-textarea__textarea,
  3727. .compose-form .spoiler-input__input {
  3728. font-size: 16px
  3729. }
  3730. }
  3731. .compose-form .spoiler-input__input {
  3732. border-radius: 4px
  3733. }
  3734. .compose-form .autosuggest-textarea__textarea {
  3735. min-height: 100px;
  3736. border-radius: 4px 4px 0 0;
  3737. padding-bottom: 0;
  3738. padding-right: 32px;
  3739. resize: none;
  3740. scrollbar-color: auto
  3741. }
  3742. .compose-form .autosuggest-textarea__textarea::-webkit-scrollbar {
  3743. all: unset
  3744. }
  3745. @media screen and (max-width:600px) {
  3746. .compose-form .autosuggest-textarea__textarea {
  3747. height: 100px!important;
  3748. resize: vertical
  3749. }
  3750. }
  3751. .compose-form .autosuggest-textarea__suggestions-wrapper {
  3752. position: relative;
  3753. height: 0
  3754. }
  3755. .compose-form .autosuggest-textarea__suggestions {
  3756. box-sizing: border-box;
  3757. display: none;
  3758. position: absolute;
  3759. top: 100%;
  3760. width: 100%;
  3761. z-index: 99;
  3762. box-shadow: 4px 4px 6px rgba(0, 0, 0, .4);
  3763. background: #d9e1e8;
  3764. border-radius: 0 0 4px 4px;
  3765. color: #282c37;
  3766. font-size: 14px;
  3767. padding: 6px
  3768. }
  3769. .compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible {
  3770. display: block
  3771. }
  3772. .compose-form .autosuggest-textarea__suggestions__item {
  3773. padding: 10px;
  3774. cursor: pointer;
  3775. border-radius: 4px
  3776. }
  3777. .compose-form .autosuggest-textarea__suggestions__item.selected,
  3778. .compose-form .autosuggest-textarea__suggestions__item:active,
  3779. .compose-form .autosuggest-textarea__suggestions__item:focus,
  3780. .compose-form .autosuggest-textarea__suggestions__item:hover {
  3781. background: #b9c8d5
  3782. }
  3783. .compose-form .autosuggest-account,
  3784. .compose-form .autosuggest-emoji,
  3785. .compose-form .autosuggest-hashtag {
  3786. display: flex;
  3787. flex-direction: row;
  3788. align-items: center;
  3789. justify-content: flex-start;
  3790. line-height: 18px;
  3791. font-size: 14px
  3792. }
  3793. .compose-form .autosuggest-hashtag {
  3794. justify-content: space-between
  3795. }
  3796. .compose-form .autosuggest-hashtag__name {
  3797. flex: 1 1 auto;
  3798. overflow: hidden;
  3799. text-overflow: ellipsis;
  3800. white-space: nowrap
  3801. }
  3802. .compose-form .autosuggest-hashtag strong {
  3803. font-weight: 500
  3804. }
  3805. .compose-form .autosuggest-hashtag__uses {
  3806. flex: 0 0 auto;
  3807. text-align: right;
  3808. overflow: hidden;
  3809. text-overflow: ellipsis;
  3810. white-space: nowrap
  3811. }
  3812. .compose-form .autosuggest-account-icon,
  3813. .compose-form .autosuggest-emoji img {
  3814. display: block;
  3815. margin-right: 8px;
  3816. width: 16px;
  3817. height: 16px
  3818. }
  3819. .compose-form .autosuggest-account .display-name__account {
  3820. color: #606984
  3821. }
  3822. .compose-form .compose-form__modifiers {
  3823. color: #282c37;
  3824. font-family: inherit;
  3825. font-size: 14px;
  3826. background: #fff
  3827. }
  3828. .compose-form .compose-form__modifiers .compose-form__upload-wrapper {
  3829. overflow: hidden
  3830. }
  3831. .compose-form .compose-form__modifiers .compose-form__uploads-wrapper {
  3832. display: flex;
  3833. flex-direction: row;
  3834. padding: 5px;
  3835. flex-wrap: wrap
  3836. }
  3837. .compose-form .compose-form__modifiers .compose-form__upload {
  3838. flex: 1 1 0;
  3839. min-width: 40%;
  3840. margin: 5px
  3841. }
  3842. .compose-form .compose-form__modifiers .compose-form__upload__actions {
  3843. background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .35) 80%, transparent);
  3844. display: flex;
  3845. align-items: flex-start;
  3846. justify-content: space-between;
  3847. opacity: 0;
  3848. transition: opacity .1s ease
  3849. }
  3850. .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button {
  3851. flex: 0 1 auto;
  3852. color: #d9e1e8;
  3853. font-size: 14px;
  3854. font-weight: 500;
  3855. padding: 10px;
  3856. font-family: inherit
  3857. }
  3858. .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active,
  3859. .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,
  3860. .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover {
  3861. color: #eff3f5
  3862. }
  3863. .compose-form .compose-form__modifiers .compose-form__upload__actions.active {
  3864. opacity: 1
  3865. }
  3866. .compose-form .compose-form__modifiers .compose-form__upload-description {
  3867. position: absolute;
  3868. z-index: 2;
  3869. bottom: 0;
  3870. left: 0;
  3871. right: 0;
  3872. box-sizing: border-box;
  3873. background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .35) 80%, transparent);
  3874. padding: 10px;
  3875. opacity: 0;
  3876. transition: opacity .1s ease
  3877. }
  3878. .compose-form .compose-form__modifiers .compose-form__upload-description textarea {
  3879. background: transparent;
  3880. color: #d9e1e8;
  3881. border: 0;
  3882. padding: 0;
  3883. margin: 0;
  3884. width: 100%;
  3885. font-family: inherit;
  3886. font-size: 14px;
  3887. font-weight: 500
  3888. }
  3889. .compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus {
  3890. color: #fff
  3891. }
  3892. .compose-form .compose-form__modifiers .compose-form__upload-description textarea::-webkit-input-placeholder {
  3893. opacity: .75;
  3894. color: #d9e1e8
  3895. }
  3896. .compose-form .compose-form__modifiers .compose-form__upload-description textarea::-moz-placeholder {
  3897. opacity: .75;
  3898. color: #d9e1e8
  3899. }
  3900. .compose-form .compose-form__modifiers .compose-form__upload-description textarea:-ms-input-placeholder {
  3901. opacity: .75;
  3902. color: #d9e1e8
  3903. }
  3904. .compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder {
  3905. opacity: .75;
  3906. color: #d9e1e8
  3907. }
  3908. .compose-form .compose-form__modifiers .compose-form__upload-description.active {
  3909. opacity: 1
  3910. }
  3911. .compose-form .compose-form__modifiers .compose-form__upload-thumbnail {
  3912. border-radius: 4px;
  3913. background-color: #000;
  3914. background-position: 50%;
  3915. background-size: cover;
  3916. background-repeat: no-repeat;
  3917. height: 140px;
  3918. width: 100%;
  3919. overflow: hidden
  3920. }
  3921. .compose-form .compose-form__buttons-wrapper {
  3922. padding: 10px;
  3923. background: #ebebeb;
  3924. border-radius: 0 0 4px 4px;
  3925. display: flex;
  3926. justify-content: space-between;
  3927. flex: 0 0 auto
  3928. }
  3929. .compose-form .compose-form__buttons-wrapper .compose-form__buttons {
  3930. display: flex
  3931. }
  3932. .compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon {
  3933. line-height: 27px
  3934. }
  3935. .compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button {
  3936. display: none
  3937. }
  3938. .compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible {
  3939. display: block
  3940. }
  3941. .compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon {
  3942. line-height: 27px
  3943. }
  3944. .compose-form .compose-form__buttons-wrapper .icon-button,
  3945. .compose-form .compose-form__buttons-wrapper .text-icon-button {
  3946. box-sizing: content-box;
  3947. padding: 0 3px
  3948. }
  3949. .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
  3950. align-self: center;
  3951. margin-right: 4px
  3952. }
  3953. .compose-form .compose-form__publish {
  3954. display: flex;
  3955. justify-content: flex-end;
  3956. min-width: 0;
  3957. flex: 0 0 auto
  3958. }
  3959. .compose-form .compose-form__publish .compose-form__publish-button-wrapper {
  3960. overflow: hidden;
  3961. padding-top: 10px
  3962. }
  3963. .character-counter {
  3964. cursor: default;
  3965. font-family: "mastodon-font-sans-serif", sans-serif;
  3966. font-size: 14px;
  3967. font-weight: 600;
  3968. color: #606984
  3969. }
  3970. .character-counter.character-counter--over {
  3971. color: #ff5050
  3972. }
  3973. .no-reduce-motion .spoiler-input {
  3974. transition: height .4s ease, opacity .4s ease
  3975. }
  3976. .emojione {
  3977. font-family: "object-fit:contain", inherit;
  3978. vertical-align: middle;
  3979. -o-object-fit: contain;
  3980. object-fit: contain;
  3981. margin: -.2ex .15em .2ex;
  3982. width: 16px;
  3983. height: 16px
  3984. }
  3985. .emojione img {
  3986. width: auto
  3987. }
  3988. .reply-indicator {
  3989. border-radius: 4px;
  3990. margin-bottom: 10px;
  3991. background: #9baec8;
  3992. padding: 10px;
  3993. min-height: 23px;
  3994. overflow-y: auto;
  3995. flex: 0 2 auto
  3996. }
  3997. .reply-indicator__header {
  3998. margin-bottom: 5px;
  3999. overflow: hidden
  4000. }
  4001. .reply-indicator__cancel {
  4002. float: right;
  4003. line-height: 24px
  4004. }
  4005. .reply-indicator__display-name {
  4006. color: #282c37;
  4007. display: block;
  4008. max-width: 100%;
  4009. line-height: 24px;
  4010. overflow: hidden;
  4011. padding-right: 25px;
  4012. text-decoration: none
  4013. }
  4014. .reply-indicator__display-avatar {
  4015. float: left;
  4016. margin-right: 5px
  4017. }
  4018. .status__content--with-action {
  4019. cursor: pointer
  4020. }
  4021. .status__content {
  4022. clear: both
  4023. }
  4024. .reply-indicator__content,
  4025. .status__content {
  4026. position: relative;
  4027. font-size: 15px;
  4028. line-height: 20px;
  4029. word-wrap: break-word;
  4030. font-weight: 400;
  4031. overflow: hidden;
  4032. text-overflow: ellipsis;
  4033. padding-top: 2px;
  4034. color: #000000 /* oloturia testo */
  4035. }
  4036. .reply-indicator__content:focus,
  4037. .status__content:focus {
  4038. outline: 0
  4039. }
  4040. .reply-indicator__content.status__content--with-spoiler,
  4041. .status__content.status__content--with-spoiler {
  4042. white-space: normal
  4043. }
  4044. .reply-indicator__content.status__content--with-spoiler .status__content__text,
  4045. .status__content.status__content--with-spoiler .status__content__text {
  4046. white-space: pre-wrap
  4047. }
  4048. .reply-indicator__content .emojione,
  4049. .status__content .emojione {
  4050. width: 20px;
  4051. height: 20px;
  4052. margin: -3px 0 0
  4053. }
  4054. .reply-indicator__content p,
  4055. .status__content p {
  4056. margin-bottom: 5px; /* oloturia 20px */
  4057. white-space: pre-wrap;
  4058. unicode-bidi: -moz-plaintext;
  4059. unicode-bidi: plaintext
  4060. }
  4061. .reply-indicator__content p:last-child,
  4062. .status__content p:last-child {
  4063. margin-bottom: 0
  4064. }
  4065. .reply-indicator__content a,
  4066. .status__content a {
  4067. color: #505050; /* oloturia vgo */
  4068. text-decoration: none;
  4069. unicode-bidi: -webkit-isolate;
  4070. unicode-bidi: -moz-isolate;
  4071. unicode-bidi: isolate
  4072. }
  4073. .reply-indicator__content a:hover,
  4074. .status__content a:hover {
  4075. text-decoration: underline
  4076. }
  4077. .reply-indicator__content a:hover .fa,
  4078. .status__content a:hover .fa {
  4079. color: #707b97
  4080. }
  4081. .reply-indicator__content a.mention:hover,
  4082. .status__content a.mention:hover {
  4083. text-decoration: none
  4084. }
  4085. .reply-indicator__content a.mention:hover span,
  4086. .status__content a.mention:hover span {
  4087. text-decoration: underline
  4088. }
  4089. .reply-indicator__content a .fa,
  4090. .status__content a .fa {
  4091. color: #606984
  4092. }
  4093. .reply-indicator__content a.unhandled-link,
  4094. .status__content a.unhandled-link {
  4095. color: #4ea2df
  4096. }
  4097. .reply-indicator__content .status__content__spoiler-link,
  4098. .status__content .status__content__spoiler-link {
  4099. background: #606984
  4100. }
  4101. .reply-indicator__content .status__content__spoiler-link:hover,
  4102. .status__content .status__content__spoiler-link:hover {
  4103. background: #707b97;
  4104. text-decoration: none
  4105. }
  4106. .reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,
  4107. .status__content .status__content__spoiler-link::-moz-focus-inner {
  4108. border: 0
  4109. }
  4110. .reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,
  4111. .reply-indicator__content .status__content__spoiler-link:active,
  4112. .reply-indicator__content .status__content__spoiler-link:focus,
  4113. .status__content .status__content__spoiler-link::-moz-focus-inner,
  4114. .status__content .status__content__spoiler-link:active,
  4115. .status__content .status__content__spoiler-link:focus {
  4116. outline: 0!important
  4117. }
  4118. .reply-indicator__content .status__content__text,
  4119. .status__content .status__content__text {
  4120. display: none
  4121. }
  4122. .reply-indicator__content .status__content__text.status__content__text--visible,
  4123. .status__content .status__content__text.status__content__text--visible {
  4124. display: block
  4125. }
  4126. .announcements__item__content {
  4127. word-wrap: break-word;
  4128. overflow-y: auto
  4129. }
  4130. .announcements__item__content .emojione {
  4131. width: 20px;
  4132. height: 20px;
  4133. margin: -3px 0 0
  4134. }
  4135. .announcements__item__content p {
  4136. margin-bottom: 10px;
  4137. white-space: pre-wrap
  4138. }
  4139. .announcements__item__content p:last-child {
  4140. margin-bottom: 0
  4141. }
  4142. .announcements__item__content a {
  4143. color: #d9e1e8;
  4144. text-decoration: none
  4145. }
  4146. .announcements__item__content a:hover {
  4147. text-decoration: underline
  4148. }
  4149. .announcements__item__content a.mention:hover {
  4150. text-decoration: none
  4151. }
  4152. .announcements__item__content a.mention:hover span {
  4153. text-decoration: underline
  4154. }
  4155. .announcements__item__content a.unhandled-link {
  4156. color: #4ea2df
  4157. }
  4158. .status__content.status__content--collapsed {
  4159. max-height: 300px
  4160. }
  4161. .status__content__read-more-button {
  4162. display: block;
  4163. font-size: 15px;
  4164. line-height: 20px;
  4165. color: #4ea2df;
  4166. border: 0;
  4167. background: transparent;
  4168. padding: 8px 0 0;
  4169. text-decoration: none
  4170. }
  4171. .status__content__read-more-button:active,
  4172. .status__content__read-more-button:hover {
  4173. text-decoration: underline
  4174. }
  4175. .status__content__spoiler-link {
  4176. display: inline-block;
  4177. border-radius: 2px;
  4178. background: transparent;
  4179. border: 0;
  4180. color: #282c37;
  4181. font-weight: 700;
  4182. font-size: 11px;
  4183. padding: 0 6px;
  4184. text-transform: uppercase;
  4185. line-height: 20px;
  4186. cursor: pointer;
  4187. vertical-align: middle
  4188. }
  4189. .status__wrapper--filtered {
  4190. color: #606984;
  4191. border: 0;
  4192. font-size: inherit;
  4193. text-align: center;
  4194. line-height: inherit;
  4195. margin: 0;
  4196. padding: 15px;
  4197. box-sizing: border-box;
  4198. width: 100%;
  4199. clear: both;
  4200. border-bottom: 1px solid #393f4f
  4201. }
  4202. .status__prepend-icon-wrapper {
  4203. left: -26px;
  4204. position: absolute
  4205. }
  4206. .focusable:focus {
  4207. outline: 0;
  4208. background: #313543
  4209. }
  4210. .focusable:focus .detailed-status,
  4211. .focusable:focus .detailed-status__action-bar {
  4212. background: #393f4f
  4213. }
  4214. .status {
  4215. padding: 8px 10px 8px 68px;
  4216. position: relative;
  4217. min-height: 54px;
  4218. border-bottom: 1px solid #393f4f;
  4219. cursor: auto;
  4220. opacity: 1;
  4221. -webkit-animation: fade .15s linear;
  4222. animation: fade .15s linear
  4223. }
  4224. @supports(-ms-overflow-style:-ms-autohiding-scrollbar) {
  4225. .status {
  4226. padding-right: 26px
  4227. }
  4228. }
  4229. @-webkit-keyframes fade {
  4230. 0% {
  4231. opacity: 0
  4232. }
  4233. to {
  4234. opacity: 1
  4235. }
  4236. }
  4237. @keyframes fade {
  4238. 0% {
  4239. opacity: 0
  4240. }
  4241. to {
  4242. opacity: 1
  4243. }
  4244. }
  4245. .status .audio-player,
  4246. .status .video-player {
  4247. margin-top: 8px
  4248. }
  4249. .status.light .status__relative-time,
  4250. .status.light .status__visibility-icon {
  4251. color: #9baec8
  4252. }
  4253. .status.light .status__display-name {
  4254. color: #282c37
  4255. }
  4256. .status.light .display-name {
  4257. color: #9baec8
  4258. }
  4259. .status.light .display-name strong,
  4260. .status.light .status__content {
  4261. color: #282c37
  4262. }
  4263. .status.light .status__content a {
  4264. color: #2b90d9
  4265. }
  4266. .status.light .status__content a.status__content__spoiler-link {
  4267. color: #fff;
  4268. background: #9baec8
  4269. }
  4270. .status.light .status__content a.status__content__spoiler-link:hover {
  4271. background: #b5c3d6
  4272. }
  4273. .notification__relative_time,
  4274. .status__relative-time {
  4275. color: #606984;
  4276. float: right;
  4277. font-size: 14px;
  4278. padding-bottom: 1px
  4279. }
  4280. .status__visibility-icon {
  4281. padding: 0 4px
  4282. }
  4283. .status__display-name {
  4284. color: #606984
  4285. }
  4286. .status__info .status__display-name {
  4287. display: block;
  4288. max-width: 100%;
  4289. padding-right: 25px
  4290. }
  4291. .status__info {
  4292. font-size: 15px
  4293. }
  4294. .status-check-box {
  4295. border-bottom: 1px solid #d9e1e8;
  4296. display: flex
  4297. }
  4298. .status-check-box .status-check-box__status {
  4299. margin: 10px 0 10px 10px;
  4300. flex: 1;
  4301. overflow: hidden
  4302. }
  4303. .status-check-box .status-check-box__status .media-gallery {
  4304. max-width: 250px
  4305. }
  4306. .status-check-box .status-check-box__status .status__content {
  4307. padding: 0;
  4308. white-space: normal
  4309. }
  4310. .status-check-box .status-check-box__status .audio-player,
  4311. .status-check-box .status-check-box__status .video-player {
  4312. margin-top: 8px;
  4313. max-width: 250px
  4314. }
  4315. .status-check-box .status-check-box__status .media-gallery__item-thumbnail {
  4316. cursor: default
  4317. }
  4318. .status-check-box-toggle {
  4319. align-items: center;
  4320. display: flex;
  4321. flex: 0 0 auto;
  4322. justify-content: center;
  4323. padding: 10px
  4324. }
  4325. .status__prepend {
  4326. margin-left: 68px;
  4327. color: #606984;
  4328. padding: 8px 0 2px;
  4329. font-size: 14px;
  4330. position: relative
  4331. }
  4332. .status__prepend .status__display-name strong {
  4333. color: #606984
  4334. }
  4335. .status__prepend>span {
  4336. display: block;
  4337. overflow: hidden;
  4338. text-overflow: ellipsis
  4339. }
  4340. .status__action-bar {
  4341. align-items: center;
  4342. display: flex;
  4343. margin-top: 8px
  4344. }
  4345. .status__action-bar-button {
  4346. margin-right: 18px
  4347. }
  4348. .status__action-bar-button.icon-button--with-counter {
  4349. margin-right: 14px
  4350. }
  4351. .status__action-bar-dropdown {
  4352. height: 23.15px;
  4353. width: 23.15px
  4354. }
  4355. .detailed-status__action-bar-dropdown {
  4356. flex: 1 1 auto;
  4357. display: flex;
  4358. align-items: center;
  4359. justify-content: center;
  4360. position: relative
  4361. }
  4362. .detailed-status {
  4363. background: #ffffff; /* oloturia sfondo */
  4364. padding: 14px 10px
  4365. }
  4366. .detailed-status--flex {
  4367. display: flex;
  4368. flex-wrap: wrap;
  4369. justify-content: space-between;
  4370. align-items: flex-start
  4371. }
  4372. .detailed-status--flex .detailed-status__meta,
  4373. .detailed-status--flex .status__content {
  4374. flex: 100%
  4375. }
  4376. .detailed-status .status__content {
  4377. font-size: 19px;
  4378. line-height: 24px
  4379. }
  4380. .detailed-status .status__content .emojione {
  4381. width: 24px;
  4382. height: 24px;
  4383. margin: -1px 0 0
  4384. }
  4385. .detailed-status .status__content .status__content__spoiler-link {
  4386. line-height: 24px;
  4387. margin: -1px 0 0
  4388. }
  4389. .detailed-status .audio-player,
  4390. .detailed-status .video-player {
  4391. margin-top: 8px
  4392. }
  4393. .detailed-status__meta {
  4394. margin-top: 15px;
  4395. color: #505050; /* oloturia status */
  4396. font-size: 14px;
  4397. line-height: 18px
  4398. }
  4399. .detailed-status__action-bar {
  4400. background: #313543;
  4401. border-top: 1px solid #393f4f;
  4402. border-bottom: 1px solid #393f4f;
  4403. display: flex;
  4404. flex-direction: row;
  4405. padding: 10px 0
  4406. }
  4407. .detailed-status__link {
  4408. color: inherit;
  4409. text-decoration: none
  4410. }
  4411. .detailed-status__favorites,
  4412. .detailed-status__reblogs {
  4413. display: inline-block;
  4414. font-weight: 500;
  4415. font-size: 12px;
  4416. margin-left: 6px
  4417. }
  4418. .reply-indicator__content {
  4419. color: #282c37;
  4420. font-size: 14px
  4421. }
  4422. .reply-indicator__content a {
  4423. color: #606984
  4424. }
  4425. .domain {
  4426. padding: 10px;
  4427. border-bottom: 1px solid #393f4f
  4428. }
  4429. .domain .domain__domain-name {
  4430. flex: 1 1 auto;
  4431. display: block;
  4432. color: #fff;
  4433. text-decoration: none;
  4434. font-size: 14px;
  4435. font-weight: 500
  4436. }
  4437. .domain__wrapper {
  4438. display: flex
  4439. }
  4440. .domain_buttons {
  4441. height: 18px;
  4442. padding: 10px;
  4443. white-space: nowrap
  4444. }
  4445. .account {
  4446. padding: 10px;
  4447. border-bottom: 1px solid #393f4f
  4448. }
  4449. .account.compact {
  4450. padding: 0;
  4451. border-bottom: 0
  4452. }
  4453. .account.compact .account__avatar-wrapper {
  4454. margin-left: 0
  4455. }
  4456. .account .account__display-name {
  4457. flex: 1 1 auto;
  4458. display: block;
  4459. color: #9baec8;
  4460. overflow: hidden;
  4461. text-decoration: none;
  4462. font-size: 14px
  4463. }
  4464. .account__wrapper {
  4465. display: flex
  4466. }
  4467. .account__avatar-wrapper {
  4468. float: left;
  4469. margin-left: 12px;
  4470. margin-right: 12px
  4471. }
  4472. .account__avatar {
  4473. border-radius: 4px;
  4474. background: transparent no-repeat;
  4475. background-position: 50%;
  4476. background-clip: padding-box;
  4477. display: block;
  4478. position: relative;
  4479. width: 36px;
  4480. height: 36px;
  4481. background-size: 36px 36px
  4482. }
  4483. .account__avatar-inline {
  4484. display: inline-block;
  4485. vertical-align: middle;
  4486. margin-right: 5px
  4487. }
  4488. .account__avatar-composite {
  4489. border-radius: 4px;
  4490. background: transparent no-repeat;
  4491. background-position: 50%;
  4492. background-clip: padding-box;
  4493. border-radius: 50%;
  4494. overflow: hidden;
  4495. position: relative
  4496. }
  4497. .account__avatar-composite>div {
  4498. float: left;
  4499. position: relative;
  4500. box-sizing: border-box
  4501. }
  4502. .account__avatar-composite__label {
  4503. display: block;
  4504. position: absolute;
  4505. top: 50%;
  4506. left: 50%;
  4507. transform: translate(-50%, -50%);
  4508. color: #fff;
  4509. text-shadow: 1px 1px 2px #000;
  4510. font-weight: 700;
  4511. font-size: 15px
  4512. }
  4513. a .account__avatar {
  4514. cursor: pointer
  4515. }
  4516. .account__avatar-overlay {
  4517. width: 48px;
  4518. height: 48px;
  4519. background-size: 48px 48px
  4520. }
  4521. .account__avatar-overlay-base {
  4522. border-radius: 4px;
  4523. background: transparent no-repeat;
  4524. background-position: 50%;
  4525. background-clip: padding-box;
  4526. width: 36px;
  4527. height: 36px;
  4528. background-size: 36px 36px
  4529. }
  4530. .account__avatar-overlay-base img {
  4531. width: 100%;
  4532. height: 100%
  4533. }
  4534. .account__avatar-overlay-base img,
  4535. .account__avatar-overlay-overlay {
  4536. border-radius: 4px;
  4537. background: transparent no-repeat;
  4538. background-position: 50%;
  4539. background-clip: padding-box
  4540. }
  4541. .account__avatar-overlay-overlay {
  4542. width: 24px;
  4543. height: 24px;
  4544. background-size: 24px 24px;
  4545. position: absolute;
  4546. bottom: 0;
  4547. right: 0;
  4548. z-index: 1
  4549. }
  4550. .account__avatar-overlay-overlay img {
  4551. border-radius: 4px;
  4552. background: transparent no-repeat;
  4553. background-position: 50%;
  4554. background-clip: padding-box;
  4555. width: 100%;
  4556. height: 100%
  4557. }
  4558. .account__relationship {
  4559. height: 18px;
  4560. padding: 10px;
  4561. white-space: nowrap
  4562. }
  4563. .account__disclaimer {
  4564. padding: 10px;
  4565. border-top: 1px solid #393f4f;
  4566. color: #606984
  4567. }
  4568. .account__disclaimer strong {
  4569. font-weight: 500
  4570. }
  4571. .account__disclaimer strong:lang(ja),
  4572. .account__disclaimer strong:lang(ko),
  4573. .account__disclaimer strong:lang(zh-CN),
  4574. .account__disclaimer strong:lang(zh-HK),
  4575. .account__disclaimer strong:lang(zh-TW) {
  4576. font-weight: 700
  4577. }
  4578. .account__disclaimer a {
  4579. font-weight: 500;
  4580. color: inherit;
  4581. text-decoration: underline
  4582. }
  4583. .account__disclaimer a:active,
  4584. .account__disclaimer a:focus,
  4585. .account__disclaimer a:hover {
  4586. text-decoration: none
  4587. }
  4588. .account__action-bar {
  4589. border-top: 1px solid #393f4f;
  4590. border-bottom: 1px solid #393f4f;
  4591. line-height: 36px;
  4592. overflow: hidden;
  4593. flex: 0 0 auto;
  4594. display: flex
  4595. }
  4596. .account__action-bar-dropdown {
  4597. padding: 10px
  4598. }
  4599. .account__action-bar-dropdown .icon-button {
  4600. vertical-align: middle
  4601. }
  4602. .account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right {
  4603. left: 6px;
  4604. right: auto
  4605. }
  4606. .account__action-bar-dropdown .dropdown--active:after {
  4607. bottom: auto;
  4608. margin-left: 11px;
  4609. margin-top: -7px;
  4610. right: auto
  4611. }
  4612. .account__action-bar-links {
  4613. display: flex;
  4614. flex: 1 1 auto;
  4615. line-height: 18px;
  4616. text-align: center
  4617. }
  4618. .account__action-bar__tab {
  4619. text-decoration: none;
  4620. overflow: hidden;
  4621. flex: 0 1 100%;
  4622. border-right: 1px solid #393f4f;
  4623. padding: 10px 0;
  4624. border-bottom: 4px solid transparent
  4625. }
  4626. .account__action-bar__tab.active {
  4627. border-bottom: 4px solid #2b90d9
  4628. }
  4629. .account__action-bar__tab>span {
  4630. display: block;
  4631. text-transform: uppercase;
  4632. font-size: 11px;
  4633. color: #9baec8
  4634. }
  4635. .account__action-bar__tab strong {
  4636. display: block;
  4637. font-size: 15px;
  4638. font-weight: 500;
  4639. color: #fff
  4640. }
  4641. .account__action-bar__tab strong:lang(ja),
  4642. .account__action-bar__tab strong:lang(ko),
  4643. .account__action-bar__tab strong:lang(zh-CN),
  4644. .account__action-bar__tab strong:lang(zh-HK),
  4645. .account__action-bar__tab strong:lang(zh-TW) {
  4646. font-weight: 700
  4647. }
  4648. .account-authorize {
  4649. padding: 14px 10px
  4650. }
  4651. .account-authorize .detailed-status__display-name {
  4652. display: block;
  4653. margin-bottom: 15px;
  4654. overflow: hidden
  4655. }
  4656. .account-authorize__avatar {
  4657. float: left;
  4658. margin-right: 10px
  4659. }
  4660. .account__display-name,
  4661. .detailed-status__application,
  4662. .detailed-status__datetime,
  4663. .detailed-status__display-name,
  4664. .status__display-name,
  4665. .status__relative-time {
  4666. text-decoration: none
  4667. }
  4668. .account__display-name strong,
  4669. .status__display-name strong {
  4670. color: #fff
  4671. }
  4672. .muted .emojione {
  4673. opacity: .5
  4674. }
  4675. .detailed-status__display-name:hover strong,
  4676. .reply-indicator__display-name:hover strong,
  4677. .status__display-name:hover strong,
  4678. a.account__display-name:hover strong {
  4679. text-decoration: underline
  4680. }
  4681. .account__display-name strong {
  4682. display: block;
  4683. overflow: hidden;
  4684. text-overflow: ellipsis
  4685. }
  4686. .detailed-status__application,
  4687. .detailed-status__datetime {
  4688. color: inherit
  4689. }
  4690. .detailed-status .button.logo-button {
  4691. margin-bottom: 15px
  4692. }
  4693. .detailed-status__display-name {
  4694. color: #505050; /* oloturia account */
  4695. display: block;
  4696. line-height: 24px;
  4697. margin-bottom: 15px;
  4698. overflow: hidden
  4699. }
  4700. .detailed-status__display-name span,
  4701. .detailed-status__display-name strong {
  4702. display: block;
  4703. text-overflow: ellipsis;
  4704. overflow: hidden
  4705. }
  4706. .detailed-status__display-name strong {
  4707. font-size: 16px;
  4708. color: #000000 /* oloturia name */
  4709. }
  4710. .detailed-status__display-avatar {
  4711. float: left;
  4712. margin-right: 10px
  4713. }
  4714. .status__avatar {
  4715. height: 48px;
  4716. left: 10px;
  4717. position: absolute;
  4718. top: 10px;
  4719. width: 48px
  4720. }
  4721. .status__expand {
  4722. width: 68px;
  4723. position: absolute;
  4724. left: 0;
  4725. top: 0;
  4726. height: 100%;
  4727. cursor: pointer
  4728. }
  4729. .muted .status__content,
  4730. .muted .status__content a,
  4731. .muted .status__content p,
  4732. .muted .status__display-name strong {
  4733. color: #606984
  4734. }
  4735. .muted .status__avatar {
  4736. opacity: .5
  4737. }
  4738. .muted a.status__content__spoiler-link {
  4739. background: #606984;
  4740. color: #282c37
  4741. }
  4742. .muted a.status__content__spoiler-link:hover {
  4743. background: #707b97;
  4744. text-decoration: none
  4745. }
  4746. .notification__message {
  4747. margin: 0 10px 0 68px;
  4748. padding: 8px 0 0;
  4749. cursor: default;
  4750. color: #9baec8;
  4751. font-size: 15px;
  4752. line-height: 22px;
  4753. position: relative
  4754. }
  4755. .notification__message .fa {
  4756. color: #2b90d9
  4757. }
  4758. .notification__message>span {
  4759. display: inline;
  4760. overflow: hidden;
  4761. text-overflow: ellipsis
  4762. }
  4763. .notification__favourite-icon-wrapper {
  4764. left: -26px;
  4765. position: absolute
  4766. }
  4767. .icon-button.star-icon.active,
  4768. .notification__favourite-icon-wrapper .star-icon {
  4769. color: #ca8f04
  4770. }
  4771. .icon-button.bookmark-icon.active {
  4772. color: #ff5050
  4773. }
  4774. .no-reduce-motion .icon-button.star-icon.activate>.fa-star {
  4775. -webkit-animation: spring-rotate-in 1s linear;
  4776. animation: spring-rotate-in 1s linear
  4777. }
  4778. .no-reduce-motion .icon-button.star-icon.deactivate>.fa-star {
  4779. -webkit-animation: spring-rotate-out 1s linear;
  4780. animation: spring-rotate-out 1s linear
  4781. }
  4782. .notification__display-name {
  4783. color: inherit;
  4784. font-weight: 500;
  4785. text-decoration: none
  4786. }
  4787. .notification__display-name:hover {
  4788. color: #fff;
  4789. text-decoration: underline
  4790. }
  4791. .notification__relative_time {
  4792. float: right
  4793. }
  4794. .display-name {
  4795. display: block;
  4796. max-width: 100%;
  4797. overflow: hidden;
  4798. text-overflow: ellipsis;
  4799. white-space: nowrap
  4800. }
  4801. .display-name__html {
  4802. font-weight: 500
  4803. }
  4804. .display-name__account {
  4805. font-size: 14px
  4806. }
  4807. .detailed-status__datetime:hover,
  4808. .status__relative-time:hover {
  4809. text-decoration: underline
  4810. }
  4811. .image-loader {
  4812. position: relative;
  4813. width: 100%;
  4814. height: 100%;
  4815. display: flex;
  4816. align-items: center;
  4817. justify-content: center;
  4818. flex-direction: column
  4819. }
  4820. .image-loader,
  4821. .image-loader * {
  4822. scrollbar-width: none;
  4823. -ms-overflow-style: none
  4824. }
  4825. .image-loader::-webkit-scrollbar,
  4826. .image-loader ::-webkit-scrollbar {
  4827. width: 0;
  4828. height: 0;
  4829. background: transparent
  4830. }
  4831. .image-loader .image-loader__preview-canvas {
  4832. max-width: 100%;
  4833. max-height: 80%;
  4834. background: url(/packs/media/images/void-a9c15ae00440e4b0b3373fd738a29c33.png) repeat;
  4835. -o-object-fit: contain;
  4836. font-family: "object-fit:contain";
  4837. object-fit: contain
  4838. }
  4839. .image-loader .loading-bar {
  4840. position: relative
  4841. }
  4842. .image-loader.image-loader--amorphous .image-loader__preview-canvas {
  4843. display: none
  4844. }
  4845. .zoomable-image {
  4846. position: relative;
  4847. width: 100%;
  4848. height: 100%;
  4849. display: flex;
  4850. align-items: center;
  4851. justify-content: center
  4852. }
  4853. .zoomable-image img {
  4854. max-width: 100%;
  4855. max-height: 80%;
  4856. width: auto;
  4857. height: auto;
  4858. -o-object-fit: contain;
  4859. font-family: "object-fit:contain";
  4860. object-fit: contain
  4861. }
  4862. .navigation-bar {
  4863. padding: 10px;
  4864. display: flex;
  4865. align-items: center;
  4866. flex-shrink: 0;
  4867. cursor: default;
  4868. color: #9baec8
  4869. }
  4870. .navigation-bar strong {
  4871. color: #d9e1e8
  4872. }
  4873. .navigation-bar a {
  4874. color: inherit
  4875. }
  4876. .navigation-bar .permalink {
  4877. text-decoration: none
  4878. }
  4879. .navigation-bar .navigation-bar__actions {
  4880. position: relative
  4881. }
  4882. .navigation-bar .navigation-bar__actions .icon-button.close {
  4883. position: absolute;
  4884. pointer-events: none;
  4885. transform: scaleX(0) translate(-100%);
  4886. opacity: 0
  4887. }
  4888. .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {
  4889. pointer-events: auto;
  4890. transform: scale(1) translate(0);
  4891. opacity: 1
  4892. }
  4893. .navigation-bar__profile {
  4894. flex: 1 1 auto;
  4895. margin-left: 8px;
  4896. line-height: 20px;
  4897. margin-top: -1px;
  4898. overflow: hidden
  4899. }
  4900. .navigation-bar__profile-account {
  4901. display: block;
  4902. font-weight: 500;
  4903. overflow: hidden;
  4904. text-overflow: ellipsis
  4905. }
  4906. .navigation-bar__profile-edit {
  4907. color: inherit;
  4908. text-decoration: none
  4909. }
  4910. .dropdown {
  4911. display: inline-block
  4912. }
  4913. .dropdown__content {
  4914. display: none;
  4915. position: absolute
  4916. }
  4917. .dropdown-menu__separator {
  4918. border-bottom: 1px solid #c0cdd9;
  4919. margin: 5px 7px 6px;
  4920. height: 0
  4921. }
  4922. .dropdown-menu {
  4923. background: #d9e1e8;
  4924. padding: 4px 0;
  4925. border-radius: 4px;
  4926. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4);
  4927. z-index: 9999
  4928. }
  4929. .dropdown-menu ul {
  4930. list-style: none
  4931. }
  4932. .dropdown-menu.left {
  4933. transform-origin: 100% 50%
  4934. }
  4935. .dropdown-menu.top {
  4936. transform-origin: 50% 100%
  4937. }
  4938. .dropdown-menu.bottom {
  4939. transform-origin: 50% 0
  4940. }
  4941. .dropdown-menu.right {
  4942. transform-origin: 0 50%
  4943. }
  4944. .dropdown-menu__arrow {
  4945. position: absolute;
  4946. width: 0;
  4947. height: 0;
  4948. border: 0 solid transparent
  4949. }
  4950. .dropdown-menu__arrow.left {
  4951. right: -5px;
  4952. margin-top: -5px;
  4953. border-width: 5px 0 5px 5px;
  4954. border-left-color: #d9e1e8
  4955. }
  4956. .dropdown-menu__arrow.top {
  4957. bottom: -5px;
  4958. margin-left: -7px;
  4959. border-width: 5px 7px 0;
  4960. border-top-color: #d9e1e8
  4961. }
  4962. .dropdown-menu__arrow.bottom {
  4963. top: -5px;
  4964. margin-left: -7px;
  4965. border-width: 0 7px 5px;
  4966. border-bottom-color: #d9e1e8
  4967. }
  4968. .dropdown-menu__arrow.right {
  4969. left: -5px;
  4970. margin-top: -5px;
  4971. border-width: 5px 5px 5px 0;
  4972. border-right-color: #d9e1e8
  4973. }
  4974. .dropdown-menu__item a {
  4975. font-size: 13px;
  4976. line-height: 18px;
  4977. display: block;
  4978. padding: 4px 14px;
  4979. box-sizing: border-box;
  4980. text-decoration: none;
  4981. background: #d9e1e8;
  4982. color: #282c37;
  4983. overflow: hidden;
  4984. text-overflow: ellipsis;
  4985. white-space: nowrap
  4986. }
  4987. .dropdown-menu__item a:active,
  4988. .dropdown-menu__item a:focus,
  4989. .dropdown-menu__item a:hover {
  4990. background: #2b90d9;
  4991. color: #d9e1e8;
  4992. outline: 0
  4993. }
  4994. .dropdown--active .dropdown__content {
  4995. display: block;
  4996. line-height: 18px;
  4997. max-width: 311px;
  4998. right: 0;
  4999. text-align: left;
  5000. z-index: 9999
  5001. }
  5002. .dropdown--active .dropdown__content>ul {
  5003. list-style: none;
  5004. background: #d9e1e8;
  5005. padding: 4px 0;
  5006. border-radius: 4px;
  5007. box-shadow: 0 0 15px rgba(0, 0, 0, .4);
  5008. min-width: 140px;
  5009. position: relative
  5010. }
  5011. .dropdown--active .dropdown__content.dropdown__right {
  5012. right: 0
  5013. }
  5014. .dropdown--active .dropdown__content.dropdown__left>ul {
  5015. left: -98px
  5016. }
  5017. .dropdown--active .dropdown__content>ul>li>a {
  5018. font-size: 13px;
  5019. line-height: 18px;
  5020. display: block;
  5021. padding: 4px 14px;
  5022. box-sizing: border-box;
  5023. text-decoration: none;
  5024. background: #d9e1e8;
  5025. color: #282c37;
  5026. overflow: hidden;
  5027. text-overflow: ellipsis;
  5028. white-space: nowrap
  5029. }
  5030. .dropdown--active .dropdown__content>ul>li>a:focus {
  5031. outline: 0
  5032. }
  5033. .dropdown--active .dropdown__content>ul>li>a:hover {
  5034. background: #2b90d9;
  5035. color: #d9e1e8
  5036. }
  5037. .dropdown__icon {
  5038. vertical-align: middle
  5039. }
  5040. .columns-area {
  5041. display: flex;
  5042. flex: 1 1 auto;
  5043. flex-direction: row;
  5044. justify-content: flex-start;
  5045. overflow-x: auto;
  5046. position: relative
  5047. }
  5048. .columns-area.unscrollable {
  5049. overflow-x: hidden
  5050. }
  5051. .columns-area__panels {
  5052. display: flex;
  5053. justify-content: center;
  5054. width: 100%;
  5055. height: 100%;
  5056. min-height: 100vh
  5057. }
  5058. .columns-area__panels__pane {
  5059. height: 100%;
  5060. overflow: hidden;
  5061. pointer-events: none;
  5062. display: flex;
  5063. justify-content: flex-end;
  5064. min-width: 285px
  5065. }
  5066. .columns-area__panels__pane--start {
  5067. justify-content: flex-start
  5068. }
  5069. .columns-area__panels__pane__inner {
  5070. position: fixed;
  5071. width: 285px;
  5072. pointer-events: auto;
  5073. height: 100%
  5074. }
  5075. .columns-area__panels__main {
  5076. box-sizing: border-box;
  5077. width: 100%;
  5078. max-width: 600px;
  5079. flex: 0 0 auto;
  5080. display: flex;
  5081. flex-direction: column
  5082. }
  5083. @media screen and (min-width:415px) {
  5084. .columns-area__panels__main {
  5085. padding: 0 10px
  5086. }
  5087. }
  5088. .tabs-bar__wrapper {
  5089. background: #17191f;
  5090. position: -webkit-sticky;
  5091. position: sticky;
  5092. top: 0;
  5093. z-index: 2;
  5094. padding-top: 0
  5095. }
  5096. @media screen and (min-width:415px) {
  5097. .tabs-bar__wrapper {
  5098. padding-top: 10px
  5099. }
  5100. }
  5101. .tabs-bar__wrapper .tabs-bar {
  5102. margin-bottom: 0
  5103. }
  5104. @media screen and (min-width:415px) {
  5105. .tabs-bar__wrapper .tabs-bar {
  5106. margin-bottom: 10px
  5107. }
  5108. }
  5109. .react-swipeable-view-container,
  5110. .react-swipeable-view-container .column,
  5111. .react-swipeable-view-container .columns-area,
  5112. .react-swipeable-view-container .drawer {
  5113. height: 100%
  5114. }
  5115. .react-swipeable-view-container>* {
  5116. display: flex;
  5117. align-items: center;
  5118. justify-content: center;
  5119. height: 100%
  5120. }
  5121. .column {
  5122. width: 350px;
  5123. position: relative;
  5124. box-sizing: border-box;
  5125. display: flex;
  5126. flex-direction: column
  5127. }
  5128. .column>.scrollable {
  5129. background: #282c37
  5130. }
  5131. .ui {
  5132. flex: 0 0 auto;
  5133. flex-direction: column;
  5134. width: 100%;
  5135. height: 100%
  5136. }
  5137. .drawer,
  5138. .ui {
  5139. display: flex
  5140. }
  5141. .drawer {
  5142. width: 300px;
  5143. box-sizing: border-box;
  5144. flex-direction: column;
  5145. overflow-y: hidden
  5146. }
  5147. .drawer__tab {
  5148. display: block;
  5149. flex: 1 1 auto;
  5150. padding: 15px 5px 13px;
  5151. color: #9baec8;
  5152. text-decoration: none;
  5153. text-align: center;
  5154. font-size: 16px;
  5155. border-bottom: 2px solid transparent
  5156. }
  5157. .column,
  5158. .drawer {
  5159. flex: 1 1 100%;
  5160. overflow: hidden
  5161. }
  5162. @media screen and (min-width:631px) {
  5163. .columns-area {
  5164. padding: 0
  5165. }
  5166. .column,
  5167. .drawer {
  5168. flex: 0 0 auto;
  5169. padding: 10px 5px
  5170. }
  5171. .column:first-child,
  5172. .drawer:first-child {
  5173. padding-left: 10px
  5174. }
  5175. .column:last-child,
  5176. .drawer:last-child {
  5177. padding-right: 10px
  5178. }
  5179. .columns-area>div .column,
  5180. .columns-area>div .drawer {
  5181. padding-left: 5px;
  5182. padding-right: 5px
  5183. }
  5184. }
  5185. .tabs-bar {
  5186. box-sizing: border-box;
  5187. display: flex;
  5188. background: #393f4f;
  5189. flex: 0 0 auto;
  5190. overflow-y: auto
  5191. }
  5192. .tabs-bar__link {
  5193. display: block;
  5194. flex: 1 1 auto;
  5195. padding: 15px 10px 13px;
  5196. color: #fff;
  5197. text-decoration: none;
  5198. text-align: center;
  5199. font-size: 14px;
  5200. font-weight: 500;
  5201. border-bottom: 2px solid #393f4f;
  5202. transition: all 50ms linear;
  5203. transition-property: border-bottom, background, color
  5204. }
  5205. .tabs-bar__link .fa {
  5206. font-weight: 400;
  5207. font-size: 16px
  5208. }
  5209. @media screen and (min-width:631px) {
  5210. .tabs-bar__link:active,
  5211. .tabs-bar__link:focus,
  5212. .tabs-bar__link:hover {
  5213. background: #464d60;
  5214. border-bottom-color: #464d60
  5215. }
  5216. }
  5217. .tabs-bar__link.active {
  5218. border-bottom: 2px solid #2b90d9;
  5219. color: #2b90d9
  5220. }
  5221. .tabs-bar__link span {
  5222. margin-left: 5px;
  5223. display: none
  5224. }
  5225. @media screen and (min-width:600px) {
  5226. .tabs-bar__link span {
  5227. display: inline
  5228. }
  5229. }
  5230. .columns-area--mobile {
  5231. flex-direction: column;
  5232. width: 100%;
  5233. height: 100%;
  5234. margin: 0 auto
  5235. }
  5236. .columns-area--mobile .column,
  5237. .columns-area--mobile .drawer {
  5238. width: 100%;
  5239. height: 100%;
  5240. padding: 0
  5241. }
  5242. .columns-area--mobile .directory__list {
  5243. display: grid;
  5244. grid-gap: 10px;
  5245. grid-template-columns: minmax(0, 50%) minmax(0, 50%)
  5246. }
  5247. @media screen and (max-width:415px) {
  5248. .columns-area--mobile .directory__list {
  5249. display: block
  5250. }
  5251. }
  5252. .columns-area--mobile .directory__card {
  5253. margin-bottom: 0
  5254. }
  5255. .columns-area--mobile .filter-form {
  5256. display: flex
  5257. }
  5258. .columns-area--mobile .autosuggest-textarea__textarea {
  5259. font-size: 16px
  5260. }
  5261. .columns-area--mobile .search__input {
  5262. line-height: 18px;
  5263. font-size: 16px;
  5264. padding: 15px 30px 15px 15px
  5265. }
  5266. .columns-area--mobile .search__icon .fa {
  5267. top: 15px
  5268. }
  5269. .columns-area--mobile .scrollable {
  5270. overflow: visible
  5271. }
  5272. @supports(display:grid) {
  5273. .columns-area--mobile .scrollable {
  5274. contain: content
  5275. }
  5276. }
  5277. @media screen and (min-width:415px) {
  5278. .columns-area--mobile {
  5279. padding: 0 0 10px
  5280. }
  5281. }
  5282. @media screen and (min-width:630px) {
  5283. .columns-area--mobile .detailed-status {
  5284. padding: 15px
  5285. }
  5286. .columns-area--mobile .detailed-status .audio-player,
  5287. .columns-area--mobile .detailed-status .media-gallery,
  5288. .columns-area--mobile .detailed-status .video-player {
  5289. margin-top: 15px
  5290. }
  5291. .columns-area--mobile .account__header__bar {
  5292. padding: 5px 10px
  5293. }
  5294. .columns-area--mobile .compose-form,
  5295. .columns-area--mobile .navigation-bar {
  5296. padding: 15px
  5297. }
  5298. .columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper {
  5299. padding-top: 15px
  5300. }
  5301. .columns-area--mobile .status {
  5302. padding: 15px 15px 15px 78px;
  5303. min-height: 50px
  5304. }
  5305. .columns-area--mobile .status__avatar {
  5306. left: 15px;
  5307. top: 17px
  5308. }
  5309. .columns-area--mobile .status__content {
  5310. padding-top: 5px
  5311. }
  5312. .columns-area--mobile .status__prepend {
  5313. margin-left: 78px;
  5314. padding-top: 15px
  5315. }
  5316. .columns-area--mobile .status__prepend-icon-wrapper {
  5317. left: -32px
  5318. }
  5319. .columns-area--mobile .status .audio-player,
  5320. .columns-area--mobile .status .media-gallery,
  5321. .columns-area--mobile .status .video-player,
  5322. .columns-area--mobile .status__action-bar {
  5323. margin-top: 10px
  5324. }
  5325. .columns-area--mobile .account {
  5326. padding: 15px 10px
  5327. }
  5328. .columns-area--mobile .account__header__bio {
  5329. margin: 0 -10px
  5330. }
  5331. .columns-area--mobile .notification__message {
  5332. margin-left: 78px;
  5333. padding-top: 15px
  5334. }
  5335. .columns-area--mobile .notification__favourite-icon-wrapper {
  5336. left: -32px
  5337. }
  5338. .columns-area--mobile .notification .account,
  5339. .columns-area--mobile .notification .status {
  5340. padding-top: 8px
  5341. }
  5342. .columns-area--mobile .notification .account__avatar-wrapper {
  5343. margin-left: 17px;
  5344. margin-right: 15px
  5345. }
  5346. }
  5347. .floating-action-button {
  5348. position: fixed;
  5349. display: flex;
  5350. justify-content: center;
  5351. align-items: center;
  5352. width: 3.9375rem;
  5353. height: 3.9375rem;
  5354. bottom: 1.3125rem;
  5355. right: 1.3125rem;
  5356. background: #2588d0;
  5357. color: #fff;
  5358. border-radius: 50%;
  5359. font-size: 21px;
  5360. line-height: 21px;
  5361. text-decoration: none;
  5362. box-shadow: 2px 3px 9px rgba(0, 0, 0, .4)
  5363. }
  5364. .floating-action-button:active,
  5365. .floating-action-button:focus,
  5366. .floating-action-button:hover {
  5367. background: #49a0de
  5368. }
  5369. @media screen and (min-width:415px) {
  5370. .tabs-bar {
  5371. width: 100%
  5372. }
  5373. .react-swipeable-view-container .columns-area--mobile {
  5374. height: calc(100% - 10px)!important
  5375. }
  5376. .getting-started__wrapper,
  5377. .search {
  5378. margin-bottom: 10px
  5379. }
  5380. }
  5381. @media screen and (max-width:895px) {
  5382. .columns-area__panels__pane--compositional {
  5383. display: none
  5384. }
  5385. }
  5386. @media screen and (min-width:895px) {
  5387. .floating-action-button,
  5388. .search-page .search,
  5389. .tabs-bar__link.optional {
  5390. display: none
  5391. }
  5392. }
  5393. @media screen and (max-width:1190px) {
  5394. .columns-area__panels__pane--navigational {
  5395. display: none
  5396. }
  5397. }
  5398. @media screen and (min-width:1190px) {
  5399. .tabs-bar {
  5400. display: none
  5401. }
  5402. }
  5403. .icon-with-badge {
  5404. position: relative
  5405. }
  5406. .icon-with-badge__badge {
  5407. position: absolute;
  5408. left: 9px;
  5409. top: -13px;
  5410. background: #2b90d9;
  5411. border: 2px solid #393f4f;
  5412. padding: 1px 6px;
  5413. border-radius: 6px;
  5414. font-size: 10px;
  5415. font-weight: 500;
  5416. line-height: 14px;
  5417. color: #fff
  5418. }
  5419. .icon-with-badge__issue-badge {
  5420. position: absolute;
  5421. left: 11px;
  5422. bottom: 1px;
  5423. display: block;
  5424. background: #df405a;
  5425. border-radius: 50%;
  5426. width: .625rem;
  5427. height: .625rem
  5428. }
  5429. .column-link--transparent .icon-with-badge__badge {
  5430. border-color: #17191f
  5431. }
  5432. .compose-panel {
  5433. width: 285px;
  5434. margin-top: 10px;
  5435. display: flex;
  5436. flex-direction: column;
  5437. height: calc(100% - 10px);
  5438. overflow-y: hidden
  5439. }
  5440. .compose-panel .navigation-bar {
  5441. padding-top: 20px;
  5442. padding-bottom: 20px;
  5443. flex: 0 1 48px;
  5444. min-height: 20px
  5445. }
  5446. .compose-panel .flex-spacer {
  5447. background: transparent
  5448. }
  5449. .compose-panel .compose-form {
  5450. flex: 1;
  5451. overflow-y: hidden;
  5452. display: flex;
  5453. flex-direction: column;
  5454. min-height: 310px;
  5455. padding-bottom: 71px;
  5456. margin-bottom: -71px
  5457. }
  5458. .compose-panel .compose-form__autosuggest-wrapper {
  5459. overflow-y: auto;
  5460. background-color: #fff;
  5461. border-radius: 4px 4px 0 0;
  5462. flex: 0 1 auto
  5463. }
  5464. .compose-panel .autosuggest-textarea__textarea {
  5465. overflow-y: hidden
  5466. }
  5467. .compose-panel .compose-form__upload-thumbnail {
  5468. height: 80px
  5469. }
  5470. .navigation-panel {
  5471. margin-top: 10px;
  5472. margin-bottom: 10px;
  5473. height: calc(100% - 20px);
  5474. overflow-y: auto;
  5475. display: flex;
  5476. flex-direction: column
  5477. }
  5478. .navigation-panel>a {
  5479. flex: 0 0 auto
  5480. }
  5481. .navigation-panel hr {
  5482. flex: 0 0 auto;
  5483. border: 0;
  5484. border-top: 1px solid #313543;
  5485. margin: 10px 0
  5486. }
  5487. .navigation-panel .flex-spacer,
  5488. .navigation-panel hr {
  5489. background: transparent
  5490. }
  5491. .drawer__pager {
  5492. flex-grow: 1;
  5493. position: relative
  5494. }
  5495. .drawer__inner,
  5496. .drawer__pager {
  5497. box-sizing: border-box;
  5498. padding: 0;
  5499. overflow: hidden;
  5500. display: flex
  5501. }
  5502. .drawer__inner {
  5503. position: absolute;
  5504. top: 0;
  5505. left: 0;
  5506. background: #444b5d;
  5507. flex-direction: column;
  5508. overflow-y: auto;
  5509. width: 100%;
  5510. height: 100%
  5511. }
  5512. .drawer__inner.darker {
  5513. background: #282c37
  5514. }
  5515. .drawer__inner__mastodon {
  5516. background: #444b5d 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="%23282C37"/></svg>') no-repeat bottom/100% auto;
  5517. flex: 1;
  5518. min-height: 47px;
  5519. display: none
  5520. }
  5521. .drawer__inner__mastodon>img {
  5522. display: block;
  5523. -o-object-fit: contain;
  5524. font-family: "object-fit:contain;object-position:bottom left";
  5525. object-fit: contain;
  5526. -o-object-position: bottom left;
  5527. object-position: bottom left;
  5528. width: 85%;
  5529. height: 100%;
  5530. pointer-events: none;
  5531. user-drag: none;
  5532. -webkit-user-select: none;
  5533. -moz-user-select: none;
  5534. -ms-user-select: none;
  5535. user-select: none
  5536. }
  5537. @media screen and (min-height:640px) {
  5538. .drawer__inner__mastodon {
  5539. display: block
  5540. }
  5541. }
  5542. .pseudo-drawer {
  5543. background: #444b5d;
  5544. font-size: 13px;
  5545. text-align: left
  5546. }
  5547. .drawer__header {
  5548. flex: 0 0 auto;
  5549. font-size: 16px;
  5550. background: #393f4f;
  5551. margin-bottom: 10px;
  5552. display: flex;
  5553. flex-direction: row
  5554. }
  5555. .drawer__header a {
  5556. transition: background .1s ease-in
  5557. }
  5558. .drawer__header a:hover {
  5559. background: #2e3340;
  5560. transition: background .2s ease-out
  5561. }
  5562. .scrollable {
  5563. overflow-y: scroll;
  5564. overflow-x: hidden;
  5565. flex: 1 1 auto;
  5566. -webkit-overflow-scrolling: touch
  5567. }
  5568. .scrollable.optionally-scrollable {
  5569. overflow-y: auto
  5570. }
  5571. @supports(display:grid) {
  5572. .scrollable {
  5573. contain: strict
  5574. }
  5575. }
  5576. .scrollable--flex {
  5577. display: flex;
  5578. flex-direction: column
  5579. }
  5580. .scrollable__append {
  5581. flex: 1 1 auto;
  5582. position: relative;
  5583. min-height: 120px
  5584. }
  5585. @supports(display:grid) {
  5586. .scrollable.fullscreen {
  5587. contain: none
  5588. }
  5589. }
  5590. .column-back-button {
  5591. box-sizing: border-box;
  5592. width: 100%;
  5593. background: #313543;
  5594. color: #2b90d9;
  5595. cursor: pointer;
  5596. flex: 0 0 auto;
  5597. font-size: 16px;
  5598. line-height: inherit;
  5599. border: 0;
  5600. text-align: unset;
  5601. padding: 15px;
  5602. margin: 0;
  5603. z-index: 3;
  5604. outline: 0
  5605. }
  5606. .column-back-button:hover {
  5607. text-decoration: underline
  5608. }
  5609. .column-header__back-button {
  5610. background: #313543;
  5611. border: 0;
  5612. font-family: inherit;
  5613. color: #2b90d9;
  5614. cursor: pointer;
  5615. white-space: nowrap;
  5616. font-size: 16px;
  5617. padding: 0 5px 0 0;
  5618. z-index: 3
  5619. }
  5620. .column-header__back-button:hover {
  5621. text-decoration: underline
  5622. }
  5623. .column-header__back-button:last-child {
  5624. padding: 0 15px 0 0
  5625. }
  5626. .column-back-button__icon {
  5627. display: inline-block;
  5628. margin-right: 5px
  5629. }
  5630. .column-back-button--slim {
  5631. position: relative
  5632. }
  5633. .column-back-button--slim-button {
  5634. cursor: pointer;
  5635. flex: 0 0 auto;
  5636. font-size: 16px;
  5637. padding: 15px;
  5638. position: absolute;
  5639. right: 0;
  5640. top: -48px
  5641. }
  5642. .react-toggle {
  5643. display: inline-block;
  5644. position: relative;
  5645. cursor: pointer;
  5646. background-color: transparent;
  5647. border: 0;
  5648. padding: 0;
  5649. -webkit-user-select: none;
  5650. -moz-user-select: none;
  5651. -ms-user-select: none;
  5652. user-select: none;
  5653. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5654. -webkit-tap-highlight-color: transparent
  5655. }
  5656. .react-toggle-screenreader-only {
  5657. border: 0;
  5658. clip: rect(0 0 0 0);
  5659. height: 1px;
  5660. margin: -1px;
  5661. overflow: hidden;
  5662. padding: 0;
  5663. position: absolute;
  5664. width: 1px
  5665. }
  5666. .react-toggle--disabled {
  5667. cursor: not-allowed;
  5668. opacity: .5;
  5669. transition: opacity .25s
  5670. }
  5671. .react-toggle-track {
  5672. width: 50px;
  5673. height: 24px;
  5674. padding: 0;
  5675. border-radius: 30px;
  5676. background-color: #282c37;
  5677. transition: background-color .2s ease
  5678. }
  5679. .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  5680. background-color: #131419
  5681. }
  5682. .react-toggle--checked .react-toggle-track {
  5683. background-color: #2b90d9
  5684. }
  5685. .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  5686. background-color: #56a7e1
  5687. }
  5688. .react-toggle-track-check {
  5689. position: absolute;
  5690. width: 14px;
  5691. height: 10px;
  5692. top: 0;
  5693. bottom: 0;
  5694. margin-top: auto;
  5695. margin-bottom: auto;
  5696. line-height: 0;
  5697. left: 8px;
  5698. opacity: 0;
  5699. transition: opacity .25s ease
  5700. }
  5701. .react-toggle--checked .react-toggle-track-check,
  5702. .react-toggle-track-x {
  5703. opacity: 1;
  5704. transition: opacity .25s ease
  5705. }
  5706. .react-toggle-track-x {
  5707. position: absolute;
  5708. width: 10px;
  5709. height: 10px;
  5710. top: 0;
  5711. bottom: 0;
  5712. margin-top: auto;
  5713. margin-bottom: auto;
  5714. line-height: 0;
  5715. right: 10px
  5716. }
  5717. .react-toggle--checked .react-toggle-track-x {
  5718. opacity: 0
  5719. }
  5720. .react-toggle-thumb {
  5721. position: absolute;
  5722. top: 1px;
  5723. left: 1px;
  5724. width: 22px;
  5725. height: 22px;
  5726. border: 1px solid #282c37;
  5727. border-radius: 50%;
  5728. background-color: #fafafa;
  5729. box-sizing: border-box;
  5730. transition: all .25s ease;
  5731. transition-property: border-color, left
  5732. }
  5733. .react-toggle--checked .react-toggle-thumb {
  5734. left: 27px;
  5735. border-color: #2b90d9
  5736. }
  5737. .column-link {
  5738. background: #393f4f;
  5739. color: #fff;
  5740. display: block;
  5741. font-size: 16px;
  5742. padding: 15px;
  5743. text-decoration: none
  5744. }
  5745. .column-link:active,
  5746. .column-link:focus,
  5747. .column-link:hover {
  5748. background: #404657
  5749. }
  5750. .column-link:focus {
  5751. outline: 0
  5752. }
  5753. .column-link--transparent {
  5754. background: transparent;
  5755. color: #d9e1e8
  5756. }
  5757. .column-link--transparent:active,
  5758. .column-link--transparent:focus,
  5759. .column-link--transparent:hover {
  5760. background: transparent;
  5761. color: #fff
  5762. }
  5763. .column-link--transparent.active {
  5764. color: #2b90d9
  5765. }
  5766. .column-link__icon {
  5767. display: inline-block;
  5768. margin-right: 5px
  5769. }
  5770. .column-link__badge {
  5771. display: inline-block;
  5772. border-radius: 4px;
  5773. line-height: 19px;
  5774. padding: 4px 8px;
  5775. margin: -6px 10px
  5776. }
  5777. .column-link__badge,
  5778. .column-subheading {
  5779. font-size: 12px;
  5780. font-weight: 500;
  5781. background: #282c37
  5782. }
  5783. .column-subheading {
  5784. color: #606984;
  5785. padding: 8px 20px;
  5786. text-transform: uppercase;
  5787. cursor: default
  5788. }
  5789. .flex-spacer,
  5790. .getting-started,
  5791. .getting-started__wrapper {
  5792. background: #282c37
  5793. }
  5794. .getting-started__wrapper {
  5795. flex: 0 0 auto
  5796. }
  5797. .flex-spacer {
  5798. flex: 1 1 auto
  5799. }
  5800. .getting-started {
  5801. color: #606984;
  5802. overflow: auto
  5803. }
  5804. .getting-started__footer {
  5805. flex: 0 0 auto;
  5806. padding: 20px 10px 10px
  5807. }
  5808. .getting-started__footer ul {
  5809. margin-bottom: 10px
  5810. }
  5811. .getting-started__footer ul li {
  5812. display: inline
  5813. }
  5814. .getting-started__footer p {
  5815. color: #606984;
  5816. font-size: 13px;
  5817. margin-bottom: 20px
  5818. }
  5819. .getting-started__footer p a {
  5820. color: #606984;
  5821. text-decoration: underline
  5822. }
  5823. .getting-started__footer a {
  5824. text-decoration: none;
  5825. color: #9baec8
  5826. }
  5827. .getting-started__footer a:active,
  5828. .getting-started__footer a:focus,
  5829. .getting-started__footer a:hover {
  5830. text-decoration: underline
  5831. }
  5832. .getting-started__trends {
  5833. flex: 0 1 auto;
  5834. opacity: 1;
  5835. -webkit-animation: fade .15s linear;
  5836. animation: fade .15s linear;
  5837. margin-top: 10px
  5838. }
  5839. .getting-started__trends h4 {
  5840. font-size: 12px;
  5841. text-transform: uppercase;
  5842. color: #9baec8;
  5843. padding: 10px;
  5844. font-weight: 500;
  5845. border-bottom: 1px solid #393f4f
  5846. }
  5847. @media screen and (max-height:810px) {
  5848. .getting-started__trends .trends__item:nth-child(3) {
  5849. display: none
  5850. }
  5851. }
  5852. @media screen and (max-height:720px) {
  5853. .getting-started__trends .trends__item:nth-child(2) {
  5854. display: none
  5855. }
  5856. }
  5857. @media screen and (max-height:670px) {
  5858. .getting-started__trends {
  5859. display: none
  5860. }
  5861. }
  5862. .getting-started__trends .trends__item {
  5863. border-bottom: 0;
  5864. padding: 10px
  5865. }
  5866. .getting-started__trends .trends__item__current {
  5867. color: #9baec8
  5868. }
  5869. .keyboard-shortcuts {
  5870. padding: 8px 0 0;
  5871. overflow: hidden
  5872. }
  5873. .keyboard-shortcuts thead {
  5874. position: absolute;
  5875. left: -9999px
  5876. }
  5877. .keyboard-shortcuts td {
  5878. padding: 0 10px 8px
  5879. }
  5880. .keyboard-shortcuts kbd {
  5881. display: inline-block;
  5882. padding: 3px 5px;
  5883. background-color: #393f4f;
  5884. border: 1px solid #1f232b
  5885. }
  5886. .setting-text {
  5887. display: block;
  5888. box-sizing: border-box;
  5889. width: 100%;
  5890. margin: 0;
  5891. color: #282c37;
  5892. background: #fff;
  5893. padding: 10px;
  5894. font-family: inherit;
  5895. font-size: 14px;
  5896. resize: vertical;
  5897. border: 0;
  5898. outline: 0;
  5899. border-radius: 4px
  5900. }
  5901. .setting-text:focus {
  5902. outline: 0
  5903. }
  5904. @media screen and (max-width:600px) {
  5905. .setting-text {
  5906. font-size: 16px
  5907. }
  5908. }
  5909. button.icon-button i.fa-retweet {
  5910. background-position: 0 0;
  5911. height: 19px;
  5912. transition: background-position .9s steps(10);
  5913. transition-duration: 0s;
  5914. vertical-align: middle;
  5915. width: 22px
  5916. }
  5917. button.icon-button i.fa-retweet:before {
  5918. display: none!important
  5919. }
  5920. button.icon-button.active i.fa-retweet {
  5921. transition-duration: .9s;
  5922. background-position: 0 100%
  5923. }
  5924. .reduce-motion button.icon-button.active i.fa-retweet,
  5925. .reduce-motion button.icon-button i.fa-retweet {
  5926. transition: none
  5927. }
  5928. .status-card {
  5929. position: relative;
  5930. display: flex;
  5931. font-size: 14px;
  5932. border: 1px solid #393f4f;
  5933. border-radius: 4px;
  5934. color: #606984;
  5935. margin-top: 14px;
  5936. text-decoration: none;
  5937. overflow: hidden
  5938. }
  5939. .status-card__actions {
  5940. bottom: 0;
  5941. left: 0;
  5942. position: absolute;
  5943. right: 0;
  5944. top: 0
  5945. }
  5946. .status-card__actions,
  5947. .status-card__actions>div {
  5948. display: flex;
  5949. justify-content: center;
  5950. align-items: center
  5951. }
  5952. .status-card__actions>div {
  5953. background: rgba(0, 0, 0, .6);
  5954. border-radius: 8px;
  5955. padding: 12px 9px;
  5956. flex: 0 0 auto
  5957. }
  5958. .status-card__actions a,
  5959. .status-card__actions button {
  5960. display: inline;
  5961. color: #d9e1e8;
  5962. background: transparent;
  5963. border: 0;
  5964. padding: 0 8px;
  5965. text-decoration: none;
  5966. font-size: 18px;
  5967. line-height: 18px
  5968. }
  5969. .status-card__actions a:active,
  5970. .status-card__actions a:focus,
  5971. .status-card__actions a:hover,
  5972. .status-card__actions button:active,
  5973. .status-card__actions button:focus,
  5974. .status-card__actions button:hover {
  5975. color: #fff
  5976. }
  5977. .status-card__actions a {
  5978. font-size: 19px;
  5979. position: relative;
  5980. bottom: -1px
  5981. }
  5982. a.status-card {
  5983. cursor: pointer
  5984. }
  5985. a.status-card:hover {
  5986. background: #393f4f
  5987. }
  5988. .status-card-photo {
  5989. cursor: zoom-in;
  5990. display: block;
  5991. text-decoration: none;
  5992. width: 100%;
  5993. height: auto;
  5994. margin: 0
  5995. }
  5996. .status-card-video iframe {
  5997. width: 100%;
  5998. height: 100%
  5999. }
  6000. .status-card__title {
  6001. display: block;
  6002. font-weight: 500;
  6003. margin-bottom: 5px;
  6004. color: #9baec8;
  6005. overflow: hidden;
  6006. text-overflow: ellipsis;
  6007. white-space: nowrap;
  6008. text-decoration: none
  6009. }
  6010. .status-card__content {
  6011. flex: 1 1 auto;
  6012. overflow: hidden;
  6013. padding: 14px 14px 14px 8px
  6014. }
  6015. .status-card__description {
  6016. color: #9baec8
  6017. }
  6018. .status-card__host {
  6019. display: block;
  6020. margin-top: 5px;
  6021. font-size: 13px;
  6022. overflow: hidden;
  6023. text-overflow: ellipsis;
  6024. white-space: nowrap
  6025. }
  6026. .status-card__image {
  6027. flex: 0 0 100px;
  6028. background: #393f4f;
  6029. position: relative
  6030. }
  6031. .status-card__image>.fa {
  6032. font-size: 21px;
  6033. position: absolute;
  6034. transform-origin: 50% 50%;
  6035. top: 50%;
  6036. left: 50%;
  6037. transform: translate(-50%, -50%)
  6038. }
  6039. .status-card.horizontal {
  6040. display: block
  6041. }
  6042. .status-card.horizontal .status-card__image {
  6043. width: 100%
  6044. }
  6045. .status-card.horizontal .status-card__image-image,
  6046. .status-card.horizontal .status-card__image-preview {
  6047. border-radius: 4px 4px 0 0
  6048. }
  6049. .status-card.horizontal .status-card__title {
  6050. white-space: inherit
  6051. }
  6052. .status-card.compact {
  6053. border-color: #313543
  6054. }
  6055. .status-card.compact.interactive {
  6056. border: 0
  6057. }
  6058. .status-card.compact .status-card__content {
  6059. padding: 10px 8px 8px
  6060. }
  6061. .status-card.compact .status-card__title {
  6062. white-space: nowrap
  6063. }
  6064. .status-card.compact .status-card__image {
  6065. flex: 0 0 60px
  6066. }
  6067. a.status-card.compact:hover {
  6068. background-color: #313543
  6069. }
  6070. .status-card__image-image {
  6071. -o-object-fit: cover;
  6072. font-family: "object-fit:cover";
  6073. object-fit: cover;
  6074. background-size: cover;
  6075. background-position: 50%
  6076. }
  6077. .status-card__image-image,
  6078. .status-card__image-preview {
  6079. border-radius: 4px 0 0 4px;
  6080. display: block;
  6081. margin: 0;
  6082. width: 100%;
  6083. height: 100%
  6084. }
  6085. .status-card__image-preview {
  6086. -o-object-fit: fill;
  6087. font-family: "object-fit:fill";
  6088. object-fit: fill;
  6089. position: absolute;
  6090. top: 0;
  6091. left: 0;
  6092. z-index: 0;
  6093. background: #000
  6094. }
  6095. .status-card__image-preview--hidden {
  6096. display: none
  6097. }
  6098. .load-more {
  6099. display: block;
  6100. color: #606984;
  6101. background-color: transparent;
  6102. border: 0;
  6103. font-size: inherit;
  6104. text-align: center;
  6105. line-height: inherit;
  6106. margin: 0;
  6107. padding: 15px;
  6108. box-sizing: border-box;
  6109. width: 100%;
  6110. clear: both;
  6111. text-decoration: none
  6112. }
  6113. .load-more:hover {
  6114. background: #2c313d
  6115. }
  6116. .load-gap {
  6117. border-bottom: 1px solid #393f4f
  6118. }
  6119. .timeline-hint {
  6120. text-align: center;
  6121. color: #9baec8;
  6122. padding: 15px;
  6123. box-sizing: border-box;
  6124. width: 100%;
  6125. cursor: default
  6126. }
  6127. .timeline-hint strong {
  6128. font-weight: 500
  6129. }
  6130. .timeline-hint a {
  6131. color: #4ea2df;
  6132. text-decoration: none
  6133. }
  6134. .timeline-hint a:active,
  6135. .timeline-hint a:focus,
  6136. .timeline-hint a:hover {
  6137. text-decoration: underline;
  6138. color: #5fabe2
  6139. }
  6140. .regeneration-indicator {
  6141. text-align: center;
  6142. font-size: 16px;
  6143. font-weight: 500;
  6144. color: #606984;
  6145. background: #282c37;
  6146. cursor: default;
  6147. display: flex;
  6148. flex: 1 1 auto;
  6149. flex-direction: column;
  6150. align-items: center;
  6151. justify-content: center;
  6152. padding: 20px
  6153. }
  6154. .regeneration-indicator__figure,
  6155. .regeneration-indicator__figure img {
  6156. display: block;
  6157. width: auto;
  6158. height: 160px;
  6159. margin: 0
  6160. }
  6161. .regeneration-indicator--without-header {
  6162. padding-top: 68px
  6163. }
  6164. .regeneration-indicator__label {
  6165. margin-top: 30px
  6166. }
  6167. .regeneration-indicator__label strong {
  6168. display: block;
  6169. margin-bottom: 10px;
  6170. color: #606984
  6171. }
  6172. .regeneration-indicator__label span {
  6173. font-size: 15px;
  6174. font-weight: 400
  6175. }
  6176. .column-header__wrapper {
  6177. position: relative;
  6178. flex: 0 0 auto;
  6179. z-index: 1
  6180. }
  6181. .column-header__wrapper.active {
  6182. box-shadow: 0 1px 0 rgba(43, 144, 217, .3)
  6183. }
  6184. .column-header__wrapper.active:before {
  6185. display: block;
  6186. content: "";
  6187. position: absolute;
  6188. bottom: -13px;
  6189. left: 0;
  6190. right: 0;
  6191. margin: 0 auto;
  6192. width: 60%;
  6193. pointer-events: none;
  6194. height: 28px;
  6195. z-index: 1;
  6196. background: radial-gradient(ellipse, rgba(43, 144, 217, .23) 0, rgba(43, 144, 217, 0) 60%)
  6197. }
  6198. .column-header__wrapper .announcements {
  6199. z-index: 1;
  6200. position: relative
  6201. }
  6202. .column-header {
  6203. display: flex;
  6204. font-size: 16px;
  6205. background: #313543;
  6206. flex: 0 0 auto;
  6207. cursor: pointer;
  6208. position: relative;
  6209. z-index: 2;
  6210. outline: 0;
  6211. overflow: hidden
  6212. }
  6213. .column-header>button {
  6214. margin: 0;
  6215. border: 0;
  6216. padding: 15px 0 15px 15px;
  6217. color: inherit;
  6218. background: transparent;
  6219. font: inherit;
  6220. text-align: left;
  6221. text-overflow: ellipsis;
  6222. overflow: hidden;
  6223. white-space: nowrap;
  6224. flex: 1
  6225. }
  6226. .column-header>.column-header__back-button {
  6227. color: #2b90d9
  6228. }
  6229. .column-header.active .column-header__icon {
  6230. color: #2b90d9;
  6231. text-shadow: 0 0 10px rgba(43, 144, 217, .4)
  6232. }
  6233. .column-header:active,
  6234. .column-header:focus {
  6235. outline: 0
  6236. }
  6237. .column-header__buttons {
  6238. height: 48px;
  6239. display: flex
  6240. }
  6241. .column-header__links {
  6242. margin-bottom: 14px
  6243. }
  6244. .column-header__links .text-btn {
  6245. margin-right: 10px
  6246. }
  6247. .column-header__button {
  6248. background: #313543;
  6249. border: 0;
  6250. color: #9baec8;
  6251. cursor: pointer;
  6252. font-size: 16px;
  6253. padding: 0 15px
  6254. }
  6255. .column-header__button:hover {
  6256. color: #b2c1d5
  6257. }
  6258. .column-header__button.active,
  6259. .column-header__button.active:hover {
  6260. color: #fff;
  6261. background: #393f4f
  6262. }
  6263. .column-header__collapsible {
  6264. max-height: 70vh;
  6265. overflow: hidden;
  6266. overflow-y: auto;
  6267. color: #9baec8;
  6268. transition: max-height .15s ease-in-out, opacity .3s linear;
  6269. opacity: 1;
  6270. z-index: 1;
  6271. position: relative
  6272. }
  6273. .column-header__collapsible.collapsed {
  6274. max-height: 0;
  6275. opacity: .5
  6276. }
  6277. .column-header__collapsible.animating {
  6278. overflow-y: hidden
  6279. }
  6280. .column-header__collapsible hr {
  6281. height: 0;
  6282. background: transparent;
  6283. border: 0;
  6284. border-top: 1px solid #42485a;
  6285. margin: 10px 0
  6286. }
  6287. .column-header__collapsible-inner {
  6288. background: #393f4f;
  6289. padding: 15px
  6290. }
  6291. .column-header__setting-btn:hover {
  6292. color: #9baec8;
  6293. text-decoration: underline
  6294. }
  6295. .column-header__permission-btn {
  6296. display: inline;
  6297. font-weight: inherit;
  6298. text-decoration: underline
  6299. }
  6300. .column-header__setting-arrows {
  6301. float: right
  6302. }
  6303. .column-header__setting-arrows .column-header__setting-btn {
  6304. padding: 0 10px
  6305. }
  6306. .column-header__setting-arrows .column-header__setting-btn:last-child {
  6307. padding-right: 0
  6308. }
  6309. .text-btn {
  6310. display: inline-block;
  6311. padding: 0;
  6312. font-family: inherit;
  6313. font-size: inherit;
  6314. color: inherit;
  6315. border: 0;
  6316. background: transparent;
  6317. cursor: pointer
  6318. }
  6319. .column-header__issue-btn {
  6320. color: #ff5050
  6321. }
  6322. .column-header__issue-btn:hover {
  6323. color: #df405a;
  6324. text-decoration: underline
  6325. }
  6326. .column-header__icon {
  6327. display: inline-block;
  6328. margin-right: 5px
  6329. }
  6330. .loading-indicator {
  6331. color: #606984;
  6332. font-size: 12px;
  6333. font-weight: 400;
  6334. text-transform: uppercase;
  6335. overflow: visible;
  6336. position: absolute;
  6337. top: 50%;
  6338. left: 50%;
  6339. transform: translate(-50%, -50%)
  6340. }
  6341. .loading-indicator span {
  6342. display: block;
  6343. float: left;
  6344. transform: translateX(-50%);
  6345. margin: 82px 0 0 50%;
  6346. white-space: nowrap
  6347. }
  6348. .loading-indicator__figure {
  6349. position: absolute;
  6350. top: 50%;
  6351. left: 50%;
  6352. transform: translate(-50%, -50%);
  6353. width: 42px;
  6354. height: 42px;
  6355. box-sizing: border-box;
  6356. background-color: transparent;
  6357. border: 6px solid #606984;
  6358. border-radius: 50%
  6359. }
  6360. .no-reduce-motion .loading-indicator span {
  6361. -webkit-animation: loader-label 1.15s cubic-bezier(.215, .61, .355, 1) infinite;
  6362. animation: loader-label 1.15s cubic-bezier(.215, .61, .355, 1) infinite
  6363. }
  6364. .no-reduce-motion .loading-indicator__figure {
  6365. -webkit-animation: loader-figure 1.15s cubic-bezier(.215, .61, .355, 1) infinite;
  6366. animation: loader-figure 1.15s cubic-bezier(.215, .61, .355, 1) infinite
  6367. }
  6368. @-webkit-keyframes spring-rotate-in {
  6369. 0% {
  6370. transform: rotate(0deg)
  6371. }
  6372. 30% {
  6373. transform: rotate(-484.8deg)
  6374. }
  6375. 60% {
  6376. transform: rotate(-316.7deg)
  6377. }
  6378. 90% {
  6379. transform: rotate(-375deg)
  6380. }
  6381. to {
  6382. transform: rotate(-1turn)
  6383. }
  6384. }
  6385. @keyframes spring-rotate-in {
  6386. 0% {
  6387. transform: rotate(0deg)
  6388. }
  6389. 30% {
  6390. transform: rotate(-484.8deg)
  6391. }
  6392. 60% {
  6393. transform: rotate(-316.7deg)
  6394. }
  6395. 90% {
  6396. transform: rotate(-375deg)
  6397. }
  6398. to {
  6399. transform: rotate(-1turn)
  6400. }
  6401. }
  6402. @-webkit-keyframes spring-rotate-out {
  6403. 0% {
  6404. transform: rotate(-1turn)
  6405. }
  6406. 30% {
  6407. transform: rotate(124.8deg)
  6408. }
  6409. 60% {
  6410. transform: rotate(-43.27deg)
  6411. }
  6412. 90% {
  6413. transform: rotate(15deg)
  6414. }
  6415. to {
  6416. transform: rotate(0deg)
  6417. }
  6418. }
  6419. @keyframes spring-rotate-out {
  6420. 0% {
  6421. transform: rotate(-1turn)
  6422. }
  6423. 30% {
  6424. transform: rotate(124.8deg)
  6425. }
  6426. 60% {
  6427. transform: rotate(-43.27deg)
  6428. }
  6429. 90% {
  6430. transform: rotate(15deg)
  6431. }
  6432. to {
  6433. transform: rotate(0deg)
  6434. }
  6435. }
  6436. @-webkit-keyframes loader-figure {
  6437. 0% {
  6438. width: 0;
  6439. height: 0;
  6440. background-color: #606984
  6441. }
  6442. 29% {
  6443. background-color: #606984
  6444. }
  6445. 30% {
  6446. width: 42px;
  6447. height: 42px;
  6448. background-color: transparent;
  6449. border-width: 21px;
  6450. opacity: 1
  6451. }
  6452. to {
  6453. width: 42px;
  6454. height: 42px;
  6455. border-width: 0;
  6456. opacity: 0;
  6457. background-color: transparent
  6458. }
  6459. }
  6460. @keyframes loader-figure {
  6461. 0% {
  6462. width: 0;
  6463. height: 0;
  6464. background-color: #606984
  6465. }
  6466. 29% {
  6467. background-color: #606984
  6468. }
  6469. 30% {
  6470. width: 42px;
  6471. height: 42px;
  6472. background-color: transparent;
  6473. border-width: 21px;
  6474. opacity: 1
  6475. }
  6476. to {
  6477. width: 42px;
  6478. height: 42px;
  6479. border-width: 0;
  6480. opacity: 0;
  6481. background-color: transparent
  6482. }
  6483. }
  6484. @-webkit-keyframes loader-label {
  6485. 0% {
  6486. opacity: .25
  6487. }
  6488. 30% {
  6489. opacity: 1
  6490. }
  6491. to {
  6492. opacity: .25
  6493. }
  6494. }
  6495. @keyframes loader-label {
  6496. 0% {
  6497. opacity: .25
  6498. }
  6499. 30% {
  6500. opacity: 1
  6501. }
  6502. to {
  6503. opacity: .25
  6504. }
  6505. }
  6506. .video-error-cover {
  6507. align-items: center;
  6508. background: #000;
  6509. color: #fff;
  6510. cursor: pointer;
  6511. display: flex;
  6512. flex-direction: column;
  6513. height: 100%;
  6514. justify-content: center;
  6515. margin-top: 8px;
  6516. position: relative;
  6517. text-align: center;
  6518. z-index: 100
  6519. }
  6520. .media-spoiler {
  6521. background: #000;
  6522. color: #9baec8;
  6523. border: 0;
  6524. padding: 0;
  6525. width: 100%;
  6526. height: 100%;
  6527. border-radius: 4px;
  6528. -webkit-appearance: none;
  6529. -moz-appearance: none;
  6530. appearance: none
  6531. }
  6532. .media-spoiler:active,
  6533. .media-spoiler:focus,
  6534. .media-spoiler:hover {
  6535. padding: 0;
  6536. color: #b5c3d6
  6537. }
  6538. .media-spoiler__warning {
  6539. display: block;
  6540. font-size: 14px
  6541. }
  6542. .media-spoiler__trigger {
  6543. display: block;
  6544. font-size: 11px;
  6545. font-weight: 700
  6546. }
  6547. .spoiler-button {
  6548. top: 0;
  6549. left: 0;
  6550. width: 100%;
  6551. height: 100%;
  6552. position: absolute;
  6553. z-index: 100
  6554. }
  6555. .spoiler-button--minified {
  6556. display: block;
  6557. left: 4px;
  6558. top: 4px;
  6559. width: auto;
  6560. height: auto
  6561. }
  6562. .spoiler-button--click-thru {
  6563. pointer-events: none
  6564. }
  6565. .spoiler-button--hidden {
  6566. display: none
  6567. }
  6568. .spoiler-button__overlay {
  6569. display: block;
  6570. background: transparent;
  6571. width: 100%;
  6572. height: 100%;
  6573. border: 0
  6574. }
  6575. .spoiler-button__overlay__label {
  6576. display: inline-block;
  6577. background: rgba(0, 0, 0, .5);
  6578. border-radius: 8px;
  6579. padding: 8px 12px;
  6580. color: #fff;
  6581. font-weight: 500;
  6582. font-size: 14px
  6583. }
  6584. .spoiler-button__overlay:active .spoiler-button__overlay__label,
  6585. .spoiler-button__overlay:focus .spoiler-button__overlay__label,
  6586. .spoiler-button__overlay:hover .spoiler-button__overlay__label {
  6587. background: rgba(0, 0, 0, .8)
  6588. }
  6589. .spoiler-button__overlay:disabled .spoiler-button__overlay__label {
  6590. background: rgba(0, 0, 0, .5)
  6591. }
  6592. .modal-container--preloader {
  6593. background: #393f4f
  6594. }
  6595. .account--panel {
  6596. background: #313543;
  6597. border-top: 1px solid #393f4f;
  6598. border-bottom: 1px solid #393f4f;
  6599. display: flex;
  6600. flex-direction: row;
  6601. padding: 10px 0
  6602. }
  6603. .account--panel__button,
  6604. .detailed-status__button {
  6605. flex: 1 1 auto;
  6606. text-align: center
  6607. }
  6608. .column-settings__outer {
  6609. background: #393f4f;
  6610. padding: 15px
  6611. }
  6612. .column-settings__section {
  6613. color: #9baec8;
  6614. cursor: default;
  6615. display: block;
  6616. font-weight: 500;
  6617. margin-bottom: 10px
  6618. }
  6619. .column-settings__hashtags .column-settings__row,
  6620. .column-settings__row--with-margin {
  6621. margin-bottom: 15px
  6622. }
  6623. .column-settings__hashtags .column-select__control {
  6624. outline: 0;
  6625. box-sizing: border-box;
  6626. width: 100%;
  6627. border: 0;
  6628. box-shadow: none;
  6629. font-family: inherit;
  6630. background: #282c37;
  6631. color: #9baec8;
  6632. font-size: 14px;
  6633. margin: 0
  6634. }
  6635. .column-settings__hashtags .column-select__control::-webkit-input-placeholder {
  6636. color: #a8b9cf
  6637. }
  6638. .column-settings__hashtags .column-select__control::-moz-placeholder {
  6639. color: #a8b9cf
  6640. }
  6641. .column-settings__hashtags .column-select__control:-ms-input-placeholder {
  6642. color: #a8b9cf
  6643. }
  6644. .column-settings__hashtags .column-select__control::placeholder {
  6645. color: #a8b9cf
  6646. }
  6647. .column-settings__hashtags .column-select__control::-moz-focus-inner {
  6648. border: 0
  6649. }
  6650. .column-settings__hashtags .column-select__control::-moz-focus-inner,
  6651. .column-settings__hashtags .column-select__control:active,
  6652. .column-settings__hashtags .column-select__control:focus {
  6653. outline: 0!important
  6654. }
  6655. .column-settings__hashtags .column-select__control:focus {
  6656. background: #313543
  6657. }
  6658. @media screen and (max-width:600px) {
  6659. .column-settings__hashtags .column-select__control {
  6660. font-size: 16px
  6661. }
  6662. }
  6663. .column-settings__hashtags .column-select__placeholder {
  6664. color: #606984;
  6665. padding-left: 2px;
  6666. font-size: 12px
  6667. }
  6668. .column-settings__hashtags .column-select__value-container {
  6669. padding-left: 6px
  6670. }
  6671. .column-settings__hashtags .column-select__multi-value {
  6672. background: #393f4f
  6673. }
  6674. .column-settings__hashtags .column-select__multi-value__remove {
  6675. cursor: pointer
  6676. }
  6677. .column-settings__hashtags .column-select__multi-value__remove:active,
  6678. .column-settings__hashtags .column-select__multi-value__remove:focus,
  6679. .column-settings__hashtags .column-select__multi-value__remove:hover {
  6680. background: #42485a;
  6681. color: #a8b9cf
  6682. }
  6683. .column-settings__hashtags .column-select__input,
  6684. .column-settings__hashtags .column-select__multi-value__label {
  6685. color: #9baec8
  6686. }
  6687. .column-settings__hashtags .column-select__clear-indicator,
  6688. .column-settings__hashtags .column-select__dropdown-indicator {
  6689. cursor: pointer;
  6690. transition: none;
  6691. color: #606984
  6692. }
  6693. .column-settings__hashtags .column-select__clear-indicator:active,
  6694. .column-settings__hashtags .column-select__clear-indicator:focus,
  6695. .column-settings__hashtags .column-select__clear-indicator:hover,
  6696. .column-settings__hashtags .column-select__dropdown-indicator:active,
  6697. .column-settings__hashtags .column-select__dropdown-indicator:focus,
  6698. .column-settings__hashtags .column-select__dropdown-indicator:hover {
  6699. color: #687390
  6700. }
  6701. .column-settings__hashtags .column-select__indicator-separator {
  6702. background-color: #393f4f
  6703. }
  6704. .column-settings__hashtags .column-select__menu {
  6705. background: #fff;
  6706. border-radius: 4px;
  6707. margin-top: 10px;
  6708. color: #9baec8;
  6709. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4);
  6710. padding: 0;
  6711. background: #d9e1e8
  6712. }
  6713. .column-settings__hashtags .column-select__menu h4 {
  6714. text-transform: uppercase;
  6715. color: #9baec8;
  6716. font-size: 13px;
  6717. font-weight: 500;
  6718. margin-bottom: 10px
  6719. }
  6720. .column-settings__hashtags .column-select__menu li {
  6721. padding: 4px 0
  6722. }
  6723. .column-settings__hashtags .column-select__menu ul {
  6724. margin-bottom: 10px
  6725. }
  6726. .column-settings__hashtags .column-select__menu em {
  6727. font-weight: 500;
  6728. color: #282c37
  6729. }
  6730. .column-settings__hashtags .column-select__menu-list {
  6731. padding: 6px
  6732. }
  6733. .column-settings__hashtags .column-select__option {
  6734. color: #282c37;
  6735. border-radius: 4px;
  6736. font-size: 14px
  6737. }
  6738. .column-settings__hashtags .column-select__option--is-focused,
  6739. .column-settings__hashtags .column-select__option--is-selected {
  6740. background: #b9c8d5
  6741. }
  6742. .column-settings__row .text-btn:not(.column-header__permission-btn) {
  6743. margin-bottom: 15px
  6744. }
  6745. .relationship-tag {
  6746. color: #fff;
  6747. margin-bottom: 4px;
  6748. display: block;
  6749. background-color: #000;
  6750. text-transform: uppercase;
  6751. font-size: 11px;
  6752. font-weight: 500;
  6753. padding: 4px;
  6754. border-radius: 4px;
  6755. opacity: .7
  6756. }
  6757. .relationship-tag:hover {
  6758. opacity: 1
  6759. }
  6760. .setting-toggle {
  6761. display: block;
  6762. line-height: 24px
  6763. }
  6764. .setting-toggle__label {
  6765. color: #9baec8;
  6766. display: inline-block;
  6767. margin-bottom: 14px;
  6768. margin-left: 8px;
  6769. vertical-align: middle
  6770. }
  6771. .empty-column-indicator,
  6772. .error-column,
  6773. .follow_requests-unlocked_explanation {
  6774. color: #606984;
  6775. background: #282c37;
  6776. text-align: center;
  6777. padding: 20px;
  6778. font-size: 15px;
  6779. font-weight: 400;
  6780. cursor: default;
  6781. display: flex;
  6782. flex: 1 1 auto;
  6783. align-items: center;
  6784. justify-content: center
  6785. }
  6786. @supports(display:grid) {
  6787. .empty-column-indicator,
  6788. .error-column,
  6789. .follow_requests-unlocked_explanation {
  6790. contain: strict
  6791. }
  6792. }
  6793. .empty-column-indicator>span,
  6794. .error-column>span,
  6795. .follow_requests-unlocked_explanation>span {
  6796. max-width: 400px
  6797. }
  6798. .empty-column-indicator a,
  6799. .error-column a,
  6800. .follow_requests-unlocked_explanation a {
  6801. color: #2b90d9;
  6802. text-decoration: none
  6803. }
  6804. .empty-column-indicator a:hover,
  6805. .error-column a:hover,
  6806. .follow_requests-unlocked_explanation a:hover {
  6807. text-decoration: underline
  6808. }
  6809. .follow_requests-unlocked_explanation {
  6810. background: #1f232b;
  6811. contain: none
  6812. }
  6813. .error-column {
  6814. flex-direction: column
  6815. }
  6816. @-webkit-keyframes heartbeat {
  6817. 0% {
  6818. transform: scale(1);
  6819. -webkit-animation-timing-function: ease-out;
  6820. animation-timing-function: ease-out
  6821. }
  6822. 10% {
  6823. transform: scale(.91);
  6824. -webkit-animation-timing-function: ease-in;
  6825. animation-timing-function: ease-in
  6826. }
  6827. 17% {
  6828. transform: scale(.98);
  6829. -webkit-animation-timing-function: ease-out;
  6830. animation-timing-function: ease-out
  6831. }
  6832. 33% {
  6833. transform: scale(.87);
  6834. -webkit-animation-timing-function: ease-in;
  6835. animation-timing-function: ease-in
  6836. }
  6837. 45% {
  6838. transform: scale(1);
  6839. -webkit-animation-timing-function: ease-out;
  6840. animation-timing-function: ease-out
  6841. }
  6842. }
  6843. @keyframes heartbeat {
  6844. 0% {
  6845. transform: scale(1);
  6846. -webkit-animation-timing-function: ease-out;
  6847. animation-timing-function: ease-out
  6848. }
  6849. 10% {
  6850. transform: scale(.91);
  6851. -webkit-animation-timing-function: ease-in;
  6852. animation-timing-function: ease-in
  6853. }
  6854. 17% {
  6855. transform: scale(.98);
  6856. -webkit-animation-timing-function: ease-out;
  6857. animation-timing-function: ease-out
  6858. }
  6859. 33% {
  6860. transform: scale(.87);
  6861. -webkit-animation-timing-function: ease-in;
  6862. animation-timing-function: ease-in
  6863. }
  6864. 45% {
  6865. transform: scale(1);
  6866. -webkit-animation-timing-function: ease-out;
  6867. animation-timing-function: ease-out
  6868. }
  6869. }
  6870. .no-reduce-motion .pulse-loading {
  6871. transform-origin: center center;
  6872. -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  6873. animation: heartbeat 1.5s ease-in-out infinite both
  6874. }
  6875. @-webkit-keyframes shake-bottom {
  6876. 0%,
  6877. to {
  6878. transform: rotate(0deg);
  6879. transform-origin: 50% 100%
  6880. }
  6881. 10% {
  6882. transform: rotate(2deg)
  6883. }
  6884. 20%,
  6885. 40%,
  6886. 60% {
  6887. transform: rotate(-4deg)
  6888. }
  6889. 30%,
  6890. 50%,
  6891. 70% {
  6892. transform: rotate(4deg)
  6893. }
  6894. 80% {
  6895. transform: rotate(-2deg)
  6896. }
  6897. 90% {
  6898. transform: rotate(2deg)
  6899. }
  6900. }
  6901. @keyframes shake-bottom {
  6902. 0%,
  6903. to {
  6904. transform: rotate(0deg);
  6905. transform-origin: 50% 100%
  6906. }
  6907. 10% {
  6908. transform: rotate(2deg)
  6909. }
  6910. 20%,
  6911. 40%,
  6912. 60% {
  6913. transform: rotate(-4deg)
  6914. }
  6915. 30%,
  6916. 50%,
  6917. 70% {
  6918. transform: rotate(4deg)
  6919. }
  6920. 80% {
  6921. transform: rotate(-2deg)
  6922. }
  6923. 90% {
  6924. transform: rotate(2deg)
  6925. }
  6926. }
  6927. .no-reduce-motion .shake-bottom {
  6928. transform-origin: 50% 100%;
  6929. -webkit-animation: shake-bottom .8s cubic-bezier(.455, .03, .515, .955) 2s 2 both;
  6930. animation: shake-bottom .8s cubic-bezier(.455, .03, .515, .955) 2s 2 both
  6931. }
  6932. .emoji-picker-dropdown__menu {
  6933. background: #fff;
  6934. position: absolute;
  6935. box-shadow: 4px 4px 6px rgba(0, 0, 0, .4);
  6936. border-radius: 4px;
  6937. margin-top: 5px;
  6938. z-index: 2
  6939. }
  6940. .emoji-picker-dropdown__menu .emoji-mart-scroll {
  6941. transition: opacity .2s ease
  6942. }
  6943. .emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {
  6944. opacity: .5
  6945. }
  6946. .emoji-picker-dropdown__modifiers {
  6947. position: absolute;
  6948. top: 60px;
  6949. right: 11px;
  6950. cursor: pointer
  6951. }
  6952. .emoji-picker-dropdown__modifiers__menu {
  6953. position: absolute;
  6954. z-index: 4;
  6955. top: -4px;
  6956. left: -8px;
  6957. background: #fff;
  6958. border-radius: 4px;
  6959. box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
  6960. overflow: hidden
  6961. }
  6962. .emoji-picker-dropdown__modifiers__menu button {
  6963. display: block;
  6964. cursor: pointer;
  6965. border: 0;
  6966. padding: 4px 8px;
  6967. background: transparent
  6968. }
  6969. .emoji-picker-dropdown__modifiers__menu button:active,
  6970. .emoji-picker-dropdown__modifiers__menu button:focus,
  6971. .emoji-picker-dropdown__modifiers__menu button:hover {
  6972. background: rgba(217, 225, 232, .4)
  6973. }
  6974. .emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {
  6975. height: 22px
  6976. }
  6977. .emoji-mart-emoji span {
  6978. background-repeat: no-repeat
  6979. }
  6980. .upload-area {
  6981. align-items: center;
  6982. background: rgba(0, 0, 0, .8);
  6983. display: flex;
  6984. height: 100%;
  6985. justify-content: center;
  6986. left: 0;
  6987. opacity: 0;
  6988. position: absolute;
  6989. top: 0;
  6990. visibility: hidden;
  6991. width: 100%;
  6992. z-index: 2000
  6993. }
  6994. .upload-area * {
  6995. pointer-events: none
  6996. }
  6997. .upload-area__drop {
  6998. width: 320px;
  6999. height: 160px;
  7000. display: flex;
  7001. box-sizing: border-box;
  7002. position: relative;
  7003. padding: 8px
  7004. }
  7005. .upload-area__background {
  7006. position: absolute;
  7007. top: 0;
  7008. right: 0;
  7009. bottom: 0;
  7010. left: 0;
  7011. z-index: -1;
  7012. border-radius: 4px;
  7013. background: #282c37;
  7014. box-shadow: 0 0 5px rgba(0, 0, 0, .2)
  7015. }
  7016. .upload-area__content {
  7017. flex: 1;
  7018. display: flex;
  7019. align-items: center;
  7020. justify-content: center;
  7021. color: #d9e1e8;
  7022. font-size: 18px;
  7023. font-weight: 500;
  7024. border: 2px dashed #606984;
  7025. border-radius: 4px
  7026. }
  7027. .upload-progress {
  7028. padding: 10px;
  7029. color: #606984;
  7030. overflow: hidden;
  7031. display: flex
  7032. }
  7033. .upload-progress .fa {
  7034. font-size: 34px;
  7035. margin-right: 10px
  7036. }
  7037. .upload-progress span {
  7038. font-size: 12px;
  7039. text-transform: uppercase;
  7040. font-weight: 500;
  7041. display: block
  7042. }
  7043. .upload-progess__message {
  7044. flex: 1 1 auto
  7045. }
  7046. .upload-progress__backdrop {
  7047. width: 100%;
  7048. height: 6px;
  7049. border-radius: 6px;
  7050. background: #606984;
  7051. position: relative;
  7052. margin-top: 5px
  7053. }
  7054. .upload-progress__tracker {
  7055. position: absolute;
  7056. left: 0;
  7057. top: 0;
  7058. height: 6px;
  7059. background: #2b90d9;
  7060. border-radius: 6px
  7061. }
  7062. .emoji-button {
  7063. display: block;
  7064. padding: 5px 5px 2px 2px;
  7065. outline: 0;
  7066. cursor: pointer
  7067. }
  7068. .emoji-button:active,
  7069. .emoji-button:focus {
  7070. outline: 0!important
  7071. }
  7072. .emoji-button img {
  7073. -webkit-filter: grayscale(100%);
  7074. filter: grayscale(100%);
  7075. opacity: .8;
  7076. display: block;
  7077. margin: 0;
  7078. width: 22px;
  7079. height: 22px
  7080. }
  7081. .dropdown--active .emoji-button img,
  7082. .emoji-button:active img,
  7083. .emoji-button:focus img,
  7084. .emoji-button:hover img {
  7085. opacity: 1;
  7086. -webkit-filter: none;
  7087. filter: none
  7088. }
  7089. .privacy-dropdown__dropdown {
  7090. position: absolute;
  7091. background: #fff;
  7092. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4);
  7093. border-radius: 4px;
  7094. margin-left: 40px;
  7095. overflow: hidden
  7096. }
  7097. .privacy-dropdown__dropdown.top {
  7098. transform-origin: 50% 100%
  7099. }
  7100. .privacy-dropdown__dropdown.bottom {
  7101. transform-origin: 50% 0
  7102. }
  7103. .privacy-dropdown__option {
  7104. color: #282c37;
  7105. padding: 10px;
  7106. cursor: pointer;
  7107. display: flex
  7108. }
  7109. .privacy-dropdown__option.active,
  7110. .privacy-dropdown__option:hover {
  7111. background: #2b90d9;
  7112. color: #fff;
  7113. outline: 0
  7114. }
  7115. .privacy-dropdown__option.active .privacy-dropdown__option__content,
  7116. .privacy-dropdown__option.active .privacy-dropdown__option__content strong,
  7117. .privacy-dropdown__option:hover .privacy-dropdown__option__content,
  7118. .privacy-dropdown__option:hover .privacy-dropdown__option__content strong {
  7119. color: #fff
  7120. }
  7121. .privacy-dropdown__option.active:hover {
  7122. background: #3c99dc
  7123. }
  7124. .privacy-dropdown__option__icon {
  7125. display: flex;
  7126. align-items: center;
  7127. justify-content: center;
  7128. margin-right: 10px
  7129. }
  7130. .privacy-dropdown__option__content {
  7131. flex: 1 1 auto;
  7132. color: #606984
  7133. }
  7134. .privacy-dropdown__option__content strong {
  7135. font-weight: 500;
  7136. display: block;
  7137. color: #282c37
  7138. }
  7139. .privacy-dropdown__option__content strong:lang(ja),
  7140. .privacy-dropdown__option__content strong:lang(ko),
  7141. .privacy-dropdown__option__content strong:lang(zh-CN),
  7142. .privacy-dropdown__option__content strong:lang(zh-HK),
  7143. .privacy-dropdown__option__content strong:lang(zh-TW) {
  7144. font-weight: 700
  7145. }
  7146. .privacy-dropdown.active .privacy-dropdown__value {
  7147. background: #fff;
  7148. border-radius: 4px 4px 0 0;
  7149. box-shadow: 0 -4px 4px rgba(0, 0, 0, .1)
  7150. }
  7151. .privacy-dropdown.active .privacy-dropdown__value .icon-button {
  7152. transition: none
  7153. }
  7154. .privacy-dropdown.active .privacy-dropdown__value.active {
  7155. background: #2b90d9
  7156. }
  7157. .privacy-dropdown.active .privacy-dropdown__value.active .icon-button {
  7158. color: #fff
  7159. }
  7160. .privacy-dropdown.active.top .privacy-dropdown__value {
  7161. border-radius: 0 0 4px 4px
  7162. }
  7163. .privacy-dropdown.active .privacy-dropdown__dropdown {
  7164. display: block;
  7165. box-shadow: 2px 4px 6px rgba(0, 0, 0, .1)
  7166. }
  7167. .search {
  7168. position: relative
  7169. }
  7170. .search__input {
  7171. outline: 0;
  7172. box-sizing: border-box;
  7173. width: 100%;
  7174. border: 0;
  7175. box-shadow: none;
  7176. font-family: inherit;
  7177. background: #282c37;
  7178. color: #9baec8;
  7179. font-size: 14px;
  7180. margin: 0;
  7181. display: block;
  7182. padding: 15px 30px 15px 15px;
  7183. line-height: 18px;
  7184. font-size: 16px
  7185. }
  7186. .search__input::-webkit-input-placeholder {
  7187. color: #a8b9cf
  7188. }
  7189. .search__input::-moz-placeholder {
  7190. color: #a8b9cf
  7191. }
  7192. .search__input:-ms-input-placeholder {
  7193. color: #a8b9cf
  7194. }
  7195. .search__input::placeholder {
  7196. color: #a8b9cf
  7197. }
  7198. .search__input::-moz-focus-inner {
  7199. border: 0
  7200. }
  7201. .search__input::-moz-focus-inner,
  7202. .search__input:active,
  7203. .search__input:focus {
  7204. outline: 0!important
  7205. }
  7206. .search__input:focus {
  7207. background: #313543
  7208. }
  7209. @media screen and (max-width:600px) {
  7210. .search__input {
  7211. font-size: 16px
  7212. }
  7213. }
  7214. .search__icon::-moz-focus-inner {
  7215. border: 0
  7216. }
  7217. .search__icon::-moz-focus-inner,
  7218. .search__icon:focus {
  7219. outline: 0!important
  7220. }
  7221. .search__icon .fa {
  7222. position: absolute;
  7223. top: 16px;
  7224. right: 10px;
  7225. z-index: 2;
  7226. display: inline-block;
  7227. opacity: 0;
  7228. transition: all .1s linear;
  7229. transition-property: transform, opacity;
  7230. font-size: 18px;
  7231. width: 18px;
  7232. height: 18px;
  7233. color: #d9e1e8;
  7234. cursor: default;
  7235. pointer-events: none
  7236. }
  7237. .search__icon .fa.active {
  7238. pointer-events: auto;
  7239. opacity: .3
  7240. }
  7241. .search__icon .fa-search {
  7242. transform: rotate(90deg)
  7243. }
  7244. .search__icon .fa-search.active {
  7245. pointer-events: none;
  7246. transform: rotate(0deg)
  7247. }
  7248. .search__icon .fa-times-circle {
  7249. top: 17px;
  7250. transform: rotate(0deg);
  7251. color: #606984;
  7252. cursor: pointer
  7253. }
  7254. .search__icon .fa-times-circle.active {
  7255. transform: rotate(90deg)
  7256. }
  7257. .search__icon .fa-times-circle:hover {
  7258. color: #707b97
  7259. }
  7260. .search-results__header {
  7261. color: #606984;
  7262. background: #2c313d;
  7263. padding: 15px;
  7264. font-weight: 500;
  7265. font-size: 16px;
  7266. cursor: default
  7267. }
  7268. .search-results__header .fa {
  7269. display: inline-block;
  7270. margin-right: 5px
  7271. }
  7272. .search-results__section {
  7273. margin-bottom: 5px
  7274. }
  7275. .search-results__section h5 {
  7276. background: #1f232b;
  7277. border-bottom: 1px solid #393f4f;
  7278. cursor: default;
  7279. display: flex;
  7280. padding: 15px;
  7281. font-weight: 500;
  7282. font-size: 16px;
  7283. color: #606984
  7284. }
  7285. .search-results__section h5 .fa {
  7286. display: inline-block;
  7287. margin-right: 5px
  7288. }
  7289. .search-results__section .account:last-child,
  7290. .search-results__section>div:last-child .status {
  7291. border-bottom: 0
  7292. }
  7293. .search-results__hashtag {
  7294. display: block;
  7295. padding: 10px;
  7296. color: #d9e1e8;
  7297. text-decoration: none
  7298. }
  7299. .search-results__hashtag:active,
  7300. .search-results__hashtag:focus,
  7301. .search-results__hashtag:hover {
  7302. color: #e6ebf0;
  7303. text-decoration: underline
  7304. }
  7305. .search-results__info {
  7306. padding: 20px;
  7307. color: #9baec8;
  7308. text-align: center
  7309. }
  7310. .modal-root {
  7311. position: relative;
  7312. z-index: 9999
  7313. }
  7314. .modal-root__overlay {
  7315. position: fixed;
  7316. top: 0;
  7317. left: 0;
  7318. right: 0;
  7319. bottom: 0;
  7320. background: rgba(0, 0, 0, .7)
  7321. }
  7322. .modal-root__container {
  7323. position: fixed;
  7324. top: 0;
  7325. left: 0;
  7326. width: 100%;
  7327. height: 100%;
  7328. display: flex;
  7329. flex-direction: column;
  7330. align-items: center;
  7331. justify-content: center;
  7332. align-content: space-around;
  7333. z-index: 9999;
  7334. pointer-events: none;
  7335. -webkit-user-select: none;
  7336. -moz-user-select: none;
  7337. -ms-user-select: none;
  7338. user-select: none
  7339. }
  7340. .modal-root__modal {
  7341. pointer-events: auto;
  7342. display: flex;
  7343. z-index: 9999
  7344. }
  7345. .video-modal__container {
  7346. max-width: 100vw;
  7347. max-height: 100vh
  7348. }
  7349. .audio-modal__container {
  7350. width: 50vw
  7351. }
  7352. .media-modal {
  7353. width: 100%;
  7354. height: 100%;
  7355. position: relative
  7356. }
  7357. .media-modal__close,
  7358. .media-modal__zoom-button {
  7359. color: hsla(0, 0%, 100%, .7)
  7360. }
  7361. .media-modal__close:active,
  7362. .media-modal__close:focus,
  7363. .media-modal__close:hover,
  7364. .media-modal__zoom-button:active,
  7365. .media-modal__zoom-button:focus,
  7366. .media-modal__zoom-button:hover {
  7367. color: #fff;
  7368. background-color: hsla(0, 0%, 100%, .15)
  7369. }
  7370. .media-modal__close:focus,
  7371. .media-modal__zoom-button:focus {
  7372. background-color: hsla(0, 0%, 100%, .3)
  7373. }
  7374. .media-modal__closer,
  7375. .media-modal__navigation {
  7376. position: absolute;
  7377. top: 0;
  7378. left: 0;
  7379. right: 0;
  7380. bottom: 0
  7381. }
  7382. .media-modal__navigation {
  7383. pointer-events: none;
  7384. transition: opacity .3s linear;
  7385. will-change: opacity
  7386. }
  7387. .media-modal__navigation * {
  7388. pointer-events: auto
  7389. }
  7390. .media-modal__navigation.media-modal__navigation--hidden {
  7391. opacity: 0
  7392. }
  7393. .media-modal__navigation.media-modal__navigation--hidden * {
  7394. pointer-events: none
  7395. }
  7396. .media-modal__nav {
  7397. background: transparent;
  7398. box-sizing: border-box;
  7399. border: 0;
  7400. color: hsla(0, 0%, 100%, .7);
  7401. cursor: pointer;
  7402. display: flex;
  7403. align-items: center;
  7404. font-size: 24px;
  7405. height: 20vmax;
  7406. margin: auto 0;
  7407. padding: 30px 15px;
  7408. position: absolute;
  7409. top: 0;
  7410. bottom: 0
  7411. }
  7412. .media-modal__nav:active,
  7413. .media-modal__nav:focus,
  7414. .media-modal__nav:hover {
  7415. color: #fff
  7416. }
  7417. .media-modal__nav--left {
  7418. left: 0
  7419. }
  7420. .media-modal__nav--right {
  7421. right: 0
  7422. }
  7423. .media-modal__overlay {
  7424. max-width: 600px;
  7425. position: absolute;
  7426. left: 0;
  7427. right: 0;
  7428. bottom: 0;
  7429. margin: 0 auto
  7430. }
  7431. .media-modal__overlay .picture-in-picture__footer {
  7432. border-radius: 0;
  7433. background: transparent;
  7434. padding: 20px 0
  7435. }
  7436. .media-modal__overlay .picture-in-picture__footer .icon-button {
  7437. color: #fff
  7438. }
  7439. .media-modal__overlay .picture-in-picture__footer .icon-button:active,
  7440. .media-modal__overlay .picture-in-picture__footer .icon-button:focus,
  7441. .media-modal__overlay .picture-in-picture__footer .icon-button:hover {
  7442. color: #fff;
  7443. background-color: hsla(0, 0%, 100%, .15)
  7444. }
  7445. .media-modal__overlay .picture-in-picture__footer .icon-button:focus {
  7446. background-color: hsla(0, 0%, 100%, .3)
  7447. }
  7448. .media-modal__overlay .picture-in-picture__footer .icon-button.active {
  7449. color: #2b90d9
  7450. }
  7451. .media-modal__overlay .picture-in-picture__footer .icon-button.active:active,
  7452. .media-modal__overlay .picture-in-picture__footer .icon-button.active:focus,
  7453. .media-modal__overlay .picture-in-picture__footer .icon-button.active:hover {
  7454. background: rgba(43, 144, 217, .15)
  7455. }
  7456. .media-modal__overlay .picture-in-picture__footer .icon-button.active:focus {
  7457. background: rgba(43, 144, 217, .3)
  7458. }
  7459. .media-modal__overlay .picture-in-picture__footer .icon-button.star-icon.active {
  7460. color: #ca8f04
  7461. }
  7462. .media-modal__overlay .picture-in-picture__footer .icon-button.star-icon.active:active,
  7463. .media-modal__overlay .picture-in-picture__footer .icon-button.star-icon.active:focus,
  7464. .media-modal__overlay .picture-in-picture__footer .icon-button.star-icon.active:hover {
  7465. background: rgba(202, 143, 4, .15)
  7466. }
  7467. .media-modal__overlay .picture-in-picture__footer .icon-button.star-icon.active:focus {
  7468. background: rgba(202, 143, 4, .3)
  7469. }
  7470. .media-modal__pagination {
  7471. display: flex;
  7472. justify-content: center;
  7473. margin-bottom: 20px
  7474. }
  7475. .media-modal__page-dot {
  7476. flex: 0 0 auto;
  7477. background-color: #fff;
  7478. opacity: .4;
  7479. height: 6px;
  7480. width: 6px;
  7481. border-radius: 50%;
  7482. margin: 0 4px;
  7483. padding: 0;
  7484. border: 0;
  7485. font-size: 0;
  7486. transition: opacity .2s ease-in-out
  7487. }
  7488. .media-modal__page-dot.active {
  7489. opacity: 1
  7490. }
  7491. .media-modal__close {
  7492. position: absolute;
  7493. right: 8px;
  7494. top: 8px;
  7495. z-index: 100
  7496. }
  7497. .media-modal__zoom-button {
  7498. position: absolute;
  7499. right: 64px;
  7500. top: 8px;
  7501. z-index: 100;
  7502. pointer-events: auto;
  7503. transition: opacity .3s linear;
  7504. will-change: opacity
  7505. }
  7506. .media-modal__zoom-button--hidden {
  7507. pointer-events: none;
  7508. opacity: 0
  7509. }
  7510. .embed-modal,
  7511. .error-modal,
  7512. .onboarding-modal {
  7513. background: #d9e1e8;
  7514. color: #282c37;
  7515. border-radius: 8px;
  7516. overflow: hidden;
  7517. display: flex;
  7518. flex-direction: column
  7519. }
  7520. .error-modal__body {
  7521. height: 80vh;
  7522. width: 80vw;
  7523. max-width: 520px;
  7524. max-height: 420px;
  7525. position: relative
  7526. }
  7527. .error-modal__body>div {
  7528. position: absolute;
  7529. top: 0;
  7530. left: 0;
  7531. width: 100%;
  7532. height: 100%;
  7533. box-sizing: border-box;
  7534. padding: 25px;
  7535. display: none;
  7536. display: flex;
  7537. opacity: 0;
  7538. -webkit-user-select: text;
  7539. -moz-user-select: text;
  7540. -ms-user-select: text;
  7541. user-select: text
  7542. }
  7543. .error-modal__body,
  7544. .error-modal__body>div {
  7545. flex-direction: column;
  7546. align-items: center;
  7547. justify-content: center
  7548. }
  7549. .error-modal__body {
  7550. display: flex;
  7551. text-align: center
  7552. }
  7553. .error-modal__footer,
  7554. .onboarding-modal__paginator {
  7555. flex: 0 0 auto;
  7556. background: #c0cdd9;
  7557. display: flex;
  7558. padding: 25px
  7559. }
  7560. .error-modal__footer>div,
  7561. .onboarding-modal__paginator>div {
  7562. min-width: 33px
  7563. }
  7564. .error-modal__footer .error-modal__nav,
  7565. .error-modal__footer .onboarding-modal__nav,
  7566. .onboarding-modal__paginator .error-modal__nav,
  7567. .onboarding-modal__paginator .onboarding-modal__nav {
  7568. color: #606984;
  7569. border: 0;
  7570. font-size: 14px;
  7571. font-weight: 500;
  7572. padding: 10px 25px;
  7573. line-height: inherit;
  7574. height: auto;
  7575. margin: -10px;
  7576. border-radius: 4px;
  7577. background-color: transparent
  7578. }
  7579. .error-modal__footer .error-modal__nav:active,
  7580. .error-modal__footer .error-modal__nav:focus,
  7581. .error-modal__footer .error-modal__nav:hover,
  7582. .error-modal__footer .onboarding-modal__nav:active,
  7583. .error-modal__footer .onboarding-modal__nav:focus,
  7584. .error-modal__footer .onboarding-modal__nav:hover,
  7585. .onboarding-modal__paginator .error-modal__nav:active,
  7586. .onboarding-modal__paginator .error-modal__nav:focus,
  7587. .onboarding-modal__paginator .error-modal__nav:hover,
  7588. .onboarding-modal__paginator .onboarding-modal__nav:active,
  7589. .onboarding-modal__paginator .onboarding-modal__nav:focus,
  7590. .onboarding-modal__paginator .onboarding-modal__nav:hover {
  7591. color: #576078;
  7592. background-color: #a6b9c9
  7593. }
  7594. .error-modal__footer .error-modal__nav.onboarding-modal__done,
  7595. .error-modal__footer .error-modal__nav.onboarding-modal__next,
  7596. .error-modal__footer .onboarding-modal__nav.onboarding-modal__done,
  7597. .error-modal__footer .onboarding-modal__nav.onboarding-modal__next,
  7598. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,
  7599. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,
  7600. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,
  7601. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next {
  7602. color: #282c37
  7603. }
  7604. .error-modal__footer .error-modal__nav.onboarding-modal__done:active,
  7605. .error-modal__footer .error-modal__nav.onboarding-modal__done:focus,
  7606. .error-modal__footer .error-modal__nav.onboarding-modal__done:hover,
  7607. .error-modal__footer .error-modal__nav.onboarding-modal__next:active,
  7608. .error-modal__footer .error-modal__nav.onboarding-modal__next:focus,
  7609. .error-modal__footer .error-modal__nav.onboarding-modal__next:hover,
  7610. .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,
  7611. .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,
  7612. .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,
  7613. .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,
  7614. .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,
  7615. .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,
  7616. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,
  7617. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,
  7618. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,
  7619. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,
  7620. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,
  7621. .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,
  7622. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,
  7623. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,
  7624. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,
  7625. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,
  7626. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,
  7627. .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover {
  7628. color: #313543
  7629. }
  7630. .error-modal__footer {
  7631. justify-content: center
  7632. }
  7633. .display-case {
  7634. text-align: center;
  7635. font-size: 15px;
  7636. margin-bottom: 15px
  7637. }
  7638. .display-case__label {
  7639. font-weight: 500;
  7640. color: #282c37;
  7641. margin-bottom: 5px;
  7642. text-transform: uppercase;
  7643. font-size: 12px
  7644. }
  7645. .display-case__case {
  7646. background: #282c37;
  7647. color: #d9e1e8;
  7648. font-weight: 500;
  7649. padding: 10px;
  7650. border-radius: 4px
  7651. }
  7652. .onboard-sliders {
  7653. display: inline-block;
  7654. max-width: 30px;
  7655. max-height: auto;
  7656. margin-left: 10px
  7657. }
  7658. .actions-modal,
  7659. .block-modal,
  7660. .boost-modal,
  7661. .confirmation-modal,
  7662. .mute-modal,
  7663. .report-modal {
  7664. background: #f2f5f7;
  7665. color: #282c37;
  7666. border-radius: 8px;
  7667. overflow: hidden;
  7668. max-width: 90vw;
  7669. width: 480px;
  7670. position: relative;
  7671. flex-direction: column
  7672. }
  7673. .actions-modal .status__display-name,
  7674. .block-modal .status__display-name,
  7675. .boost-modal .status__display-name,
  7676. .confirmation-modal .status__display-name,
  7677. .mute-modal .status__display-name,
  7678. .report-modal .status__display-name {
  7679. display: block;
  7680. max-width: 100%;
  7681. padding-right: 25px
  7682. }
  7683. .actions-modal .status__avatar,
  7684. .block-modal .status__avatar,
  7685. .boost-modal .status__avatar,
  7686. .confirmation-modal .status__avatar,
  7687. .mute-modal .status__avatar,
  7688. .report-modal .status__avatar {
  7689. height: 28px;
  7690. left: 10px;
  7691. position: absolute;
  7692. top: 10px;
  7693. width: 48px
  7694. }
  7695. .actions-modal .status__content__spoiler-link,
  7696. .block-modal .status__content__spoiler-link,
  7697. .boost-modal .status__content__spoiler-link,
  7698. .confirmation-modal .status__content__spoiler-link,
  7699. .mute-modal .status__content__spoiler-link,
  7700. .report-modal .status__content__spoiler-link {
  7701. color: #f2f5f7
  7702. }
  7703. .actions-modal .status {
  7704. background: #fff;
  7705. padding-top: 10px;
  7706. padding-bottom: 10px
  7707. }
  7708. .actions-modal .dropdown-menu__separator,
  7709. .actions-modal .status {
  7710. border-bottom-color: #d9e1e8
  7711. }
  7712. .boost-modal__container {
  7713. overflow-x: scroll;
  7714. padding: 10px
  7715. }
  7716. .boost-modal__container .status {
  7717. -webkit-user-select: text;
  7718. -moz-user-select: text;
  7719. -ms-user-select: text;
  7720. user-select: text;
  7721. border-bottom: 0
  7722. }
  7723. .block-modal__action-bar,
  7724. .boost-modal__action-bar,
  7725. .confirmation-modal__action-bar,
  7726. .mute-modal__action-bar {
  7727. display: flex;
  7728. justify-content: space-between;
  7729. background: #d9e1e8;
  7730. padding: 10px;
  7731. line-height: 36px
  7732. }
  7733. .block-modal__action-bar>div,
  7734. .boost-modal__action-bar>div,
  7735. .confirmation-modal__action-bar>div,
  7736. .mute-modal__action-bar>div {
  7737. flex: 1 1 auto;
  7738. text-align: right;
  7739. color: #606984;
  7740. padding-right: 10px
  7741. }
  7742. .block-modal__action-bar .button,
  7743. .boost-modal__action-bar .button,
  7744. .confirmation-modal__action-bar .button,
  7745. .mute-modal__action-bar .button {
  7746. flex: 0 0 auto
  7747. }
  7748. .boost-modal__status-header {
  7749. font-size: 15px
  7750. }
  7751. .boost-modal__status-time {
  7752. float: right;
  7753. font-size: 14px
  7754. }
  7755. .block-modal,
  7756. .mute-modal {
  7757. line-height: 24px
  7758. }
  7759. .block-modal .react-toggle,
  7760. .mute-modal .react-toggle {
  7761. vertical-align: middle
  7762. }
  7763. .report-modal {
  7764. width: 90vw;
  7765. max-width: 700px
  7766. }
  7767. .report-modal__container {
  7768. display: flex;
  7769. border-top: 1px solid #d9e1e8
  7770. }
  7771. @media screen and (max-width:480px) {
  7772. .report-modal__container {
  7773. flex-wrap: wrap;
  7774. overflow-y: auto
  7775. }
  7776. }
  7777. .report-modal__comment,
  7778. .report-modal__statuses {
  7779. box-sizing: border-box;
  7780. width: 50%
  7781. }
  7782. @media screen and (max-width:480px) {
  7783. .report-modal__comment,
  7784. .report-modal__statuses {
  7785. width: 100%
  7786. }
  7787. }
  7788. .focal-point-modal__content,
  7789. .report-modal__statuses {
  7790. flex: 1 1 auto;
  7791. min-height: 20vh;
  7792. max-height: 80vh;
  7793. overflow-y: auto;
  7794. overflow-x: hidden
  7795. }
  7796. .focal-point-modal__content .status__content a,
  7797. .report-modal__statuses .status__content a {
  7798. color: #2b90d9
  7799. }
  7800. .focal-point-modal__content .status__content,
  7801. .focal-point-modal__content .status__content p,
  7802. .report-modal__statuses .status__content,
  7803. .report-modal__statuses .status__content p {
  7804. color: #282c37
  7805. }
  7806. @media screen and (max-width:480px) {
  7807. .focal-point-modal__content,
  7808. .report-modal__statuses {
  7809. max-height: 10vh
  7810. }
  7811. }
  7812. @media screen and (max-width:480px) {
  7813. .focal-point-modal__content {
  7814. max-height: 40vh
  7815. }
  7816. }
  7817. .setting-divider {
  7818. background: transparent;
  7819. border: 0;
  7820. width: 100%;
  7821. height: 1px;
  7822. margin: 0 0 29px
  7823. }
  7824. .report-modal__comment {
  7825. padding: 20px;
  7826. border-right: 1px solid #d9e1e8;
  7827. max-width: 320px
  7828. }
  7829. .report-modal__comment p {
  7830. font-size: 14px;
  7831. line-height: 20px;
  7832. margin-bottom: 20px
  7833. }
  7834. .report-modal__comment .setting-text {
  7835. display: block;
  7836. box-sizing: border-box;
  7837. width: 100%;
  7838. color: #282c37;
  7839. background: #fff;
  7840. padding: 10px;
  7841. font-family: inherit;
  7842. font-size: 14px;
  7843. resize: none;
  7844. outline: 0;
  7845. border-radius: 4px;
  7846. border: 1px solid #d9e1e8;
  7847. min-height: 100px;
  7848. max-height: 50vh;
  7849. margin: 0 0 10px
  7850. }
  7851. .report-modal__comment .setting-text:focus {
  7852. border: 1px solid #c0cdd9
  7853. }
  7854. .report-modal__comment .setting-text__wrapper {
  7855. background: #fff;
  7856. border: 1px solid #d9e1e8;
  7857. margin-bottom: 10px;
  7858. border-radius: 4px
  7859. }
  7860. .report-modal__comment .setting-text__wrapper .setting-text {
  7861. border: 0;
  7862. margin-bottom: 0;
  7863. border-radius: 0
  7864. }
  7865. .report-modal__comment .setting-text__wrapper .setting-text:focus {
  7866. border: 0
  7867. }
  7868. .report-modal__comment .setting-text__wrapper__modifiers {
  7869. color: #282c37;
  7870. font-family: inherit;
  7871. font-size: 14px;
  7872. background: #fff
  7873. }
  7874. .report-modal__comment .setting-text__toolbar {
  7875. display: flex;
  7876. justify-content: space-between;
  7877. margin-bottom: 20px
  7878. }
  7879. .report-modal__comment .setting-text-label {
  7880. display: block;
  7881. color: #282c37;
  7882. font-size: 14px;
  7883. font-weight: 500;
  7884. margin-bottom: 10px
  7885. }
  7886. .report-modal__comment .setting-toggle {
  7887. margin-top: 20px;
  7888. margin-bottom: 24px
  7889. }
  7890. .report-modal__comment .setting-toggle__label {
  7891. color: #282c37;
  7892. font-size: 14px
  7893. }
  7894. @media screen and (max-width:480px) {
  7895. .report-modal__comment {
  7896. padding: 10px;
  7897. max-width: 100%;
  7898. order: 2
  7899. }
  7900. .report-modal__comment .setting-toggle {
  7901. margin-bottom: 4px
  7902. }
  7903. }
  7904. .actions-modal {
  7905. max-height: 80vh;
  7906. max-width: 80vw
  7907. }
  7908. .actions-modal .status {
  7909. overflow-y: auto;
  7910. max-height: 300px
  7911. }
  7912. .actions-modal .actions-modal__item-label {
  7913. font-weight: 500
  7914. }
  7915. .actions-modal ul {
  7916. overflow-y: auto;
  7917. flex-shrink: 0;
  7918. max-height: 80vh
  7919. }
  7920. .actions-modal ul.with-status {
  7921. max-height: calc(80vh - 75px)
  7922. }
  7923. .actions-modal ul li:empty {
  7924. margin: 0
  7925. }
  7926. .actions-modal ul li:not(:empty) a {
  7927. color: #282c37;
  7928. display: flex;
  7929. padding: 12px 16px;
  7930. font-size: 15px;
  7931. align-items: center;
  7932. text-decoration: none
  7933. }
  7934. .actions-modal ul li:not(:empty) a,
  7935. .actions-modal ul li:not(:empty) a button {
  7936. transition: none
  7937. }
  7938. .actions-modal ul li:not(:empty) a.active,
  7939. .actions-modal ul li:not(:empty) a.active button,
  7940. .actions-modal ul li:not(:empty) a:active,
  7941. .actions-modal ul li:not(:empty) a:active button,
  7942. .actions-modal ul li:not(:empty) a:focus,
  7943. .actions-modal ul li:not(:empty) a:focus button,
  7944. .actions-modal ul li:not(:empty) a:hover,
  7945. .actions-modal ul li:not(:empty) a:hover button {
  7946. background: #2b90d9;
  7947. color: #fff
  7948. }
  7949. .actions-modal ul li:not(:empty) a button:first-child {
  7950. margin-right: 10px
  7951. }
  7952. .block-modal__action-bar .confirmation-modal__secondary-button,
  7953. .confirmation-modal__action-bar .confirmation-modal__secondary-button,
  7954. .mute-modal__action-bar .confirmation-modal__secondary-button {
  7955. flex-shrink: 1
  7956. }
  7957. .block-modal__cancel-button,
  7958. .confirmation-modal__cancel-button,
  7959. .confirmation-modal__secondary-button,
  7960. .mute-modal__cancel-button {
  7961. background-color: transparent;
  7962. color: #606984;
  7963. font-size: 14px;
  7964. font-weight: 500
  7965. }
  7966. .block-modal__cancel-button:active,
  7967. .block-modal__cancel-button:focus,
  7968. .block-modal__cancel-button:hover,
  7969. .confirmation-modal__cancel-button:active,
  7970. .confirmation-modal__cancel-button:focus,
  7971. .confirmation-modal__cancel-button:hover,
  7972. .confirmation-modal__secondary-button:active,
  7973. .confirmation-modal__secondary-button:focus,
  7974. .confirmation-modal__secondary-button:hover,
  7975. .mute-modal__cancel-button:active,
  7976. .mute-modal__cancel-button:focus,
  7977. .mute-modal__cancel-button:hover {
  7978. color: #576078;
  7979. background-color: transparent
  7980. }
  7981. .block-modal__container,
  7982. .confirmation-modal__container,
  7983. .mute-modal__container,
  7984. .report-modal__target {
  7985. padding: 30px;
  7986. font-size: 16px
  7987. }
  7988. .block-modal__container strong,
  7989. .confirmation-modal__container strong,
  7990. .mute-modal__container strong,
  7991. .report-modal__target strong {
  7992. font-weight: 500
  7993. }
  7994. .block-modal__container strong:lang(ja),
  7995. .block-modal__container strong:lang(ko),
  7996. .block-modal__container strong:lang(zh-CN),
  7997. .block-modal__container strong:lang(zh-HK),
  7998. .block-modal__container strong:lang(zh-TW),
  7999. .confirmation-modal__container strong:lang(ja),
  8000. .confirmation-modal__container strong:lang(ko),
  8001. .confirmation-modal__container strong:lang(zh-CN),
  8002. .confirmation-modal__container strong:lang(zh-HK),
  8003. .confirmation-modal__container strong:lang(zh-TW),
  8004. .mute-modal__container strong:lang(ja),
  8005. .mute-modal__container strong:lang(ko),
  8006. .mute-modal__container strong:lang(zh-CN),
  8007. .mute-modal__container strong:lang(zh-HK),
  8008. .mute-modal__container strong:lang(zh-TW),
  8009. .report-modal__target strong:lang(ja),
  8010. .report-modal__target strong:lang(ko),
  8011. .report-modal__target strong:lang(zh-CN),
  8012. .report-modal__target strong:lang(zh-HK),
  8013. .report-modal__target strong:lang(zh-TW) {
  8014. font-weight: 700
  8015. }
  8016. .block-modal__container select,
  8017. .confirmation-modal__container select,
  8018. .mute-modal__container select,
  8019. .report-modal__target select {
  8020. -webkit-appearance: none;
  8021. -moz-appearance: none;
  8022. appearance: none;
  8023. box-sizing: border-box;
  8024. font-size: 14px;
  8025. color: #282c37;
  8026. display: inline-block;
  8027. width: auto;
  8028. outline: 0;
  8029. font-family: inherit;
  8030. background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>") no-repeat right 8px center/auto 16px;
  8031. border: 1px solid #dbdbdb;
  8032. border-radius: 4px;
  8033. padding: 6px 30px 6px 10px
  8034. }
  8035. .confirmation-modal__container,
  8036. .report-modal__target {
  8037. text-align: center
  8038. }
  8039. .block-modal__explanation,
  8040. .mute-modal__explanation {
  8041. margin-top: 20px
  8042. }
  8043. .block-modal .setting-toggle,
  8044. .mute-modal .setting-toggle {
  8045. margin-top: 20px;
  8046. margin-bottom: 24px;
  8047. display: flex;
  8048. align-items: center
  8049. }
  8050. .block-modal .setting-toggle__label,
  8051. .mute-modal .setting-toggle__label {
  8052. color: #282c37;
  8053. margin: 0 0 0 8px
  8054. }
  8055. .report-modal__target {
  8056. padding: 15px
  8057. }
  8058. .report-modal__target .media-modal__close {
  8059. top: 14px;
  8060. right: 15px
  8061. }
  8062. .loading-bar {
  8063. background-color: #2b90d9;
  8064. height: 3px;
  8065. position: absolute;
  8066. top: 0;
  8067. left: 0;
  8068. z-index: 9999
  8069. }
  8070. .media-gallery__gifv__label {
  8071. display: block;
  8072. position: absolute;
  8073. color: #fff;
  8074. background: rgba(0, 0, 0, .5);
  8075. bottom: 6px;
  8076. left: 6px;
  8077. padding: 2px 6px;
  8078. border-radius: 2px;
  8079. font-size: 11px;
  8080. font-weight: 600;
  8081. z-index: 1;
  8082. pointer-events: none;
  8083. opacity: .9;
  8084. transition: opacity .1s ease;
  8085. line-height: 18px
  8086. }
  8087. .media-gallery__gifv:hover .media-gallery__gifv__label {
  8088. opacity: 1
  8089. }
  8090. .attachment-list {
  8091. display: flex;
  8092. font-size: 14px;
  8093. border: 1px solid #393f4f;
  8094. border-radius: 4px;
  8095. margin-top: 14px;
  8096. overflow: hidden
  8097. }
  8098. .attachment-list__icon {
  8099. flex: 0 0 auto;
  8100. color: #606984;
  8101. padding: 8px 18px;
  8102. cursor: default;
  8103. border-right: 1px solid #393f4f;
  8104. display: flex;
  8105. flex-direction: column;
  8106. align-items: center;
  8107. justify-content: center;
  8108. font-size: 26px
  8109. }
  8110. .attachment-list__icon .fa {
  8111. display: block
  8112. }
  8113. .attachment-list__list {
  8114. list-style: none;
  8115. padding: 4px 0 4px 8px;
  8116. display: flex;
  8117. flex-direction: column;
  8118. justify-content: center
  8119. }
  8120. .attachment-list__list li {
  8121. display: block;
  8122. padding: 4px 0
  8123. }
  8124. .attachment-list__list a {
  8125. text-decoration: none;
  8126. color: #606984;
  8127. font-weight: 500
  8128. }
  8129. .attachment-list__list a:hover {
  8130. text-decoration: underline
  8131. }
  8132. .attachment-list.compact {
  8133. border: 0;
  8134. margin-top: 4px
  8135. }
  8136. .attachment-list.compact .attachment-list__list {
  8137. padding: 0;
  8138. display: block
  8139. }
  8140. .attachment-list.compact .fa {
  8141. color: #606984
  8142. }
  8143. .media-gallery {
  8144. margin-top: 8px;
  8145. border-radius: 4px;
  8146. width: 100%;
  8147. min-height: 64px
  8148. }
  8149. .media-gallery,
  8150. .media-gallery__item {
  8151. box-sizing: border-box;
  8152. overflow: hidden;
  8153. position: relative
  8154. }
  8155. .media-gallery__item {
  8156. border: 0;
  8157. display: block;
  8158. float: left;
  8159. border-radius: 4px
  8160. }
  8161. .media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {
  8162. transform: none;
  8163. top: 0
  8164. }
  8165. .media-gallery__item-thumbnail {
  8166. cursor: zoom-in;
  8167. display: block;
  8168. text-decoration: none;
  8169. color: #d9e1e8;
  8170. position: relative;
  8171. z-index: 1
  8172. }
  8173. .media-gallery__item-thumbnail,
  8174. .media-gallery__item-thumbnail img {
  8175. height: 100%;
  8176. width: 100%
  8177. }
  8178. .media-gallery__item-thumbnail img,
  8179. .media-gallery__preview {
  8180. -o-object-fit: cover;
  8181. font-family: "object-fit:cover";
  8182. object-fit: cover
  8183. }
  8184. .media-gallery__preview {
  8185. width: 100%;
  8186. height: 100%;
  8187. position: absolute;
  8188. top: 0;
  8189. left: 0;
  8190. z-index: 0;
  8191. background: #000
  8192. }
  8193. .media-gallery__preview--hidden {
  8194. display: none
  8195. }
  8196. .media-gallery__gifv {
  8197. height: 100%;
  8198. overflow: hidden;
  8199. position: relative;
  8200. width: 100%
  8201. }
  8202. .media-gallery__item-gifv-thumbnail {
  8203. cursor: zoom-in;
  8204. height: 100%;
  8205. -o-object-fit: cover;
  8206. font-family: "object-fit:cover";
  8207. object-fit: cover;
  8208. position: relative;
  8209. top: 50%;
  8210. transform: translateY(-50%);
  8211. width: 100%;
  8212. z-index: 1
  8213. }
  8214. .media-gallery__item-thumbnail-label {
  8215. clip: rect(1px 1px 1px 1px);
  8216. clip: rect(1px, 1px, 1px, 1px);
  8217. overflow: hidden;
  8218. position: absolute
  8219. }
  8220. .detailed .video-player__volume:before,
  8221. .detailed .video-player__volume__current,
  8222. .fullscreen .video-player__volume:before,
  8223. .fullscreen .video-player__volume__current {
  8224. bottom: 27px
  8225. }
  8226. .detailed .video-player__volume__handle,
  8227. .fullscreen .video-player__volume__handle {
  8228. bottom: 23px
  8229. }
  8230. .audio-player {
  8231. overflow: hidden;
  8232. box-sizing: border-box;
  8233. position: relative;
  8234. background: #17191f;
  8235. border-radius: 4px;
  8236. padding-bottom: 44px;
  8237. direction: ltr
  8238. }
  8239. .audio-player.editable {
  8240. border-radius: 0;
  8241. height: 100%
  8242. }
  8243. .audio-player .video-player__seek:before,
  8244. .audio-player .video-player__volume:before {
  8245. background: currentColor;
  8246. opacity: .15
  8247. }
  8248. .audio-player .video-player__seek__buffer {
  8249. background: currentColor;
  8250. opacity: .2
  8251. }
  8252. .audio-player .video-player__buttons button {
  8253. color: currentColor;
  8254. opacity: .75
  8255. }
  8256. .audio-player .video-player__buttons button:active,
  8257. .audio-player .video-player__buttons button:focus,
  8258. .audio-player .video-player__buttons button:hover {
  8259. color: currentColor;
  8260. opacity: 1
  8261. }
  8262. .audio-player .video-player__time-current,
  8263. .audio-player .video-player__time-sep,
  8264. .audio-player .video-player__time-total {
  8265. color: currentColor
  8266. }
  8267. .audio-player .video-player__seek:before,
  8268. .audio-player .video-player__seek__buffer,
  8269. .audio-player .video-player__seek__progress {
  8270. top: 0
  8271. }
  8272. .audio-player .video-player__seek__handle {
  8273. top: -4px
  8274. }
  8275. .audio-player .video-player__controls {
  8276. padding-top: 10px;
  8277. background: transparent
  8278. }
  8279. .video-player {
  8280. overflow: hidden;
  8281. position: relative;
  8282. background: #000;
  8283. max-width: 100%;
  8284. border-radius: 4px;
  8285. box-sizing: border-box;
  8286. direction: ltr;
  8287. color: #fff
  8288. }
  8289. .video-player.editable {
  8290. border-radius: 0;
  8291. height: 100%!important
  8292. }
  8293. .video-player:focus {
  8294. outline: 0
  8295. }
  8296. .video-player video {
  8297. display: block;
  8298. max-width: 100vw;
  8299. max-height: 80vh;
  8300. z-index: 1
  8301. }
  8302. .video-player.fullscreen {
  8303. width: 100%!important;
  8304. height: 100%!important;
  8305. margin: 0
  8306. }
  8307. .video-player.fullscreen video {
  8308. max-width: 100%!important;
  8309. max-height: 100%!important;
  8310. width: 100%!important;
  8311. height: 100%!important;
  8312. outline: 0
  8313. }
  8314. .video-player.inline video {
  8315. -o-object-fit: contain;
  8316. font-family: "object-fit:contain";
  8317. object-fit: contain;
  8318. position: relative;
  8319. top: 50%;
  8320. transform: translateY(-50%)
  8321. }
  8322. .video-player__controls {
  8323. position: absolute;
  8324. z-index: 2;
  8325. bottom: 0;
  8326. left: 0;
  8327. right: 0;
  8328. box-sizing: border-box;
  8329. background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .45) 60%, transparent);
  8330. padding: 0 15px;
  8331. opacity: 0;
  8332. transition: opacity .1s ease
  8333. }
  8334. .video-player__controls.active {
  8335. opacity: 1
  8336. }
  8337. .video-player.inactive .video-player__controls,
  8338. .video-player.inactive video {
  8339. visibility: hidden
  8340. }
  8341. .video-player__spoiler {
  8342. display: none;
  8343. position: absolute;
  8344. top: 0;
  8345. left: 0;
  8346. width: 100%;
  8347. height: 100%;
  8348. z-index: 4;
  8349. border: 0;
  8350. background: #000;
  8351. color: #9baec8;
  8352. transition: none;
  8353. pointer-events: none
  8354. }
  8355. .video-player__spoiler.active {
  8356. display: block;
  8357. pointer-events: auto
  8358. }
  8359. .video-player__spoiler.active:active,
  8360. .video-player__spoiler.active:focus,
  8361. .video-player__spoiler.active:hover {
  8362. color: #b2c1d5
  8363. }
  8364. .video-player__spoiler__title {
  8365. display: block;
  8366. font-size: 14px
  8367. }
  8368. .video-player__spoiler__subtitle {
  8369. display: block;
  8370. font-size: 11px;
  8371. font-weight: 500
  8372. }
  8373. .video-player__buttons-bar {
  8374. display: flex;
  8375. justify-content: space-between;
  8376. padding-bottom: 8px;
  8377. margin: 0 -5px
  8378. }
  8379. .video-player__buttons-bar .video-player__download__icon {
  8380. color: inherit
  8381. }
  8382. .video-player__buttons {
  8383. display: flex;
  8384. flex: 0 1 auto;
  8385. min-width: 30px;
  8386. align-items: center;
  8387. font-size: 16px;
  8388. white-space: nowrap;
  8389. overflow: hidden;
  8390. text-overflow: ellipsis
  8391. }
  8392. .video-player__buttons .player-button {
  8393. display: inline-block;
  8394. outline: 0;
  8395. flex: 0 0 auto;
  8396. background: transparent;
  8397. padding: 5px;
  8398. font-size: 16px;
  8399. border: 0;
  8400. color: hsla(0, 0%, 100%, .75)
  8401. }
  8402. .video-player__buttons .player-button:active,
  8403. .video-player__buttons .player-button:focus,
  8404. .video-player__buttons .player-button:hover {
  8405. color: #fff
  8406. }
  8407. .video-player__time {
  8408. display: inline;
  8409. flex: 0 1 auto;
  8410. overflow: hidden;
  8411. text-overflow: ellipsis;
  8412. margin: 0 5px
  8413. }
  8414. .video-player__time-current,
  8415. .video-player__time-sep,
  8416. .video-player__time-total {
  8417. font-size: 14px;
  8418. font-weight: 500
  8419. }
  8420. .video-player__time-current {
  8421. color: #fff
  8422. }
  8423. .video-player__time-sep {
  8424. display: inline-block;
  8425. margin: 0 6px
  8426. }
  8427. .video-player__time-sep,
  8428. .video-player__time-total {
  8429. color: #fff
  8430. }
  8431. .video-player__volume {
  8432. flex: 0 0 auto;
  8433. display: inline-flex;
  8434. cursor: pointer;
  8435. height: 24px;
  8436. position: relative;
  8437. overflow: hidden
  8438. }
  8439. .no-reduce-motion .video-player__volume {
  8440. transition: all .1s linear
  8441. }
  8442. .video-player__volume.active {
  8443. overflow: visible;
  8444. width: 50px;
  8445. margin-right: 16px
  8446. }
  8447. .video-player__volume:before {
  8448. content: "";
  8449. width: 50px;
  8450. background: hsla(0, 0%, 100%, .35)
  8451. }
  8452. .video-player__volume:before,
  8453. .video-player__volume__current {
  8454. border-radius: 4px;
  8455. display: block;
  8456. position: absolute;
  8457. height: 4px;
  8458. left: 0;
  8459. top: 50%;
  8460. transform: translateY(-50%)
  8461. }
  8462. .video-player__volume__current {
  8463. background: #4ea2df
  8464. }
  8465. .video-player__volume__handle {
  8466. position: absolute;
  8467. z-index: 3;
  8468. border-radius: 50%;
  8469. width: 12px;
  8470. height: 12px;
  8471. top: 50%;
  8472. left: 0;
  8473. margin-left: -6px;
  8474. transform: translateY(-50%);
  8475. background: #4ea2df;
  8476. box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
  8477. opacity: 0
  8478. }
  8479. .no-reduce-motion .video-player__volume__handle {
  8480. transition: opacity .1s linear
  8481. }
  8482. .video-player__volume.active .video-player__volume__handle {
  8483. opacity: 1
  8484. }
  8485. .video-player__link {
  8486. padding: 2px 10px
  8487. }
  8488. .video-player__link a {
  8489. text-decoration: none;
  8490. font-size: 14px;
  8491. font-weight: 500;
  8492. color: #fff
  8493. }
  8494. .video-player__link a:active,
  8495. .video-player__link a:focus,
  8496. .video-player__link a:hover {
  8497. text-decoration: underline
  8498. }
  8499. .video-player__seek {
  8500. cursor: pointer;
  8501. height: 24px;
  8502. position: relative
  8503. }
  8504. .video-player__seek:before {
  8505. content: "";
  8506. width: 100%;
  8507. background: hsla(0, 0%, 100%, .35);
  8508. border-radius: 4px;
  8509. display: block;
  8510. position: absolute;
  8511. height: 4px;
  8512. top: 14px
  8513. }
  8514. .video-player__seek__buffer,
  8515. .video-player__seek__progress {
  8516. display: block;
  8517. position: absolute;
  8518. height: 4px;
  8519. border-radius: 4px;
  8520. top: 14px;
  8521. background: #4ea2df
  8522. }
  8523. .video-player__seek__buffer {
  8524. background: hsla(0, 0%, 100%, .2)
  8525. }
  8526. .video-player__seek__handle {
  8527. position: absolute;
  8528. z-index: 3;
  8529. opacity: 0;
  8530. border-radius: 50%;
  8531. width: 12px;
  8532. height: 12px;
  8533. top: 10px;
  8534. margin-left: -6px;
  8535. background: #4ea2df;
  8536. box-shadow: 1px 2px 6px rgba(0, 0, 0, .2)
  8537. }
  8538. .no-reduce-motion .video-player__seek__handle {
  8539. transition: opacity .1s ease
  8540. }
  8541. .video-player__seek:hover .video-player__seek__handle,
  8542. .video-player__seek__handle.active {
  8543. opacity: 1
  8544. }
  8545. .video-player.detailed .video-player__buttons .player-button,
  8546. .video-player.fullscreen .video-player__buttons .player-button {
  8547. padding-top: 10px;
  8548. padding-bottom: 10px
  8549. }
  8550. .gifv video {
  8551. max-width: 100vw;
  8552. max-height: 80vh
  8553. }
  8554. .directory__list {
  8555. width: 100%;
  8556. margin: 10px 0;
  8557. transition: opacity .1s ease-in
  8558. }
  8559. .directory__list.loading {
  8560. opacity: .7
  8561. }
  8562. @media screen and (max-width:415px) {
  8563. .directory__list {
  8564. margin: 0
  8565. }
  8566. }
  8567. .directory__card {
  8568. box-sizing: border-box;
  8569. margin-bottom: 10px
  8570. }
  8571. .directory__card__img {
  8572. height: 125px;
  8573. position: relative;
  8574. background: #0e1014;
  8575. overflow: hidden
  8576. }
  8577. .directory__card__img img {
  8578. display: block;
  8579. width: 100%;
  8580. height: 100%;
  8581. margin: 0;
  8582. -o-object-fit: cover;
  8583. font-family: "object-fit:cover";
  8584. object-fit: cover
  8585. }
  8586. .directory__card__bar {
  8587. display: flex;
  8588. align-items: center;
  8589. background: #313543;
  8590. padding: 10px
  8591. }
  8592. .directory__card__bar__name {
  8593. flex: 1 1 auto;
  8594. display: flex;
  8595. align-items: center;
  8596. text-decoration: none;
  8597. overflow: hidden
  8598. }
  8599. .directory__card__bar__relationship {
  8600. width: 23px;
  8601. min-height: 1px;
  8602. flex: 0 0 auto
  8603. }
  8604. .directory__card__bar .avatar {
  8605. flex: 0 0 auto;
  8606. width: 48px;
  8607. height: 48px;
  8608. padding-top: 2px
  8609. }
  8610. .directory__card__bar .avatar img {
  8611. width: 100%;
  8612. height: 100%;
  8613. display: block;
  8614. margin: 0;
  8615. border-radius: 4px;
  8616. background: #17191f;
  8617. -o-object-fit: cover;
  8618. font-family: "object-fit:cover";
  8619. object-fit: cover
  8620. }
  8621. .directory__card__bar .display-name {
  8622. margin-left: 15px;
  8623. text-align: left
  8624. }
  8625. .directory__card__bar .display-name strong {
  8626. font-size: 15px;
  8627. color: #fff;
  8628. font-weight: 500;
  8629. overflow: hidden;
  8630. text-overflow: ellipsis
  8631. }
  8632. .directory__card__bar .display-name span {
  8633. display: block;
  8634. font-size: 14px;
  8635. color: #9baec8;
  8636. font-weight: 400;
  8637. overflow: hidden;
  8638. text-overflow: ellipsis
  8639. }
  8640. .directory__card__extra {
  8641. background: #282c37;
  8642. display: flex;
  8643. align-items: center;
  8644. justify-content: center
  8645. }
  8646. .directory__card__extra .accounts-table__count {
  8647. width: 33.33%;
  8648. flex: 0 0 auto;
  8649. padding: 15px 0
  8650. }
  8651. .directory__card__extra .account__header__content {
  8652. box-sizing: border-box;
  8653. padding: 15px 10px;
  8654. border-bottom: 1px solid #393f4f;
  8655. width: 100%;
  8656. min-height: 48px;
  8657. white-space: nowrap;
  8658. overflow: hidden;
  8659. text-overflow: ellipsis
  8660. }
  8661. .directory__card__extra .account__header__content p {
  8662. display: none
  8663. }
  8664. .directory__card__extra .account__header__content p:first-child {
  8665. display: inline
  8666. }
  8667. .directory__card__extra .account__header__content br {
  8668. display: none
  8669. }
  8670. .account-gallery__container {
  8671. display: flex;
  8672. flex-wrap: wrap;
  8673. padding: 4px 2px
  8674. }
  8675. .account-gallery__item {
  8676. border: 0;
  8677. box-sizing: border-box;
  8678. display: block;
  8679. position: relative;
  8680. border-radius: 4px;
  8681. overflow: hidden;
  8682. margin: 2px
  8683. }
  8684. .account-gallery__item__icons {
  8685. position: absolute;
  8686. top: 50%;
  8687. left: 50%;
  8688. transform: translate(-50%, -50%);
  8689. font-size: 24px
  8690. }
  8691. .account__section-headline,
  8692. .notification__filter-bar {
  8693. background: #1f232b;
  8694. border-bottom: 1px solid #393f4f;
  8695. cursor: default;
  8696. display: flex;
  8697. flex-shrink: 0
  8698. }
  8699. .account__section-headline button,
  8700. .notification__filter-bar button {
  8701. background: #1f232b;
  8702. border: 0;
  8703. margin: 0
  8704. }
  8705. .account__section-headline a,
  8706. .account__section-headline button,
  8707. .notification__filter-bar a,
  8708. .notification__filter-bar button {
  8709. display: block;
  8710. flex: 1 1 auto;
  8711. color: #9baec8;
  8712. padding: 15px 0;
  8713. font-size: 14px;
  8714. font-weight: 500;
  8715. text-align: center;
  8716. text-decoration: none;
  8717. position: relative;
  8718. width: 100%;
  8719. white-space: nowrap
  8720. }
  8721. .account__section-headline a.active,
  8722. .account__section-headline button.active,
  8723. .notification__filter-bar a.active,
  8724. .notification__filter-bar button.active {
  8725. color: #d9e1e8
  8726. }
  8727. .account__section-headline a.active:after,
  8728. .account__section-headline a.active:before,
  8729. .account__section-headline button.active:after,
  8730. .account__section-headline button.active:before,
  8731. .notification__filter-bar a.active:after,
  8732. .notification__filter-bar a.active:before,
  8733. .notification__filter-bar button.active:after,
  8734. .notification__filter-bar button.active:before {
  8735. display: block;
  8736. content: "";
  8737. position: absolute;
  8738. bottom: 0;
  8739. left: 50%;
  8740. width: 0;
  8741. height: 0;
  8742. transform: translateX(-50%);
  8743. border-color: transparent transparent #393f4f;
  8744. border-style: solid;
  8745. border-width: 0 10px 10px
  8746. }
  8747. .account__section-headline a.active:after,
  8748. .account__section-headline button.active:after,
  8749. .notification__filter-bar a.active:after,
  8750. .notification__filter-bar button.active:after {
  8751. bottom: -1px;
  8752. border-color: transparent transparent #282c37
  8753. }
  8754. .account__section-headline.directory__section-headline,
  8755. .notification__filter-bar.directory__section-headline {
  8756. background: #242731;
  8757. border-bottom-color: transparent
  8758. }
  8759. .account__section-headline.directory__section-headline a.active:before,
  8760. .account__section-headline.directory__section-headline button.active:before,
  8761. .notification__filter-bar.directory__section-headline a.active:before,
  8762. .notification__filter-bar.directory__section-headline button.active:before {
  8763. display: none
  8764. }
  8765. .account__section-headline.directory__section-headline a.active:after,
  8766. .account__section-headline.directory__section-headline button.active:after,
  8767. .notification__filter-bar.directory__section-headline a.active:after,
  8768. .notification__filter-bar.directory__section-headline button.active:after {
  8769. border-color: transparent transparent #191b22
  8770. }
  8771. .filter-form {
  8772. background: #282c37
  8773. }
  8774. .filter-form__column {
  8775. padding: 10px 15px
  8776. }
  8777. .column-settings__row .radio-button,
  8778. .filter-form .radio-button {
  8779. display: block
  8780. }
  8781. .radio-button {
  8782. font-size: 14px;
  8783. position: relative;
  8784. display: inline-block;
  8785. padding: 6px 0;
  8786. line-height: 18px;
  8787. cursor: default;
  8788. white-space: nowrap;
  8789. overflow: hidden;
  8790. text-overflow: ellipsis;
  8791. cursor: pointer
  8792. }
  8793. .radio-button input[type=checkbox],
  8794. .radio-button input[type=radio] {
  8795. display: none
  8796. }
  8797. .radio-button__input {
  8798. display: inline-block;
  8799. position: relative;
  8800. border: 1px solid #9baec8;
  8801. box-sizing: border-box;
  8802. width: 18px;
  8803. height: 18px;
  8804. flex: 0 0 auto;
  8805. margin-right: 10px;
  8806. top: -1px;
  8807. border-radius: 50%;
  8808. vertical-align: middle
  8809. }
  8810. .radio-button__input.checked {
  8811. border-color: #4ea2df;
  8812. background: #4ea2df
  8813. }
  8814. ::-webkit-scrollbar-thumb {
  8815. border-radius: 0
  8816. }
  8817. .search-popout {
  8818. background: #fff;
  8819. border-radius: 4px;
  8820. padding: 10px 14px 14px;
  8821. margin-top: 10px;
  8822. color: #9baec8;
  8823. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4)
  8824. }
  8825. .search-popout h4 {
  8826. text-transform: uppercase;
  8827. color: #9baec8;
  8828. font-size: 13px;
  8829. font-weight: 500;
  8830. margin-bottom: 10px
  8831. }
  8832. .search-popout li {
  8833. padding: 4px 0
  8834. }
  8835. .search-popout ul {
  8836. margin-bottom: 10px
  8837. }
  8838. .search-popout em {
  8839. font-weight: 500;
  8840. color: #282c37
  8841. }
  8842. noscript {
  8843. text-align: center
  8844. }
  8845. noscript img {
  8846. width: 200px;
  8847. opacity: .5;
  8848. -webkit-animation: flicker 4s infinite;
  8849. animation: flicker 4s infinite
  8850. }
  8851. noscript div {
  8852. font-size: 14px;
  8853. margin: 30px auto;
  8854. color: #d9e1e8;
  8855. max-width: 400px
  8856. }
  8857. noscript div a {
  8858. color: #2b90d9;
  8859. text-decoration: underline
  8860. }
  8861. noscript div a:hover {
  8862. text-decoration: none
  8863. }
  8864. @-webkit-keyframes flicker {
  8865. 0% {
  8866. opacity: 1
  8867. }
  8868. 30% {
  8869. opacity: .75
  8870. }
  8871. to {
  8872. opacity: 1
  8873. }
  8874. }
  8875. @keyframes flicker {
  8876. 0% {
  8877. opacity: 1
  8878. }
  8879. 30% {
  8880. opacity: .75
  8881. }
  8882. to {
  8883. opacity: 1
  8884. }
  8885. }
  8886. @media screen and (max-width:630px)and (max-height:400px) {
  8887. .search,
  8888. .tabs-bar {
  8889. will-change: margin-top;
  8890. transition: margin-top .4s .1s
  8891. }
  8892. .navigation-bar {
  8893. will-change: padding-bottom;
  8894. transition: padding-bottom .4s .1s
  8895. }
  8896. .navigation-bar>a:first-child {
  8897. will-change: margin-top, margin-left, margin-right, width;
  8898. transition: margin-top .4s .1s, margin-left .4s .5s, margin-right .4s .5s
  8899. }
  8900. .navigation-bar>.navigation-bar__profile-edit {
  8901. will-change: margin-top;
  8902. transition: margin-top .4s .1s
  8903. }
  8904. .navigation-bar .navigation-bar__actions>.icon-button.close {
  8905. will-change: opacity transform;
  8906. transition: opacity .2s .1s, transform .4s .1s
  8907. }
  8908. .navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button {
  8909. will-change: opacity transform;
  8910. transition: opacity .2s .3s, transform .4s .1s
  8911. }
  8912. .is-composing .search,
  8913. .is-composing .tabs-bar {
  8914. margin-top: -50px
  8915. }
  8916. .is-composing .navigation-bar {
  8917. padding-bottom: 0
  8918. }
  8919. .is-composing .navigation-bar>a:first-child {
  8920. margin: -100px 10px 0 -50px
  8921. }
  8922. .is-composing .navigation-bar .navigation-bar__profile {
  8923. padding-top: 2px
  8924. }
  8925. .is-composing .navigation-bar .navigation-bar__profile-edit {
  8926. position: absolute;
  8927. margin-top: -60px
  8928. }
  8929. .is-composing .navigation-bar .navigation-bar__actions .icon-button.close {
  8930. pointer-events: auto;
  8931. opacity: 1;
  8932. transform: scale(1) translate(0);
  8933. bottom: 5px
  8934. }
  8935. .is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {
  8936. pointer-events: none;
  8937. opacity: 0;
  8938. transform: scaleX(0) translate(100%)
  8939. }
  8940. }
  8941. .embed-modal {
  8942. width: auto;
  8943. max-width: 80vw;
  8944. max-height: 80vh
  8945. }
  8946. .embed-modal h4 {
  8947. padding: 30px;
  8948. font-weight: 500;
  8949. font-size: 16px;
  8950. text-align: center
  8951. }
  8952. .embed-modal .embed-modal__container {
  8953. padding: 10px
  8954. }
  8955. .embed-modal .embed-modal__container .hint {
  8956. margin-bottom: 15px
  8957. }
  8958. .embed-modal .embed-modal__container .embed-modal__html {
  8959. outline: 0;
  8960. box-sizing: border-box;
  8961. display: block;
  8962. width: 100%;
  8963. border: 0;
  8964. padding: 10px;
  8965. font-family: "mastodon-font-monospace", monospace;
  8966. background: #282c37;
  8967. color: #fff;
  8968. font-size: 14px;
  8969. margin: 0 0 15px;
  8970. border-radius: 4px
  8971. }
  8972. .embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner {
  8973. border: 0
  8974. }
  8975. .embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,
  8976. .embed-modal .embed-modal__container .embed-modal__html:active,
  8977. .embed-modal .embed-modal__container .embed-modal__html:focus {
  8978. outline: 0!important
  8979. }
  8980. .embed-modal .embed-modal__container .embed-modal__html:focus {
  8981. background: #313543
  8982. }
  8983. @media screen and (max-width:600px) {
  8984. .embed-modal .embed-modal__container .embed-modal__html {
  8985. font-size: 16px
  8986. }
  8987. }
  8988. .embed-modal .embed-modal__container .embed-modal__iframe {
  8989. width: 400px;
  8990. max-width: 100%;
  8991. overflow: hidden;
  8992. border: 0;
  8993. border-radius: 4px
  8994. }
  8995. .account__moved-note {
  8996. padding: 14px 10px 16px;
  8997. background: #313543;
  8998. border-top: 1px solid #393f4f;
  8999. border-bottom: 1px solid #393f4f
  9000. }
  9001. .account__moved-note__message {
  9002. position: relative;
  9003. margin-left: 58px;
  9004. color: #606984;
  9005. padding: 0 0 4px;
  9006. font-size: 14px
  9007. }
  9008. .account__moved-note__message>span {
  9009. display: block;
  9010. overflow: hidden;
  9011. text-overflow: ellipsis
  9012. }
  9013. .account__moved-note__icon-wrapper {
  9014. left: -26px;
  9015. position: absolute
  9016. }
  9017. .account__moved-note .detailed-status__display-avatar {
  9018. position: relative
  9019. }
  9020. .account__moved-note .detailed-status__display-name {
  9021. margin-bottom: 0
  9022. }
  9023. .column-inline-form {
  9024. padding: 15px 0 15px 15px;
  9025. display: flex;
  9026. justify-content: flex-start;
  9027. align-items: center;
  9028. background: #313543
  9029. }
  9030. .column-inline-form label {
  9031. flex: 1 1 auto
  9032. }
  9033. .column-inline-form label input {
  9034. width: 100%
  9035. }
  9036. .column-inline-form label input:focus {
  9037. outline: 0
  9038. }
  9039. .column-inline-form .icon-button {
  9040. flex: 0 0 auto;
  9041. margin: 0 10px
  9042. }
  9043. .drawer__backdrop {
  9044. cursor: pointer;
  9045. position: absolute;
  9046. top: 0;
  9047. left: 0;
  9048. width: 100%;
  9049. height: 100%;
  9050. background: rgba(0, 0, 0, .5)
  9051. }
  9052. .list-editor {
  9053. background: #282c37;
  9054. flex-direction: column;
  9055. border-radius: 8px;
  9056. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4);
  9057. width: 380px;
  9058. overflow: hidden
  9059. }
  9060. @media screen and (max-width:420px) {
  9061. .list-editor {
  9062. width: 90%
  9063. }
  9064. }
  9065. .list-editor h4 {
  9066. padding: 15px 0;
  9067. background: #444b5d;
  9068. font-weight: 500;
  9069. font-size: 16px;
  9070. text-align: center;
  9071. border-radius: 8px 8px 0 0
  9072. }
  9073. .list-editor .drawer__pager {
  9074. height: 50vh
  9075. }
  9076. .list-editor .drawer__inner {
  9077. border-radius: 0 0 8px 8px
  9078. }
  9079. .list-editor .drawer__inner.backdrop {
  9080. width: calc(100% - 60px);
  9081. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4);
  9082. border-radius: 0 0 0 8px
  9083. }
  9084. .list-editor__accounts {
  9085. overflow-y: auto
  9086. }
  9087. .list-editor .account__display-name:hover strong {
  9088. text-decoration: none
  9089. }
  9090. .list-editor .account__avatar {
  9091. cursor: default
  9092. }
  9093. .list-editor .search {
  9094. margin-bottom: 0
  9095. }
  9096. .list-adder {
  9097. background: #282c37;
  9098. flex-direction: column;
  9099. border-radius: 8px;
  9100. box-shadow: 2px 4px 15px rgba(0, 0, 0, .4);
  9101. width: 380px;
  9102. overflow: hidden
  9103. }
  9104. @media screen and (max-width:420px) {
  9105. .list-adder {
  9106. width: 90%
  9107. }
  9108. }
  9109. .list-adder__account {
  9110. background: #444b5d
  9111. }
  9112. .list-adder__lists {
  9113. background: #444b5d;
  9114. height: 50vh;
  9115. border-radius: 0 0 8px 8px;
  9116. overflow-y: auto
  9117. }
  9118. .list-adder .list {
  9119. padding: 10px;
  9120. border-bottom: 1px solid #393f4f
  9121. }
  9122. .list-adder .list__wrapper {
  9123. display: flex
  9124. }
  9125. .list-adder .list__display-name {
  9126. flex: 1 1 auto;
  9127. overflow: hidden;
  9128. text-decoration: none;
  9129. font-size: 16px;
  9130. padding: 10px
  9131. }
  9132. .focal-point {
  9133. position: relative;
  9134. cursor: move;
  9135. overflow: hidden;
  9136. height: 100%;
  9137. display: flex;
  9138. justify-content: center;
  9139. align-items: center;
  9140. background: #000
  9141. }
  9142. .focal-point canvas,
  9143. .focal-point img,
  9144. .focal-point video {
  9145. display: block;
  9146. max-height: 80vh;
  9147. width: 100%;
  9148. height: auto;
  9149. margin: 0;
  9150. -o-object-fit: contain;
  9151. font-family: "object-fit:contain";
  9152. object-fit: contain;
  9153. background: #000
  9154. }
  9155. .focal-point__reticle {
  9156. position: absolute;
  9157. width: 100px;
  9158. height: 100px;
  9159. transform: translate(-50%, -50%);
  9160. background: url(/packs/media/images/reticle-598f880539bfa93e3e2cc0fbb63afbf9.png) no-repeat 0 0;
  9161. border-radius: 50%;
  9162. box-shadow: 0 0 0 9999em rgba(0, 0, 0, .35)
  9163. }
  9164. .focal-point__overlay {
  9165. position: absolute;
  9166. width: 100%;
  9167. height: 100%;
  9168. top: 0;
  9169. left: 0
  9170. }
  9171. .focal-point__preview {
  9172. position: absolute;
  9173. bottom: 10px;
  9174. right: 10px;
  9175. z-index: 2;
  9176. cursor: move;
  9177. transition: opacity .1s ease
  9178. }
  9179. .focal-point__preview:hover {
  9180. opacity: .5
  9181. }
  9182. .focal-point__preview strong {
  9183. color: #fff;
  9184. font-size: 14px;
  9185. font-weight: 500;
  9186. display: block;
  9187. margin-bottom: 5px
  9188. }
  9189. .focal-point__preview div {
  9190. border-radius: 4px;
  9191. box-shadow: 0 0 14px rgba(0, 0, 0, .2)
  9192. }
  9193. @media screen and (max-width:480px) {
  9194. .focal-point img,
  9195. .focal-point video {
  9196. max-height: 100%
  9197. }
  9198. .focal-point__preview {
  9199. display: none
  9200. }
  9201. }
  9202. .account__header__content {
  9203. color: #9baec8;
  9204. font-size: 14px;
  9205. font-weight: 400;
  9206. overflow: hidden;
  9207. word-break: normal;
  9208. word-wrap: break-word
  9209. }
  9210. .account__header__content p {
  9211. margin-bottom: 20px
  9212. }
  9213. .account__header__content p:last-child {
  9214. margin-bottom: 0
  9215. }
  9216. .account__header__content a {
  9217. color: inherit;
  9218. text-decoration: underline
  9219. }
  9220. .account__header__content a:hover {
  9221. text-decoration: none
  9222. }
  9223. .account__header {
  9224. overflow: hidden
  9225. }
  9226. .account__header.inactive {
  9227. opacity: .5
  9228. }
  9229. .account__header.inactive .account__avatar,
  9230. .account__header.inactive .account__header__image {
  9231. -webkit-filter: grayscale(100%);
  9232. filter: grayscale(100%)
  9233. }
  9234. .account__header__info {
  9235. position: absolute;
  9236. top: 10px;
  9237. left: 10px
  9238. }
  9239. .account__header__image {
  9240. overflow: hidden;
  9241. height: 145px;
  9242. position: relative;
  9243. background: #1f232b
  9244. }
  9245. .account__header__image img {
  9246. -o-object-fit: cover;
  9247. font-family: "object-fit:cover";
  9248. object-fit: cover;
  9249. display: block;
  9250. width: 100%;
  9251. height: 100%;
  9252. margin: 0
  9253. }
  9254. .account__header__bar {
  9255. position: relative;
  9256. background: #313543;
  9257. padding: 5px;
  9258. border-bottom: 1px solid #42485a
  9259. }
  9260. .account__header__bar .avatar {
  9261. display: block;
  9262. flex: 0 0 auto;
  9263. width: 94px;
  9264. margin-left: -2px
  9265. }
  9266. .account__header__bar .avatar .account__avatar {
  9267. background: #17191f;
  9268. border: 2px solid #313543
  9269. }
  9270. .account__header__tabs {
  9271. display: flex;
  9272. align-items: flex-start;
  9273. padding: 7px 10px;
  9274. margin-top: -55px
  9275. }
  9276. .account__header__tabs__buttons {
  9277. display: flex;
  9278. align-items: center;
  9279. padding-top: 55px;
  9280. overflow: hidden
  9281. }
  9282. .account__header__tabs__buttons .icon-button {
  9283. border: 1px solid #42485a;
  9284. border-radius: 4px;
  9285. box-sizing: content-box;
  9286. padding: 2px
  9287. }
  9288. .account__header__tabs__buttons>.icon-button {
  9289. margin-right: 8px
  9290. }
  9291. .account__header__tabs__buttons .button {
  9292. margin: 0 8px
  9293. }
  9294. .account__header__tabs__name {
  9295. padding: 5px 10px
  9296. }
  9297. .account__header__tabs__name .account-role {
  9298. vertical-align: top
  9299. }
  9300. .account__header__tabs__name .emojione {
  9301. width: 22px;
  9302. height: 22px
  9303. }
  9304. .account__header__tabs__name h1 {
  9305. font-size: 16px;
  9306. line-height: 24px;
  9307. color: #fff;
  9308. font-weight: 500;
  9309. overflow: hidden;
  9310. white-space: nowrap;
  9311. text-overflow: ellipsis
  9312. }
  9313. .account__header__tabs__name h1 small {
  9314. display: block;
  9315. font-size: 14px;
  9316. color: #9baec8;
  9317. font-weight: 400;
  9318. overflow: hidden;
  9319. text-overflow: ellipsis
  9320. }
  9321. .account__header__tabs .spacer {
  9322. flex: 1 1 auto
  9323. }
  9324. .account__header__bio {
  9325. overflow: hidden;
  9326. margin: 0 -5px
  9327. }
  9328. .account__header__bio .account__header__content {
  9329. padding: 20px 15px 5px;
  9330. color: #fff
  9331. }
  9332. .columns-area--mobile .account__header__bio .account__header__content {
  9333. padding-left: 20px;
  9334. padding-right: 20px
  9335. }
  9336. .account__header__bio .account__header__fields {
  9337. margin: 0;
  9338. border-top: 1px solid #42485a
  9339. }
  9340. .account__header__bio .account__header__fields a {
  9341. color: #4ea2df
  9342. }
  9343. .account__header__bio .account__header__fields dl:first-child .verified {
  9344. border-radius: 0 4px 0 0
  9345. }
  9346. .account__header__bio .account__header__fields .verified a {
  9347. color: #79bd9a
  9348. }
  9349. .account__header__extra {
  9350. margin-top: 4px
  9351. }
  9352. .account__header__extra__links {
  9353. font-size: 14px;
  9354. color: #9baec8;
  9355. padding: 10px 0
  9356. }
  9357. .account__header__extra__links a {
  9358. display: inline-block;
  9359. color: #9baec8;
  9360. text-decoration: none;
  9361. padding: 5px 10px;
  9362. font-weight: 500
  9363. }
  9364. .account__header__extra__links a strong {
  9365. font-weight: 700;
  9366. color: #fff
  9367. }
  9368. .account__header__account-note {
  9369. padding: 15px 15px 10px;
  9370. color: #fff;
  9371. font-size: 14px;
  9372. font-weight: 400;
  9373. border-bottom: 1px solid #42485a
  9374. }
  9375. .columns-area--mobile .account__header__account-note {
  9376. padding-left: 20px;
  9377. padding-right: 20px
  9378. }
  9379. .account__header__account-note label {
  9380. display: block;
  9381. font-size: 12px;
  9382. font-weight: 500;
  9383. color: #9baec8;
  9384. text-transform: uppercase;
  9385. margin-bottom: 5px
  9386. }
  9387. .account__header__account-note textarea {
  9388. display: block;
  9389. box-sizing: border-box;
  9390. width: calc(100% + 20px);
  9391. color: #d9e1e8;
  9392. background: transparent;
  9393. padding: 10px;
  9394. margin: 0 -10px;
  9395. font-family: inherit;
  9396. font-size: 14px;
  9397. resize: none;
  9398. border: 0;
  9399. outline: 0;
  9400. border-radius: 4px
  9401. }
  9402. .account__header__account-note textarea::-webkit-input-placeholder {
  9403. color: #606984;
  9404. opacity: 1
  9405. }
  9406. .account__header__account-note textarea::-moz-placeholder {
  9407. color: #606984;
  9408. opacity: 1
  9409. }
  9410. .account__header__account-note textarea:-ms-input-placeholder {
  9411. color: #606984;
  9412. opacity: 1
  9413. }
  9414. .account__header__account-note textarea::placeholder {
  9415. color: #606984;
  9416. opacity: 1
  9417. }
  9418. .account__header__account-note textarea:focus {
  9419. background: #282c37
  9420. }
  9421. .trends__header {
  9422. color: #606984;
  9423. background: #2c313d;
  9424. border-bottom: 1px solid #1f232b;
  9425. font-weight: 500;
  9426. padding: 15px;
  9427. font-size: 16px;
  9428. cursor: default
  9429. }
  9430. .trends__header .fa {
  9431. display: inline-block;
  9432. margin-right: 5px
  9433. }
  9434. .trends__item {
  9435. display: flex;
  9436. align-items: center;
  9437. padding: 15px;
  9438. border-bottom: 1px solid #393f4f
  9439. }
  9440. .trends__item:last-child {
  9441. border-bottom: 0
  9442. }
  9443. .trends__item__name {
  9444. flex: 1 1 auto;
  9445. color: #606984;
  9446. overflow: hidden;
  9447. text-overflow: ellipsis;
  9448. white-space: nowrap
  9449. }
  9450. .trends__item__name strong {
  9451. font-weight: 500
  9452. }
  9453. .trends__item__name a {
  9454. color: #9baec8;
  9455. text-decoration: none;
  9456. font-size: 14px;
  9457. font-weight: 500;
  9458. display: block;
  9459. overflow: hidden;
  9460. text-overflow: ellipsis;
  9461. white-space: nowrap
  9462. }
  9463. .trends__item__name a:active span,
  9464. .trends__item__name a:focus span,
  9465. .trends__item__name a:hover span {
  9466. text-decoration: underline
  9467. }
  9468. .trends__item__current {
  9469. flex: 0 0 auto;
  9470. font-size: 24px;
  9471. line-height: 36px;
  9472. font-weight: 500;
  9473. text-align: right;
  9474. padding-right: 15px;
  9475. margin-left: 5px;
  9476. color: #d9e1e8
  9477. }
  9478. .trends__item__sparkline {
  9479. flex: 0 0 auto;
  9480. width: 50px
  9481. }
  9482. .trends__item__sparkline path:first-child {
  9483. fill: rgba(43, 144, 217, .25)!important;
  9484. fill-opacity: 1!important
  9485. }
  9486. .trends__item__sparkline path:last-child {
  9487. stroke: #459ede!important;
  9488. fill: none!important
  9489. }
  9490. .conversation {
  9491. display: flex;
  9492. border-bottom: 1px solid #393f4f;
  9493. padding: 5px 5px 0
  9494. }
  9495. .conversation:focus {
  9496. background: #2c313d;
  9497. outline: 0
  9498. }
  9499. .conversation__avatar {
  9500. flex: 0 0 auto;
  9501. padding: 12px 10px 10px;
  9502. position: relative;
  9503. cursor: pointer
  9504. }
  9505. .conversation__unread {
  9506. display: inline-block;
  9507. background: #2b90d9;
  9508. border-radius: 50%;
  9509. width: .625rem;
  9510. height: .625rem;
  9511. margin: -.1ex .15em .1ex
  9512. }
  9513. .conversation__content {
  9514. flex: 1 1 auto;
  9515. padding: 10px 15px 10px 5px;
  9516. overflow: hidden
  9517. }
  9518. .conversation__content__info {
  9519. overflow: hidden;
  9520. display: flex;
  9521. flex-direction: row-reverse;
  9522. justify-content: space-between
  9523. }
  9524. .conversation__content__relative-time {
  9525. font-size: 15px;
  9526. color: #9baec8;
  9527. padding-left: 15px
  9528. }
  9529. .conversation__content__names {
  9530. color: #9baec8;
  9531. font-size: 15px;
  9532. white-space: nowrap;
  9533. overflow: hidden;
  9534. text-overflow: ellipsis;
  9535. margin-bottom: 4px;
  9536. flex-basis: 90px;
  9537. flex-grow: 1
  9538. }
  9539. .conversation__content__names a {
  9540. color: #fff;
  9541. text-decoration: none
  9542. }
  9543. .conversation__content__names a:active,
  9544. .conversation__content__names a:focus,
  9545. .conversation__content__names a:hover {
  9546. text-decoration: underline
  9547. }
  9548. .conversation__content a {
  9549. word-break: break-word
  9550. }
  9551. .conversation--unread {
  9552. background: #2c313d
  9553. }
  9554. .conversation--unread:focus {
  9555. background: #313543
  9556. }
  9557. .conversation--unread .conversation__content__info {
  9558. font-weight: 700
  9559. }
  9560. .conversation--unread .conversation__content__relative-time {
  9561. color: #fff
  9562. }
  9563. .announcements {
  9564. background: #393f4f;
  9565. font-size: 13px;
  9566. display: flex;
  9567. align-items: flex-end
  9568. }
  9569. .announcements__mastodon {
  9570. width: 124px;
  9571. flex: 0 0 auto
  9572. }
  9573. @media screen and (max-width:424px) {
  9574. .announcements__mastodon {
  9575. display: none
  9576. }
  9577. }
  9578. .announcements__container {
  9579. width: calc(100% - 124px);
  9580. flex: 0 0 auto;
  9581. position: relative
  9582. }
  9583. @media screen and (max-width:424px) {
  9584. .announcements__container {
  9585. width: 100%
  9586. }
  9587. }
  9588. .announcements__item {
  9589. box-sizing: border-box;
  9590. width: 100%;
  9591. padding: 15px;
  9592. position: relative;
  9593. font-size: 15px;
  9594. line-height: 20px;
  9595. word-wrap: break-word;
  9596. font-weight: 400;
  9597. max-height: 50vh;
  9598. overflow: hidden;
  9599. display: flex;
  9600. flex-direction: column
  9601. }
  9602. .announcements__item__range {
  9603. display: block;
  9604. font-weight: 500;
  9605. margin-bottom: 10px;
  9606. padding-right: 18px
  9607. }
  9608. .announcements__item__unread {
  9609. position: absolute;
  9610. top: 19px;
  9611. right: 19px;
  9612. display: block;
  9613. background: #2b90d9;
  9614. border-radius: 50%;
  9615. width: .625rem;
  9616. height: .625rem
  9617. }
  9618. .announcements__pagination {
  9619. padding: 15px;
  9620. color: #9baec8;
  9621. position: absolute;
  9622. bottom: 3px;
  9623. right: 0
  9624. }
  9625. .layout-multiple-columns .announcements__mastodon {
  9626. display: none
  9627. }
  9628. .layout-multiple-columns .announcements__container {
  9629. width: 100%
  9630. }
  9631. .reactions-bar {
  9632. display: flex;
  9633. flex-wrap: wrap;
  9634. align-items: center;
  9635. margin-top: 15px;
  9636. margin-left: -2px;
  9637. width: calc(100% - 57px)
  9638. }
  9639. .reactions-bar__item {
  9640. flex-shrink: 0;
  9641. background: #42485a;
  9642. border: 0;
  9643. border-radius: 3px;
  9644. margin: 2px;
  9645. cursor: pointer;
  9646. -webkit-user-select: none;
  9647. -moz-user-select: none;
  9648. -ms-user-select: none;
  9649. user-select: none;
  9650. padding: 0 6px;
  9651. display: flex;
  9652. align-items: center;
  9653. transition: all .1s ease-in;
  9654. transition-property: background-color, color
  9655. }
  9656. .reactions-bar__item__emoji {
  9657. display: block;
  9658. margin: 3px 0;
  9659. width: 16px;
  9660. height: 16px
  9661. }
  9662. .reactions-bar__item__emoji img {
  9663. display: block;
  9664. margin: 0;
  9665. width: 100%;
  9666. height: 100%;
  9667. min-width: auto;
  9668. min-height: auto;
  9669. vertical-align: bottom;
  9670. -o-object-fit: contain;
  9671. font-family: "object-fit:contain";
  9672. object-fit: contain
  9673. }
  9674. .reactions-bar__item__count {
  9675. display: block;
  9676. min-width: 9px;
  9677. font-size: 13px;
  9678. font-weight: 500;
  9679. text-align: center;
  9680. margin-left: 6px;
  9681. color: #9baec8
  9682. }
  9683. .reactions-bar__item:active,
  9684. .reactions-bar__item:focus,
  9685. .reactions-bar__item:hover {
  9686. background: #4a5266;
  9687. transition: all .2s ease-out;
  9688. transition-property: background-color, color
  9689. }
  9690. .reactions-bar__item:active__count,
  9691. .reactions-bar__item:focus__count,
  9692. .reactions-bar__item:hover__count {
  9693. color: #a8b9cf
  9694. }
  9695. .reactions-bar__item.active {
  9696. transition: all .1s ease-in;
  9697. transition-property: background-color, color;
  9698. background-color: #3d5673
  9699. }
  9700. .reactions-bar__item.active .reactions-bar__item__count {
  9701. color: #4ea2df
  9702. }
  9703. .reactions-bar .emoji-picker-dropdown {
  9704. margin: 2px
  9705. }
  9706. .reactions-bar:hover .emoji-button {
  9707. opacity: .85
  9708. }
  9709. .reactions-bar .emoji-button {
  9710. color: #9baec8;
  9711. margin: 0;
  9712. font-size: 16px;
  9713. width: auto;
  9714. flex-shrink: 0;
  9715. padding: 0 6px;
  9716. height: 22px;
  9717. display: flex;
  9718. align-items: center;
  9719. opacity: .5;
  9720. transition: all .1s ease-in;
  9721. transition-property: background-color, color
  9722. }
  9723. .reactions-bar .emoji-button:active,
  9724. .reactions-bar .emoji-button:focus,
  9725. .reactions-bar .emoji-button:hover {
  9726. opacity: 1;
  9727. color: #a8b9cf;
  9728. transition: all .2s ease-out;
  9729. transition-property: background-color, color
  9730. }
  9731. .reactions-bar--empty .emoji-button {
  9732. padding: 0
  9733. }
  9734. .notification,
  9735. .status__wrapper {
  9736. position: relative
  9737. }
  9738. .notification.unread:before,
  9739. .status__wrapper.unread:before {
  9740. content: "";
  9741. position: absolute;
  9742. top: 0;
  9743. left: 0;
  9744. pointer-events: 0;
  9745. width: 100%;
  9746. height: 100%;
  9747. border-left: 2px solid #2b90d9;
  9748. pointer-events: none
  9749. }
  9750. .picture-in-picture {
  9751. position: fixed;
  9752. bottom: 20px;
  9753. right: 20px;
  9754. width: 300px
  9755. }
  9756. .picture-in-picture__footer {
  9757. border-radius: 0 0 4px 4px;
  9758. padding: 12px 10px 10px
  9759. }
  9760. .picture-in-picture__footer,
  9761. .picture-in-picture__header {
  9762. background: #313543;
  9763. display: flex;
  9764. justify-content: space-between
  9765. }
  9766. .picture-in-picture__header {
  9767. border-radius: 4px 4px 0 0;
  9768. padding: 10px
  9769. }
  9770. .picture-in-picture__header__account {
  9771. display: flex;
  9772. text-decoration: none
  9773. }
  9774. .picture-in-picture__header .account__avatar {
  9775. margin-right: 10px
  9776. }
  9777. .picture-in-picture__header .display-name {
  9778. color: #fff;
  9779. text-decoration: none
  9780. }
  9781. .picture-in-picture__header .display-name span,
  9782. .picture-in-picture__header .display-name strong {
  9783. display: block;
  9784. text-overflow: ellipsis;
  9785. overflow: hidden
  9786. }
  9787. .picture-in-picture__header .display-name span {
  9788. color: #9baec8
  9789. }
  9790. .picture-in-picture .audio-player,
  9791. .picture-in-picture .video-player {
  9792. border-radius: 0
  9793. }
  9794. .picture-in-picture-placeholder {
  9795. box-sizing: border-box;
  9796. border: 2px dashed #393f4f;
  9797. background: #000;
  9798. display: flex;
  9799. flex-direction: column;
  9800. align-items: center;
  9801. justify-content: center;
  9802. margin-top: 10px;
  9803. font-size: 16px;
  9804. font-weight: 500;
  9805. cursor: pointer;
  9806. color: #9baec8
  9807. }
  9808. .picture-in-picture-placeholder i {
  9809. display: block;
  9810. font-size: 24px;
  9811. font-weight: 400;
  9812. margin-bottom: 10px
  9813. }
  9814. .picture-in-picture-placeholder:active,
  9815. .picture-in-picture-placeholder:focus,
  9816. .picture-in-picture-placeholder:hover {
  9817. border-color: #42485a
  9818. }
  9819. .notifications-permission-banner {
  9820. padding: 30px;
  9821. border-bottom: 1px solid #393f4f;
  9822. display: flex;
  9823. flex-direction: column;
  9824. align-items: center;
  9825. justify-content: center;
  9826. position: relative
  9827. }
  9828. .notifications-permission-banner__close {
  9829. position: absolute;
  9830. top: 10px;
  9831. right: 10px
  9832. }
  9833. .notifications-permission-banner h2 {
  9834. font-size: 16px;
  9835. font-weight: 500;
  9836. margin-bottom: 15px;
  9837. text-align: center
  9838. }
  9839. .notifications-permission-banner p {
  9840. color: #9baec8;
  9841. margin-bottom: 15px;
  9842. text-align: center
  9843. }
  9844. .poll {
  9845. margin-top: 16px;
  9846. font-size: 14px
  9847. }
  9848. .poll li {
  9849. margin-bottom: 10px;
  9850. position: relative
  9851. }
  9852. .poll__chart {
  9853. border-radius: 4px;
  9854. display: block;
  9855. background: #8ba1bf;
  9856. height: 5px;
  9857. min-width: 1%
  9858. }
  9859. .poll__chart.leading {
  9860. background: #2b90d9
  9861. }
  9862. .poll progress {
  9863. border: 0;
  9864. display: block;
  9865. width: 100%;
  9866. height: 5px;
  9867. -webkit-appearance: none;
  9868. -moz-appearance: none;
  9869. appearance: none;
  9870. background: transparent
  9871. }
  9872. .poll progress::-webkit-progress-bar {
  9873. background: transparent
  9874. }
  9875. .poll progress::-moz-progress-bar {
  9876. border-radius: 4px;
  9877. background: #8ba1bf
  9878. }
  9879. .poll progress::-ms-fill {
  9880. border-radius: 4px;
  9881. background: #8ba1bf
  9882. }
  9883. .poll progress::-webkit-progress-value {
  9884. border-radius: 4px;
  9885. background: #8ba1bf
  9886. }
  9887. .poll__option {
  9888. position: relative;
  9889. display: flex;
  9890. padding: 6px 0;
  9891. line-height: 18px;
  9892. cursor: default;
  9893. overflow: hidden
  9894. }
  9895. .poll__option__text {
  9896. display: inline-block;
  9897. word-wrap: break-word;
  9898. overflow-wrap: break-word;
  9899. max-width: calc(100% - 70px)
  9900. }
  9901. .poll__option input[type=checkbox],
  9902. .poll__option input[type=radio] {
  9903. display: none
  9904. }
  9905. .poll__option .autossugest-input {
  9906. flex: 1 1 auto
  9907. }
  9908. .poll__option input[type=text] {
  9909. display: block;
  9910. box-sizing: border-box;
  9911. width: 100%;
  9912. font-size: 14px;
  9913. color: #282c37;
  9914. outline: 0;
  9915. font-family: inherit;
  9916. background: #fff;
  9917. border: 1px solid #dbdbdb;
  9918. border-radius: 4px;
  9919. padding: 6px 10px
  9920. }
  9921. .poll__option input[type=text]:focus {
  9922. border-color: #2b90d9
  9923. }
  9924. .poll__option.selectable {
  9925. cursor: pointer
  9926. }
  9927. .poll__option.editable {
  9928. display: flex;
  9929. align-items: center;
  9930. overflow: visible
  9931. }
  9932. .poll__input {
  9933. display: inline-block;
  9934. position: relative;
  9935. border: 1px solid #9baec8;
  9936. box-sizing: border-box;
  9937. width: 18px;
  9938. height: 18px;
  9939. flex: 0 0 auto;
  9940. margin-right: 10px;
  9941. top: -1px;
  9942. border-radius: 50%;
  9943. vertical-align: middle;
  9944. margin-top: auto;
  9945. margin-bottom: auto;
  9946. flex: 0 0 18px
  9947. }
  9948. .poll__input.checkbox {
  9949. border-radius: 4px
  9950. }
  9951. .poll__input.active {
  9952. border-color: #79bd9a;
  9953. background: #79bd9a
  9954. }
  9955. .poll__input:active,
  9956. .poll__input:focus,
  9957. .poll__input:hover {
  9958. border-color: #acd6c1;
  9959. border-width: 4px
  9960. }
  9961. .poll__input::-moz-focus-inner {
  9962. outline: 0!important;
  9963. border: 0
  9964. }
  9965. .poll__input:active,
  9966. .poll__input:focus {
  9967. outline: 0!important
  9968. }
  9969. .poll__number {
  9970. display: inline-block;
  9971. width: 45px;
  9972. font-weight: 700;
  9973. flex: 0 0 45px
  9974. }
  9975. .poll__voted {
  9976. padding: 0 5px;
  9977. display: inline-block
  9978. }
  9979. .poll__voted__mark {
  9980. font-size: 18px
  9981. }
  9982. .poll__footer {
  9983. padding-top: 6px;
  9984. padding-bottom: 5px;
  9985. color: #606984
  9986. }
  9987. .poll__link {
  9988. display: inline;
  9989. background: transparent;
  9990. padding: 0;
  9991. margin: 0;
  9992. border: 0;
  9993. color: #606984;
  9994. text-decoration: underline;
  9995. font-size: inherit
  9996. }
  9997. .poll__link:hover {
  9998. text-decoration: none
  9999. }
  10000. .poll__link:active,
  10001. .poll__link:focus {
  10002. background-color: rgba(96, 105, 132, .1)
  10003. }
  10004. .poll .button {
  10005. height: 36px;
  10006. padding: 0 16px;
  10007. margin-right: 10px;
  10008. font-size: 14px
  10009. }
  10010. .compose-form__poll-wrapper {
  10011. border-top: 1px solid #ebebeb
  10012. }
  10013. .compose-form__poll-wrapper ul {
  10014. padding: 10px
  10015. }
  10016. .compose-form__poll-wrapper .poll__footer {
  10017. border-top: 1px solid #ebebeb;
  10018. padding: 10px;
  10019. display: flex;
  10020. align-items: center
  10021. }
  10022. .compose-form__poll-wrapper .poll__footer button,
  10023. .compose-form__poll-wrapper .poll__footer select {
  10024. flex: 1 1 50%
  10025. }
  10026. .compose-form__poll-wrapper .poll__footer button:focus,
  10027. .compose-form__poll-wrapper .poll__footer select:focus {
  10028. border-color: #2b90d9
  10029. }
  10030. .compose-form__poll-wrapper .button.button-secondary {
  10031. font-size: 14px;
  10032. font-weight: 400;
  10033. padding: 6px 10px;
  10034. height: auto;
  10035. line-height: inherit;
  10036. color: #606984;
  10037. border-color: #606984;
  10038. margin-right: 5px
  10039. }
  10040. .compose-form__poll-wrapper li {
  10041. display: flex;
  10042. align-items: center
  10043. }
  10044. .compose-form__poll-wrapper li .poll__option {
  10045. flex: 0 0 auto;
  10046. width: calc(100% - 29px);
  10047. margin-right: 6px
  10048. }
  10049. .compose-form__poll-wrapper select {
  10050. -webkit-appearance: none;
  10051. -moz-appearance: none;
  10052. appearance: none;
  10053. box-sizing: border-box;
  10054. font-size: 14px;
  10055. color: #282c37;
  10056. display: inline-block;
  10057. width: auto;
  10058. outline: 0;
  10059. font-family: inherit;
  10060. background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>") no-repeat right 8px center/auto 16px;
  10061. border: 1px solid #dbdbdb;
  10062. border-radius: 4px;
  10063. padding: 6px 30px 6px 10px
  10064. }
  10065. .compose-form__poll-wrapper .icon-button.disabled {
  10066. color: #dbdbdb
  10067. }
  10068. .muted .poll {
  10069. color: #606984
  10070. }
  10071. .muted .poll__chart {
  10072. background: rgba(109, 137, 175, .2)
  10073. }
  10074. .muted .poll__chart.leading {
  10075. background: rgba(43, 144, 217, .2)
  10076. }
  10077. .introduction {
  10078. display: flex;
  10079. flex-direction: column;
  10080. justify-content: center;
  10081. align-items: center;
  10082. height: 100vh;
  10083. background: #282c37
  10084. }
  10085. @media screen and (max-width:920px) {
  10086. .introduction {
  10087. display: block!important
  10088. }
  10089. }
  10090. .introduction__pager {
  10091. background: #17191f;
  10092. box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  10093. overflow: hidden
  10094. }
  10095. .introduction__frame,
  10096. .introduction__pager {
  10097. border-radius: 10px;
  10098. width: 50vw;
  10099. min-width: 920px
  10100. }
  10101. @media screen and (max-width:920px) {
  10102. .introduction__frame,
  10103. .introduction__pager {
  10104. min-width: 0;
  10105. width: 100%;
  10106. border-radius: 0;
  10107. box-shadow: none
  10108. }
  10109. }
  10110. .introduction__frame-wrapper {
  10111. opacity: 0;
  10112. transition: opacity .5s linear
  10113. }
  10114. .introduction__frame-wrapper.active {
  10115. opacity: 1;
  10116. transition: opacity 50ms linear
  10117. }
  10118. .introduction__frame {
  10119. overflow: hidden
  10120. }
  10121. .introduction__illustration {
  10122. height: 50vh
  10123. }
  10124. @media screen and (max-width:630px) {
  10125. .introduction__illustration {
  10126. height: auto
  10127. }
  10128. }
  10129. .introduction__illustration img {
  10130. -o-object-fit: cover;
  10131. font-family: "object-fit:cover";
  10132. object-fit: cover;
  10133. display: block;
  10134. margin: 0;
  10135. width: 100%;
  10136. height: 100%
  10137. }
  10138. .introduction__text {
  10139. border-top: 2px solid #2b90d9
  10140. }
  10141. .introduction__text--columnized {
  10142. display: flex
  10143. }
  10144. .introduction__text--columnized>div {
  10145. flex: 1 1 33.33%;
  10146. text-align: center;
  10147. padding: 25px 25px 30px
  10148. }
  10149. @media screen and (max-width:630px) {
  10150. .introduction__text--columnized {
  10151. display: block;
  10152. padding: 15px 0 20px
  10153. }
  10154. .introduction__text--columnized>div {
  10155. padding: 10px 25px
  10156. }
  10157. }
  10158. .introduction__text h3 {
  10159. font-size: 24px;
  10160. line-height: 1.5;
  10161. font-weight: 700;
  10162. margin-bottom: 10px
  10163. }
  10164. .introduction__text p {
  10165. font-size: 16px;
  10166. line-height: 24px;
  10167. font-weight: 400;
  10168. color: #9baec8
  10169. }
  10170. .introduction__text p code {
  10171. display: inline-block;
  10172. background: #17191f;
  10173. font-size: 15px;
  10174. border: 1px solid #393f4f;
  10175. border-radius: 2px;
  10176. padding: 1px 3px
  10177. }
  10178. .introduction__text--centered {
  10179. padding: 25px 25px 30px;
  10180. text-align: center
  10181. }
  10182. .introduction__dots {
  10183. display: flex;
  10184. align-items: center;
  10185. justify-content: center;
  10186. padding: 25px
  10187. }
  10188. @media screen and (max-width:630px) {
  10189. .introduction__dots {
  10190. display: none
  10191. }
  10192. }
  10193. .introduction__dot {
  10194. width: 14px;
  10195. height: 14px;
  10196. border-radius: 14px;
  10197. border: 1px solid #2b90d9;
  10198. background: transparent;
  10199. margin: 0 3px;
  10200. cursor: pointer
  10201. }
  10202. .introduction__dot:hover {
  10203. background: #393f4f
  10204. }
  10205. .introduction__dot.active {
  10206. cursor: default;
  10207. background: #2b90d9
  10208. }
  10209. .introduction__action {
  10210. padding: 0 25px 25px;
  10211. display: flex;
  10212. align-items: center;
  10213. justify-content: center
  10214. }
  10215. .modal-layout {
  10216. background: #282c37 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="%23606984"/></svg>') repeat-x bottom fixed;
  10217. display: flex;
  10218. flex-direction: column;
  10219. height: 100vh;
  10220. padding: 0
  10221. }
  10222. .modal-layout__mastodon {
  10223. display: flex;
  10224. flex: 1;
  10225. flex-direction: column;
  10226. justify-content: flex-end
  10227. }
  10228. .modal-layout__mastodon>* {
  10229. flex: 1;
  10230. max-height: 235px;
  10231. background: url(/packs/media/images/elephant_ui_plane-72f8702db120a51a1cdbc4fb7f5ef59d.svg) no-repeat 0 100%/contain
  10232. }
  10233. @media screen and (max-width:600px) {
  10234. .account-header {
  10235. margin-top: 0
  10236. }
  10237. }
  10238. .emoji-mart {
  10239. font-size: 13px;
  10240. display: inline-block;
  10241. color: #282c37
  10242. }
  10243. .emoji-mart,
  10244. .emoji-mart * {
  10245. box-sizing: border-box;
  10246. line-height: 1.15
  10247. }
  10248. .emoji-mart .emoji-mart-emoji {
  10249. padding: 6px
  10250. }
  10251. .emoji-mart-bar {
  10252. border: 0 solid #c0cdd9
  10253. }
  10254. .emoji-mart-bar:first-child {
  10255. border-bottom-width: 1px;
  10256. border-top-left-radius: 5px;
  10257. border-top-right-radius: 5px;
  10258. background: #d9e1e8
  10259. }
  10260. .emoji-mart-bar:last-child {
  10261. border-top-width: 1px;
  10262. border-bottom-left-radius: 5px;
  10263. border-bottom-right-radius: 5px;
  10264. display: none
  10265. }
  10266. .emoji-mart-anchors {
  10267. display: flex;
  10268. justify-content: space-between;
  10269. padding: 0 6px;
  10270. color: #606984;
  10271. line-height: 0
  10272. }
  10273. .emoji-mart-anchor {
  10274. position: relative;
  10275. flex: 1;
  10276. text-align: center;
  10277. padding: 12px 4px;
  10278. overflow: hidden;
  10279. transition: color .1s ease-out;
  10280. cursor: pointer
  10281. }
  10282. .emoji-mart-anchor:hover {
  10283. color: #576078
  10284. }
  10285. .emoji-mart-anchor-selected {
  10286. color: #2b90d9
  10287. }
  10288. .emoji-mart-anchor-selected:hover {
  10289. color: #2485cb
  10290. }
  10291. .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  10292. bottom: -1px
  10293. }
  10294. .emoji-mart-anchor-bar {
  10295. position: absolute;
  10296. bottom: -5px;
  10297. left: 0;
  10298. width: 100%;
  10299. height: 4px;
  10300. background-color: #2b90d9
  10301. }
  10302. .emoji-mart-anchors i {
  10303. display: inline-block;
  10304. width: 100%;
  10305. max-width: 22px
  10306. }
  10307. .emoji-mart-anchors svg {
  10308. fill: currentColor;
  10309. max-height: 18px
  10310. }
  10311. .emoji-mart-scroll {
  10312. overflow-y: scroll;
  10313. height: 270px;
  10314. max-height: 35vh;
  10315. padding: 0 6px 6px;
  10316. background: #fff;
  10317. will-change: transform
  10318. }
  10319. .emoji-mart-scroll::-webkit-scrollbar-track:active,
  10320. .emoji-mart-scroll::-webkit-scrollbar-track:hover {
  10321. background-color: rgba(0, 0, 0, .3)
  10322. }
  10323. .emoji-mart-search {
  10324. padding: 10px 45px 10px 10px;
  10325. background: #fff
  10326. }
  10327. .emoji-mart-search input {
  10328. font-size: 14px;
  10329. font-weight: 400;
  10330. padding: 7px 9px;
  10331. font-family: inherit;
  10332. display: block;
  10333. width: 100%;
  10334. background: rgba(217, 225, 232, .3);
  10335. color: #282c37;
  10336. border: 1px solid #d9e1e8;
  10337. border-radius: 4px
  10338. }
  10339. .emoji-mart-search input::-moz-focus-inner {
  10340. border: 0
  10341. }
  10342. .emoji-mart-search input::-moz-focus-inner,
  10343. .emoji-mart-search input:active,
  10344. .emoji-mart-search input:focus {
  10345. outline: 0!important
  10346. }
  10347. .emoji-mart-category .emoji-mart-emoji {
  10348. cursor: pointer
  10349. }
  10350. .emoji-mart-category .emoji-mart-emoji span {
  10351. z-index: 1;
  10352. position: relative;
  10353. text-align: center
  10354. }
  10355. .emoji-mart-category .emoji-mart-emoji:hover:before {
  10356. z-index: 0;
  10357. content: "";
  10358. position: absolute;
  10359. top: 0;
  10360. left: 0;
  10361. width: 100%;
  10362. height: 100%;
  10363. background-color: rgba(217, 225, 232, .7);
  10364. border-radius: 100%
  10365. }
  10366. .emoji-mart-category-label {
  10367. z-index: 2;
  10368. position: relative;
  10369. position: -webkit-sticky;
  10370. position: sticky;
  10371. top: 0
  10372. }
  10373. .emoji-mart-category-label span {
  10374. display: block;
  10375. width: 100%;
  10376. font-weight: 500;
  10377. padding: 5px 6px;
  10378. background: #fff
  10379. }
  10380. .emoji-mart-emoji {
  10381. position: relative;
  10382. display: inline-block;
  10383. font-size: 0
  10384. }
  10385. .emoji-mart-emoji span {
  10386. width: 22px;
  10387. height: 22px
  10388. }
  10389. .emoji-mart-no-results {
  10390. font-size: 14px;
  10391. text-align: center;
  10392. padding-top: 70px;
  10393. color: #9baec8
  10394. }
  10395. .emoji-mart-no-results .emoji-mart-category-label {
  10396. display: none
  10397. }
  10398. .emoji-mart-no-results .emoji-mart-no-results-label {
  10399. margin-top: .2em
  10400. }
  10401. .emoji-mart-no-results .emoji-mart-emoji:hover:before {
  10402. content: none
  10403. }
  10404. .emoji-mart-preview {
  10405. display: none
  10406. }
  10407. .container {
  10408. box-sizing: border-box;
  10409. max-width: 1235px;
  10410. margin: 0 auto;
  10411. position: relative
  10412. }
  10413. @media screen and (max-width:1255px) {
  10414. .container {
  10415. width: 100%;
  10416. padding: 0 10px
  10417. }
  10418. }
  10419. .rich-formatting {
  10420. font-family: "mastodon-font-sans-serif", sans-serif;
  10421. font-size: 14px;
  10422. font-weight: 400;
  10423. line-height: 1.7;
  10424. word-wrap: break-word;
  10425. color: #9baec8
  10426. }
  10427. .rich-formatting a {
  10428. color: #2b90d9;
  10429. text-decoration: underline
  10430. }
  10431. .rich-formatting a:active,
  10432. .rich-formatting a:focus,
  10433. .rich-formatting a:hover {
  10434. text-decoration: none
  10435. }
  10436. .rich-formatting li,
  10437. .rich-formatting p {
  10438. color: #9baec8
  10439. }
  10440. .rich-formatting p {
  10441. margin-top: 0;
  10442. margin-bottom: .85em
  10443. }
  10444. .rich-formatting p:last-child {
  10445. margin-bottom: 0
  10446. }
  10447. .rich-formatting strong {
  10448. font-weight: 700;
  10449. color: #d9e1e8
  10450. }
  10451. .rich-formatting em {
  10452. font-style: italic;
  10453. color: #d9e1e8
  10454. }
  10455. .rich-formatting code {
  10456. font-size: .85em;
  10457. background: #17191f;
  10458. border-radius: 4px;
  10459. padding: .2em .3em
  10460. }
  10461. .rich-formatting h1,
  10462. .rich-formatting h2,
  10463. .rich-formatting h3,
  10464. .rich-formatting h4,
  10465. .rich-formatting h5,
  10466. .rich-formatting h6 {
  10467. font-family: mastodon-font-display, sans-serif;
  10468. margin-top: 1.275em;
  10469. margin-bottom: .85em;
  10470. font-weight: 500;
  10471. color: #d9e1e8
  10472. }
  10473. .rich-formatting h1 {
  10474. font-size: 2em
  10475. }
  10476. .rich-formatting h2 {
  10477. font-size: 1.75em
  10478. }
  10479. .rich-formatting h3 {
  10480. font-size: 1.5em
  10481. }
  10482. .rich-formatting h4 {
  10483. font-size: 1.25em
  10484. }
  10485. .rich-formatting h5,
  10486. .rich-formatting h6 {
  10487. font-size: 1em
  10488. }
  10489. .rich-formatting ul {
  10490. list-style: disc
  10491. }
  10492. .rich-formatting ol {
  10493. list-style: decimal
  10494. }
  10495. .rich-formatting ol,
  10496. .rich-formatting ul {
  10497. padding: 0 0 0 2em;
  10498. margin: 0 0 .85em
  10499. }
  10500. .rich-formatting ol[type=a],
  10501. .rich-formatting ul[type=a] {
  10502. list-style-type: lower-alpha
  10503. }
  10504. .rich-formatting ol[type=i],
  10505. .rich-formatting ul[type=i] {
  10506. list-style-type: lower-roman
  10507. }
  10508. .rich-formatting hr {
  10509. width: 100%;
  10510. height: 0;
  10511. border: 0;
  10512. border-bottom: 1px solid #313543;
  10513. margin: 1.7em 0
  10514. }
  10515. .rich-formatting hr.spacer {
  10516. height: 1px;
  10517. border: 0
  10518. }
  10519. .rich-formatting table {
  10520. width: 100%;
  10521. border-collapse: collapse;
  10522. -moz-column-break-inside: auto;
  10523. break-inside: auto;
  10524. margin-top: 24px;
  10525. margin-bottom: 32px
  10526. }
  10527. .rich-formatting table tbody tr,
  10528. .rich-formatting table thead tr {
  10529. border-bottom: 1px solid #313543;
  10530. font-size: 1em;
  10531. line-height: 1.625;
  10532. font-weight: 400;
  10533. text-align: left;
  10534. color: #9baec8
  10535. }
  10536. .rich-formatting table thead tr {
  10537. border-bottom-width: 2px;
  10538. line-height: 1.5;
  10539. font-weight: 500;
  10540. color: #606984
  10541. }
  10542. .rich-formatting table td,
  10543. .rich-formatting table th {
  10544. padding: 8px;
  10545. align-self: start;
  10546. align-items: start;
  10547. word-break: break-all
  10548. }
  10549. .rich-formatting table td.nowrap,
  10550. .rich-formatting table th.nowrap {
  10551. width: 25%;
  10552. position: relative
  10553. }
  10554. .rich-formatting table td.nowrap:before,
  10555. .rich-formatting table th.nowrap:before {
  10556. content: " ";
  10557. visibility: hidden
  10558. }
  10559. .rich-formatting table td.nowrap span,
  10560. .rich-formatting table th.nowrap span {
  10561. position: absolute;
  10562. left: 8px;
  10563. right: 8px;
  10564. white-space: nowrap;
  10565. overflow: hidden;
  10566. text-overflow: ellipsis
  10567. }
  10568. .rich-formatting>:first-child {
  10569. margin-top: 0
  10570. }
  10571. .information-board {
  10572. background: #1f232b;
  10573. padding: 20px 0
  10574. }
  10575. .information-board .container-alt {
  10576. position: relative;
  10577. padding-right: 295px
  10578. }
  10579. .information-board__sections {
  10580. display: flex;
  10581. justify-content: space-between;
  10582. flex-wrap: wrap
  10583. }
  10584. .information-board__section {
  10585. flex: 1 0 0;
  10586. font-family: "mastodon-font-sans-serif", sans-serif;
  10587. font-size: 16px;
  10588. line-height: 28px;
  10589. color: #fff;
  10590. text-align: right;
  10591. padding: 10px 15px
  10592. }
  10593. .information-board__section span,
  10594. .information-board__section strong {
  10595. display: block
  10596. }
  10597. .information-board__section span:last-child {
  10598. color: #d9e1e8
  10599. }
  10600. .information-board__section strong {
  10601. font-family: mastodon-font-display, sans-serif;
  10602. font-weight: 500;
  10603. font-size: 32px;
  10604. line-height: 48px
  10605. }
  10606. @media screen and (max-width:700px) {
  10607. .information-board__section {
  10608. text-align: center
  10609. }
  10610. }
  10611. .information-board .panel {
  10612. position: absolute;
  10613. width: 280px;
  10614. box-sizing: border-box;
  10615. background: #17191f;
  10616. padding: 10px 20px 20px;
  10617. border-radius: 4px 4px 0 0;
  10618. right: 0;
  10619. bottom: -40px
  10620. }
  10621. .information-board .panel .panel-header {
  10622. font-family: mastodon-font-display, sans-serif;
  10623. font-size: 14px;
  10624. line-height: 24px;
  10625. font-weight: 500;
  10626. color: #9baec8;
  10627. padding-bottom: 5px;
  10628. margin-bottom: 15px;
  10629. border-bottom: 1px solid #313543;
  10630. text-overflow: ellipsis;
  10631. white-space: nowrap;
  10632. overflow: hidden
  10633. }
  10634. .information-board .panel .panel-header a,
  10635. .information-board .panel .panel-header span {
  10636. font-weight: 400;
  10637. color: #7a93b6
  10638. }
  10639. .information-board .panel .panel-header a {
  10640. text-decoration: none
  10641. }
  10642. .information-board .owner {
  10643. text-align: center
  10644. }
  10645. .information-board .owner .avatar {
  10646. width: 80px;
  10647. height: 80px;
  10648. margin: 0 auto 15px
  10649. }
  10650. .information-board .owner .avatar img {
  10651. display: block;
  10652. width: 80px;
  10653. height: 80px;
  10654. border-radius: 48px
  10655. }
  10656. .information-board .owner .name {
  10657. font-size: 14px
  10658. }
  10659. .information-board .owner .name a {
  10660. display: block;
  10661. color: #fff;
  10662. text-decoration: none
  10663. }
  10664. .information-board .owner .name a:hover .display_name {
  10665. text-decoration: underline
  10666. }
  10667. .information-board .owner .name .username {
  10668. display: block;
  10669. color: #9baec8
  10670. }
  10671. .landing-page li,
  10672. .landing-page p {
  10673. font-family: "mastodon-font-sans-serif", sans-serif;
  10674. font-weight: 400;
  10675. font-size: 16px;
  10676. line-height: 30px;
  10677. margin-bottom: 12px;
  10678. color: #9baec8
  10679. }
  10680. .landing-page li a,
  10681. .landing-page p a {
  10682. color: #2b90d9;
  10683. text-decoration: underline
  10684. }
  10685. .landing-page em {
  10686. display: inline;
  10687. margin: 0;
  10688. padding: 0;
  10689. font-weight: 700;
  10690. background: transparent;
  10691. font-family: inherit;
  10692. font-size: inherit;
  10693. line-height: inherit;
  10694. color: #bcc9da
  10695. }
  10696. .landing-page h1 {
  10697. font-family: mastodon-font-display, sans-serif;
  10698. font-size: 26px;
  10699. line-height: 30px;
  10700. font-weight: 500;
  10701. margin-bottom: 20px;
  10702. color: #d9e1e8
  10703. }
  10704. .landing-page h1 small {
  10705. font-family: "mastodon-font-sans-serif", sans-serif;
  10706. display: block;
  10707. font-size: 18px;
  10708. font-weight: 400;
  10709. color: #bcc9da
  10710. }
  10711. .landing-page h2 {
  10712. font-family: mastodon-font-display, sans-serif;
  10713. font-size: 22px;
  10714. line-height: 26px;
  10715. font-weight: 500;
  10716. margin-bottom: 20px;
  10717. color: #d9e1e8
  10718. }
  10719. .landing-page h3 {
  10720. font-size: 18px
  10721. }
  10722. .landing-page h3,
  10723. .landing-page h4 {
  10724. font-family: mastodon-font-display, sans-serif;
  10725. line-height: 24px;
  10726. font-weight: 500;
  10727. margin-bottom: 20px;
  10728. color: #d9e1e8
  10729. }
  10730. .landing-page h4 {
  10731. font-size: 16px
  10732. }
  10733. .landing-page h5 {
  10734. font-size: 14px
  10735. }
  10736. .landing-page h5,
  10737. .landing-page h6 {
  10738. font-family: mastodon-font-display, sans-serif;
  10739. line-height: 24px;
  10740. font-weight: 500;
  10741. margin-bottom: 20px;
  10742. color: #d9e1e8
  10743. }
  10744. .landing-page h6 {
  10745. font-size: 12px
  10746. }
  10747. .landing-page ol,
  10748. .landing-page ul {
  10749. margin-left: 20px
  10750. }
  10751. .landing-page ol[type=a],
  10752. .landing-page ul[type=a] {
  10753. list-style-type: lower-alpha
  10754. }
  10755. .landing-page ol[type=i],
  10756. .landing-page ul[type=i] {
  10757. list-style-type: lower-roman
  10758. }
  10759. .landing-page ul {
  10760. list-style: disc
  10761. }
  10762. .landing-page ol {
  10763. list-style: decimal
  10764. }
  10765. .landing-page li>ol,
  10766. .landing-page li>ul {
  10767. margin-top: 6px
  10768. }
  10769. .landing-page hr {
  10770. width: 100%;
  10771. height: 0;
  10772. border: 0;
  10773. border-bottom: 1px solid rgba(96, 105, 132, .6);
  10774. margin: 20px 0
  10775. }
  10776. .landing-page hr.spacer {
  10777. height: 1px;
  10778. border: 0
  10779. }
  10780. .landing-page__forms,
  10781. .landing-page__information {
  10782. padding: 20px
  10783. }
  10784. .landing-page__call-to-action {
  10785. background: #282c37;
  10786. border-radius: 4px;
  10787. padding: 25px 40px;
  10788. overflow: hidden;
  10789. box-sizing: border-box
  10790. }
  10791. .landing-page__call-to-action .row {
  10792. width: 100%;
  10793. display: flex;
  10794. flex-direction: row-reverse;
  10795. flex-wrap: nowrap;
  10796. justify-content: space-between;
  10797. align-items: center
  10798. }
  10799. .landing-page__call-to-action .row__information-board {
  10800. display: flex;
  10801. justify-content: flex-end;
  10802. align-items: flex-end
  10803. }
  10804. .landing-page__call-to-action .row__information-board .information-board__section {
  10805. flex: 1 0 auto;
  10806. padding: 0 10px
  10807. }
  10808. @media screen and (max-width:415px) {
  10809. .landing-page__call-to-action .row__information-board {
  10810. width: 100%;
  10811. justify-content: space-between
  10812. }
  10813. }
  10814. .landing-page__call-to-action .row__mascot {
  10815. flex: 1;
  10816. margin: 10px -50px 0 0
  10817. }
  10818. @media screen and (max-width:415px) {
  10819. .landing-page__call-to-action .row__mascot {
  10820. display: none
  10821. }
  10822. }
  10823. .landing-page__logo {
  10824. margin-right: 20px
  10825. }
  10826. .landing-page__logo img {
  10827. height: 50px;
  10828. width: auto;
  10829. mix-blend-mode: lighten
  10830. }
  10831. .landing-page__information {
  10832. padding: 45px 40px;
  10833. margin-bottom: 10px
  10834. }
  10835. .landing-page__information:last-child {
  10836. margin-bottom: 0
  10837. }
  10838. .landing-page__information strong {
  10839. font-weight: 500;
  10840. color: #bcc9da
  10841. }
  10842. .landing-page__information .account {
  10843. border-bottom: 0;
  10844. padding: 0
  10845. }
  10846. .landing-page__information .account__display-name {
  10847. align-items: center;
  10848. display: flex;
  10849. margin-right: 5px
  10850. }
  10851. .landing-page__information .account div.account__display-name:hover .display-name strong {
  10852. text-decoration: none
  10853. }
  10854. .landing-page__information .account div.account__display-name .account__avatar {
  10855. cursor: default
  10856. }
  10857. .landing-page__information .account__avatar-wrapper {
  10858. margin-left: 0;
  10859. flex: 0 0 auto
  10860. }
  10861. .landing-page__information .account .display-name {
  10862. font-size: 15px
  10863. }
  10864. .landing-page__information .account .display-name__account {
  10865. font-size: 14px
  10866. }
  10867. @media screen and (max-width:960px) {
  10868. .landing-page__information .contact {
  10869. margin-top: 30px
  10870. }
  10871. }
  10872. @media screen and (max-width:700px) {
  10873. .landing-page__information {
  10874. padding: 25px 20px
  10875. }
  10876. }
  10877. .landing-page #mastodon-timeline,
  10878. .landing-page__forms,
  10879. .landing-page__information {
  10880. box-sizing: border-box;
  10881. background: #282c37;
  10882. border-radius: 4px;
  10883. box-shadow: 0 0 6px rgba(0, 0, 0, .1)
  10884. }
  10885. .landing-page__mascot {
  10886. height: 104px;
  10887. position: relative;
  10888. left: -40px;
  10889. bottom: 25px
  10890. }
  10891. .landing-page__mascot img {
  10892. height: 190px;
  10893. width: auto
  10894. }
  10895. .landing-page__short-description .row {
  10896. display: flex;
  10897. flex-wrap: wrap;
  10898. align-items: center;
  10899. margin-bottom: 40px
  10900. }
  10901. @media screen and (max-width:700px) {
  10902. .landing-page__short-description .row {
  10903. margin-bottom: 20px
  10904. }
  10905. }
  10906. .landing-page__short-description p a {
  10907. color: #d9e1e8
  10908. }
  10909. .landing-page__short-description h1 {
  10910. font-weight: 500;
  10911. color: #fff;
  10912. margin-bottom: 0
  10913. }
  10914. .landing-page__short-description h1 small {
  10915. color: #9baec8
  10916. }
  10917. .landing-page__short-description h1 small span {
  10918. color: #d9e1e8
  10919. }
  10920. .landing-page__short-description p:last-child {
  10921. margin-bottom: 0
  10922. }
  10923. .landing-page__hero {
  10924. margin-bottom: 10px
  10925. }
  10926. .landing-page__hero img {
  10927. display: block;
  10928. margin: 0;
  10929. max-width: 100%;
  10930. height: auto;
  10931. border-radius: 4px
  10932. }
  10933. @media screen and (max-width:840px) {
  10934. .landing-page .information-board .container-alt {
  10935. padding-right: 20px
  10936. }
  10937. .landing-page .information-board .panel {
  10938. position: static;
  10939. margin-top: 20px;
  10940. width: 100%;
  10941. border-radius: 4px
  10942. }
  10943. .landing-page .information-board .panel .panel-header {
  10944. text-align: center
  10945. }
  10946. }
  10947. @media screen and (max-width:675px) {
  10948. .landing-page .header-wrapper {
  10949. padding-top: 0
  10950. }
  10951. .landing-page .header-wrapper.compact {
  10952. padding-bottom: 0
  10953. }
  10954. .landing-page .header-wrapper.compact .hero .heading {
  10955. text-align: initial
  10956. }
  10957. .landing-page .features .container-alt,
  10958. .landing-page .header .container-alt {
  10959. display: block
  10960. }
  10961. }
  10962. .landing-page .cta {
  10963. margin: 20px
  10964. }
  10965. .landing {
  10966. margin-bottom: 100px
  10967. }
  10968. @media screen and (max-width:738px) {
  10969. .landing {
  10970. margin-bottom: 0
  10971. }
  10972. }
  10973. .landing__brand {
  10974. display: flex;
  10975. justify-content: center;
  10976. align-items: center;
  10977. padding: 50px
  10978. }
  10979. .landing__brand svg {
  10980. fill: #fff;
  10981. height: 52px
  10982. }
  10983. @media screen and (max-width:415px) {
  10984. .landing__brand {
  10985. padding: 0;
  10986. margin-bottom: 30px
  10987. }
  10988. }
  10989. .landing .directory {
  10990. margin-top: 30px;
  10991. background: transparent;
  10992. box-shadow: none;
  10993. border-radius: 0
  10994. }
  10995. .landing .hero-widget {
  10996. margin-top: 30px;
  10997. margin-bottom: 0
  10998. }
  10999. .landing .hero-widget h4 {
  11000. padding: 10px;
  11001. text-transform: uppercase;
  11002. font-weight: 700;
  11003. font-size: 13px;
  11004. color: #9baec8
  11005. }
  11006. .landing .hero-widget__text {
  11007. border-radius: 0;
  11008. padding-bottom: 0
  11009. }
  11010. .landing .hero-widget__footer {
  11011. background: #282c37;
  11012. padding: 10px;
  11013. border-radius: 0 0 4px 4px;
  11014. display: flex
  11015. }
  11016. .landing .hero-widget__footer__column {
  11017. flex: 1 1 50%;
  11018. overflow-x: hidden
  11019. }
  11020. .landing .hero-widget .account {
  11021. padding: 10px 0;
  11022. border-bottom: 0
  11023. }
  11024. .landing .hero-widget .account .account__display-name {
  11025. display: flex;
  11026. align-items: center
  11027. }
  11028. .landing .hero-widget__counters__wrapper {
  11029. display: flex
  11030. }
  11031. .landing .hero-widget__counter {
  11032. padding: 10px;
  11033. width: 50%
  11034. }
  11035. .landing .hero-widget__counter strong {
  11036. font-family: mastodon-font-display, sans-serif;
  11037. font-size: 15px;
  11038. font-weight: 700;
  11039. display: block
  11040. }
  11041. .landing .hero-widget__counter span {
  11042. font-size: 14px;
  11043. color: #9baec8
  11044. }
  11045. .landing .simple_form .user_agreement .label_input>label,
  11046. .landing .simple_form p.lead {
  11047. font-weight: 400;
  11048. color: #9baec8
  11049. }
  11050. .landing .simple_form p.lead {
  11051. font-size: 15px;
  11052. line-height: 20px;
  11053. margin-bottom: 25px
  11054. }
  11055. .landing__grid {
  11056. max-width: 960px;
  11057. margin: 0 auto;
  11058. display: grid;
  11059. grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  11060. grid-gap: 30px
  11061. }
  11062. @media screen and (max-width:738px) {
  11063. .landing__grid {
  11064. grid-template-columns: minmax(0, 100%);
  11065. grid-gap: 10px
  11066. }
  11067. .landing__grid__column-login {
  11068. grid-row: 1;
  11069. display: flex;
  11070. flex-direction: column
  11071. }
  11072. .landing__grid__column-login .box-widget {
  11073. order: 2;
  11074. flex: 0 0 auto
  11075. }
  11076. .landing__grid__column-login .hero-widget {
  11077. margin-top: 0;
  11078. margin-bottom: 10px;
  11079. order: 1;
  11080. flex: 0 0 auto
  11081. }
  11082. .landing__grid__column-registration {
  11083. grid-row: 2
  11084. }
  11085. .landing__grid .directory {
  11086. margin-top: 10px
  11087. }
  11088. }
  11089. @media screen and (max-width:415px) {
  11090. .landing__grid {
  11091. grid-gap: 0
  11092. }
  11093. .landing__grid .hero-widget {
  11094. display: block;
  11095. margin-bottom: 0;
  11096. box-shadow: none
  11097. }
  11098. .landing__grid .hero-widget__footer,
  11099. .landing__grid .hero-widget__img,
  11100. .landing__grid .hero-widget__img img {
  11101. border-radius: 0
  11102. }
  11103. .landing__grid .box-widget,
  11104. .landing__grid .directory__tag,
  11105. .landing__grid .hero-widget {
  11106. border-bottom: 1px solid #393f4f
  11107. }
  11108. .landing__grid .directory {
  11109. margin-top: 0
  11110. }
  11111. .landing__grid .directory__tag {
  11112. margin-bottom: 0
  11113. }
  11114. .landing__grid .directory__tag>a,
  11115. .landing__grid .directory__tag>div {
  11116. border-radius: 0;
  11117. box-shadow: none
  11118. }
  11119. .landing__grid .directory__tag:last-child {
  11120. border-bottom: 0
  11121. }
  11122. }
  11123. .brand {
  11124. position: relative;
  11125. text-decoration: none
  11126. }
  11127. .brand__tagline {
  11128. display: block;
  11129. position: absolute;
  11130. bottom: -10px;
  11131. left: 50px;
  11132. width: 300px;
  11133. color: #9baec8;
  11134. text-decoration: none;
  11135. font-size: 14px
  11136. }
  11137. @media screen and (max-width:415px) {
  11138. .brand__tagline {
  11139. position: static;
  11140. width: auto;
  11141. margin-top: 20px;
  11142. color: #606984
  11143. }
  11144. }
  11145. .table {
  11146. width: 100%;
  11147. max-width: 100%;
  11148. border-spacing: 0;
  11149. border-collapse: collapse
  11150. }
  11151. .table td,
  11152. .table th {
  11153. padding: 8px;
  11154. line-height: 18px;
  11155. vertical-align: top;
  11156. border-top: 1px solid #282c37;
  11157. text-align: left;
  11158. background: #1f232b
  11159. }
  11160. .table>thead>tr>th {
  11161. vertical-align: bottom;
  11162. border-bottom: 2px solid #282c37;
  11163. border-top: 0;
  11164. font-weight: 500
  11165. }
  11166. .table>tbody>tr>th {
  11167. font-weight: 500
  11168. }
  11169. .table>tbody>tr:nth-child(odd)>td,
  11170. .table>tbody>tr:nth-child(odd)>th {
  11171. background: #282c37
  11172. }
  11173. .table a {
  11174. color: #2b90d9;
  11175. text-decoration: underline
  11176. }
  11177. .table a:hover {
  11178. text-decoration: none
  11179. }
  11180. .table strong {
  11181. font-weight: 500
  11182. }
  11183. .table strong:lang(ja),
  11184. .table strong:lang(ko),
  11185. .table strong:lang(zh-CN),
  11186. .table strong:lang(zh-HK),
  11187. .table strong:lang(zh-TW) {
  11188. font-weight: 700
  11189. }
  11190. .table.inline-table>tbody>tr:nth-child(odd)>td,
  11191. .table.inline-table>tbody>tr:nth-child(odd)>th {
  11192. background: transparent
  11193. }
  11194. .table.inline-table>tbody>tr:first-child>td,
  11195. .table.inline-table>tbody>tr:first-child>th {
  11196. border-top: 0
  11197. }
  11198. .table.batch-table>thead>tr>th {
  11199. background: #282c37;
  11200. border-top: 1px solid #17191f;
  11201. border-bottom: 1px solid #17191f
  11202. }
  11203. .table.batch-table>thead>tr>th:first-child {
  11204. border-radius: 4px 0 0;
  11205. border-left: 1px solid #17191f
  11206. }
  11207. .table.batch-table>thead>tr>th:last-child {
  11208. border-radius: 0 4px 0 0;
  11209. border-right: 1px solid #17191f
  11210. }
  11211. .table--invites tbody td {
  11212. vertical-align: middle
  11213. }
  11214. .table-wrapper {
  11215. overflow: auto;
  11216. margin-bottom: 20px
  11217. }
  11218. samp {
  11219. font-family: "mastodon-font-monospace", monospace
  11220. }
  11221. button.table-action-link {
  11222. background: transparent;
  11223. border: 0;
  11224. font: inherit
  11225. }
  11226. a.table-action-link,
  11227. button.table-action-link {
  11228. text-decoration: none;
  11229. display: inline-block;
  11230. margin-right: 5px;
  11231. padding: 0 10px;
  11232. color: #9baec8;
  11233. font-weight: 500
  11234. }
  11235. a.table-action-link:hover,
  11236. button.table-action-link:hover {
  11237. color: #fff
  11238. }
  11239. a.table-action-link i.fa,
  11240. button.table-action-link i.fa {
  11241. font-weight: 400;
  11242. margin-right: 5px
  11243. }
  11244. a.table-action-link:first-child,
  11245. button.table-action-link:first-child {
  11246. padding-left: 0
  11247. }
  11248. .batch-table__row,
  11249. .batch-table__toolbar {
  11250. display: flex
  11251. }
  11252. .batch-table__row__select,
  11253. .batch-table__toolbar__select {
  11254. box-sizing: border-box;
  11255. padding: 8px 16px;
  11256. cursor: pointer;
  11257. min-height: 100%
  11258. }
  11259. .batch-table__row__select input,
  11260. .batch-table__toolbar__select input {
  11261. margin-top: 8px
  11262. }
  11263. .batch-table__row__select--aligned,
  11264. .batch-table__toolbar__select--aligned {
  11265. display: flex;
  11266. align-items: center
  11267. }
  11268. .batch-table__row__select--aligned input,
  11269. .batch-table__toolbar__select--aligned input {
  11270. margin-top: 0
  11271. }
  11272. .batch-table__row__actions,
  11273. .batch-table__row__content,
  11274. .batch-table__toolbar__actions,
  11275. .batch-table__toolbar__content {
  11276. padding: 8px 16px 8px 0;
  11277. flex: 1 1 auto
  11278. }
  11279. .batch-table__toolbar {
  11280. border: 1px solid #17191f;
  11281. background: #282c37;
  11282. border-radius: 4px 0 0;
  11283. height: 47px;
  11284. align-items: center
  11285. }
  11286. .batch-table__toolbar__actions {
  11287. text-align: right;
  11288. padding-right: 11px
  11289. }
  11290. .batch-table__form {
  11291. padding: 16px;
  11292. border: 1px solid #17191f;
  11293. border-top: 0;
  11294. background: #282c37
  11295. }
  11296. .batch-table__form .fields-row {
  11297. padding-top: 0;
  11298. margin-bottom: 0
  11299. }
  11300. .batch-table__row {
  11301. border: 1px solid #17191f;
  11302. border-top: 0;
  11303. background: #1f232b
  11304. }
  11305. @media screen and (max-width:415px) {
  11306. .optional .batch-table__row:first-child {
  11307. border-top: 1px solid #17191f
  11308. }
  11309. }
  11310. .batch-table__row:hover {
  11311. background: #242731
  11312. }
  11313. .batch-table__row:nth-child(2n) {
  11314. background: #282c37
  11315. }
  11316. .batch-table__row:nth-child(2n):hover {
  11317. background: #2c313d
  11318. }
  11319. .batch-table__row__content {
  11320. padding-top: 12px;
  11321. padding-bottom: 16px
  11322. }
  11323. .batch-table__row__content--unpadded {
  11324. padding: 0
  11325. }
  11326. .batch-table__row__content--with-image {
  11327. display: flex;
  11328. align-items: center
  11329. }
  11330. .batch-table__row__content__image {
  11331. flex: 0 0 auto;
  11332. display: flex;
  11333. justify-content: center;
  11334. align-items: center;
  11335. margin-right: 10px
  11336. }
  11337. .batch-table__row__content__image .emojione {
  11338. width: 32px;
  11339. height: 32px
  11340. }
  11341. .batch-table__row__content__text {
  11342. flex: 1 1 auto
  11343. }
  11344. .batch-table__row__content__extra {
  11345. flex: 0 0 auto;
  11346. text-align: right;
  11347. color: #9baec8;
  11348. font-weight: 500
  11349. }
  11350. .batch-table__row .directory__tag {
  11351. margin: 0;
  11352. width: 100%
  11353. }
  11354. .batch-table__row .directory__tag a {
  11355. background: transparent;
  11356. border-radius: 0
  11357. }
  11358. @media screen and (max-width:415px) {
  11359. .batch-table.optional .batch-table__row__select,
  11360. .batch-table.optional .batch-table__toolbar {
  11361. display: none
  11362. }
  11363. }
  11364. .batch-table .status__content {
  11365. padding-top: 0
  11366. }
  11367. .batch-table .status__content summary {
  11368. display: list-item
  11369. }
  11370. .batch-table .status__content strong {
  11371. font-weight: 700
  11372. }
  11373. .batch-table .nothing-here {
  11374. border: 1px solid #17191f;
  11375. border-top: 0;
  11376. box-shadow: none
  11377. }
  11378. @media screen and (max-width:415px) {
  11379. .batch-table .nothing-here {
  11380. border-top: 1px solid #17191f
  11381. }
  11382. }
  11383. @media screen and (max-width:870px) {
  11384. .batch-table .accounts-table tbody td.optional {
  11385. display: none
  11386. }
  11387. }
  11388. .admin-wrapper {
  11389. display: flex;
  11390. justify-content: center;
  11391. width: 100%;
  11392. min-height: 100vh
  11393. }
  11394. .admin-wrapper .sidebar-wrapper {
  11395. min-height: 100vh;
  11396. overflow: hidden;
  11397. pointer-events: none;
  11398. flex: 1 1 auto
  11399. }
  11400. .admin-wrapper .sidebar-wrapper__inner {
  11401. display: flex;
  11402. justify-content: flex-end;
  11403. background: #282c37;
  11404. height: 100%
  11405. }
  11406. .admin-wrapper .sidebar {
  11407. width: 240px;
  11408. padding: 0;
  11409. pointer-events: auto
  11410. }
  11411. .admin-wrapper .sidebar__toggle {
  11412. display: none;
  11413. background: #393f4f;
  11414. height: 48px
  11415. }
  11416. .admin-wrapper .sidebar__toggle__logo {
  11417. flex: 1 1 auto
  11418. }
  11419. .admin-wrapper .sidebar__toggle__logo a {
  11420. display: inline-block;
  11421. padding: 15px
  11422. }
  11423. .admin-wrapper .sidebar__toggle__logo svg {
  11424. fill: #fff;
  11425. height: 20px;
  11426. position: relative;
  11427. bottom: -2px
  11428. }
  11429. .admin-wrapper .sidebar__toggle__icon {
  11430. display: block;
  11431. color: #9baec8;
  11432. text-decoration: none;
  11433. flex: 0 0 auto;
  11434. font-size: 20px;
  11435. padding: 15px
  11436. }
  11437. .admin-wrapper .sidebar__toggle a:active,
  11438. .admin-wrapper .sidebar__toggle a:focus,
  11439. .admin-wrapper .sidebar__toggle a:hover {
  11440. background: #42485a
  11441. }
  11442. .admin-wrapper .sidebar .logo {
  11443. display: block;
  11444. margin: 40px auto;
  11445. width: 100px;
  11446. height: 100px
  11447. }
  11448. @media screen and (max-width:600px) {
  11449. .admin-wrapper .sidebar>a:first-child {
  11450. display: none
  11451. }
  11452. }
  11453. .admin-wrapper .sidebar ul {
  11454. list-style: none;
  11455. border-radius: 4px 0 0 4px;
  11456. overflow: hidden;
  11457. margin-bottom: 20px
  11458. }
  11459. @media screen and (max-width:600px) {
  11460. .admin-wrapper .sidebar ul {
  11461. margin-bottom: 0
  11462. }
  11463. }
  11464. .admin-wrapper .sidebar ul a {
  11465. display: block;
  11466. padding: 15px;
  11467. color: #9baec8;
  11468. text-decoration: none;
  11469. transition: all .2s linear;
  11470. transition-property: color, background-color;
  11471. border-radius: 4px 0 0 4px;
  11472. white-space: nowrap;
  11473. overflow: hidden;
  11474. text-overflow: ellipsis
  11475. }
  11476. .admin-wrapper .sidebar ul a i.fa {
  11477. margin-right: 5px
  11478. }
  11479. .admin-wrapper .sidebar ul a:hover {
  11480. color: #fff;
  11481. background-color: #1d2028;
  11482. transition: all .1s linear;
  11483. transition-property: color, background-color
  11484. }
  11485. .admin-wrapper .sidebar ul a.selected {
  11486. background: #242731;
  11487. border-radius: 4px 0 0
  11488. }
  11489. .admin-wrapper .sidebar ul ul {
  11490. background: #1f232b;
  11491. border-radius: 0 0 0 4px;
  11492. margin: 0
  11493. }
  11494. .admin-wrapper .sidebar ul ul a {
  11495. border: 0;
  11496. padding: 15px 35px
  11497. }
  11498. .admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
  11499. color: #fff;
  11500. background-color: #2b90d9;
  11501. border-bottom: 0;
  11502. border-radius: 0
  11503. }
  11504. .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {
  11505. background-color: #419bdd
  11506. }
  11507. .admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a {
  11508. border-radius: 4px 0 0 4px
  11509. }
  11510. .admin-wrapper .content-wrapper {
  11511. box-sizing: border-box;
  11512. width: 100%;
  11513. max-width: 840px;
  11514. flex: 1 1 auto
  11515. }
  11516. @media screen and (max-width:1080px) {
  11517. .admin-wrapper .sidebar-wrapper--empty {
  11518. display: none
  11519. }
  11520. .admin-wrapper .sidebar-wrapper {
  11521. width: 240px;
  11522. flex: 0 0 auto
  11523. }
  11524. }
  11525. @media screen and (max-width:600px) {
  11526. .admin-wrapper .sidebar-wrapper {
  11527. width: 100%
  11528. }
  11529. }
  11530. .admin-wrapper .content {
  11531. padding: 55px 15px 20px 25px
  11532. }
  11533. @media screen and (max-width:600px) {
  11534. .admin-wrapper .content {
  11535. max-width: none;
  11536. padding: 30px 15px 15px
  11537. }
  11538. }
  11539. .admin-wrapper .content-heading {
  11540. display: flex;
  11541. padding-bottom: 36px;
  11542. border-bottom: 1px solid #393f4f;
  11543. margin: -15px -15px 40px 0;
  11544. flex-wrap: wrap;
  11545. align-items: center;
  11546. justify-content: space-between
  11547. }
  11548. .admin-wrapper .content-heading>* {
  11549. margin-top: 15px;
  11550. margin-right: 15px
  11551. }
  11552. .admin-wrapper .content-heading-actions {
  11553. display: inline-flex
  11554. }
  11555. .admin-wrapper .content-heading-actions>:not(:first-child) {
  11556. margin-left: 5px
  11557. }
  11558. @media screen and (max-width:600px) {
  11559. .admin-wrapper .content-heading {
  11560. border-bottom: 0;
  11561. padding-bottom: 0
  11562. }
  11563. }
  11564. .admin-wrapper .content h2 {
  11565. color: #d9e1e8;
  11566. font-size: 24px;
  11567. line-height: 36px;
  11568. font-weight: 400
  11569. }
  11570. @media screen and (max-width:600px) {
  11571. .admin-wrapper .content h2 {
  11572. font-weight: 700
  11573. }
  11574. }
  11575. .admin-wrapper .content h3 {
  11576. color: #d9e1e8;
  11577. font-size: 20px;
  11578. line-height: 28px;
  11579. font-weight: 400;
  11580. margin-bottom: 30px
  11581. }
  11582. .admin-wrapper .content h4 {
  11583. text-transform: uppercase;
  11584. font-size: 13px;
  11585. font-weight: 700;
  11586. color: #9baec8;
  11587. padding-bottom: 8px;
  11588. margin-bottom: 8px;
  11589. border-bottom: 1px solid #393f4f
  11590. }
  11591. .admin-wrapper .content h6 {
  11592. font-size: 16px;
  11593. color: #d9e1e8;
  11594. line-height: 28px;
  11595. font-weight: 500
  11596. }
  11597. .admin-wrapper .content .fields-group h6 {
  11598. color: #fff;
  11599. font-weight: 500
  11600. }
  11601. .admin-wrapper .content .directory__tag>a,
  11602. .admin-wrapper .content .directory__tag>div {
  11603. box-shadow: none
  11604. }
  11605. .admin-wrapper .content .directory__tag .table-action-link .fa {
  11606. color: inherit
  11607. }
  11608. .admin-wrapper .content .directory__tag h4 {
  11609. font-size: 18px;
  11610. font-weight: 700;
  11611. color: #fff;
  11612. text-transform: none;
  11613. padding-bottom: 0;
  11614. margin-bottom: 0;
  11615. border-bottom: 0
  11616. }
  11617. .admin-wrapper .content>p {
  11618. font-size: 14px;
  11619. line-height: 21px;
  11620. color: #d9e1e8;
  11621. margin-bottom: 20px
  11622. }
  11623. .admin-wrapper .content>p strong {
  11624. color: #fff;
  11625. font-weight: 500
  11626. }
  11627. .admin-wrapper .content>p strong:lang(ja),
  11628. .admin-wrapper .content>p strong:lang(ko),
  11629. .admin-wrapper .content>p strong:lang(zh-CN),
  11630. .admin-wrapper .content>p strong:lang(zh-HK),
  11631. .admin-wrapper .content>p strong:lang(zh-TW) {
  11632. font-weight: 700
  11633. }
  11634. .admin-wrapper .content hr {
  11635. width: 100%;
  11636. height: 0;
  11637. border: 0;
  11638. border-bottom: 1px solid rgba(96, 105, 132, .6);
  11639. margin: 20px 0
  11640. }
  11641. .admin-wrapper .content hr.spacer {
  11642. height: 1px;
  11643. border: 0
  11644. }
  11645. @media screen and (max-width:600px) {
  11646. .admin-wrapper {
  11647. display: block
  11648. }
  11649. .admin-wrapper .sidebar-wrapper {
  11650. min-height: 0
  11651. }
  11652. .admin-wrapper .sidebar {
  11653. width: 100%;
  11654. padding: 0;
  11655. height: auto
  11656. }
  11657. .admin-wrapper .sidebar__toggle {
  11658. display: flex
  11659. }
  11660. .admin-wrapper .sidebar>ul {
  11661. display: none
  11662. }
  11663. .admin-wrapper .sidebar ul a,
  11664. .admin-wrapper .sidebar ul ul a {
  11665. border-radius: 0;
  11666. border-bottom: 1px solid #313543;
  11667. transition: none
  11668. }
  11669. .admin-wrapper .sidebar ul a:hover,
  11670. .admin-wrapper .sidebar ul ul a:hover {
  11671. transition: none
  11672. }
  11673. .admin-wrapper .sidebar ul ul {
  11674. border-radius: 0
  11675. }
  11676. .admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
  11677. border-bottom-color: #2b90d9
  11678. }
  11679. }
  11680. hr.spacer {
  11681. width: 100%;
  11682. border: 0;
  11683. margin: 20px 0;
  11684. height: 1px
  11685. }
  11686. .admin-wrapper .content .muted-hint,
  11687. body .muted-hint {
  11688. color: #9baec8
  11689. }
  11690. .admin-wrapper .content .muted-hint a,
  11691. body .muted-hint a {
  11692. color: #2b90d9
  11693. }
  11694. .admin-wrapper .content .positive-hint,
  11695. body .positive-hint {
  11696. color: #79bd9a;
  11697. font-weight: 500
  11698. }
  11699. .admin-wrapper .content .negative-hint,
  11700. body .negative-hint {
  11701. color: #df405a;
  11702. font-weight: 500
  11703. }
  11704. .admin-wrapper .content .neutral-hint,
  11705. body .neutral-hint {
  11706. color: #606984;
  11707. font-weight: 500
  11708. }
  11709. .admin-wrapper .content .warning-hint,
  11710. body .warning-hint {
  11711. color: #ca8f04;
  11712. font-weight: 500
  11713. }
  11714. .filters {
  11715. display: flex;
  11716. flex-wrap: wrap
  11717. }
  11718. .filters .filter-subset {
  11719. flex: 0 0 auto;
  11720. margin: 0 40px 20px 0
  11721. }
  11722. .filters .filter-subset:last-child {
  11723. margin-bottom: 30px
  11724. }
  11725. .filters .filter-subset ul {
  11726. margin-top: 5px;
  11727. list-style: none
  11728. }
  11729. .filters .filter-subset ul li {
  11730. display: inline-block;
  11731. margin-right: 5px
  11732. }
  11733. .filters .filter-subset strong {
  11734. font-weight: 500;
  11735. text-transform: uppercase;
  11736. font-size: 12px
  11737. }
  11738. .filters .filter-subset strong:lang(ja),
  11739. .filters .filter-subset strong:lang(ko),
  11740. .filters .filter-subset strong:lang(zh-CN),
  11741. .filters .filter-subset strong:lang(zh-HK),
  11742. .filters .filter-subset strong:lang(zh-TW) {
  11743. font-weight: 700
  11744. }
  11745. .filters .filter-subset--with-select strong {
  11746. display: block;
  11747. margin-bottom: 10px
  11748. }
  11749. .filters .filter-subset a {
  11750. display: inline-block;
  11751. color: #9baec8;
  11752. text-decoration: none;
  11753. text-transform: uppercase;
  11754. font-size: 12px;
  11755. font-weight: 500;
  11756. border-bottom: 2px solid #282c37
  11757. }
  11758. .filters .filter-subset a:hover {
  11759. color: #fff;
  11760. border-bottom: 2px solid #333846
  11761. }
  11762. .filters .filter-subset a.selected {
  11763. color: #2b90d9;
  11764. border-bottom: 2px solid #2b90d9
  11765. }
  11766. .report-accounts {
  11767. display: flex;
  11768. flex-wrap: wrap;
  11769. margin-bottom: 20px
  11770. }
  11771. .report-accounts__item {
  11772. display: flex;
  11773. flex: 250px;
  11774. flex-direction: column;
  11775. margin: 0 5px
  11776. }
  11777. .report-accounts__item>strong {
  11778. display: block;
  11779. margin: 0 0 10px -5px;
  11780. font-weight: 500;
  11781. font-size: 14px;
  11782. line-height: 18px;
  11783. color: #d9e1e8
  11784. }
  11785. .report-accounts__item>strong:lang(ja),
  11786. .report-accounts__item>strong:lang(ko),
  11787. .report-accounts__item>strong:lang(zh-CN),
  11788. .report-accounts__item>strong:lang(zh-HK),
  11789. .report-accounts__item>strong:lang(zh-TW) {
  11790. font-weight: 700
  11791. }
  11792. .report-accounts__item .account-card {
  11793. flex: 1 1 auto
  11794. }
  11795. .account-status,
  11796. .report-status {
  11797. display: flex;
  11798. margin-bottom: 10px
  11799. }
  11800. .account-status .activity-stream,
  11801. .report-status .activity-stream {
  11802. flex: 2 0 0;
  11803. margin-right: 20px;
  11804. max-width: calc(100% - 60px)
  11805. }
  11806. .account-status .activity-stream .entry,
  11807. .report-status .activity-stream .entry {
  11808. border-radius: 4px
  11809. }
  11810. .account-status__actions,
  11811. .report-status__actions {
  11812. flex: 0 0 auto;
  11813. display: flex;
  11814. flex-direction: column
  11815. }
  11816. .account-status__actions .icon-button,
  11817. .report-status__actions .icon-button {
  11818. font-size: 24px;
  11819. width: 24px;
  11820. text-align: center;
  11821. margin-bottom: 10px
  11822. }
  11823. .simple_form.new_account_moderation_note,
  11824. .simple_form.new_report_note {
  11825. max-width: 100%
  11826. }
  11827. .simple_form .actions {
  11828. margin-top: 15px
  11829. }
  11830. .simple_form .button {
  11831. font-size: 15px
  11832. }
  11833. .batch-form-box {
  11834. display: flex;
  11835. flex-wrap: wrap;
  11836. margin-bottom: 5px
  11837. }
  11838. .batch-form-box #form_status_batch_action {
  11839. margin: 0 5px 5px 0;
  11840. font-size: 14px
  11841. }
  11842. .batch-form-box input.button {
  11843. margin: 0 5px 5px 0
  11844. }
  11845. .batch-form-box .media-spoiler-toggle-buttons {
  11846. margin-left: auto
  11847. }
  11848. .batch-form-box .media-spoiler-toggle-buttons .button {
  11849. overflow: visible;
  11850. margin: 0 0 5px 5px;
  11851. float: right
  11852. }
  11853. .back-link {
  11854. margin-bottom: 10px;
  11855. font-size: 14px
  11856. }
  11857. .back-link a {
  11858. color: #2b90d9;
  11859. text-decoration: none
  11860. }
  11861. .back-link a:hover {
  11862. text-decoration: underline
  11863. }
  11864. .back-link,
  11865. .special-action-button {
  11866. text-align: right;
  11867. flex: 1 1 auto
  11868. }
  11869. .action-buttons {
  11870. display: flex;
  11871. overflow: hidden;
  11872. justify-content: space-between
  11873. }
  11874. .spacer {
  11875. flex: 1 1 auto
  11876. }
  11877. .log-entry {
  11878. line-height: 20px;
  11879. padding: 15px 0;
  11880. background: #282c37;
  11881. border-bottom: 1px solid #313543
  11882. }
  11883. .log-entry:last-child {
  11884. border-bottom: 0
  11885. }
  11886. .log-entry__header {
  11887. display: flex;
  11888. justify-content: flex-start;
  11889. align-items: center;
  11890. color: #9baec8;
  11891. font-size: 14px;
  11892. padding: 0 10px
  11893. }
  11894. .log-entry__avatar {
  11895. margin-right: 10px
  11896. }
  11897. .log-entry__avatar .avatar {
  11898. display: block;
  11899. margin: 0;
  11900. border-radius: 50%;
  11901. width: 40px;
  11902. height: 40px
  11903. }
  11904. .log-entry__content {
  11905. max-width: calc(100% - 90px)
  11906. }
  11907. .log-entry__title {
  11908. word-wrap: break-word
  11909. }
  11910. .log-entry__timestamp {
  11911. color: #606984
  11912. }
  11913. .log-entry .target,
  11914. .log-entry .username,
  11915. .log-entry a {
  11916. color: #d9e1e8;
  11917. text-decoration: none;
  11918. font-weight: 500
  11919. }
  11920. .inline-name-tag,
  11921. .name-tag,
  11922. a.inline-name-tag,
  11923. a.name-tag {
  11924. text-decoration: none;
  11925. color: #d9e1e8
  11926. }
  11927. .inline-name-tag .username,
  11928. .name-tag .username,
  11929. a.inline-name-tag .username,
  11930. a.name-tag .username {
  11931. font-weight: 500
  11932. }
  11933. .inline-name-tag.suspended .username,
  11934. .name-tag.suspended .username,
  11935. a.inline-name-tag.suspended .username,
  11936. a.name-tag.suspended .username {
  11937. text-decoration: line-through;
  11938. color: #e87487
  11939. }
  11940. .inline-name-tag.suspended .avatar,
  11941. .name-tag.suspended .avatar,
  11942. a.inline-name-tag.suspended .avatar,
  11943. a.name-tag.suspended .avatar {
  11944. -webkit-filter: grayscale(100%);
  11945. filter: grayscale(100%);
  11946. opacity: .8
  11947. }
  11948. .name-tag,
  11949. a.name-tag {
  11950. display: flex;
  11951. align-items: center
  11952. }
  11953. .name-tag .avatar,
  11954. a.name-tag .avatar {
  11955. display: block;
  11956. margin: 0 5px 0 0;
  11957. border-radius: 50%
  11958. }
  11959. .name-tag.suspended .avatar,
  11960. a.name-tag.suspended .avatar {
  11961. -webkit-filter: grayscale(100%);
  11962. filter: grayscale(100%);
  11963. opacity: .8
  11964. }
  11965. .speech-bubble {
  11966. margin-bottom: 20px;
  11967. border-left: 4px solid #2b90d9
  11968. }
  11969. .speech-bubble.positive {
  11970. border-left-color: #79bd9a
  11971. }
  11972. .speech-bubble.negative {
  11973. border-left-color: #e87487
  11974. }
  11975. .speech-bubble.warning {
  11976. border-left-color: #ca8f04
  11977. }
  11978. .speech-bubble__bubble {
  11979. padding: 16px 16px 16px 14px;
  11980. font-size: 15px;
  11981. line-height: 20px;
  11982. border-radius: 4px 4px 4px 0;
  11983. position: relative;
  11984. font-weight: 500
  11985. }
  11986. .speech-bubble__bubble a {
  11987. color: #9baec8
  11988. }
  11989. .speech-bubble__owner {
  11990. padding: 8px 8px 8px 12px
  11991. }
  11992. .speech-bubble time {
  11993. color: #606984
  11994. }
  11995. .report-card {
  11996. background: #282c37;
  11997. border-radius: 4px;
  11998. margin-bottom: 20px
  11999. }
  12000. .report-card__profile {
  12001. display: flex;
  12002. justify-content: space-between;
  12003. align-items: center;
  12004. padding: 15px
  12005. }
  12006. .report-card__profile .account {
  12007. padding: 0;
  12008. border: 0
  12009. }
  12010. .report-card__profile .account__avatar-wrapper {
  12011. margin-left: 0
  12012. }
  12013. .report-card__profile__stats {
  12014. flex: 0 0 auto;
  12015. font-weight: 500;
  12016. color: #9baec8;
  12017. text-transform: uppercase;
  12018. text-align: right
  12019. }
  12020. .report-card__profile__stats a {
  12021. color: inherit;
  12022. text-decoration: none
  12023. }
  12024. .report-card__profile__stats a:active,
  12025. .report-card__profile__stats a:focus,
  12026. .report-card__profile__stats a:hover {
  12027. color: #b5c3d6
  12028. }
  12029. .report-card__profile__stats .red {
  12030. color: #df405a
  12031. }
  12032. .report-card__summary__item {
  12033. display: flex;
  12034. justify-content: flex-start;
  12035. border-top: 1px solid #1f232b
  12036. }
  12037. .report-card__summary__item:hover {
  12038. background: #2c313d
  12039. }
  12040. .report-card__summary__item__assigned,
  12041. .report-card__summary__item__reported-by {
  12042. padding: 15px;
  12043. flex: 0 0 auto;
  12044. box-sizing: border-box;
  12045. width: 150px;
  12046. color: #9baec8
  12047. }
  12048. .report-card__summary__item__assigned,
  12049. .report-card__summary__item__assigned .username,
  12050. .report-card__summary__item__reported-by,
  12051. .report-card__summary__item__reported-by .username {
  12052. white-space: nowrap;
  12053. overflow: hidden;
  12054. text-overflow: ellipsis
  12055. }
  12056. .report-card__summary__item__content {
  12057. flex: 1 1 auto;
  12058. max-width: calc(100% - 300px)
  12059. }
  12060. .report-card__summary__item__content__icon {
  12061. color: #606984;
  12062. margin-right: 4px;
  12063. font-weight: 500
  12064. }
  12065. .report-card__summary__item__content a {
  12066. display: block;
  12067. box-sizing: border-box;
  12068. width: 100%;
  12069. padding: 15px;
  12070. text-decoration: none;
  12071. color: #9baec8
  12072. }
  12073. .one-line {
  12074. white-space: nowrap
  12075. }
  12076. .ellipsized-ip,
  12077. .one-line {
  12078. overflow: hidden;
  12079. text-overflow: ellipsis
  12080. }
  12081. .ellipsized-ip {
  12082. display: inline-block;
  12083. max-width: 120px;
  12084. vertical-align: middle
  12085. }
  12086. .admin-account-bio {
  12087. display: flex;
  12088. flex-wrap: wrap;
  12089. margin: 20px -5px 0
  12090. }
  12091. .admin-account-bio>div {
  12092. box-sizing: border-box;
  12093. padding: 0 5px;
  12094. margin-bottom: 10px;
  12095. flex: 1 0 50%
  12096. }
  12097. .admin-account-bio .account__header__content,
  12098. .admin-account-bio .account__header__fields {
  12099. background: #393f4f;
  12100. border-radius: 4px;
  12101. height: 100%
  12102. }
  12103. .admin-account-bio .account__header__fields {
  12104. margin: 0;
  12105. border: 0
  12106. }
  12107. .admin-account-bio .account__header__fields a {
  12108. color: #4ea2df
  12109. }
  12110. .admin-account-bio .account__header__fields dl:first-child .verified {
  12111. border-radius: 0 4px 0 0
  12112. }
  12113. .admin-account-bio .account__header__fields .verified a {
  12114. color: #79bd9a
  12115. }
  12116. .admin-account-bio .account__header__content {
  12117. box-sizing: border-box;
  12118. padding: 20px;
  12119. color: #fff
  12120. }
  12121. .center-text {
  12122. text-align: center
  12123. }
  12124. .announcements-list {
  12125. border: 1px solid #313543;
  12126. border-radius: 4px
  12127. }
  12128. .announcements-list__item {
  12129. padding: 15px 0;
  12130. background: #282c37;
  12131. border-bottom: 1px solid #313543
  12132. }
  12133. .announcements-list__item__title {
  12134. padding: 0 15px;
  12135. display: block;
  12136. font-weight: 500;
  12137. font-size: 18px;
  12138. line-height: 1.5;
  12139. color: #d9e1e8;
  12140. text-decoration: none;
  12141. margin-bottom: 10px
  12142. }
  12143. .announcements-list__item__title:active,
  12144. .announcements-list__item__title:focus,
  12145. .announcements-list__item__title:hover {
  12146. color: #fff
  12147. }
  12148. .announcements-list__item__meta {
  12149. padding: 0 15px;
  12150. color: #606984
  12151. }
  12152. .announcements-list__item__action-bar {
  12153. display: flex;
  12154. justify-content: space-between;
  12155. align-items: center
  12156. }
  12157. .announcements-list__item:last-child {
  12158. border-bottom: 0
  12159. }
  12160. .account-badges {
  12161. margin: -2px 0
  12162. }
  12163. .dashboard__counters.admin-account-counters {
  12164. margin-top: 10px
  12165. }
  12166. .dashboard__counters {
  12167. display: flex;
  12168. flex-wrap: wrap;
  12169. margin: 0 -5px 20px
  12170. }
  12171. .dashboard__counters>div {
  12172. box-sizing: border-box;
  12173. flex: 0 0 33.333%;
  12174. padding: 0 5px;
  12175. margin-bottom: 10px
  12176. }
  12177. .dashboard__counters>div>a,
  12178. .dashboard__counters>div>div {
  12179. padding: 20px;
  12180. background: #313543;
  12181. border-radius: 4px;
  12182. box-sizing: border-box;
  12183. height: 100%
  12184. }
  12185. .dashboard__counters>div>a {
  12186. text-decoration: none;
  12187. color: inherit;
  12188. display: block
  12189. }
  12190. .dashboard__counters>div>a:active,
  12191. .dashboard__counters>div>a:focus,
  12192. .dashboard__counters>div>a:hover {
  12193. background: #393f4f
  12194. }
  12195. .dashboard__counters__num,
  12196. .dashboard__counters__text {
  12197. text-align: center;
  12198. font-weight: 500;
  12199. font-size: 24px;
  12200. line-height: 21px;
  12201. color: #fff;
  12202. font-family: mastodon-font-display, sans-serif;
  12203. margin-bottom: 20px;
  12204. line-height: 30px
  12205. }
  12206. .dashboard__counters__text {
  12207. font-size: 18px
  12208. }
  12209. .dashboard__counters__label {
  12210. font-size: 14px;
  12211. color: #9baec8;
  12212. text-align: center;
  12213. font-weight: 500
  12214. }
  12215. .dashboard__widgets {
  12216. display: flex;
  12217. flex-wrap: wrap;
  12218. margin: 0 -5px
  12219. }
  12220. .dashboard__widgets>div {
  12221. flex: 0 0 33.333%;
  12222. margin-bottom: 20px
  12223. }
  12224. .dashboard__widgets>div>div {
  12225. padding: 0 5px
  12226. }
  12227. .dashboard__widgets a:not(.name-tag) {
  12228. color: #d9e1e8;
  12229. font-weight: 500;
  12230. text-decoration: none
  12231. }
  12232. body.rtl {
  12233. direction: rtl
  12234. }
  12235. body.rtl .column-header>button {
  12236. text-align: right;
  12237. padding-left: 0;
  12238. padding-right: 15px
  12239. }
  12240. body.rtl .radio-button__input {
  12241. margin-right: 0;
  12242. margin-left: 10px
  12243. }
  12244. body.rtl .directory__card__bar .display-name {
  12245. margin-left: 0;
  12246. margin-right: 15px
  12247. }
  12248. body.rtl .announcements__item,
  12249. body.rtl .display-name {
  12250. text-align: right
  12251. }
  12252. body.rtl .announcements__item__range {
  12253. padding-right: 0;
  12254. padding-left: 18px
  12255. }
  12256. body.rtl .reactions-bar {
  12257. margin-left: auto;
  12258. margin-right: -2px;
  12259. direction: rtl
  12260. }
  12261. body.rtl .reactions-bar__item__count {
  12262. margin-left: 0;
  12263. margin-right: 6px
  12264. }
  12265. body.rtl .announcements__pagination {
  12266. right: auto;
  12267. left: 0
  12268. }
  12269. body.rtl .notification__message {
  12270. margin-left: 0;
  12271. margin-right: 68px
  12272. }
  12273. body.rtl .announcements__mastodon,
  12274. body.rtl .drawer__inner__mastodon>img {
  12275. transform: scaleX(-1)
  12276. }
  12277. body.rtl .notification__favourite-icon-wrapper {
  12278. left: auto;
  12279. right: -26px
  12280. }
  12281. body.rtl .landing-page__logo {
  12282. margin-right: 0;
  12283. margin-left: 20px
  12284. }
  12285. body.rtl .landing-page .features-list .features-list__row .visual {
  12286. margin-left: 0;
  12287. margin-right: 15px
  12288. }
  12289. body.rtl .column-header__icon,
  12290. body.rtl .column-link__icon {
  12291. margin-right: 0;
  12292. margin-left: 5px
  12293. }
  12294. body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
  12295. margin-right: 0;
  12296. margin-left: 4px
  12297. }
  12298. body.rtl .navigation-bar__profile {
  12299. margin-left: 0;
  12300. margin-right: 8px
  12301. }
  12302. body.rtl .search__input {
  12303. padding-right: 10px;
  12304. padding-left: 30px
  12305. }
  12306. body.rtl .search__icon .fa {
  12307. right: auto;
  12308. left: 10px
  12309. }
  12310. body.rtl .columns-area {
  12311. direction: rtl
  12312. }
  12313. body.rtl .column-header__buttons {
  12314. left: 0;
  12315. right: auto;
  12316. margin-left: 0;
  12317. margin-right: -15px
  12318. }
  12319. body.rtl .column-inline-form .icon-button {
  12320. margin-left: 0;
  12321. margin-right: 5px
  12322. }
  12323. body.rtl .column-header__links .text-btn {
  12324. margin-left: 10px;
  12325. margin-right: 0
  12326. }
  12327. body.rtl .account__avatar-wrapper {
  12328. float: right
  12329. }
  12330. body.rtl .column-header__back-button {
  12331. padding-left: 5px;
  12332. padding-right: 0
  12333. }
  12334. body.rtl .column-header__setting-arrows {
  12335. float: left
  12336. }
  12337. body.rtl .setting-toggle__label {
  12338. margin-left: 0;
  12339. margin-right: 8px
  12340. }
  12341. body.rtl .status__avatar {
  12342. left: auto;
  12343. right: 10px
  12344. }
  12345. body.rtl .activity-stream .status.light,
  12346. body.rtl .status {
  12347. padding-left: 10px;
  12348. padding-right: 68px
  12349. }
  12350. body.rtl .activity-stream .status.light .status__display-name,
  12351. body.rtl .status__info .status__display-name {
  12352. padding-left: 25px;
  12353. padding-right: 0
  12354. }
  12355. body.rtl .activity-stream .pre-header {
  12356. padding-right: 68px;
  12357. padding-left: 0
  12358. }
  12359. body.rtl .status__prepend {
  12360. margin-left: 0;
  12361. margin-right: 68px
  12362. }
  12363. body.rtl .status__prepend-icon-wrapper {
  12364. left: auto;
  12365. right: -26px
  12366. }
  12367. body.rtl .activity-stream .pre-header .pre-header__icon {
  12368. left: auto;
  12369. right: 42px
  12370. }
  12371. body.rtl .account__header__tabs__buttons>.icon-button {
  12372. margin-right: 0;
  12373. margin-left: 8px
  12374. }
  12375. body.rtl .account__avatar-overlay-overlay,
  12376. body.rtl .column-back-button--slim-button {
  12377. right: auto;
  12378. left: 0
  12379. }
  12380. body.rtl .activity-stream .status.light .status__header .status__meta,
  12381. body.rtl .status__relative-time,
  12382. body.rtl .status__visibility-icon {
  12383. float: left
  12384. }
  12385. body.rtl .status__action-bar__counter {
  12386. margin-right: 0;
  12387. margin-left: 11px
  12388. }
  12389. body.rtl .status__action-bar__counter .status__action-bar-button {
  12390. margin-right: 0;
  12391. margin-left: 4px
  12392. }
  12393. body.rtl .status__action-bar-button {
  12394. float: right;
  12395. margin-right: 0;
  12396. margin-left: 18px
  12397. }
  12398. body.rtl .status__action-bar-dropdown {
  12399. float: right
  12400. }
  12401. body.rtl .privacy-dropdown__dropdown {
  12402. margin-left: 0;
  12403. margin-right: 40px
  12404. }
  12405. body.rtl .privacy-dropdown__option__icon {
  12406. margin-left: 10px;
  12407. margin-right: 0
  12408. }
  12409. body.rtl .detailed-status__display-name .display-name,
  12410. body.rtl .picture-in-picture__header__account .display-name {
  12411. text-align: right
  12412. }
  12413. body.rtl .detailed-status__display-avatar {
  12414. margin-right: 0;
  12415. margin-left: 10px;
  12416. float: right
  12417. }
  12418. body.rtl .picture-in-picture__header__account .account__avatar {
  12419. margin-right: 0;
  12420. margin-left: 10px
  12421. }
  12422. body.rtl .icon-button__counter {
  12423. margin-left: 0;
  12424. margin-right: 4px
  12425. }
  12426. body.rtl .notifications-permission-banner__close {
  12427. right: auto;
  12428. left: 10px
  12429. }
  12430. body.rtl .detailed-status__favorites,
  12431. body.rtl .detailed-status__reblogs {
  12432. margin-left: 0;
  12433. margin-right: 6px
  12434. }
  12435. body.rtl .fa-ul {
  12436. margin-left: 2.14285714em
  12437. }
  12438. body.rtl .fa-li {
  12439. left: auto;
  12440. right: -2.14285714em
  12441. }
  12442. body.rtl .admin-wrapper {
  12443. direction: rtl
  12444. }
  12445. body.rtl .admin-wrapper .sidebar ul a i.fa,
  12446. body.rtl a.table-action-link i.fa {
  12447. margin-right: 0;
  12448. margin-left: 5px
  12449. }
  12450. body.rtl .simple_form .check_boxes .checkbox label {
  12451. padding-left: 0;
  12452. padding-right: 25px
  12453. }
  12454. body.rtl .simple_form .input.with_label.boolean label.checkbox {
  12455. padding-left: 25px;
  12456. padding-right: 0
  12457. }
  12458. body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],
  12459. body.rtl .simple_form .input.boolean input[type=checkbox],
  12460. body.rtl .simple_form .input.radio_buttons .radio {
  12461. left: auto;
  12462. right: 0
  12463. }
  12464. body.rtl .simple_form .input.radio_buttons .radio>label {
  12465. padding-right: 28px;
  12466. padding-left: 0
  12467. }
  12468. body.rtl .simple_form .input-with-append .input input {
  12469. padding-left: 142px;
  12470. padding-right: 0
  12471. }
  12472. body.rtl .simple_form .input.boolean label.checkbox {
  12473. left: auto;
  12474. right: 0
  12475. }
  12476. body.rtl .simple_form .input.boolean .hint,
  12477. body.rtl .simple_form .input.boolean .label_input {
  12478. padding-left: 0;
  12479. padding-right: 28px
  12480. }
  12481. body.rtl .simple_form .label_input__append {
  12482. right: auto;
  12483. left: 3px
  12484. }
  12485. body.rtl .simple_form .label_input__append:after {
  12486. right: auto;
  12487. left: 0;
  12488. background-image: linear-gradient(270deg, rgba(19, 20, 25, 0), #131419)
  12489. }
  12490. body.rtl .simple_form select {
  12491. background: #131419 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='%2342485A'/></svg>") no-repeat left 8px center/auto 16px
  12492. }
  12493. body.rtl .table td,
  12494. body.rtl .table th {
  12495. text-align: right
  12496. }
  12497. body.rtl .filters .filter-subset {
  12498. margin-right: 0;
  12499. margin-left: 45px
  12500. }
  12501. body.rtl .landing-page .header-wrapper .mascot {
  12502. right: 60px;
  12503. left: auto
  12504. }
  12505. body.rtl .landing-page__call-to-action .row__information-board {
  12506. direction: rtl
  12507. }
  12508. body.rtl .landing-page .header .hero .floats .float-1 {
  12509. left: -120px;
  12510. right: auto
  12511. }
  12512. body.rtl .landing-page .header .hero .floats .float-2 {
  12513. left: 210px;
  12514. right: auto
  12515. }
  12516. body.rtl .landing-page .header .hero .floats .float-3 {
  12517. left: 110px;
  12518. right: auto
  12519. }
  12520. body.rtl .landing-page .header .links .brand img {
  12521. left: 0
  12522. }
  12523. body.rtl .landing-page .fa-external-link {
  12524. padding-right: 5px;
  12525. padding-left: 0!important
  12526. }
  12527. body.rtl .landing-page .features #mastodon-timeline {
  12528. margin-right: 0;
  12529. margin-left: 30px
  12530. }
  12531. @media screen and (min-width:631px) {
  12532. body.rtl .column,
  12533. body.rtl .drawer {
  12534. padding-left: 5px;
  12535. padding-right: 5px
  12536. }
  12537. body.rtl .column:first-child,
  12538. body.rtl .drawer:first-child {
  12539. padding-left: 5px;
  12540. padding-right: 10px
  12541. }
  12542. body.rtl .columns-area>div .column,
  12543. body.rtl .columns-area>div .drawer {
  12544. padding-left: 5px;
  12545. padding-right: 5px
  12546. }
  12547. }
  12548. body.rtl .columns-area--mobile .column,
  12549. body.rtl .columns-area--mobile .drawer {
  12550. padding-left: 0;
  12551. padding-right: 0
  12552. }
  12553. body.rtl .public-layout .header .nav-button {
  12554. margin-left: 8px;
  12555. margin-right: 0
  12556. }
  12557. body.rtl .public-layout .public-account-header__tabs {
  12558. margin-left: 0;
  12559. margin-right: 20px
  12560. }
  12561. body.rtl .landing-page__information .account__display-name {
  12562. margin-right: 0;
  12563. margin-left: 5px
  12564. }
  12565. body.rtl .landing-page__information .account__avatar-wrapper {
  12566. margin-left: 12px;
  12567. margin-right: 0
  12568. }
  12569. body.rtl .card__bar .display-name {
  12570. margin-left: 0;
  12571. margin-right: 15px;
  12572. text-align: right
  12573. }
  12574. body.rtl .fa-chevron-left:before {
  12575. content: ""
  12576. }
  12577. body.rtl .fa-chevron-right:before {
  12578. content: ""
  12579. }
  12580. body.rtl .column-back-button__icon {
  12581. margin-right: 0;
  12582. margin-left: 5px
  12583. }
  12584. body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child {
  12585. padding-left: 0;
  12586. padding-right: 10px
  12587. }
  12588. body.rtl .simple_form .input.radio_buttons .radio>label input {
  12589. left: auto;
  12590. right: 0
  12591. }
  12592. body.rtl .picture-in-picture {
  12593. right: auto;
  12594. left: 20px
  12595. }
  12596. .emojione[title=":back:"],
  12597. .emojione[title=":copyright:"],
  12598. .emojione[title=":curly_loop:"],
  12599. .emojione[title=":currency_exchange:"],
  12600. .emojione[title=":end:"],
  12601. .emojione[title=":heavy_check_mark:"],
  12602. .emojione[title=":heavy_division_sign:"],
  12603. .emojione[title=":heavy_dollar_sign:"],
  12604. .emojione[title=":heavy_minus_sign:"],
  12605. .emojione[title=":heavy_multiplication_x:"],
  12606. .emojione[title=":heavy_plus_sign:"],
  12607. .emojione[title=":on:"],
  12608. .emojione[title=":registered:"],
  12609. .emojione[title=":soon:"],
  12610. .emojione[title=":spider:"],
  12611. .emojione[title=":telephone_receiver:"],
  12612. .emojione[title=":tm:"],
  12613. .emojione[title=":top:"],
  12614. .emojione[title=":wavy_dash:"] {
  12615. -webkit-filter: invert(1);
  12616. filter: invert(1)
  12617. }
  12618. /*# sourceMappingURL=default-08e1136f.chunk.css.map*/