filament-lexical-editor-styles.css 192KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600
  1. .clr-picker {
  2. display: none;
  3. flex-wrap: wrap;
  4. position: absolute;
  5. width: 200px;
  6. z-index: 1000;
  7. border-radius: 10px;
  8. background-color: #fff;
  9. justify-content: flex-end;
  10. direction: ltr;
  11. box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 5px 20px rgba(0, 0, 0, .1);
  12. -moz-user-select: none;
  13. -webkit-user-select: none;
  14. user-select: none
  15. }
  16. .clr-picker.clr-open,
  17. .clr-picker[data-inline=true] {
  18. display: flex
  19. }
  20. .clr-gradient,
  21. .clr-picker[data-inline=true] {
  22. position: relative
  23. }
  24. .clr-gradient {
  25. width: 100%;
  26. height: 100px;
  27. margin-bottom: 15px;
  28. border-radius: 3px 3px 0 0;
  29. background-image: linear-gradient(transparent, #000), linear-gradient(90deg, #fff, currentColor);
  30. cursor: pointer
  31. }
  32. .clr-marker {
  33. position: absolute;
  34. width: 12px;
  35. height: 12px;
  36. margin: -6px 0 0 -6px;
  37. border: 1px solid #fff;
  38. border-radius: 50%;
  39. background-color: currentColor;
  40. cursor: pointer
  41. }
  42. .clr-picker input[type=range]::-webkit-slider-runnable-track {
  43. width: 100%;
  44. height: 16px
  45. }
  46. .clr-picker input[type=range]::-webkit-slider-thumb {
  47. width: 16px;
  48. height: 16px;
  49. -webkit-appearance: none
  50. }
  51. .clr-picker input[type=range]::-moz-range-track {
  52. width: 100%;
  53. height: 16px;
  54. border: 0
  55. }
  56. .clr-picker input[type=range]::-moz-range-thumb {
  57. width: 16px;
  58. height: 16px;
  59. border: 0
  60. }
  61. .clr-hue {
  62. background-image: linear-gradient(90deg, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red)
  63. }
  64. .clr-alpha,
  65. .clr-hue {
  66. position: relative;
  67. width: calc(100% - 40px);
  68. height: 8px;
  69. margin: 5px 20px;
  70. border-radius: 4px
  71. }
  72. .clr-alpha span {
  73. display: block;
  74. height: 100%;
  75. width: 100%;
  76. border-radius: inherit;
  77. background-image: linear-gradient(90deg, transparent, currentColor)
  78. }
  79. .clr-alpha input[type=range],
  80. .clr-hue input[type=range] {
  81. position: absolute;
  82. width: calc(100% + 32px);
  83. height: 16px;
  84. left: -16px;
  85. top: -4px;
  86. margin: 0;
  87. background-color: transparent;
  88. opacity: 0;
  89. cursor: pointer;
  90. -moz-appearance: none;
  91. appearance: none;
  92. -webkit-appearance: none
  93. }
  94. .clr-alpha div,
  95. .clr-hue div {
  96. width: 16px;
  97. height: 16px;
  98. top: 50%;
  99. margin-left: -8px;
  100. transform: translateY(-50%);
  101. border: 2px solid #fff;
  102. box-shadow: 0 0 1px #888;
  103. pointer-events: none
  104. }
  105. .clr-alpha div,
  106. .clr-alpha div:before,
  107. .clr-hue div {
  108. position: absolute;
  109. left: 0;
  110. border-radius: 50%;
  111. background-color: currentColor
  112. }
  113. .clr-alpha div:before {
  114. content: "";
  115. height: 100%;
  116. width: 100%;
  117. top: 0
  118. }
  119. .clr-format {
  120. display: none;
  121. order: 1;
  122. width: calc(100% - 40px);
  123. margin: 0 20px 20px
  124. }
  125. .clr-segmented {
  126. display: flex;
  127. position: relative;
  128. width: 100%;
  129. margin: 0;
  130. padding: 0;
  131. border: 1px solid #ddd;
  132. border-radius: 15px;
  133. box-sizing: border-box;
  134. color: #999;
  135. font-size: 12px
  136. }
  137. .clr-segmented input,
  138. .clr-segmented legend {
  139. position: absolute;
  140. width: 100%;
  141. height: 100%;
  142. margin: 0;
  143. padding: 0;
  144. border: 0;
  145. left: 0;
  146. top: 0;
  147. opacity: 0;
  148. pointer-events: none
  149. }
  150. .clr-segmented label {
  151. flex-grow: 1;
  152. margin: 0;
  153. padding: 4px 0;
  154. font-size: inherit;
  155. font-weight: 400;
  156. line-height: normal;
  157. text-align: center;
  158. cursor: pointer
  159. }
  160. .clr-segmented label:first-of-type {
  161. border-radius: 10px 0 0 10px
  162. }
  163. .clr-segmented label:last-of-type {
  164. border-radius: 0 10px 10px 0
  165. }
  166. .clr-segmented input:checked+label {
  167. color: #fff;
  168. background-color: #666
  169. }
  170. .clr-swatches {
  171. order: 2;
  172. width: calc(100% - 32px);
  173. margin: 0 16px
  174. }
  175. .clr-swatches div {
  176. display: flex;
  177. flex-wrap: wrap;
  178. padding-bottom: 12px;
  179. justify-content: center
  180. }
  181. .clr-swatches button {
  182. position: relative;
  183. width: 20px;
  184. height: 20px;
  185. margin: 0 4px 6px;
  186. padding: 0;
  187. border: 0;
  188. border-radius: 50%;
  189. color: inherit;
  190. text-indent: -1000px;
  191. white-space: nowrap;
  192. overflow: hidden;
  193. cursor: pointer
  194. }
  195. .clr-swatches button:after {
  196. content: "";
  197. display: block;
  198. position: absolute;
  199. width: 100%;
  200. height: 100%;
  201. left: 0;
  202. top: 0;
  203. border-radius: inherit;
  204. background-color: currentColor;
  205. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
  206. }
  207. input.clr-color {
  208. order: 1;
  209. width: calc(100% - 80px);
  210. height: 32px;
  211. margin: 15px 20px 20px auto;
  212. padding: 0 10px;
  213. border: 1px solid #ddd;
  214. border-radius: 16px;
  215. color: #444;
  216. background-color: #fff;
  217. font-family: sans-serif;
  218. font-size: 14px;
  219. text-align: center;
  220. box-shadow: none
  221. }
  222. input.clr-color:focus {
  223. outline: none;
  224. border: 1px solid #1e90ff
  225. }
  226. .clr-clear,
  227. .clr-close {
  228. display: none;
  229. order: 2;
  230. height: 24px;
  231. margin: 0 20px 20px;
  232. padding: 0 20px;
  233. border: 0;
  234. border-radius: 12px;
  235. color: #fff;
  236. background-color: #666;
  237. font-family: inherit;
  238. font-size: 12px;
  239. font-weight: 400;
  240. cursor: pointer
  241. }
  242. .clr-close {
  243. display: block;
  244. margin: 0 20px 20px auto
  245. }
  246. .clr-preview {
  247. position: relative;
  248. width: 32px;
  249. height: 32px;
  250. margin: 15px 0 20px 20px;
  251. border-radius: 50%;
  252. overflow: hidden
  253. }
  254. .clr-preview:after,
  255. .clr-preview:before {
  256. content: "";
  257. position: absolute;
  258. height: 100%;
  259. width: 100%;
  260. left: 0;
  261. top: 0;
  262. border: 1px solid #fff;
  263. border-radius: 50%
  264. }
  265. .clr-preview:after {
  266. border: 0;
  267. background-color: currentColor;
  268. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
  269. }
  270. .clr-preview button {
  271. position: absolute;
  272. width: 100%;
  273. height: 100%;
  274. z-index: 1;
  275. margin: 0;
  276. padding: 0;
  277. border: 0;
  278. border-radius: 50%;
  279. outline-offset: -2px;
  280. background-color: transparent;
  281. text-indent: -9999px;
  282. cursor: pointer;
  283. overflow: hidden
  284. }
  285. .clr-alpha div,
  286. .clr-color,
  287. .clr-hue div,
  288. .clr-marker {
  289. box-sizing: border-box
  290. }
  291. .clr-field {
  292. display: inline-block;
  293. position: relative;
  294. color: transparent
  295. }
  296. .clr-field input {
  297. margin: 0;
  298. direction: ltr
  299. }
  300. .clr-field.clr-rtl input {
  301. text-align: right
  302. }
  303. .clr-field button {
  304. position: absolute;
  305. width: 30px;
  306. height: 100%;
  307. right: 0;
  308. top: 50%;
  309. transform: translateY(-50%);
  310. margin: 0;
  311. padding: 0;
  312. border: 0;
  313. color: inherit;
  314. text-indent: -1000px;
  315. white-space: nowrap;
  316. overflow: hidden;
  317. pointer-events: none
  318. }
  319. .clr-field.clr-rtl button {
  320. right: auto;
  321. left: 0
  322. }
  323. .clr-field button:after {
  324. content: "";
  325. display: block;
  326. position: absolute;
  327. width: 100%;
  328. height: 100%;
  329. left: 0;
  330. top: 0;
  331. border-radius: inherit;
  332. background-color: currentColor;
  333. box-shadow: inset 0 0 1px rgba(0, 0, 0, .5)
  334. }
  335. .clr-alpha,
  336. .clr-alpha div,
  337. .clr-field button,
  338. .clr-preview:before,
  339. .clr-swatches button {
  340. background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 0, transparent 75%, #aaa 0, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 0, #fff 75%, #aaa 0, #aaa);
  341. background-position: 0 0, 4px 4px;
  342. background-size: 8px 8px
  343. }
  344. .clr-marker:focus {
  345. outline: none
  346. }
  347. .clr-keyboard-nav .clr-alpha input:focus+div,
  348. .clr-keyboard-nav .clr-hue input:focus+div,
  349. .clr-keyboard-nav .clr-marker:focus,
  350. .clr-keyboard-nav .clr-segmented input:focus+label {
  351. outline: none;
  352. box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff
  353. }
  354. .clr-picker[data-alpha=false] .clr-alpha {
  355. display: none
  356. }
  357. .clr-picker[data-minimal=true] {
  358. padding-top: 16px
  359. }
  360. .clr-picker[data-minimal=true] .clr-alpha,
  361. .clr-picker[data-minimal=true] .clr-color,
  362. .clr-picker[data-minimal=true] .clr-gradient,
  363. .clr-picker[data-minimal=true] .clr-hue,
  364. .clr-picker[data-minimal=true] .clr-preview {
  365. display: none
  366. }
  367. .clr-dark {
  368. background-color: #444
  369. }
  370. .clr-dark .clr-segmented {
  371. border-color: #777
  372. }
  373. .clr-dark .clr-swatches button:after {
  374. box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3)
  375. }
  376. .clr-dark input.clr-color {
  377. color: #fff;
  378. border-color: #777;
  379. background-color: #555
  380. }
  381. .clr-dark input.clr-color:focus {
  382. border-color: #1e90ff
  383. }
  384. .clr-dark .clr-preview:after {
  385. box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .5)
  386. }
  387. .clr-dark .clr-alpha,
  388. .clr-dark .clr-alpha div,
  389. .clr-dark .clr-preview:before,
  390. .clr-dark .clr-swatches button {
  391. background-image: repeating-linear-gradient(45deg, #666 25%, transparent 0, transparent 75%, #888 0, #888), repeating-linear-gradient(45deg, #888 25%, #444 0, #444 75%, #888 0, #888)
  392. }
  393. .clr-picker.clr-polaroid {
  394. border-radius: 6px;
  395. box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 5px 30px rgba(0, 0, 0, .2)
  396. }
  397. .clr-picker.clr-polaroid:before {
  398. content: "";
  399. display: block;
  400. position: absolute;
  401. width: 16px;
  402. height: 10px;
  403. left: 20px;
  404. top: -10px;
  405. border: solid transparent;
  406. border-bottom: solid;
  407. border-width: 0 8px 10px;
  408. box-sizing: border-box;
  409. color: #fff;
  410. filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, .1));
  411. pointer-events: none
  412. }
  413. .clr-picker.clr-polaroid.clr-dark:before {
  414. color: #444
  415. }
  416. .clr-picker.clr-polaroid.clr-left:before {
  417. left: auto;
  418. right: 20px
  419. }
  420. .clr-picker.clr-polaroid.clr-top:before {
  421. top: auto;
  422. bottom: -10px;
  423. transform: rotate(180deg)
  424. }
  425. .clr-polaroid .clr-gradient {
  426. width: calc(100% - 20px);
  427. height: 120px;
  428. margin: 10px;
  429. border-radius: 3px
  430. }
  431. .clr-polaroid .clr-alpha,
  432. .clr-polaroid .clr-hue {
  433. width: calc(100% - 30px);
  434. height: 10px;
  435. margin: 6px 15px;
  436. border-radius: 5px
  437. }
  438. .clr-polaroid .clr-alpha div,
  439. .clr-polaroid .clr-hue div {
  440. box-shadow: 0 0 5px rgba(0, 0, 0, .2)
  441. }
  442. .clr-polaroid .clr-format {
  443. width: calc(100% - 20px);
  444. margin: 0 10px 15px
  445. }
  446. .clr-polaroid .clr-swatches {
  447. width: calc(100% - 12px);
  448. margin: 0 6px
  449. }
  450. .clr-polaroid .clr-swatches div {
  451. padding-bottom: 10px
  452. }
  453. .clr-polaroid .clr-swatches button {
  454. width: 22px;
  455. height: 22px
  456. }
  457. .clr-polaroid input.clr-color {
  458. width: calc(100% - 60px);
  459. margin: 10px 10px 15px auto
  460. }
  461. .clr-polaroid .clr-clear {
  462. margin: 0 10px 15px
  463. }
  464. .clr-polaroid .clr-close {
  465. margin: 0 10px 15px auto
  466. }
  467. .clr-polaroid .clr-preview {
  468. margin: 10px 0 15px 10px
  469. }
  470. .clr-picker.clr-large {
  471. width: 275px
  472. }
  473. .clr-large .clr-gradient {
  474. height: 150px
  475. }
  476. .clr-large .clr-swatches button {
  477. width: 22px;
  478. height: 22px
  479. }
  480. .clr-picker.clr-pill {
  481. width: 380px;
  482. padding-left: 180px;
  483. box-sizing: border-box
  484. }
  485. .clr-pill .clr-gradient {
  486. position: absolute;
  487. width: 180px;
  488. height: 100%;
  489. left: 0;
  490. top: 0;
  491. margin-bottom: 0;
  492. border-radius: 3px 0 0 3px
  493. }
  494. .clr-pill .clr-hue {
  495. margin-top: 20px
  496. }
  497. *,
  498. :after,
  499. :before {
  500. --tw-border-spacing-x: 0;
  501. --tw-border-spacing-y: 0;
  502. --tw-translate-x: 0;
  503. --tw-translate-y: 0;
  504. --tw-rotate: 0;
  505. --tw-skew-x: 0;
  506. --tw-skew-y: 0;
  507. --tw-scale-x: 1;
  508. --tw-scale-y: 1;
  509. --tw-pan-x: ;
  510. --tw-pan-y: ;
  511. --tw-pinch-zoom: ;
  512. --tw-scroll-snap-strictness: proximity;
  513. --tw-gradient-from-position: ;
  514. --tw-gradient-via-position: ;
  515. --tw-gradient-to-position: ;
  516. --tw-ordinal: ;
  517. --tw-slashed-zero: ;
  518. --tw-numeric-figure: ;
  519. --tw-numeric-spacing: ;
  520. --tw-numeric-fraction: ;
  521. --tw-ring-inset: ;
  522. --tw-ring-offset-width: 0px;
  523. --tw-ring-offset-color: #fff;
  524. --tw-ring-color: rgba(59, 130, 246, .5);
  525. --tw-ring-offset-shadow: 0 0 #0000;
  526. --tw-ring-shadow: 0 0 #0000;
  527. --tw-shadow: 0 0 #0000;
  528. --tw-shadow-colored: 0 0 #0000;
  529. --tw-blur: ;
  530. --tw-brightness: ;
  531. --tw-contrast: ;
  532. --tw-grayscale: ;
  533. --tw-hue-rotate: ;
  534. --tw-invert: ;
  535. --tw-saturate: ;
  536. --tw-sepia: ;
  537. --tw-drop-shadow: ;
  538. --tw-backdrop-blur: ;
  539. --tw-backdrop-brightness: ;
  540. --tw-backdrop-contrast: ;
  541. --tw-backdrop-grayscale: ;
  542. --tw-backdrop-hue-rotate: ;
  543. --tw-backdrop-invert: ;
  544. --tw-backdrop-opacity: ;
  545. --tw-backdrop-saturate: ;
  546. --tw-backdrop-sepia: ;
  547. --tw-contain-size: ;
  548. --tw-contain-layout: ;
  549. --tw-contain-paint: ;
  550. --tw-contain-style:
  551. }
  552. ::backdrop {
  553. --tw-border-spacing-x: 0;
  554. --tw-border-spacing-y: 0;
  555. --tw-translate-x: 0;
  556. --tw-translate-y: 0;
  557. --tw-rotate: 0;
  558. --tw-skew-x: 0;
  559. --tw-skew-y: 0;
  560. --tw-scale-x: 1;
  561. --tw-scale-y: 1;
  562. --tw-pan-x: ;
  563. --tw-pan-y: ;
  564. --tw-pinch-zoom: ;
  565. --tw-scroll-snap-strictness: proximity;
  566. --tw-gradient-from-position: ;
  567. --tw-gradient-via-position: ;
  568. --tw-gradient-to-position: ;
  569. --tw-ordinal: ;
  570. --tw-slashed-zero: ;
  571. --tw-numeric-figure: ;
  572. --tw-numeric-spacing: ;
  573. --tw-numeric-fraction: ;
  574. --tw-ring-inset: ;
  575. --tw-ring-offset-width: 0px;
  576. --tw-ring-offset-color: #fff;
  577. --tw-ring-color: rgba(59, 130, 246, .5);
  578. --tw-ring-offset-shadow: 0 0 #0000;
  579. --tw-ring-shadow: 0 0 #0000;
  580. --tw-shadow: 0 0 #0000;
  581. --tw-shadow-colored: 0 0 #0000;
  582. --tw-blur: ;
  583. --tw-brightness: ;
  584. --tw-contrast: ;
  585. --tw-grayscale: ;
  586. --tw-hue-rotate: ;
  587. --tw-invert: ;
  588. --tw-saturate: ;
  589. --tw-sepia: ;
  590. --tw-drop-shadow: ;
  591. --tw-backdrop-blur: ;
  592. --tw-backdrop-brightness: ;
  593. --tw-backdrop-contrast: ;
  594. --tw-backdrop-grayscale: ;
  595. --tw-backdrop-hue-rotate: ;
  596. --tw-backdrop-invert: ;
  597. --tw-backdrop-opacity: ;
  598. --tw-backdrop-saturate: ;
  599. --tw-backdrop-sepia: ;
  600. --tw-contain-size: ;
  601. --tw-contain-layout: ;
  602. --tw-contain-paint: ;
  603. --tw-contain-style:
  604. }
  605. /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
  606. *,
  607. :after,
  608. :before {
  609. box-sizing: border-box;
  610. border-width: 0;
  611. border-style: solid;
  612. border-color: rgba(var(--gray-200), 1)
  613. }
  614. :after,
  615. :before {
  616. --tw-content: ""
  617. }
  618. :host,
  619. html {
  620. line-height: 1.5;
  621. -webkit-text-size-adjust: 100%;
  622. -moz-tab-size: 4;
  623. -o-tab-size: 4;
  624. tab-size: 4;
  625. font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  626. font-feature-settings: normal;
  627. font-variation-settings: normal;
  628. -webkit-tap-highlight-color: transparent
  629. }
  630. body {
  631. margin: 0;
  632. line-height: inherit
  633. }
  634. hr {
  635. height: 0;
  636. color: inherit;
  637. border-top-width: 1px
  638. }
  639. abbr:where([title]) {
  640. -webkit-text-decoration: underline dotted;
  641. text-decoration: underline dotted
  642. }
  643. h1,
  644. h2,
  645. h3,
  646. h4,
  647. h5,
  648. h6 {
  649. font-size: inherit;
  650. font-weight: inherit
  651. }
  652. a {
  653. color: inherit;
  654. text-decoration: inherit
  655. }
  656. b,
  657. strong {
  658. font-weight: bolder
  659. }
  660. code,
  661. kbd,
  662. pre,
  663. samp {
  664. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  665. font-feature-settings: normal;
  666. font-variation-settings: normal;
  667. font-size: 1em
  668. }
  669. small {
  670. font-size: 80%
  671. }
  672. sub,
  673. sup {
  674. font-size: 75%;
  675. line-height: 0;
  676. position: relative;
  677. vertical-align: baseline
  678. }
  679. sub {
  680. bottom: -.25em
  681. }
  682. sup {
  683. top: -.5em
  684. }
  685. table {
  686. text-indent: 0;
  687. border-color: inherit;
  688. border-collapse: collapse
  689. }
  690. button,
  691. input,
  692. optgroup,
  693. select,
  694. textarea {
  695. font-family: inherit;
  696. font-feature-settings: inherit;
  697. font-variation-settings: inherit;
  698. font-size: 100%;
  699. font-weight: inherit;
  700. line-height: inherit;
  701. letter-spacing: inherit;
  702. color: inherit;
  703. margin: 0;
  704. padding: 0
  705. }
  706. button,
  707. select {
  708. text-transform: none
  709. }
  710. button,
  711. input:where([type=button]),
  712. input:where([type=reset]),
  713. input:where([type=submit]) {
  714. -webkit-appearance: button;
  715. background-color: transparent;
  716. background-image: none
  717. }
  718. :-moz-focusring {
  719. outline: auto
  720. }
  721. :-moz-ui-invalid {
  722. box-shadow: none
  723. }
  724. progress {
  725. vertical-align: baseline
  726. }
  727. ::-webkit-inner-spin-button,
  728. ::-webkit-outer-spin-button {
  729. height: auto
  730. }
  731. [type=search] {
  732. -webkit-appearance: textfield;
  733. outline-offset: -2px
  734. }
  735. ::-webkit-search-decoration {
  736. -webkit-appearance: none
  737. }
  738. ::-webkit-file-upload-button {
  739. -webkit-appearance: button;
  740. font: inherit
  741. }
  742. summary {
  743. display: list-item
  744. }
  745. blockquote,
  746. dd,
  747. dl,
  748. figure,
  749. h1,
  750. h2,
  751. h3,
  752. h4,
  753. h5,
  754. h6,
  755. hr,
  756. p,
  757. pre {
  758. margin: 0
  759. }
  760. fieldset {
  761. margin: 0
  762. }
  763. fieldset,
  764. legend {
  765. padding: 0
  766. }
  767. menu,
  768. ol,
  769. ul {
  770. list-style: none;
  771. margin: 0;
  772. padding: 0
  773. }
  774. dialog {
  775. padding: 0
  776. }
  777. textarea {
  778. resize: vertical
  779. }
  780. input::-moz-placeholder,
  781. textarea::-moz-placeholder {
  782. opacity: 1;
  783. color: rgba(var(--gray-400), 1)
  784. }
  785. input::placeholder,
  786. textarea::placeholder {
  787. opacity: 1;
  788. color: rgba(var(--gray-400), 1)
  789. }
  790. [role=button],
  791. button {
  792. cursor: pointer
  793. }
  794. :disabled {
  795. cursor: default
  796. }
  797. audio,
  798. canvas,
  799. embed,
  800. iframe,
  801. img,
  802. object,
  803. svg,
  804. video {
  805. display: block;
  806. vertical-align: middle
  807. }
  808. img,
  809. video {
  810. max-width: 100%;
  811. height: auto
  812. }
  813. [hidden]:where(:not([hidden=until-found])) {
  814. display: none
  815. }
  816. [multiple],
  817. [type=date],
  818. [type=datetime-local],
  819. [type=email],
  820. [type=month],
  821. [type=number],
  822. [type=password],
  823. [type=search],
  824. [type=tel],
  825. [type=text],
  826. [type=time],
  827. [type=url],
  828. [type=week],
  829. input:where(:not([type])),
  830. select,
  831. textarea {
  832. -webkit-appearance: none;
  833. -moz-appearance: none;
  834. appearance: none;
  835. background-color: #fff;
  836. border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
  837. border-width: 1px;
  838. border-radius: 0;
  839. padding: .5rem .75rem;
  840. font-size: 1rem;
  841. line-height: 1.5rem;
  842. --tw-shadow: 0 0 #0000
  843. }
  844. [multiple]:focus,
  845. [type=date]:focus,
  846. [type=datetime-local]:focus,
  847. [type=email]:focus,
  848. [type=month]:focus,
  849. [type=number]:focus,
  850. [type=password]:focus,
  851. [type=search]:focus,
  852. [type=tel]:focus,
  853. [type=text]:focus,
  854. [type=time]:focus,
  855. [type=url]:focus,
  856. [type=week]:focus,
  857. input:where(:not([type])):focus,
  858. select:focus,
  859. textarea:focus {
  860. outline: 2px solid transparent;
  861. outline-offset: 2px;
  862. --tw-ring-inset: var(--tw-empty,
  863. /*!*/
  864. /*!*/
  865. );
  866. --tw-ring-offset-width: 0px;
  867. --tw-ring-offset-color: #fff;
  868. --tw-ring-color: #2563eb;
  869. --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  870. --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  871. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  872. border-color: #2563eb
  873. }
  874. input::-moz-placeholder,
  875. textarea::-moz-placeholder {
  876. color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
  877. opacity: 1
  878. }
  879. input::placeholder,
  880. textarea::placeholder {
  881. color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
  882. opacity: 1
  883. }
  884. ::-webkit-datetime-edit-fields-wrapper {
  885. padding: 0
  886. }
  887. ::-webkit-date-and-time-value {
  888. min-height: 1.5em;
  889. text-align: inherit
  890. }
  891. ::-webkit-datetime-edit {
  892. display: inline-flex
  893. }
  894. ::-webkit-datetime-edit,
  895. ::-webkit-datetime-edit-day-field,
  896. ::-webkit-datetime-edit-hour-field,
  897. ::-webkit-datetime-edit-meridiem-field,
  898. ::-webkit-datetime-edit-millisecond-field,
  899. ::-webkit-datetime-edit-minute-field,
  900. ::-webkit-datetime-edit-month-field,
  901. ::-webkit-datetime-edit-second-field,
  902. ::-webkit-datetime-edit-year-field {
  903. padding-top: 0;
  904. padding-bottom: 0
  905. }
  906. select {
  907. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  908. background-position: right .5rem center;
  909. background-repeat: no-repeat;
  910. background-size: 1.5em 1.5em;
  911. padding-right: 2.5rem;
  912. -webkit-print-color-adjust: exact;
  913. print-color-adjust: exact
  914. }
  915. [multiple],
  916. [size]:where(select:not([size="1"])) {
  917. background-image: none;
  918. background-position: 0 0;
  919. background-repeat: unset;
  920. background-size: initial;
  921. padding-right: .75rem;
  922. -webkit-print-color-adjust: unset;
  923. print-color-adjust: unset
  924. }
  925. [type=checkbox],
  926. [type=radio] {
  927. -webkit-appearance: none;
  928. -moz-appearance: none;
  929. appearance: none;
  930. padding: 0;
  931. -webkit-print-color-adjust: exact;
  932. print-color-adjust: exact;
  933. display: inline-block;
  934. vertical-align: middle;
  935. background-origin: border-box;
  936. -webkit-user-select: none;
  937. -moz-user-select: none;
  938. user-select: none;
  939. flex-shrink: 0;
  940. height: 1rem;
  941. width: 1rem;
  942. color: #2563eb;
  943. background-color: #fff;
  944. border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
  945. border-width: 1px;
  946. --tw-shadow: 0 0 #0000
  947. }
  948. [type=checkbox] {
  949. border-radius: 0
  950. }
  951. [type=radio] {
  952. border-radius: 100%
  953. }
  954. [type=checkbox]:focus,
  955. [type=radio]:focus {
  956. outline: 2px solid transparent;
  957. outline-offset: 2px;
  958. --tw-ring-inset: var(--tw-empty,
  959. /*!*/
  960. /*!*/
  961. );
  962. --tw-ring-offset-width: 2px;
  963. --tw-ring-offset-color: #fff;
  964. --tw-ring-color: #2563eb;
  965. --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  966. --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  967. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  968. }
  969. [type=checkbox]:checked,
  970. [type=radio]:checked {
  971. border-color: transparent;
  972. background-color: currentColor;
  973. background-size: 100% 100%;
  974. background-position: 50%;
  975. background-repeat: no-repeat
  976. }
  977. [type=checkbox]:checked {
  978. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
  979. }
  980. @media (forced-colors:active) {
  981. [type=checkbox]:checked {
  982. -webkit-appearance: auto;
  983. -moz-appearance: auto;
  984. appearance: auto
  985. }
  986. }
  987. [type=radio]:checked {
  988. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
  989. }
  990. @media (forced-colors:active) {
  991. [type=radio]:checked {
  992. -webkit-appearance: auto;
  993. -moz-appearance: auto;
  994. appearance: auto
  995. }
  996. }
  997. [type=checkbox]:checked:focus,
  998. [type=checkbox]:checked:hover,
  999. [type=radio]:checked:focus,
  1000. [type=radio]:checked:hover {
  1001. border-color: transparent;
  1002. background-color: currentColor
  1003. }
  1004. [type=checkbox]:indeterminate {
  1005. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  1006. border-color: transparent;
  1007. background-color: currentColor;
  1008. background-size: 100% 100%;
  1009. background-position: 50%;
  1010. background-repeat: no-repeat
  1011. }
  1012. @media (forced-colors:active) {
  1013. [type=checkbox]:indeterminate {
  1014. -webkit-appearance: auto;
  1015. -moz-appearance: auto;
  1016. appearance: auto
  1017. }
  1018. }
  1019. [type=checkbox]:indeterminate:focus,
  1020. [type=checkbox]:indeterminate:hover {
  1021. border-color: transparent;
  1022. background-color: currentColor
  1023. }
  1024. [type=file] {
  1025. background: unset;
  1026. border-color: inherit;
  1027. border-width: 0;
  1028. border-radius: 0;
  1029. padding: 0;
  1030. font-size: unset;
  1031. line-height: inherit
  1032. }
  1033. [type=file]:focus {
  1034. outline: 1px solid ButtonText;
  1035. outline: 1px auto -webkit-focus-ring-color
  1036. }
  1037. .visible {
  1038. visibility: visible
  1039. }
  1040. .relative {
  1041. position: relative
  1042. }
  1043. .ms-2 {
  1044. margin-inline-start: .5rem
  1045. }
  1046. .ms-auto {
  1047. margin-inline-start: auto
  1048. }
  1049. .block {
  1050. display: block
  1051. }
  1052. .flex {
  1053. display: flex
  1054. }
  1055. .hidden {
  1056. display: none
  1057. }
  1058. .h-1 {
  1059. height: .25rem
  1060. }
  1061. .h-11 {
  1062. height: 2.75rem
  1063. }
  1064. .w-1 {
  1065. width: .25rem
  1066. }
  1067. .w-16 {
  1068. width: 4rem
  1069. }
  1070. .w-52 {
  1071. width: 13rem
  1072. }
  1073. .w-8 {
  1074. width: 2rem
  1075. }
  1076. .w-96 {
  1077. width: 24rem
  1078. }
  1079. .w-full {
  1080. width: 100%
  1081. }
  1082. .flex-1 {
  1083. flex: 1 1 0%
  1084. }
  1085. .flex-grow {
  1086. flex-grow: 1
  1087. }
  1088. .flex-wrap {
  1089. flex-wrap: wrap
  1090. }
  1091. .gap-1 {
  1092. gap: .25rem
  1093. }
  1094. .overflow-hidden {
  1095. overflow: hidden
  1096. }
  1097. .text-ellipsis {
  1098. text-overflow: ellipsis
  1099. }
  1100. .whitespace-nowrap {
  1101. white-space: nowrap
  1102. }
  1103. .break-words {
  1104. overflow-wrap: break-word
  1105. }
  1106. .rounded-md {
  1107. border-radius: .375rem
  1108. }
  1109. .bg-white {
  1110. --tw-bg-opacity: 1;
  1111. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  1112. }
  1113. .p-2 {
  1114. padding: .5rem
  1115. }
  1116. .py-1 {
  1117. padding-top: .25rem;
  1118. padding-bottom: .25rem
  1119. }
  1120. .py-3 {
  1121. padding-top: .75rem;
  1122. padding-bottom: .75rem
  1123. }
  1124. .ps-3 {
  1125. padding-inline-start: .75rem
  1126. }
  1127. .pt-2 {
  1128. padding-top: .5rem
  1129. }
  1130. .align-middle {
  1131. vertical-align: middle
  1132. }
  1133. .uppercase {
  1134. text-transform: uppercase
  1135. }
  1136. .lowercase {
  1137. text-transform: lowercase
  1138. }
  1139. .capitalize {
  1140. text-transform: capitalize
  1141. }
  1142. .italic {
  1143. font-style: italic
  1144. }
  1145. .text-blue-500 {
  1146. --tw-text-opacity: 1;
  1147. color: rgb(59 130 246/var(--tw-text-opacity, 1))
  1148. }
  1149. .text-gray-950 {
  1150. --tw-text-opacity: 1;
  1151. color: rgba(var(--gray-950), var(--tw-text-opacity, 1))
  1152. }
  1153. .underline {
  1154. text-decoration-line: underline
  1155. }
  1156. .shadow-sm {
  1157. --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  1158. --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  1159. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  1160. }
  1161. .ring-1 {
  1162. --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  1163. --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  1164. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  1165. }
  1166. .ring-danger-600 {
  1167. --tw-ring-opacity: 1;
  1168. --tw-ring-color: rgba(var(--danger-600), var(--tw-ring-opacity, 1))
  1169. }
  1170. .ring-gray-950\/10 {
  1171. --tw-ring-color: rgba(var(--gray-950), 0.1)
  1172. }
  1173. .editor header {
  1174. max-width: 580px;
  1175. margin: auto;
  1176. position: relative;
  1177. display: flex;
  1178. justify-content: center
  1179. }
  1180. .editor header a {
  1181. max-width: 220px;
  1182. margin: 20px 0 0;
  1183. display: block
  1184. }
  1185. .editor header img {
  1186. display: block;
  1187. height: 100%;
  1188. width: 100%
  1189. }
  1190. .editor header h1 {
  1191. text-align: left;
  1192. color: #333;
  1193. display: inline-block;
  1194. margin: 20px 0 0
  1195. }
  1196. .editor-shell {
  1197. border: 1px solid #d3d3d3;
  1198. border-radius: 5px;
  1199. width: 100%;
  1200. position: relative;
  1201. line-height: 1.7;
  1202. font-weight: 400
  1203. }
  1204. .editor-shell .editor-container {
  1205. position: relative;
  1206. display: block;
  1207. border-bottom-left-radius: 10px;
  1208. border-bottom-right-radius: 10px
  1209. }
  1210. .editor-shell .editor-container.tree-view {
  1211. border-radius: 0
  1212. }
  1213. .editor-shell .editor-container.plain-text {
  1214. border-top-left-radius: 10px;
  1215. border-top-right-radius: 10px
  1216. }
  1217. .editor-scroller {
  1218. min-height: 300px;
  1219. border: 0;
  1220. display: flex;
  1221. outline: 0;
  1222. z-index: 0
  1223. }
  1224. .editor,
  1225. .editor-scroller {
  1226. max-width: 100%;
  1227. position: relative;
  1228. resize: vertical
  1229. }
  1230. .editor {
  1231. flex: auto;
  1232. min-height: 100%;
  1233. padding: 5px;
  1234. z-index: -1
  1235. }
  1236. .test-recorder-output {
  1237. margin: 20px auto;
  1238. width: 100%
  1239. }
  1240. .editor pre {
  1241. line-height: 1.1;
  1242. margin: 0;
  1243. padding: 10px;
  1244. overflow: auto;
  1245. max-height: 400px
  1246. }
  1247. .editor pre,
  1248. .tree-view-output {
  1249. background: #222;
  1250. color: #fff;
  1251. font-size: 12px
  1252. }
  1253. .tree-view-output {
  1254. display: block;
  1255. padding: 0;
  1256. margin: 1px auto 10px;
  1257. position: relative;
  1258. overflow: hidden;
  1259. border-bottom-left-radius: 10px;
  1260. border-bottom-right-radius: 10px
  1261. }
  1262. .editor pre::-webkit-scrollbar {
  1263. background: transparent;
  1264. width: 10px
  1265. }
  1266. .editor pre::-webkit-scrollbar-thumb {
  1267. background: #999
  1268. }
  1269. .editor-dev-button {
  1270. position: relative;
  1271. display: block;
  1272. width: 40px;
  1273. height: 40px;
  1274. font-size: 12px;
  1275. border-radius: 20px;
  1276. border: none;
  1277. cursor: pointer;
  1278. outline: none;
  1279. box-shadow: 0 1px 10px #0000004d;
  1280. background-color: #444
  1281. }
  1282. .editor-dev-button:after {
  1283. content: "";
  1284. position: absolute;
  1285. top: 10px;
  1286. right: 10px;
  1287. bottom: 10px;
  1288. left: 10px;
  1289. display: block;
  1290. background-size: contain;
  1291. filter: invert(1)
  1292. }
  1293. .editor-dev-button:hover {
  1294. background-color: #555
  1295. }
  1296. .editor-dev-button.active {
  1297. background-color: #e92323
  1298. }
  1299. .test-recorder-toolbar {
  1300. display: flex
  1301. }
  1302. .test-recorder-button {
  1303. position: relative;
  1304. display: block;
  1305. width: 32px;
  1306. height: 32px;
  1307. font-size: 10px;
  1308. padding: 6px;
  1309. border-radius: 4px;
  1310. border: none;
  1311. cursor: pointer;
  1312. outline: none;
  1313. box-shadow: 1px 2px 2px #0006;
  1314. background-color: #222;
  1315. transition: box-shadow 50ms ease-out
  1316. }
  1317. .test-recorder-button:active {
  1318. box-shadow: 1px 2px 4px #0006
  1319. }
  1320. .test-recorder-button+.test-recorder-button {
  1321. margin-left: 4px
  1322. }
  1323. .test-recorder-button:after {
  1324. content: "";
  1325. position: absolute;
  1326. top: 8px;
  1327. right: 8px;
  1328. bottom: 8px;
  1329. left: 8px;
  1330. display: block;
  1331. background-size: contain;
  1332. filter: invert(1)
  1333. }
  1334. #options-button {
  1335. position: fixed;
  1336. left: 20px;
  1337. bottom: 20px
  1338. }
  1339. #test-recorder-button {
  1340. position: fixed;
  1341. left: 70px;
  1342. bottom: 20px
  1343. }
  1344. #paste-log-button {
  1345. position: fixed;
  1346. left: 120px;
  1347. bottom: 20px
  1348. }
  1349. #docs-button {
  1350. position: fixed;
  1351. left: 170px;
  1352. bottom: 20px
  1353. }
  1354. #options-button:after {
  1355. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/%3E%3C/svg%3E")
  1356. }
  1357. #test-recorder-button:after {
  1358. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-journal-code'%3E%3Cpath fill-rule='evenodd' d='M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E")
  1359. }
  1360. #paste-log-button:after {
  1361. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clipboard'%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z'/%3E%3C/svg%3E")
  1362. }
  1363. #docs-button:after {
  1364. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-text'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")
  1365. }
  1366. #test-recorder-button-snapshot {
  1367. margin-right: auto
  1368. }
  1369. #test-recorder-button-snapshot:after {
  1370. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-camera'%3E%3Cpath d='M15 12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.172a3 3 0 0 0 2.12-.879l.83-.828A1 1 0 0 1 6.827 3h2.344a1 1 0 0 1 .707.293l.828.828A3 3 0 0 0 12.828 5H14a1 1 0 0 1 1 1zM2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4z'/%3E%3Cpath d='M8 11a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5m0 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M3 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/%3E%3C/svg%3E")
  1371. }
  1372. #test-recorder-button-copy:after {
  1373. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clipboard'%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z'/%3E%3C/svg%3E")
  1374. }
  1375. #test-recorder-button-download:after {
  1376. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E")
  1377. }
  1378. .typeahead-popover {
  1379. background: #fff;
  1380. box-shadow: 0 5px 10px #0000004d;
  1381. border-radius: 8px;
  1382. position: fixed
  1383. }
  1384. .typeahead-popover ul {
  1385. padding: 0;
  1386. list-style: none;
  1387. margin: 0;
  1388. border-radius: 8px;
  1389. max-height: 200px;
  1390. overflow-y: scroll
  1391. }
  1392. .typeahead-popover ul::-webkit-scrollbar {
  1393. display: none
  1394. }
  1395. .typeahead-popover ul {
  1396. -ms-overflow-style: none;
  1397. scrollbar-width: none
  1398. }
  1399. .typeahead-popover ul li {
  1400. margin: 0;
  1401. min-width: 180px;
  1402. font-size: 14px;
  1403. outline: none;
  1404. cursor: pointer;
  1405. border-radius: 8px
  1406. }
  1407. .typeahead-popover ul li.selected {
  1408. background: #eee
  1409. }
  1410. .typeahead-popover li {
  1411. margin: 0 8px;
  1412. padding: 8px;
  1413. color: #050505;
  1414. cursor: pointer;
  1415. line-height: 16px;
  1416. font-size: 15px;
  1417. display: flex;
  1418. align-content: center;
  1419. flex-direction: row;
  1420. flex-shrink: 0;
  1421. background-color: #fff;
  1422. border-radius: 8px;
  1423. border: 0
  1424. }
  1425. .typeahead-popover li.active {
  1426. display: flex;
  1427. width: 20px;
  1428. height: 20px;
  1429. background-size: contain
  1430. }
  1431. .typeahead-popover li:first-child {
  1432. border-radius: 8px 8px 0 0
  1433. }
  1434. .typeahead-popover li:last-child {
  1435. border-radius: 0 0 8px 8px
  1436. }
  1437. .typeahead-popover li:hover {
  1438. background-color: #eee
  1439. }
  1440. .typeahead-popover li .text {
  1441. display: flex;
  1442. line-height: 20px;
  1443. flex-grow: 1;
  1444. min-width: 150px
  1445. }
  1446. .typeahead-popover li .icon {
  1447. display: flex;
  1448. width: 20px;
  1449. height: 20px;
  1450. -webkit-user-select: none;
  1451. -moz-user-select: none;
  1452. user-select: none;
  1453. margin-right: 8px;
  1454. line-height: 16px;
  1455. background-size: contain;
  1456. background-repeat: no-repeat;
  1457. background-position: 50%
  1458. }
  1459. .component-picker-menu {
  1460. width: 200px
  1461. }
  1462. .mentions-menu {
  1463. width: 250px
  1464. }
  1465. .auto-embed-menu {
  1466. width: 150px
  1467. }
  1468. .emoji-menu {
  1469. width: 200px
  1470. }
  1471. i.palette {
  1472. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-palette'%3E%3Cpath d='M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3Cpath d='M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8m-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7'/%3E%3C/svg%3E")
  1473. }
  1474. i.bucket {
  1475. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-paint-bucket'%3E%3Cpath d='M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a3 3 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.687.556 1.528 1.035 2.402L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.707 1.441 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073 1.176v.123h.003a1 1 0 0 0 1.993 0H14v-.057a1 1 0 0 0-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4 4 0 0 0-.211-.434c-.349-.626-.92-1.36-1.627-2.067S8.857 3.052 8.23 2.704c-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.3 3.3 0 0 1-.131-.673q.137.09.337.274m.394 3.965c.54.852 1.107 1.567 1.607 2.033a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088q.081.181.183.365c.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626q.183.103.365.183l-4.861 4.862a1 1 0 0 1-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46s-1.168-1.32-1.46-1.846c-.147-.265-.225-.47-.251-.607a1 1 0 0 1-.01-.068zm2.87-1.935a2.4 2.4 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.5 3.5 0 0 0-1.066.091 11 11 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z'/%3E%3C/svg%3E")
  1476. }
  1477. i.bold {
  1478. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-bold'%3E%3Cpath d='M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z'/%3E%3C/svg%3E")
  1479. }
  1480. i.italic {
  1481. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-italic'%3E%3Cpath d='M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z'/%3E%3C/svg%3E")
  1482. }
  1483. i.clear {
  1484. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M290.7 57.4 57.4 290.7c-25 25-25 65.5 0 90.5l80 80c12 12 28.3 18.7 45.3 18.7l105.3.1h224c17.7 0 32-14.3 32-32s-14.3-32-32-32H387.9l130.7-130.7c25-25 25-65.5 0-90.5L381.3 57.4c-25-25-65.5-25-90.5 0zm6.7 358.6H182.6l-80-80 124.7-124.7 137.4 137.4z'/%3E%3C/svg%3E")
  1485. }
  1486. i.code {
  1487. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-code'%3E%3Cpath d='M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8z'/%3E%3C/svg%3E")
  1488. }
  1489. i.underline {
  1490. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-underline'%3E%3Cpath d='M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57s-2.687-1.08-2.687-2.57zM12.5 15h-9v-1h9z'/%3E%3C/svg%3E")
  1491. }
  1492. i.uppercase {
  1493. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-alphabet-uppercase'%3E%3Cpath d='M1.226 10.88H0l2.056-6.26h1.42l2.047 6.26h-1.29l-.48-1.61H1.707l-.48 1.61ZM2.76 5.818h-.054l-.75 2.532H3.51zm3.217 5.062V4.62h2.56c1.09 0 1.808.582 1.808 1.54 0 .762-.444 1.22-1.05 1.372v.055c.736.074 1.365.587 1.365 1.528 0 1.119-.89 1.766-2.133 1.766zM7.18 5.55v1.675h.8c.812 0 1.171-.308 1.171-.853 0-.51-.328-.822-.898-.822zm0 2.537V9.95h.903c.951 0 1.342-.312 1.342-.909 0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0 1.156.49 1.803 1.347 1.803.705 0 1.163-.454 1.212-1.096H16v.12C15.942 10.173 14.95 11 13.607 11c-1.648 0-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871 2.573-2.871 1.347 0 2.34.849 2.393 2.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156-.849 0-1.347.67-1.347 1.83'/%3E%3C/svg%3E")
  1494. }
  1495. i.lowercase {
  1496. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-alphabet'%3E%3Cpath d='M2.204 11.078c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582m.42-.947c-.44 0-.845-.235-.845-.718 0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864m5.593.937c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86Zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401Zm2.834-1.328c0 1.47.87 2.378 2.305 2.378 1.416 0 2.139-.777 2.158-1.763h-1.186c-.06.425-.313.732-.933.732-.66 0-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328 1.045-1.328.635 0 .879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806-1.41 0-2.304.918-2.304 2.338z'/%3E%3C/svg%3E")
  1497. }
  1498. i.capitalize {
  1499. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M8.6 17.75V8.6h-3V7h7.7v1.6h-3v9.15zm8.6.25q-1.1 0-1.725-.638T14.85 15.6v-4.05H13.5V10.1h1.35V7.925h1.65V10.1h1.85v1.45H16.5v3.7q0 .575.263.9t.712.325q.225 0 .462-.088t.463-.237v1.625q-.25.125-.55.175t-.65.05'/%3E%3C/svg%3E")
  1500. }
  1501. i.strikethrough {
  1502. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-strikethrough'%3E%3Cpath d='M6.333 5.686c0 .31.083.581.27.814H5.166a2.8 2.8 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967'/%3E%3C/svg%3E")
  1503. }
  1504. i.subscript {
  1505. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='currentColor' d='M11.354 14.5v-.665l1.553-1.438q.198-.192.332-.345.136-.154.207-.3.07-.15.07-.322a.57.57 0 0 0-.326-.546.75.75 0 0 0-.343-.077.7.7 0 0 0-.35.082.56.56 0 0 0-.23.232.75.75 0 0 0-.08.36h-.876q0-.429.194-.744a1.3 1.3 0 0 1 .543-.488 1.8 1.8 0 0 1 .806-.172q.468 0 .816.166.35.164.543.456.195.292.194.669 0 .247-.098.488-.096.24-.343.535a8 8 0 0 1-.697.7l-.637.625v.03h1.832v.754zM5.04 4.273l1.92 3.196h.068l1.93-3.196h1.803L8.073 8.636 10.805 13H8.972L7.03 9.825h-.068L5.018 13H3.194l2.757-4.364-2.723-4.363z'/%3E%3C/svg%3E")
  1506. }
  1507. i.superscript {
  1508. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='currentColor' d='M11.354 6v-.665l1.553-1.438q.198-.192.332-.345a1.3 1.3 0 0 0 .207-.3q.07-.15.07-.322a.57.57 0 0 0-.326-.545.75.75 0 0 0-.343-.077.7.7 0 0 0-.35.08.56.56 0 0 0-.23.233.75.75 0 0 0-.08.36h-.876q0-.429.194-.744a1.3 1.3 0 0 1 .543-.488 1.8 1.8 0 0 1 .806-.172q.468 0 .816.166.35.164.543.456.195.291.194.669 0 .247-.098.488-.096.24-.343.535a8 8 0 0 1-.697.7l-.637.625v.03h1.832V6zM5.04 4.273l1.92 3.196h.068l1.93-3.196h1.803L8.073 8.636 10.805 13H8.972L7.03 9.825h-.068L5.018 13H3.194l2.757-4.364-2.723-4.363z'/%3E%3C/svg%3E")
  1509. }
  1510. i.link {
  1511. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-link'%3E%3Cpath d='M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9q-.13 0-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z'/%3E%3Cpath d='M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4 4 0 0 1-.82 1H12a3 3 0 1 0 0-6z'/%3E%3C/svg%3E")
  1512. }
  1513. i.horizontal-rule {
  1514. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-break'%3E%3Cpath d='M0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5M12 0H4a2 2 0 0 0-2 2v7h1V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7h1V2a2 2 0 0 0-2-2m2 12h-1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2H2v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2z'/%3E%3C/svg%3E")
  1515. }
  1516. .icon.plus {
  1517. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E")
  1518. }
  1519. .icon.caret-right {
  1520. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-right-fill'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E")
  1521. }
  1522. .icon.dropdown-more {
  1523. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23000' d='M4.648 4.475 1.824 12.25H.67l3.252-8.531h.744zm2.368 7.775-2.83-7.775-.018-.756h.744l3.264 8.531zm-.147-3.158v.926H2.076v-.926H6.87Zm6.024 2.074V7.902q0-.375-.153-.65a1 1 0 0 0-.445-.434 1.6 1.6 0 0 0-.738-.152q-.41 0-.721.14a1.25 1.25 0 0 0-.48.37.8.8 0 0 0-.17.492H9.101q0-.34.175-.674a2 2 0 0 1 .504-.603q.335-.276.797-.434.469-.165 1.043-.164.691 0 1.219.234.533.235.832.71.305.468.305 1.177v2.953q0 .317.052.674.06.357.17.615v.094h-1.13a2 2 0 0 1-.13-.498 4 4 0 0 1-.046-.586Zm.187-2.76.012.762h-1.096q-.463 0-.826.076a1.9 1.9 0 0 0-.61.217.98.98 0 0 0-.504.879q0 .299.135.545a1 1 0 0 0 .405.392q.275.141.674.141.498 0 .878-.211a1.8 1.8 0 0 0 .604-.516q.228-.304.246-.591l.463.521a1.6 1.6 0 0 1-.223.545 2.6 2.6 0 0 1-1.2 1.025 2.3 2.3 0 0 1-.927.176 2.4 2.4 0 0 1-1.13-.252 1.93 1.93 0 0 1-.75-.674 1.8 1.8 0 0 1-.264-.955q0-.51.199-.896a1.73 1.73 0 0 1 .574-.65q.375-.265.903-.399a4.8 4.8 0 0 1 1.177-.135z'/%3E%3C/svg%3E")
  1524. }
  1525. .icon.font-color {
  1526. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' data-name='Layer 1' viewBox='0 0 7.99 7.74'%3E%3Cpath d='M3.05 0 0 7.74h1.59l.66-1.67h3.5l.66 1.67H8L4.93 0zm-.22 4.59L4 1.64l1.17 2.95H2.84Z' style='fill:%23231f20'/%3E%3C/svg%3E");
  1527. padding: 2px;
  1528. background-origin: content-box;
  1529. background-repeat: no-repeat
  1530. }
  1531. .icon.bg-color {
  1532. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='16' height='16' data-name='Layer 1' viewBox='0 0 14.67 13.83'%3E%3Cdefs%3E%3Cstyle%3E.cls-3{stroke:%23231f20;fill:none;stroke-width:1.33px;stroke-linecap:round;stroke-miterlimit:1.33}%3C/style%3E%3C/defs%3E%3Cpath d='m6.28.67 1.18 1.18' class='cls-3'/%3E%3Cpath d='M7.23 1.61 2.04 6.8l3.77 3.77L11 5.38z' style='stroke:%23231f20;stroke-linejoin:round;fill:none;stroke-width:1.33px'/%3E%3Cpath d='M11.67 11.17c.74 0 1.33-.6 1.33-1.33 0-.49-.44-1.16-1.33-2-.89.84-1.33 1.51-1.33 2 0 .74.6 1.33 1.33 1.33Z' style='fill:%23231f20;fill-rule:evenodd;stroke-miterlimit:10;stroke:%23231f20'/%3E%3Cpath d='m3.33 5.52 5.65 1.86M.67 13.17H14' class='cls-3'/%3E%3C/svg%3E")
  1533. }
  1534. .icon.table {
  1535. background-color: #6c757d;
  1536. mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-table'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E");
  1537. -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-table'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E");
  1538. mask-repeat: no-repeat;
  1539. -webkit-mask-repeat: no-repeat;
  1540. mask-size: contain;
  1541. -webkit-mask-size: contain
  1542. }
  1543. i.image {
  1544. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-image'%3E%3Cpath d='M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3Cpath d='M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z'/%3E%3C/svg%3E")
  1545. }
  1546. i.edit {
  1547. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' aria-hidden='true' class='h-5 w-5 text-primary-500' data-slot='icon' viewBox='0 0 20 20'%3E%3Cpath d='m5.433 13.917 1.262-3.155A4 4 0 0 1 7.58 9.42l6.92-6.918a2.121 2.121 0 0 1 3 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 0 1-.65-.65Z'/%3E%3Cpath d='M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0 0 10 3H4.75A2.75 2.75 0 0 0 2 5.75v9.5A2.75 2.75 0 0 0 4.75 18h9.5A2.75 2.75 0 0 0 17 15.25V10a.75.75 0 0 0-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25z'/%3E%3C/svg%3E");
  1548. background-repeat: no-repeat
  1549. }
  1550. .image-editor-button {
  1551. display: none
  1552. }
  1553. .image-span:has(.focused)>.image-editor-button {
  1554. display: inherit
  1555. }
  1556. i.table {
  1557. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-table'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E")
  1558. }
  1559. i.close {
  1560. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256-114.6 256-256 256S0 397.4 0 256m175-47.9 47.1 47L175 303c-9.3 9.4-9.3 24.6 0 33.1 9.4 10.2 24.6 10.2 33.1 0l47-46.2 47.9 46.2c9.4 10.2 24.6 10.2 33.1 0 10.2-8.5 10.2-23.7 0-33.1l-46.2-47.9 46.2-47c10.2-8.5 10.2-23.7 0-33.1-8.5-9.3-23.7-9.3-33.1 0l-47.9 47.1-47-47.1c-8.5-9.3-23.7-9.3-33.1 0-9.3 9.4-9.3 24.6 0 33.1'/%3E%3C/svg%3E")
  1561. }
  1562. i.figma {
  1563. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M14 95.792C14 42.888 56.888 0 109.793 0h164.368c52.905 0 95.793 42.888 95.793 95.792 0 33.5-17.196 62.984-43.243 80.105 26.047 17.122 43.243 46.605 43.243 80.105 0 52.905-42.888 95.793-95.793 95.793h-2.08c-24.802 0-47.403-9.426-64.415-24.891v88.263c0 53.61-44.009 96.833-97.357 96.833C57.536 512 14 469.243 14 416.207c0-33.498 17.195-62.98 43.24-80.102C31.193 318.983 14 289.5 14 256.002c0-33.5 17.196-62.983 43.242-80.105C31.197 158.776 14 129.292 14 95.792m162.288 95.795h-66.495c-35.576 0-64.415 28.84-64.415 64.415 0 35.438 28.617 64.192 64.003 64.414l.412-.001h66.495zm31.378 64.415c0 35.575 28.839 64.415 64.415 64.415h2.08c35.576 0 64.415-28.84 64.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576 0-64.415 28.84-64.415 64.415m-97.873 95.793-.412-.001c-35.386.221-64.003 28.975-64.003 64.413 0 35.445 29.225 64.415 64.931 64.415 36.282 0 65.979-29.436 65.979-65.455v-63.372zm0-320.417c-35.576 0-64.415 28.84-64.415 64.414 0 35.576 28.84 64.415 64.415 64.415h66.495V31.377zm97.873 128.829h66.495c35.576 0 64.415-28.839 64.415-64.415 0-35.575-28.839-64.414-64.415-64.414h-66.495z'/%3E%3C/svg%3E")
  1564. }
  1565. i.poll {
  1566. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-card-checklist'%3E%3Cpath d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z'/%3E%3Cpath d='M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0M7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E")
  1567. }
  1568. i.columns {
  1569. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-layout-three-columns'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1zM10 15V1H6v14zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11z'/%3E%3C/svg%3E")
  1570. }
  1571. i.tweet {
  1572. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-twitter'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3.2 3.2 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15'/%3E%3C/svg%3E")
  1573. }
  1574. i.youtube {
  1575. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-youtube'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E")
  1576. }
  1577. .icon.left-align,
  1578. i.left-align {
  1579. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-left'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1580. }
  1581. .icon.center-align,
  1582. i.center-align {
  1583. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-center'%3E%3Cpath fill-rule='evenodd' d='M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1584. }
  1585. .icon.right-align,
  1586. i.right-align {
  1587. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-right'%3E%3Cpath fill-rule='evenodd' d='M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1588. }
  1589. .icon.justify-align,
  1590. i.justify-align {
  1591. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-justify'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1592. }
  1593. i.indent {
  1594. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-indent-left'%3E%3Cpath d='M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708M7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1595. }
  1596. i.markdown {
  1597. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-markdown'%3E%3Cpath d='M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3Cpath fill-rule='evenodd' d='M9.146 8.146a.5.5 0 0 1 .708 0L11.5 9.793l1.646-1.647a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 0-.708'/%3E%3Cpath fill-rule='evenodd' d='M11.5 5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M3.56 11V7.01h.056l1.428 3.239h.774l1.42-3.24h.056V11h1.073V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H2.5V11z'/%3E%3C/svg%3E")
  1598. }
  1599. i.outdent {
  1600. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-indent-right'%3E%3Cpath d='M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1601. }
  1602. i.undo {
  1603. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E")
  1604. }
  1605. i.redo {
  1606. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-clockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E")
  1607. }
  1608. i.sticky {
  1609. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-sticky'%3E%3Cpath d='M2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 15 8.586V2.5A1.5 1.5 0 0 0 13.5 1zM2 2.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V8H9.5A1.5 1.5 0 0 0 8 9.5V14H2.5a.5.5 0 0 1-.5-.5zm7 11.293V9.5a.5.5 0 0 1 .5-.5h4.293z'/%3E%3C/svg%3E")
  1610. }
  1611. i.mic {
  1612. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-mic'%3E%3Cpath d='M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3'/%3E%3C/svg%3E")
  1613. }
  1614. i.import {
  1615. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-upload'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708z'/%3E%3C/svg%3E")
  1616. }
  1617. i.export {
  1618. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E")
  1619. }
  1620. i.share {
  1621. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-send'%3E%3Cpath d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z'/%3E%3C/svg%3E")
  1622. }
  1623. i.diagram-2 {
  1624. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-diagram-2'%3E%3Cpath fill-rule='evenodd' d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E")
  1625. }
  1626. i.user {
  1627. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0m0 128c39.77 0 72 32.24 72 72s-32.2 72-72 72c-39.76 0-72-32.24-72-72s32.2-72 72-72m0 320c-52.93 0-100.9-21.53-135.7-56.29C136.5 349.9 176.5 320 224 320h64c47.54 0 87.54 29.88 103.7 71.71C356.9 426.5 308.9 448 256 448'/%3E%3C/svg%3E")
  1628. }
  1629. i.equation {
  1630. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-slash-minus'%3E%3Cpath d='m1.854 14.854 13-13a.5.5 0 0 0-.708-.708l-13 13a.5.5 0 0 0 .708.708M4 1a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2A.5.5 0 0 1 4 1m5 11a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 9 12'/%3E%3C/svg%3E")
  1631. }
  1632. i.gif {
  1633. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filetype-gif'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.278 13.124a1.4 1.4 0 0 0-.14-.492 1.3 1.3 0 0 0-.314-.407 1.5 1.5 0 0 0-.48-.275 1.9 1.9 0 0 0-.636-.1q-.542 0-.926.229a1.5 1.5 0 0 0-.583.632 2.1 2.1 0 0 0-.199.95v.506q0 .408.105.745.105.336.32.58.213.243.533.377.323.132.753.132.402 0 .697-.111a1.29 1.29 0 0 0 .788-.77q.097-.261.097-.551v-.797H1.717v.589h.823v.255q0 .199-.09.363a.67.67 0 0 1-.273.264 1 1 0 0 1-.457.096.87.87 0 0 1-.519-.146.9.9 0 0 1-.305-.413 1.8 1.8 0 0 1-.096-.615v-.499q0-.547.234-.85.237-.3.665-.301a1 1 0 0 1 .3.044q.136.044.236.126a.7.7 0 0 1 .17.19.8.8 0 0 1 .097.25zm1.353 2.801v-3.999H3.84v4h.79Zm1.493-1.59v1.59h-.791v-3.999H7.88v.653H6.124v1.117h1.605v.638z'/%3E%3C/svg%3E")
  1634. }
  1635. i.copy {
  1636. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M710 10H360c-38.6 0-70 31.4-70 70v630c0 38.6 31.4 70 70 70h490c38.6 0 70-31.4 70-70V220zm0 99 111 111H710zm140 601H360V80h280v210h210z'/%3E%3Cpath d='M430 360h350v70H430zm0 140h350v70H430z'/%3E%3Cpath d='M640 920H150V290h70v-70h-70c-38.6 0-70 31.4-70 70v630c0 38.6 31.4 70 70 70h490c38.6 0 70-31.4 70-70v-70h-70z'/%3E%3C/svg%3E")
  1637. }
  1638. i.success {
  1639. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%2325ae88'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M38 15 22 33l-10-8'/%3E%3C/svg%3E")
  1640. }
  1641. i.prettier {
  1642. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.571 23.429A.57.57 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572M8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143m-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143M16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16M2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143M9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143m-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.57.57 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.57.57 0 0 0 9.714 12m-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142m19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143M2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.57.57 0 0 0-.571.572m-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.57.57 0 0 0-.572.572zm-1.143 0a.57.57 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.57.57 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143m5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.57.57 0 0 0-.571.571m-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143'/%3E%3C/svg%3E")
  1643. }
  1644. i.prettier-error {
  1645. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='color:red' viewBox='0 0 24 24'%3E%3Cpath fill='red' d='M8.571 23.429A.57.57 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572M8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143m-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143M16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16M2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143M9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143m-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.57.57 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.57.57 0 0 0 9.714 12m-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142m19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143M2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.57.57 0 0 0-.571.572m-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.57.57 0 0 0-.572.572zm-1.143 0a.57.57 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.57.57 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143m5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.57.57 0 0 0-.571.571m-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143'/%3E%3C/svg%3E")
  1646. }
  1647. .icon.page-break,
  1648. i.page-break {
  1649. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-scissors' transform='scale(1 -1)rotate(90)'%3E%3Cpath d='M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0'/%3E%3C/svg%3E")
  1650. }
  1651. .link-editor .button.active,
  1652. .toolbar .button.active {
  1653. background-color: #b7ccfb
  1654. }
  1655. .link-input {
  1656. width: calc(100% - 75px);
  1657. box-sizing: border-box;
  1658. margin: 12px;
  1659. padding: 8px 12px;
  1660. border-radius: 10px;
  1661. background-color: #eee;
  1662. border: 0
  1663. }
  1664. .link-input,
  1665. .link-view {
  1666. display: block;
  1667. font-size: 15px;
  1668. color: #050505;
  1669. outline: 0;
  1670. position: relative;
  1671. font-family: inherit
  1672. }
  1673. .link-view {
  1674. width: calc(100% - 24px);
  1675. padding: 16px 24px;
  1676. border-radius: 15px;
  1677. border: 0
  1678. }
  1679. .link-view a {
  1680. display: block;
  1681. word-break: break-word;
  1682. width: calc(100% - 33px)
  1683. }
  1684. .link-edit {
  1685. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-fill'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z'/%3E%3C/svg%3E")
  1686. }
  1687. .link-edit,
  1688. .link-trash {
  1689. background-size: 16px;
  1690. background-position: 50%;
  1691. background-repeat: no-repeat;
  1692. width: 35px;
  1693. height: 35px;
  1694. align-self: center;
  1695. cursor: pointer
  1696. }
  1697. .link-trash {
  1698. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3V2h11v1z'/%3E%3C/svg%3E")
  1699. }
  1700. .link-cancel {
  1701. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256-114.6 256-256 256S0 397.4 0 256m175-47.9 47.1 47L175 303c-9.3 9.4-9.3 24.6 0 33.1 9.4 10.2 24.6 10.2 33.1 0l47-46.2 47.9 46.2c9.4 10.2 24.6 10.2 33.1 0 10.2-8.5 10.2-23.7 0-33.1l-46.2-47.9 46.2-47c10.2-8.5 10.2-23.7 0-33.1-8.5-9.3-23.7-9.3-33.1 0l-47.9 47.1-47-47.1c-8.5-9.3-23.7-9.3-33.1 0-9.3 9.4-9.3 24.6 0 33.1'/%3E%3C/svg%3E")
  1702. }
  1703. .link-cancel,
  1704. .link-confirm {
  1705. background-size: 16px;
  1706. background-position: 50%;
  1707. background-repeat: no-repeat;
  1708. width: 35px;
  1709. height: 35px;
  1710. align-self: center;
  1711. cursor: pointer
  1712. }
  1713. .link-confirm {
  1714. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='4' d='M38 15 22 33l-10-8'/%3E%3C/svg%3E")
  1715. }
  1716. .link-view a {
  1717. color: #216fdb;
  1718. white-space: nowrap;
  1719. overflow: hidden;
  1720. margin-right: 30px;
  1721. text-overflow: ellipsis
  1722. }
  1723. .editor ul ul {
  1724. list-style-type: circle !important
  1725. }
  1726. .editor ul ul ul {
  1727. list-style-type: square !important
  1728. }
  1729. .editor ul ul ul ul {
  1730. list-style-type: disc !important
  1731. }
  1732. .editor ul ul ul ul ul {
  1733. list-style-type: circle !important
  1734. }
  1735. .editor ul ul ul ul ul ul {
  1736. list-style-type: square !important
  1737. }
  1738. .link-view a:hover {
  1739. text-decoration: underline
  1740. }
  1741. .mention:focus {
  1742. box-shadow: 0 0 0 2px #b4d5ff;
  1743. outline: none
  1744. }
  1745. .characters-limit {
  1746. color: #888;
  1747. font-size: 12px;
  1748. text-align: right;
  1749. display: block;
  1750. position: absolute;
  1751. left: 12px;
  1752. bottom: 5px
  1753. }
  1754. .characters-limit.characters-limit-exceeded {
  1755. color: red
  1756. }
  1757. .dropdown {
  1758. z-index: 100;
  1759. box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80;
  1760. border-radius: 8px;
  1761. min-height: 40px;
  1762. --tw-bg-opacity: 1;
  1763. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  1764. }
  1765. .dropdown:is(.dark *) {
  1766. --tw-bg-opacity: 1;
  1767. background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
  1768. }
  1769. .clr-picker:is(.dark *) {
  1770. --tw-bg-opacity: 1;
  1771. background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
  1772. }
  1773. input.clr-color:is(.dark *) {
  1774. background-color: hsla(0, 0%, 100%, .05);
  1775. --tw-text-opacity: 1;
  1776. color: rgb(255 255 255/var(--tw-text-opacity, 1))
  1777. }
  1778. .dropdown .item {
  1779. margin: 0 8px;
  1780. padding: 8px;
  1781. color: #050505;
  1782. cursor: pointer;
  1783. line-height: 16px;
  1784. font-size: 15px;
  1785. display: flex;
  1786. align-content: center;
  1787. flex-direction: row;
  1788. flex-shrink: 0;
  1789. justify-content: space-between;
  1790. background-color: #fff;
  1791. border-radius: 8px;
  1792. border: 0;
  1793. max-width: 250px;
  1794. min-width: 100px
  1795. }
  1796. .dropdown .item.wide {
  1797. align-items: center;
  1798. width: 248px
  1799. }
  1800. .dropdown .item.wide .icon-text-container {
  1801. display: flex
  1802. }
  1803. .dropdown .item.wide .icon-text-container .text {
  1804. min-width: 120px
  1805. }
  1806. .dropdown .item .shortcut {
  1807. color: #939393;
  1808. align-self: flex-end
  1809. }
  1810. .dropdown .item .active {
  1811. display: flex;
  1812. width: 20px;
  1813. height: 20px;
  1814. background-size: contain
  1815. }
  1816. .dropdown .item:first-child {
  1817. margin-top: 8px
  1818. }
  1819. .dropdown .item:last-child {
  1820. margin-bottom: 8px
  1821. }
  1822. .dropdown .item:hover {
  1823. background-color: #eee
  1824. }
  1825. .dropdown .item .text {
  1826. display: flex;
  1827. line-height: 20px;
  1828. flex-grow: 1;
  1829. min-width: 150px
  1830. }
  1831. .dropdown .item .icon {
  1832. display: flex;
  1833. width: 20px;
  1834. height: 20px;
  1835. -webkit-user-select: none;
  1836. -moz-user-select: none;
  1837. user-select: none;
  1838. margin-right: 12px;
  1839. line-height: 16px;
  1840. background-size: contain;
  1841. background-position: 50%;
  1842. background-repeat: no-repeat
  1843. }
  1844. .dropdown .divider {
  1845. width: auto;
  1846. background-color: #eee;
  1847. margin: 4px 8px;
  1848. height: 1px
  1849. }
  1850. @media screen and (max-width:1100px) {
  1851. .dropdown-button-text {
  1852. display: none !important
  1853. }
  1854. .code-language .dropdown-button-text,
  1855. .dialog-dropdown>.dropdown-button-text,
  1856. .font-size .dropdown-button-text {
  1857. display: flex !important
  1858. }
  1859. }
  1860. .icon.paragraph {
  1861. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-paragraph'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  1862. }
  1863. .icon.h1 {
  1864. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h1'%3E%3Cpath d='M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13z'/%3E%3C/svg%3E")
  1865. }
  1866. .icon.h2 {
  1867. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h2'%3E%3Cpath d='M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049z'/%3E%3C/svg%3E")
  1868. }
  1869. .icon.h3 {
  1870. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h3'%3E%3Cpath d='M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13zm3.625-4.272h1.018c1.142 0 1.935.67 1.949 1.674.013 1.005-.78 1.737-2.01 1.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069 1.327 1.224 2.386 3.083 2.386 1.935 0 3.343-1.155 3.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123 1.764-.91 1.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857 1.162-2.898 2.358h1.196c.062-.69.711-1.299 1.696-1.299.998 0 1.695.622 1.695 1.525.007.922-.718 1.592-1.695 1.592h-.964z'/%3E%3C/svg%3E")
  1871. }
  1872. .icon.h4 {
  1873. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h1'%3E%3Cpath d='M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.337.2v-2.328H9.108V9.828l3.441-6.35h1.632v6.141H15.5v1.253h-1.319V13.2Zm-2.615-3.581h2.615V6.7L13 4.689l-.872 1.7z'/%3E%3C/svg%3E")
  1874. }
  1875. .icon.h5 {
  1876. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h1'%3E%3Cpath d='M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm2.755-5.791a3.76 3.76 0 0 1 2.113-.517 2.973 2.973 0 0 1 2.995 3.1 3.45 3.45 0 0 1-.9 2.442 3.11 3.11 0 0 1-2.393.968 3.33 3.33 0 0 1-2.094-.671 2.76 2.76 0 0 1-1.007-2h1.284a1.39 1.39 0 0 0 .511 1.1 2.4 2.4 0 0 0 1.4.421 1.82 1.82 0 0 0 1.479-.638 2.04 2.04 0 0 0 .437-1.514 2.17 2.17 0 0 0-.567-1.584 1.96 1.96 0 0 0-1.468-.58 2.36 2.36 0 0 0-1.79.789H9.108V3.478h5.931v1.134h-4.647Z'/%3E%3C/svg%3E")
  1877. }
  1878. .icon.h6 {
  1879. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h1'%3E%3Cpath d='M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.039-6.13a2.8 2.8 0 0 1 1.419.364 2.7 2.7 0 0 1 1.022 1.05 3.3 3.3 0 0 1 .383 1.642 3.6 3.6 0 0 1-.39 1.7 2.9 2.9 0 0 1-1.1 1.158 3.17 3.17 0 0 1-1.635.416 2.8 2.8 0 0 1-1.734-.545A3.5 3.5 0 0 1 9.51 11.1a6.5 6.5 0 0 1-.4-2.411A7.7 7.7 0 0 1 9.542 6a4.3 4.3 0 0 1 1.233-1.851 2.83 2.83 0 0 1 1.889-.673A2.7 2.7 0 0 1 13.8 3.7a2.5 2.5 0 0 1 .812.586 2.9 2.9 0 0 1 .514.8 2.8 2.8 0 0 1 .223.861H14a1.5 1.5 0 0 0-.453-.923 1.35 1.35 0 0 0-.935-.329 1.5 1.5 0 0 0-1.072.425 2.84 2.84 0 0 0-.71 1.18 6.8 6.8 0 0 0-.323 1.771 2.64 2.64 0 0 1 .918-.889 2.5 2.5 0 0 1 1.251-.312m-.285 5.117a1.6 1.6 0 0 0 .91-.256 1.75 1.75 0 0 0 .614-.713 2.3 2.3 0 0 0 .223-1.037 2.2 2.2 0 0 0-.217-1.01 1.6 1.6 0 0 0-.6-.666 1.67 1.67 0 0 0-.892-.236 1.83 1.83 0 0 0-1.164.377 2.4 2.4 0 0 0-.743 1.009 3.75 3.75 0 0 0 .6 1.845 1.5 1.5 0 0 0 1.269.687'/%3E%3C/svg%3E")
  1880. }
  1881. .icon.bullet,
  1882. .icon.bullet-list {
  1883. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list-ul'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E")
  1884. }
  1885. .icon.check,
  1886. .icon.check-list {
  1887. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E")
  1888. }
  1889. .icon.number,
  1890. .icon.numbered-list {
  1891. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list-ol'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635z'/%3E%3C/svg%3E")
  1892. }
  1893. .icon.quote {
  1894. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-square-quote'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z'/%3E%3C/svg%3E")
  1895. }
  1896. .icon.code {
  1897. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-code'%3E%3Cpath d='M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8z'/%3E%3C/svg%3E")
  1898. }
  1899. .switches {
  1900. z-index: 6;
  1901. position: fixed;
  1902. left: 10px;
  1903. bottom: 70px;
  1904. animation: slide-in .4s ease
  1905. }
  1906. @keyframes slide-in {
  1907. 0% {
  1908. opacity: 0;
  1909. transform: translate(-200px)
  1910. }
  1911. to {
  1912. opacity: 1;
  1913. transform: translate(0)
  1914. }
  1915. }
  1916. .switch {
  1917. display: block;
  1918. color: #444;
  1919. margin: 5px 0;
  1920. background-color: #eeeeeeb3;
  1921. padding: 5px 10px;
  1922. border-radius: 10px
  1923. }
  1924. #rich-text-switch {
  1925. right: 0
  1926. }
  1927. #character-count-switch {
  1928. right: 130px
  1929. }
  1930. .switch label {
  1931. margin-right: 5px;
  1932. line-height: 24px;
  1933. width: 100px;
  1934. font-size: 14px
  1935. }
  1936. .switch button,
  1937. .switch label {
  1938. display: inline-block;
  1939. vertical-align: middle
  1940. }
  1941. .switch button {
  1942. background-color: #ced0d4;
  1943. height: 24px;
  1944. box-sizing: border-box;
  1945. border-radius: 12px;
  1946. width: 44px;
  1947. position: relative;
  1948. outline: none;
  1949. cursor: pointer;
  1950. transition: background-color .1s;
  1951. border: 2px solid transparent
  1952. }
  1953. .switch button:focus-visible {
  1954. border-color: #00f
  1955. }
  1956. .switch button span {
  1957. top: 0;
  1958. left: 0;
  1959. display: block;
  1960. position: absolute;
  1961. width: 20px;
  1962. height: 20px;
  1963. border-radius: 12px;
  1964. background-color: #fff;
  1965. transition: transform .2s
  1966. }
  1967. .switch button[aria-checked=true] {
  1968. background-color: #1877f2
  1969. }
  1970. .switch button[aria-checked=true] span {
  1971. transform: translate(20px)
  1972. }
  1973. .editor-shell span.lexical__editor-image {
  1974. cursor: default;
  1975. display: inline-block;
  1976. position: relative;
  1977. -webkit-user-select: none;
  1978. -moz-user-select: none;
  1979. user-select: none
  1980. }
  1981. .editor-shell .lexical__editor-image img {
  1982. max-width: 100%;
  1983. cursor: default
  1984. }
  1985. .editor-shell .lexical__editor-image img.focused {
  1986. outline: 2px solid #3c84f4;
  1987. -webkit-user-select: none;
  1988. -moz-user-select: none;
  1989. user-select: none
  1990. }
  1991. .editor-shell .lexical__editor-image img.focused.draggable {
  1992. cursor: grab
  1993. }
  1994. .editor-shell .lexical__editor-image img.focused.draggable:active {
  1995. cursor: grabbing
  1996. }
  1997. .editor-shell .lexical__editor-image .image-caption-container .tree-view-output {
  1998. margin: 0;
  1999. border-radius: 0
  2000. }
  2001. .editor-shell .lexical__editor-image .image-caption-container {
  2002. display: block;
  2003. position: absolute;
  2004. bottom: 4px;
  2005. left: 0;
  2006. right: 0;
  2007. padding: 0;
  2008. margin: 0;
  2009. border-top: 1px solid #fff;
  2010. background-color: #ffffffe6;
  2011. min-width: 100px;
  2012. color: #000;
  2013. overflow: hidden
  2014. }
  2015. .editor-shell .lexical__editor-image .image-caption-button {
  2016. display: block;
  2017. position: absolute;
  2018. bottom: 20px;
  2019. left: 0;
  2020. right: 0;
  2021. width: 30%;
  2022. padding: 10px;
  2023. margin: 0 auto;
  2024. border: 1px solid hsla(0, 0%, 100%, .3);
  2025. border-radius: 5px;
  2026. background-color: #00000080;
  2027. min-width: 100px;
  2028. color: #fff;
  2029. cursor: pointer;
  2030. -webkit-user-select: none;
  2031. -moz-user-select: none;
  2032. user-select: none
  2033. }
  2034. .editor-shell .lexical__editor-image .image-caption-button:hover {
  2035. background-color: #3c84f480
  2036. }
  2037. .editor-shell .lexical__editor-image .image-edit-button {
  2038. border: 1px solid rgba(0, 0, 0, .3);
  2039. border-radius: 5px;
  2040. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-fill'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z'/%3E%3C/svg%3E");
  2041. background-size: 16px;
  2042. background-position: 50%;
  2043. background-repeat: no-repeat;
  2044. width: 35px;
  2045. height: 35px;
  2046. vertical-align: -.25em;
  2047. position: absolute;
  2048. right: 4px;
  2049. top: 4px;
  2050. cursor: pointer;
  2051. -webkit-user-select: none;
  2052. -moz-user-select: none;
  2053. user-select: none
  2054. }
  2055. .editor-shell .lexical__editor-image .image-edit-button:hover {
  2056. background-color: #3c84f41a
  2057. }
  2058. .editor-shell .lexical__editor-image .image-resizer {
  2059. display: block;
  2060. width: 7px;
  2061. height: 7px;
  2062. position: absolute;
  2063. background-color: #3c84f4;
  2064. border: 1px solid #fff
  2065. }
  2066. .editor-shell .lexical__editor-image .image-resizer.image-resizer-n {
  2067. top: -6px;
  2068. left: 48%;
  2069. cursor: n-resize
  2070. }
  2071. .editor-shell .lexical__editor-image .image-resizer.image-resizer-ne {
  2072. top: -6px;
  2073. right: -6px;
  2074. cursor: ne-resize
  2075. }
  2076. .editor-shell .lexical__editor-image .image-resizer.image-resizer-e {
  2077. bottom: 48%;
  2078. right: -6px;
  2079. cursor: e-resize
  2080. }
  2081. .editor-shell .lexical__editor-image .image-resizer.image-resizer-se {
  2082. bottom: -2px;
  2083. right: -6px;
  2084. cursor: nwse-resize
  2085. }
  2086. .editor-shell .lexical__editor-image .image-resizer.image-resizer-s {
  2087. bottom: -2px;
  2088. left: 48%;
  2089. cursor: s-resize
  2090. }
  2091. .editor-shell .lexical__editor-image .image-resizer.image-resizer-sw {
  2092. bottom: -2px;
  2093. left: -6px;
  2094. cursor: sw-resize
  2095. }
  2096. .editor-shell .lexical__editor-image .image-resizer.image-resizer-w {
  2097. bottom: 48%;
  2098. left: -6px;
  2099. cursor: w-resize
  2100. }
  2101. .editor-shell .lexical__editor-image .image-resizer.image-resizer-nw {
  2102. top: -6px;
  2103. left: -6px;
  2104. cursor: nw-resize
  2105. }
  2106. .editor-shell span.lexical__inline-editor-image {
  2107. cursor: default;
  2108. display: inline-block;
  2109. position: relative;
  2110. z-index: 1
  2111. }
  2112. .editor-shell .lexical__inline-editor-image img {
  2113. max-width: 100%;
  2114. cursor: default
  2115. }
  2116. .editor-shell .lexical__inline-editor-image img.focused {
  2117. outline: 2px solid #3c84f4
  2118. }
  2119. .editor-shell .lexical__inline-editor-image img.focused.draggable {
  2120. cursor: grab
  2121. }
  2122. .editor-shell .lexical__inline-editor-image img.focused.draggable:active {
  2123. cursor: grabbing
  2124. }
  2125. .editor-shell .lexical__inline-editor-image .image-caption-container .tree-view-output {
  2126. margin: 0;
  2127. border-radius: 0
  2128. }
  2129. .editor-shell .lexical__inline-editor-image.position-full {
  2130. margin: 1em 0
  2131. }
  2132. .editor-shell .lexical__inline-editor-image.position-left {
  2133. float: left;
  2134. width: 50%;
  2135. margin: 1em 1em 0 0
  2136. }
  2137. .editor-shell .lexical__inline-editor-image.position-right {
  2138. float: right;
  2139. width: 50%;
  2140. margin: 1em 0 0 1em
  2141. }
  2142. .editor-shell .lexical__inline-editor-image .image-edit-button {
  2143. display: block;
  2144. position: absolute;
  2145. top: 12px;
  2146. right: 12px;
  2147. padding: 6px 8px;
  2148. margin: 0 auto;
  2149. border: 1px solid hsla(0, 0%, 100%, .3);
  2150. border-radius: 5px;
  2151. background-color: #00000080;
  2152. min-width: 60px;
  2153. color: #fff;
  2154. cursor: pointer;
  2155. -webkit-user-select: none;
  2156. -moz-user-select: none;
  2157. user-select: none
  2158. }
  2159. .editor-shell .lexical__inline-editor-image .image-edit-button:hover {
  2160. background-color: #3c84f480
  2161. }
  2162. .editor-shell .lexical__inline-editor-image .image-caption-container {
  2163. display: block;
  2164. background-color: #f4f4f4;
  2165. min-width: 100%;
  2166. color: #000;
  2167. overflow: hidden
  2168. }
  2169. .emoji {
  2170. color: transparent;
  2171. caret-color: #050505;
  2172. background-size: 16px 16px;
  2173. background-position: 50%;
  2174. background-repeat: no-repeat;
  2175. vertical-align: middle;
  2176. margin: 0 -1px
  2177. }
  2178. .emoji-inner {
  2179. padding: 0 .15em
  2180. }
  2181. .emoji-inner::-moz-selection {
  2182. color: transparent;
  2183. background-color: #96969666
  2184. }
  2185. .emoji-inner::selection {
  2186. color: transparent;
  2187. background-color: #96969666
  2188. }
  2189. .emoji-inner::moz-selection {
  2190. color: transparent;
  2191. background-color: #96969666
  2192. }
  2193. .emoji.happysmile {
  2194. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACE1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAB2bRQBAQD25CoaGAT15CqFfBdIQwwZFwTSwyTTxCStoR4KCQKGfRfz4in04yoMCwJHQgxRSw5STA7r2ijj0yeDehammhylmRwjIAYiHwbv3ikYFgR1bBQbGQV3bhRlXhGXjBpOSA355yrq2SjVxiTn1yewox776SvMvSM/OwtzahQODQJcVRACAgALCgKonB1FQAxEPwynmxxTTQ5GQQzs2yjQwSPOvyPNviNUTg62qR8kIQZPSQ3PwCO5rCB+dRW6rSDu3Sm3qh9YUg8lIgaBeBaUihmqnh2rnx3p2SiQhhmvoh4HBgHo2CgIBwHk1CeRhxlQSg6xpB6CeRZJRAySiBlXUQ9WUA/w3ynt3ChaVA+Vixl180CkAAAAU3RSTlMABfwYE47z9P75uJBWWWtt8e746+zt2djatrUWjcvIxxVs9Y8bjHcZZ/IaUHPQJ83OJHVPYPvcVdtuF1gUycoSTczxz2TzI3YEJiVodCgGTmVTUqncTiEAAALWSURBVFjD7ZfVWxtBFMUhJNkI2lIoBYoVLVaou7vvyQQIwZPgVJC2uLtDsbp7+ycWHtjsJuzsJF/7tQ85T7N3d377jdw7Z/z8fPLJp3+vgCCjISJMrw+LMBiPHfWWcvxILCQ6kaD2ArMnKRGoshS1l1SbzdUlr4psVQCnyfAQ45/CgVgGKnmRKoctBNwlf0842VnA1DjvpjkHcO4KO+eOFiuL/Jaan8GFvayc/Qfg+MHLqGkZqmtsnDSQBZ6icoIQFs5dFfnFU7VGVAyj2xeKIl5Bq9DeUOLczMJPXlHfkKu0C1Kw8l0Z9LQBeQr7mcMiz6AlaFOpoCSM8EyyI4bGUSeScTbQBOFoGRyCzzyjbAimgGIxsPmh+X5xgcks7iqN1GE3pY7pqoR8N21UIJMYJI1U9OuiZUFBsAjdije63RODXCKDCJQFGUWbumCj2wMxyCVSC40syICP0oE8dBuaM1KKXbKgg3jsnFpTgetkSyMl2CkL2oFHPLOeYLssSA8zO6gQ2/4+6I8N7bBoshVFm2wD2tlBtOU3KldZnmlDBsHGDhrCIaakVVJFmS5ePv1PYlj4sqNwiyXvEJr1iKMWNmf69/Z0v5Niarp7eoWHUWphU3NkTshRgrf2urHNx+r6D69BhHI0SS+1fho4hH92OvrW072htdlkam5tXG/2jXQKL2eRTD1FMrSYF43lZVfZpl3r73pf43wzjfQA+sGWh5km8by0WZ+1lJe3PLe2SQ7IRmQqWbVcLCuv/RRy/BlMxKoSZwHabGU7kq8ia3TOF6husRik2y7HkJvRgu48s/Wzj8lav69QpbGayPxQNCxtzZluxNnT7Lb2ag5gn3DHTM4CZy56ZNiva0FsdRWSfK8fJUjPvOyh90/VcEDZYG2p9YW58I219NPQ+ibnkgO8uI2oE3brxHcaXVzwKW8vSNGBmqjIcL0+PDIqJjDed+30yaf/QL8BILNaoYqaEPoAAAAASUVORK5CYII=)
  2195. }
  2196. .emoji.veryhappysmile {
  2197. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACzVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAADqWkf///8BAAB2bRT25CoaGATw3ykyLwmFfBdIQwxHQgwJCALz4in45ir04yrMzMwBAQEZFwTTxCR3bhQMCwKtoR4kIQaonB1YUg8IBwEMDAzt3CiDehbr2ij15Cqwox5TTQ5STA7u3SlRSw62qR+4qx/OvyNFQAzQwSOSiBlEPwx+dRUOBQQEBAEDAgEjIAZDGhQ4ODh1bBQbGQUYFgTn1yfVxiSnmxylmRymmhxGQQzPwCO5rCBWUA8iHwaGfRfNviO6rSCBeBZPSQ2UihnSwyTo2Cjx4ClAGBNNHhfk1Ce+sCB6cRVJRAyCeRZqamosLCzPTz54bxTCtCHWxyUYCQcWCQczFA8WFATKTj2hlhtMHRfIyMhfJB0eHh5aWlpJSUkGBgZFRUUvLy8iIiLd3d319fWxpB6voh5aVA8TEQOVixkwEg5LRg0oJQfSUUCrnx3FtyKXjBrfzybZyiUuKgiPhRj35SqSOCzg0CaWOi3x8fFBPQv55yp8cxVJHBZOSA3UxSQGAgJeVxB/dhYGBQHZ2dkUCAa0RTdkJh7RUD+fn5/GTDyoqKgqEA2vQzUMBQQqKiohDQq9ryB4eHh+fn7aVEKFhYWjPzFVVVVIHBbR0dGCMiePj4+wRDbXyCVUIBpsKSGKNSo2FRA1FBA6OjoEBAT9/f09PT0PDw8fHAUZGRkpKSnp6el6XgltAAAAP3RSTlMABfxr+ROO9P7zF5C47FbIthnP8VkVFM1td9Ajde747dnc2/XYjY8bjE1Q8mdzJWQm+2BPblgSycsEaCgGU1L0HiQRAAADp0lEQVRYw+2X5VsUURTGYVk26BSxFVuxu+aFYRFYUBEpkVwQBEm7GxSwC1Swu7vF7u7urr/BmXEXZxd35sKjj37Y99M+Z8797XPPPefcc83MTDLJpH8vKxdrm3q1pdLa9WysO1pVlVKtQxfoqbOFZRUwTRp7AKEB/nEhMSpVTMhmf3UoIJc5VhJj7i4HHRDRl+Kp7+gAGnJ388pw2tQA4odQFTQ+AXBqQ87pqUT4VOq3mhAOZXNSTru2SBhEGZEmEpJuZJyWoIdSAppMozoJp5eE3kYJagYtIdhdTWf4UyKaBmV3MU6PGthCiWoinMSywB3hvcVBmizUEslnOaZSBEqCUjjHGyOeIlIiGglxLD3oIWSgZFouVMHVMYcilBoWAqAuiNA5qob19/VR8ZfqW8bCXqCPKULL692H7UA+fJC+JShU4WoU5IKA8mX92WUj+CADSwrsjIKseUntyy4bzgcZWKIhMwqywSb9jQyosLVfljA4GAXVx6hfofXxNQy2viUEDYyC6iKGItZI2BoFSaEiB8Wizt8H/bGtNeAFW1RCwbZBHDlI6Ph1CanZndzHKGBfnEY0IV2g5nwGAAP9Is8tv/uSf9VqFi9avvCUry4p0wRKRFe0sxEVrB0cAouz/Dh9CdRaMjGbK9pAgaJl2sho1ukg5h0ruXpv1af1a3jDSNT694/vX78wD6mszxihNsI0Nq78CzHfW6uN3zf047Rho9YyH4WszzjBxmYpp8czTn0GIur2quclH70N9PTh6pUIZA9iinCrNZMhgf27A9rdfIj6+m1dztrVa3Ny1q38vOZn4HayHtPRVPAWcVRiAuO2PwM37twKhqHo9CXIXMxdRy1EJsFaCGfTpAxLr3l5PXjx5vWrFdlvi95lZz8pffZomdeyJVjIZsIkeIqNak6IZDxPpOHiTa8KurQUx9kIxcPNnGCImMamyRzQpQv0MVcuByNlJvNxKJQEY1t7CT2DPbm555F58nA5a9fR/DPIKDvEfEqFpBnJgNRae+mcPpvBxDd9+6z8/FlF6czPjEjuGp4MRWvi0S+Ra0wFe3cU6w5sqzr1CFdxEyFpSTpEtndGVpK2VPP2DI6ISFpUoBtDJsG5mRmxWrkBickVW8iU6YBbzUoN7J5K0OqxQXxK0JhxNFp4dq3k7O8okzNNJCU6LDdPFZuXGzY3jekj8qZVedlYWtgr+PWhsLfoVNUHkqudzKGhrVRq29ChkZ2r6dlpkkn/gX4AY/8OuDJyF4EAAAAASUVORK5CYII=)
  2198. }
  2199. .emoji.unhappysmile {
  2200. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACOlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAD25Cp2bRQBAQAaGAQZFwSFfBdIQwzz4inTxCStoR5HQgz04yoMCwLv3in15CqDehYKCQJEPwxRSw7QwSNSTA5YUg9WUA82Mgl1bBQbGQV3bhQYFgTr2ijq2SjVxiTn1yewox7SwyRFQAyonB2lmRymmhynmxxGQQzOvyPo2CiGfRfNviM7NwpUTg7PwCMkIQa5rCC2qR9PSQ0lIga6rSC3qh/u3Sl+dRWBeBaUihkuKwgPDgPp2Sj76SuxpB6voh4LCgKCeRZJRAySiBkmIwYFBQEiHwZTTQ5XUQ/eziYhHwYiIAYjIAZaVA/s2yjw3ynt3CiVixlKRQ2NgxjUxSQEBAFOSA0HBgGpnR3IuSJmXxH45iohHgbWxyXRwiTy4SlAPAvm1ifZyiUGBgH55yrg0Caqnh1iWxHHuCIDAwFqoJzsAAAAUnRSTlMA/AUYjhPz9P75kLhZVmtt8vH47uzt69jZ2rUWtsvIxxWNbPWPGxl3jFAaZ3MkJ9DOdc1PYPvcVdtYFBduEsnKTczPZCYjdgTwdAYoJWhOZVNSPExHuwAAAtFJREFUWMPtl+VXG0EUxQkk2QhaaKHFpUCBonV317mbJQkQ3Cu0xaVokWJ1d3d3+d9aeg7sbtKdneS0p/2Q+23evPmdM/bmjo+PV1559e/l528yR4QajaERZtPylZ5SVqyKhkxrEnQeYOYnJQIldltjYQPPNxSetTlKAE6b5ibGN4WDYG8pJhIVt9sFcFt83eFkZgG91cRFfTXAhk3snH16DA2T32qgH8ELWDmLFqPmHlFQaS00u9k46RBGCUXHBQSxcPZrhPuEqnFBwzC7hSGwERWNQb9TjbMjC7eJquqQrXYKUjB0Vx108hZyVM4zh2HCoBHok6mgJFwlTKpCPI2jSxSq2UCdAke7wUG4QBjlQCAFFI2W6UT+gDXfwkuHyiNtiKHUMUPJzH23TFUgixQkjxScM0QqgvxhnxlmnRp2WApyijQjQBFkkhzq/KlhB6Ugp0g5tIogM87IJ3LIZWpipAjzFEFLcFRcWku+82LLI4WYqwiajSOEWccwRxFkBM8OKsOsvw/6Y1NbJllsVdEW24xGdhBt+03qVZYwHUh/OJzTP9sqrbh86cHDLueeSixlurS/9P7r92kH8fRFqayroMIQp3z916JdmvzNio+1X66f5h89e/IYr55L+1oRSy1sdknum0m8+zDdeF2PSWn17KAWNh0n9Im5E6j7JLZe1mFCbHXTS62PFjVick/9W9mq1PeIjUGkUl+RND0GWPb+BIL96A9bDvpLGR7IG8hQs2rZqFUH9SLXl8FEjKlxRqHPVLcjeRphnM65CM0eFoO01+kZcjFaMGxktn5VdxSt3zVo0llNZF4Ibo4o7PsVbFvHbmt35QJVna6Y7kFg/Wa3DPt2PQRHW4HsZLd2CAjO2Oqm90/WckBFc3lR0ym+rKup6Hxlxc8vRKqfB78RXUKMQfqnMcQGrvb0gxQZoI0KDzMaw8Kj4gPivN9Or7z6D/QDbi1VtzA+50wAAAAASUVORK5CYII=)
  2201. }
  2202. .emoji.heart {
  2203. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACrFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKBAMAAAAAAAAAAAAAAAAAAAAAAADqWkcAAAABAAACAQBtKiFrKSFqKSDfVkQaCghUIBkuEg4VCAbXU0HRUD8HAwLZU0LjV0XhVkTmWUYEAQECAQFoKB8wEg6DMihXIhqZOy6nQDPiV0RlJx8PBgXkWEXITT2YOy51LSMUCAboWUYxEw8sEQ0GAgIIAwKhPjEoEAxUIBrYU0GGNCmAMSeFMyh+MCZZIhtaIxsYCQdVIRqBMifSUUBRHxjQUD8tEQ6CMijeVUNmJx9pKCCXOi5dJByJNSkFAgJIHBY0FBDcVUOKNSokDguONys4FhEnDwzpWke4RzhNHhcXCQflWEacPC8NBQSiPjHUUkAhDQo3FRGVOS21Rje8SDnFTDzCSjsZCggLBANkJh66SDnnWUbaVEJsKiEeDAk/GBNEGhUEAgEbCwi/STofDAk8FxKePTCgPTCfPTCwRDXMTj7PUD8RBwUdGVw/AAAAdXRSTlMAs81bCHPz+j4B9TcHPcJ4+ftS/gusTXF3ZVk1aTB0isrDdYv9EixV3FFHtEUvrQk/S/Jd9F+rTMRnaK/3Nt7SUxPrDCCpXuFE1iTuvg6TSQQ0+DilCp/kFs8YBpID6Woha0A77AWadh5kG6HH5/6O/JC6ArUoUSe0AAACyklEQVRYw+2XVVcbURSFg05CIXiBtlAc6u5C3d3d3W32xLBA8BYprnV3d3d39/6RFtJCk8yduRN46EO+x71WvpU1c+eefWQyGzZsSKad3MHPP0DuY5r6yAP8/RzcHKk1jX07owbGroXib6jwsmOMqbNvNypNo+4AFx+Xod6dmQbY9/mT2gNpJXvUGXHxHKBsKu5pxiAh6wBbw7adsfBcWp26eyJ2e7Ix1R9JANNDzBMGTqNjazFoVFgrk62HSm2oS3XHOTQX+T9I2sKa8KUMTqFIqjBNTyShp+DzYTgzD8t+5daFqyrM0wKOEXpOIdCwFmgAtWWqhVLgvSNBZ/mTlMrKHMv0aBE6EEVtkcXykJrKl+5HV5LHsSN3iKVGzzmTzrgcmawE4uFGEDkgToroIJoQREHQShFp4UQQhfK9fGtEXbBZimgfOhFE7XFYiqgUcoLI1SU9kd6TmO7iSjpIrbCDXrQLdsST3RKxObSelL1oTRQp7HGMVpSLYIGvP9BDlU3nyVZ5tBG6kNyRl0/jyc+Du+ANqRiMC+fEPbrL6KUQvmsHxuBMsZjnyjUMHy12+w8agEIxUSFGjhCfR8M8uZvCntuq8LE0EzIITx8LeR7dIn6tZkzB62Sy5+VdTKKc/Y7BePOC5Cl+i+mTaVvEsjl8A8jIKyyaR19rFnpwBfyezxyzQEpBmo/y53yeD2swV1rVWoL3PHdT8keslNjZFitxb6vFpPyEVa5S29+Mqcg1Fz3D6hXSe+TECbho6rkPxs2aRjoEZVf/9Twsx3Lruu0YXNfXee48wSwrS/K4UThb+8BvXELITGvrdv++dSPzJIZOs764B7rgvNFzCr3H12cF6Of97lu158FpYvWgJAw/v7PsjyKxOizKxk0oTTGUYMPs+u43EdGoqkJ0RP03pUjn33tMZEPsXF7e3l4Ns71FRdk2WBs2/ht+ATukxXbBieGmAAAAAElFTkSuQmCC)
  2204. }
  2205. .keyword {
  2206. color: #f1765e;
  2207. font-weight: 700
  2208. }
  2209. .actions {
  2210. position: absolute;
  2211. text-align: right;
  2212. margin: 10px;
  2213. bottom: 0;
  2214. right: 0
  2215. }
  2216. .actions.tree-view {
  2217. border-bottom-left-radius: 0;
  2218. border-bottom-right-radius: 0
  2219. }
  2220. .actions i {
  2221. background-size: contain;
  2222. display: inline-block;
  2223. height: 15px;
  2224. width: 15px;
  2225. vertical-align: -.25em
  2226. }
  2227. .actions i.indent {
  2228. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-indent-left'%3E%3Cpath d='M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708M7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2229. }
  2230. .actions i.outdent {
  2231. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-indent-right'%3E%3Cpath d='M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2232. }
  2233. .actions i.lock {
  2234. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-lock-fill'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2'/%3E%3C/svg%3E")
  2235. }
  2236. .actions i.image {
  2237. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-image'%3E%3Cpath d='M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3Cpath d='M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z'/%3E%3C/svg%3E")
  2238. }
  2239. .actions i.table {
  2240. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-table'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E")
  2241. }
  2242. .actions i.unlock {
  2243. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-lock'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2M5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1'/%3E%3C/svg%3E")
  2244. }
  2245. .actions i.left-align {
  2246. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-left'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2247. }
  2248. .actions i.center-align {
  2249. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-center'%3E%3Cpath fill-rule='evenodd' d='M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2250. }
  2251. .actions i.right-align {
  2252. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-right'%3E%3Cpath fill-rule='evenodd' d='M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2253. }
  2254. .actions i.justify-align {
  2255. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-justify'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2256. }
  2257. .actions i.disconnect {
  2258. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plug'%3E%3Cpath d='M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.08 2.08 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.92 1.92 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0M5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4z'/%3E%3C/svg%3E")
  2259. }
  2260. .actions i.connect {
  2261. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plug-fill'%3E%3Cpath d='M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.08 2.08 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.92 1.92 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0'/%3E%3C/svg%3E")
  2262. }
  2263. .table-cell-action-button-container {
  2264. position: absolute;
  2265. top: 0;
  2266. left: 0;
  2267. will-change: transform
  2268. }
  2269. .table-cell-action-button-container.table-cell-action-button-container--active {
  2270. pointer-events: auto;
  2271. opacity: 1
  2272. }
  2273. .table-cell-action-button-container.table-cell-action-button-container--inactive {
  2274. pointer-events: none;
  2275. opacity: 0
  2276. }
  2277. .table-cell-action-button {
  2278. display: flex;
  2279. justify-content: center;
  2280. align-items: center;
  2281. border: 0;
  2282. position: absolute;
  2283. top: 10px;
  2284. right: 10px;
  2285. border-radius: 15px;
  2286. color: #222;
  2287. display: inline-block;
  2288. cursor: pointer
  2289. }
  2290. i.chevron-down {
  2291. background-color: transparent;
  2292. background-size: contain;
  2293. display: inline-block;
  2294. height: 8px;
  2295. width: 8px;
  2296. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")
  2297. }
  2298. .action-button {
  2299. background-color: #eee;
  2300. border: 0;
  2301. padding: 8px 12px;
  2302. position: relative;
  2303. margin-left: 5px;
  2304. border-radius: 15px;
  2305. color: #222;
  2306. display: inline-block;
  2307. cursor: pointer
  2308. }
  2309. .action-button:hover {
  2310. background-color: #ddd;
  2311. color: #000
  2312. }
  2313. .action-button-mic.active {
  2314. animation: mic-pulsate-color 3s infinite
  2315. }
  2316. button.action-button:disabled {
  2317. opacity: .6;
  2318. background: #eee;
  2319. cursor: not-allowed
  2320. }
  2321. @keyframes mic-pulsate-color {
  2322. 0% {
  2323. background-color: #ffdcdc
  2324. }
  2325. 50% {
  2326. background-color: #ff8585
  2327. }
  2328. to {
  2329. background-color: #ffdcdc
  2330. }
  2331. }
  2332. .debug-timetravel-panel {
  2333. overflow: hidden;
  2334. padding: 0 0 10px;
  2335. margin: auto;
  2336. display: flex
  2337. }
  2338. .debug-timetravel-panel-slider {
  2339. padding: 0;
  2340. flex: 8
  2341. }
  2342. .debug-timetravel-panel-button {
  2343. padding: 0;
  2344. border: 0;
  2345. background: none;
  2346. flex: 1;
  2347. color: #fff;
  2348. font-size: 12px
  2349. }
  2350. .debug-timetravel-panel-button:hover {
  2351. text-decoration: underline
  2352. }
  2353. .debug-timetravel-button {
  2354. border: 0;
  2355. padding: 0;
  2356. font-size: 12px;
  2357. top: 10px;
  2358. right: 15px;
  2359. position: absolute;
  2360. background: none;
  2361. color: #fff
  2362. }
  2363. .debug-timetravel-button:hover {
  2364. text-decoration: underline
  2365. }
  2366. .debug-treetype-button {
  2367. border: 0;
  2368. padding: 0;
  2369. font-size: 12px;
  2370. top: 10px;
  2371. right: 85px;
  2372. position: absolute;
  2373. background: none;
  2374. color: #fff
  2375. }
  2376. .debug-treetype-button:hover {
  2377. text-decoration: underline
  2378. }
  2379. .connecting {
  2380. font-size: 15px;
  2381. color: #999;
  2382. overflow: hidden;
  2383. position: absolute;
  2384. text-overflow: ellipsis;
  2385. top: 10px;
  2386. left: 10px;
  2387. -webkit-user-select: none;
  2388. -moz-user-select: none;
  2389. user-select: none;
  2390. white-space: nowrap;
  2391. display: inline-block;
  2392. pointer-events: none
  2393. }
  2394. .ltr {
  2395. text-align: left
  2396. }
  2397. .rtl {
  2398. text-align: right
  2399. }
  2400. .toolbar {
  2401. display: flex;
  2402. margin-bottom: 1px;
  2403. padding: 4px;
  2404. border: 1px solid #d3d3d3;
  2405. border-top-left-radius: 4px;
  2406. border-top-right-radius: 4px;
  2407. vertical-align: middle;
  2408. position: sticky;
  2409. top: 4rem;
  2410. z-index: 2;
  2411. --tw-bg-opacity: 1;
  2412. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  2413. }
  2414. .toolbar:is(.dark *) {
  2415. --tw-bg-opacity: 1;
  2416. background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1))
  2417. }
  2418. button.toolbar-item {
  2419. border: 0;
  2420. display: flex;
  2421. background: none;
  2422. border-radius: 10px;
  2423. padding: 8px;
  2424. margin: 1px;
  2425. cursor: pointer;
  2426. vertical-align: middle;
  2427. flex-shrink: 0;
  2428. align-items: center;
  2429. justify-content: space-between
  2430. }
  2431. button.toolbar-item:disabled {
  2432. cursor: not-allowed
  2433. }
  2434. button.toolbar-item i.format {
  2435. background-size: contain;
  2436. display: inline-block;
  2437. height: 18px;
  2438. width: 18px;
  2439. vertical-align: -.25em;
  2440. display: flex
  2441. }
  2442. button.toolbar-item:disabled .chevron-down,
  2443. button.toolbar-item:disabled .icon,
  2444. button.toolbar-item:disabled .text,
  2445. button.toolbar-item:disabled i.format {
  2446. opacity: .2
  2447. }
  2448. button.toolbar-item.active {
  2449. --tw-bg-opacity: 1;
  2450. background-color: rgb(147 197 253/var(--tw-bg-opacity, 1))
  2451. }
  2452. button.toolbar-item.active i {
  2453. opacity: 1
  2454. }
  2455. .toolbar .code-language {
  2456. width: 150px
  2457. }
  2458. .toolbar .toolbar-item .text {
  2459. display: flex;
  2460. line-height: 20px;
  2461. vertical-align: middle;
  2462. font-size: 14px;
  2463. color: #777;
  2464. text-overflow: ellipsis;
  2465. overflow: hidden;
  2466. height: 20px;
  2467. text-align: left
  2468. }
  2469. .toolbar .toolbar-item .icon {
  2470. display: flex;
  2471. width: 20px;
  2472. height: 20px;
  2473. -webkit-user-select: none;
  2474. -moz-user-select: none;
  2475. user-select: none;
  2476. line-height: 16px;
  2477. background-size: contain
  2478. }
  2479. .toolbar i.chevron-down,
  2480. .toolbar-item i.chevron-down {
  2481. margin-top: 3px;
  2482. width: 16px;
  2483. height: 16px;
  2484. display: flex;
  2485. -webkit-user-select: none;
  2486. -moz-user-select: none;
  2487. user-select: none
  2488. }
  2489. .toolbar i.chevron-down.inside {
  2490. width: 16px;
  2491. height: 16px;
  2492. display: flex;
  2493. margin-left: -25px;
  2494. margin-top: 11px;
  2495. margin-right: 10px;
  2496. pointer-events: none
  2497. }
  2498. .font-family {
  2499. width: 200px;
  2500. margin: 1px;
  2501. border: 1px solid #eee;
  2502. border-radius: 10px;
  2503. background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 13.01 14.81'%3E%3Cpath d='M12.89 0H.12L0 3.69h.72C1.11 1.37 1.86 1.02 4.76.92L5.4.9v11.74c0 .99-.22 1.23-1.95 1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09 3.65.45 4.04 2.77h.72L12.9 0Z' style='fill:%23231f20'/%3E%3C/svg%3E") .2rem no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 9.5 5.5'%3E%3Cpath d='m.75.75 4 4 4-4' style='fill:none;stroke:%23231f20;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E") right .2rem center no-repeat !important;
  2504. padding: 0 .5em 0 1.5em;
  2505. height: 100%
  2506. }
  2507. .font-family:is(.dark *) {
  2508. background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 13.01 14.81'%3E%3Cpath d='M12.89 0H.12L0 3.69h.72C1.11 1.37 1.86 1.02 4.76.92L5.4.9v11.74c0 .99-.22 1.23-1.95 1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09 3.65.45 4.04 2.77h.72L12.9 0Z' style='fill:%23fff'/%3E%3C/svg%3E") .2rem no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 15 8.68'%3E%3Cpath d='M1.18 1.18 7.5 7.5l6.32-6.32' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.37px'/%3E%3C/svg%3E") right .2rem center no-repeat !important;
  2509. padding: 0 1em 0 1.5em
  2510. }
  2511. [dir=rtl] .font-family {
  2512. background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 13.01 14.81'%3E%3Cpath d='M12.89 0H.12L0 3.69h.72C1.11 1.37 1.86 1.02 4.76.92L5.4.9v11.74c0 .99-.22 1.23-1.95 1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09 3.65.45 4.04 2.77h.72L12.9 0Z' style='fill:%23231f20'/%3E%3C/svg%3E") right .2rem center no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 9.5 5.5'%3E%3Cpath d='m.75.75 4 4 4-4' style='fill:none;stroke:%23231f20;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E") .2rem no-repeat !important;
  2513. padding: 0 2em 0 .5em
  2514. }
  2515. [dir=rtl] .font-family:is(.dark *) {
  2516. background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 13.01 14.81'%3E%3Cpath d='M12.89 0H.12L0 3.69h.72C1.11 1.37 1.86 1.02 4.76.92L5.4.9v11.74c0 .99-.22 1.23-1.95 1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09 3.65.45 4.04 2.77h.72L12.9 0Z' style='fill:%23fff'/%3E%3C/svg%3E") right .2rem center no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' data-name='Layer 1' viewBox='0 0 15 8.68'%3E%3Cpath d='M1.18 1.18 7.5 7.5l6.32-6.32' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.37px'/%3E%3C/svg%3E") .2rem no-repeat !important;
  2517. padding: 0 2em 0 1.5em
  2518. }
  2519. .font-family:focus {
  2520. border-color: gray
  2521. }
  2522. .font-family>option {
  2523. width: 150px;
  2524. padding: 0 10px;
  2525. margin: 1px;
  2526. --tw-bg-opacity: 1;
  2527. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  2528. }
  2529. .font-family>option:is(.dark *) {
  2530. --tw-bg-opacity: 1;
  2531. background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
  2532. }
  2533. .toolbar .divider {
  2534. width: 1px;
  2535. background-color: #eee;
  2536. margin: 0 4px
  2537. }
  2538. .sticky-note-container {
  2539. position: absolute;
  2540. z-index: 9;
  2541. width: 120px;
  2542. display: inline-block
  2543. }
  2544. .sticky-note {
  2545. line-height: 1;
  2546. text-align: left;
  2547. width: 120px;
  2548. margin: 25px;
  2549. padding: 20px 10px;
  2550. position: relative;
  2551. border: 1px solid #e8e8e8;
  2552. font-family: Reenie Beanie;
  2553. font-size: 24px;
  2554. border-bottom-right-radius: 60px 5px;
  2555. display: block;
  2556. cursor: move
  2557. }
  2558. .sticky-note:after {
  2559. content: "";
  2560. position: absolute;
  2561. z-index: -1;
  2562. right: 0;
  2563. bottom: 20px;
  2564. width: 120px;
  2565. height: 25px;
  2566. background: #0003;
  2567. box-shadow: 2px 15px 5px #0006;
  2568. transform: matrix(-1, -.1, 0, 1, 0, 0)
  2569. }
  2570. .sticky-note.yellow {
  2571. border-top: 1px solid #fdfd86;
  2572. background: linear-gradient(135deg, #ff8 81%, #ff8 82%, #ff8 0, #ffffc6)
  2573. }
  2574. .sticky-note.pink {
  2575. border-top: 1px solid #e7d1e4;
  2576. background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 0, #e7bfe1)
  2577. }
  2578. .sticky-note-container.dragging {
  2579. transition: none !important
  2580. }
  2581. .sticky-note div {
  2582. cursor: text
  2583. }
  2584. .sticky-note .delete {
  2585. border: 0;
  2586. background: none;
  2587. position: absolute;
  2588. top: 8px;
  2589. right: 10px;
  2590. font-size: 10px;
  2591. cursor: pointer;
  2592. opacity: .5
  2593. }
  2594. .sticky-note .delete:hover {
  2595. font-weight: 700;
  2596. opacity: 1
  2597. }
  2598. .sticky-note .color {
  2599. border: 0;
  2600. background: none;
  2601. position: absolute;
  2602. top: 8px;
  2603. right: 25px;
  2604. cursor: pointer;
  2605. opacity: .5
  2606. }
  2607. .sticky-note .color:hover {
  2608. opacity: 1
  2609. }
  2610. .sticky-note .color i {
  2611. display: block;
  2612. width: 12px;
  2613. height: 12px;
  2614. background-size: contain
  2615. }
  2616. .excalidraw-button {
  2617. border: 0;
  2618. padding: 0;
  2619. margin: 0;
  2620. background-color: transparent
  2621. }
  2622. .excalidraw-button.selected {
  2623. outline: 2px solid #3c84f4;
  2624. -webkit-user-select: none;
  2625. -moz-user-select: none;
  2626. user-select: none
  2627. }
  2628. .github-corner:hover .octo-arm {
  2629. animation: octocat-wave .56s ease-in-out
  2630. }
  2631. @keyframes octocat-wave {
  2632. 0%,
  2633. to {
  2634. transform: rotate(0)
  2635. }
  2636. 20%,
  2637. 60% {
  2638. transform: rotate(-25deg)
  2639. }
  2640. 40%,
  2641. 80% {
  2642. transform: rotate(10deg)
  2643. }
  2644. }
  2645. @media (max-width:500px) {
  2646. .github-corner:hover .octo-arm {
  2647. animation: none
  2648. }
  2649. .github-corner .octo-arm {
  2650. animation: octocat-wave .56s ease-in-out
  2651. }
  2652. }
  2653. .spacer {
  2654. letter-spacing: -2px
  2655. }
  2656. .editor-equation {
  2657. cursor: default;
  2658. -webkit-user-select: none;
  2659. -moz-user-select: none;
  2660. user-select: none
  2661. }
  2662. .editor-equation.focused {
  2663. outline: 2px solid #3c84f4
  2664. }
  2665. button.item i {
  2666. opacity: .6
  2667. }
  2668. button.item.dropdown-item-active {
  2669. background-color: #dfe8fa4d
  2670. }
  2671. button.item.dropdown-item-active i {
  2672. opacity: 1
  2673. }
  2674. .TableNode__contentEditable {
  2675. min-height: 20px;
  2676. border: 0;
  2677. resize: none;
  2678. cursor: text;
  2679. display: block;
  2680. position: relative;
  2681. outline: 0;
  2682. padding: 0;
  2683. -webkit-user-select: text;
  2684. -moz-user-select: text;
  2685. user-select: text;
  2686. font-size: 15px;
  2687. white-space: pre-wrap;
  2688. word-break: break-word;
  2689. z-index: 3
  2690. }
  2691. .dialog-dropdown {
  2692. background-color: #eee !important;
  2693. margin-bottom: 10px;
  2694. width: 100%
  2695. }
  2696. .FlashMessage__overlay {
  2697. display: flex;
  2698. justify-content: center;
  2699. align-items: center;
  2700. position: fixed;
  2701. pointer-events: none;
  2702. top: 0;
  2703. bottom: 0;
  2704. left: 0;
  2705. right: 0
  2706. }
  2707. .FlashMessage__alert {
  2708. background-color: #000c;
  2709. color: #fff;
  2710. font-size: 1.5rem;
  2711. border-radius: 1em;
  2712. padding: .5em 1.5em
  2713. }
  2714. .Modal__overlay {
  2715. justify-content: center;
  2716. align-items: center;
  2717. position: fixed;
  2718. top: 0;
  2719. bottom: 0;
  2720. left: 0;
  2721. right: 0;
  2722. background-color: #28282899;
  2723. flex-shrink: 1px;
  2724. z-index: 100
  2725. }
  2726. .Modal__modal,
  2727. .Modal__overlay {
  2728. display: flex;
  2729. flex-direction: column;
  2730. flex-grow: 0px
  2731. }
  2732. .Modal__modal {
  2733. padding: 20px;
  2734. min-height: 100px;
  2735. min-width: 300px;
  2736. background-color: #fff;
  2737. position: relative;
  2738. box-shadow: 0 0 20px #444;
  2739. border-radius: 10px
  2740. }
  2741. .Modal__title {
  2742. color: #444;
  2743. margin: 0;
  2744. padding-bottom: 10px;
  2745. border-bottom: 1px solid #ccc
  2746. }
  2747. .Modal__closeButton {
  2748. border: 0;
  2749. position: absolute;
  2750. right: 20px;
  2751. border-radius: 20px;
  2752. justify-content: center;
  2753. align-items: center;
  2754. display: flex;
  2755. width: 30px;
  2756. height: 30px;
  2757. text-align: center;
  2758. cursor: pointer;
  2759. background-color: #eee
  2760. }
  2761. .Modal__closeButton:hover {
  2762. background-color: #ddd
  2763. }
  2764. .Modal__content {
  2765. padding-top: 20px
  2766. }
  2767. .Button__root {
  2768. padding: 10px 15px;
  2769. border: 0;
  2770. border-radius: 5px;
  2771. cursor: pointer;
  2772. font-size: 14px
  2773. }
  2774. .Button__root:hover {
  2775. background-color: #ddd
  2776. }
  2777. .Button__small {
  2778. padding: 5px 10px;
  2779. font-size: 13px
  2780. }
  2781. .Button__disabled {
  2782. cursor: not-allowed
  2783. }
  2784. .Button__disabled:hover {
  2785. background-color: #eee
  2786. }
  2787. .DialogActions {
  2788. flex-direction: row
  2789. }
  2790. .DialogActions,
  2791. .DialogButtonsList {
  2792. display: flex;
  2793. justify-content: right;
  2794. margin-top: 20px
  2795. }
  2796. .DialogButtonsList {
  2797. flex-direction: column
  2798. }
  2799. .DialogButtonsList button {
  2800. margin-bottom: 20px
  2801. }
  2802. .code-action-menu-container {
  2803. height: 35.8px;
  2804. font-size: 10px;
  2805. color: #00000080;
  2806. position: absolute;
  2807. display: flex;
  2808. align-items: center;
  2809. flex-direction: row;
  2810. -webkit-user-select: none;
  2811. -moz-user-select: none;
  2812. user-select: none
  2813. }
  2814. .code-action-menu-container .code-highlight-language {
  2815. margin-right: 4px
  2816. }
  2817. .code-action-menu-container button.menu-item {
  2818. border: 1px solid transparent;
  2819. border-radius: 4px;
  2820. padding: 4px;
  2821. background: none;
  2822. cursor: pointer;
  2823. flex-shrink: 0;
  2824. display: flex;
  2825. align-items: center;
  2826. color: #00000080;
  2827. text-transform: uppercase
  2828. }
  2829. .code-action-menu-container button.menu-item i.format {
  2830. height: 16px;
  2831. width: 16px;
  2832. display: flex;
  2833. color: #00000080;
  2834. background-size: contain
  2835. }
  2836. .code-action-menu-container button.menu-item:hover {
  2837. border: 1px solid rgba(0, 0, 0, .3);
  2838. opacity: .9
  2839. }
  2840. .code-action-menu-container button.menu-item:active {
  2841. background-color: #dfe8fa;
  2842. border: 1px solid rgba(0, 0, 0, .45)
  2843. }
  2844. .code-action-menu-container .prettier-wrapper {
  2845. position: relative
  2846. }
  2847. .code-action-menu-container .prettier-wrapper .code-error-tips {
  2848. padding: 5px;
  2849. border-radius: 4px;
  2850. color: #fff;
  2851. background: #222;
  2852. margin-top: 4px;
  2853. position: absolute;
  2854. top: 26px;
  2855. right: 0
  2856. }
  2857. .Collapsible__container {
  2858. background: #fcfcfc;
  2859. border: 1px solid #eee;
  2860. border-radius: 10px;
  2861. margin-bottom: 8px
  2862. }
  2863. .Collapsible__title {
  2864. cursor: pointer;
  2865. padding: 5px 5px 5px 20px;
  2866. position: relative;
  2867. font-weight: 700;
  2868. list-style: none;
  2869. outline: none
  2870. }
  2871. .Collapsible__title::-webkit-details-marker,
  2872. .Collapsible__title::marker {
  2873. display: none
  2874. }
  2875. .Collapsible__title:before {
  2876. border-color: transparent transparent transparent #000;
  2877. border-style: solid;
  2878. border-width: 4px 6px;
  2879. display: block;
  2880. content: "";
  2881. position: absolute;
  2882. left: 7px;
  2883. top: 50%;
  2884. transform: translateY(-50%)
  2885. }
  2886. .Collapsible__container[open]>.Collapsible__title:before {
  2887. border-width: 6px 4px 0;
  2888. border-color: #000 transparent transparent
  2889. }
  2890. .Collapsible__content {
  2891. padding: 0 5px 5px 20px
  2892. }
  2893. .Collapsible__collapsed .Collapsible__content {
  2894. display: none;
  2895. -webkit-user-select: none;
  2896. -moz-user-select: none;
  2897. user-select: none
  2898. }
  2899. .CommentPlugin_AddCommentBox {
  2900. display: block;
  2901. position: fixed;
  2902. border-radius: 20px;
  2903. background-color: #fff;
  2904. width: 40px;
  2905. height: 60px;
  2906. box-shadow: 0 0 3px #0003;
  2907. z-index: 10
  2908. }
  2909. .CommentPlugin_AddCommentBox_button {
  2910. border-radius: 20px;
  2911. border: 0;
  2912. background: none;
  2913. width: 40px;
  2914. height: 60px;
  2915. position: absolute;
  2916. top: 0;
  2917. left: 0;
  2918. cursor: pointer
  2919. }
  2920. .CommentPlugin_AddCommentBox_button:hover {
  2921. background-color: #f6f6f6
  2922. }
  2923. i.add-comment {
  2924. background-size: contain;
  2925. display: inline-block;
  2926. height: 20px;
  2927. width: 20px;
  2928. vertical-align: -10px;
  2929. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-left-text'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
  2930. }
  2931. @media (max-width:600px) {
  2932. .CommentPlugin_AddCommentBox {
  2933. display: none
  2934. }
  2935. }
  2936. .CommentPlugin_CommentInputBox {
  2937. display: block;
  2938. position: absolute;
  2939. width: 250px;
  2940. min-height: 80px;
  2941. background-color: #fff;
  2942. box-shadow: 0 0 5px #0000001a;
  2943. border-radius: 5px;
  2944. z-index: 24;
  2945. animation: show-input-box .4s ease
  2946. }
  2947. .CommentPlugin_CommentInputBox:before {
  2948. content: "";
  2949. position: absolute;
  2950. width: 0;
  2951. height: 0;
  2952. margin-left: .5em;
  2953. right: -1em;
  2954. top: 0;
  2955. left: calc(50% + .25em);
  2956. box-sizing: border-box;
  2957. border-color: transparent transparent #fff #fff;
  2958. border-style: solid;
  2959. border-width: .5em;
  2960. transform-origin: 0 0;
  2961. transform: rotate(135deg);
  2962. box-shadow: -3px 3px 3px #0000000d
  2963. }
  2964. @keyframes show-input-box {
  2965. 0% {
  2966. opacity: 0;
  2967. transform: translateY(50px)
  2968. }
  2969. to {
  2970. opacity: 1;
  2971. transform: translateY(0)
  2972. }
  2973. }
  2974. .CommentPlugin_CommentInputBox_Buttons {
  2975. display: flex;
  2976. flex-direction: row;
  2977. padding: 0 10px 10px;
  2978. gap: 10px
  2979. }
  2980. .CommentPlugin_CommentInputBox_Button {
  2981. flex: 1
  2982. }
  2983. .CommentPlugin_CommentInputBox_Button.primary {
  2984. background-color: #4287f5;
  2985. font-weight: 700;
  2986. color: #fff
  2987. }
  2988. .CommentPlugin_CommentInputBox_Button.primary:hover {
  2989. background-color: #3572d3
  2990. }
  2991. .CommentPlugin_CommentInputBox_Button[disabled] {
  2992. background-color: #eee;
  2993. opacity: .5;
  2994. cursor: not-allowed;
  2995. font-weight: 400;
  2996. color: #444
  2997. }
  2998. .CommentPlugin_CommentInputBox_Button[disabled]:hover {
  2999. opacity: .5;
  3000. background-color: #eee
  3001. }
  3002. .CommentPlugin_CommentInputBox_EditorContainer {
  3003. position: relative;
  3004. margin: 10px;
  3005. border-radius: 5px
  3006. }
  3007. .CommentPlugin_CommentInputBox_Editor {
  3008. position: relative;
  3009. border: 1px solid #ccc;
  3010. background-color: #fff;
  3011. border-radius: 5px;
  3012. font-size: 15px;
  3013. caret-color: #050505;
  3014. display: block;
  3015. padding: 9px 10px 10px 9px;
  3016. min-height: 80px
  3017. }
  3018. .CommentPlugin_CommentInputBox_Editor:focus {
  3019. outline: 1px solid #4287f5
  3020. }
  3021. .CommentPlugin_ShowCommentsButton {
  3022. position: fixed;
  3023. top: 10px;
  3024. right: 10px;
  3025. background-color: #ddd;
  3026. border-radius: 10px
  3027. }
  3028. i.comments {
  3029. background-size: contain;
  3030. display: inline-block;
  3031. height: 20px;
  3032. width: 20px;
  3033. vertical-align: -10px;
  3034. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23050505' fill-rule='evenodd' d='M13 5.885v1.166a3.95 3.95 0 0 1-3.949 3.95H6.917a.75.75 0 0 0-.45.15l-1.345 1.007a.752.752 0 0 0-.032 1.181A2.93 2.93 0 0 0 6.95 14h2.716l2.534 1.901a.51.51 0 0 0 .524.047A.5.5 0 0 0 13 15.5V14h.051a2.95 2.95 0 0 0 2.95-2.949v-3.05a3 3 0 0 0-2.002-2.83.756.756 0 0 0-.999.714' clip-rule='evenodd'/%3E%3Cpath fill='%23050505' fill-rule='evenodd' d='M9.05 1h-6.1A2.95 2.95 0 0 0 0 3.949v3.102A2.95 2.95 0 0 0 2.949 10H3v1.5a.502.502 0 0 0 .8.4L6.334 10H9.05A2.95 2.95 0 0 0 12 7.05v-3.1A2.95 2.95 0 0 0 9.05 1' clip-rule='evenodd'/%3E%3C/svg%3E");
  3035. opacity: .5;
  3036. transition: opacity .2s linear
  3037. }
  3038. @media (max-width:600px) {
  3039. .CommentPlugin_ShowCommentsButton {
  3040. display: none
  3041. }
  3042. }
  3043. .CommentPlugin_ShowCommentsButton:hover i.comments {
  3044. opacity: 1
  3045. }
  3046. .CommentPlugin_ShowCommentsButton.active {
  3047. background-color: #ccc
  3048. }
  3049. .CommentPlugin_CommentsPanel {
  3050. position: fixed;
  3051. right: 0;
  3052. width: 300px;
  3053. height: calc(100% - 88px);
  3054. top: 88px;
  3055. background-color: #fff;
  3056. border-top-left-radius: 10px;
  3057. box-shadow: 0 0 10px #0000001a;
  3058. animation: show-comments .2s ease;
  3059. z-index: 25
  3060. }
  3061. @keyframes show-comments {
  3062. 0% {
  3063. opacity: 0;
  3064. transform: translate(300px)
  3065. }
  3066. to {
  3067. opacity: 1;
  3068. transform: translate(0)
  3069. }
  3070. }
  3071. .CommentPlugin_CommentsPanel_Heading {
  3072. padding-left: 15px;
  3073. padding-top: 10px;
  3074. margin: 0;
  3075. height: 34px;
  3076. border-bottom: 1px solid #eee;
  3077. font-size: 20px;
  3078. display: block;
  3079. width: 100%;
  3080. color: #444;
  3081. overflow: hidden
  3082. }
  3083. .CommentPlugin_CommentsPanel_Editor {
  3084. position: relative;
  3085. border: 1px solid #ccc;
  3086. background-color: #fff;
  3087. border-radius: 5px;
  3088. font-size: 15px;
  3089. caret-color: #050505;
  3090. display: block;
  3091. padding: 9px 10px 10px 9px;
  3092. min-height: 20px
  3093. }
  3094. .CommentPlugin_CommentsPanel_Editor:before {
  3095. content: "";
  3096. width: 30px;
  3097. height: 20px;
  3098. float: right
  3099. }
  3100. .CommentPlugin_CommentsPanel_SendButton {
  3101. position: absolute;
  3102. right: 10px;
  3103. top: 8px;
  3104. background: none
  3105. }
  3106. .CommentPlugin_CommentsPanel_SendButton:hover {
  3107. background: none
  3108. }
  3109. i.send {
  3110. background-size: contain;
  3111. display: inline-block;
  3112. height: 20px;
  3113. width: 20px;
  3114. vertical-align: -10px;
  3115. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-send'%3E%3Cpath d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z'/%3E%3C/svg%3E");
  3116. opacity: .5;
  3117. transition: opacity .2s linear
  3118. }
  3119. .CommentPlugin_CommentsPanel_SendButton:hover i.send {
  3120. opacity: 1;
  3121. filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%)
  3122. }
  3123. .CommentPlugin_CommentsPanel_SendButton[disabled] i.send {
  3124. opacity: .3
  3125. }
  3126. .CommentPlugin_CommentsPanel_SendButton:hover[disabled] i.send {
  3127. opacity: .3;
  3128. filter: none
  3129. }
  3130. .CommentPlugin_CommentsPanel_Empty {
  3131. color: #777;
  3132. font-size: 15px;
  3133. text-align: center;
  3134. position: absolute;
  3135. top: calc(50% - 15px);
  3136. margin: 0;
  3137. padding: 0;
  3138. width: 100%
  3139. }
  3140. .CommentPlugin_CommentsPanel_List {
  3141. list-style-type: none;
  3142. margin: 0;
  3143. padding: 0;
  3144. width: 100%;
  3145. position: absolute;
  3146. top: 45px;
  3147. overflow-y: auto;
  3148. height: calc(100% - 45px)
  3149. }
  3150. .CommentPlugin_CommentsPanel_List_Comment {
  3151. padding: 15px 0 15px 15px;
  3152. margin: 0;
  3153. font-size: 14px;
  3154. position: relative;
  3155. transition: all .2s linear
  3156. }
  3157. .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Comment:hover {
  3158. background-color: inherit
  3159. }
  3160. .CommentPlugin_CommentsPanel_List_Comment p {
  3161. margin: 0;
  3162. color: #444
  3163. }
  3164. .CommentPlugin_CommentsPanel_List_Details {
  3165. color: #444;
  3166. padding-bottom: 5px;
  3167. vertical-align: top
  3168. }
  3169. .CommentPlugin_CommentsPanel_List_Comment_Author {
  3170. font-weight: 700;
  3171. padding-right: 5px
  3172. }
  3173. .CommentPlugin_CommentsPanel_List_Comment_Time {
  3174. color: #999
  3175. }
  3176. .CommentPlugin_CommentsPanel_List_Thread {
  3177. padding: 0;
  3178. margin: 0;
  3179. border-top: 1px solid #eee;
  3180. border-bottom: 1px solid #eee;
  3181. position: relative;
  3182. transition: all .2s linear;
  3183. border-left: 0 solid #eee
  3184. }
  3185. .CommentPlugin_CommentsPanel_List_Thread+.CommentPlugin_CommentsPanel_List_Thread,
  3186. .CommentPlugin_CommentsPanel_List_Thread:first-child {
  3187. border-top: none
  3188. }
  3189. .CommentPlugin_CommentsPanel_List_Thread.interactive {
  3190. cursor: pointer
  3191. }
  3192. .CommentPlugin_CommentsPanel_List_Thread.interactive:hover {
  3193. background-color: #fafafa
  3194. }
  3195. .CommentPlugin_CommentsPanel_List_Thread.active {
  3196. background-color: #fafafa;
  3197. border-left: 15px solid #eee;
  3198. cursor: inherit
  3199. }
  3200. .CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
  3201. padding-top: 10px;
  3202. color: #ccc;
  3203. display: block
  3204. }
  3205. .CommentPlugin_CommentsPanel_List_Thread_Quote {
  3206. margin: 0 10px
  3207. }
  3208. .CommentPlugin_CommentsPanel_List_Thread_Quote span {
  3209. color: #222;
  3210. background-color: #ffd40066;
  3211. padding: 1px;
  3212. line-height: 1.4;
  3213. display: inline;
  3214. font-weight: 700
  3215. }
  3216. .CommentPlugin_CommentsPanel_List_Thread_Comments {
  3217. padding-left: 10px;
  3218. list-style-type: none
  3219. }
  3220. .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child {
  3221. border: none;
  3222. margin-left: 0;
  3223. padding-left: 5px
  3224. }
  3225. .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child.CommentPlugin_CommentsPanel_List_Comment:last-child {
  3226. padding-bottom: 5px
  3227. }
  3228. .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
  3229. padding-left: 10px;
  3230. border-left: 5px solid #eee;
  3231. margin-left: 5px
  3232. }
  3233. .CommentPlugin_CommentsPanel_List_Thread_Editor {
  3234. position: relative;
  3235. padding-top: 1px
  3236. }
  3237. .CommentPlugin_CommentsPanel_List_DeleteButton {
  3238. position: absolute;
  3239. top: 10px;
  3240. right: 10px;
  3241. width: 30px;
  3242. height: 30px;
  3243. background-color: transparent;
  3244. opacity: 0
  3245. }
  3246. .CommentPlugin_CommentsPanel_DeletedComment,
  3247. .CommentPlugin_CommentsPanel_List_Comment:hover .CommentPlugin_CommentsPanel_List_DeleteButton,
  3248. .CommentPlugin_CommentsPanel_List_Thread_QuoteBox:hover .CommentPlugin_CommentsPanel_List_DeleteButton {
  3249. opacity: .5
  3250. }
  3251. .CommentPlugin_CommentsPanel_List_DeleteButton:hover {
  3252. background-color: transparent;
  3253. opacity: 1;
  3254. filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%)
  3255. }
  3256. .CommentPlugin_CommentsPanel_List_DeleteButton i.delete {
  3257. background-size: contain;
  3258. position: absolute;
  3259. left: 5px;
  3260. top: 5px;
  3261. height: 15px;
  3262. width: 15px;
  3263. vertical-align: -10px;
  3264. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash3'%3E%3Cpath d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1H11m1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
  3265. transition: opacity .2s linear
  3266. }
  3267. .CommentEditorTheme__paragraph {
  3268. margin: 0;
  3269. position: "relative"
  3270. }
  3271. .lexical__ltr {
  3272. text-align: left
  3273. }
  3274. .lexical__rtl {
  3275. text-align: right
  3276. }
  3277. .lexical__paragraph {
  3278. margin: 0;
  3279. position: relative
  3280. }
  3281. .lexical__quote {
  3282. margin: 0 0 10px 20px;
  3283. font-size: 15px;
  3284. color: #65676b;
  3285. border-left: 4px solid #ced0d4;
  3286. padding-left: 16px
  3287. }
  3288. .lexical__h1 {
  3289. font-size: 24px;
  3290. font-weight: 400;
  3291. margin: 0;
  3292. line-height: 2.5
  3293. }
  3294. .lexical__h2 {
  3295. font-size: 15px;
  3296. font-weight: 700
  3297. }
  3298. .lexical__h2,
  3299. .lexical__h3 {
  3300. margin: 0;
  3301. text-transform: uppercase;
  3302. line-height: 2.5
  3303. }
  3304. .lexical__h3 {
  3305. font-size: 14px
  3306. }
  3307. .lexical__h4 {
  3308. font-size: 12px;
  3309. margin: 0;
  3310. line-height: 2.5
  3311. }
  3312. .lexical__h5 {
  3313. font-style: normal
  3314. }
  3315. .lexical__h5,
  3316. .lexical__h6 {
  3317. font-size: 12px;
  3318. margin: 0;
  3319. line-height: 1.5
  3320. }
  3321. .lexical__h6 {
  3322. font-weight: 700
  3323. }
  3324. .lexical__indent {
  3325. --lexical-indent-base-value: 40px
  3326. }
  3327. .lexical__textBold {
  3328. font-weight: 700
  3329. }
  3330. .lexical__textItalic {
  3331. font-style: italic
  3332. }
  3333. .lexical__textUnderline {
  3334. text-decoration: underline
  3335. }
  3336. .lexical__textStrikethrough {
  3337. text-decoration: line-through
  3338. }
  3339. .lexical__textUnderlineStrikethrough {
  3340. text-decoration: underline line-through
  3341. }
  3342. .lexical__tabNode {
  3343. position: relative;
  3344. text-decoration: none
  3345. }
  3346. .lexical__tabNode.lexical__textUnderline:after {
  3347. content: "";
  3348. position: absolute;
  3349. left: 0;
  3350. right: 0;
  3351. bottom: .15em;
  3352. border-bottom: .1em solid
  3353. }
  3354. .lexical__tabNode.lexical__textStrikethrough:before {
  3355. content: "";
  3356. position: absolute;
  3357. left: 0;
  3358. right: 0;
  3359. top: .69em;
  3360. border-top: .1em solid
  3361. }
  3362. .lexical__tabNode.lexical__textUnderlineStrikethrough:after,
  3363. .lexical__tabNode.lexical__textUnderlineStrikethrough:before {
  3364. content: "";
  3365. position: absolute;
  3366. left: 0;
  3367. right: 0
  3368. }
  3369. .lexical__tabNode.lexical__textUnderlineStrikethrough:before {
  3370. top: .69em;
  3371. border-top: .1em solid
  3372. }
  3373. .lexical__tabNode.lexical__textUnderlineStrikethrough:after {
  3374. bottom: .05em;
  3375. border-bottom: .1em solid
  3376. }
  3377. .lexical__textSubscript {
  3378. font-size: .8em;
  3379. vertical-align: sub !important
  3380. }
  3381. .lexical__textSuperscript {
  3382. font-size: .8em;
  3383. vertical-align: super
  3384. }
  3385. .lexical__textCode {
  3386. background-color: #f0f2f5;
  3387. padding: 1px .25rem;
  3388. font-family: Menlo, Consolas, Monaco, monospace;
  3389. font-size: 94%
  3390. }
  3391. .lexical__textCode:is(.dark *) {
  3392. --tw-bg-opacity: 1;
  3393. background-color: rgb(44 44 44/var(--tw-bg-opacity, 1))
  3394. }
  3395. .lexical__textLowercase {
  3396. text-transform: lowercase
  3397. }
  3398. .lexical__textUppercase {
  3399. text-transform: uppercase
  3400. }
  3401. .lexical__textCapitalize {
  3402. text-transform: capitalize
  3403. }
  3404. .lexical__hashtag {
  3405. background-color: #5890ff26;
  3406. border-bottom: 1px solid rgba(88, 144, 255, .3)
  3407. }
  3408. .lexical__link {
  3409. color: #216fdb;
  3410. text-decoration: none
  3411. }
  3412. .lexical__link:hover {
  3413. text-decoration: underline;
  3414. cursor: pointer
  3415. }
  3416. .lexical__blockCursor {
  3417. display: block;
  3418. pointer-events: none;
  3419. position: absolute
  3420. }
  3421. .lexical__blockCursor:after {
  3422. content: "";
  3423. display: block;
  3424. position: absolute;
  3425. top: -2px;
  3426. width: 20px;
  3427. border-top: 1px solid #000;
  3428. animation: CursorBlink 1.1s steps(2, start) infinite
  3429. }
  3430. @keyframes CursorBlink {
  3431. to {
  3432. visibility: hidden
  3433. }
  3434. }
  3435. .lexical__code {
  3436. background-color: #f0f2f5
  3437. }
  3438. .lexical__code:is(.dark *) {
  3439. --tw-bg-opacity: 1;
  3440. background-color: rgb(44 44 44/var(--tw-bg-opacity, 1))
  3441. }
  3442. .lexical__code {
  3443. font-family: Menlo, Consolas, Monaco, monospace;
  3444. display: block;
  3445. padding: 8px 8px 8px 52px;
  3446. line-height: 1.53;
  3447. font-size: 13px;
  3448. margin: 8px 0;
  3449. overflow-x: auto;
  3450. position: relative;
  3451. -moz-tab-size: 2;
  3452. -o-tab-size: 2;
  3453. tab-size: 2
  3454. }
  3455. .lexical__code:before {
  3456. content: attr(data-gutter);
  3457. position: absolute;
  3458. background-color: #eee;
  3459. left: 0;
  3460. top: 0;
  3461. border-right: 1px solid #ccc;
  3462. padding: 8px;
  3463. color: #777;
  3464. white-space: pre-wrap;
  3465. text-align: right;
  3466. min-width: 25px
  3467. }
  3468. .lexical__tableScrollableWrapper {
  3469. overflow-x: auto;
  3470. margin: 0 25px 30px 0
  3471. }
  3472. .lexical__tableScrollableWrapper>.lexical__table {
  3473. margin: 0
  3474. }
  3475. .lexical__table {
  3476. border-collapse: collapse;
  3477. border-spacing: 0;
  3478. overflow-y: scroll;
  3479. overflow-x: scroll;
  3480. table-layout: fixed;
  3481. width: -moz-fit-content;
  3482. width: fit-content;
  3483. margin: 0 25px 30px 0
  3484. }
  3485. .lexical__tableRowStriping tr:nth-child(2n) {
  3486. background-color: #f2f5fb
  3487. }
  3488. .lexical__tableSelection ::-moz-selection {
  3489. background-color: transparent
  3490. }
  3491. .lexical__tableSelection ::selection {
  3492. background-color: transparent
  3493. }
  3494. .lexical__tableSelected {
  3495. outline: 2px solid #3c84f4
  3496. }
  3497. .lexical__tableCell {
  3498. border: 1px solid #bbb;
  3499. width: 75px;
  3500. vertical-align: top;
  3501. text-align: start;
  3502. padding: 6px 8px;
  3503. position: relative;
  3504. outline: none;
  3505. overflow: auto
  3506. }
  3507. .lexical__tableCell>* {
  3508. overflow: inherit
  3509. }
  3510. .lexical__tableCellResizer {
  3511. position: absolute;
  3512. right: -4px;
  3513. height: 100%;
  3514. width: 8px;
  3515. cursor: ew-resize;
  3516. z-index: 10;
  3517. top: 0
  3518. }
  3519. .lexical__tableCellHeader {
  3520. background-color: #f2f3f5;
  3521. text-align: start
  3522. }
  3523. .lexical__tableCellSelected {
  3524. caret-color: transparent
  3525. }
  3526. .lexical__tableCellSelected:after {
  3527. position: absolute;
  3528. left: 0;
  3529. right: 0;
  3530. bottom: 0;
  3531. top: 0;
  3532. background-color: highlight;
  3533. mix-blend-mode: multiply;
  3534. content: "";
  3535. pointer-events: none
  3536. }
  3537. .lexical__tableAddColumns {
  3538. position: absolute;
  3539. background-color: #eee;
  3540. height: 100%;
  3541. animation: table-controls .2s ease;
  3542. border: 0;
  3543. cursor: pointer
  3544. }
  3545. .lexical__tableAddColumns:after {
  3546. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
  3547. background-size: contain;
  3548. background-position: 50%;
  3549. background-repeat: no-repeat;
  3550. display: block;
  3551. content: " ";
  3552. position: absolute;
  3553. top: 0;
  3554. left: 0;
  3555. width: 100%;
  3556. height: 100%;
  3557. opacity: .4
  3558. }
  3559. .lexical__tableAddColumns:hover,
  3560. .lexical__tableAddRows:hover {
  3561. background-color: #c9dbf0
  3562. }
  3563. .lexical__tableAddRows {
  3564. position: absolute;
  3565. width: calc(100% - 25px);
  3566. background-color: #eee;
  3567. animation: table-controls .2s ease;
  3568. border: 0;
  3569. cursor: pointer
  3570. }
  3571. .lexical__tableAddRows:after {
  3572. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
  3573. background-size: contain;
  3574. background-position: 50%;
  3575. background-repeat: no-repeat;
  3576. display: block;
  3577. content: " ";
  3578. position: absolute;
  3579. top: 0;
  3580. left: 0;
  3581. width: 100%;
  3582. height: 100%;
  3583. opacity: .4
  3584. }
  3585. @keyframes table-controls {
  3586. 0% {
  3587. opacity: 0
  3588. }
  3589. to {
  3590. opacity: 1
  3591. }
  3592. }
  3593. .lexical__tableCellResizeRuler {
  3594. display: block;
  3595. position: absolute;
  3596. width: 1px;
  3597. background-color: #3c84f4;
  3598. height: 100%;
  3599. top: 0
  3600. }
  3601. .lexical__tableCellActionButtonContainer {
  3602. display: block;
  3603. right: 5px;
  3604. top: 6px;
  3605. position: absolute;
  3606. z-index: 4;
  3607. width: 20px;
  3608. height: 20px
  3609. }
  3610. .lexical__tableCellActionButton {
  3611. background-color: #eee;
  3612. display: block;
  3613. border: 0;
  3614. border-radius: 20px;
  3615. width: 20px;
  3616. height: 20px;
  3617. color: #222;
  3618. cursor: pointer
  3619. }
  3620. .lexical__tableCellActionButton:hover {
  3621. background-color: #ddd
  3622. }
  3623. .lexical__characterLimit {
  3624. display: inline;
  3625. background-color: #fbb !important
  3626. }
  3627. .lexical__ol1 {
  3628. list-style-type: number
  3629. }
  3630. .lexical__ol1,
  3631. .lexical__ol2 {
  3632. padding: 0;
  3633. margin: 0;
  3634. list-style-position: outside
  3635. }
  3636. .lexical__ol2 {
  3637. list-style-type: upper-alpha
  3638. }
  3639. .lexical__ol3 {
  3640. list-style-type: lower-alpha
  3641. }
  3642. .lexical__ol3,
  3643. .lexical__ol4 {
  3644. padding: 0;
  3645. margin: 0;
  3646. list-style-position: outside
  3647. }
  3648. .lexical__ol4 {
  3649. list-style-type: upper-roman
  3650. }
  3651. .lexical__ol5 {
  3652. list-style-type: lower-roman
  3653. }
  3654. .lexical__ol5,
  3655. .lexical__ul {
  3656. padding: 0;
  3657. margin: 0;
  3658. list-style-position: outside
  3659. }
  3660. .lexical__ul {
  3661. list-style-type: disc
  3662. }
  3663. .lexical__listItem {
  3664. margin: 0 32px
  3665. }
  3666. .lexical__listItemChecked,
  3667. .lexical__listItemUnchecked {
  3668. position: relative;
  3669. margin-left: 8px;
  3670. margin-right: 8px;
  3671. padding-left: 24px;
  3672. padding-right: 24px;
  3673. list-style-type: none;
  3674. outline: none
  3675. }
  3676. .lexical__listItemChecked {
  3677. text-decoration: line-through
  3678. }
  3679. .lexical__listItemChecked:before,
  3680. .lexical__listItemUnchecked:before {
  3681. content: "";
  3682. width: 16px;
  3683. height: 16px;
  3684. top: 2px;
  3685. left: 0;
  3686. cursor: pointer;
  3687. display: block;
  3688. background-size: cover;
  3689. position: absolute
  3690. }
  3691. .lexical__listItemChecked[dir=rtl]:before,
  3692. .lexical__listItemUnchecked[dir=rtl]:before {
  3693. left: auto;
  3694. right: 0
  3695. }
  3696. .lexical__listItemChecked:focus:before,
  3697. .lexical__listItemUnchecked:focus:before {
  3698. box-shadow: 0 0 0 2px #a6cdfe;
  3699. border-radius: 2px
  3700. }
  3701. .lexical__listItemUnchecked:before {
  3702. border: 1px solid #999;
  3703. border-radius: 2px
  3704. }
  3705. .lexical__listItemChecked:before {
  3706. border: 1px solid #3d87f5;
  3707. border-radius: 2px;
  3708. background-color: #3d87f5;
  3709. background-repeat: no-repeat
  3710. }
  3711. .lexical__listItemChecked:after {
  3712. content: "";
  3713. cursor: pointer;
  3714. position: absolute;
  3715. display: block;
  3716. top: 6px;
  3717. width: 3px;
  3718. left: 7px;
  3719. right: 7px;
  3720. height: 6px;
  3721. transform: rotate(45deg);
  3722. border-color: #fff;
  3723. border-style: solid;
  3724. border-width: 0 2px 2px 0
  3725. }
  3726. .lexical__nestedListItem {
  3727. list-style-type: none
  3728. }
  3729. .lexical__nestedListItem:after,
  3730. .lexical__nestedListItem:before {
  3731. display: none
  3732. }
  3733. .lexical__tokenComment {
  3734. color: #708090
  3735. }
  3736. .lexical__tokenPunctuation {
  3737. color: #999
  3738. }
  3739. .lexical__tokenProperty {
  3740. color: #905
  3741. }
  3742. .lexical__tokenSelector {
  3743. color: #690
  3744. }
  3745. .lexical__tokenOperator {
  3746. color: #9a6e3a
  3747. }
  3748. .lexical__tokenAttr {
  3749. color: #07a
  3750. }
  3751. .lexical__tokenVariable {
  3752. color: #e90
  3753. }
  3754. .lexical__tokenFunction {
  3755. color: #dd4a68
  3756. }
  3757. .lexical__mark {
  3758. background: #ffd40024;
  3759. border-bottom: 2px solid rgba(255, 212, 0, .3);
  3760. padding-bottom: 2px
  3761. }
  3762. .lexical__markOverlap {
  3763. background: #ffd4004d;
  3764. border-bottom: 2px solid rgba(255, 212, 0, .7)
  3765. }
  3766. .lexical__mark.selected {
  3767. background: #ffd40080;
  3768. border-bottom: 2px solid #ffd400
  3769. }
  3770. .lexical__markOverlap.selected {
  3771. background: #ffd400b3;
  3772. border-bottom: 2px solid rgba(255, 212, 0, .7)
  3773. }
  3774. .lexical__embedBlock {
  3775. -webkit-user-select: none;
  3776. -moz-user-select: none;
  3777. user-select: none
  3778. }
  3779. .lexical__embedBlockFocus {
  3780. outline: 2px solid #3c84f4
  3781. }
  3782. .lexical__layoutContainer {
  3783. display: grid;
  3784. gap: 10px;
  3785. margin: 10px 0
  3786. }
  3787. .lexical__layoutItem {
  3788. border: 1px dashed #ddd;
  3789. padding: 8px 16px
  3790. }
  3791. .lexical__autocomplete {
  3792. color: #ccc
  3793. }
  3794. .lexical__hr {
  3795. padding: 2px;
  3796. border: none;
  3797. margin: 1em 0;
  3798. cursor: pointer
  3799. }
  3800. .lexical__hr:after {
  3801. content: "";
  3802. display: block;
  3803. height: 2px;
  3804. background-color: #ccc;
  3805. line-height: 2px
  3806. }
  3807. .lexical__hr.selected {
  3808. outline: 2px solid #3c84f4;
  3809. -webkit-user-select: none;
  3810. -moz-user-select: none;
  3811. user-select: none
  3812. }
  3813. .lexical__specialText {
  3814. background-color: #ff0;
  3815. font-weight: 700
  3816. }
  3817. .ContentEditable__root {
  3818. border: 0;
  3819. font-size: 15px;
  3820. display: block;
  3821. position: relative;
  3822. outline: 0;
  3823. padding: 8px 28px 40px;
  3824. min-height: 150px
  3825. }
  3826. @media (max-width:1025px) {
  3827. .ContentEditable__root {
  3828. padding-left: 8px;
  3829. padding-right: 8px
  3830. }
  3831. }
  3832. .ContentEditable__placeholder {
  3833. font-size: 15px;
  3834. color: #999;
  3835. overflow: hidden;
  3836. position: absolute;
  3837. text-overflow: ellipsis;
  3838. top: 8px;
  3839. left: 28px;
  3840. right: 28px;
  3841. -webkit-user-select: none;
  3842. -moz-user-select: none;
  3843. user-select: none;
  3844. white-space: nowrap;
  3845. display: inline-block;
  3846. pointer-events: none
  3847. }
  3848. @media (max-width:1025px) {
  3849. .ContentEditable__placeholder {
  3850. left: 8px;
  3851. right: 8px
  3852. }
  3853. }
  3854. @font-face {
  3855. font-family: KaTeX_AMS;
  3856. src: url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"), url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"), url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype");
  3857. font-weight: 400;
  3858. font-style: normal
  3859. }
  3860. @font-face {
  3861. font-family: KaTeX_Caligraphic;
  3862. src: url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"), url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"), url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype");
  3863. font-weight: 700;
  3864. font-style: normal
  3865. }
  3866. @font-face {
  3867. font-family: KaTeX_Caligraphic;
  3868. src: url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"), url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"), url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype");
  3869. font-weight: 400;
  3870. font-style: normal
  3871. }
  3872. @font-face {
  3873. font-family: KaTeX_Fraktur;
  3874. src: url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"), url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"), url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype");
  3875. font-weight: 700;
  3876. font-style: normal
  3877. }
  3878. @font-face {
  3879. font-family: KaTeX_Fraktur;
  3880. src: url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"), url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"), url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype");
  3881. font-weight: 400;
  3882. font-style: normal
  3883. }
  3884. @font-face {
  3885. font-family: KaTeX_Main;
  3886. src: url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"), url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"), url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype");
  3887. font-weight: 700;
  3888. font-style: normal
  3889. }
  3890. @font-face {
  3891. font-family: KaTeX_Main;
  3892. src: url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"), url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"), url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype");
  3893. font-weight: 700;
  3894. font-style: italic
  3895. }
  3896. @font-face {
  3897. font-family: KaTeX_Main;
  3898. src: url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"), url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"), url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype");
  3899. font-weight: 400;
  3900. font-style: italic
  3901. }
  3902. @font-face {
  3903. font-family: KaTeX_Main;
  3904. src: url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"), url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"), url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype");
  3905. font-weight: 400;
  3906. font-style: normal
  3907. }
  3908. @font-face {
  3909. font-family: KaTeX_Math;
  3910. src: url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"), url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"), url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype");
  3911. font-weight: 700;
  3912. font-style: italic
  3913. }
  3914. @font-face {
  3915. font-family: KaTeX_Math;
  3916. src: url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"), url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"), url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype");
  3917. font-weight: 400;
  3918. font-style: italic
  3919. }
  3920. @font-face {
  3921. font-family: KaTeX_SansSerif;
  3922. src: url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"), url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype");
  3923. font-weight: 700;
  3924. font-style: normal
  3925. }
  3926. @font-face {
  3927. font-family: KaTeX_SansSerif;
  3928. src: url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"), url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype");
  3929. font-weight: 400;
  3930. font-style: italic
  3931. }
  3932. @font-face {
  3933. font-family: KaTeX_SansSerif;
  3934. src: url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"), url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype");
  3935. font-weight: 400;
  3936. font-style: normal
  3937. }
  3938. @font-face {
  3939. font-family: KaTeX_Script;
  3940. src: url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"), url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"), url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype");
  3941. font-weight: 400;
  3942. font-style: normal
  3943. }
  3944. @font-face {
  3945. font-family: KaTeX_Size1;
  3946. src: url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"), url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"), url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype");
  3947. font-weight: 400;
  3948. font-style: normal
  3949. }
  3950. @font-face {
  3951. font-family: KaTeX_Size2;
  3952. src: url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"), url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"), url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype");
  3953. font-weight: 400;
  3954. font-style: normal
  3955. }
  3956. @font-face {
  3957. font-family: KaTeX_Size3;
  3958. src: url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"), url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"), url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype");
  3959. font-weight: 400;
  3960. font-style: normal
  3961. }
  3962. @font-face {
  3963. font-family: KaTeX_Size4;
  3964. src: url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"), url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"), url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype");
  3965. font-weight: 400;
  3966. font-style: normal
  3967. }
  3968. @font-face {
  3969. font-family: KaTeX_Typewriter;
  3970. src: url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"), url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"), url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype");
  3971. font-weight: 400;
  3972. font-style: normal
  3973. }
  3974. .katex {
  3975. font: 1.21em KaTeX_Main, Times New Roman, serif;
  3976. line-height: 1.2;
  3977. text-indent: 0;
  3978. text-rendering: auto
  3979. }
  3980. .katex * {
  3981. -ms-high-contrast-adjust: none !important;
  3982. border-color: currentColor
  3983. }
  3984. .katex .katex-version:after {
  3985. content: "0.16.10"
  3986. }
  3987. .katex .katex-mathml {
  3988. position: absolute;
  3989. clip: rect(1px, 1px, 1px, 1px);
  3990. padding: 0;
  3991. border: 0;
  3992. height: 1px;
  3993. width: 1px;
  3994. overflow: hidden
  3995. }
  3996. .katex .katex-html>.newline {
  3997. display: block
  3998. }
  3999. .katex .base {
  4000. position: relative;
  4001. white-space: nowrap;
  4002. width: -moz-min-content;
  4003. width: min-content
  4004. }
  4005. .katex .base,
  4006. .katex .strut {
  4007. display: inline-block
  4008. }
  4009. .katex .textbf {
  4010. font-weight: 700
  4011. }
  4012. .katex .textit {
  4013. font-style: italic
  4014. }
  4015. .katex .textrm {
  4016. font-family: KaTeX_Main
  4017. }
  4018. .katex .textsf {
  4019. font-family: KaTeX_SansSerif
  4020. }
  4021. .katex .texttt {
  4022. font-family: KaTeX_Typewriter
  4023. }
  4024. .katex .mathnormal {
  4025. font-family: KaTeX_Math;
  4026. font-style: italic
  4027. }
  4028. .katex .mathit {
  4029. font-family: KaTeX_Main;
  4030. font-style: italic
  4031. }
  4032. .katex .mathrm {
  4033. font-style: normal
  4034. }
  4035. .katex .mathbf {
  4036. font-family: KaTeX_Main;
  4037. font-weight: 700
  4038. }
  4039. .katex .boldsymbol {
  4040. font-family: KaTeX_Math;
  4041. font-weight: 700;
  4042. font-style: italic
  4043. }
  4044. .katex .amsrm,
  4045. .katex .mathbb,
  4046. .katex .textbb {
  4047. font-family: KaTeX_AMS
  4048. }
  4049. .katex .mathcal {
  4050. font-family: KaTeX_Caligraphic
  4051. }
  4052. .katex .mathfrak,
  4053. .katex .textfrak {
  4054. font-family: KaTeX_Fraktur
  4055. }
  4056. .katex .mathboldfrak,
  4057. .katex .textboldfrak {
  4058. font-family: KaTeX_Fraktur;
  4059. font-weight: 700
  4060. }
  4061. .katex .mathtt {
  4062. font-family: KaTeX_Typewriter
  4063. }
  4064. .katex .mathscr,
  4065. .katex .textscr {
  4066. font-family: KaTeX_Script
  4067. }
  4068. .katex .mathsf,
  4069. .katex .textsf {
  4070. font-family: KaTeX_SansSerif
  4071. }
  4072. .katex .mathboldsf,
  4073. .katex .textboldsf {
  4074. font-family: KaTeX_SansSerif;
  4075. font-weight: 700
  4076. }
  4077. .katex .mathitsf,
  4078. .katex .textitsf {
  4079. font-family: KaTeX_SansSerif;
  4080. font-style: italic
  4081. }
  4082. .katex .mainrm {
  4083. font-family: KaTeX_Main;
  4084. font-style: normal
  4085. }
  4086. .katex .vlist-t {
  4087. display: inline-table;
  4088. table-layout: fixed;
  4089. border-collapse: collapse
  4090. }
  4091. .katex .vlist-r {
  4092. display: table-row
  4093. }
  4094. .katex .vlist {
  4095. display: table-cell;
  4096. vertical-align: bottom;
  4097. position: relative
  4098. }
  4099. .katex .vlist>span {
  4100. display: block;
  4101. height: 0;
  4102. position: relative
  4103. }
  4104. .katex .vlist>span>span {
  4105. display: inline-block
  4106. }
  4107. .katex .vlist>span>.pstrut {
  4108. overflow: hidden;
  4109. width: 0
  4110. }
  4111. .katex .vlist-t2 {
  4112. margin-right: -2px
  4113. }
  4114. .katex .vlist-s {
  4115. display: table-cell;
  4116. vertical-align: bottom;
  4117. font-size: 1px;
  4118. width: 2px;
  4119. min-width: 2px
  4120. }
  4121. .katex .vbox {
  4122. display: inline-flex;
  4123. flex-direction: column;
  4124. align-items: baseline
  4125. }
  4126. .katex .hbox {
  4127. width: 100%
  4128. }
  4129. .katex .hbox,
  4130. .katex .thinbox {
  4131. display: inline-flex;
  4132. flex-direction: row
  4133. }
  4134. .katex .thinbox {
  4135. width: 0;
  4136. max-width: 0
  4137. }
  4138. .katex .msupsub {
  4139. text-align: left
  4140. }
  4141. .katex .mfrac>span>span {
  4142. text-align: center
  4143. }
  4144. .katex .mfrac .frac-line {
  4145. display: inline-block;
  4146. width: 100%;
  4147. border-bottom-style: solid
  4148. }
  4149. .katex .hdashline,
  4150. .katex .hline,
  4151. .katex .mfrac .frac-line,
  4152. .katex .overline .overline-line,
  4153. .katex .rule,
  4154. .katex .underline .underline-line {
  4155. min-height: 1px
  4156. }
  4157. .katex .mspace {
  4158. display: inline-block
  4159. }
  4160. .katex .clap,
  4161. .katex .llap,
  4162. .katex .rlap {
  4163. width: 0;
  4164. position: relative
  4165. }
  4166. .katex .clap>.inner,
  4167. .katex .llap>.inner,
  4168. .katex .rlap>.inner {
  4169. position: absolute
  4170. }
  4171. .katex .clap>.fix,
  4172. .katex .llap>.fix,
  4173. .katex .rlap>.fix {
  4174. display: inline-block
  4175. }
  4176. .katex .llap>.inner {
  4177. right: 0
  4178. }
  4179. .katex .clap>.inner,
  4180. .katex .rlap>.inner {
  4181. left: 0
  4182. }
  4183. .katex .clap>.inner>span {
  4184. margin-left: -50%;
  4185. margin-right: 50%
  4186. }
  4187. .katex .rule {
  4188. display: inline-block;
  4189. border: 0 solid;
  4190. position: relative
  4191. }
  4192. .katex .hline,
  4193. .katex .overline .overline-line,
  4194. .katex .underline .underline-line {
  4195. display: inline-block;
  4196. width: 100%;
  4197. border-bottom-style: solid
  4198. }
  4199. .katex .hdashline {
  4200. display: inline-block;
  4201. width: 100%;
  4202. border-bottom-style: dashed
  4203. }
  4204. .katex .sqrt>.root {
  4205. margin-left: .27777778em;
  4206. margin-right: -.55555556em
  4207. }
  4208. .katex .fontsize-ensurer.reset-size1.size1,
  4209. .katex .sizing.reset-size1.size1 {
  4210. font-size: 1em
  4211. }
  4212. .katex .fontsize-ensurer.reset-size1.size2,
  4213. .katex .sizing.reset-size1.size2 {
  4214. font-size: 1.2em
  4215. }
  4216. .katex .fontsize-ensurer.reset-size1.size3,
  4217. .katex .sizing.reset-size1.size3 {
  4218. font-size: 1.4em
  4219. }
  4220. .katex .fontsize-ensurer.reset-size1.size4,
  4221. .katex .sizing.reset-size1.size4 {
  4222. font-size: 1.6em
  4223. }
  4224. .katex .fontsize-ensurer.reset-size1.size5,
  4225. .katex .sizing.reset-size1.size5 {
  4226. font-size: 1.8em
  4227. }
  4228. .katex .fontsize-ensurer.reset-size1.size6,
  4229. .katex .sizing.reset-size1.size6 {
  4230. font-size: 2em
  4231. }
  4232. .katex .fontsize-ensurer.reset-size1.size7,
  4233. .katex .sizing.reset-size1.size7 {
  4234. font-size: 2.4em
  4235. }
  4236. .katex .fontsize-ensurer.reset-size1.size8,
  4237. .katex .sizing.reset-size1.size8 {
  4238. font-size: 2.88em
  4239. }
  4240. .katex .fontsize-ensurer.reset-size1.size9,
  4241. .katex .sizing.reset-size1.size9 {
  4242. font-size: 3.456em
  4243. }
  4244. .katex .fontsize-ensurer.reset-size1.size10,
  4245. .katex .sizing.reset-size1.size10 {
  4246. font-size: 4.148em
  4247. }
  4248. .katex .fontsize-ensurer.reset-size1.size11,
  4249. .katex .sizing.reset-size1.size11 {
  4250. font-size: 4.976em
  4251. }
  4252. .katex .fontsize-ensurer.reset-size2.size1,
  4253. .katex .sizing.reset-size2.size1 {
  4254. font-size: .83333333em
  4255. }
  4256. .katex .fontsize-ensurer.reset-size2.size2,
  4257. .katex .sizing.reset-size2.size2 {
  4258. font-size: 1em
  4259. }
  4260. .katex .fontsize-ensurer.reset-size2.size3,
  4261. .katex .sizing.reset-size2.size3 {
  4262. font-size: 1.16666667em
  4263. }
  4264. .katex .fontsize-ensurer.reset-size2.size4,
  4265. .katex .sizing.reset-size2.size4 {
  4266. font-size: 1.33333333em
  4267. }
  4268. .katex .fontsize-ensurer.reset-size2.size5,
  4269. .katex .sizing.reset-size2.size5 {
  4270. font-size: 1.5em
  4271. }
  4272. .katex .fontsize-ensurer.reset-size2.size6,
  4273. .katex .sizing.reset-size2.size6 {
  4274. font-size: 1.66666667em
  4275. }
  4276. .katex .fontsize-ensurer.reset-size2.size7,
  4277. .katex .sizing.reset-size2.size7 {
  4278. font-size: 2em
  4279. }
  4280. .katex .fontsize-ensurer.reset-size2.size8,
  4281. .katex .sizing.reset-size2.size8 {
  4282. font-size: 2.4em
  4283. }
  4284. .katex .fontsize-ensurer.reset-size2.size9,
  4285. .katex .sizing.reset-size2.size9 {
  4286. font-size: 2.88em
  4287. }
  4288. .katex .fontsize-ensurer.reset-size2.size10,
  4289. .katex .sizing.reset-size2.size10 {
  4290. font-size: 3.45666667em
  4291. }
  4292. .katex .fontsize-ensurer.reset-size2.size11,
  4293. .katex .sizing.reset-size2.size11 {
  4294. font-size: 4.14666667em
  4295. }
  4296. .katex .fontsize-ensurer.reset-size3.size1,
  4297. .katex .sizing.reset-size3.size1 {
  4298. font-size: .71428571em
  4299. }
  4300. .katex .fontsize-ensurer.reset-size3.size2,
  4301. .katex .sizing.reset-size3.size2 {
  4302. font-size: .85714286em
  4303. }
  4304. .katex .fontsize-ensurer.reset-size3.size3,
  4305. .katex .sizing.reset-size3.size3 {
  4306. font-size: 1em
  4307. }
  4308. .katex .fontsize-ensurer.reset-size3.size4,
  4309. .katex .sizing.reset-size3.size4 {
  4310. font-size: 1.14285714em
  4311. }
  4312. .katex .fontsize-ensurer.reset-size3.size5,
  4313. .katex .sizing.reset-size3.size5 {
  4314. font-size: 1.28571429em
  4315. }
  4316. .katex .fontsize-ensurer.reset-size3.size6,
  4317. .katex .sizing.reset-size3.size6 {
  4318. font-size: 1.42857143em
  4319. }
  4320. .katex .fontsize-ensurer.reset-size3.size7,
  4321. .katex .sizing.reset-size3.size7 {
  4322. font-size: 1.71428571em
  4323. }
  4324. .katex .fontsize-ensurer.reset-size3.size8,
  4325. .katex .sizing.reset-size3.size8 {
  4326. font-size: 2.05714286em
  4327. }
  4328. .katex .fontsize-ensurer.reset-size3.size9,
  4329. .katex .sizing.reset-size3.size9 {
  4330. font-size: 2.46857143em
  4331. }
  4332. .katex .fontsize-ensurer.reset-size3.size10,
  4333. .katex .sizing.reset-size3.size10 {
  4334. font-size: 2.96285714em
  4335. }
  4336. .katex .fontsize-ensurer.reset-size3.size11,
  4337. .katex .sizing.reset-size3.size11 {
  4338. font-size: 3.55428571em
  4339. }
  4340. .katex .fontsize-ensurer.reset-size4.size1,
  4341. .katex .sizing.reset-size4.size1 {
  4342. font-size: .625em
  4343. }
  4344. .katex .fontsize-ensurer.reset-size4.size2,
  4345. .katex .sizing.reset-size4.size2 {
  4346. font-size: .75em
  4347. }
  4348. .katex .fontsize-ensurer.reset-size4.size3,
  4349. .katex .sizing.reset-size4.size3 {
  4350. font-size: .875em
  4351. }
  4352. .katex .fontsize-ensurer.reset-size4.size4,
  4353. .katex .sizing.reset-size4.size4 {
  4354. font-size: 1em
  4355. }
  4356. .katex .fontsize-ensurer.reset-size4.size5,
  4357. .katex .sizing.reset-size4.size5 {
  4358. font-size: 1.125em
  4359. }
  4360. .katex .fontsize-ensurer.reset-size4.size6,
  4361. .katex .sizing.reset-size4.size6 {
  4362. font-size: 1.25em
  4363. }
  4364. .katex .fontsize-ensurer.reset-size4.size7,
  4365. .katex .sizing.reset-size4.size7 {
  4366. font-size: 1.5em
  4367. }
  4368. .katex .fontsize-ensurer.reset-size4.size8,
  4369. .katex .sizing.reset-size4.size8 {
  4370. font-size: 1.8em
  4371. }
  4372. .katex .fontsize-ensurer.reset-size4.size9,
  4373. .katex .sizing.reset-size4.size9 {
  4374. font-size: 2.16em
  4375. }
  4376. .katex .fontsize-ensurer.reset-size4.size10,
  4377. .katex .sizing.reset-size4.size10 {
  4378. font-size: 2.5925em
  4379. }
  4380. .katex .fontsize-ensurer.reset-size4.size11,
  4381. .katex .sizing.reset-size4.size11 {
  4382. font-size: 3.11em
  4383. }
  4384. .katex .fontsize-ensurer.reset-size5.size1,
  4385. .katex .sizing.reset-size5.size1 {
  4386. font-size: .55555556em
  4387. }
  4388. .katex .fontsize-ensurer.reset-size5.size2,
  4389. .katex .sizing.reset-size5.size2 {
  4390. font-size: .66666667em
  4391. }
  4392. .katex .fontsize-ensurer.reset-size5.size3,
  4393. .katex .sizing.reset-size5.size3 {
  4394. font-size: .77777778em
  4395. }
  4396. .katex .fontsize-ensurer.reset-size5.size4,
  4397. .katex .sizing.reset-size5.size4 {
  4398. font-size: .88888889em
  4399. }
  4400. .katex .fontsize-ensurer.reset-size5.size5,
  4401. .katex .sizing.reset-size5.size5 {
  4402. font-size: 1em
  4403. }
  4404. .katex .fontsize-ensurer.reset-size5.size6,
  4405. .katex .sizing.reset-size5.size6 {
  4406. font-size: 1.11111111em
  4407. }
  4408. .katex .fontsize-ensurer.reset-size5.size7,
  4409. .katex .sizing.reset-size5.size7 {
  4410. font-size: 1.33333333em
  4411. }
  4412. .katex .fontsize-ensurer.reset-size5.size8,
  4413. .katex .sizing.reset-size5.size8 {
  4414. font-size: 1.6em
  4415. }
  4416. .katex .fontsize-ensurer.reset-size5.size9,
  4417. .katex .sizing.reset-size5.size9 {
  4418. font-size: 1.92em
  4419. }
  4420. .katex .fontsize-ensurer.reset-size5.size10,
  4421. .katex .sizing.reset-size5.size10 {
  4422. font-size: 2.30444444em
  4423. }
  4424. .katex .fontsize-ensurer.reset-size5.size11,
  4425. .katex .sizing.reset-size5.size11 {
  4426. font-size: 2.76444444em
  4427. }
  4428. .katex .fontsize-ensurer.reset-size6.size1,
  4429. .katex .sizing.reset-size6.size1 {
  4430. font-size: .5em
  4431. }
  4432. .katex .fontsize-ensurer.reset-size6.size2,
  4433. .katex .sizing.reset-size6.size2 {
  4434. font-size: .6em
  4435. }
  4436. .katex .fontsize-ensurer.reset-size6.size3,
  4437. .katex .sizing.reset-size6.size3 {
  4438. font-size: .7em
  4439. }
  4440. .katex .fontsize-ensurer.reset-size6.size4,
  4441. .katex .sizing.reset-size6.size4 {
  4442. font-size: .8em
  4443. }
  4444. .katex .fontsize-ensurer.reset-size6.size5,
  4445. .katex .sizing.reset-size6.size5 {
  4446. font-size: .9em
  4447. }
  4448. .katex .fontsize-ensurer.reset-size6.size6,
  4449. .katex .sizing.reset-size6.size6 {
  4450. font-size: 1em
  4451. }
  4452. .katex .fontsize-ensurer.reset-size6.size7,
  4453. .katex .sizing.reset-size6.size7 {
  4454. font-size: 1.2em
  4455. }
  4456. .katex .fontsize-ensurer.reset-size6.size8,
  4457. .katex .sizing.reset-size6.size8 {
  4458. font-size: 1.44em
  4459. }
  4460. .katex .fontsize-ensurer.reset-size6.size9,
  4461. .katex .sizing.reset-size6.size9 {
  4462. font-size: 1.728em
  4463. }
  4464. .katex .fontsize-ensurer.reset-size6.size10,
  4465. .katex .sizing.reset-size6.size10 {
  4466. font-size: 2.074em
  4467. }
  4468. .katex .fontsize-ensurer.reset-size6.size11,
  4469. .katex .sizing.reset-size6.size11 {
  4470. font-size: 2.488em
  4471. }
  4472. .katex .fontsize-ensurer.reset-size7.size1,
  4473. .katex .sizing.reset-size7.size1 {
  4474. font-size: .41666667em
  4475. }
  4476. .katex .fontsize-ensurer.reset-size7.size2,
  4477. .katex .sizing.reset-size7.size2 {
  4478. font-size: .5em
  4479. }
  4480. .katex .fontsize-ensurer.reset-size7.size3,
  4481. .katex .sizing.reset-size7.size3 {
  4482. font-size: .58333333em
  4483. }
  4484. .katex .fontsize-ensurer.reset-size7.size4,
  4485. .katex .sizing.reset-size7.size4 {
  4486. font-size: .66666667em
  4487. }
  4488. .katex .fontsize-ensurer.reset-size7.size5,
  4489. .katex .sizing.reset-size7.size5 {
  4490. font-size: .75em
  4491. }
  4492. .katex .fontsize-ensurer.reset-size7.size6,
  4493. .katex .sizing.reset-size7.size6 {
  4494. font-size: .83333333em
  4495. }
  4496. .katex .fontsize-ensurer.reset-size7.size7,
  4497. .katex .sizing.reset-size7.size7 {
  4498. font-size: 1em
  4499. }
  4500. .katex .fontsize-ensurer.reset-size7.size8,
  4501. .katex .sizing.reset-size7.size8 {
  4502. font-size: 1.2em
  4503. }
  4504. .katex .fontsize-ensurer.reset-size7.size9,
  4505. .katex .sizing.reset-size7.size9 {
  4506. font-size: 1.44em
  4507. }
  4508. .katex .fontsize-ensurer.reset-size7.size10,
  4509. .katex .sizing.reset-size7.size10 {
  4510. font-size: 1.72833333em
  4511. }
  4512. .katex .fontsize-ensurer.reset-size7.size11,
  4513. .katex .sizing.reset-size7.size11 {
  4514. font-size: 2.07333333em
  4515. }
  4516. .katex .fontsize-ensurer.reset-size8.size1,
  4517. .katex .sizing.reset-size8.size1 {
  4518. font-size: .34722222em
  4519. }
  4520. .katex .fontsize-ensurer.reset-size8.size2,
  4521. .katex .sizing.reset-size8.size2 {
  4522. font-size: .41666667em
  4523. }
  4524. .katex .fontsize-ensurer.reset-size8.size3,
  4525. .katex .sizing.reset-size8.size3 {
  4526. font-size: .48611111em
  4527. }
  4528. .katex .fontsize-ensurer.reset-size8.size4,
  4529. .katex .sizing.reset-size8.size4 {
  4530. font-size: .55555556em
  4531. }
  4532. .katex .fontsize-ensurer.reset-size8.size5,
  4533. .katex .sizing.reset-size8.size5 {
  4534. font-size: .625em
  4535. }
  4536. .katex .fontsize-ensurer.reset-size8.size6,
  4537. .katex .sizing.reset-size8.size6 {
  4538. font-size: .69444444em
  4539. }
  4540. .katex .fontsize-ensurer.reset-size8.size7,
  4541. .katex .sizing.reset-size8.size7 {
  4542. font-size: .83333333em
  4543. }
  4544. .katex .fontsize-ensurer.reset-size8.size8,
  4545. .katex .sizing.reset-size8.size8 {
  4546. font-size: 1em
  4547. }
  4548. .katex .fontsize-ensurer.reset-size8.size9,
  4549. .katex .sizing.reset-size8.size9 {
  4550. font-size: 1.2em
  4551. }
  4552. .katex .fontsize-ensurer.reset-size8.size10,
  4553. .katex .sizing.reset-size8.size10 {
  4554. font-size: 1.44027778em
  4555. }
  4556. .katex .fontsize-ensurer.reset-size8.size11,
  4557. .katex .sizing.reset-size8.size11 {
  4558. font-size: 1.72777778em
  4559. }
  4560. .katex .fontsize-ensurer.reset-size9.size1,
  4561. .katex .sizing.reset-size9.size1 {
  4562. font-size: .28935185em
  4563. }
  4564. .katex .fontsize-ensurer.reset-size9.size2,
  4565. .katex .sizing.reset-size9.size2 {
  4566. font-size: .34722222em
  4567. }
  4568. .katex .fontsize-ensurer.reset-size9.size3,
  4569. .katex .sizing.reset-size9.size3 {
  4570. font-size: .40509259em
  4571. }
  4572. .katex .fontsize-ensurer.reset-size9.size4,
  4573. .katex .sizing.reset-size9.size4 {
  4574. font-size: .46296296em
  4575. }
  4576. .katex .fontsize-ensurer.reset-size9.size5,
  4577. .katex .sizing.reset-size9.size5 {
  4578. font-size: .52083333em
  4579. }
  4580. .katex .fontsize-ensurer.reset-size9.size6,
  4581. .katex .sizing.reset-size9.size6 {
  4582. font-size: .5787037em
  4583. }
  4584. .katex .fontsize-ensurer.reset-size9.size7,
  4585. .katex .sizing.reset-size9.size7 {
  4586. font-size: .69444444em
  4587. }
  4588. .katex .fontsize-ensurer.reset-size9.size8,
  4589. .katex .sizing.reset-size9.size8 {
  4590. font-size: .83333333em
  4591. }
  4592. .katex .fontsize-ensurer.reset-size9.size9,
  4593. .katex .sizing.reset-size9.size9 {
  4594. font-size: 1em
  4595. }
  4596. .katex .fontsize-ensurer.reset-size9.size10,
  4597. .katex .sizing.reset-size9.size10 {
  4598. font-size: 1.20023148em
  4599. }
  4600. .katex .fontsize-ensurer.reset-size9.size11,
  4601. .katex .sizing.reset-size9.size11 {
  4602. font-size: 1.43981481em
  4603. }
  4604. .katex .fontsize-ensurer.reset-size10.size1,
  4605. .katex .sizing.reset-size10.size1 {
  4606. font-size: .24108004em
  4607. }
  4608. .katex .fontsize-ensurer.reset-size10.size2,
  4609. .katex .sizing.reset-size10.size2 {
  4610. font-size: .28929605em
  4611. }
  4612. .katex .fontsize-ensurer.reset-size10.size3,
  4613. .katex .sizing.reset-size10.size3 {
  4614. font-size: .33751205em
  4615. }
  4616. .katex .fontsize-ensurer.reset-size10.size4,
  4617. .katex .sizing.reset-size10.size4 {
  4618. font-size: .38572806em
  4619. }
  4620. .katex .fontsize-ensurer.reset-size10.size5,
  4621. .katex .sizing.reset-size10.size5 {
  4622. font-size: .43394407em
  4623. }
  4624. .katex .fontsize-ensurer.reset-size10.size6,
  4625. .katex .sizing.reset-size10.size6 {
  4626. font-size: .48216008em
  4627. }
  4628. .katex .fontsize-ensurer.reset-size10.size7,
  4629. .katex .sizing.reset-size10.size7 {
  4630. font-size: .57859209em
  4631. }
  4632. .katex .fontsize-ensurer.reset-size10.size8,
  4633. .katex .sizing.reset-size10.size8 {
  4634. font-size: .69431051em
  4635. }
  4636. .katex .fontsize-ensurer.reset-size10.size9,
  4637. .katex .sizing.reset-size10.size9 {
  4638. font-size: .83317261em
  4639. }
  4640. .katex .fontsize-ensurer.reset-size10.size10,
  4641. .katex .sizing.reset-size10.size10 {
  4642. font-size: 1em
  4643. }
  4644. .katex .fontsize-ensurer.reset-size10.size11,
  4645. .katex .sizing.reset-size10.size11 {
  4646. font-size: 1.19961427em
  4647. }
  4648. .katex .fontsize-ensurer.reset-size11.size1,
  4649. .katex .sizing.reset-size11.size1 {
  4650. font-size: .20096463em
  4651. }
  4652. .katex .fontsize-ensurer.reset-size11.size2,
  4653. .katex .sizing.reset-size11.size2 {
  4654. font-size: .24115756em
  4655. }
  4656. .katex .fontsize-ensurer.reset-size11.size3,
  4657. .katex .sizing.reset-size11.size3 {
  4658. font-size: .28135048em
  4659. }
  4660. .katex .fontsize-ensurer.reset-size11.size4,
  4661. .katex .sizing.reset-size11.size4 {
  4662. font-size: .32154341em
  4663. }
  4664. .katex .fontsize-ensurer.reset-size11.size5,
  4665. .katex .sizing.reset-size11.size5 {
  4666. font-size: .36173633em
  4667. }
  4668. .katex .fontsize-ensurer.reset-size11.size6,
  4669. .katex .sizing.reset-size11.size6 {
  4670. font-size: .40192926em
  4671. }
  4672. .katex .fontsize-ensurer.reset-size11.size7,
  4673. .katex .sizing.reset-size11.size7 {
  4674. font-size: .48231511em
  4675. }
  4676. .katex .fontsize-ensurer.reset-size11.size8,
  4677. .katex .sizing.reset-size11.size8 {
  4678. font-size: .57877814em
  4679. }
  4680. .katex .fontsize-ensurer.reset-size11.size9,
  4681. .katex .sizing.reset-size11.size9 {
  4682. font-size: .69453376em
  4683. }
  4684. .katex .fontsize-ensurer.reset-size11.size10,
  4685. .katex .sizing.reset-size11.size10 {
  4686. font-size: .83360129em
  4687. }
  4688. .katex .fontsize-ensurer.reset-size11.size11,
  4689. .katex .sizing.reset-size11.size11 {
  4690. font-size: 1em
  4691. }
  4692. .katex .delimsizing.size1 {
  4693. font-family: KaTeX_Size1
  4694. }
  4695. .katex .delimsizing.size2 {
  4696. font-family: KaTeX_Size2
  4697. }
  4698. .katex .delimsizing.size3 {
  4699. font-family: KaTeX_Size3
  4700. }
  4701. .katex .delimsizing.size4 {
  4702. font-family: KaTeX_Size4
  4703. }
  4704. .katex .delimsizing.mult .delim-size1>span {
  4705. font-family: KaTeX_Size1
  4706. }
  4707. .katex .delimsizing.mult .delim-size4>span {
  4708. font-family: KaTeX_Size4
  4709. }
  4710. .katex .nulldelimiter {
  4711. display: inline-block;
  4712. width: .12em
  4713. }
  4714. .katex .delimcenter,
  4715. .katex .op-symbol {
  4716. position: relative
  4717. }
  4718. .katex .op-symbol.small-op {
  4719. font-family: KaTeX_Size1
  4720. }
  4721. .katex .op-symbol.large-op {
  4722. font-family: KaTeX_Size2
  4723. }
  4724. .katex .accent>.vlist-t,
  4725. .katex .op-limits>.vlist-t {
  4726. text-align: center
  4727. }
  4728. .katex .accent .accent-body {
  4729. position: relative
  4730. }
  4731. .katex .accent .accent-body:not(.accent-full) {
  4732. width: 0
  4733. }
  4734. .katex .overlay {
  4735. display: block
  4736. }
  4737. .katex .mtable .vertical-separator {
  4738. display: inline-block;
  4739. min-width: 1px
  4740. }
  4741. .katex .mtable .arraycolsep {
  4742. display: inline-block
  4743. }
  4744. .katex .mtable .col-align-c>.vlist-t {
  4745. text-align: center
  4746. }
  4747. .katex .mtable .col-align-l>.vlist-t {
  4748. text-align: left
  4749. }
  4750. .katex .mtable .col-align-r>.vlist-t {
  4751. text-align: right
  4752. }
  4753. .katex .svg-align {
  4754. text-align: left
  4755. }
  4756. .katex svg {
  4757. display: block;
  4758. position: absolute;
  4759. width: 100%;
  4760. height: inherit;
  4761. fill: currentColor;
  4762. stroke: currentColor;
  4763. fill-rule: nonzero;
  4764. fill-opacity: 1;
  4765. stroke-width: 1;
  4766. stroke-linecap: butt;
  4767. stroke-linejoin: miter;
  4768. stroke-miterlimit: 4;
  4769. stroke-dasharray: none;
  4770. stroke-dashoffset: 0;
  4771. stroke-opacity: 1
  4772. }
  4773. .katex svg path {
  4774. stroke: none
  4775. }
  4776. .katex img {
  4777. border-style: none;
  4778. min-width: 0;
  4779. min-height: 0;
  4780. max-width: none;
  4781. max-height: none
  4782. }
  4783. .katex .stretchy {
  4784. width: 100%;
  4785. display: block;
  4786. position: relative;
  4787. overflow: hidden
  4788. }
  4789. .katex .stretchy:after,
  4790. .katex .stretchy:before {
  4791. content: ""
  4792. }
  4793. .katex .hide-tail {
  4794. width: 100%;
  4795. position: relative;
  4796. overflow: hidden
  4797. }
  4798. .katex .halfarrow-left {
  4799. position: absolute;
  4800. left: 0;
  4801. width: 50.2%;
  4802. overflow: hidden
  4803. }
  4804. .katex .halfarrow-right {
  4805. position: absolute;
  4806. right: 0;
  4807. width: 50.2%;
  4808. overflow: hidden
  4809. }
  4810. .katex .brace-left {
  4811. position: absolute;
  4812. left: 0;
  4813. width: 25.1%;
  4814. overflow: hidden
  4815. }
  4816. .katex .brace-center {
  4817. position: absolute;
  4818. left: 25%;
  4819. width: 50%;
  4820. overflow: hidden
  4821. }
  4822. .katex .brace-right {
  4823. position: absolute;
  4824. right: 0;
  4825. width: 25.1%;
  4826. overflow: hidden
  4827. }
  4828. .katex .x-arrow-pad {
  4829. padding: 0 .5em
  4830. }
  4831. .katex .cd-arrow-pad {
  4832. padding: 0 .55556em 0 .27778em
  4833. }
  4834. .katex .mover,
  4835. .katex .munder,
  4836. .katex .x-arrow {
  4837. text-align: center
  4838. }
  4839. .katex .boxpad {
  4840. padding: 0 .3em
  4841. }
  4842. .katex .fbox,
  4843. .katex .fcolorbox {
  4844. box-sizing: border-box;
  4845. border: .04em solid
  4846. }
  4847. .katex .cancel-pad {
  4848. padding: 0 .2em
  4849. }
  4850. .katex .cancel-lap {
  4851. margin-left: -.2em;
  4852. margin-right: -.2em
  4853. }
  4854. .katex .sout {
  4855. border-bottom-style: solid;
  4856. border-bottom-width: .08em
  4857. }
  4858. .katex .angl {
  4859. box-sizing: border-box;
  4860. border-top: .049em solid;
  4861. border-right: .049em solid;
  4862. margin-right: .03889em
  4863. }
  4864. .katex .anglpad {
  4865. padding: 0 .03889em
  4866. }
  4867. .katex .eqn-num:before {
  4868. counter-increment: katexEqnNo;
  4869. content: "(" counter(katexEqnNo) ")"
  4870. }
  4871. .katex .mml-eqn-num:before {
  4872. counter-increment: mmlEqnNo;
  4873. content: "(" counter(mmlEqnNo) ")"
  4874. }
  4875. .katex .mtr-glue {
  4876. width: 50%
  4877. }
  4878. .katex .cd-vert-arrow {
  4879. display: inline-block;
  4880. position: relative
  4881. }
  4882. .katex .cd-label-left {
  4883. display: inline-block;
  4884. position: absolute;
  4885. right: calc(50% + .3em);
  4886. text-align: left
  4887. }
  4888. .katex .cd-label-right {
  4889. display: inline-block;
  4890. position: absolute;
  4891. left: calc(50% + .3em);
  4892. text-align: right
  4893. }
  4894. .katex-display {
  4895. display: block;
  4896. margin: 1em 0;
  4897. text-align: center
  4898. }
  4899. .katex-display>.katex {
  4900. display: block;
  4901. text-align: center;
  4902. white-space: nowrap
  4903. }
  4904. .katex-display>.katex>.katex-html {
  4905. display: block;
  4906. position: relative
  4907. }
  4908. .katex-display>.katex>.katex-html>.tag {
  4909. position: absolute;
  4910. right: 0
  4911. }
  4912. .katex-display.leqno>.katex>.katex-html>.tag {
  4913. left: 0;
  4914. right: auto
  4915. }
  4916. .katex-display.fleqn>.katex {
  4917. text-align: left;
  4918. padding-left: 2em
  4919. }
  4920. body {
  4921. counter-reset: katexEqnNo mmlEqnNo
  4922. }
  4923. .KatexEquationAlterer_defaultRow {
  4924. display: flex;
  4925. flex-direction: row;
  4926. margin-top: 10px;
  4927. margin-bottom: 10px;
  4928. justify-content: space-between;
  4929. overflow: hidden
  4930. }
  4931. .KatexEquationAlterer_dialogActions {
  4932. display: flex;
  4933. flex-direction: row;
  4934. overflow: hidden;
  4935. margin-top: 20px;
  4936. margin-bottom: 0;
  4937. justify-content: right
  4938. }
  4939. .KatexEquationAlterer_centerRow {
  4940. display: flex;
  4941. flex-direction: "row";
  4942. margin-top: 10px;
  4943. margin-bottom: 10px;
  4944. justify-content: center;
  4945. overflow: hidden
  4946. }
  4947. .KatexEquationAlterer_textArea {
  4948. width: 100%;
  4949. resize: none;
  4950. padding: 7px
  4951. }
  4952. .ExcalidrawModal__overlay {
  4953. display: flex;
  4954. align-items: center;
  4955. position: fixed;
  4956. flex-direction: column;
  4957. top: 0;
  4958. bottom: 0;
  4959. left: 0;
  4960. right: 0;
  4961. flex-grow: 0px;
  4962. flex-shrink: 1px;
  4963. z-index: 100;
  4964. background-color: #28282899
  4965. }
  4966. .ExcalidrawModal__actions {
  4967. text-align: end;
  4968. position: absolute;
  4969. right: 5px;
  4970. top: 5px;
  4971. z-index: 1
  4972. }
  4973. .ExcalidrawModal__actions button {
  4974. background-color: #fff;
  4975. border-radius: 5px
  4976. }
  4977. .ExcalidrawModal__row {
  4978. position: relative;
  4979. padding: 40px 5px 5px;
  4980. width: 70vw;
  4981. height: 70vh;
  4982. border-radius: 8px;
  4983. box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80
  4984. }
  4985. .ExcalidrawModal__row>div {
  4986. border-radius: 5px
  4987. }
  4988. .ExcalidrawModal__modal {
  4989. position: relative;
  4990. z-index: 10;
  4991. top: 50px;
  4992. width: auto;
  4993. left: 0;
  4994. display: flex;
  4995. justify-content: center;
  4996. align-items: center;
  4997. border-radius: 8px;
  4998. background-color: #eee
  4999. }
  5000. .ExcalidrawModal__discardModal {
  5001. margin-top: 60px;
  5002. text-align: center
  5003. }
  5004. .Input__wrapper {
  5005. display: flex;
  5006. flex-direction: row;
  5007. align-items: center;
  5008. margin-bottom: 10px
  5009. }
  5010. .Input__label {
  5011. display: flex;
  5012. flex: 1;
  5013. color: #666
  5014. }
  5015. .Input__input {
  5016. display: flex;
  5017. flex: 2;
  5018. border: 1px solid #999;
  5019. padding: 7px 10px;
  5020. font-size: 16px;
  5021. border-radius: 5px;
  5022. min-width: 0
  5023. }
  5024. [type=page-break] {
  5025. position: relative;
  5026. display: block;
  5027. width: calc(100% + var(--editor-input-padding, 28px)*2);
  5028. overflow: unset;
  5029. margin-left: calc(var(--editor-input-padding, 28px)*-1);
  5030. margin-top: var(--editor-input-padding, 28px);
  5031. margin-bottom: var(--editor-input-padding, 28px);
  5032. border: none;
  5033. border-top: 1px dashed var(--editor-color-secondary, #eee);
  5034. border-bottom: 1px dashed var(--editor-color-secondary, #eee);
  5035. background-color: var(--editor-color-secondary, #eee)
  5036. }
  5037. [type=page-break]:before {
  5038. content: "";
  5039. position: absolute;
  5040. top: 50%;
  5041. left: calc(var(--editor-input-padding, 28px) + 12px);
  5042. transform: translateY(-50%);
  5043. opacity: .5;
  5044. background-size: cover;
  5045. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-scissors' transform='scale(1 -1)rotate(90)'%3E%3Cpath d='M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0'/%3E%3C/svg%3E");
  5046. width: 16px;
  5047. height: 16px
  5048. }
  5049. [type=page-break]:after {
  5050. position: absolute;
  5051. top: 50%;
  5052. left: 50%;
  5053. transform: translate(-50%, -50%);
  5054. display: block;
  5055. padding: 2px 6px;
  5056. border: 1px solid #ccc;
  5057. background-color: #fff;
  5058. content: "PAGE BREAK";
  5059. font-size: 12px;
  5060. color: #000;
  5061. font-weight: 600
  5062. }
  5063. .selected[type=page-break] {
  5064. border-color: var(--editor-color-primary, #4766cb)
  5065. }
  5066. .selected[type=page-break]:before {
  5067. opacity: 1
  5068. }
  5069. .draggable-block-menu {
  5070. border-radius: 4px;
  5071. padding: 2px 1px;
  5072. cursor: grab;
  5073. opacity: 0;
  5074. position: absolute;
  5075. left: 0;
  5076. top: 0;
  5077. will-change: transform
  5078. }
  5079. .draggable-block-menu .icon {
  5080. width: 16px;
  5081. height: 16px;
  5082. opacity: .3;
  5083. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' d='M8.5 10a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0 7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7-10a2 2 0 1 0-2-2 2 2 0 0 0 2 2Zm-7-4a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7 14a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0-7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Z'/%3E%3C/svg%3E")
  5084. }
  5085. .draggable-block-menu:active {
  5086. cursor: grabbing
  5087. }
  5088. .draggable-block-menu:hover {
  5089. background-color: #efefef
  5090. }
  5091. .draggable-block-target-line {
  5092. pointer-events: none;
  5093. background: #00bfff;
  5094. height: 4px
  5095. }
  5096. .draggable-block-target-line,
  5097. .link-editor {
  5098. position: absolute;
  5099. left: 0;
  5100. top: 0;
  5101. opacity: 0;
  5102. will-change: transform
  5103. }
  5104. .link-editor {
  5105. display: flex;
  5106. z-index: 10;
  5107. max-width: 400px;
  5108. width: 100%;
  5109. background-color: #fff;
  5110. box-shadow: 0 5px 10px #0000004d;
  5111. border-radius: 0 0 8px 8px;
  5112. transition: opacity .5s
  5113. }
  5114. .link-editor .button {
  5115. width: 20px;
  5116. height: 20px;
  5117. display: inline-block;
  5118. padding: 6px;
  5119. border-radius: 8px;
  5120. cursor: pointer;
  5121. margin: 0 2px
  5122. }
  5123. .link-editor .button.hovered {
  5124. width: 20px;
  5125. height: 20px;
  5126. display: inline-block;
  5127. background-color: #eee
  5128. }
  5129. .actions i,
  5130. .link-editor .button i {
  5131. background-size: contain;
  5132. display: inline-block;
  5133. height: 20px;
  5134. width: 20px;
  5135. vertical-align: -.25em
  5136. }
  5137. .floating-text-format-popup {
  5138. display: flex;
  5139. background: #fff;
  5140. padding: 4px;
  5141. vertical-align: middle;
  5142. position: absolute;
  5143. top: 0;
  5144. left: 0;
  5145. z-index: 10;
  5146. opacity: 0;
  5147. box-shadow: 0 5px 10px #0000004d;
  5148. border-radius: 8px;
  5149. transition: opacity .5s;
  5150. height: 35px;
  5151. will-change: transform
  5152. }
  5153. .floating-text-format-popup button.popup-item {
  5154. border: 0;
  5155. display: flex;
  5156. background: none;
  5157. border-radius: 10px;
  5158. padding: 8px;
  5159. cursor: pointer;
  5160. vertical-align: middle
  5161. }
  5162. .floating-text-format-popup button.popup-item:disabled {
  5163. cursor: not-allowed
  5164. }
  5165. .floating-text-format-popup button.popup-item.spaced {
  5166. margin-right: 2px
  5167. }
  5168. .floating-text-format-popup button.popup-item i.format {
  5169. background-size: contain;
  5170. height: 18px;
  5171. width: 18px;
  5172. margin-top: 2px;
  5173. vertical-align: -.25em;
  5174. display: flex
  5175. }
  5176. .floating-text-format-popup button.popup-item:disabled i.format {
  5177. opacity: .2
  5178. }
  5179. .floating-text-format-popup button.popup-item.active {
  5180. background-color: #dfe8fa4d
  5181. }
  5182. .floating-text-format-popup button.popup-item.active i {
  5183. opacity: 1
  5184. }
  5185. .floating-text-format-popup .popup-item:hover:not([disabled]) {
  5186. background-color: #eee
  5187. }
  5188. .floating-text-format-popup select.popup-item {
  5189. border: 0;
  5190. display: flex;
  5191. background: none;
  5192. border-radius: 10px;
  5193. padding: 8px;
  5194. vertical-align: middle;
  5195. -webkit-appearance: none;
  5196. -moz-appearance: none;
  5197. width: 70px;
  5198. font-size: 14px;
  5199. color: #777;
  5200. text-overflow: ellipsis
  5201. }
  5202. .floating-text-format-popup select.code-language {
  5203. text-transform: capitalize;
  5204. width: 130px
  5205. }
  5206. .floating-text-format-popup .popup-item .text {
  5207. display: flex;
  5208. line-height: 20px;
  5209. vertical-align: middle;
  5210. font-size: 14px;
  5211. color: #777;
  5212. text-overflow: ellipsis;
  5213. width: 70px;
  5214. overflow: hidden;
  5215. height: 20px;
  5216. text-align: left
  5217. }
  5218. .floating-text-format-popup .popup-item .icon {
  5219. display: flex;
  5220. width: 20px;
  5221. height: 20px;
  5222. -webkit-user-select: none;
  5223. -moz-user-select: none;
  5224. user-select: none;
  5225. margin-right: 8px;
  5226. line-height: 16px;
  5227. background-size: contain
  5228. }
  5229. .floating-text-format-popup i.chevron-down {
  5230. margin-top: 3px;
  5231. width: 16px;
  5232. height: 16px;
  5233. display: flex;
  5234. -webkit-user-select: none;
  5235. -moz-user-select: none;
  5236. user-select: none
  5237. }
  5238. .floating-text-format-popup i.chevron-down.inside {
  5239. width: 16px;
  5240. height: 16px;
  5241. display: flex;
  5242. margin-left: -25px;
  5243. margin-top: 11px;
  5244. margin-right: 10px;
  5245. pointer-events: none
  5246. }
  5247. .floating-text-format-popup .divider {
  5248. width: 1px;
  5249. background-color: #eee;
  5250. margin: 0 4px
  5251. }
  5252. @media (max-width:1024px) {
  5253. .floating-text-format-popup button.insert-comment {
  5254. display: none
  5255. }
  5256. }
  5257. .InlineImageNode__contentEditable {
  5258. min-height: 20px;
  5259. border: 0;
  5260. resize: none;
  5261. cursor: text;
  5262. caret-color: #050505;
  5263. display: block;
  5264. position: relative;
  5265. -moz-tab-size: 1;
  5266. -o-tab-size: 1;
  5267. tab-size: 1;
  5268. outline: 0;
  5269. padding: 10px;
  5270. -webkit-user-select: text;
  5271. -moz-user-select: text;
  5272. user-select: text;
  5273. font-size: 14px;
  5274. line-height: 1.4em;
  5275. width: calc(100% - 20px);
  5276. white-space: pre-wrap;
  5277. word-break: break-word
  5278. }
  5279. .InlineImageNode__placeholder {
  5280. font-size: 12px;
  5281. color: #888;
  5282. overflow: hidden;
  5283. position: absolute;
  5284. text-overflow: ellipsis;
  5285. bottom: 10px;
  5286. left: 10px;
  5287. -webkit-user-select: none;
  5288. -moz-user-select: none;
  5289. user-select: none;
  5290. white-space: nowrap;
  5291. display: inline-block;
  5292. pointer-events: none
  5293. }
  5294. .InlineImageNode_Checkbox:checked,
  5295. .InlineImageNode_Checkbox:not(:checked) {
  5296. position: absolute;
  5297. left: -9999px
  5298. }
  5299. .InlineImageNode_Checkbox:checked+label,
  5300. .InlineImageNode_Checkbox:not(:checked)+label {
  5301. position: absolute;
  5302. padding-right: 55px;
  5303. cursor: pointer;
  5304. line-height: 20px;
  5305. display: inline-block;
  5306. color: #666
  5307. }
  5308. .InlineImageNode_Checkbox:checked+label:before,
  5309. .InlineImageNode_Checkbox:not(:checked)+label:before {
  5310. content: "";
  5311. position: absolute;
  5312. right: 0;
  5313. top: 0;
  5314. width: 18px;
  5315. height: 18px;
  5316. border: 1px solid #666;
  5317. background: #fff
  5318. }
  5319. .InlineImageNode_Checkbox:checked+label:after,
  5320. .InlineImageNode_Checkbox:not(:checked)+label:after {
  5321. content: "";
  5322. width: 8px;
  5323. height: 8px;
  5324. background: #222;
  5325. position: absolute;
  5326. top: 6px;
  5327. right: 6px;
  5328. transition: all .2s ease
  5329. }
  5330. .InlineImageNode_Checkbox:not(:checked)+label:after {
  5331. opacity: 0;
  5332. transform: scale(0)
  5333. }
  5334. .InlineImageNode_Checkbox:checked+label:after {
  5335. opacity: 1;
  5336. transform: scale(1)
  5337. }
  5338. :root {
  5339. --select-border: #393939;
  5340. --select-focus: #101484;
  5341. --select-arrow: var(--select-border)
  5342. }
  5343. .color-picker-wrapper {
  5344. padding: 20px
  5345. }
  5346. .color-picker-basic-color {
  5347. display: flex;
  5348. flex-wrap: wrap;
  5349. gap: 10px;
  5350. margin: 0;
  5351. padding: 0
  5352. }
  5353. .color-picker-basic-color button {
  5354. border: 1px solid #ccc;
  5355. border-radius: 4px;
  5356. height: 16px;
  5357. width: 16px;
  5358. cursor: pointer;
  5359. list-style-type: none
  5360. }
  5361. .color-picker-basic-color button.active {
  5362. box-shadow: 0 0 2px 2px #0000004d
  5363. }
  5364. .color-picker-saturation {
  5365. width: 100%;
  5366. position: relative;
  5367. margin-top: 15px;
  5368. height: 150px;
  5369. background-image: linear-gradient(transparent, #000), linear-gradient(90deg, #fff, transparent);
  5370. -webkit-user-select: none;
  5371. -moz-user-select: none;
  5372. user-select: none
  5373. }
  5374. .color-picker-saturation_cursor {
  5375. position: absolute;
  5376. width: 20px;
  5377. height: 20px;
  5378. border: 2px solid #fff;
  5379. border-radius: 50%;
  5380. box-shadow: 0 0 15px #00000026;
  5381. box-sizing: border-box;
  5382. transform: translate(-10px, -10px)
  5383. }
  5384. .color-picker-hue {
  5385. width: 100%;
  5386. position: relative;
  5387. margin-top: 15px;
  5388. height: 12px;
  5389. background-image: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
  5390. -webkit-user-select: none;
  5391. -moz-user-select: none;
  5392. user-select: none;
  5393. border-radius: 12px
  5394. }
  5395. .color-picker-hue_cursor {
  5396. position: absolute;
  5397. width: 20px;
  5398. height: 20px;
  5399. border: 2px solid #fff;
  5400. border-radius: 50%;
  5401. box-shadow: 0 0 0 .5px #0003;
  5402. box-sizing: border-box;
  5403. transform: translate(-10px, -4px)
  5404. }
  5405. .color-picker-color {
  5406. border: 1px solid #ccc;
  5407. margin-top: 15px;
  5408. width: 100%;
  5409. height: 20px
  5410. }
  5411. .TableCellResizer__resizer {
  5412. position: absolute
  5413. }
  5414. .table-of-contents .heading2 {
  5415. margin-left: 10px
  5416. }
  5417. .table-of-contents .heading3 {
  5418. margin-left: 20px
  5419. }
  5420. .selected-heading {
  5421. color: #3578e5;
  5422. position: relative
  5423. }
  5424. .selected-heading-wrapper:before {
  5425. content: " ";
  5426. position: absolute;
  5427. display: inline-block;
  5428. left: -30px;
  5429. top: 4px;
  5430. z-index: 10;
  5431. height: 4px;
  5432. width: 4px;
  5433. background-color: #3578e5;
  5434. border: 4px solid #fff;
  5435. border-radius: 50%
  5436. }
  5437. .normal-heading {
  5438. cursor: pointer;
  5439. line-height: 20px;
  5440. font-size: 16px
  5441. }
  5442. .table-of-contents {
  5443. color: #65676b;
  5444. position: fixed;
  5445. top: 200px;
  5446. right: -35px;
  5447. padding: 10px;
  5448. width: 250px;
  5449. display: flex;
  5450. flex-direction: row;
  5451. justify-content: flex-start;
  5452. z-index: 1;
  5453. height: 300px
  5454. }
  5455. .first-heading {
  5456. color: #000;
  5457. font-weight: 700;
  5458. cursor: pointer
  5459. }
  5460. .headings {
  5461. list-style: none;
  5462. margin-top: 0;
  5463. margin-left: 10px;
  5464. padding: 0;
  5465. overflow: scroll;
  5466. width: 200px;
  5467. height: 220px;
  5468. overflow-x: hidden;
  5469. overflow-y: auto;
  5470. -ms-overflow-style: none;
  5471. scrollbar-width: none
  5472. }
  5473. .headings::-webkit-scrollbar {
  5474. display: none
  5475. }
  5476. .headings:before {
  5477. content: " ";
  5478. position: absolute;
  5479. height: 220px;
  5480. width: 4px;
  5481. right: 240px;
  5482. margin-top: 5px;
  5483. background-color: #ccd0d5;
  5484. border-radius: 2px
  5485. }
  5486. .normal-heading-wrapper {
  5487. margin-left: 32px;
  5488. position: relative
  5489. }
  5490. .font-size-input {
  5491. font-weight: 700;
  5492. font-size: 14px;
  5493. color: #777
  5494. }
  5495. .font-size-input:is(.dark *) {
  5496. background-color: hsla(0, 0%, 100%, .05);
  5497. --tw-text-opacity: 1;
  5498. color: rgb(255 255 255/var(--tw-text-opacity, 1))
  5499. }
  5500. .font-size-input {
  5501. border-radius: 5px;
  5502. border-color: gray;
  5503. height: 30px;
  5504. padding: 2px 4px;
  5505. text-align: center;
  5506. width: 40px;
  5507. align-self: center
  5508. }
  5509. .font-size-input:disabled {
  5510. opacity: .2;
  5511. cursor: not-allowed
  5512. }
  5513. input[type=number]::-webkit-inner-spin-button,
  5514. input[type=number]::-webkit-outer-spin-button {
  5515. -webkit-appearance: none;
  5516. margin: 0
  5517. }
  5518. input[type=number] {
  5519. -moz-appearance: textfield
  5520. }
  5521. .add-icon {
  5522. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 10 17'%3E%3Cpath fill='0' d='M10 7H6V3H4v4H0v2h4v4h2V9h4z'/%3E%3C/svg%3E")
  5523. }
  5524. .add-icon,
  5525. .minus-icon {
  5526. background-repeat: no-repeat;
  5527. background-position: 50%
  5528. }
  5529. .minus-icon {
  5530. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' baseProfile='tiny' version='1.2' viewBox='0 0 8 17'%3E%3Cpath d='M0 7h8v2H0z'/%3E%3C/svg%3E")
  5531. }
  5532. button.font-decrement {
  5533. padding: 0;
  5534. margin-right: 3px
  5535. }
  5536. button.font-increment {
  5537. padding: 0;
  5538. margin-left: 3px
  5539. }
  5540. .hover\:text-blue-700:hover {
  5541. --tw-text-opacity: 1;
  5542. color: rgb(29 78 216/var(--tw-text-opacity, 1))
  5543. }
  5544. .hover\:underline:hover {
  5545. text-decoration-line: underline
  5546. }
  5547. .dark\:bg-white\/5:is(.dark *) {
  5548. background-color: hsla(0, 0%, 100%, .05)
  5549. }
  5550. .dark\:text-white:is(.dark *) {
  5551. --tw-text-opacity: 1;
  5552. color: rgb(255 255 255/var(--tw-text-opacity, 1))
  5553. }
  5554. .dark\:ring-danger-600:is(.dark *) {
  5555. --tw-ring-opacity: 1;
  5556. --tw-ring-color: rgba(var(--danger-600), var(--tw-ring-opacity, 1))
  5557. }
  5558. .dark\:ring-white\/20:is(.dark *) {
  5559. --tw-ring-color: hsla(0, 0%, 100%, .2)
  5560. }
  5561. .dark\:invert:is(.dark *) {
  5562. --tw-invert: invert(100%);
  5563. filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  5564. }