filament-lexical-editor-styles.css 186KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281
  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, .clr-picker[data-inline=true] {
  17. display: flex
  18. }
  19. .clr-gradient, .clr-picker[data-inline=true] {
  20. position: relative
  21. }
  22. .clr-gradient {
  23. width: 100%;
  24. height: 100px;
  25. margin-bottom: 15px;
  26. border-radius: 3px 3px 0 0;
  27. background-image: linear-gradient(transparent, #000), linear-gradient(90deg, #fff, currentColor);
  28. cursor: pointer
  29. }
  30. .clr-marker {
  31. position: absolute;
  32. width: 12px;
  33. height: 12px;
  34. margin: -6px 0 0 -6px;
  35. border: 1px solid #fff;
  36. border-radius: 50%;
  37. background-color: currentColor;
  38. cursor: pointer
  39. }
  40. .clr-picker input[type=range]::-webkit-slider-runnable-track {
  41. width: 100%;
  42. height: 16px
  43. }
  44. .clr-picker input[type=range]::-webkit-slider-thumb {
  45. width: 16px;
  46. height: 16px;
  47. -webkit-appearance: none
  48. }
  49. .clr-picker input[type=range]::-moz-range-track {
  50. width: 100%;
  51. height: 16px;
  52. border: 0
  53. }
  54. .clr-picker input[type=range]::-moz-range-thumb {
  55. width: 16px;
  56. height: 16px;
  57. border: 0
  58. }
  59. .clr-hue {
  60. background-image: linear-gradient(90deg, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red)
  61. }
  62. .clr-alpha, .clr-hue {
  63. position: relative;
  64. width: calc(100% - 40px);
  65. height: 8px;
  66. margin: 5px 20px;
  67. border-radius: 4px
  68. }
  69. .clr-alpha span {
  70. display: block;
  71. height: 100%;
  72. width: 100%;
  73. border-radius: inherit;
  74. background-image: linear-gradient(90deg, transparent, currentColor)
  75. }
  76. .clr-alpha input[type=range], .clr-hue input[type=range] {
  77. position: absolute;
  78. width: calc(100% + 32px);
  79. height: 16px;
  80. left: -16px;
  81. top: -4px;
  82. margin: 0;
  83. background-color: transparent;
  84. opacity: 0;
  85. cursor: pointer;
  86. -moz-appearance: none;
  87. appearance: none;
  88. -webkit-appearance: none
  89. }
  90. .clr-alpha div, .clr-hue div {
  91. width: 16px;
  92. height: 16px;
  93. top: 50%;
  94. margin-left: -8px;
  95. transform: translateY(-50%);
  96. border: 2px solid #fff;
  97. box-shadow: 0 0 1px #888;
  98. pointer-events: none
  99. }
  100. .clr-alpha div, .clr-alpha div:before, .clr-hue div {
  101. position: absolute;
  102. left: 0;
  103. border-radius: 50%;
  104. background-color: currentColor
  105. }
  106. .clr-alpha div:before {
  107. content: "";
  108. height: 100%;
  109. width: 100%;
  110. top: 0
  111. }
  112. .clr-format {
  113. display: none;
  114. order: 1;
  115. width: calc(100% - 40px);
  116. margin: 0 20px 20px
  117. }
  118. .clr-segmented {
  119. display: flex;
  120. position: relative;
  121. width: 100%;
  122. margin: 0;
  123. padding: 0;
  124. border: 1px solid #ddd;
  125. border-radius: 15px;
  126. box-sizing: border-box;
  127. color: #999;
  128. font-size: 12px
  129. }
  130. .clr-segmented input, .clr-segmented legend {
  131. position: absolute;
  132. width: 100%;
  133. height: 100%;
  134. margin: 0;
  135. padding: 0;
  136. border: 0;
  137. left: 0;
  138. top: 0;
  139. opacity: 0;
  140. pointer-events: none
  141. }
  142. .clr-segmented label {
  143. flex-grow: 1;
  144. margin: 0;
  145. padding: 4px 0;
  146. font-size: inherit;
  147. font-weight: 400;
  148. line-height: normal;
  149. text-align: center;
  150. cursor: pointer
  151. }
  152. .clr-segmented label:first-of-type {
  153. border-radius: 10px 0 0 10px
  154. }
  155. .clr-segmented label:last-of-type {
  156. border-radius: 0 10px 10px 0
  157. }
  158. .clr-segmented input:checked+label {
  159. color: #fff;
  160. background-color: #666
  161. }
  162. .clr-swatches {
  163. order: 2;
  164. width: calc(100% - 32px);
  165. margin: 0 16px
  166. }
  167. .clr-swatches div {
  168. display: flex;
  169. flex-wrap: wrap;
  170. padding-bottom: 12px;
  171. justify-content: center
  172. }
  173. .clr-swatches button {
  174. position: relative;
  175. width: 20px;
  176. height: 20px;
  177. margin: 0 4px 6px;
  178. padding: 0;
  179. border: 0;
  180. border-radius: 50%;
  181. color: inherit;
  182. text-indent: -1000px;
  183. white-space: nowrap;
  184. overflow: hidden;
  185. cursor: pointer
  186. }
  187. .clr-swatches button:after {
  188. content: "";
  189. display: block;
  190. position: absolute;
  191. width: 100%;
  192. height: 100%;
  193. left: 0;
  194. top: 0;
  195. border-radius: inherit;
  196. background-color: currentColor;
  197. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
  198. }
  199. input.clr-color {
  200. order: 1;
  201. width: calc(100% - 80px);
  202. height: 32px;
  203. margin: 15px 20px 20px auto;
  204. padding: 0 10px;
  205. border: 1px solid #ddd;
  206. border-radius: 16px;
  207. color: #444;
  208. background-color: #fff;
  209. font-family: sans-serif;
  210. font-size: 14px;
  211. text-align: center;
  212. box-shadow: none
  213. }
  214. input.clr-color:focus {
  215. outline: none;
  216. border: 1px solid #1e90ff
  217. }
  218. .clr-clear, .clr-close {
  219. display: none;
  220. order: 2;
  221. height: 24px;
  222. margin: 0 20px 20px;
  223. padding: 0 20px;
  224. border: 0;
  225. border-radius: 12px;
  226. color: #fff;
  227. background-color: #666;
  228. font-family: inherit;
  229. font-size: 12px;
  230. font-weight: 400;
  231. cursor: pointer
  232. }
  233. .clr-close {
  234. display: block;
  235. margin: 0 20px 20px auto
  236. }
  237. .clr-preview {
  238. position: relative;
  239. width: 32px;
  240. height: 32px;
  241. margin: 15px 0 20px 20px;
  242. border-radius: 50%;
  243. overflow: hidden
  244. }
  245. .clr-preview:after, .clr-preview:before {
  246. content: "";
  247. position: absolute;
  248. height: 100%;
  249. width: 100%;
  250. left: 0;
  251. top: 0;
  252. border: 1px solid #fff;
  253. border-radius: 50%
  254. }
  255. .clr-preview:after {
  256. border: 0;
  257. background-color: currentColor;
  258. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
  259. }
  260. .clr-preview button {
  261. position: absolute;
  262. width: 100%;
  263. height: 100%;
  264. z-index: 1;
  265. margin: 0;
  266. padding: 0;
  267. border: 0;
  268. border-radius: 50%;
  269. outline-offset: -2px;
  270. background-color: transparent;
  271. text-indent: -9999px;
  272. cursor: pointer;
  273. overflow: hidden
  274. }
  275. .clr-alpha div, .clr-color, .clr-hue div, .clr-marker {
  276. box-sizing: border-box
  277. }
  278. .clr-field {
  279. display: inline-block;
  280. position: relative;
  281. color: transparent
  282. }
  283. .clr-field input {
  284. margin: 0;
  285. direction: ltr
  286. }
  287. .clr-field.clr-rtl input {
  288. text-align: right
  289. }
  290. .clr-field button {
  291. position: absolute;
  292. width: 30px;
  293. height: 100%;
  294. right: 0;
  295. top: 50%;
  296. transform: translateY(-50%);
  297. margin: 0;
  298. padding: 0;
  299. border: 0;
  300. color: inherit;
  301. text-indent: -1000px;
  302. white-space: nowrap;
  303. overflow: hidden;
  304. pointer-events: none
  305. }
  306. .clr-field.clr-rtl button {
  307. right: auto;
  308. left: 0
  309. }
  310. .clr-field button:after {
  311. content: "";
  312. display: block;
  313. position: absolute;
  314. width: 100%;
  315. height: 100%;
  316. left: 0;
  317. top: 0;
  318. border-radius: inherit;
  319. background-color: currentColor;
  320. box-shadow: inset 0 0 1px rgba(0, 0, 0, .5)
  321. }
  322. .clr-alpha, .clr-alpha div, .clr-field button, .clr-preview:before, .clr-swatches button {
  323. 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);
  324. background-position: 0 0, 4px 4px;
  325. background-size: 8px 8px
  326. }
  327. .clr-marker:focus {
  328. outline: none
  329. }
  330. .clr-keyboard-nav .clr-alpha input:focus+div, .clr-keyboard-nav .clr-hue input:focus+div, .clr-keyboard-nav .clr-marker:focus, .clr-keyboard-nav .clr-segmented input:focus+label {
  331. outline: none;
  332. box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff
  333. }
  334. .clr-picker[data-alpha=false] .clr-alpha {
  335. display: none
  336. }
  337. .clr-picker[data-minimal=true] {
  338. padding-top: 16px
  339. }
  340. .clr-picker[data-minimal=true] .clr-alpha, .clr-picker[data-minimal=true] .clr-color, .clr-picker[data-minimal=true] .clr-gradient, .clr-picker[data-minimal=true] .clr-hue, .clr-picker[data-minimal=true] .clr-preview {
  341. display: none
  342. }
  343. .clr-dark {
  344. background-color: #444
  345. }
  346. .clr-dark .clr-segmented {
  347. border-color: #777
  348. }
  349. .clr-dark .clr-swatches button:after {
  350. box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3)
  351. }
  352. .clr-dark input.clr-color {
  353. color: #fff;
  354. border-color: #777;
  355. background-color: #555
  356. }
  357. .clr-dark input.clr-color:focus {
  358. border-color: #1e90ff
  359. }
  360. .clr-dark .clr-preview:after {
  361. box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .5)
  362. }
  363. .clr-dark .clr-alpha, .clr-dark .clr-alpha div, .clr-dark .clr-preview:before, .clr-dark .clr-swatches button {
  364. 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)
  365. }
  366. .clr-picker.clr-polaroid {
  367. border-radius: 6px;
  368. box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 5px 30px rgba(0, 0, 0, .2)
  369. }
  370. .clr-picker.clr-polaroid:before {
  371. content: "";
  372. display: block;
  373. position: absolute;
  374. width: 16px;
  375. height: 10px;
  376. left: 20px;
  377. top: -10px;
  378. border: solid transparent;
  379. border-bottom: solid;
  380. border-width: 0 8px 10px;
  381. box-sizing: border-box;
  382. color: #fff;
  383. filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, .1));
  384. pointer-events: none
  385. }
  386. .clr-picker.clr-polaroid.clr-dark:before {
  387. color: #444
  388. }
  389. .clr-picker.clr-polaroid.clr-left:before {
  390. left: auto;
  391. right: 20px
  392. }
  393. .clr-picker.clr-polaroid.clr-top:before {
  394. top: auto;
  395. bottom: -10px;
  396. transform: rotate(180deg)
  397. }
  398. .clr-polaroid .clr-gradient {
  399. width: calc(100% - 20px);
  400. height: 120px;
  401. margin: 10px;
  402. border-radius: 3px
  403. }
  404. .clr-polaroid .clr-alpha, .clr-polaroid .clr-hue {
  405. width: calc(100% - 30px);
  406. height: 10px;
  407. margin: 6px 15px;
  408. border-radius: 5px
  409. }
  410. .clr-polaroid .clr-alpha div, .clr-polaroid .clr-hue div {
  411. box-shadow: 0 0 5px rgba(0, 0, 0, .2)
  412. }
  413. .clr-polaroid .clr-format {
  414. width: calc(100% - 20px);
  415. margin: 0 10px 15px
  416. }
  417. .clr-polaroid .clr-swatches {
  418. width: calc(100% - 12px);
  419. margin: 0 6px
  420. }
  421. .clr-polaroid .clr-swatches div {
  422. padding-bottom: 10px
  423. }
  424. .clr-polaroid .clr-swatches button {
  425. width: 22px;
  426. height: 22px
  427. }
  428. .clr-polaroid input.clr-color {
  429. width: calc(100% - 60px);
  430. margin: 10px 10px 15px auto
  431. }
  432. .clr-polaroid .clr-clear {
  433. margin: 0 10px 15px
  434. }
  435. .clr-polaroid .clr-close {
  436. margin: 0 10px 15px auto
  437. }
  438. .clr-polaroid .clr-preview {
  439. margin: 10px 0 15px 10px
  440. }
  441. .clr-picker.clr-large {
  442. width: 275px
  443. }
  444. .clr-large .clr-gradient {
  445. height: 150px
  446. }
  447. .clr-large .clr-swatches button {
  448. width: 22px;
  449. height: 22px
  450. }
  451. .clr-picker.clr-pill {
  452. width: 380px;
  453. padding-left: 180px;
  454. box-sizing: border-box
  455. }
  456. .clr-pill .clr-gradient {
  457. position: absolute;
  458. width: 180px;
  459. height: 100%;
  460. left: 0;
  461. top: 0;
  462. margin-bottom: 0;
  463. border-radius: 3px 0 0 3px
  464. }
  465. .clr-pill .clr-hue {
  466. margin-top: 20px
  467. }
  468. *, :after, :before {
  469. --tw-border-spacing-x: 0;
  470. --tw-border-spacing-y: 0;
  471. --tw-translate-x: 0;
  472. --tw-translate-y: 0;
  473. --tw-rotate: 0;
  474. --tw-skew-x: 0;
  475. --tw-skew-y: 0;
  476. --tw-scale-x: 1;
  477. --tw-scale-y: 1;
  478. --tw-pan-x: ;
  479. --tw-pan-y: ;
  480. --tw-pinch-zoom: ;
  481. --tw-scroll-snap-strictness: proximity;
  482. --tw-gradient-from-position: ;
  483. --tw-gradient-via-position: ;
  484. --tw-gradient-to-position: ;
  485. --tw-ordinal: ;
  486. --tw-slashed-zero: ;
  487. --tw-numeric-figure: ;
  488. --tw-numeric-spacing: ;
  489. --tw-numeric-fraction: ;
  490. --tw-ring-inset: ;
  491. --tw-ring-offset-width: 0px;
  492. --tw-ring-offset-color: #fff;
  493. --tw-ring-color: rgba(59, 130, 246, .5);
  494. --tw-ring-offset-shadow: 0 0 #0000;
  495. --tw-ring-shadow: 0 0 #0000;
  496. --tw-shadow: 0 0 #0000;
  497. --tw-shadow-colored: 0 0 #0000;
  498. --tw-blur: ;
  499. --tw-brightness: ;
  500. --tw-contrast: ;
  501. --tw-grayscale: ;
  502. --tw-hue-rotate: ;
  503. --tw-invert: ;
  504. --tw-saturate: ;
  505. --tw-sepia: ;
  506. --tw-drop-shadow: ;
  507. --tw-backdrop-blur: ;
  508. --tw-backdrop-brightness: ;
  509. --tw-backdrop-contrast: ;
  510. --tw-backdrop-grayscale: ;
  511. --tw-backdrop-hue-rotate: ;
  512. --tw-backdrop-invert: ;
  513. --tw-backdrop-opacity: ;
  514. --tw-backdrop-saturate: ;
  515. --tw-backdrop-sepia: ;
  516. --tw-contain-size: ;
  517. --tw-contain-layout: ;
  518. --tw-contain-paint: ;
  519. --tw-contain-style:
  520. }
  521. ::backdrop {
  522. --tw-border-spacing-x: 0;
  523. --tw-border-spacing-y: 0;
  524. --tw-translate-x: 0;
  525. --tw-translate-y: 0;
  526. --tw-rotate: 0;
  527. --tw-skew-x: 0;
  528. --tw-skew-y: 0;
  529. --tw-scale-x: 1;
  530. --tw-scale-y: 1;
  531. --tw-pan-x: ;
  532. --tw-pan-y: ;
  533. --tw-pinch-zoom: ;
  534. --tw-scroll-snap-strictness: proximity;
  535. --tw-gradient-from-position: ;
  536. --tw-gradient-via-position: ;
  537. --tw-gradient-to-position: ;
  538. --tw-ordinal: ;
  539. --tw-slashed-zero: ;
  540. --tw-numeric-figure: ;
  541. --tw-numeric-spacing: ;
  542. --tw-numeric-fraction: ;
  543. --tw-ring-inset: ;
  544. --tw-ring-offset-width: 0px;
  545. --tw-ring-offset-color: #fff;
  546. --tw-ring-color: rgba(59, 130, 246, .5);
  547. --tw-ring-offset-shadow: 0 0 #0000;
  548. --tw-ring-shadow: 0 0 #0000;
  549. --tw-shadow: 0 0 #0000;
  550. --tw-shadow-colored: 0 0 #0000;
  551. --tw-blur: ;
  552. --tw-brightness: ;
  553. --tw-contrast: ;
  554. --tw-grayscale: ;
  555. --tw-hue-rotate: ;
  556. --tw-invert: ;
  557. --tw-saturate: ;
  558. --tw-sepia: ;
  559. --tw-drop-shadow: ;
  560. --tw-backdrop-blur: ;
  561. --tw-backdrop-brightness: ;
  562. --tw-backdrop-contrast: ;
  563. --tw-backdrop-grayscale: ;
  564. --tw-backdrop-hue-rotate: ;
  565. --tw-backdrop-invert: ;
  566. --tw-backdrop-opacity: ;
  567. --tw-backdrop-saturate: ;
  568. --tw-backdrop-sepia: ;
  569. --tw-contain-size: ;
  570. --tw-contain-layout: ;
  571. --tw-contain-paint: ;
  572. --tw-contain-style:
  573. }
  574. /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
  575. *, :after, :before {
  576. box-sizing: border-box;
  577. border-width: 0;
  578. border-style: solid;
  579. border-color: rgba(var(--gray-200), 1)
  580. }
  581. :after, :before {
  582. --tw-content: ""
  583. }
  584. :host, html {
  585. line-height: 1.5;
  586. -webkit-text-size-adjust: 100%;
  587. -moz-tab-size: 4;
  588. -o-tab-size: 4;
  589. tab-size: 4;
  590. font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  591. font-feature-settings: normal;
  592. font-variation-settings: normal;
  593. -webkit-tap-highlight-color: transparent
  594. }
  595. body {
  596. margin: 0;
  597. line-height: inherit
  598. }
  599. hr {
  600. height: 0;
  601. color: inherit;
  602. border-top-width: 1px
  603. }
  604. abbr:where([title]) {
  605. -webkit-text-decoration: underline dotted;
  606. text-decoration: underline dotted
  607. }
  608. h1, h2, h3, h4, h5, h6 {
  609. font-size: inherit;
  610. font-weight: inherit
  611. }
  612. a {
  613. color: inherit;
  614. text-decoration: inherit
  615. }
  616. b, strong {
  617. font-weight: bolder
  618. }
  619. code, kbd, pre, samp {
  620. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  621. font-feature-settings: normal;
  622. font-variation-settings: normal;
  623. font-size: 1em
  624. }
  625. small {
  626. font-size: 80%
  627. }
  628. sub, sup {
  629. font-size: 75%;
  630. line-height: 0;
  631. position: relative;
  632. vertical-align: baseline
  633. }
  634. sub {
  635. bottom: -.25em
  636. }
  637. sup {
  638. top: -.5em
  639. }
  640. table {
  641. text-indent: 0;
  642. border-color: inherit;
  643. border-collapse: collapse
  644. }
  645. button, input, optgroup, select, textarea {
  646. font-family: inherit;
  647. font-feature-settings: inherit;
  648. font-variation-settings: inherit;
  649. font-size: 100%;
  650. font-weight: inherit;
  651. line-height: inherit;
  652. letter-spacing: inherit;
  653. color: inherit;
  654. margin: 0;
  655. padding: 0
  656. }
  657. button, select {
  658. text-transform: none
  659. }
  660. button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
  661. -webkit-appearance: button;
  662. background-color: transparent;
  663. background-image: none
  664. }
  665. :-moz-focusring {
  666. outline: auto
  667. }
  668. :-moz-ui-invalid {
  669. box-shadow: none
  670. }
  671. progress {
  672. vertical-align: baseline
  673. }
  674. ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  675. height: auto
  676. }
  677. [type=search] {
  678. -webkit-appearance: textfield;
  679. outline-offset: -2px
  680. }
  681. ::-webkit-search-decoration {
  682. -webkit-appearance: none
  683. }
  684. ::-webkit-file-upload-button {
  685. -webkit-appearance: button;
  686. font: inherit
  687. }
  688. summary {
  689. display: list-item
  690. }
  691. blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  692. margin: 0
  693. }
  694. fieldset {
  695. margin: 0
  696. }
  697. fieldset, legend {
  698. padding: 0
  699. }
  700. menu, ol, ul {
  701. list-style: none;
  702. margin: 0;
  703. padding: 0
  704. }
  705. dialog {
  706. padding: 0
  707. }
  708. textarea {
  709. resize: vertical
  710. }
  711. input::-moz-placeholder, textarea::-moz-placeholder {
  712. opacity: 1;
  713. color: rgba(var(--gray-400), 1)
  714. }
  715. input::placeholder, textarea::placeholder {
  716. opacity: 1;
  717. color: rgba(var(--gray-400), 1)
  718. }
  719. [role=button], button {
  720. cursor: pointer
  721. }
  722. :disabled {
  723. cursor: default
  724. }
  725. audio, canvas, embed, iframe, img, object, svg, video {
  726. display: block;
  727. vertical-align: middle
  728. }
  729. img, video {
  730. max-width: 100%;
  731. height: auto
  732. }
  733. [hidden]:where(:not([hidden=until-found])) {
  734. display: none
  735. }
  736. [multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:where(:not([type])), select, textarea {
  737. -webkit-appearance: none;
  738. -moz-appearance: none;
  739. appearance: none;
  740. background-color: #fff;
  741. border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
  742. border-width: 1px;
  743. border-radius: 0;
  744. padding: .5rem .75rem;
  745. font-size: 1rem;
  746. line-height: 1.5rem;
  747. --tw-shadow: 0 0 #0000
  748. }
  749. [multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:where(:not([type])):focus, select:focus, textarea:focus {
  750. outline: 2px solid transparent;
  751. outline-offset: 2px;
  752. --tw-ring-inset: var(--tw-empty,
  753. /*!*/
  754. /*!*/
  755. );
  756. --tw-ring-offset-width: 0px;
  757. --tw-ring-offset-color: #fff;
  758. --tw-ring-color: #2563eb;
  759. --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  760. --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  761. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  762. border-color: #2563eb
  763. }
  764. input::-moz-placeholder, textarea::-moz-placeholder {
  765. color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
  766. opacity: 1
  767. }
  768. input::placeholder, textarea::placeholder {
  769. color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
  770. opacity: 1
  771. }
  772. ::-webkit-datetime-edit-fields-wrapper {
  773. padding: 0
  774. }
  775. ::-webkit-date-and-time-value {
  776. min-height: 1.5em;
  777. text-align: inherit
  778. }
  779. ::-webkit-datetime-edit {
  780. display: inline-flex
  781. }
  782. ::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field {
  783. padding-top: 0;
  784. padding-bottom: 0
  785. }
  786. select {
  787. 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");
  788. background-position: right .5rem center;
  789. background-repeat: no-repeat;
  790. background-size: 1.5em 1.5em;
  791. padding-right: 2.5rem;
  792. -webkit-print-color-adjust: exact;
  793. print-color-adjust: exact
  794. }
  795. [multiple], [size]:where(select:not([size="1"])) {
  796. background-image: none;
  797. background-position: 0 0;
  798. background-repeat: unset;
  799. background-size: initial;
  800. padding-right: .75rem;
  801. -webkit-print-color-adjust: unset;
  802. print-color-adjust: unset
  803. }
  804. [type=checkbox], [type=radio] {
  805. -webkit-appearance: none;
  806. -moz-appearance: none;
  807. appearance: none;
  808. padding: 0;
  809. -webkit-print-color-adjust: exact;
  810. print-color-adjust: exact;
  811. display: inline-block;
  812. vertical-align: middle;
  813. background-origin: border-box;
  814. -webkit-user-select: none;
  815. -moz-user-select: none;
  816. user-select: none;
  817. flex-shrink: 0;
  818. height: 1rem;
  819. width: 1rem;
  820. color: #2563eb;
  821. background-color: #fff;
  822. border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
  823. border-width: 1px;
  824. --tw-shadow: 0 0 #0000
  825. }
  826. [type=checkbox] {
  827. border-radius: 0
  828. }
  829. [type=radio] {
  830. border-radius: 100%
  831. }
  832. [type=checkbox]:focus, [type=radio]:focus {
  833. outline: 2px solid transparent;
  834. outline-offset: 2px;
  835. --tw-ring-inset: var(--tw-empty,
  836. /*!*/
  837. /*!*/
  838. );
  839. --tw-ring-offset-width: 2px;
  840. --tw-ring-offset-color: #fff;
  841. --tw-ring-color: #2563eb;
  842. --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  843. --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  844. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  845. }
  846. [type=checkbox]:checked, [type=radio]:checked {
  847. border-color: transparent;
  848. background-color: currentColor;
  849. background-size: 100% 100%;
  850. background-position: 50%;
  851. background-repeat: no-repeat
  852. }
  853. [type=checkbox]:checked {
  854. 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")
  855. }
  856. @media (forced-colors:active) {
  857. [type=checkbox]:checked {
  858. -webkit-appearance: auto;
  859. -moz-appearance: auto;
  860. appearance: auto
  861. }
  862. }
  863. [type=radio]:checked {
  864. 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")
  865. }
  866. @media (forced-colors:active) {
  867. [type=radio]:checked {
  868. -webkit-appearance: auto;
  869. -moz-appearance: auto;
  870. appearance: auto
  871. }
  872. }
  873. [type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=radio]:checked:focus, [type=radio]:checked:hover {
  874. border-color: transparent;
  875. background-color: currentColor
  876. }
  877. [type=checkbox]:indeterminate {
  878. 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");
  879. border-color: transparent;
  880. background-color: currentColor;
  881. background-size: 100% 100%;
  882. background-position: 50%;
  883. background-repeat: no-repeat
  884. }
  885. @media (forced-colors:active) {
  886. [type=checkbox]:indeterminate {
  887. -webkit-appearance: auto;
  888. -moz-appearance: auto;
  889. appearance: auto
  890. }
  891. }
  892. [type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover {
  893. border-color: transparent;
  894. background-color: currentColor
  895. }
  896. [type=file] {
  897. background: unset;
  898. border-color: inherit;
  899. border-width: 0;
  900. border-radius: 0;
  901. padding: 0;
  902. font-size: unset;
  903. line-height: inherit
  904. }
  905. [type=file]:focus {
  906. outline: 1px solid ButtonText;
  907. outline: 1px auto -webkit-focus-ring-color
  908. }
  909. .visible {
  910. visibility: visible
  911. }
  912. .relative {
  913. position: relative
  914. }
  915. .ms-2 {
  916. margin-inline-start: .5rem
  917. }
  918. .ms-auto {
  919. margin-inline-start: auto
  920. }
  921. .block {
  922. display: block
  923. }
  924. .flex {
  925. display: flex
  926. }
  927. .hidden {
  928. display: none
  929. }
  930. .h-1 {
  931. height: .25rem
  932. }
  933. .h-11 {
  934. height: 2.75rem
  935. }
  936. .w-1 {
  937. width: .25rem
  938. }
  939. .w-16 {
  940. width: 4rem
  941. }
  942. .w-52 {
  943. width: 13rem
  944. }
  945. .w-8 {
  946. width: 2rem
  947. }
  948. .w-96 {
  949. width: 24rem
  950. }
  951. .w-full {
  952. width: 100%
  953. }
  954. .flex-1 {
  955. flex: 1 1 0%
  956. }
  957. .flex-grow {
  958. flex-grow: 1
  959. }
  960. .flex-wrap {
  961. flex-wrap: wrap
  962. }
  963. .gap-1 {
  964. gap: .25rem
  965. }
  966. .overflow-hidden {
  967. overflow: hidden
  968. }
  969. .text-ellipsis {
  970. text-overflow: ellipsis
  971. }
  972. .whitespace-nowrap {
  973. white-space: nowrap
  974. }
  975. .break-words {
  976. overflow-wrap: break-word
  977. }
  978. .rounded-md {
  979. border-radius: .375rem
  980. }
  981. .bg-white {
  982. --tw-bg-opacity: 1;
  983. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  984. }
  985. .p-2 {
  986. padding: .5rem
  987. }
  988. .py-1 {
  989. padding-top: .25rem;
  990. padding-bottom: .25rem
  991. }
  992. .py-3 {
  993. padding-top: .75rem;
  994. padding-bottom: .75rem
  995. }
  996. .ps-3 {
  997. padding-inline-start: .75rem
  998. }
  999. .pt-2 {
  1000. padding-top: .5rem
  1001. }
  1002. .align-middle {
  1003. vertical-align: middle
  1004. }
  1005. .uppercase {
  1006. text-transform: uppercase
  1007. }
  1008. .lowercase {
  1009. text-transform: lowercase
  1010. }
  1011. .capitalize {
  1012. text-transform: capitalize
  1013. }
  1014. .italic {
  1015. font-style: italic
  1016. }
  1017. .text-blue-500 {
  1018. --tw-text-opacity: 1;
  1019. color: rgb(59 130 246/var(--tw-text-opacity, 1))
  1020. }
  1021. .text-gray-950 {
  1022. --tw-text-opacity: 1;
  1023. color: rgba(var(--gray-950), var(--tw-text-opacity, 1))
  1024. }
  1025. .underline {
  1026. text-decoration-line: underline
  1027. }
  1028. .shadow-sm {
  1029. --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  1030. --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  1031. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  1032. }
  1033. .ring-1 {
  1034. --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  1035. --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  1036. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  1037. }
  1038. .ring-danger-600 {
  1039. --tw-ring-opacity: 1;
  1040. --tw-ring-color: rgba(var(--danger-600), var(--tw-ring-opacity, 1))
  1041. }
  1042. .ring-gray-950\/10 {
  1043. --tw-ring-color: rgba(var(--gray-950), 0.1)
  1044. }
  1045. .editor header {
  1046. max-width: 580px;
  1047. margin: auto;
  1048. position: relative;
  1049. display: flex;
  1050. justify-content: center
  1051. }
  1052. .editor header a {
  1053. max-width: 220px;
  1054. margin: 20px 0 0;
  1055. display: block
  1056. }
  1057. .editor header img {
  1058. display: block;
  1059. height: 100%;
  1060. width: 100%
  1061. }
  1062. .editor header h1 {
  1063. text-align: left;
  1064. color: #333;
  1065. display: inline-block;
  1066. margin: 20px 0 0
  1067. }
  1068. .editor-shell {
  1069. border: 1px solid #d3d3d3;
  1070. border-radius: 5px;
  1071. width: 100%;
  1072. position: relative;
  1073. line-height: 1.7;
  1074. font-weight: 400
  1075. }
  1076. .editor-shell .editor-container {
  1077. position: relative;
  1078. display: block;
  1079. border-bottom-left-radius: 10px;
  1080. border-bottom-right-radius: 10px
  1081. }
  1082. .editor-shell .editor-container.tree-view {
  1083. border-radius: 0
  1084. }
  1085. .editor-shell .editor-container.plain-text {
  1086. border-top-left-radius: 10px;
  1087. border-top-right-radius: 10px
  1088. }
  1089. .editor-scroller {
  1090. min-height: 300px;
  1091. border: 0;
  1092. display: flex;
  1093. outline: 0;
  1094. z-index: 0
  1095. }
  1096. .editor, .editor-scroller {
  1097. max-width: 100%;
  1098. position: relative;
  1099. resize: vertical
  1100. }
  1101. .editor {
  1102. flex: auto;
  1103. min-height: 100%;
  1104. padding: 5px;
  1105. z-index: -1
  1106. }
  1107. .test-recorder-output {
  1108. margin: 20px auto;
  1109. width: 100%
  1110. }
  1111. .editor pre {
  1112. line-height: 1.1;
  1113. margin: 0;
  1114. padding: 10px;
  1115. overflow: auto;
  1116. max-height: 400px
  1117. }
  1118. .editor pre, .tree-view-output {
  1119. background: #222;
  1120. color: #fff;
  1121. font-size: 12px
  1122. }
  1123. .tree-view-output {
  1124. display: block;
  1125. padding: 0;
  1126. margin: 1px auto 10px;
  1127. position: relative;
  1128. overflow: hidden;
  1129. border-bottom-left-radius: 10px;
  1130. border-bottom-right-radius: 10px
  1131. }
  1132. .editor pre::-webkit-scrollbar {
  1133. background: transparent;
  1134. width: 10px
  1135. }
  1136. .editor pre::-webkit-scrollbar-thumb {
  1137. background: #999
  1138. }
  1139. .editor-dev-button {
  1140. position: relative;
  1141. display: block;
  1142. width: 40px;
  1143. height: 40px;
  1144. font-size: 12px;
  1145. border-radius: 20px;
  1146. border: none;
  1147. cursor: pointer;
  1148. outline: none;
  1149. box-shadow: 0 1px 10px #0000004d;
  1150. background-color: #444
  1151. }
  1152. .editor-dev-button:after {
  1153. content: "";
  1154. position: absolute;
  1155. top: 10px;
  1156. right: 10px;
  1157. bottom: 10px;
  1158. left: 10px;
  1159. display: block;
  1160. background-size: contain;
  1161. filter: invert(1)
  1162. }
  1163. .editor-dev-button:hover {
  1164. background-color: #555
  1165. }
  1166. .editor-dev-button.active {
  1167. background-color: #e92323
  1168. }
  1169. .test-recorder-toolbar {
  1170. display: flex
  1171. }
  1172. .test-recorder-button {
  1173. position: relative;
  1174. display: block;
  1175. width: 32px;
  1176. height: 32px;
  1177. font-size: 10px;
  1178. padding: 6px;
  1179. border-radius: 4px;
  1180. border: none;
  1181. cursor: pointer;
  1182. outline: none;
  1183. box-shadow: 1px 2px 2px #0006;
  1184. background-color: #222;
  1185. transition: box-shadow 50ms ease-out
  1186. }
  1187. .test-recorder-button:active {
  1188. box-shadow: 1px 2px 4px #0006
  1189. }
  1190. .test-recorder-button+.test-recorder-button {
  1191. margin-left: 4px
  1192. }
  1193. .test-recorder-button:after {
  1194. content: "";
  1195. position: absolute;
  1196. top: 8px;
  1197. right: 8px;
  1198. bottom: 8px;
  1199. left: 8px;
  1200. display: block;
  1201. background-size: contain;
  1202. filter: invert(1)
  1203. }
  1204. #options-button {
  1205. position: fixed;
  1206. left: 20px;
  1207. bottom: 20px
  1208. }
  1209. #test-recorder-button {
  1210. position: fixed;
  1211. left: 70px;
  1212. bottom: 20px
  1213. }
  1214. #paste-log-button {
  1215. position: fixed;
  1216. left: 120px;
  1217. bottom: 20px
  1218. }
  1219. #docs-button {
  1220. position: fixed;
  1221. left: 170px;
  1222. bottom: 20px
  1223. }
  1224. #options-button:after {
  1225. 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")
  1226. }
  1227. #test-recorder-button:after {
  1228. 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")
  1229. }
  1230. #paste-log-button:after {
  1231. 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")
  1232. }
  1233. #docs-button:after {
  1234. 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")
  1235. }
  1236. #test-recorder-button-snapshot {
  1237. margin-right: auto
  1238. }
  1239. #test-recorder-button-snapshot:after {
  1240. 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")
  1241. }
  1242. #test-recorder-button-copy:after {
  1243. 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")
  1244. }
  1245. #test-recorder-button-download:after {
  1246. 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")
  1247. }
  1248. .typeahead-popover {
  1249. background: #fff;
  1250. box-shadow: 0 5px 10px #0000004d;
  1251. border-radius: 8px;
  1252. position: fixed
  1253. }
  1254. .typeahead-popover ul {
  1255. padding: 0;
  1256. list-style: none;
  1257. margin: 0;
  1258. border-radius: 8px;
  1259. max-height: 200px;
  1260. overflow-y: scroll
  1261. }
  1262. .typeahead-popover ul::-webkit-scrollbar {
  1263. display: none
  1264. }
  1265. .typeahead-popover ul {
  1266. -ms-overflow-style: none;
  1267. scrollbar-width: none
  1268. }
  1269. .typeahead-popover ul li {
  1270. margin: 0;
  1271. min-width: 180px;
  1272. font-size: 14px;
  1273. outline: none;
  1274. cursor: pointer;
  1275. border-radius: 8px
  1276. }
  1277. .typeahead-popover ul li.selected {
  1278. background: #eee
  1279. }
  1280. .typeahead-popover li {
  1281. margin: 0 8px;
  1282. padding: 8px;
  1283. color: #050505;
  1284. cursor: pointer;
  1285. line-height: 16px;
  1286. font-size: 15px;
  1287. display: flex;
  1288. align-content: center;
  1289. flex-direction: row;
  1290. flex-shrink: 0;
  1291. background-color: #fff;
  1292. border-radius: 8px;
  1293. border: 0
  1294. }
  1295. .typeahead-popover li.active {
  1296. display: flex;
  1297. width: 20px;
  1298. height: 20px;
  1299. background-size: contain
  1300. }
  1301. .typeahead-popover li:first-child {
  1302. border-radius: 8px 8px 0 0
  1303. }
  1304. .typeahead-popover li:last-child {
  1305. border-radius: 0 0 8px 8px
  1306. }
  1307. .typeahead-popover li:hover {
  1308. background-color: #eee
  1309. }
  1310. .typeahead-popover li .text {
  1311. display: flex;
  1312. line-height: 20px;
  1313. flex-grow: 1;
  1314. min-width: 150px
  1315. }
  1316. .typeahead-popover li .icon {
  1317. display: flex;
  1318. width: 20px;
  1319. height: 20px;
  1320. -webkit-user-select: none;
  1321. -moz-user-select: none;
  1322. user-select: none;
  1323. margin-right: 8px;
  1324. line-height: 16px;
  1325. background-size: contain;
  1326. background-repeat: no-repeat;
  1327. background-position: 50%
  1328. }
  1329. .component-picker-menu {
  1330. width: 200px
  1331. }
  1332. .mentions-menu {
  1333. width: 250px
  1334. }
  1335. .auto-embed-menu {
  1336. width: 150px
  1337. }
  1338. .emoji-menu {
  1339. width: 200px
  1340. }
  1341. i.palette {
  1342. 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")
  1343. }
  1344. i.bucket {
  1345. 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")
  1346. }
  1347. i.bold {
  1348. 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")
  1349. }
  1350. i.italic {
  1351. 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")
  1352. }
  1353. i.clear {
  1354. 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")
  1355. }
  1356. i.code {
  1357. 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")
  1358. }
  1359. i.underline {
  1360. 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")
  1361. }
  1362. i.uppercase {
  1363. 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")
  1364. }
  1365. i.lowercase {
  1366. 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")
  1367. }
  1368. i.capitalize {
  1369. 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")
  1370. }
  1371. i.strikethrough {
  1372. 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")
  1373. }
  1374. i.subscript {
  1375. 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")
  1376. }
  1377. i.superscript {
  1378. 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")
  1379. }
  1380. i.link {
  1381. 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")
  1382. }
  1383. i.horizontal-rule {
  1384. 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")
  1385. }
  1386. .icon.plus {
  1387. 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")
  1388. }
  1389. .icon.caret-right {
  1390. 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")
  1391. }
  1392. .icon.dropdown-more {
  1393. 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")
  1394. }
  1395. .icon.font-color {
  1396. 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");
  1397. padding: 2px;
  1398. background-origin: content-box;
  1399. background-repeat: no-repeat
  1400. }
  1401. .icon.bg-color {
  1402. 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")
  1403. }
  1404. .icon.table {
  1405. background-color: #6c757d;
  1406. 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");
  1407. -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");
  1408. mask-repeat: no-repeat;
  1409. -webkit-mask-repeat: no-repeat;
  1410. mask-size: contain;
  1411. -webkit-mask-size: contain
  1412. }
  1413. i.image {
  1414. 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")
  1415. }
  1416. i.edit {
  1417. 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");
  1418. background-repeat: no-repeat
  1419. }
  1420. .image-editor-button {
  1421. display: none
  1422. }
  1423. .image-span:has(.focused)>.image-editor-button {
  1424. display: inherit
  1425. }
  1426. i.table {
  1427. 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")
  1428. }
  1429. i.close {
  1430. 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")
  1431. }
  1432. i.figma {
  1433. 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")
  1434. }
  1435. i.poll {
  1436. 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")
  1437. }
  1438. i.columns {
  1439. 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")
  1440. }
  1441. i.tweet {
  1442. 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")
  1443. }
  1444. i.youtube {
  1445. 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")
  1446. }
  1447. .icon.left-align, i.left-align {
  1448. 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")
  1449. }
  1450. .icon.center-align, i.center-align {
  1451. 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")
  1452. }
  1453. .icon.right-align, i.right-align {
  1454. 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")
  1455. }
  1456. .icon.justify-align, i.justify-align {
  1457. 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")
  1458. }
  1459. i.indent {
  1460. 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")
  1461. }
  1462. i.markdown {
  1463. 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")
  1464. }
  1465. i.outdent {
  1466. 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")
  1467. }
  1468. i.undo {
  1469. 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")
  1470. }
  1471. i.redo {
  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-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")
  1473. }
  1474. i.sticky {
  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-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")
  1476. }
  1477. i.mic {
  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-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")
  1479. }
  1480. i.import {
  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-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")
  1482. }
  1483. i.export {
  1484. 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")
  1485. }
  1486. i.share {
  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-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")
  1488. }
  1489. i.diagram-2 {
  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-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")
  1491. }
  1492. i.user {
  1493. 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")
  1494. }
  1495. i.equation {
  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-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")
  1497. }
  1498. i.gif {
  1499. 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")
  1500. }
  1501. i.copy {
  1502. 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")
  1503. }
  1504. i.success {
  1505. 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")
  1506. }
  1507. i.prettier {
  1508. 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")
  1509. }
  1510. i.prettier-error {
  1511. 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")
  1512. }
  1513. .icon.page-break, i.page-break {
  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-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")
  1515. }
  1516. .link-editor .button.active, .toolbar .button.active {
  1517. background-color: #b7ccfb
  1518. }
  1519. .link-input {
  1520. width: calc(100% - 75px);
  1521. box-sizing: border-box;
  1522. margin: 12px;
  1523. padding: 8px 12px;
  1524. border-radius: 10px;
  1525. background-color: #eee;
  1526. border: 0
  1527. }
  1528. .link-input, .link-view {
  1529. display: block;
  1530. font-size: 15px;
  1531. color: #050505;
  1532. outline: 0;
  1533. position: relative;
  1534. font-family: inherit
  1535. }
  1536. .link-view {
  1537. width: calc(100% - 24px);
  1538. padding: 16px 24px;
  1539. border-radius: 15px;
  1540. border: 0
  1541. }
  1542. .link-view a {
  1543. display: block;
  1544. word-break: break-word;
  1545. width: calc(100% - 33px)
  1546. }
  1547. .link-edit {
  1548. 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")
  1549. }
  1550. .link-edit, .link-trash {
  1551. background-size: 16px;
  1552. background-position: 50%;
  1553. background-repeat: no-repeat;
  1554. width: 35px;
  1555. height: 35px;
  1556. align-self: center;
  1557. cursor: pointer
  1558. }
  1559. .link-trash {
  1560. 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")
  1561. }
  1562. .link-cancel {
  1563. 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")
  1564. }
  1565. .link-cancel, .link-confirm {
  1566. background-size: 16px;
  1567. background-position: 50%;
  1568. background-repeat: no-repeat;
  1569. width: 35px;
  1570. height: 35px;
  1571. align-self: center;
  1572. cursor: pointer
  1573. }
  1574. .link-confirm {
  1575. 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")
  1576. }
  1577. .link-view a {
  1578. color: #216fdb;
  1579. white-space: nowrap;
  1580. overflow: hidden;
  1581. margin-right: 30px;
  1582. text-overflow: ellipsis
  1583. }
  1584. .editor ul ul {
  1585. list-style-type: circle !important
  1586. }
  1587. .editor ul ul ul {
  1588. list-style-type: square !important
  1589. }
  1590. .editor ul ul ul ul {
  1591. list-style-type: disc !important
  1592. }
  1593. .editor ul ul ul ul ul {
  1594. list-style-type: circle !important
  1595. }
  1596. .editor ul ul ul ul ul ul {
  1597. list-style-type: square !important
  1598. }
  1599. .link-view a:hover {
  1600. text-decoration: underline
  1601. }
  1602. .mention:focus {
  1603. box-shadow: 0 0 0 2px #b4d5ff;
  1604. outline: none
  1605. }
  1606. .characters-limit {
  1607. color: #888;
  1608. font-size: 12px;
  1609. text-align: right;
  1610. display: block;
  1611. position: absolute;
  1612. left: 12px;
  1613. bottom: 5px
  1614. }
  1615. .characters-limit.characters-limit-exceeded {
  1616. color: red
  1617. }
  1618. .dropdown {
  1619. z-index: 100;
  1620. box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80;
  1621. border-radius: 8px;
  1622. min-height: 40px;
  1623. --tw-bg-opacity: 1;
  1624. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  1625. }
  1626. .dropdown:is(.dark *) {
  1627. --tw-bg-opacity: 1;
  1628. background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
  1629. }
  1630. .clr-picker:is(.dark *) {
  1631. --tw-bg-opacity: 1;
  1632. background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
  1633. }
  1634. input.clr-color:is(.dark *) {
  1635. background-color: hsla(0, 0%, 100%, .05);
  1636. --tw-text-opacity: 1;
  1637. color: rgb(255 255 255/var(--tw-text-opacity, 1))
  1638. }
  1639. .dropdown .item {
  1640. margin: 0 8px;
  1641. padding: 8px;
  1642. color: #050505;
  1643. cursor: pointer;
  1644. line-height: 16px;
  1645. font-size: 15px;
  1646. display: flex;
  1647. align-content: center;
  1648. flex-direction: row;
  1649. flex-shrink: 0;
  1650. justify-content: space-between;
  1651. background-color: #fff;
  1652. border-radius: 8px;
  1653. border: 0;
  1654. max-width: 250px;
  1655. min-width: 100px
  1656. }
  1657. .dropdown .item.wide {
  1658. align-items: center;
  1659. width: 248px
  1660. }
  1661. .dropdown .item.wide .icon-text-container {
  1662. display: flex
  1663. }
  1664. .dropdown .item.wide .icon-text-container .text {
  1665. min-width: 120px
  1666. }
  1667. .dropdown .item .shortcut {
  1668. color: #939393;
  1669. align-self: flex-end
  1670. }
  1671. .dropdown .item .active {
  1672. display: flex;
  1673. width: 20px;
  1674. height: 20px;
  1675. background-size: contain
  1676. }
  1677. .dropdown .item:first-child {
  1678. margin-top: 8px
  1679. }
  1680. .dropdown .item:last-child {
  1681. margin-bottom: 8px
  1682. }
  1683. .dropdown .item:hover {
  1684. background-color: #eee
  1685. }
  1686. .dropdown .item .text {
  1687. display: flex;
  1688. line-height: 20px;
  1689. flex-grow: 1;
  1690. min-width: 150px
  1691. }
  1692. .dropdown .item .icon {
  1693. display: flex;
  1694. width: 20px;
  1695. height: 20px;
  1696. -webkit-user-select: none;
  1697. -moz-user-select: none;
  1698. user-select: none;
  1699. margin-right: 12px;
  1700. line-height: 16px;
  1701. background-size: contain;
  1702. background-position: 50%;
  1703. background-repeat: no-repeat
  1704. }
  1705. .dropdown .divider {
  1706. width: auto;
  1707. background-color: #eee;
  1708. margin: 4px 8px;
  1709. height: 1px
  1710. }
  1711. @media screen and (max-width:1100px) {
  1712. .dropdown-button-text {
  1713. display: none !important
  1714. }
  1715. .code-language .dropdown-button-text, .dialog-dropdown>.dropdown-button-text, .font-size .dropdown-button-text {
  1716. display: flex !important
  1717. }
  1718. }
  1719. .icon.paragraph {
  1720. 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")
  1721. }
  1722. .icon.h1 {
  1723. 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")
  1724. }
  1725. .icon.h2 {
  1726. 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")
  1727. }
  1728. .icon.h3 {
  1729. 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")
  1730. }
  1731. .icon.h4 {
  1732. 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")
  1733. }
  1734. .icon.h5 {
  1735. 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")
  1736. }
  1737. .icon.h6 {
  1738. 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")
  1739. }
  1740. .icon.bullet, .icon.bullet-list {
  1741. 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")
  1742. }
  1743. .icon.check, .icon.check-list {
  1744. 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")
  1745. }
  1746. .icon.number, .icon.numbered-list {
  1747. 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")
  1748. }
  1749. .icon.quote {
  1750. 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")
  1751. }
  1752. .icon.code {
  1753. 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")
  1754. }
  1755. .switches {
  1756. z-index: 6;
  1757. position: fixed;
  1758. left: 10px;
  1759. bottom: 70px;
  1760. animation: slide-in .4s ease
  1761. }
  1762. @keyframes slide-in {
  1763. 0% {
  1764. opacity: 0;
  1765. transform: translate(-200px)
  1766. }
  1767. to {
  1768. opacity: 1;
  1769. transform: translate(0)
  1770. }
  1771. }
  1772. .switch {
  1773. display: block;
  1774. color: #444;
  1775. margin: 5px 0;
  1776. background-color: #eeeeeeb3;
  1777. padding: 5px 10px;
  1778. border-radius: 10px
  1779. }
  1780. #rich-text-switch {
  1781. right: 0
  1782. }
  1783. #character-count-switch {
  1784. right: 130px
  1785. }
  1786. .switch label {
  1787. margin-right: 5px;
  1788. line-height: 24px;
  1789. width: 100px;
  1790. font-size: 14px
  1791. }
  1792. .switch button, .switch label {
  1793. display: inline-block;
  1794. vertical-align: middle
  1795. }
  1796. .switch button {
  1797. background-color: #ced0d4;
  1798. height: 24px;
  1799. box-sizing: border-box;
  1800. border-radius: 12px;
  1801. width: 44px;
  1802. position: relative;
  1803. outline: none;
  1804. cursor: pointer;
  1805. transition: background-color .1s;
  1806. border: 2px solid transparent
  1807. }
  1808. .switch button:focus-visible {
  1809. border-color: #00f
  1810. }
  1811. .switch button span {
  1812. top: 0;
  1813. left: 0;
  1814. display: block;
  1815. position: absolute;
  1816. width: 20px;
  1817. height: 20px;
  1818. border-radius: 12px;
  1819. background-color: #fff;
  1820. transition: transform .2s
  1821. }
  1822. .switch button[aria-checked=true] {
  1823. background-color: #1877f2
  1824. }
  1825. .switch button[aria-checked=true] span {
  1826. transform: translate(20px)
  1827. }
  1828. .editor-shell span.lexical__editor-image {
  1829. cursor: default;
  1830. display: inline-block;
  1831. position: relative;
  1832. -webkit-user-select: none;
  1833. -moz-user-select: none;
  1834. user-select: none
  1835. }
  1836. .editor-shell .lexical__editor-image img {
  1837. max-width: 100%;
  1838. cursor: default
  1839. }
  1840. .editor-shell .lexical__editor-image img.focused {
  1841. outline: 2px solid #3c84f4;
  1842. -webkit-user-select: none;
  1843. -moz-user-select: none;
  1844. user-select: none
  1845. }
  1846. .editor-shell .lexical__editor-image img.focused.draggable {
  1847. cursor: grab
  1848. }
  1849. .editor-shell .lexical__editor-image img.focused.draggable:active {
  1850. cursor: grabbing
  1851. }
  1852. .editor-shell .lexical__editor-image .image-caption-container .tree-view-output {
  1853. margin: 0;
  1854. border-radius: 0
  1855. }
  1856. .editor-shell .lexical__editor-image .image-caption-container {
  1857. display: block;
  1858. position: absolute;
  1859. bottom: 4px;
  1860. left: 0;
  1861. right: 0;
  1862. padding: 0;
  1863. margin: 0;
  1864. border-top: 1px solid #fff;
  1865. background-color: #ffffffe6;
  1866. min-width: 100px;
  1867. color: #000;
  1868. overflow: hidden
  1869. }
  1870. .editor-shell .lexical__editor-image .image-caption-button {
  1871. display: block;
  1872. position: absolute;
  1873. bottom: 20px;
  1874. left: 0;
  1875. right: 0;
  1876. width: 30%;
  1877. padding: 10px;
  1878. margin: 0 auto;
  1879. border: 1px solid hsla(0, 0%, 100%, .3);
  1880. border-radius: 5px;
  1881. background-color: #00000080;
  1882. min-width: 100px;
  1883. color: #fff;
  1884. cursor: pointer;
  1885. -webkit-user-select: none;
  1886. -moz-user-select: none;
  1887. user-select: none
  1888. }
  1889. .editor-shell .lexical__editor-image .image-caption-button:hover {
  1890. background-color: #3c84f480
  1891. }
  1892. .editor-shell .lexical__editor-image .image-edit-button {
  1893. border: 1px solid rgba(0, 0, 0, .3);
  1894. border-radius: 5px;
  1895. 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");
  1896. background-size: 16px;
  1897. background-position: 50%;
  1898. background-repeat: no-repeat;
  1899. width: 35px;
  1900. height: 35px;
  1901. vertical-align: -.25em;
  1902. position: absolute;
  1903. right: 4px;
  1904. top: 4px;
  1905. cursor: pointer;
  1906. -webkit-user-select: none;
  1907. -moz-user-select: none;
  1908. user-select: none
  1909. }
  1910. .editor-shell .lexical__editor-image .image-edit-button:hover {
  1911. background-color: #3c84f41a
  1912. }
  1913. .editor-shell .lexical__editor-image .image-resizer {
  1914. display: block;
  1915. width: 7px;
  1916. height: 7px;
  1917. position: absolute;
  1918. background-color: #3c84f4;
  1919. border: 1px solid #fff
  1920. }
  1921. .editor-shell .lexical__editor-image .image-resizer.image-resizer-n {
  1922. top: -6px;
  1923. left: 48%;
  1924. cursor: n-resize
  1925. }
  1926. .editor-shell .lexical__editor-image .image-resizer.image-resizer-ne {
  1927. top: -6px;
  1928. right: -6px;
  1929. cursor: ne-resize
  1930. }
  1931. .editor-shell .lexical__editor-image .image-resizer.image-resizer-e {
  1932. bottom: 48%;
  1933. right: -6px;
  1934. cursor: e-resize
  1935. }
  1936. .editor-shell .lexical__editor-image .image-resizer.image-resizer-se {
  1937. bottom: -2px;
  1938. right: -6px;
  1939. cursor: nwse-resize
  1940. }
  1941. .editor-shell .lexical__editor-image .image-resizer.image-resizer-s {
  1942. bottom: -2px;
  1943. left: 48%;
  1944. cursor: s-resize
  1945. }
  1946. .editor-shell .lexical__editor-image .image-resizer.image-resizer-sw {
  1947. bottom: -2px;
  1948. left: -6px;
  1949. cursor: sw-resize
  1950. }
  1951. .editor-shell .lexical__editor-image .image-resizer.image-resizer-w {
  1952. bottom: 48%;
  1953. left: -6px;
  1954. cursor: w-resize
  1955. }
  1956. .editor-shell .lexical__editor-image .image-resizer.image-resizer-nw {
  1957. top: -6px;
  1958. left: -6px;
  1959. cursor: nw-resize
  1960. }
  1961. .editor-shell span.lexical__inline-editor-image {
  1962. cursor: default;
  1963. display: inline-block;
  1964. position: relative;
  1965. z-index: 1
  1966. }
  1967. .editor-shell .lexical__inline-editor-image img {
  1968. max-width: 100%;
  1969. cursor: default
  1970. }
  1971. .editor-shell .lexical__inline-editor-image img.focused {
  1972. outline: 2px solid #3c84f4
  1973. }
  1974. .editor-shell .lexical__inline-editor-image img.focused.draggable {
  1975. cursor: grab
  1976. }
  1977. .editor-shell .lexical__inline-editor-image img.focused.draggable:active {
  1978. cursor: grabbing
  1979. }
  1980. .editor-shell .lexical__inline-editor-image .image-caption-container .tree-view-output {
  1981. margin: 0;
  1982. border-radius: 0
  1983. }
  1984. .editor-shell .lexical__inline-editor-image.position-full {
  1985. margin: 1em 0
  1986. }
  1987. .editor-shell .lexical__inline-editor-image.position-left {
  1988. float: left;
  1989. width: 50%;
  1990. margin: 1em 1em 0 0
  1991. }
  1992. .editor-shell .lexical__inline-editor-image.position-right {
  1993. float: right;
  1994. width: 50%;
  1995. margin: 1em 0 0 1em
  1996. }
  1997. .editor-shell .lexical__inline-editor-image .image-edit-button {
  1998. display: block;
  1999. position: absolute;
  2000. top: 12px;
  2001. right: 12px;
  2002. padding: 6px 8px;
  2003. margin: 0 auto;
  2004. border: 1px solid hsla(0, 0%, 100%, .3);
  2005. border-radius: 5px;
  2006. background-color: #00000080;
  2007. min-width: 60px;
  2008. color: #fff;
  2009. cursor: pointer;
  2010. -webkit-user-select: none;
  2011. -moz-user-select: none;
  2012. user-select: none
  2013. }
  2014. .editor-shell .lexical__inline-editor-image .image-edit-button:hover {
  2015. background-color: #3c84f480
  2016. }
  2017. .editor-shell .lexical__inline-editor-image .image-caption-container {
  2018. display: block;
  2019. background-color: #f4f4f4;
  2020. min-width: 100%;
  2021. color: #000;
  2022. overflow: hidden
  2023. }
  2024. .emoji {
  2025. color: transparent;
  2026. caret-color: #050505;
  2027. background-size: 16px 16px;
  2028. background-position: 50%;
  2029. background-repeat: no-repeat;
  2030. vertical-align: middle;
  2031. margin: 0 -1px
  2032. }
  2033. .emoji-inner {
  2034. padding: 0 .15em
  2035. }
  2036. .emoji-inner::-moz-selection {
  2037. color: transparent;
  2038. background-color: #96969666
  2039. }
  2040. .emoji-inner::selection {
  2041. color: transparent;
  2042. background-color: #96969666
  2043. }
  2044. .emoji-inner::moz-selection {
  2045. color: transparent;
  2046. background-color: #96969666
  2047. }
  2048. .emoji.happysmile {
  2049. 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=)
  2050. }
  2051. .emoji.veryhappysmile {
  2052. 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=)
  2053. }
  2054. .emoji.unhappysmile {
  2055. 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=)
  2056. }
  2057. .emoji.heart {
  2058. 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)
  2059. }
  2060. .keyword {
  2061. color: #f1765e;
  2062. font-weight: 700
  2063. }
  2064. .actions {
  2065. position: absolute;
  2066. text-align: right;
  2067. margin: 10px;
  2068. bottom: 0;
  2069. right: 0
  2070. }
  2071. .actions.tree-view {
  2072. border-bottom-left-radius: 0;
  2073. border-bottom-right-radius: 0
  2074. }
  2075. .actions i {
  2076. background-size: contain;
  2077. display: inline-block;
  2078. height: 15px;
  2079. width: 15px;
  2080. vertical-align: -.25em
  2081. }
  2082. .actions i.indent {
  2083. 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")
  2084. }
  2085. .actions i.outdent {
  2086. 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")
  2087. }
  2088. .actions i.lock {
  2089. 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")
  2090. }
  2091. .actions i.image {
  2092. 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")
  2093. }
  2094. .actions i.table {
  2095. 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")
  2096. }
  2097. .actions i.unlock {
  2098. 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")
  2099. }
  2100. .actions i.left-align {
  2101. 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")
  2102. }
  2103. .actions i.center-align {
  2104. 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")
  2105. }
  2106. .actions i.right-align {
  2107. 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")
  2108. }
  2109. .actions i.justify-align {
  2110. 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")
  2111. }
  2112. .actions i.disconnect {
  2113. 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")
  2114. }
  2115. .actions i.connect {
  2116. 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")
  2117. }
  2118. .table-cell-action-button-container {
  2119. position: absolute;
  2120. top: 0;
  2121. left: 0;
  2122. will-change: transform
  2123. }
  2124. .table-cell-action-button-container.table-cell-action-button-container--active {
  2125. pointer-events: auto;
  2126. opacity: 1
  2127. }
  2128. .table-cell-action-button-container.table-cell-action-button-container--inactive {
  2129. pointer-events: none;
  2130. opacity: 0
  2131. }
  2132. .table-cell-action-button {
  2133. display: flex;
  2134. justify-content: center;
  2135. align-items: center;
  2136. border: 0;
  2137. position: absolute;
  2138. top: 10px;
  2139. right: 10px;
  2140. border-radius: 15px;
  2141. color: #222;
  2142. display: inline-block;
  2143. cursor: pointer
  2144. }
  2145. i.chevron-down {
  2146. background-color: transparent;
  2147. background-size: contain;
  2148. display: inline-block;
  2149. height: 8px;
  2150. width: 8px;
  2151. 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")
  2152. }
  2153. .action-button {
  2154. background-color: #eee;
  2155. border: 0;
  2156. padding: 8px 12px;
  2157. position: relative;
  2158. margin-left: 5px;
  2159. border-radius: 15px;
  2160. color: #222;
  2161. display: inline-block;
  2162. cursor: pointer
  2163. }
  2164. .action-button:hover {
  2165. background-color: #ddd;
  2166. color: #000
  2167. }
  2168. .action-button-mic.active {
  2169. animation: mic-pulsate-color 3s infinite
  2170. }
  2171. button.action-button:disabled {
  2172. opacity: .6;
  2173. background: #eee;
  2174. cursor: not-allowed
  2175. }
  2176. @keyframes mic-pulsate-color {
  2177. 0% {
  2178. background-color: #ffdcdc
  2179. }
  2180. 50% {
  2181. background-color: #ff8585
  2182. }
  2183. to {
  2184. background-color: #ffdcdc
  2185. }
  2186. }
  2187. .debug-timetravel-panel {
  2188. overflow: hidden;
  2189. padding: 0 0 10px;
  2190. margin: auto;
  2191. display: flex
  2192. }
  2193. .debug-timetravel-panel-slider {
  2194. padding: 0;
  2195. flex: 8
  2196. }
  2197. .debug-timetravel-panel-button {
  2198. padding: 0;
  2199. border: 0;
  2200. background: none;
  2201. flex: 1;
  2202. color: #fff;
  2203. font-size: 12px
  2204. }
  2205. .debug-timetravel-panel-button:hover {
  2206. text-decoration: underline
  2207. }
  2208. .debug-timetravel-button {
  2209. border: 0;
  2210. padding: 0;
  2211. font-size: 12px;
  2212. top: 10px;
  2213. right: 15px;
  2214. position: absolute;
  2215. background: none;
  2216. color: #fff
  2217. }
  2218. .debug-timetravel-button:hover {
  2219. text-decoration: underline
  2220. }
  2221. .debug-treetype-button {
  2222. border: 0;
  2223. padding: 0;
  2224. font-size: 12px;
  2225. top: 10px;
  2226. right: 85px;
  2227. position: absolute;
  2228. background: none;
  2229. color: #fff
  2230. }
  2231. .debug-treetype-button:hover {
  2232. text-decoration: underline
  2233. }
  2234. .connecting {
  2235. font-size: 15px;
  2236. color: #999;
  2237. overflow: hidden;
  2238. position: absolute;
  2239. text-overflow: ellipsis;
  2240. top: 10px;
  2241. left: 10px;
  2242. -webkit-user-select: none;
  2243. -moz-user-select: none;
  2244. user-select: none;
  2245. white-space: nowrap;
  2246. display: inline-block;
  2247. pointer-events: none
  2248. }
  2249. .ltr {
  2250. text-align: left
  2251. }
  2252. .rtl {
  2253. text-align: right
  2254. }
  2255. .toolbar {
  2256. display: flex;
  2257. margin-bottom: 1px;
  2258. padding: 4px;
  2259. border: 1px solid #d3d3d3;
  2260. border-top-left-radius: 4px;
  2261. border-top-right-radius: 4px;
  2262. vertical-align: middle;
  2263. position: sticky;
  2264. top: 4rem;
  2265. z-index: 2;
  2266. --tw-bg-opacity: 1;
  2267. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  2268. }
  2269. .toolbar:is(.dark *) {
  2270. --tw-bg-opacity: 1;
  2271. background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1))
  2272. }
  2273. button.toolbar-item {
  2274. border: 0;
  2275. display: flex;
  2276. background: none;
  2277. border-radius: 10px;
  2278. padding: 8px;
  2279. margin: 1px;
  2280. cursor: pointer;
  2281. vertical-align: middle;
  2282. flex-shrink: 0;
  2283. align-items: center;
  2284. justify-content: space-between
  2285. }
  2286. button.toolbar-item:disabled {
  2287. cursor: not-allowed
  2288. }
  2289. button.toolbar-item i.format {
  2290. background-size: contain;
  2291. display: inline-block;
  2292. height: 18px;
  2293. width: 18px;
  2294. vertical-align: -.25em;
  2295. display: flex
  2296. }
  2297. button.toolbar-item:disabled .chevron-down, button.toolbar-item:disabled .icon, button.toolbar-item:disabled .text, button.toolbar-item:disabled i.format {
  2298. opacity: .2
  2299. }
  2300. button.toolbar-item.active {
  2301. --tw-bg-opacity: 1;
  2302. background-color: rgb(147 197 253/var(--tw-bg-opacity, 1))
  2303. }
  2304. button.toolbar-item.active i {
  2305. opacity: 1
  2306. }
  2307. .toolbar .code-language {
  2308. width: 150px
  2309. }
  2310. .toolbar .toolbar-item .text {
  2311. display: flex;
  2312. line-height: 20px;
  2313. vertical-align: middle;
  2314. font-size: 14px;
  2315. color: #777;
  2316. text-overflow: ellipsis;
  2317. overflow: hidden;
  2318. height: 20px;
  2319. text-align: left
  2320. }
  2321. .toolbar .toolbar-item .icon {
  2322. display: flex;
  2323. width: 20px;
  2324. height: 20px;
  2325. -webkit-user-select: none;
  2326. -moz-user-select: none;
  2327. user-select: none;
  2328. line-height: 16px;
  2329. background-size: contain
  2330. }
  2331. .toolbar i.chevron-down, .toolbar-item i.chevron-down {
  2332. margin-top: 3px;
  2333. width: 16px;
  2334. height: 16px;
  2335. display: flex;
  2336. -webkit-user-select: none;
  2337. -moz-user-select: none;
  2338. user-select: none
  2339. }
  2340. .toolbar i.chevron-down.inside {
  2341. width: 16px;
  2342. height: 16px;
  2343. display: flex;
  2344. margin-left: -25px;
  2345. margin-top: 11px;
  2346. margin-right: 10px;
  2347. pointer-events: none
  2348. }
  2349. .font-family {
  2350. width: 200px;
  2351. margin: 1px;
  2352. border: 1px solid #eee;
  2353. border-radius: 10px;
  2354. 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;
  2355. padding: 0 .5em 0 1.5em;
  2356. height: 100%
  2357. }
  2358. .font-family:is(.dark *) {
  2359. 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;
  2360. padding: 0 1em 0 1.5em
  2361. }
  2362. [dir=rtl] .font-family {
  2363. 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;
  2364. padding: 0 2em 0 .5em
  2365. }
  2366. [dir=rtl] .font-family:is(.dark *) {
  2367. 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;
  2368. padding: 0 2em 0 1.5em
  2369. }
  2370. .font-family:focus {
  2371. border-color: gray
  2372. }
  2373. .font-family>option {
  2374. width: 150px;
  2375. padding: 0 10px;
  2376. margin: 1px;
  2377. --tw-bg-opacity: 1;
  2378. background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  2379. }
  2380. .font-family>option:is(.dark *) {
  2381. --tw-bg-opacity: 1;
  2382. background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
  2383. }
  2384. .toolbar .divider {
  2385. width: 1px;
  2386. background-color: #eee;
  2387. margin: 0 4px
  2388. }
  2389. .sticky-note-container {
  2390. position: absolute;
  2391. z-index: 9;
  2392. width: 120px;
  2393. display: inline-block
  2394. }
  2395. .sticky-note {
  2396. line-height: 1;
  2397. text-align: left;
  2398. width: 120px;
  2399. margin: 25px;
  2400. padding: 20px 10px;
  2401. position: relative;
  2402. border: 1px solid #e8e8e8;
  2403. font-family: Reenie Beanie;
  2404. font-size: 24px;
  2405. border-bottom-right-radius: 60px 5px;
  2406. display: block;
  2407. cursor: move
  2408. }
  2409. .sticky-note:after {
  2410. content: "";
  2411. position: absolute;
  2412. z-index: -1;
  2413. right: 0;
  2414. bottom: 20px;
  2415. width: 120px;
  2416. height: 25px;
  2417. background: #0003;
  2418. box-shadow: 2px 15px 5px #0006;
  2419. transform: matrix(-1, -.1, 0, 1, 0, 0)
  2420. }
  2421. .sticky-note.yellow {
  2422. border-top: 1px solid #fdfd86;
  2423. background: linear-gradient(135deg, #ff8 81%, #ff8 82%, #ff8 0, #ffffc6)
  2424. }
  2425. .sticky-note.pink {
  2426. border-top: 1px solid #e7d1e4;
  2427. background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 0, #e7bfe1)
  2428. }
  2429. .sticky-note-container.dragging {
  2430. transition: none !important
  2431. }
  2432. .sticky-note div {
  2433. cursor: text
  2434. }
  2435. .sticky-note .delete {
  2436. border: 0;
  2437. background: none;
  2438. position: absolute;
  2439. top: 8px;
  2440. right: 10px;
  2441. font-size: 10px;
  2442. cursor: pointer;
  2443. opacity: .5
  2444. }
  2445. .sticky-note .delete:hover {
  2446. font-weight: 700;
  2447. opacity: 1
  2448. }
  2449. .sticky-note .color {
  2450. border: 0;
  2451. background: none;
  2452. position: absolute;
  2453. top: 8px;
  2454. right: 25px;
  2455. cursor: pointer;
  2456. opacity: .5
  2457. }
  2458. .sticky-note .color:hover {
  2459. opacity: 1
  2460. }
  2461. .sticky-note .color i {
  2462. display: block;
  2463. width: 12px;
  2464. height: 12px;
  2465. background-size: contain
  2466. }
  2467. .excalidraw-button {
  2468. border: 0;
  2469. padding: 0;
  2470. margin: 0;
  2471. background-color: transparent
  2472. }
  2473. .excalidraw-button.selected {
  2474. outline: 2px solid #3c84f4;
  2475. -webkit-user-select: none;
  2476. -moz-user-select: none;
  2477. user-select: none
  2478. }
  2479. .github-corner:hover .octo-arm {
  2480. animation: octocat-wave .56s ease-in-out
  2481. }
  2482. @keyframes octocat-wave {
  2483. 0%, to {
  2484. transform: rotate(0)
  2485. }
  2486. 20%, 60% {
  2487. transform: rotate(-25deg)
  2488. }
  2489. 40%, 80% {
  2490. transform: rotate(10deg)
  2491. }
  2492. }
  2493. @media (max-width:500px) {
  2494. .github-corner:hover .octo-arm {
  2495. animation: none
  2496. }
  2497. .github-corner .octo-arm {
  2498. animation: octocat-wave .56s ease-in-out
  2499. }
  2500. }
  2501. .spacer {
  2502. letter-spacing: -2px
  2503. }
  2504. .editor-equation {
  2505. cursor: default;
  2506. -webkit-user-select: none;
  2507. -moz-user-select: none;
  2508. user-select: none
  2509. }
  2510. .editor-equation.focused {
  2511. outline: 2px solid #3c84f4
  2512. }
  2513. button.item i {
  2514. opacity: .6
  2515. }
  2516. button.item.dropdown-item-active {
  2517. background-color: #dfe8fa4d
  2518. }
  2519. button.item.dropdown-item-active i {
  2520. opacity: 1
  2521. }
  2522. .TableNode__contentEditable {
  2523. min-height: 20px;
  2524. border: 0;
  2525. resize: none;
  2526. cursor: text;
  2527. display: block;
  2528. position: relative;
  2529. outline: 0;
  2530. padding: 0;
  2531. -webkit-user-select: text;
  2532. -moz-user-select: text;
  2533. user-select: text;
  2534. font-size: 15px;
  2535. white-space: pre-wrap;
  2536. word-break: break-word;
  2537. z-index: 3
  2538. }
  2539. .dialog-dropdown {
  2540. background-color: #eee !important;
  2541. margin-bottom: 10px;
  2542. width: 100%
  2543. }
  2544. .FlashMessage__overlay {
  2545. display: flex;
  2546. justify-content: center;
  2547. align-items: center;
  2548. position: fixed;
  2549. pointer-events: none;
  2550. top: 0;
  2551. bottom: 0;
  2552. left: 0;
  2553. right: 0
  2554. }
  2555. .FlashMessage__alert {
  2556. background-color: #000c;
  2557. color: #fff;
  2558. font-size: 1.5rem;
  2559. border-radius: 1em;
  2560. padding: .5em 1.5em
  2561. }
  2562. .Modal__overlay {
  2563. justify-content: center;
  2564. align-items: center;
  2565. position: fixed;
  2566. top: 0;
  2567. bottom: 0;
  2568. left: 0;
  2569. right: 0;
  2570. background-color: #28282899;
  2571. flex-shrink: 1px;
  2572. z-index: 100
  2573. }
  2574. .Modal__modal, .Modal__overlay {
  2575. display: flex;
  2576. flex-direction: column;
  2577. flex-grow: 0px
  2578. }
  2579. .Modal__modal {
  2580. padding: 20px;
  2581. min-height: 100px;
  2582. min-width: 300px;
  2583. background-color: #fff;
  2584. position: relative;
  2585. box-shadow: 0 0 20px #444;
  2586. border-radius: 10px
  2587. }
  2588. .Modal__title {
  2589. color: #444;
  2590. margin: 0;
  2591. padding-bottom: 10px;
  2592. border-bottom: 1px solid #ccc
  2593. }
  2594. .Modal__closeButton {
  2595. border: 0;
  2596. position: absolute;
  2597. right: 20px;
  2598. border-radius: 20px;
  2599. justify-content: center;
  2600. align-items: center;
  2601. display: flex;
  2602. width: 30px;
  2603. height: 30px;
  2604. text-align: center;
  2605. cursor: pointer;
  2606. background-color: #eee
  2607. }
  2608. .Modal__closeButton:hover {
  2609. background-color: #ddd
  2610. }
  2611. .Modal__content {
  2612. padding-top: 20px
  2613. }
  2614. .Button__root {
  2615. padding: 10px 15px;
  2616. border: 0;
  2617. border-radius: 5px;
  2618. cursor: pointer;
  2619. font-size: 14px
  2620. }
  2621. .Button__root:hover {
  2622. background-color: #ddd
  2623. }
  2624. .Button__small {
  2625. padding: 5px 10px;
  2626. font-size: 13px
  2627. }
  2628. .Button__disabled {
  2629. cursor: not-allowed
  2630. }
  2631. .Button__disabled:hover {
  2632. background-color: #eee
  2633. }
  2634. .DialogActions {
  2635. flex-direction: row
  2636. }
  2637. .DialogActions, .DialogButtonsList {
  2638. display: flex;
  2639. justify-content: right;
  2640. margin-top: 20px
  2641. }
  2642. .DialogButtonsList {
  2643. flex-direction: column
  2644. }
  2645. .DialogButtonsList button {
  2646. margin-bottom: 20px
  2647. }
  2648. .code-action-menu-container {
  2649. height: 35.8px;
  2650. font-size: 10px;
  2651. color: #00000080;
  2652. position: absolute;
  2653. display: flex;
  2654. align-items: center;
  2655. flex-direction: row;
  2656. -webkit-user-select: none;
  2657. -moz-user-select: none;
  2658. user-select: none
  2659. }
  2660. .code-action-menu-container .code-highlight-language {
  2661. margin-right: 4px
  2662. }
  2663. .code-action-menu-container button.menu-item {
  2664. border: 1px solid transparent;
  2665. border-radius: 4px;
  2666. padding: 4px;
  2667. background: none;
  2668. cursor: pointer;
  2669. flex-shrink: 0;
  2670. display: flex;
  2671. align-items: center;
  2672. color: #00000080;
  2673. text-transform: uppercase
  2674. }
  2675. .code-action-menu-container button.menu-item i.format {
  2676. height: 16px;
  2677. width: 16px;
  2678. display: flex;
  2679. color: #00000080;
  2680. background-size: contain
  2681. }
  2682. .code-action-menu-container button.menu-item:hover {
  2683. border: 1px solid rgba(0, 0, 0, .3);
  2684. opacity: .9
  2685. }
  2686. .code-action-menu-container button.menu-item:active {
  2687. background-color: #dfe8fa;
  2688. border: 1px solid rgba(0, 0, 0, .45)
  2689. }
  2690. .code-action-menu-container .prettier-wrapper {
  2691. position: relative
  2692. }
  2693. .code-action-menu-container .prettier-wrapper .code-error-tips {
  2694. padding: 5px;
  2695. border-radius: 4px;
  2696. color: #fff;
  2697. background: #222;
  2698. margin-top: 4px;
  2699. position: absolute;
  2700. top: 26px;
  2701. right: 0
  2702. }
  2703. .Collapsible__container {
  2704. background: #fcfcfc;
  2705. border: 1px solid #eee;
  2706. border-radius: 10px;
  2707. margin-bottom: 8px
  2708. }
  2709. .Collapsible__title {
  2710. cursor: pointer;
  2711. padding: 5px 5px 5px 20px;
  2712. position: relative;
  2713. font-weight: 700;
  2714. list-style: none;
  2715. outline: none
  2716. }
  2717. .Collapsible__title::-webkit-details-marker, .Collapsible__title::marker {
  2718. display: none
  2719. }
  2720. .Collapsible__title:before {
  2721. border-color: transparent transparent transparent #000;
  2722. border-style: solid;
  2723. border-width: 4px 6px;
  2724. display: block;
  2725. content: "";
  2726. position: absolute;
  2727. left: 7px;
  2728. top: 50%;
  2729. transform: translateY(-50%)
  2730. }
  2731. .Collapsible__container[open]>.Collapsible__title:before {
  2732. border-width: 6px 4px 0;
  2733. border-color: #000 transparent transparent
  2734. }
  2735. .Collapsible__content {
  2736. padding: 0 5px 5px 20px
  2737. }
  2738. .Collapsible__collapsed .Collapsible__content {
  2739. display: none;
  2740. -webkit-user-select: none;
  2741. -moz-user-select: none;
  2742. user-select: none
  2743. }
  2744. .CommentPlugin_AddCommentBox {
  2745. display: block;
  2746. position: fixed;
  2747. border-radius: 20px;
  2748. background-color: #fff;
  2749. width: 40px;
  2750. height: 60px;
  2751. box-shadow: 0 0 3px #0003;
  2752. z-index: 10
  2753. }
  2754. .CommentPlugin_AddCommentBox_button {
  2755. border-radius: 20px;
  2756. border: 0;
  2757. background: none;
  2758. width: 40px;
  2759. height: 60px;
  2760. position: absolute;
  2761. top: 0;
  2762. left: 0;
  2763. cursor: pointer
  2764. }
  2765. .CommentPlugin_AddCommentBox_button:hover {
  2766. background-color: #f6f6f6
  2767. }
  2768. i.add-comment {
  2769. background-size: contain;
  2770. display: inline-block;
  2771. height: 20px;
  2772. width: 20px;
  2773. vertical-align: -10px;
  2774. 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")
  2775. }
  2776. @media (max-width:600px) {
  2777. .CommentPlugin_AddCommentBox {
  2778. display: none
  2779. }
  2780. }
  2781. .CommentPlugin_CommentInputBox {
  2782. display: block;
  2783. position: absolute;
  2784. width: 250px;
  2785. min-height: 80px;
  2786. background-color: #fff;
  2787. box-shadow: 0 0 5px #0000001a;
  2788. border-radius: 5px;
  2789. z-index: 24;
  2790. animation: show-input-box .4s ease
  2791. }
  2792. .CommentPlugin_CommentInputBox:before {
  2793. content: "";
  2794. position: absolute;
  2795. width: 0;
  2796. height: 0;
  2797. margin-left: .5em;
  2798. right: -1em;
  2799. top: 0;
  2800. left: calc(50% + .25em);
  2801. box-sizing: border-box;
  2802. border-color: transparent transparent #fff #fff;
  2803. border-style: solid;
  2804. border-width: .5em;
  2805. transform-origin: 0 0;
  2806. transform: rotate(135deg);
  2807. box-shadow: -3px 3px 3px #0000000d
  2808. }
  2809. @keyframes show-input-box {
  2810. 0% {
  2811. opacity: 0;
  2812. transform: translateY(50px)
  2813. }
  2814. to {
  2815. opacity: 1;
  2816. transform: translateY(0)
  2817. }
  2818. }
  2819. .CommentPlugin_CommentInputBox_Buttons {
  2820. display: flex;
  2821. flex-direction: row;
  2822. padding: 0 10px 10px;
  2823. gap: 10px
  2824. }
  2825. .CommentPlugin_CommentInputBox_Button {
  2826. flex: 1
  2827. }
  2828. .CommentPlugin_CommentInputBox_Button.primary {
  2829. background-color: #4287f5;
  2830. font-weight: 700;
  2831. color: #fff
  2832. }
  2833. .CommentPlugin_CommentInputBox_Button.primary:hover {
  2834. background-color: #3572d3
  2835. }
  2836. .CommentPlugin_CommentInputBox_Button[disabled] {
  2837. background-color: #eee;
  2838. opacity: .5;
  2839. cursor: not-allowed;
  2840. font-weight: 400;
  2841. color: #444
  2842. }
  2843. .CommentPlugin_CommentInputBox_Button[disabled]:hover {
  2844. opacity: .5;
  2845. background-color: #eee
  2846. }
  2847. .CommentPlugin_CommentInputBox_EditorContainer {
  2848. position: relative;
  2849. margin: 10px;
  2850. border-radius: 5px
  2851. }
  2852. .CommentPlugin_CommentInputBox_Editor {
  2853. position: relative;
  2854. border: 1px solid #ccc;
  2855. background-color: #fff;
  2856. border-radius: 5px;
  2857. font-size: 15px;
  2858. caret-color: #050505;
  2859. display: block;
  2860. padding: 9px 10px 10px 9px;
  2861. min-height: 80px
  2862. }
  2863. .CommentPlugin_CommentInputBox_Editor:focus {
  2864. outline: 1px solid #4287f5
  2865. }
  2866. .CommentPlugin_ShowCommentsButton {
  2867. position: fixed;
  2868. top: 10px;
  2869. right: 10px;
  2870. background-color: #ddd;
  2871. border-radius: 10px
  2872. }
  2873. i.comments {
  2874. background-size: contain;
  2875. display: inline-block;
  2876. height: 20px;
  2877. width: 20px;
  2878. vertical-align: -10px;
  2879. 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");
  2880. opacity: .5;
  2881. transition: opacity .2s linear
  2882. }
  2883. @media (max-width:600px) {
  2884. .CommentPlugin_ShowCommentsButton {
  2885. display: none
  2886. }
  2887. }
  2888. .CommentPlugin_ShowCommentsButton:hover i.comments {
  2889. opacity: 1
  2890. }
  2891. .CommentPlugin_ShowCommentsButton.active {
  2892. background-color: #ccc
  2893. }
  2894. .CommentPlugin_CommentsPanel {
  2895. position: fixed;
  2896. right: 0;
  2897. width: 300px;
  2898. height: calc(100% - 88px);
  2899. top: 88px;
  2900. background-color: #fff;
  2901. border-top-left-radius: 10px;
  2902. box-shadow: 0 0 10px #0000001a;
  2903. animation: show-comments .2s ease;
  2904. z-index: 25
  2905. }
  2906. @keyframes show-comments {
  2907. 0% {
  2908. opacity: 0;
  2909. transform: translate(300px)
  2910. }
  2911. to {
  2912. opacity: 1;
  2913. transform: translate(0)
  2914. }
  2915. }
  2916. .CommentPlugin_CommentsPanel_Heading {
  2917. padding-left: 15px;
  2918. padding-top: 10px;
  2919. margin: 0;
  2920. height: 34px;
  2921. border-bottom: 1px solid #eee;
  2922. font-size: 20px;
  2923. display: block;
  2924. width: 100%;
  2925. color: #444;
  2926. overflow: hidden
  2927. }
  2928. .CommentPlugin_CommentsPanel_Editor {
  2929. position: relative;
  2930. border: 1px solid #ccc;
  2931. background-color: #fff;
  2932. border-radius: 5px;
  2933. font-size: 15px;
  2934. caret-color: #050505;
  2935. display: block;
  2936. padding: 9px 10px 10px 9px;
  2937. min-height: 20px
  2938. }
  2939. .CommentPlugin_CommentsPanel_Editor:before {
  2940. content: "";
  2941. width: 30px;
  2942. height: 20px;
  2943. float: right
  2944. }
  2945. .CommentPlugin_CommentsPanel_SendButton {
  2946. position: absolute;
  2947. right: 10px;
  2948. top: 8px;
  2949. background: none
  2950. }
  2951. .CommentPlugin_CommentsPanel_SendButton:hover {
  2952. background: none
  2953. }
  2954. i.send {
  2955. background-size: contain;
  2956. display: inline-block;
  2957. height: 20px;
  2958. width: 20px;
  2959. vertical-align: -10px;
  2960. 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");
  2961. opacity: .5;
  2962. transition: opacity .2s linear
  2963. }
  2964. .CommentPlugin_CommentsPanel_SendButton:hover i.send {
  2965. opacity: 1;
  2966. filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%)
  2967. }
  2968. .CommentPlugin_CommentsPanel_SendButton[disabled] i.send {
  2969. opacity: .3
  2970. }
  2971. .CommentPlugin_CommentsPanel_SendButton:hover[disabled] i.send {
  2972. opacity: .3;
  2973. filter: none
  2974. }
  2975. .CommentPlugin_CommentsPanel_Empty {
  2976. color: #777;
  2977. font-size: 15px;
  2978. text-align: center;
  2979. position: absolute;
  2980. top: calc(50% - 15px);
  2981. margin: 0;
  2982. padding: 0;
  2983. width: 100%
  2984. }
  2985. .CommentPlugin_CommentsPanel_List {
  2986. list-style-type: none;
  2987. margin: 0;
  2988. padding: 0;
  2989. width: 100%;
  2990. position: absolute;
  2991. top: 45px;
  2992. overflow-y: auto;
  2993. height: calc(100% - 45px)
  2994. }
  2995. .CommentPlugin_CommentsPanel_List_Comment {
  2996. padding: 15px 0 15px 15px;
  2997. margin: 0;
  2998. font-size: 14px;
  2999. position: relative;
  3000. transition: all .2s linear
  3001. }
  3002. .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Comment:hover {
  3003. background-color: inherit
  3004. }
  3005. .CommentPlugin_CommentsPanel_List_Comment p {
  3006. margin: 0;
  3007. color: #444
  3008. }
  3009. .CommentPlugin_CommentsPanel_List_Details {
  3010. color: #444;
  3011. padding-bottom: 5px;
  3012. vertical-align: top
  3013. }
  3014. .CommentPlugin_CommentsPanel_List_Comment_Author {
  3015. font-weight: 700;
  3016. padding-right: 5px
  3017. }
  3018. .CommentPlugin_CommentsPanel_List_Comment_Time {
  3019. color: #999
  3020. }
  3021. .CommentPlugin_CommentsPanel_List_Thread {
  3022. padding: 0;
  3023. margin: 0;
  3024. border-top: 1px solid #eee;
  3025. border-bottom: 1px solid #eee;
  3026. position: relative;
  3027. transition: all .2s linear;
  3028. border-left: 0 solid #eee
  3029. }
  3030. .CommentPlugin_CommentsPanel_List_Thread+.CommentPlugin_CommentsPanel_List_Thread, .CommentPlugin_CommentsPanel_List_Thread:first-child {
  3031. border-top: none
  3032. }
  3033. .CommentPlugin_CommentsPanel_List_Thread.interactive {
  3034. cursor: pointer
  3035. }
  3036. .CommentPlugin_CommentsPanel_List_Thread.interactive:hover {
  3037. background-color: #fafafa
  3038. }
  3039. .CommentPlugin_CommentsPanel_List_Thread.active {
  3040. background-color: #fafafa;
  3041. border-left: 15px solid #eee;
  3042. cursor: inherit
  3043. }
  3044. .CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
  3045. padding-top: 10px;
  3046. color: #ccc;
  3047. display: block
  3048. }
  3049. .CommentPlugin_CommentsPanel_List_Thread_Quote {
  3050. margin: 0 10px
  3051. }
  3052. .CommentPlugin_CommentsPanel_List_Thread_Quote span {
  3053. color: #222;
  3054. background-color: #ffd40066;
  3055. padding: 1px;
  3056. line-height: 1.4;
  3057. display: inline;
  3058. font-weight: 700
  3059. }
  3060. .CommentPlugin_CommentsPanel_List_Thread_Comments {
  3061. padding-left: 10px;
  3062. list-style-type: none
  3063. }
  3064. .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child {
  3065. border: none;
  3066. margin-left: 0;
  3067. padding-left: 5px
  3068. }
  3069. .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child.CommentPlugin_CommentsPanel_List_Comment:last-child {
  3070. padding-bottom: 5px
  3071. }
  3072. .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
  3073. padding-left: 10px;
  3074. border-left: 5px solid #eee;
  3075. margin-left: 5px
  3076. }
  3077. .CommentPlugin_CommentsPanel_List_Thread_Editor {
  3078. position: relative;
  3079. padding-top: 1px
  3080. }
  3081. .CommentPlugin_CommentsPanel_List_DeleteButton {
  3082. position: absolute;
  3083. top: 10px;
  3084. right: 10px;
  3085. width: 30px;
  3086. height: 30px;
  3087. background-color: transparent;
  3088. opacity: 0
  3089. }
  3090. .CommentPlugin_CommentsPanel_DeletedComment, .CommentPlugin_CommentsPanel_List_Comment:hover .CommentPlugin_CommentsPanel_List_DeleteButton, .CommentPlugin_CommentsPanel_List_Thread_QuoteBox:hover .CommentPlugin_CommentsPanel_List_DeleteButton {
  3091. opacity: .5
  3092. }
  3093. .CommentPlugin_CommentsPanel_List_DeleteButton:hover {
  3094. background-color: transparent;
  3095. opacity: 1;
  3096. filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%)
  3097. }
  3098. .CommentPlugin_CommentsPanel_List_DeleteButton i.delete {
  3099. background-size: contain;
  3100. position: absolute;
  3101. left: 5px;
  3102. top: 5px;
  3103. height: 15px;
  3104. width: 15px;
  3105. vertical-align: -10px;
  3106. 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");
  3107. transition: opacity .2s linear
  3108. }
  3109. .CommentEditorTheme__paragraph {
  3110. margin: 0;
  3111. position: "relative"
  3112. }
  3113. .lexical__ltr {
  3114. text-align: left
  3115. }
  3116. .lexical__rtl {
  3117. text-align: right
  3118. }
  3119. .lexical__paragraph {
  3120. font-size: 16px;
  3121. margin: 0;
  3122. position: relative
  3123. }
  3124. .lexical__quote {
  3125. margin: 0 0 10px 20px;
  3126. font-size: 15px;
  3127. color: #65676b;
  3128. border-left: 4px solid #ced0d4;
  3129. padding-left: 16px
  3130. }
  3131. .lexical__h1 {
  3132. font-size: 24px;
  3133. font-weight: 400;
  3134. margin: 0;
  3135. line-height: 2.5
  3136. }
  3137. .lexical__h2 {
  3138. font-size: 32px;
  3139. font-weight: 700
  3140. }
  3141. .lexical__h2, .lexical__h3 {
  3142. margin: 0;
  3143. text-transform: uppercase;
  3144. line-height: 2.5
  3145. }
  3146. .lexical__h3 {
  3147. font-size: 26px
  3148. }
  3149. .lexical__h4 {
  3150. font-size: 24px;
  3151. margin: 0;
  3152. line-height: 2.5
  3153. }
  3154. /* .lexical__h5 {
  3155. font-style: italic
  3156. } */
  3157. .lexical__h5, .lexical__h6 {
  3158. font-size: 20px;
  3159. margin: 0;
  3160. line-height: 1.5
  3161. }
  3162. .lexical__h6 {
  3163. font-weight: 700
  3164. }
  3165. .lexical__indent {
  3166. --lexical-indent-base-value: 40px
  3167. }
  3168. .lexical__textBold {
  3169. font-weight: 700
  3170. }
  3171. .lexical__textItalic {
  3172. font-style: italic
  3173. }
  3174. .lexical__textUnderline {
  3175. text-decoration: underline
  3176. }
  3177. .lexical__textStrikethrough {
  3178. text-decoration: line-through
  3179. }
  3180. .lexical__textUnderlineStrikethrough {
  3181. text-decoration: underline line-through
  3182. }
  3183. .lexical__tabNode {
  3184. position: relative;
  3185. text-decoration: none
  3186. }
  3187. .lexical__tabNode.lexical__textUnderline:after {
  3188. content: "";
  3189. position: absolute;
  3190. left: 0;
  3191. right: 0;
  3192. bottom: .15em;
  3193. border-bottom: .1em solid
  3194. }
  3195. .lexical__tabNode.lexical__textStrikethrough:before {
  3196. content: "";
  3197. position: absolute;
  3198. left: 0;
  3199. right: 0;
  3200. top: .69em;
  3201. border-top: .1em solid
  3202. }
  3203. .lexical__tabNode.lexical__textUnderlineStrikethrough:after, .lexical__tabNode.lexical__textUnderlineStrikethrough:before {
  3204. content: "";
  3205. position: absolute;
  3206. left: 0;
  3207. right: 0
  3208. }
  3209. .lexical__tabNode.lexical__textUnderlineStrikethrough:before {
  3210. top: .69em;
  3211. border-top: .1em solid
  3212. }
  3213. .lexical__tabNode.lexical__textUnderlineStrikethrough:after {
  3214. bottom: .05em;
  3215. border-bottom: .1em solid
  3216. }
  3217. .lexical__textSubscript {
  3218. font-size: .8em;
  3219. vertical-align: sub !important
  3220. }
  3221. .lexical__textSuperscript {
  3222. font-size: .8em;
  3223. vertical-align: super
  3224. }
  3225. .lexical__textCode {
  3226. background-color: #f0f2f5;
  3227. padding: 1px .25rem;
  3228. font-family: Menlo, Consolas, Monaco, monospace;
  3229. font-size: 94%
  3230. }
  3231. .lexical__textCode:is(.dark *) {
  3232. --tw-bg-opacity: 1;
  3233. background-color: rgb(44 44 44/var(--tw-bg-opacity, 1))
  3234. }
  3235. .lexical__textLowercase {
  3236. text-transform: lowercase
  3237. }
  3238. .lexical__textUppercase {
  3239. text-transform: uppercase
  3240. }
  3241. .lexical__textCapitalize {
  3242. text-transform: capitalize
  3243. }
  3244. .lexical__hashtag {
  3245. background-color: #5890ff26;
  3246. border-bottom: 1px solid rgba(88, 144, 255, .3)
  3247. }
  3248. .lexical__link {
  3249. color: #216fdb;
  3250. text-decoration: none
  3251. }
  3252. .lexical__link:hover {
  3253. text-decoration: underline;
  3254. cursor: pointer
  3255. }
  3256. .lexical__blockCursor {
  3257. display: block;
  3258. pointer-events: none;
  3259. position: absolute
  3260. }
  3261. .lexical__blockCursor:after {
  3262. content: "";
  3263. display: block;
  3264. position: absolute;
  3265. top: -2px;
  3266. width: 20px;
  3267. border-top: 1px solid #000;
  3268. animation: CursorBlink 1.1s steps(2, start) infinite
  3269. }
  3270. @keyframes CursorBlink {
  3271. to {
  3272. visibility: hidden
  3273. }
  3274. }
  3275. .lexical__code {
  3276. background-color: #f0f2f5
  3277. }
  3278. .lexical__code:is(.dark *) {
  3279. --tw-bg-opacity: 1;
  3280. background-color: rgb(44 44 44/var(--tw-bg-opacity, 1))
  3281. }
  3282. .lexical__code {
  3283. font-family: Menlo, Consolas, Monaco, monospace;
  3284. display: block;
  3285. padding: 8px 8px 8px 52px;
  3286. line-height: 1.53;
  3287. font-size: 13px;
  3288. margin: 8px 0;
  3289. overflow-x: auto;
  3290. position: relative;
  3291. -moz-tab-size: 2;
  3292. -o-tab-size: 2;
  3293. tab-size: 2
  3294. }
  3295. .lexical__code:before {
  3296. content: attr(data-gutter);
  3297. position: absolute;
  3298. background-color: #eee;
  3299. left: 0;
  3300. top: 0;
  3301. border-right: 1px solid #ccc;
  3302. padding: 8px;
  3303. color: #777;
  3304. white-space: pre-wrap;
  3305. text-align: right;
  3306. min-width: 25px
  3307. }
  3308. .lexical__tableScrollableWrapper {
  3309. overflow-x: auto;
  3310. margin: 0 25px 30px 0
  3311. }
  3312. .lexical__tableScrollableWrapper>.lexical__table {
  3313. margin: 0
  3314. }
  3315. .lexical__table {
  3316. border-collapse: collapse;
  3317. border-spacing: 0;
  3318. overflow-y: scroll;
  3319. overflow-x: scroll;
  3320. table-layout: fixed;
  3321. width: -moz-fit-content;
  3322. width: fit-content;
  3323. margin: 0 25px 30px 0
  3324. }
  3325. .lexical__tableRowStriping tr:nth-child(2n) {
  3326. background-color: #f2f5fb
  3327. }
  3328. .lexical__tableSelection ::-moz-selection {
  3329. background-color: transparent
  3330. }
  3331. .lexical__tableSelection ::selection {
  3332. background-color: transparent
  3333. }
  3334. .lexical__tableSelected {
  3335. outline: 2px solid #3c84f4
  3336. }
  3337. .lexical__tableCell {
  3338. border: 1px solid #bbb;
  3339. width: 75px;
  3340. vertical-align: top;
  3341. text-align: start;
  3342. padding: 6px 8px;
  3343. position: relative;
  3344. outline: none;
  3345. overflow: auto
  3346. }
  3347. .lexical__tableCell>* {
  3348. overflow: inherit
  3349. }
  3350. .lexical__tableCellResizer {
  3351. position: absolute;
  3352. right: -4px;
  3353. height: 100%;
  3354. width: 8px;
  3355. cursor: ew-resize;
  3356. z-index: 10;
  3357. top: 0
  3358. }
  3359. .lexical__tableCellHeader {
  3360. background-color: #f2f3f5;
  3361. text-align: start
  3362. }
  3363. .lexical__tableCellSelected {
  3364. caret-color: transparent
  3365. }
  3366. .lexical__tableCellSelected:after {
  3367. position: absolute;
  3368. left: 0;
  3369. right: 0;
  3370. bottom: 0;
  3371. top: 0;
  3372. background-color: highlight;
  3373. mix-blend-mode: multiply;
  3374. content: "";
  3375. pointer-events: none
  3376. }
  3377. .lexical__tableAddColumns {
  3378. position: absolute;
  3379. background-color: #eee;
  3380. height: 100%;
  3381. animation: table-controls .2s ease;
  3382. border: 0;
  3383. cursor: pointer
  3384. }
  3385. .lexical__tableAddColumns:after {
  3386. 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");
  3387. background-size: contain;
  3388. background-position: 50%;
  3389. background-repeat: no-repeat;
  3390. display: block;
  3391. content: " ";
  3392. position: absolute;
  3393. top: 0;
  3394. left: 0;
  3395. width: 100%;
  3396. height: 100%;
  3397. opacity: .4
  3398. }
  3399. .lexical__tableAddColumns:hover, .lexical__tableAddRows:hover {
  3400. background-color: #c9dbf0
  3401. }
  3402. .lexical__tableAddRows {
  3403. position: absolute;
  3404. width: calc(100% - 25px);
  3405. background-color: #eee;
  3406. animation: table-controls .2s ease;
  3407. border: 0;
  3408. cursor: pointer
  3409. }
  3410. .lexical__tableAddRows:after {
  3411. 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");
  3412. background-size: contain;
  3413. background-position: 50%;
  3414. background-repeat: no-repeat;
  3415. display: block;
  3416. content: " ";
  3417. position: absolute;
  3418. top: 0;
  3419. left: 0;
  3420. width: 100%;
  3421. height: 100%;
  3422. opacity: .4
  3423. }
  3424. @keyframes table-controls {
  3425. 0% {
  3426. opacity: 0
  3427. }
  3428. to {
  3429. opacity: 1
  3430. }
  3431. }
  3432. .lexical__tableCellResizeRuler {
  3433. display: block;
  3434. position: absolute;
  3435. width: 1px;
  3436. background-color: #3c84f4;
  3437. height: 100%;
  3438. top: 0
  3439. }
  3440. .lexical__tableCellActionButtonContainer {
  3441. display: block;
  3442. right: 5px;
  3443. top: 6px;
  3444. position: absolute;
  3445. z-index: 4;
  3446. width: 20px;
  3447. height: 20px
  3448. }
  3449. .lexical__tableCellActionButton {
  3450. background-color: #eee;
  3451. display: block;
  3452. border: 0;
  3453. border-radius: 20px;
  3454. width: 20px;
  3455. height: 20px;
  3456. color: #222;
  3457. cursor: pointer
  3458. }
  3459. .lexical__tableCellActionButton:hover {
  3460. background-color: #ddd
  3461. }
  3462. .lexical__characterLimit {
  3463. display: inline;
  3464. background-color: #fbb !important
  3465. }
  3466. .lexical__ol1 {
  3467. list-style-type: number
  3468. }
  3469. .lexical__ol1, .lexical__ol2 {
  3470. padding: 0;
  3471. margin: 0;
  3472. list-style-position: outside
  3473. }
  3474. .lexical__ol2 {
  3475. list-style-type: upper-alpha
  3476. }
  3477. .lexical__ol3 {
  3478. list-style-type: lower-alpha
  3479. }
  3480. .lexical__ol3, .lexical__ol4 {
  3481. padding: 0;
  3482. margin: 0;
  3483. list-style-position: outside
  3484. }
  3485. .lexical__ol4 {
  3486. list-style-type: upper-roman
  3487. }
  3488. .lexical__ol5 {
  3489. list-style-type: lower-roman
  3490. }
  3491. .lexical__ol5, .lexical__ul {
  3492. padding: 0;
  3493. margin: 0;
  3494. list-style-position: outside
  3495. }
  3496. .lexical__ul {
  3497. list-style-type: disc
  3498. }
  3499. .lexical__ul, .lexical__ol1, .lexical__ol2, .lexical__ol3, .lexical__ol4, .lexical__ol5 {
  3500. font-size: 16px;
  3501. }
  3502. .lexical__listItem {
  3503. margin: 0 32px
  3504. }
  3505. .lexical__listItemChecked, .lexical__listItemUnchecked {
  3506. position: relative;
  3507. margin-left: 8px;
  3508. margin-right: 8px;
  3509. padding-left: 24px;
  3510. padding-right: 24px;
  3511. list-style-type: none;
  3512. outline: none
  3513. }
  3514. .lexical__listItemChecked {
  3515. text-decoration: line-through
  3516. }
  3517. .lexical__listItemChecked:before, .lexical__listItemUnchecked:before {
  3518. content: "";
  3519. width: 16px;
  3520. height: 16px;
  3521. top: 2px;
  3522. left: 0;
  3523. cursor: pointer;
  3524. display: block;
  3525. background-size: cover;
  3526. position: absolute
  3527. }
  3528. .lexical__listItemChecked[dir=rtl]:before, .lexical__listItemUnchecked[dir=rtl]:before {
  3529. left: auto;
  3530. right: 0
  3531. }
  3532. .lexical__listItemChecked:focus:before, .lexical__listItemUnchecked:focus:before {
  3533. box-shadow: 0 0 0 2px #a6cdfe;
  3534. border-radius: 2px
  3535. }
  3536. .lexical__listItemUnchecked:before {
  3537. border: 1px solid #999;
  3538. border-radius: 2px
  3539. }
  3540. .lexical__listItemChecked:before {
  3541. border: 1px solid #3d87f5;
  3542. border-radius: 2px;
  3543. background-color: #3d87f5;
  3544. background-repeat: no-repeat
  3545. }
  3546. .lexical__listItemChecked:after {
  3547. content: "";
  3548. cursor: pointer;
  3549. position: absolute;
  3550. display: block;
  3551. top: 6px;
  3552. width: 3px;
  3553. left: 7px;
  3554. right: 7px;
  3555. height: 6px;
  3556. transform: rotate(45deg);
  3557. border-color: #fff;
  3558. border-style: solid;
  3559. border-width: 0 2px 2px 0
  3560. }
  3561. .lexical__nestedListItem {
  3562. list-style-type: none
  3563. }
  3564. .lexical__nestedListItem:after, .lexical__nestedListItem:before {
  3565. display: none
  3566. }
  3567. .lexical__tokenComment {
  3568. color: #708090
  3569. }
  3570. .lexical__tokenPunctuation {
  3571. color: #999
  3572. }
  3573. .lexical__tokenProperty {
  3574. color: #905
  3575. }
  3576. .lexical__tokenSelector {
  3577. color: #690
  3578. }
  3579. .lexical__tokenOperator {
  3580. color: #9a6e3a
  3581. }
  3582. .lexical__tokenAttr {
  3583. color: #07a
  3584. }
  3585. .lexical__tokenVariable {
  3586. color: #e90
  3587. }
  3588. .lexical__tokenFunction {
  3589. color: #dd4a68
  3590. }
  3591. .lexical__mark {
  3592. background: #ffd40024;
  3593. border-bottom: 2px solid rgba(255, 212, 0, .3);
  3594. padding-bottom: 2px
  3595. }
  3596. .lexical__markOverlap {
  3597. background: #ffd4004d;
  3598. border-bottom: 2px solid rgba(255, 212, 0, .7)
  3599. }
  3600. .lexical__mark.selected {
  3601. background: #ffd40080;
  3602. border-bottom: 2px solid #ffd400
  3603. }
  3604. .lexical__markOverlap.selected {
  3605. background: #ffd400b3;
  3606. border-bottom: 2px solid rgba(255, 212, 0, .7)
  3607. }
  3608. .lexical__embedBlock {
  3609. -webkit-user-select: none;
  3610. -moz-user-select: none;
  3611. user-select: none
  3612. }
  3613. .lexical__embedBlockFocus {
  3614. outline: 2px solid #3c84f4
  3615. }
  3616. .lexical__layoutContainer {
  3617. display: grid;
  3618. gap: 10px;
  3619. margin: 10px 0
  3620. }
  3621. .lexical__layoutItem {
  3622. border: 1px dashed #ddd;
  3623. padding: 8px 16px
  3624. }
  3625. .lexical__autocomplete {
  3626. color: #ccc
  3627. }
  3628. .lexical__hr {
  3629. padding: 2px;
  3630. border: none;
  3631. margin: 1em 0;
  3632. cursor: pointer
  3633. }
  3634. .lexical__hr:after {
  3635. content: "";
  3636. display: block;
  3637. height: 2px;
  3638. background-color: #ccc;
  3639. line-height: 2px
  3640. }
  3641. .lexical__hr.selected {
  3642. outline: 2px solid #3c84f4;
  3643. -webkit-user-select: none;
  3644. -moz-user-select: none;
  3645. user-select: none
  3646. }
  3647. .lexical__specialText {
  3648. background-color: #ff0;
  3649. font-weight: 700
  3650. }
  3651. .ContentEditable__root {
  3652. border: 0;
  3653. font-size: 15px;
  3654. display: block;
  3655. position: relative;
  3656. outline: 0;
  3657. padding: 8px 28px 40px;
  3658. min-height: 150px
  3659. }
  3660. @media (max-width:1025px) {
  3661. .ContentEditable__root {
  3662. padding-left: 8px;
  3663. padding-right: 8px
  3664. }
  3665. }
  3666. .ContentEditable__placeholder {
  3667. font-size: 15px;
  3668. color: #999;
  3669. overflow: hidden;
  3670. position: absolute;
  3671. text-overflow: ellipsis;
  3672. top: 8px;
  3673. left: 28px;
  3674. right: 28px;
  3675. -webkit-user-select: none;
  3676. -moz-user-select: none;
  3677. user-select: none;
  3678. white-space: nowrap;
  3679. display: inline-block;
  3680. pointer-events: none
  3681. }
  3682. @media (max-width:1025px) {
  3683. .ContentEditable__placeholder {
  3684. left: 8px;
  3685. right: 8px
  3686. }
  3687. }
  3688. @font-face {
  3689. font-family: KaTeX_AMS;
  3690. 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");
  3691. font-weight: 400;
  3692. font-style: normal
  3693. }
  3694. @font-face {
  3695. font-family: KaTeX_Caligraphic;
  3696. 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");
  3697. font-weight: 700;
  3698. font-style: normal
  3699. }
  3700. @font-face {
  3701. font-family: KaTeX_Caligraphic;
  3702. 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");
  3703. font-weight: 400;
  3704. font-style: normal
  3705. }
  3706. @font-face {
  3707. font-family: KaTeX_Fraktur;
  3708. 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");
  3709. font-weight: 700;
  3710. font-style: normal
  3711. }
  3712. @font-face {
  3713. font-family: KaTeX_Fraktur;
  3714. 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");
  3715. font-weight: 400;
  3716. font-style: normal
  3717. }
  3718. @font-face {
  3719. font-family: KaTeX_Main;
  3720. 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");
  3721. font-weight: 700;
  3722. font-style: normal
  3723. }
  3724. @font-face {
  3725. font-family: KaTeX_Main;
  3726. 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");
  3727. font-weight: 700;
  3728. font-style: italic
  3729. }
  3730. @font-face {
  3731. font-family: KaTeX_Main;
  3732. 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");
  3733. font-weight: 400;
  3734. font-style: italic
  3735. }
  3736. @font-face {
  3737. font-family: KaTeX_Main;
  3738. 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");
  3739. font-weight: 400;
  3740. font-style: normal
  3741. }
  3742. @font-face {
  3743. font-family: KaTeX_Math;
  3744. 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");
  3745. font-weight: 700;
  3746. font-style: italic
  3747. }
  3748. @font-face {
  3749. font-family: KaTeX_Math;
  3750. 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");
  3751. font-weight: 400;
  3752. font-style: italic
  3753. }
  3754. @font-face {
  3755. font-family: KaTeX_SansSerif;
  3756. 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");
  3757. font-weight: 700;
  3758. font-style: normal
  3759. }
  3760. @font-face {
  3761. font-family: KaTeX_SansSerif;
  3762. 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");
  3763. font-weight: 400;
  3764. font-style: italic
  3765. }
  3766. @font-face {
  3767. font-family: KaTeX_SansSerif;
  3768. 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");
  3769. font-weight: 400;
  3770. font-style: normal
  3771. }
  3772. @font-face {
  3773. font-family: KaTeX_Script;
  3774. 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");
  3775. font-weight: 400;
  3776. font-style: normal
  3777. }
  3778. @font-face {
  3779. font-family: KaTeX_Size1;
  3780. 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");
  3781. font-weight: 400;
  3782. font-style: normal
  3783. }
  3784. @font-face {
  3785. font-family: KaTeX_Size2;
  3786. 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");
  3787. font-weight: 400;
  3788. font-style: normal
  3789. }
  3790. @font-face {
  3791. font-family: KaTeX_Size3;
  3792. 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");
  3793. font-weight: 400;
  3794. font-style: normal
  3795. }
  3796. @font-face {
  3797. font-family: KaTeX_Size4;
  3798. 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");
  3799. font-weight: 400;
  3800. font-style: normal
  3801. }
  3802. @font-face {
  3803. font-family: KaTeX_Typewriter;
  3804. 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");
  3805. font-weight: 400;
  3806. font-style: normal
  3807. }
  3808. .katex {
  3809. font: 1.21em KaTeX_Main, Times New Roman, serif;
  3810. line-height: 1.2;
  3811. text-indent: 0;
  3812. text-rendering: auto
  3813. }
  3814. .katex * {
  3815. -ms-high-contrast-adjust: none !important;
  3816. border-color: currentColor
  3817. }
  3818. .katex .katex-version:after {
  3819. content: "0.16.10"
  3820. }
  3821. .katex .katex-mathml {
  3822. position: absolute;
  3823. clip: rect(1px, 1px, 1px, 1px);
  3824. padding: 0;
  3825. border: 0;
  3826. height: 1px;
  3827. width: 1px;
  3828. overflow: hidden
  3829. }
  3830. .katex .katex-html>.newline {
  3831. display: block
  3832. }
  3833. .katex .base {
  3834. position: relative;
  3835. white-space: nowrap;
  3836. width: -moz-min-content;
  3837. width: min-content
  3838. }
  3839. .katex .base, .katex .strut {
  3840. display: inline-block
  3841. }
  3842. .katex .textbf {
  3843. font-weight: 700
  3844. }
  3845. .katex .textit {
  3846. font-style: italic
  3847. }
  3848. .katex .textrm {
  3849. font-family: KaTeX_Main
  3850. }
  3851. .katex .textsf {
  3852. font-family: KaTeX_SansSerif
  3853. }
  3854. .katex .texttt {
  3855. font-family: KaTeX_Typewriter
  3856. }
  3857. .katex .mathnormal {
  3858. font-family: KaTeX_Math;
  3859. font-style: italic
  3860. }
  3861. .katex .mathit {
  3862. font-family: KaTeX_Main;
  3863. font-style: italic
  3864. }
  3865. .katex .mathrm {
  3866. font-style: normal
  3867. }
  3868. .katex .mathbf {
  3869. font-family: KaTeX_Main;
  3870. font-weight: 700
  3871. }
  3872. .katex .boldsymbol {
  3873. font-family: KaTeX_Math;
  3874. font-weight: 700;
  3875. font-style: italic
  3876. }
  3877. .katex .amsrm, .katex .mathbb, .katex .textbb {
  3878. font-family: KaTeX_AMS
  3879. }
  3880. .katex .mathcal {
  3881. font-family: KaTeX_Caligraphic
  3882. }
  3883. .katex .mathfrak, .katex .textfrak {
  3884. font-family: KaTeX_Fraktur
  3885. }
  3886. .katex .mathboldfrak, .katex .textboldfrak {
  3887. font-family: KaTeX_Fraktur;
  3888. font-weight: 700
  3889. }
  3890. .katex .mathtt {
  3891. font-family: KaTeX_Typewriter
  3892. }
  3893. .katex .mathscr, .katex .textscr {
  3894. font-family: KaTeX_Script
  3895. }
  3896. .katex .mathsf, .katex .textsf {
  3897. font-family: KaTeX_SansSerif
  3898. }
  3899. .katex .mathboldsf, .katex .textboldsf {
  3900. font-family: KaTeX_SansSerif;
  3901. font-weight: 700
  3902. }
  3903. .katex .mathitsf, .katex .textitsf {
  3904. font-family: KaTeX_SansSerif;
  3905. font-style: italic
  3906. }
  3907. .katex .mainrm {
  3908. font-family: KaTeX_Main;
  3909. font-style: normal
  3910. }
  3911. .katex .vlist-t {
  3912. display: inline-table;
  3913. table-layout: fixed;
  3914. border-collapse: collapse
  3915. }
  3916. .katex .vlist-r {
  3917. display: table-row
  3918. }
  3919. .katex .vlist {
  3920. display: table-cell;
  3921. vertical-align: bottom;
  3922. position: relative
  3923. }
  3924. .katex .vlist>span {
  3925. display: block;
  3926. height: 0;
  3927. position: relative
  3928. }
  3929. .katex .vlist>span>span {
  3930. display: inline-block
  3931. }
  3932. .katex .vlist>span>.pstrut {
  3933. overflow: hidden;
  3934. width: 0
  3935. }
  3936. .katex .vlist-t2 {
  3937. margin-right: -2px
  3938. }
  3939. .katex .vlist-s {
  3940. display: table-cell;
  3941. vertical-align: bottom;
  3942. font-size: 1px;
  3943. width: 2px;
  3944. min-width: 2px
  3945. }
  3946. .katex .vbox {
  3947. display: inline-flex;
  3948. flex-direction: column;
  3949. align-items: baseline
  3950. }
  3951. .katex .hbox {
  3952. width: 100%
  3953. }
  3954. .katex .hbox, .katex .thinbox {
  3955. display: inline-flex;
  3956. flex-direction: row
  3957. }
  3958. .katex .thinbox {
  3959. width: 0;
  3960. max-width: 0
  3961. }
  3962. .katex .msupsub {
  3963. text-align: left
  3964. }
  3965. .katex .mfrac>span>span {
  3966. text-align: center
  3967. }
  3968. .katex .mfrac .frac-line {
  3969. display: inline-block;
  3970. width: 100%;
  3971. border-bottom-style: solid
  3972. }
  3973. .katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line {
  3974. min-height: 1px
  3975. }
  3976. .katex .mspace {
  3977. display: inline-block
  3978. }
  3979. .katex .clap, .katex .llap, .katex .rlap {
  3980. width: 0;
  3981. position: relative
  3982. }
  3983. .katex .clap>.inner, .katex .llap>.inner, .katex .rlap>.inner {
  3984. position: absolute
  3985. }
  3986. .katex .clap>.fix, .katex .llap>.fix, .katex .rlap>.fix {
  3987. display: inline-block
  3988. }
  3989. .katex .llap>.inner {
  3990. right: 0
  3991. }
  3992. .katex .clap>.inner, .katex .rlap>.inner {
  3993. left: 0
  3994. }
  3995. .katex .clap>.inner>span {
  3996. margin-left: -50%;
  3997. margin-right: 50%
  3998. }
  3999. .katex .rule {
  4000. display: inline-block;
  4001. border: 0 solid;
  4002. position: relative
  4003. }
  4004. .katex .hline, .katex .overline .overline-line, .katex .underline .underline-line {
  4005. display: inline-block;
  4006. width: 100%;
  4007. border-bottom-style: solid
  4008. }
  4009. .katex .hdashline {
  4010. display: inline-block;
  4011. width: 100%;
  4012. border-bottom-style: dashed
  4013. }
  4014. .katex .sqrt>.root {
  4015. margin-left: .27777778em;
  4016. margin-right: -.55555556em
  4017. }
  4018. .katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
  4019. font-size: 1em
  4020. }
  4021. .katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
  4022. font-size: 1.2em
  4023. }
  4024. .katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
  4025. font-size: 1.4em
  4026. }
  4027. .katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
  4028. font-size: 1.6em
  4029. }
  4030. .katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
  4031. font-size: 1.8em
  4032. }
  4033. .katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
  4034. font-size: 2em
  4035. }
  4036. .katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
  4037. font-size: 2.4em
  4038. }
  4039. .katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
  4040. font-size: 2.88em
  4041. }
  4042. .katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
  4043. font-size: 3.456em
  4044. }
  4045. .katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
  4046. font-size: 4.148em
  4047. }
  4048. .katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 {
  4049. font-size: 4.976em
  4050. }
  4051. .katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
  4052. font-size: .83333333em
  4053. }
  4054. .katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
  4055. font-size: 1em
  4056. }
  4057. .katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
  4058. font-size: 1.16666667em
  4059. }
  4060. .katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
  4061. font-size: 1.33333333em
  4062. }
  4063. .katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
  4064. font-size: 1.5em
  4065. }
  4066. .katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
  4067. font-size: 1.66666667em
  4068. }
  4069. .katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
  4070. font-size: 2em
  4071. }
  4072. .katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
  4073. font-size: 2.4em
  4074. }
  4075. .katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
  4076. font-size: 2.88em
  4077. }
  4078. .katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
  4079. font-size: 3.45666667em
  4080. }
  4081. .katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 {
  4082. font-size: 4.14666667em
  4083. }
  4084. .katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
  4085. font-size: .71428571em
  4086. }
  4087. .katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
  4088. font-size: .85714286em
  4089. }
  4090. .katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
  4091. font-size: 1em
  4092. }
  4093. .katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
  4094. font-size: 1.14285714em
  4095. }
  4096. .katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
  4097. font-size: 1.28571429em
  4098. }
  4099. .katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
  4100. font-size: 1.42857143em
  4101. }
  4102. .katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
  4103. font-size: 1.71428571em
  4104. }
  4105. .katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
  4106. font-size: 2.05714286em
  4107. }
  4108. .katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
  4109. font-size: 2.46857143em
  4110. }
  4111. .katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
  4112. font-size: 2.96285714em
  4113. }
  4114. .katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 {
  4115. font-size: 3.55428571em
  4116. }
  4117. .katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
  4118. font-size: .625em
  4119. }
  4120. .katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
  4121. font-size: .75em
  4122. }
  4123. .katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
  4124. font-size: .875em
  4125. }
  4126. .katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
  4127. font-size: 1em
  4128. }
  4129. .katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
  4130. font-size: 1.125em
  4131. }
  4132. .katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
  4133. font-size: 1.25em
  4134. }
  4135. .katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
  4136. font-size: 1.5em
  4137. }
  4138. .katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
  4139. font-size: 1.8em
  4140. }
  4141. .katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
  4142. font-size: 2.16em
  4143. }
  4144. .katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
  4145. font-size: 2.5925em
  4146. }
  4147. .katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 {
  4148. font-size: 3.11em
  4149. }
  4150. .katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
  4151. font-size: .55555556em
  4152. }
  4153. .katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
  4154. font-size: .66666667em
  4155. }
  4156. .katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
  4157. font-size: .77777778em
  4158. }
  4159. .katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
  4160. font-size: .88888889em
  4161. }
  4162. .katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
  4163. font-size: 1em
  4164. }
  4165. .katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
  4166. font-size: 1.11111111em
  4167. }
  4168. .katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
  4169. font-size: 1.33333333em
  4170. }
  4171. .katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
  4172. font-size: 1.6em
  4173. }
  4174. .katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
  4175. font-size: 1.92em
  4176. }
  4177. .katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
  4178. font-size: 2.30444444em
  4179. }
  4180. .katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 {
  4181. font-size: 2.76444444em
  4182. }
  4183. .katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
  4184. font-size: .5em
  4185. }
  4186. .katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
  4187. font-size: .6em
  4188. }
  4189. .katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
  4190. font-size: .7em
  4191. }
  4192. .katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
  4193. font-size: .8em
  4194. }
  4195. .katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
  4196. font-size: .9em
  4197. }
  4198. .katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
  4199. font-size: 1em
  4200. }
  4201. .katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
  4202. font-size: 1.2em
  4203. }
  4204. .katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
  4205. font-size: 1.44em
  4206. }
  4207. .katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
  4208. font-size: 1.728em
  4209. }
  4210. .katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
  4211. font-size: 2.074em
  4212. }
  4213. .katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 {
  4214. font-size: 2.488em
  4215. }
  4216. .katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
  4217. font-size: .41666667em
  4218. }
  4219. .katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
  4220. font-size: .5em
  4221. }
  4222. .katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
  4223. font-size: .58333333em
  4224. }
  4225. .katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
  4226. font-size: .66666667em
  4227. }
  4228. .katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
  4229. font-size: .75em
  4230. }
  4231. .katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
  4232. font-size: .83333333em
  4233. }
  4234. .katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
  4235. font-size: 1em
  4236. }
  4237. .katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
  4238. font-size: 1.2em
  4239. }
  4240. .katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
  4241. font-size: 1.44em
  4242. }
  4243. .katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
  4244. font-size: 1.72833333em
  4245. }
  4246. .katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 {
  4247. font-size: 2.07333333em
  4248. }
  4249. .katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
  4250. font-size: .34722222em
  4251. }
  4252. .katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
  4253. font-size: .41666667em
  4254. }
  4255. .katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
  4256. font-size: .48611111em
  4257. }
  4258. .katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
  4259. font-size: .55555556em
  4260. }
  4261. .katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
  4262. font-size: .625em
  4263. }
  4264. .katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
  4265. font-size: .69444444em
  4266. }
  4267. .katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
  4268. font-size: .83333333em
  4269. }
  4270. .katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
  4271. font-size: 1em
  4272. }
  4273. .katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
  4274. font-size: 1.2em
  4275. }
  4276. .katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
  4277. font-size: 1.44027778em
  4278. }
  4279. .katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 {
  4280. font-size: 1.72777778em
  4281. }
  4282. .katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
  4283. font-size: .28935185em
  4284. }
  4285. .katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
  4286. font-size: .34722222em
  4287. }
  4288. .katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
  4289. font-size: .40509259em
  4290. }
  4291. .katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
  4292. font-size: .46296296em
  4293. }
  4294. .katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
  4295. font-size: .52083333em
  4296. }
  4297. .katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
  4298. font-size: .5787037em
  4299. }
  4300. .katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
  4301. font-size: .69444444em
  4302. }
  4303. .katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
  4304. font-size: .83333333em
  4305. }
  4306. .katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
  4307. font-size: 1em
  4308. }
  4309. .katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
  4310. font-size: 1.20023148em
  4311. }
  4312. .katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 {
  4313. font-size: 1.43981481em
  4314. }
  4315. .katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
  4316. font-size: .24108004em
  4317. }
  4318. .katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
  4319. font-size: .28929605em
  4320. }
  4321. .katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
  4322. font-size: .33751205em
  4323. }
  4324. .katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
  4325. font-size: .38572806em
  4326. }
  4327. .katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
  4328. font-size: .43394407em
  4329. }
  4330. .katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
  4331. font-size: .48216008em
  4332. }
  4333. .katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
  4334. font-size: .57859209em
  4335. }
  4336. .katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
  4337. font-size: .69431051em
  4338. }
  4339. .katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
  4340. font-size: .83317261em
  4341. }
  4342. .katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
  4343. font-size: 1em
  4344. }
  4345. .katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 {
  4346. font-size: 1.19961427em
  4347. }
  4348. .katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 {
  4349. font-size: .20096463em
  4350. }
  4351. .katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 {
  4352. font-size: .24115756em
  4353. }
  4354. .katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 {
  4355. font-size: .28135048em
  4356. }
  4357. .katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 {
  4358. font-size: .32154341em
  4359. }
  4360. .katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 {
  4361. font-size: .36173633em
  4362. }
  4363. .katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 {
  4364. font-size: .40192926em
  4365. }
  4366. .katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 {
  4367. font-size: .48231511em
  4368. }
  4369. .katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 {
  4370. font-size: .57877814em
  4371. }
  4372. .katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 {
  4373. font-size: .69453376em
  4374. }
  4375. .katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 {
  4376. font-size: .83360129em
  4377. }
  4378. .katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 {
  4379. font-size: 1em
  4380. }
  4381. .katex .delimsizing.size1 {
  4382. font-family: KaTeX_Size1
  4383. }
  4384. .katex .delimsizing.size2 {
  4385. font-family: KaTeX_Size2
  4386. }
  4387. .katex .delimsizing.size3 {
  4388. font-family: KaTeX_Size3
  4389. }
  4390. .katex .delimsizing.size4 {
  4391. font-family: KaTeX_Size4
  4392. }
  4393. .katex .delimsizing.mult .delim-size1>span {
  4394. font-family: KaTeX_Size1
  4395. }
  4396. .katex .delimsizing.mult .delim-size4>span {
  4397. font-family: KaTeX_Size4
  4398. }
  4399. .katex .nulldelimiter {
  4400. display: inline-block;
  4401. width: .12em
  4402. }
  4403. .katex .delimcenter, .katex .op-symbol {
  4404. position: relative
  4405. }
  4406. .katex .op-symbol.small-op {
  4407. font-family: KaTeX_Size1
  4408. }
  4409. .katex .op-symbol.large-op {
  4410. font-family: KaTeX_Size2
  4411. }
  4412. .katex .accent>.vlist-t, .katex .op-limits>.vlist-t {
  4413. text-align: center
  4414. }
  4415. .katex .accent .accent-body {
  4416. position: relative
  4417. }
  4418. .katex .accent .accent-body:not(.accent-full) {
  4419. width: 0
  4420. }
  4421. .katex .overlay {
  4422. display: block
  4423. }
  4424. .katex .mtable .vertical-separator {
  4425. display: inline-block;
  4426. min-width: 1px
  4427. }
  4428. .katex .mtable .arraycolsep {
  4429. display: inline-block
  4430. }
  4431. .katex .mtable .col-align-c>.vlist-t {
  4432. text-align: center
  4433. }
  4434. .katex .mtable .col-align-l>.vlist-t {
  4435. text-align: left
  4436. }
  4437. .katex .mtable .col-align-r>.vlist-t {
  4438. text-align: right
  4439. }
  4440. .katex .svg-align {
  4441. text-align: left
  4442. }
  4443. .katex svg {
  4444. display: block;
  4445. position: absolute;
  4446. width: 100%;
  4447. height: inherit;
  4448. fill: currentColor;
  4449. stroke: currentColor;
  4450. fill-rule: nonzero;
  4451. fill-opacity: 1;
  4452. stroke-width: 1;
  4453. stroke-linecap: butt;
  4454. stroke-linejoin: miter;
  4455. stroke-miterlimit: 4;
  4456. stroke-dasharray: none;
  4457. stroke-dashoffset: 0;
  4458. stroke-opacity: 1
  4459. }
  4460. .katex svg path {
  4461. stroke: none
  4462. }
  4463. .katex img {
  4464. border-style: none;
  4465. min-width: 0;
  4466. min-height: 0;
  4467. max-width: none;
  4468. max-height: none
  4469. }
  4470. .katex .stretchy {
  4471. width: 100%;
  4472. display: block;
  4473. position: relative;
  4474. overflow: hidden
  4475. }
  4476. .katex .stretchy:after, .katex .stretchy:before {
  4477. content: ""
  4478. }
  4479. .katex .hide-tail {
  4480. width: 100%;
  4481. position: relative;
  4482. overflow: hidden
  4483. }
  4484. .katex .halfarrow-left {
  4485. position: absolute;
  4486. left: 0;
  4487. width: 50.2%;
  4488. overflow: hidden
  4489. }
  4490. .katex .halfarrow-right {
  4491. position: absolute;
  4492. right: 0;
  4493. width: 50.2%;
  4494. overflow: hidden
  4495. }
  4496. .katex .brace-left {
  4497. position: absolute;
  4498. left: 0;
  4499. width: 25.1%;
  4500. overflow: hidden
  4501. }
  4502. .katex .brace-center {
  4503. position: absolute;
  4504. left: 25%;
  4505. width: 50%;
  4506. overflow: hidden
  4507. }
  4508. .katex .brace-right {
  4509. position: absolute;
  4510. right: 0;
  4511. width: 25.1%;
  4512. overflow: hidden
  4513. }
  4514. .katex .x-arrow-pad {
  4515. padding: 0 .5em
  4516. }
  4517. .katex .cd-arrow-pad {
  4518. padding: 0 .55556em 0 .27778em
  4519. }
  4520. .katex .mover, .katex .munder, .katex .x-arrow {
  4521. text-align: center
  4522. }
  4523. .katex .boxpad {
  4524. padding: 0 .3em
  4525. }
  4526. .katex .fbox, .katex .fcolorbox {
  4527. box-sizing: border-box;
  4528. border: .04em solid
  4529. }
  4530. .katex .cancel-pad {
  4531. padding: 0 .2em
  4532. }
  4533. .katex .cancel-lap {
  4534. margin-left: -.2em;
  4535. margin-right: -.2em
  4536. }
  4537. .katex .sout {
  4538. border-bottom-style: solid;
  4539. border-bottom-width: .08em
  4540. }
  4541. .katex .angl {
  4542. box-sizing: border-box;
  4543. border-top: .049em solid;
  4544. border-right: .049em solid;
  4545. margin-right: .03889em
  4546. }
  4547. .katex .anglpad {
  4548. padding: 0 .03889em
  4549. }
  4550. .katex .eqn-num:before {
  4551. counter-increment: katexEqnNo;
  4552. content: "("counter(katexEqnNo) ")"
  4553. }
  4554. .katex .mml-eqn-num:before {
  4555. counter-increment: mmlEqnNo;
  4556. content: "("counter(mmlEqnNo) ")"
  4557. }
  4558. .katex .mtr-glue {
  4559. width: 50%
  4560. }
  4561. .katex .cd-vert-arrow {
  4562. display: inline-block;
  4563. position: relative
  4564. }
  4565. .katex .cd-label-left {
  4566. display: inline-block;
  4567. position: absolute;
  4568. right: calc(50% + .3em);
  4569. text-align: left
  4570. }
  4571. .katex .cd-label-right {
  4572. display: inline-block;
  4573. position: absolute;
  4574. left: calc(50% + .3em);
  4575. text-align: right
  4576. }
  4577. .katex-display {
  4578. display: block;
  4579. margin: 1em 0;
  4580. text-align: center
  4581. }
  4582. .katex-display>.katex {
  4583. display: block;
  4584. text-align: center;
  4585. white-space: nowrap
  4586. }
  4587. .katex-display>.katex>.katex-html {
  4588. display: block;
  4589. position: relative
  4590. }
  4591. .katex-display>.katex>.katex-html>.tag {
  4592. position: absolute;
  4593. right: 0
  4594. }
  4595. .katex-display.leqno>.katex>.katex-html>.tag {
  4596. left: 0;
  4597. right: auto
  4598. }
  4599. .katex-display.fleqn>.katex {
  4600. text-align: left;
  4601. padding-left: 2em
  4602. }
  4603. body {
  4604. counter-reset: katexEqnNo mmlEqnNo
  4605. }
  4606. .KatexEquationAlterer_defaultRow {
  4607. display: flex;
  4608. flex-direction: row;
  4609. margin-top: 10px;
  4610. margin-bottom: 10px;
  4611. justify-content: space-between;
  4612. overflow: hidden
  4613. }
  4614. .KatexEquationAlterer_dialogActions {
  4615. display: flex;
  4616. flex-direction: row;
  4617. overflow: hidden;
  4618. margin-top: 20px;
  4619. margin-bottom: 0;
  4620. justify-content: right
  4621. }
  4622. .KatexEquationAlterer_centerRow {
  4623. display: flex;
  4624. flex-direction: "row";
  4625. margin-top: 10px;
  4626. margin-bottom: 10px;
  4627. justify-content: center;
  4628. overflow: hidden
  4629. }
  4630. .KatexEquationAlterer_textArea {
  4631. width: 100%;
  4632. resize: none;
  4633. padding: 7px
  4634. }
  4635. .ExcalidrawModal__overlay {
  4636. display: flex;
  4637. align-items: center;
  4638. position: fixed;
  4639. flex-direction: column;
  4640. top: 0;
  4641. bottom: 0;
  4642. left: 0;
  4643. right: 0;
  4644. flex-grow: 0px;
  4645. flex-shrink: 1px;
  4646. z-index: 100;
  4647. background-color: #28282899
  4648. }
  4649. .ExcalidrawModal__actions {
  4650. text-align: end;
  4651. position: absolute;
  4652. right: 5px;
  4653. top: 5px;
  4654. z-index: 1
  4655. }
  4656. .ExcalidrawModal__actions button {
  4657. background-color: #fff;
  4658. border-radius: 5px
  4659. }
  4660. .ExcalidrawModal__row {
  4661. position: relative;
  4662. padding: 40px 5px 5px;
  4663. width: 70vw;
  4664. height: 70vh;
  4665. border-radius: 8px;
  4666. box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80
  4667. }
  4668. .ExcalidrawModal__row>div {
  4669. border-radius: 5px
  4670. }
  4671. .ExcalidrawModal__modal {
  4672. position: relative;
  4673. z-index: 10;
  4674. top: 50px;
  4675. width: auto;
  4676. left: 0;
  4677. display: flex;
  4678. justify-content: center;
  4679. align-items: center;
  4680. border-radius: 8px;
  4681. background-color: #eee
  4682. }
  4683. .ExcalidrawModal__discardModal {
  4684. margin-top: 60px;
  4685. text-align: center
  4686. }
  4687. .Input__wrapper {
  4688. display: flex;
  4689. flex-direction: row;
  4690. align-items: center;
  4691. margin-bottom: 10px
  4692. }
  4693. .Input__label {
  4694. display: flex;
  4695. flex: 1;
  4696. color: #666
  4697. }
  4698. .Input__input {
  4699. display: flex;
  4700. flex: 2;
  4701. border: 1px solid #999;
  4702. padding: 7px 10px;
  4703. font-size: 16px;
  4704. border-radius: 5px;
  4705. min-width: 0
  4706. }
  4707. [type=page-break] {
  4708. position: relative;
  4709. display: block;
  4710. width: calc(100% + var(--editor-input-padding, 28px)*2);
  4711. overflow: unset;
  4712. margin-left: calc(var(--editor-input-padding, 28px)*-1);
  4713. margin-top: var(--editor-input-padding, 28px);
  4714. margin-bottom: var(--editor-input-padding, 28px);
  4715. border: none;
  4716. border-top: 1px dashed var(--editor-color-secondary, #eee);
  4717. border-bottom: 1px dashed var(--editor-color-secondary, #eee);
  4718. background-color: var(--editor-color-secondary, #eee)
  4719. }
  4720. [type=page-break]:before {
  4721. content: "";
  4722. position: absolute;
  4723. top: 50%;
  4724. left: calc(var(--editor-input-padding, 28px) + 12px);
  4725. transform: translateY(-50%);
  4726. opacity: .5;
  4727. background-size: cover;
  4728. 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");
  4729. width: 16px;
  4730. height: 16px
  4731. }
  4732. [type=page-break]:after {
  4733. position: absolute;
  4734. top: 50%;
  4735. left: 50%;
  4736. transform: translate(-50%, -50%);
  4737. display: block;
  4738. padding: 2px 6px;
  4739. border: 1px solid #ccc;
  4740. background-color: #fff;
  4741. content: "PAGE BREAK";
  4742. font-size: 12px;
  4743. color: #000;
  4744. font-weight: 600
  4745. }
  4746. .selected[type=page-break] {
  4747. border-color: var(--editor-color-primary, #4766cb)
  4748. }
  4749. .selected[type=page-break]:before {
  4750. opacity: 1
  4751. }
  4752. .draggable-block-menu {
  4753. border-radius: 4px;
  4754. padding: 2px 1px;
  4755. cursor: grab;
  4756. opacity: 0;
  4757. position: absolute;
  4758. left: 0;
  4759. top: 0;
  4760. will-change: transform
  4761. }
  4762. .draggable-block-menu .icon {
  4763. width: 16px;
  4764. height: 16px;
  4765. opacity: .3;
  4766. 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")
  4767. }
  4768. .draggable-block-menu:active {
  4769. cursor: grabbing
  4770. }
  4771. .draggable-block-menu:hover {
  4772. background-color: #efefef
  4773. }
  4774. .draggable-block-target-line {
  4775. pointer-events: none;
  4776. background: #00bfff;
  4777. height: 4px
  4778. }
  4779. .draggable-block-target-line, .link-editor {
  4780. position: absolute;
  4781. left: 0;
  4782. top: 0;
  4783. opacity: 0;
  4784. will-change: transform
  4785. }
  4786. .link-editor {
  4787. display: flex;
  4788. z-index: 10;
  4789. max-width: 400px;
  4790. width: 100%;
  4791. background-color: #fff;
  4792. box-shadow: 0 5px 10px #0000004d;
  4793. border-radius: 0 0 8px 8px;
  4794. transition: opacity .5s
  4795. }
  4796. .link-editor .button {
  4797. width: 20px;
  4798. height: 20px;
  4799. display: inline-block;
  4800. padding: 6px;
  4801. border-radius: 8px;
  4802. cursor: pointer;
  4803. margin: 0 2px
  4804. }
  4805. .link-editor .button.hovered {
  4806. width: 20px;
  4807. height: 20px;
  4808. display: inline-block;
  4809. background-color: #eee
  4810. }
  4811. .actions i, .link-editor .button i {
  4812. background-size: contain;
  4813. display: inline-block;
  4814. height: 20px;
  4815. width: 20px;
  4816. vertical-align: -.25em
  4817. }
  4818. .floating-text-format-popup {
  4819. display: flex;
  4820. background: #fff;
  4821. padding: 4px;
  4822. vertical-align: middle;
  4823. position: absolute;
  4824. top: 0;
  4825. left: 0;
  4826. z-index: 10;
  4827. opacity: 0;
  4828. box-shadow: 0 5px 10px #0000004d;
  4829. border-radius: 8px;
  4830. transition: opacity .5s;
  4831. height: 35px;
  4832. will-change: transform
  4833. }
  4834. .floating-text-format-popup button.popup-item {
  4835. border: 0;
  4836. display: flex;
  4837. background: none;
  4838. border-radius: 10px;
  4839. padding: 8px;
  4840. cursor: pointer;
  4841. vertical-align: middle
  4842. }
  4843. .floating-text-format-popup button.popup-item:disabled {
  4844. cursor: not-allowed
  4845. }
  4846. .floating-text-format-popup button.popup-item.spaced {
  4847. margin-right: 2px
  4848. }
  4849. .floating-text-format-popup button.popup-item i.format {
  4850. background-size: contain;
  4851. height: 18px;
  4852. width: 18px;
  4853. margin-top: 2px;
  4854. vertical-align: -.25em;
  4855. display: flex
  4856. }
  4857. .floating-text-format-popup button.popup-item:disabled i.format {
  4858. opacity: .2
  4859. }
  4860. .floating-text-format-popup button.popup-item.active {
  4861. background-color: #dfe8fa4d
  4862. }
  4863. .floating-text-format-popup button.popup-item.active i {
  4864. opacity: 1
  4865. }
  4866. .floating-text-format-popup .popup-item:hover:not([disabled]) {
  4867. background-color: #eee
  4868. }
  4869. .floating-text-format-popup select.popup-item {
  4870. border: 0;
  4871. display: flex;
  4872. background: none;
  4873. border-radius: 10px;
  4874. padding: 8px;
  4875. vertical-align: middle;
  4876. -webkit-appearance: none;
  4877. -moz-appearance: none;
  4878. width: 70px;
  4879. font-size: 14px;
  4880. color: #777;
  4881. text-overflow: ellipsis
  4882. }
  4883. .floating-text-format-popup select.code-language {
  4884. text-transform: capitalize;
  4885. width: 130px
  4886. }
  4887. .floating-text-format-popup .popup-item .text {
  4888. display: flex;
  4889. line-height: 20px;
  4890. vertical-align: middle;
  4891. font-size: 14px;
  4892. color: #777;
  4893. text-overflow: ellipsis;
  4894. width: 70px;
  4895. overflow: hidden;
  4896. height: 20px;
  4897. text-align: left
  4898. }
  4899. .floating-text-format-popup .popup-item .icon {
  4900. display: flex;
  4901. width: 20px;
  4902. height: 20px;
  4903. -webkit-user-select: none;
  4904. -moz-user-select: none;
  4905. user-select: none;
  4906. margin-right: 8px;
  4907. line-height: 16px;
  4908. background-size: contain
  4909. }
  4910. .floating-text-format-popup i.chevron-down {
  4911. margin-top: 3px;
  4912. width: 16px;
  4913. height: 16px;
  4914. display: flex;
  4915. -webkit-user-select: none;
  4916. -moz-user-select: none;
  4917. user-select: none
  4918. }
  4919. .floating-text-format-popup i.chevron-down.inside {
  4920. width: 16px;
  4921. height: 16px;
  4922. display: flex;
  4923. margin-left: -25px;
  4924. margin-top: 11px;
  4925. margin-right: 10px;
  4926. pointer-events: none
  4927. }
  4928. .floating-text-format-popup .divider {
  4929. width: 1px;
  4930. background-color: #eee;
  4931. margin: 0 4px
  4932. }
  4933. @media (max-width:1024px) {
  4934. .floating-text-format-popup button.insert-comment {
  4935. display: none
  4936. }
  4937. }
  4938. .InlineImageNode__contentEditable {
  4939. min-height: 20px;
  4940. border: 0;
  4941. resize: none;
  4942. cursor: text;
  4943. caret-color: #050505;
  4944. display: block;
  4945. position: relative;
  4946. -moz-tab-size: 1;
  4947. -o-tab-size: 1;
  4948. tab-size: 1;
  4949. outline: 0;
  4950. padding: 10px;
  4951. -webkit-user-select: text;
  4952. -moz-user-select: text;
  4953. user-select: text;
  4954. font-size: 14px;
  4955. line-height: 1.4em;
  4956. width: calc(100% - 20px);
  4957. white-space: pre-wrap;
  4958. word-break: break-word
  4959. }
  4960. .InlineImageNode__placeholder {
  4961. font-size: 12px;
  4962. color: #888;
  4963. overflow: hidden;
  4964. position: absolute;
  4965. text-overflow: ellipsis;
  4966. bottom: 10px;
  4967. left: 10px;
  4968. -webkit-user-select: none;
  4969. -moz-user-select: none;
  4970. user-select: none;
  4971. white-space: nowrap;
  4972. display: inline-block;
  4973. pointer-events: none
  4974. }
  4975. .InlineImageNode_Checkbox:checked, .InlineImageNode_Checkbox:not(:checked) {
  4976. position: absolute;
  4977. left: -9999px
  4978. }
  4979. .InlineImageNode_Checkbox:checked+label, .InlineImageNode_Checkbox:not(:checked)+label {
  4980. position: absolute;
  4981. padding-right: 55px;
  4982. cursor: pointer;
  4983. line-height: 20px;
  4984. display: inline-block;
  4985. color: #666
  4986. }
  4987. .InlineImageNode_Checkbox:checked+label:before, .InlineImageNode_Checkbox:not(:checked)+label:before {
  4988. content: "";
  4989. position: absolute;
  4990. right: 0;
  4991. top: 0;
  4992. width: 18px;
  4993. height: 18px;
  4994. border: 1px solid #666;
  4995. background: #fff
  4996. }
  4997. .InlineImageNode_Checkbox:checked+label:after, .InlineImageNode_Checkbox:not(:checked)+label:after {
  4998. content: "";
  4999. width: 8px;
  5000. height: 8px;
  5001. background: #222;
  5002. position: absolute;
  5003. top: 6px;
  5004. right: 6px;
  5005. transition: all .2s ease
  5006. }
  5007. .InlineImageNode_Checkbox:not(:checked)+label:after {
  5008. opacity: 0;
  5009. transform: scale(0)
  5010. }
  5011. .InlineImageNode_Checkbox:checked+label:after {
  5012. opacity: 1;
  5013. transform: scale(1)
  5014. }
  5015. :root {
  5016. --select-border: #393939;
  5017. --select-focus: #101484;
  5018. --select-arrow: var(--select-border)
  5019. }
  5020. .color-picker-wrapper {
  5021. padding: 20px
  5022. }
  5023. .color-picker-basic-color {
  5024. display: flex;
  5025. flex-wrap: wrap;
  5026. gap: 10px;
  5027. margin: 0;
  5028. padding: 0
  5029. }
  5030. .color-picker-basic-color button {
  5031. border: 1px solid #ccc;
  5032. border-radius: 4px;
  5033. height: 16px;
  5034. width: 16px;
  5035. cursor: pointer;
  5036. list-style-type: none
  5037. }
  5038. .color-picker-basic-color button.active {
  5039. box-shadow: 0 0 2px 2px #0000004d
  5040. }
  5041. .color-picker-saturation {
  5042. width: 100%;
  5043. position: relative;
  5044. margin-top: 15px;
  5045. height: 150px;
  5046. background-image: linear-gradient(transparent, #000), linear-gradient(90deg, #fff, transparent);
  5047. -webkit-user-select: none;
  5048. -moz-user-select: none;
  5049. user-select: none
  5050. }
  5051. .color-picker-saturation_cursor {
  5052. position: absolute;
  5053. width: 20px;
  5054. height: 20px;
  5055. border: 2px solid #fff;
  5056. border-radius: 50%;
  5057. box-shadow: 0 0 15px #00000026;
  5058. box-sizing: border-box;
  5059. transform: translate(-10px, -10px)
  5060. }
  5061. .color-picker-hue {
  5062. width: 100%;
  5063. position: relative;
  5064. margin-top: 15px;
  5065. height: 12px;
  5066. background-image: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
  5067. -webkit-user-select: none;
  5068. -moz-user-select: none;
  5069. user-select: none;
  5070. border-radius: 12px
  5071. }
  5072. .color-picker-hue_cursor {
  5073. position: absolute;
  5074. width: 20px;
  5075. height: 20px;
  5076. border: 2px solid #fff;
  5077. border-radius: 50%;
  5078. box-shadow: 0 0 0 .5px #0003;
  5079. box-sizing: border-box;
  5080. transform: translate(-10px, -4px)
  5081. }
  5082. .color-picker-color {
  5083. border: 1px solid #ccc;
  5084. margin-top: 15px;
  5085. width: 100%;
  5086. height: 20px
  5087. }
  5088. .TableCellResizer__resizer {
  5089. position: absolute
  5090. }
  5091. .table-of-contents .heading2 {
  5092. margin-left: 10px
  5093. }
  5094. .table-of-contents .heading3 {
  5095. margin-left: 20px
  5096. }
  5097. .selected-heading {
  5098. color: #3578e5;
  5099. position: relative
  5100. }
  5101. .selected-heading-wrapper:before {
  5102. content: " ";
  5103. position: absolute;
  5104. display: inline-block;
  5105. left: -30px;
  5106. top: 4px;
  5107. z-index: 10;
  5108. height: 4px;
  5109. width: 4px;
  5110. background-color: #3578e5;
  5111. border: 4px solid #fff;
  5112. border-radius: 50%
  5113. }
  5114. .normal-heading {
  5115. cursor: pointer;
  5116. line-height: 20px;
  5117. font-size: 16px
  5118. }
  5119. .table-of-contents {
  5120. color: #65676b;
  5121. position: fixed;
  5122. top: 200px;
  5123. right: -35px;
  5124. padding: 10px;
  5125. width: 250px;
  5126. display: flex;
  5127. flex-direction: row;
  5128. justify-content: flex-start;
  5129. z-index: 1;
  5130. height: 300px
  5131. }
  5132. .first-heading {
  5133. color: #000;
  5134. font-weight: 700;
  5135. cursor: pointer
  5136. }
  5137. .headings {
  5138. list-style: none;
  5139. margin-top: 0;
  5140. margin-left: 10px;
  5141. padding: 0;
  5142. overflow: scroll;
  5143. width: 200px;
  5144. height: 220px;
  5145. overflow-x: hidden;
  5146. overflow-y: auto;
  5147. -ms-overflow-style: none;
  5148. scrollbar-width: none
  5149. }
  5150. .headings::-webkit-scrollbar {
  5151. display: none
  5152. }
  5153. .headings:before {
  5154. content: " ";
  5155. position: absolute;
  5156. height: 220px;
  5157. width: 4px;
  5158. right: 240px;
  5159. margin-top: 5px;
  5160. background-color: #ccd0d5;
  5161. border-radius: 2px
  5162. }
  5163. .normal-heading-wrapper {
  5164. margin-left: 32px;
  5165. position: relative
  5166. }
  5167. .font-size-input {
  5168. font-weight: 700;
  5169. font-size: 14px;
  5170. color: #777
  5171. }
  5172. .font-size-input:is(.dark *) {
  5173. background-color: hsla(0, 0%, 100%, .05);
  5174. --tw-text-opacity: 1;
  5175. color: rgb(255 255 255/var(--tw-text-opacity, 1))
  5176. }
  5177. .font-size-input {
  5178. border-radius: 5px;
  5179. border-color: gray;
  5180. height: 30px;
  5181. padding: 2px 4px;
  5182. text-align: center;
  5183. width: 40px;
  5184. align-self: center
  5185. }
  5186. .font-size-input:disabled {
  5187. opacity: .2;
  5188. cursor: not-allowed
  5189. }
  5190. input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  5191. -webkit-appearance: none;
  5192. margin: 0
  5193. }
  5194. input[type=number] {
  5195. -moz-appearance: textfield
  5196. }
  5197. .add-icon {
  5198. 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")
  5199. }
  5200. .add-icon, .minus-icon {
  5201. background-repeat: no-repeat;
  5202. background-position: 50%
  5203. }
  5204. .minus-icon {
  5205. 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")
  5206. }
  5207. button.font-decrement {
  5208. padding: 0;
  5209. margin-right: 3px
  5210. }
  5211. button.font-increment {
  5212. padding: 0;
  5213. margin-left: 3px
  5214. }
  5215. .hover\:text-blue-700:hover {
  5216. --tw-text-opacity: 1;
  5217. color: rgb(29 78 216/var(--tw-text-opacity, 1))
  5218. }
  5219. .hover\:underline:hover {
  5220. text-decoration-line: underline
  5221. }
  5222. .dark\:bg-white\/5:is(.dark *) {
  5223. background-color: hsla(0, 0%, 100%, .05)
  5224. }
  5225. .dark\:text-white:is(.dark *) {
  5226. --tw-text-opacity: 1;
  5227. color: rgb(255 255 255/var(--tw-text-opacity, 1))
  5228. }
  5229. .dark\:ring-danger-600:is(.dark *) {
  5230. --tw-ring-opacity: 1;
  5231. --tw-ring-color: rgba(var(--danger-600), var(--tw-ring-opacity, 1))
  5232. }
  5233. .dark\:ring-white\/20:is(.dark *) {
  5234. --tw-ring-color: hsla(0, 0%, 100%, .2)
  5235. }
  5236. .dark\:invert:is(.dark *) {
  5237. --tw-invert: invert(100%);
  5238. 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)
  5239. }
  5240. .lexical__h5 {
  5241. font-size: 24px;
  5242. ;
  5243. }