skin.css 197 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109
  1. .tox {
  2. box-shadow: none;
  3. box-sizing: content-box;
  4. cursor: auto;
  5. font-style: normal;
  6. font-weight: normal;
  7. line-height: normal;
  8. -webkit-tap-highlight-color: transparent;
  9. -webkit-text-decoration: none;
  10. text-decoration: none;
  11. text-shadow: none;
  12. text-transform: none;
  13. vertical-align: initial;
  14. white-space: normal;
  15. }
  16. .tox *:not(svg):not(rect) {
  17. box-sizing: inherit;
  18. color: inherit;
  19. cursor: inherit;
  20. direction: inherit;
  21. font-family: inherit;
  22. font-size: inherit;
  23. font-style: inherit;
  24. font-weight: inherit;
  25. line-height: inherit;
  26. -webkit-tap-highlight-color: inherit;
  27. text-align: inherit;
  28. text-decoration: inherit;
  29. text-shadow: inherit;
  30. text-transform: inherit;
  31. vertical-align: inherit;
  32. white-space: inherit;
  33. }
  34. .tox *:not(svg):not(rect) {
  35. /* stylelint-disable-line no-duplicate-selectors */
  36. background: transparent;
  37. border: 0;
  38. box-shadow: none;
  39. float: none;
  40. height: auto;
  41. margin: 0;
  42. max-width: none;
  43. outline: 0;
  44. padding: 0;
  45. position: static;
  46. width: auto;
  47. }
  48. .tox:not([dir=rtl]) {
  49. direction: ltr;
  50. text-align: left;
  51. }
  52. .tox[dir=rtl] {
  53. direction: rtl;
  54. text-align: right;
  55. }
  56. .tox-tinymce *:focus,
  57. .tox-tinymce-aux *:focus {
  58. outline: none;
  59. }
  60. button::-moz-focus-inner {
  61. border: 0;
  62. }
  63. @keyframes tox-rotation {
  64. 0% {
  65. transform: rotate(0deg);
  66. }
  67. 100% {
  68. transform: rotate(360deg);
  69. }
  70. }
  71. @keyframes tox-bouncing-dots {
  72. 0%,
  73. 80%,
  74. 100% {
  75. transform: scale(0);
  76. }
  77. 40% {
  78. transform: scale(1);
  79. }
  80. }
  81. .tox {
  82. color: var(--tox-private-color-black, #222f3e);
  83. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  84. font-size: var(--tox-private-font-size-base, 16px);
  85. }
  86. .tox-tinymce {
  87. border: 2px solid #eeeeee;
  88. border-radius: 10px;
  89. box-shadow: none;
  90. box-sizing: border-box;
  91. display: flex;
  92. flex-direction: column;
  93. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  94. overflow: hidden;
  95. position: relative;
  96. visibility: inherit !important;
  97. }
  98. .tox.tox-tinymce-inline {
  99. border: none;
  100. box-shadow: none;
  101. overflow: initial;
  102. }
  103. .tox.tox-tinymce-inline .tox-editor-container {
  104. overflow: initial;
  105. }
  106. .tox.tox-tinymce-inline .tox-editor-header {
  107. background-color: #fff;
  108. border: 2px solid #eeeeee;
  109. border-radius: 10px;
  110. box-shadow: none;
  111. overflow: hidden;
  112. }
  113. .tox-tinymce-aux {
  114. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  115. z-index: var(--tox-private-z-index-sink, 1300);
  116. }
  117. .tox[dir=rtl] .tox-icon--flip svg {
  118. transform: rotateY(180deg);
  119. }
  120. .tox .tox-editor-container {
  121. display: flex;
  122. flex: 1 1 auto;
  123. flex-direction: column;
  124. overflow: hidden;
  125. }
  126. .tox .tox-editor-header {
  127. display: grid;
  128. grid-template-columns: 1fr min-content;
  129. z-index: 2;
  130. }
  131. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  132. background-color: #fff;
  133. border-bottom: none;
  134. box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
  135. padding: 4px 0;
  136. }
  137. .tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
  138. transition: box-shadow 0.5s;
  139. }
  140. .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
  141. border-top: 1px solid #e3e3e3;
  142. box-shadow: none;
  143. }
  144. .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
  145. background-color: #fff;
  146. box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
  147. padding: 4px 0;
  148. }
  149. .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
  150. box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
  151. }
  152. .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
  153. background: none;
  154. border: none;
  155. box-shadow: none;
  156. padding: 0;
  157. }
  158. .tox-editor-dock-fadeout {
  159. opacity: 0;
  160. visibility: hidden;
  161. }
  162. .tox-editor-dock-fadein {
  163. opacity: 1;
  164. visibility: visible;
  165. }
  166. .tox-editor-dock-transition {
  167. transition: visibility 0s linear 0.25s, opacity 0.25s ease;
  168. }
  169. .tox-editor-dock-transition.tox-editor-dock-fadein {
  170. transition-delay: 0s;
  171. }
  172. .tox .accessibility-issue__header {
  173. align-items: center;
  174. display: flex;
  175. margin-bottom: 4px;
  176. }
  177. .tox #accessibility-issue__subheader {
  178. font-size: 16px;
  179. color: #222f3e;
  180. }
  181. .tox .accessbility-sr-only {
  182. position: absolute;
  183. clip: rect(1px, 1px, 1px, 1px);
  184. clip-path: inset(0 0 99.9% 99.9%);
  185. overflow: hidden;
  186. height: 1px;
  187. width: 1px;
  188. padding: 0;
  189. border: 0;
  190. }
  191. .tox .accessibility-issue__description {
  192. align-items: stretch;
  193. border-radius: 6px;
  194. justify-content: space-between;
  195. }
  196. .tox .accessibility-issue__description > div {
  197. padding-bottom: 4px;
  198. }
  199. .tox .accessibility-issue__description > div > div {
  200. align-items: center;
  201. display: flex;
  202. margin-bottom: 4px;
  203. }
  204. .tox .accessibility-issue__description > div > div .tox-icon svg {
  205. display: block;
  206. }
  207. .tox #accessibility-issue__contentID {
  208. margin-top: 8px;
  209. margin-bottom: 8px;
  210. }
  211. .tox #accessibility-issue__contentID span:first-child {
  212. font-weight: bold;
  213. }
  214. .tox #accessibility-issue__document {
  215. padding-bottom: 8px;
  216. }
  217. .tox .accessibility-issue__repair {
  218. margin-top: 8px;
  219. }
  220. .tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
  221. color: #c00;
  222. }
  223. .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
  224. background-color: #e6f0fd;
  225. color: #222f3e;
  226. }
  227. .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  228. font-size: 14px;
  229. color: #006ce7;
  230. }
  231. .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
  232. fill: #006ce7;
  233. }
  234. .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
  235. background-color: #006ce7;
  236. color: #fff;
  237. }
  238. .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
  239. .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
  240. background-color: #0060ce;
  241. }
  242. .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
  243. background-color: #0054b4;
  244. }
  245. .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
  246. background-color: #fffae6;
  247. color: #222f3e;
  248. }
  249. .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
  250. font-size: 14px;
  251. color: #7a6e25;
  252. }
  253. .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
  254. fill: #7a6e25;
  255. }
  256. .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
  257. background-color: #FFE89D;
  258. color: #222f3e;
  259. }
  260. .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
  261. .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
  262. background-color: #F2D574;
  263. color: #222f3e;
  264. }
  265. .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
  266. background-color: #E8C657;
  267. color: #222f3e;
  268. }
  269. .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
  270. background-color: #fae6e6;
  271. color: #222f3e;
  272. }
  273. .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
  274. font-size: 14px;
  275. color: #c00;
  276. }
  277. .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
  278. fill: #c00;
  279. }
  280. .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
  281. background-color: #F2BFBF;
  282. color: #222f3e;
  283. }
  284. .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
  285. .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
  286. background-color: #E9A4A4;
  287. color: #222f3e;
  288. }
  289. .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
  290. background-color: #EE9494;
  291. color: #222f3e;
  292. }
  293. .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
  294. background-color: rgba(120, 171, 70, 0.1);
  295. color: #222f3e;
  296. }
  297. .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
  298. display: none;
  299. }
  300. .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
  301. color: #527530;
  302. }
  303. .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
  304. fill: #527530;
  305. }
  306. .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
  307. .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
  308. margin-top: 0;
  309. }
  310. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
  311. margin-left: 4px;
  312. }
  313. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  314. margin-left: auto;
  315. }
  316. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
  317. padding: 8px;
  318. }
  319. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
  320. margin-right: 4px;
  321. }
  322. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  323. margin-right: auto;
  324. }
  325. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
  326. padding: 4px 8px 4px 4px;
  327. }
  328. .tox .mce-codemirror {
  329. background: #fff;
  330. bottom: 0;
  331. font-size: 13px;
  332. left: 0;
  333. position: absolute;
  334. right: 0;
  335. top: 0;
  336. z-index: 1;
  337. }
  338. .tox .mce-codemirror.tox-inline-codemirror {
  339. margin: 8px;
  340. position: absolute;
  341. }
  342. .tox .tox-advtemplate .tox-form__grid {
  343. flex: 1;
  344. }
  345. .tox .tox-advtemplate .tox-form__grid > div:first-child {
  346. display: flex;
  347. flex-direction: column;
  348. width: 30%;
  349. }
  350. .tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
  351. flex-basis: 0;
  352. flex-grow: 1;
  353. overflow: auto;
  354. }
  355. @media only screen and (max-width: 767px ) {
  356. body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
  357. width: 100%;
  358. }
  359. }
  360. .tox .tox-advtemplate iframe {
  361. border-color: #eeeeee;
  362. border-radius: 10px;
  363. border-style: solid;
  364. border-width: 1px;
  365. margin: 0 10px;
  366. }
  367. .tox .tox-accordion {
  368. display: flex;
  369. flex-direction: column;
  370. gap: var(--tox-private-pad-sm, 8px);
  371. }
  372. .tox .tox-accordion__item {
  373. background-color: var(--tox-private-background-color, #fff);
  374. color: var(--tox-private-text-color, #222f3e);
  375. border-radius: var(--tox-private-control-border-radius, 6px);
  376. position: relative;
  377. }
  378. .tox .tox-accordion__item.tox-accordion__item--expanded {
  379. background-color: var(--tox-private-background-secondary, #f0f0f0);
  380. }
  381. .tox .tox-accordion__item.tox-accordion__item--expanded .tox-accordion__content--expanded .tox-accordion__content-inner {
  382. padding-top: 0;
  383. }
  384. .tox .tox-accordion__item::after {
  385. border-radius: var(--tox-private-control-border-radius, 6px);
  386. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  387. content: '';
  388. inset: 0;
  389. opacity: 0;
  390. pointer-events: none;
  391. position: absolute;
  392. }
  393. @media (forced-colors: active) {
  394. .tox .tox-accordion__item::after {
  395. border: 2px solid highlight;
  396. }
  397. }
  398. .tox .tox-accordion__item:focus {
  399. outline: none;
  400. z-index: 1;
  401. }
  402. .tox .tox-accordion__item:focus::after {
  403. opacity: 1;
  404. }
  405. .tox .tox-accordion__heading {
  406. margin: 0;
  407. width: 100%;
  408. }
  409. .tox .tox-accordion__heading:focus {
  410. outline: none;
  411. }
  412. .tox .tox-accordion__header {
  413. align-items: center;
  414. border: none;
  415. border-radius: var(--tox-private-control-border-radius, 6px);
  416. box-sizing: border-box;
  417. color: var(--tox-private-text-color, #222f3e);
  418. cursor: pointer;
  419. display: flex;
  420. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  421. font-size: var(--tox-private-font-size-md, 16px);
  422. font-weight: var(--tox-private-font-weight-bold, bold);
  423. line-height: var(--tox-private-line-height-base, 1.3);
  424. outline: none;
  425. padding: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  426. text-align: left;
  427. width: 100%;
  428. }
  429. .tox .tox-accordion__header::after {
  430. border-radius: var(--tox-private-control-border-radius, 6px);
  431. bottom: 0;
  432. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  433. content: '';
  434. left: 0;
  435. opacity: 0;
  436. pointer-events: none;
  437. position: absolute;
  438. right: 0;
  439. top: 0;
  440. }
  441. @media (forced-colors: active) {
  442. .tox .tox-accordion__header::after {
  443. border: 2px solid highlight;
  444. }
  445. }
  446. .tox .tox-accordion__header:hover:not(.tox-accordion__header--disabled) {
  447. background-color: var(--tox-private-background-secondary, #f0f0f0);
  448. }
  449. .tox .tox-accordion__header:focus:not(.tox-accordion__header--disabled) {
  450. position: relative;
  451. z-index: 1;
  452. }
  453. .tox .tox-accordion__header:focus:not(.tox-accordion__header--disabled)::after {
  454. opacity: 1;
  455. }
  456. .tox .tox-accordion__header.tox-accordion__header--disabled {
  457. cursor: not-allowed;
  458. opacity: 0.5;
  459. }
  460. .tox .tox-accordion__header.tox-accordion__header--icon-end {
  461. padding-right: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  462. }
  463. .tox .tox-accordion__header-icon {
  464. align-items: center;
  465. color: var(--tox-private-text-color, #222f3e);
  466. display: flex;
  467. flex-shrink: 0;
  468. height: calc(var(--tox-private-base-value, 16px) * 1.5);
  469. justify-content: center;
  470. width: calc(var(--tox-private-base-value, 16px) * 1.5);
  471. }
  472. .tox .tox-accordion__header-icon svg {
  473. display: block;
  474. fill: currentColor;
  475. height: 100%;
  476. width: 100%;
  477. max-height: calc(var(--tox-private-base-value, 16px) * 1.5);
  478. max-width: calc(var(--tox-private-base-value, 16px) * 1.5);
  479. }
  480. .tox .tox-accordion__header:not(.tox-accordion__header--icon-end) .tox-accordion__header-icon {
  481. margin-right: var(--tox-private-pad-sm, 8px);
  482. margin-left: 0;
  483. }
  484. .tox .tox-accordion__header--icon-end .tox-accordion__header-icon {
  485. margin-left: auto;
  486. }
  487. .tox .tox-accordion__header-text {
  488. flex: 1;
  489. min-width: 0;
  490. overflow: hidden;
  491. text-overflow: ellipsis;
  492. white-space: nowrap;
  493. }
  494. .tox .tox-accordion__header--icon-end .tox-accordion__header-text {
  495. flex: 0 1 auto;
  496. margin-right: var(--tox-private-pad-sm, 8px);
  497. }
  498. .tox .tox-accordion__content {
  499. border-radius: var(--tox-private-control-border-radius, 6px);
  500. }
  501. .tox .tox-accordion__content.tox-accordion__content--collapsed {
  502. display: none;
  503. }
  504. .tox .tox-accordion__content.tox-accordion__content--expanded {
  505. display: block;
  506. }
  507. .tox .tox-accordion__content-inner {
  508. padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px)) calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  509. }
  510. .tox .tox-accordion__content-inner .tox-form__group:last-child {
  511. margin-bottom: 0;
  512. }
  513. .tox .tox-accordion__content-inner .tox-form__group > *:not(:first-child) {
  514. margin-top: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  515. }
  516. .tox .tox-accordion__content-inner .tox-form__group > .tox-dropdown-content {
  517. margin-top: 0;
  518. }
  519. .tox .tox-accordion__content-inner .tox-button-group {
  520. display: flex;
  521. gap: var(--tox-private-pad-sm, 8px);
  522. }
  523. .tox .tox-accordion__content-inner .tox-accordion__model-button {
  524. border-radius: var(--tox-private-control-border-radius, 6px);
  525. align-items: center;
  526. appearance: none;
  527. background: none;
  528. border: none;
  529. color: inherit;
  530. cursor: pointer;
  531. display: flex;
  532. font-family: inherit;
  533. font-size: inherit;
  534. gap: var(--tox-private-pad-xs, 4px);
  535. margin: 0;
  536. outline: none;
  537. padding: 6px calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  538. position: relative;
  539. }
  540. .tox .tox-accordion__content-inner .tox-accordion__model-button::after {
  541. border-radius: var(--tox-private-control-border-radius, 6px);
  542. bottom: 0;
  543. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  544. content: '';
  545. left: 0;
  546. opacity: 0;
  547. pointer-events: none;
  548. position: absolute;
  549. right: 0;
  550. top: 0;
  551. }
  552. @media (forced-colors: active) {
  553. .tox .tox-accordion__content-inner .tox-accordion__model-button::after {
  554. border: 2px solid highlight;
  555. }
  556. }
  557. .tox .tox-accordion__content-inner .tox-accordion__model-button:focus {
  558. z-index: 1;
  559. }
  560. .tox .tox-accordion__content-inner .tox-accordion__model-button:focus::after {
  561. opacity: 1;
  562. }
  563. .tox .tox-accordion .tox-selectfield {
  564. align-items: center;
  565. background-color: var(--tox-private-background-color, #fff);
  566. border: 1px solid var(--tox-private-border-color, #eeeeee);
  567. border-radius: var(--tox-private-control-border-radius, 6px);
  568. box-sizing: border-box;
  569. display: flex;
  570. height: 34px;
  571. padding: 0 6px;
  572. position: relative;
  573. width: 100%;
  574. }
  575. .tox .tox-accordion .tox-selectfield:focus-within {
  576. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  577. z-index: 1;
  578. }
  579. @media (forced-colors: active) {
  580. .tox .tox-accordion .tox-selectfield:focus-within {
  581. border-color: highlight;
  582. box-shadow: 0 0 0 2px highlight;
  583. }
  584. }
  585. .tox .tox-accordion .tox-selectfield button {
  586. appearance: none;
  587. background: none;
  588. border: none;
  589. color: inherit;
  590. cursor: pointer;
  591. flex: 1;
  592. font-family: inherit;
  593. font-size: inherit;
  594. line-height: inherit;
  595. margin: 0;
  596. outline: none;
  597. padding: 5px 0;
  598. text-align: left;
  599. }
  600. .tox .tox-accordion .tox-selectfield .tox-icon {
  601. display: flex;
  602. flex-shrink: 0;
  603. padding: 9px 0;
  604. pointer-events: none;
  605. }
  606. .tox .tox-accordion .tox-selectfield .tox-icon svg {
  607. height: var(--tox-private-base-value, 16px);
  608. width: var(--tox-private-base-value, 16px);
  609. }
  610. .tox[dir=rtl] .tox-accordion__header {
  611. text-align: right;
  612. }
  613. .tox[dir=rtl] .tox-accordion__header:not(.tox-accordion__header--icon-end) .tox-accordion__header-icon {
  614. margin-left: var(--tox-private-pad-sm, 8px);
  615. margin-right: 0;
  616. }
  617. .tox[dir=rtl] .tox-accordion__header--icon-end .tox-accordion__header-icon {
  618. margin-right: auto;
  619. margin-left: 0;
  620. }
  621. .tox[dir=rtl] .tox-accordion__header--icon-end .tox-accordion__header-text {
  622. margin-left: var(--tox-private-pad-sm, 8px);
  623. margin-right: 0;
  624. }
  625. .tox .tox-alert {
  626. align-items: flex-start;
  627. align-self: stretch;
  628. border-radius: var(--tox-private-panel-border-radius, 6px);
  629. border-style: solid;
  630. border-width: 1px;
  631. box-sizing: border-box;
  632. color: var(--tox-private-text-color, #222f3e);
  633. display: flex;
  634. font-size: var(--tox-private-font-size-sm, 14px);
  635. font-weight: var(--tox-private-font-weight-normal, normal);
  636. gap: var(--tox-private-pad-xs, 4px);
  637. line-height: var(--tox-private-line-height-base, 1.3);
  638. padding: var(--tox-private-pad-xs, 4px) var(--tox-private-pad-sm, 8px);
  639. width: 100%;
  640. }
  641. .tox .tox-alert--error {
  642. background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 100%), var(--tox-private-color-error, #c00);
  643. border-color: var(--tox-private-color-error, #c00);
  644. }
  645. .tox .tox-alert--warning {
  646. background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 100%), var(--tox-private-color-warning, #FFCC00);
  647. border-color: var(--tox-private-color-warning, #FFCC00);
  648. }
  649. .tox .tox-alert__body {
  650. display: flex;
  651. flex: 1 0 0;
  652. flex-direction: column;
  653. min-width: 0;
  654. }
  655. .tox .tox-alert__content {
  656. align-items: center;
  657. display: flex;
  658. flex: 1 0 0;
  659. gap: var(--tox-private-pad-sm, 8px);
  660. padding: var(--tox-private-pad-sm, 8px) 0;
  661. }
  662. .tox .tox-alert__message {
  663. margin: 0;
  664. text-align: left;
  665. }
  666. .tox .tox-alert__actions {
  667. align-items: center;
  668. display: flex;
  669. flex-wrap: wrap;
  670. gap: var(--tox-private-pad-xs, 4px);
  671. justify-content: flex-start;
  672. }
  673. .tox .tox-anchorbar {
  674. display: flex;
  675. flex: 0 0 auto;
  676. }
  677. .tox .tox-bottom-anchorbar {
  678. display: flex;
  679. flex: 0 0 auto;
  680. }
  681. .tox .tox-bar {
  682. display: flex;
  683. flex: 0 0 auto;
  684. }
  685. .tox .tox-button {
  686. border-width: var(--tox-private-button-border-width, 1px);
  687. border-style: var(--tox-private-button-border-style, solid);
  688. border-radius: var(--tox-private-control-border-radius, 6px);
  689. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  690. font-size: var(--tox-private-button-font-size, 14px);
  691. font-style: var(--tox-private-button-font-style, normal);
  692. font-weight: var(--tox-private-button-font-weight, bold);
  693. line-height: var(--tox-private-control-line-height, 24px);
  694. padding: var(--tox-private-button-padding-y, 4px) var(--tox-private-button-padding-x, 16px);
  695. text-align: center;
  696. -webkit-text-decoration: none;
  697. text-decoration: none;
  698. text-transform: none;
  699. letter-spacing: normal;
  700. box-shadow: none;
  701. box-sizing: border-box;
  702. cursor: pointer;
  703. outline: none;
  704. position: relative;
  705. white-space: nowrap;
  706. display: inline-flex;
  707. justify-content: center;
  708. align-items: center;
  709. gap: var(--tox-private-pad-xs, 4px);
  710. }
  711. .tox .tox-button::before {
  712. border-radius: var(--tox-private-control-border-radius, 6px);
  713. bottom: calc(-1 * var(--tox-private-button-border-width, 1px));
  714. box-shadow: var(--tox-private-button-focus-outline, inset 0 0 0 1px #fff, 0 0 0 2px #006ce7);
  715. content: '';
  716. left: calc(-1 * var(--tox-private-button-border-width, 1px));
  717. opacity: 0;
  718. pointer-events: none;
  719. position: absolute;
  720. right: calc(-1 * var(--tox-private-button-border-width, 1px));
  721. top: calc(-1 * var(--tox-private-button-border-width, 1px));
  722. }
  723. .tox .tox-button:focus:not(:disabled) {
  724. background-color: var(--tox-private-button-focus-background-color, #0060ce);
  725. background-image: none;
  726. border-color: var(--tox-private-button-focus-border-color, #0060ce);
  727. box-shadow: var(--tox-private-button-focus-box-shadow, none);
  728. color: var(--tox-private-button-focus-text-color, #fff);
  729. }
  730. .tox .tox-button:focus:not(:disabled)::before {
  731. opacity: 1;
  732. }
  733. .tox .tox-button.tox-button--icon,
  734. .tox .tox-button:has(.tox-icon:only-child) {
  735. padding: 4px;
  736. }
  737. .tox .tox-button .tox-icon svg {
  738. display: block;
  739. fill: currentColor;
  740. }
  741. .tox .tox-button .tox-icon.tox-icon--success svg {
  742. fill: var(--tox-private-color-success, #78AB46);
  743. }
  744. .tox .tox-button .tox-icon.tox-icon--error svg {
  745. fill: var(--tox-private-color-error, #c00);
  746. }
  747. .tox .tox-button--stretch {
  748. width: 100%;
  749. }
  750. .tox-context-form__group .tox-button--icon,
  751. .tox-context-form__group .tox-button.tox-button--icon {
  752. margin: 6px 1px 5px 0;
  753. padding: 0;
  754. }
  755. .tox {
  756. /* TODO: Add `--primary` to class name. Currently, we treat primary as base in alloy */
  757. /* TODO: Add `--primary` to class name. Currently, we treat primary as base in alloy */
  758. }
  759. .tox .tox-button {
  760. background-color: var(--tox-private-button-primary-background-color, #006ce7);
  761. background-image: none;
  762. background-position: 0 0;
  763. background-repeat: repeat;
  764. color: var(--tox-private-button-primary-text-color, #fff);
  765. border-color: var(--tox-private-button-primary-border-color, #006ce7);
  766. /* Enabled state */
  767. }
  768. .tox .tox-button[disabled] {
  769. background-color: var(--tox-private-button-primary-disabled-background-color, #006ce7);
  770. background-image: none;
  771. border-color: var(--tox-private-button-primary-disabled-border-color, #006ce7);
  772. color: var(--tox-private-button-primary-disabled-text-color, rgba(255, 255, 255, 0.5));
  773. cursor: not-allowed;
  774. }
  775. .tox .tox-button:focus:not(:disabled) {
  776. background-color: var(--tox-private-button-primary-focus-background-color, #0060ce);
  777. border-color: var(--tox-private-button-primary-focus-border-color, #0060ce);
  778. color: var(--tox-private-button-primary-focus-text-color, #fff);
  779. background-image: none;
  780. box-shadow: none;
  781. }
  782. .tox .tox-button:hover:not(:disabled) {
  783. background-color: var(--tox-private-button-primary-hover-background-color, #0060ce);
  784. border-color: var(--tox-private-button-primary-hover-border-color, #0060ce);
  785. color: var(--tox-private-button-primary-hover-text-color, #fff);
  786. background-image: none;
  787. box-shadow: none;
  788. }
  789. .tox .tox-button:active:not(:disabled) {
  790. background-color: var(--tox-private-button-primary-active-background-color, #0054b4);
  791. border-color: var(--tox-private-button-primary-active-border-color, #0054b4);
  792. color: var(--tox-private-button-primary-active-text-color, #fff);
  793. background-image: none;
  794. box-shadow: none;
  795. }
  796. .tox .tox-button.tox-button--enabled {
  797. background-color: var(--tox-private-button-primary-enabled-background-color, #0054b4);
  798. border-color: var(--tox-private-button-primary-enabled-border-color, #0054b4);
  799. color: var(--tox-private-button-primary-enabled-text-color, #fff);
  800. background-image: none;
  801. box-shadow: none;
  802. }
  803. .tox .tox-button.tox-button--enabled[disabled] {
  804. color: var(--tox-private-button-primary-disabled-text-color, rgba(255, 255, 255, 0.5));
  805. cursor: not-allowed;
  806. }
  807. .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
  808. background-color: var(--tox-private-button-primary-enabled-focus-background-color, #00489b);
  809. border-color: var(--tox-private-button-primary-enabled-focus-border-color, #00489b);
  810. color: var(--tox-private-button-primary-enabled-focus-text-color, #fff);
  811. background-image: none;
  812. box-shadow: none;
  813. }
  814. .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
  815. background-color: var(--tox-private-button-primary-enabled-hover-background-color, #00489b);
  816. border-color: var(--tox-private-button-primary-enabled-hover-border-color, #00489b);
  817. color: var(--tox-private-button-primary-enabled-hover-text-color, #fff);
  818. background-image: none;
  819. box-shadow: none;
  820. }
  821. .tox .tox-button.tox-button--enabled:active:not(:disabled) {
  822. background-color: var(--tox-private-button-primary-enabled-active-background-color, #003c81);
  823. border-color: var(--tox-private-button-primary-enabled-active-border-color, #003c81);
  824. color: var(--tox-private-button-primary-enabled-active-text-color, #fff);
  825. background-image: none;
  826. box-shadow: none;
  827. }
  828. .tox .tox-button--secondary {
  829. background-color: var(--tox-private-button-secondary-background-color, #f0f0f0);
  830. border-color: var(--tox-private-button-secondary-border-color, #f0f0f0);
  831. color: var(--tox-private-button-secondary-text-color, #222f3e);
  832. border-style: solid;
  833. border-width: 1px;
  834. background-image: none;
  835. background-position: 0 0;
  836. background-repeat: repeat;
  837. border-radius: 6px;
  838. box-shadow: none;
  839. font-size: 14px;
  840. font-style: normal;
  841. font-weight: bold;
  842. letter-spacing: normal;
  843. outline: none;
  844. padding: 4px 16px;
  845. -webkit-text-decoration: none;
  846. text-decoration: none;
  847. text-transform: none;
  848. /* Enabled state */
  849. }
  850. .tox .tox-button--secondary[disabled] {
  851. background-color: var(--tox-private-button-secondary-disabled-background-color, #f0f0f0);
  852. background-image: none;
  853. border-color: var(--tox-private-button-secondary-disabled-border-color, #f0f0f0);
  854. color: var(--tox-private-button-secondary-disabled-text-color, rgba(34, 47, 62, 0.5));
  855. cursor: not-allowed;
  856. }
  857. .tox .tox-button--secondary:focus:not(:disabled) {
  858. background-color: var(--tox-private-button-secondary-focus-background-color, #e3e3e3);
  859. border-color: var(--tox-private-button-secondary-focus-border-color, #e3e3e3);
  860. color: var(--tox-private-button-secondary-focus-text-color, #222f3e);
  861. background-image: none;
  862. box-shadow: none;
  863. }
  864. .tox .tox-button--secondary:hover:not(:disabled) {
  865. background-color: var(--tox-private-button-secondary-hover-background-color, #e3e3e3);
  866. border-color: var(--tox-private-button-secondary-hover-border-color, #e3e3e3);
  867. color: var(--tox-private-button-secondary-hover-text-color, #222f3e);
  868. background-image: none;
  869. box-shadow: none;
  870. }
  871. .tox .tox-button--secondary:active:not(:disabled) {
  872. background-color: var(--tox-private-button-secondary-active-background-color, #d6d6d6);
  873. border-color: var(--tox-private-button-secondary-active-border-color, #d6d6d6);
  874. color: var(--tox-private-button-secondary-active-text-color, #222f3e);
  875. background-image: none;
  876. box-shadow: none;
  877. }
  878. .tox .tox-button--secondary.tox-button--enabled {
  879. background-color: var(--tox-private-button-secondary-enabled-background-color, #a6ccf7);
  880. border-color: var(--tox-private-button-secondary-enabled-border-color, #a6ccf7);
  881. color: var(--tox-private-button-secondary-enabled-text-color, #222f3e);
  882. background-image: none;
  883. box-shadow: none;
  884. }
  885. .tox .tox-button--secondary.tox-button--enabled[disabled] {
  886. color: var(--tox-private-button-secondary-disabled-text-color, rgba(34, 47, 62, 0.5));
  887. cursor: not-allowed;
  888. }
  889. .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
  890. background-color: var(--tox-private-button-secondary-enabled-focus-background-color, #8ebef4);
  891. border-color: var(--tox-private-button-secondary-enabled-focus-border-color, #8ebef4);
  892. color: var(--tox-private-button-secondary-enabled-focus-text-color, #222f3e);
  893. background-image: none;
  894. box-shadow: none;
  895. }
  896. .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
  897. background-color: var(--tox-private-button-secondary-enabled-hover-background-color, #8ebef4);
  898. border-color: var(--tox-private-button-secondary-enabled-hover-border-color, #8ebef4);
  899. color: var(--tox-private-button-secondary-enabled-hover-text-color, #222f3e);
  900. background-image: none;
  901. box-shadow: none;
  902. }
  903. .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
  904. background-color: var(--tox-private-button-secondary-enabled-active-background-color, #77b1f2);
  905. border-color: var(--tox-private-button-secondary-enabled-active-border-color, #77b1f2);
  906. color: var(--tox-private-button-secondary-enabled-active-text-color, #222f3e);
  907. background-image: none;
  908. box-shadow: none;
  909. }
  910. .tox .tox-button--naked {
  911. background-color: transparent;
  912. border-color: transparent;
  913. box-shadow: unset;
  914. color: var(--tox-private-button-naked-text-color, #222f3e);
  915. /* Enabled state */
  916. }
  917. .tox .tox-button--naked[disabled] {
  918. background-color: transparent;
  919. border-color: transparent;
  920. color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
  921. cursor: not-allowed;
  922. }
  923. .tox .tox-button--naked:focus:not(:disabled) {
  924. background-color: var(--tox-private-button-naked-focus-background-color, rgba(34, 47, 62, 0.12));
  925. border-color: var(--tox-private-button-naked-focus-border-color, transparent);
  926. color: var(--tox-private-button-naked-focus-text-color, #222f3e);
  927. box-shadow: unset;
  928. }
  929. .tox .tox-button--naked:hover:not(:disabled) {
  930. background-color: var(--tox-private-button-naked-hover-background-color, rgba(34, 47, 62, 0.12));
  931. border-color: var(--tox-private-button-naked-hover-background-color, transparent);
  932. color: var(--tox-private-button-naked-hover-text-color, #222f3e);
  933. box-shadow: unset;
  934. }
  935. .tox .tox-button--naked:active:not(:disabled) {
  936. background-color: var(--tox-private-button-naked-active-background-color, rgba(34, 47, 62, 0.18));
  937. border-color: var(--tox-private-button-naked-active-border-color, transparent);
  938. color: var(--tox-private-button-naked-active-text-color, #222f3e);
  939. box-shadow: unset;
  940. }
  941. .tox .tox-button--naked.tox-button--enabled {
  942. background-color: var(--tox-private-button-naked-enabled-background-color, #a8c8ed);
  943. border-color: var(--tox-private-button-naked-enabled-border-color, #a8c8ed);
  944. color: var(--tox-private-button-naked-enabled-text-color, #222f3e);
  945. box-shadow: unset;
  946. }
  947. .tox .tox-button--naked.tox-button--enabled[disabled] {
  948. color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
  949. cursor: not-allowed;
  950. }
  951. .tox .tox-button--naked.tox-button--enabled:focus:not(:disabled) {
  952. background-color: var(--tox-private-button-naked-enabled-focus-background-color, #93bbe9);
  953. border-color: var(--tox-private-button-naked-enabled-focus-border-color, #93bbe9);
  954. color: var(--tox-private-button-naked-enabled-focus-text-color, #222f3e);
  955. box-shadow: unset;
  956. }
  957. .tox .tox-button--naked.tox-button--enabled:hover:not(:disabled) {
  958. background-color: var(--tox-private-button-naked-enabled-hover-background-color, #93bbe9);
  959. border-color: var(--tox-private-button-naked-enabled-hover-border-color, #93bbe9);
  960. color: var(--tox-private-button-naked-enabled-hover-text-color, #222f3e);
  961. box-shadow: unset;
  962. }
  963. .tox .tox-button--naked.tox-button--enabled:active:not(:disabled) {
  964. background-color: var(--tox-private-button-naked-enabled-active-background-color, #7daee4);
  965. border-color: var(--tox-private-button-naked-enabled-active-border-color, #7daee4);
  966. color: var(--tox-private-button-naked-enabled-active-text-color, #222f3e);
  967. box-shadow: unset;
  968. }
  969. .tox .tox-button--secondary--outline {
  970. background-color: transparent;
  971. border-color: var(--tox-private-button-secondary-outline-border-color, #f0f0f0);
  972. color: var(--tox-private-button-secondary-outline-text-color, #222f3e);
  973. }
  974. .tox .tox-button--secondary--outline:focus:not(:disabled) {
  975. background-color: var(--tox-private-button-secondary-outline-focus-background-color, #e3e3e3);
  976. border-color: var(--tox-private-button-secondary-outline-focus-border-color, #e3e3e3);
  977. color: var(--tox-private-button-secondary-outline-focus-text-color, #222f3e);
  978. }
  979. .tox .tox-button--secondary--outline:hover:not(:disabled) {
  980. background-color: var(--tox-private-button-secondary-outline-hover-background-color, #f0f0f0);
  981. border-color: var(--tox-private-button-secondary-outline-hover-border-color, #e3e3e3);
  982. color: var(--tox-private-button-secondary-outline-hover-text-color, #222f3e);
  983. }
  984. .tox .tox-button--secondary--outline:active:not(:disabled) {
  985. background-color: var(--tox-private-button-secondary-outline-active-background-color, #e3e3e3);
  986. border-color: var(--tox-private-button-secondary-outline-active-border-color, #e3e3e3);
  987. color: var(--tox-private-button-secondary-outline-active-text-color, #222f3e);
  988. }
  989. .tox .tox-button--secondary--outline[disabled] {
  990. background-color: var(--tox-private-button-secondary-outline-disabled-background-color, transparent);
  991. border-color: var(--tox-private-button-secondary-outline-disabled-border-color, #f0f0f0);
  992. color: var(--tox-private-button-secondary-outline-disabled-text-color, rgba(34, 47, 62, 0.5));
  993. }
  994. .tox .tox-checkbox {
  995. align-items: center;
  996. border-radius: var(--tox-private-checkbox-border-radius, 6px);
  997. cursor: pointer;
  998. display: flex;
  999. height: var(--tox-private-control-height, 36px);
  1000. min-width: var(--tox-private-control-height, 36px);
  1001. }
  1002. .tox .tox-checkbox__input {
  1003. /* Hide from view but visible to screen readers */
  1004. height: 1px;
  1005. overflow: hidden;
  1006. position: absolute;
  1007. top: auto;
  1008. width: 1px;
  1009. }
  1010. .tox .tox-checkbox__icons {
  1011. display: flex;
  1012. align-items: center;
  1013. justify-content: center;
  1014. box-sizing: content-box;
  1015. padding: var(--tox-private-pad-xs, calc(4px - 1px));
  1016. border-radius: var(--tox-private-checkbox-border-radius, 6px);
  1017. box-shadow: 0 0 0 2px transparent;
  1018. height: var(--tox-private-control-line-height, 24px);
  1019. aspect-ratio: 1;
  1020. }
  1021. .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  1022. display: block;
  1023. fill: var(--tox-private-checkbox-unselected-color, rgba(34, 47, 62, 0.3));
  1024. }
  1025. @media (forced-colors: active) {
  1026. .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  1027. fill: currentColor !important;
  1028. }
  1029. }
  1030. .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  1031. display: none;
  1032. fill: var(--tox-private-checkbox-indeterminate-color, #006ce7);
  1033. }
  1034. .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  1035. display: none;
  1036. fill: var(--tox-private-checkbox-selected-color, #006ce7);
  1037. }
  1038. .tox .tox-checkbox--disabled {
  1039. color: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
  1040. cursor: not-allowed;
  1041. }
  1042. .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  1043. fill: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
  1044. }
  1045. .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  1046. fill: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
  1047. }
  1048. .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  1049. fill: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
  1050. }
  1051. .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  1052. display: none;
  1053. }
  1054. .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  1055. display: block;
  1056. }
  1057. .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  1058. display: none;
  1059. }
  1060. .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  1061. display: block;
  1062. }
  1063. .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  1064. box-shadow: var(--tox-private-checkbox-focus-box-shadow, inset 0 0 0 1px #006ce7);
  1065. }
  1066. .tox:not([dir=rtl]) .tox-checkbox__label {
  1067. margin-left: var(--tox-private-pad-xs, 4px);
  1068. }
  1069. .tox:not([dir=rtl]) .tox-checkbox__input {
  1070. left: -10000px;
  1071. }
  1072. .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  1073. margin-left: var(--tox-private-pad-xs, 4px);
  1074. }
  1075. .tox[dir=rtl] .tox-checkbox__label {
  1076. margin-right: var(--tox-private-pad-xs, 4px);
  1077. }
  1078. .tox[dir=rtl] .tox-checkbox__input {
  1079. right: -10000px;
  1080. }
  1081. .tox[dir=rtl] .tox-bar .tox-checkbox {
  1082. margin-right: var(--tox-private-pad-xs, 4px);
  1083. }
  1084. .tox .tox-collection--toolbar .tox-collection__group {
  1085. display: flex;
  1086. padding: 0;
  1087. }
  1088. .tox .tox-collection--grid .tox-collection__group {
  1089. display: flex;
  1090. flex-wrap: wrap;
  1091. max-height: 208px;
  1092. overflow-x: hidden;
  1093. overflow-y: auto;
  1094. padding: 0;
  1095. }
  1096. .tox .tox-collection--list .tox-collection__group {
  1097. border-bottom-width: 0;
  1098. border-color: #e3e3e3;
  1099. border-left-width: 0;
  1100. border-right-width: 0;
  1101. border-style: solid;
  1102. border-top-width: 1px;
  1103. padding: 4px 0;
  1104. display: flex;
  1105. flex-direction: column;
  1106. }
  1107. .tox .tox-collection--list .tox-collection__group:first-child {
  1108. border-top-width: 0;
  1109. }
  1110. .tox .tox-collection__group-heading {
  1111. background-color: #fcfcfc;
  1112. color: rgba(34, 47, 62, 0.7);
  1113. cursor: default;
  1114. font-size: 12px;
  1115. font-style: normal;
  1116. font-weight: normal;
  1117. margin-bottom: 4px;
  1118. margin-top: -4px;
  1119. padding: 4px 8px;
  1120. text-transform: none;
  1121. -webkit-touch-callout: none;
  1122. -webkit-user-select: none;
  1123. user-select: none;
  1124. }
  1125. .tox .tox-collection__item {
  1126. align-items: center;
  1127. border-radius: 3px;
  1128. color: #222f3e;
  1129. display: flex;
  1130. -webkit-touch-callout: none;
  1131. -webkit-user-select: none;
  1132. user-select: none;
  1133. }
  1134. .tox .tox-image-selector-menu .tox-collection__item-image-selector,
  1135. .tox .tox-image-selector-menu .tox-collection__item {
  1136. flex-direction: column;
  1137. }
  1138. .tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
  1139. .tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
  1140. .tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
  1141. .tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
  1142. .tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
  1143. .tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
  1144. flex-grow: 1;
  1145. }
  1146. .tox .tox-image-selector-menu .tox-collection__item-image-selector label,
  1147. .tox .tox-image-selector-menu .tox-collection__item label {
  1148. width: 48px;
  1149. white-space: nowrap;
  1150. overflow: hidden;
  1151. font-size: 12px;
  1152. color: #222f3e;
  1153. text-align: center;
  1154. align-self: flex-end;
  1155. }
  1156. .tox .tox-image-selector-menu .tox-collection__item-checkmark {
  1157. height: 24px;
  1158. width: 24px;
  1159. position: absolute;
  1160. top: 50%;
  1161. left: 50%;
  1162. transform: translate(-50%, -50%);
  1163. }
  1164. .tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
  1165. fill: #006ce7;
  1166. stroke: #006ce7;
  1167. }
  1168. .tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  1169. background-color: #fff;
  1170. }
  1171. .tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  1172. z-index: 2;
  1173. background-color: #fff;
  1174. opacity: 0.8;
  1175. background-clip: content-box;
  1176. }
  1177. .tox .tox-collection--list .tox-collection__item {
  1178. padding: 4px 8px;
  1179. }
  1180. .tox .tox-collection--toolbar .tox-collection__item {
  1181. border-radius: 3px;
  1182. padding: 4px;
  1183. }
  1184. .tox .tox-collection--grid .tox-collection__item {
  1185. border-radius: 3px;
  1186. padding: 4px;
  1187. }
  1188. .tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  1189. background-color: #fff;
  1190. color: #222f3e;
  1191. }
  1192. .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  1193. background-color: #006ce7;
  1194. color: #fff;
  1195. }
  1196. @media (forced-colors: active) {
  1197. .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  1198. border: solid 1px;
  1199. }
  1200. }
  1201. .tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  1202. background-color: #a6ccf7;
  1203. color: #222f3e;
  1204. }
  1205. .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  1206. background-color: #f0f0f0;
  1207. color: #222f3e;
  1208. position: relative;
  1209. z-index: 1;
  1210. }
  1211. .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
  1212. border-radius: 3px;
  1213. bottom: 0;
  1214. box-shadow: 0 0 0 2px #006ce7 inset;
  1215. content: '';
  1216. left: 0;
  1217. position: absolute;
  1218. right: 0;
  1219. top: 0;
  1220. }
  1221. @media (forced-colors: active) {
  1222. .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
  1223. border: 2px solid highlight;
  1224. }
  1225. }
  1226. .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  1227. background-color: #a6ccf7;
  1228. color: #222f3e;
  1229. }
  1230. @media (forced-colors: active) {
  1231. .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  1232. border-radius: 3px;
  1233. outline: solid 1px;
  1234. }
  1235. }
  1236. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  1237. color: #222f3e;
  1238. background-color: #fff;
  1239. position: relative;
  1240. }
  1241. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
  1242. background-color: #f0f0f0;
  1243. color: #222f3e;
  1244. }
  1245. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
  1246. background-color: #f0f0f0;
  1247. color: #222f3e;
  1248. }
  1249. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
  1250. border-radius: 3px;
  1251. bottom: 0;
  1252. box-shadow: 0 0 0 2px #006ce7 ;
  1253. content: '';
  1254. left: 0;
  1255. position: absolute;
  1256. right: 0;
  1257. top: 0;
  1258. }
  1259. @media (forced-colors: active) {
  1260. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
  1261. border: 2px solid highlight;
  1262. }
  1263. }
  1264. @media (forced-colors: active) {
  1265. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
  1266. border-radius: 3px;
  1267. outline: solid 1px;
  1268. }
  1269. }
  1270. .tox .tox-collection__item-image {
  1271. border: 1px solid #eeeeee;
  1272. border-radius: 6px;
  1273. display: flex;
  1274. flex-direction: column;
  1275. justify-content: center;
  1276. margin-bottom: 4px;
  1277. position: relative;
  1278. }
  1279. .tox .tox-collection__item-icon,
  1280. .tox .tox-collection__item-checkmark {
  1281. align-items: center;
  1282. display: flex;
  1283. height: 24px;
  1284. justify-content: center;
  1285. width: 24px;
  1286. }
  1287. .tox .tox-collection__item-icon svg,
  1288. .tox .tox-collection__item-checkmark svg {
  1289. fill: currentColor;
  1290. }
  1291. .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  1292. height: 48px;
  1293. width: 48px;
  1294. }
  1295. .tox .tox-collection__item-label {
  1296. color: currentColor;
  1297. display: inline-block;
  1298. flex: 1;
  1299. font-size: 14px;
  1300. font-style: normal;
  1301. font-weight: normal;
  1302. line-height: 24px;
  1303. max-width: 100%;
  1304. text-transform: none;
  1305. word-break: break-all;
  1306. }
  1307. .tox .tox-collection__item-accessory {
  1308. color: currentColor;
  1309. display: inline-block;
  1310. font-size: 14px;
  1311. height: 24px;
  1312. line-height: 24px;
  1313. text-transform: none;
  1314. }
  1315. .tox .tox-collection__item-caret {
  1316. align-items: center;
  1317. display: flex;
  1318. min-height: 24px;
  1319. }
  1320. .tox .tox-collection__item-caret::after {
  1321. content: '';
  1322. font-size: 0;
  1323. min-height: inherit;
  1324. }
  1325. .tox .tox-collection__item-caret svg {
  1326. fill: currentColor;
  1327. }
  1328. .tox .tox-collection__item--state-disabled {
  1329. background-color: transparent;
  1330. color: rgba(34, 47, 62, 0.5);
  1331. cursor: not-allowed;
  1332. }
  1333. .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
  1334. fill: rgba(34, 47, 62, 0.5);
  1335. }
  1336. .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  1337. display: none;
  1338. }
  1339. .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
  1340. display: none;
  1341. }
  1342. .tox .tox-collection--horizontal {
  1343. background-color: #fff;
  1344. border: 1px solid #e3e3e3;
  1345. border-radius: 6px;
  1346. box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  1347. display: flex;
  1348. flex: 0 0 auto;
  1349. flex-shrink: 0;
  1350. flex-wrap: nowrap;
  1351. margin-bottom: 0;
  1352. overflow-x: auto;
  1353. padding: 0;
  1354. }
  1355. .tox .tox-collection--horizontal .tox-collection__group {
  1356. align-items: center;
  1357. display: flex;
  1358. flex-wrap: nowrap;
  1359. margin: 0;
  1360. padding: 0 4px;
  1361. }
  1362. .tox .tox-collection--horizontal .tox-collection__item {
  1363. height: 28px;
  1364. margin: 6px 1px 5px 0;
  1365. padding: 0 4px;
  1366. }
  1367. .tox .tox-collection--horizontal .tox-collection__item-label {
  1368. white-space: nowrap;
  1369. }
  1370. .tox .tox-collection--horizontal .tox-collection__item-caret {
  1371. margin-left: 4px;
  1372. }
  1373. .tox .tox-collection__item-container {
  1374. display: flex;
  1375. }
  1376. .tox .tox-collection__item-container--row {
  1377. align-items: center;
  1378. flex: 1 1 auto;
  1379. flex-direction: row;
  1380. }
  1381. .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
  1382. margin-right: auto;
  1383. }
  1384. .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
  1385. justify-content: flex-end;
  1386. margin-left: auto;
  1387. }
  1388. .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
  1389. align-items: flex-start;
  1390. margin-bottom: auto;
  1391. }
  1392. .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
  1393. align-items: center;
  1394. }
  1395. .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
  1396. align-items: flex-end;
  1397. margin-top: auto;
  1398. }
  1399. .tox .tox-collection__item-container--column {
  1400. align-self: center;
  1401. flex: 1 1 auto;
  1402. flex-direction: column;
  1403. }
  1404. .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
  1405. align-items: flex-start;
  1406. }
  1407. .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
  1408. align-items: flex-end;
  1409. }
  1410. .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
  1411. align-self: flex-start;
  1412. }
  1413. .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
  1414. align-self: center;
  1415. }
  1416. .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
  1417. align-self: flex-end;
  1418. }
  1419. .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  1420. border-right: 1px solid transparent;
  1421. }
  1422. .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
  1423. margin-left: 8px;
  1424. }
  1425. .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  1426. margin-left: 4px;
  1427. }
  1428. .tox:not([dir=rtl]) .tox-collection__item-accessory {
  1429. margin-left: 16px;
  1430. text-align: right;
  1431. }
  1432. .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
  1433. margin-left: 16px;
  1434. }
  1435. .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  1436. border-left: 1px solid transparent;
  1437. }
  1438. .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
  1439. margin-right: 8px;
  1440. }
  1441. .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  1442. margin-right: 4px;
  1443. }
  1444. .tox[dir=rtl] .tox-collection__item-accessory {
  1445. margin-right: 16px;
  1446. text-align: left;
  1447. }
  1448. .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
  1449. margin-right: 16px;
  1450. transform: rotateY(180deg);
  1451. }
  1452. .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
  1453. margin-right: 4px;
  1454. }
  1455. @media (forced-colors: active) {
  1456. .tox .tox-hue-slider,
  1457. .tox .tox-rgb-form .tox-rgba-preview {
  1458. background-color: currentColor !important;
  1459. border: 1px solid highlight !important;
  1460. forced-color-adjust: none;
  1461. }
  1462. }
  1463. .tox .tox-color-picker-container {
  1464. display: flex;
  1465. flex-direction: row;
  1466. height: 225px;
  1467. margin: 0;
  1468. }
  1469. .tox .tox-sv-palette {
  1470. box-sizing: border-box;
  1471. display: flex;
  1472. height: 100%;
  1473. }
  1474. .tox .tox-sv-palette-spectrum {
  1475. height: 100%;
  1476. }
  1477. .tox .tox-sv-palette,
  1478. .tox .tox-sv-palette-spectrum {
  1479. width: 225px;
  1480. }
  1481. .tox .tox-sv-palette-thumb {
  1482. background: none;
  1483. border: 1px solid black;
  1484. border-radius: 50%;
  1485. box-sizing: content-box;
  1486. height: 12px;
  1487. position: absolute;
  1488. width: 12px;
  1489. }
  1490. .tox .tox-sv-palette-inner-thumb {
  1491. border: 1px solid white;
  1492. border-radius: 50%;
  1493. height: 10px;
  1494. position: absolute;
  1495. width: 10px;
  1496. }
  1497. .tox .tox-hue-slider {
  1498. box-sizing: border-box;
  1499. height: 100%;
  1500. width: 25px;
  1501. }
  1502. .tox .tox-hue-slider-spectrum {
  1503. background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
  1504. height: 100%;
  1505. width: 100%;
  1506. }
  1507. .tox .tox-hue-slider,
  1508. .tox .tox-hue-slider-spectrum {
  1509. width: 20px;
  1510. }
  1511. .tox .tox-hue-slider-spectrum:focus,
  1512. .tox .tox-sv-palette-spectrum:focus {
  1513. outline: #08f solid;
  1514. }
  1515. .tox .tox-hue-slider-thumb {
  1516. background: white;
  1517. border: 1px solid black;
  1518. box-sizing: content-box;
  1519. height: 4px;
  1520. width: 100%;
  1521. }
  1522. .tox .tox-rgb-form {
  1523. display: flex;
  1524. flex-direction: column;
  1525. justify-content: space-between;
  1526. }
  1527. .tox .tox-rgb-form div {
  1528. align-items: center;
  1529. display: flex;
  1530. justify-content: space-between;
  1531. margin-bottom: 5px;
  1532. width: inherit;
  1533. }
  1534. .tox .tox-rgb-form input {
  1535. min-width: 6em;
  1536. }
  1537. .tox .tox-rgb-form input.tox-invalid {
  1538. /* Need !important to override Chrome's focus styling unfortunately */
  1539. border: 1px solid #f00 !important;
  1540. box-shadow: 0 0 0 1px #f00;
  1541. }
  1542. .tox .tox-rgb-container {
  1543. position: relative;
  1544. }
  1545. .tox .tox-rgb-form .tox-invalid-icon {
  1546. align-content: center;
  1547. align-items: center;
  1548. display: none;
  1549. height: 100%;
  1550. position: absolute;
  1551. right: 0;
  1552. top: 0;
  1553. }
  1554. .tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
  1555. margin: 0;
  1556. }
  1557. .tox .tox-rgb-warning-note {
  1558. background-color: #f5cccc;
  1559. border: 1px solid #f0b3b3;
  1560. border-radius: 3px;
  1561. color: #77181f;
  1562. padding: 3px;
  1563. }
  1564. .tox input.tox-invalid + .tox-invalid-icon {
  1565. display: flex;
  1566. }
  1567. .tox .tox-rgb-form .tox-rgba-preview {
  1568. border: 1px solid black;
  1569. flex-grow: 2;
  1570. margin-bottom: 0;
  1571. }
  1572. .tox:not([dir=rtl]) .tox-sv-palette {
  1573. margin-right: 15px;
  1574. }
  1575. .tox:not([dir=rtl]) .tox-hue-slider {
  1576. margin-right: 15px;
  1577. }
  1578. .tox:not([dir=rtl]) .tox-hue-slider-thumb {
  1579. margin-left: -1px;
  1580. }
  1581. .tox:not([dir=rtl]) .tox-rgb-form label {
  1582. margin-right: 0.5em;
  1583. }
  1584. .tox[dir=rtl] .tox-sv-palette {
  1585. margin-left: 15px;
  1586. }
  1587. .tox[dir=rtl] .tox-hue-slider {
  1588. margin-left: 15px;
  1589. }
  1590. .tox[dir=rtl] .tox-hue-slider-thumb {
  1591. margin-right: -1px;
  1592. }
  1593. .tox[dir=rtl] .tox-rgb-form label {
  1594. margin-left: 0.5em;
  1595. }
  1596. .tox .tox-toolbar .tox-swatches,
  1597. .tox .tox-toolbar__primary .tox-swatches,
  1598. .tox .tox-toolbar__overflow .tox-swatches {
  1599. margin: 5px 0 6px 11px;
  1600. }
  1601. .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  1602. border: 0;
  1603. margin: -4px -4px;
  1604. }
  1605. .tox .tox-swatches__row {
  1606. display: flex;
  1607. }
  1608. @media (forced-colors: active) {
  1609. .tox .tox-swatches__row {
  1610. forced-color-adjust: none;
  1611. }
  1612. }
  1613. .tox .tox-swatch {
  1614. height: 30px;
  1615. transition: transform 0.15s, box-shadow 0.15s;
  1616. width: 30px;
  1617. }
  1618. .tox .tox-swatch:hover,
  1619. .tox .tox-swatch:focus {
  1620. box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
  1621. transform: scale(0.8);
  1622. }
  1623. .tox .tox-swatch--remove {
  1624. align-items: center;
  1625. display: flex;
  1626. justify-content: center;
  1627. }
  1628. .tox .tox-swatch--remove svg path {
  1629. stroke: #e74c3c;
  1630. }
  1631. .tox .tox-swatches__picker-btn {
  1632. align-items: center;
  1633. background-color: transparent;
  1634. border: 0;
  1635. cursor: pointer;
  1636. display: flex;
  1637. height: 30px;
  1638. justify-content: center;
  1639. outline: none;
  1640. padding: 0;
  1641. width: 30px;
  1642. }
  1643. .tox .tox-swatches__picker-btn svg {
  1644. fill: #222f3e;
  1645. height: 24px;
  1646. width: 24px;
  1647. }
  1648. .tox .tox-swatches__picker-btn:hover {
  1649. background: #f0f0f0;
  1650. }
  1651. .tox div.tox-swatch:not(.tox-swatch--remove) svg {
  1652. display: none;
  1653. fill: #222f3e;
  1654. height: 24px;
  1655. margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
  1656. width: 24px;
  1657. }
  1658. .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
  1659. fill: #fff;
  1660. paint-order: stroke;
  1661. stroke: #222f3e;
  1662. stroke-width: 2px;
  1663. }
  1664. .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
  1665. display: block;
  1666. }
  1667. .tox:not([dir=rtl]) .tox-swatches__picker-btn {
  1668. margin-left: auto;
  1669. }
  1670. .tox[dir=rtl] .tox-swatches__picker-btn {
  1671. margin-right: auto;
  1672. }
  1673. .tox {
  1674. /* Animation for deleting a comment */
  1675. /* A comment fades to 0 when it is being deleted, then is removed */
  1676. }
  1677. .tox .tox-comment {
  1678. background: #fff;
  1679. border: 1px solid #fff;
  1680. border-radius: 6px;
  1681. padding: 8px;
  1682. padding-bottom: 16px;
  1683. position: relative;
  1684. }
  1685. .tox .tox-comment:hover {
  1686. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  1687. }
  1688. .tox .tox-comment.tox-comment--selected {
  1689. background-color: #fff2c9;
  1690. border: 1px solid #ffcf30;
  1691. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  1692. }
  1693. .tox .tox-comment.tox-comment--selected:focus {
  1694. border: 2px solid #006ce7;
  1695. margin: -1px;
  1696. }
  1697. .tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
  1698. margin-top: 7px;
  1699. }
  1700. .tox .tox-comment.tox-comment--selected .tox-comment__single {
  1701. margin-bottom: 12px;
  1702. }
  1703. .tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
  1704. position: relative;
  1705. }
  1706. .tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
  1707. top: -9px;
  1708. pointer-events: none;
  1709. position: absolute;
  1710. content: "";
  1711. display: block;
  1712. bottom: -9px;
  1713. left: -9px;
  1714. right: -9px;
  1715. border-radius: 6px;
  1716. border: 2px solid #006ce7;
  1717. }
  1718. .tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
  1719. bottom: calc((12px + 16px + 1px) * -1);
  1720. }
  1721. .tox .tox-comment__header {
  1722. align-items: center;
  1723. color: #222f3e;
  1724. display: flex;
  1725. justify-content: space-between;
  1726. }
  1727. .tox .tox-comment__date {
  1728. color: #222f3e;
  1729. font-size: 12px;
  1730. line-height: 18px;
  1731. }
  1732. .tox .tox-comment__body {
  1733. color: #222f3e;
  1734. font-size: 16px;
  1735. font-style: normal;
  1736. font-weight: normal;
  1737. line-height: 1.3;
  1738. margin-top: 8px;
  1739. position: relative;
  1740. text-transform: initial;
  1741. transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  1742. white-space: pre-wrap;
  1743. /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
  1744. }
  1745. .tox .tox-comment__body.tox-comment__body--expanded {
  1746. max-height: 100em;
  1747. transition: max-height 1s ease-in-out;
  1748. }
  1749. .tox .tox-comment__body.tox-comment__body--pending {
  1750. transition: max-height 0s;
  1751. }
  1752. .tox .tox-comment__body p {
  1753. margin: 0;
  1754. }
  1755. .tox .tox-comment__body textarea {
  1756. resize: none;
  1757. white-space: normal;
  1758. width: 100%;
  1759. font-size: 16px;
  1760. }
  1761. .tox .tox-comment__loading-text {
  1762. align-items: center;
  1763. color: #222f3e;
  1764. display: flex;
  1765. flex-direction: column;
  1766. position: relative;
  1767. }
  1768. .tox .tox-comment__loading-text > div {
  1769. padding-bottom: 16px;
  1770. }
  1771. .tox .tox-comment__overlaytext {
  1772. bottom: 0;
  1773. flex-direction: column;
  1774. font-size: 14px;
  1775. left: 0;
  1776. padding: 1em;
  1777. position: absolute;
  1778. right: 0;
  1779. top: 0;
  1780. z-index: 10;
  1781. }
  1782. .tox .tox-comment__overlaytext p {
  1783. background-color: #fff;
  1784. box-shadow: 0 0 8px 8px #fff;
  1785. color: #222f3e;
  1786. text-align: center;
  1787. }
  1788. .tox .tox-comment__overlaytext div:nth-of-type(2) {
  1789. font-size: 0.8em;
  1790. }
  1791. .tox .tox-comment__expander {
  1792. padding-top: 8px;
  1793. }
  1794. .tox .tox-comment__expander p {
  1795. color: rgba(34, 47, 62, 0.7);
  1796. font-size: 14px;
  1797. font-style: normal;
  1798. /* Need a focus highlight on the show more/less button */
  1799. }
  1800. .tox .tox-comment__expander p:focus {
  1801. font-weight: bold;
  1802. }
  1803. .tox .tox-comment__buttonspacing {
  1804. padding-top: 16px;
  1805. text-align: center;
  1806. }
  1807. .tox .tox-tbtn.tox-comment__mention-btn {
  1808. display: flex;
  1809. width: 34px;
  1810. height: 34px;
  1811. padding: 5px;
  1812. justify-content: center;
  1813. align-items: center;
  1814. margin: 0;
  1815. background-color: transparent;
  1816. }
  1817. .tox .tox-comment-thread {
  1818. background: #fff;
  1819. position: relative;
  1820. border-radius: 6px;
  1821. background-color: transparent;
  1822. }
  1823. .tox .tox-comment-thread > *:not(:first-child) {
  1824. margin-top: 8px;
  1825. }
  1826. .tox .tox-comment-thread__overlay::after {
  1827. background: #fff;
  1828. bottom: 0;
  1829. content: "";
  1830. display: flex;
  1831. left: 0;
  1832. opacity: 0.9;
  1833. position: absolute;
  1834. right: 0;
  1835. top: 0;
  1836. z-index: 5;
  1837. }
  1838. .tox .tox-comment__reply {
  1839. display: flex;
  1840. flex-shrink: 0;
  1841. flex-wrap: wrap;
  1842. justify-content: flex-end;
  1843. margin-top: 8px;
  1844. }
  1845. .tox .tox-comment__reply > *:first-child {
  1846. margin-bottom: 8px;
  1847. width: 100%;
  1848. }
  1849. .tox .tox-comment__edit {
  1850. display: flex;
  1851. flex-wrap: wrap;
  1852. justify-content: flex-end;
  1853. margin-top: 8px;
  1854. }
  1855. .tox .tox-comment__gradient::after {
  1856. background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  1857. bottom: 0;
  1858. content: "";
  1859. display: block;
  1860. height: 5em;
  1861. margin-top: -40px;
  1862. position: absolute;
  1863. width: 100%;
  1864. }
  1865. .tox .tox-comment__overlay {
  1866. background: #fff;
  1867. bottom: 0;
  1868. display: flex;
  1869. flex-direction: column;
  1870. flex-grow: 1;
  1871. left: 0;
  1872. opacity: 0.9;
  1873. position: absolute;
  1874. right: 0;
  1875. text-align: center;
  1876. top: 0;
  1877. z-index: 5;
  1878. }
  1879. .tox .tox-comment__busy-spinner {
  1880. align-items: center;
  1881. background-color: #fff;
  1882. bottom: 0;
  1883. display: flex;
  1884. justify-content: center;
  1885. left: 0;
  1886. position: absolute;
  1887. right: 0;
  1888. top: 0;
  1889. z-index: 20;
  1890. }
  1891. .tox .tox-comment__scroll {
  1892. display: flex;
  1893. flex-direction: column;
  1894. flex-shrink: 1;
  1895. overflow: auto;
  1896. padding: 12px;
  1897. scroll-behavior: smooth;
  1898. }
  1899. .tox .tox-comment__scroll:has(textarea:focus) {
  1900. scroll-behavior: auto;
  1901. }
  1902. .tox .tox-comment--disappearing {
  1903. transition: opacity 0.5s ease;
  1904. }
  1905. .tox .tox-comment[data-transitioning-destination="deleting"] {
  1906. opacity: 0;
  1907. }
  1908. .tox .tox-ring-loader {
  1909. width: 10px;
  1910. height: 10px;
  1911. border: 1px solid #FFF;
  1912. border-bottom-color: transparent;
  1913. border-radius: 50%;
  1914. display: inline-block;
  1915. box-sizing: border-box;
  1916. animation: tox-rotation 1s linear infinite;
  1917. }
  1918. .tox:not([dir=rtl]) .tox-comment__edit {
  1919. margin-left: 8px;
  1920. }
  1921. .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
  1922. .tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
  1923. .tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
  1924. margin-left: 8px;
  1925. }
  1926. .tox[dir=rtl] .tox-comment__edit {
  1927. margin-right: 8px;
  1928. }
  1929. .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
  1930. .tox[dir=rtl] .tox-comment__edit > *:last-child,
  1931. .tox[dir=rtl] .tox-comment__reply > *:last-child {
  1932. margin-right: 8px;
  1933. }
  1934. .tox .tox-user {
  1935. align-items: center;
  1936. display: flex;
  1937. }
  1938. .tox .tox-user__avatar svg {
  1939. fill: rgba(34, 47, 62, 0.7);
  1940. }
  1941. .tox .tox-user__avatar img {
  1942. border-radius: 50%;
  1943. height: 36px;
  1944. object-fit: cover;
  1945. vertical-align: middle;
  1946. width: 36px;
  1947. }
  1948. .tox .tox-user__name {
  1949. color: #222f3e;
  1950. font-size: 14px;
  1951. font-style: normal;
  1952. font-weight: bold;
  1953. line-height: 18px;
  1954. text-transform: none;
  1955. }
  1956. .tox:not([dir=rtl]) .tox-user__avatar svg,
  1957. .tox:not([dir=rtl]) .tox-user__avatar img {
  1958. margin-right: 8px;
  1959. }
  1960. .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
  1961. margin-left: 8px;
  1962. }
  1963. .tox[dir=rtl] .tox-user__avatar svg,
  1964. .tox[dir=rtl] .tox-user__avatar img {
  1965. margin-left: 8px;
  1966. }
  1967. .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
  1968. margin-right: 8px;
  1969. }
  1970. .tox {
  1971. /* .tox-dialog-blocker-wrap {
  1972. //
  1973. } */
  1974. }
  1975. .tox .tox-dialog-wrap {
  1976. align-items: center;
  1977. bottom: 0;
  1978. display: flex;
  1979. justify-content: center;
  1980. left: 0;
  1981. position: fixed;
  1982. right: 0;
  1983. top: 0;
  1984. z-index: 1100;
  1985. }
  1986. .tox .tox-dialog-wrap__backdrop {
  1987. background-color: rgba(255, 255, 255, 0.75);
  1988. bottom: 0;
  1989. left: 0;
  1990. position: absolute;
  1991. right: 0;
  1992. top: 0;
  1993. z-index: 1;
  1994. }
  1995. .tox .tox-dialog-wrap__backdrop--opaque {
  1996. background-color: #fff;
  1997. }
  1998. .tox .tox-dialog {
  1999. background-color: #fff;
  2000. border-color: #eeeeee;
  2001. border-radius: 10px;
  2002. border-style: solid;
  2003. border-width: 0;
  2004. box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  2005. display: flex;
  2006. flex-direction: column;
  2007. max-height: 100%;
  2008. max-width: 480px;
  2009. overflow: hidden;
  2010. position: relative;
  2011. width: 95vw;
  2012. z-index: 2;
  2013. }
  2014. @media only screen and (max-width: 767px ) {
  2015. body:not(.tox-force-desktop) .tox .tox-dialog {
  2016. align-self: flex-start;
  2017. margin: 8px auto;
  2018. max-height: calc(100vh - 8px * 2);
  2019. width: calc(100vw - 16px);
  2020. }
  2021. }
  2022. .tox .tox-dialog-inline {
  2023. z-index: 1100;
  2024. }
  2025. .tox .tox-dialog__header {
  2026. align-items: center;
  2027. background-color: #fff;
  2028. border-bottom: none;
  2029. color: #222f3e;
  2030. display: flex;
  2031. font-size: 16px;
  2032. justify-content: space-between;
  2033. padding: 8px 16px 0 16px;
  2034. position: relative;
  2035. }
  2036. .tox .tox-dialog__header .tox-button {
  2037. z-index: 1;
  2038. }
  2039. .tox .tox-dialog__draghandle {
  2040. cursor: grab;
  2041. height: 100%;
  2042. left: 0;
  2043. position: absolute;
  2044. top: 0;
  2045. width: 100%;
  2046. }
  2047. .tox .tox-dialog__draghandle:active {
  2048. cursor: grabbing;
  2049. }
  2050. .tox .tox-dialog__dismiss {
  2051. margin-left: auto;
  2052. }
  2053. .tox .tox-dialog__title {
  2054. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2055. font-size: 20px;
  2056. font-style: normal;
  2057. font-weight: normal;
  2058. line-height: 1.3;
  2059. margin: 0;
  2060. text-transform: none;
  2061. }
  2062. .tox .tox-dialog__body {
  2063. color: #222f3e;
  2064. display: flex;
  2065. flex: 1;
  2066. font-size: 16px;
  2067. font-style: normal;
  2068. font-weight: normal;
  2069. line-height: 1.3;
  2070. min-width: 0;
  2071. text-align: left;
  2072. text-transform: none;
  2073. }
  2074. @media only screen and (max-width: 767px ) {
  2075. body:not(.tox-force-desktop) .tox .tox-dialog__body {
  2076. flex-direction: column;
  2077. }
  2078. }
  2079. .tox .tox-dialog__body-nav {
  2080. align-items: flex-start;
  2081. display: flex;
  2082. flex-direction: column;
  2083. flex-shrink: 0;
  2084. padding: 16px 16px;
  2085. }
  2086. @media only screen and (min-width: 768px ) {
  2087. .tox .tox-dialog__body-nav {
  2088. max-width: 11em;
  2089. }
  2090. }
  2091. @media only screen and (max-width: 767px ) {
  2092. body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
  2093. flex-direction: row;
  2094. -webkit-overflow-scrolling: touch;
  2095. overflow-x: auto;
  2096. padding-bottom: 0;
  2097. }
  2098. }
  2099. .tox .tox-dialog__body-nav-item {
  2100. border-bottom: 2px solid transparent;
  2101. color: rgba(34, 47, 62, 0.7);
  2102. display: inline-block;
  2103. flex-shrink: 0;
  2104. font-size: 14px;
  2105. line-height: 1.3;
  2106. margin-bottom: 8px;
  2107. max-width: 13em;
  2108. -webkit-text-decoration: none;
  2109. text-decoration: none;
  2110. }
  2111. .tox .tox-dialog__body-nav-item:focus {
  2112. background-color: rgba(0, 108, 231, 0.1);
  2113. }
  2114. .tox .tox-dialog__body-nav-item--active {
  2115. border-bottom: 2px solid #144782;
  2116. color: #144782;
  2117. }
  2118. @media (forced-colors: active) {
  2119. .tox .tox-dialog__body-nav-item--active {
  2120. border-bottom: 2px solid highlight;
  2121. color: highlight;
  2122. }
  2123. }
  2124. .tox .tox-dialog__body-content {
  2125. box-sizing: border-box;
  2126. display: flex;
  2127. flex: 1;
  2128. flex-direction: column;
  2129. max-height: min(650px, calc(100vh - 110px));
  2130. overflow: auto;
  2131. -webkit-overflow-scrolling: touch;
  2132. padding: 16px 16px;
  2133. }
  2134. .tox .tox-dialog__body-content > * {
  2135. margin-bottom: 0;
  2136. margin-top: 16px;
  2137. }
  2138. .tox .tox-dialog__body-content > *:first-child {
  2139. margin-top: 0;
  2140. }
  2141. .tox .tox-dialog__body-content > *:last-child {
  2142. margin-bottom: 0;
  2143. }
  2144. .tox .tox-dialog__body-content > *:only-child {
  2145. margin-bottom: 0;
  2146. margin-top: 0;
  2147. }
  2148. .tox .tox-dialog__body-content a {
  2149. color: #144782;
  2150. cursor: pointer;
  2151. -webkit-text-decoration: underline;
  2152. text-decoration: underline;
  2153. }
  2154. .tox .tox-dialog__body-content a:hover,
  2155. .tox .tox-dialog__body-content a:focus {
  2156. color: #071729;
  2157. -webkit-text-decoration: underline;
  2158. text-decoration: underline;
  2159. }
  2160. .tox .tox-dialog__body-content a:focus-visible {
  2161. border-radius: 1px;
  2162. outline: 2px solid #144782;
  2163. outline-offset: 2px;
  2164. }
  2165. .tox .tox-dialog__body-content a:active {
  2166. color: #000000;
  2167. -webkit-text-decoration: underline;
  2168. text-decoration: underline;
  2169. }
  2170. .tox .tox-dialog__body-content svg {
  2171. fill: #222f3e;
  2172. }
  2173. .tox .tox-dialog__body-content strong {
  2174. font-weight: bold;
  2175. }
  2176. .tox .tox-dialog__body-content ul {
  2177. list-style-type: disc;
  2178. }
  2179. .tox .tox-dialog__body-content ul,
  2180. .tox .tox-dialog__body-content ol,
  2181. .tox .tox-dialog__body-content dd {
  2182. padding-inline-start: 2.5rem;
  2183. }
  2184. .tox .tox-dialog__body-content ul,
  2185. .tox .tox-dialog__body-content ol,
  2186. .tox .tox-dialog__body-content dl {
  2187. margin-bottom: 16px;
  2188. }
  2189. .tox .tox-dialog__body-content ul,
  2190. .tox .tox-dialog__body-content ol,
  2191. .tox .tox-dialog__body-content dl,
  2192. .tox .tox-dialog__body-content dd,
  2193. .tox .tox-dialog__body-content dt {
  2194. display: block;
  2195. margin-inline-end: 0;
  2196. margin-inline-start: 0;
  2197. }
  2198. .tox .tox-dialog__body-content .tox-form__group h1 {
  2199. color: #222f3e;
  2200. font-size: 20px;
  2201. font-style: normal;
  2202. font-weight: bold;
  2203. letter-spacing: normal;
  2204. margin-bottom: 16px;
  2205. margin-top: 2rem;
  2206. text-transform: none;
  2207. }
  2208. .tox .tox-dialog__body-content .tox-form__group h2 {
  2209. color: #222f3e;
  2210. font-size: 16px;
  2211. font-style: normal;
  2212. font-weight: bold;
  2213. letter-spacing: normal;
  2214. margin-bottom: 16px;
  2215. margin-top: 2rem;
  2216. text-transform: none;
  2217. }
  2218. .tox .tox-dialog__body-content .tox-form__group p {
  2219. margin-bottom: 16px;
  2220. }
  2221. .tox .tox-dialog__body-content .tox-form__group h1:first-child,
  2222. .tox .tox-dialog__body-content .tox-form__group h2:first-child,
  2223. .tox .tox-dialog__body-content .tox-form__group p:first-child {
  2224. margin-top: 0;
  2225. }
  2226. .tox .tox-dialog__body-content .tox-form__group h1:last-child,
  2227. .tox .tox-dialog__body-content .tox-form__group h2:last-child,
  2228. .tox .tox-dialog__body-content .tox-form__group p:last-child {
  2229. margin-bottom: 0;
  2230. }
  2231. .tox .tox-dialog__body-content .tox-form__group h1:only-child,
  2232. .tox .tox-dialog__body-content .tox-form__group h2:only-child,
  2233. .tox .tox-dialog__body-content .tox-form__group p:only-child {
  2234. margin-bottom: 0;
  2235. margin-top: 0;
  2236. }
  2237. .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
  2238. text-align: center;
  2239. }
  2240. .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
  2241. text-align: end;
  2242. }
  2243. .tox .tox-dialog--width-lg {
  2244. height: 650px;
  2245. max-width: 1200px;
  2246. }
  2247. .tox .tox-dialog--fullscreen {
  2248. height: 100%;
  2249. max-width: 100%;
  2250. }
  2251. .tox .tox-dialog--fullscreen .tox-dialog__body-content {
  2252. max-height: 100%;
  2253. }
  2254. .tox .tox-dialog--width-md {
  2255. max-width: 800px;
  2256. }
  2257. .tox .tox-dialog--width-md .tox-dialog__body-content {
  2258. overflow: auto;
  2259. }
  2260. .tox .tox-dialog__body-content--centered {
  2261. text-align: center;
  2262. }
  2263. .tox .tox-dialog__footer {
  2264. align-items: center;
  2265. background-color: #fff;
  2266. border-top: none;
  2267. display: flex;
  2268. justify-content: space-between;
  2269. padding: 8px 16px;
  2270. }
  2271. .tox .tox-dialog__footer-start,
  2272. .tox .tox-dialog__footer-end {
  2273. display: flex;
  2274. }
  2275. .tox .tox-dialog__busy-spinner {
  2276. align-items: center;
  2277. background-color: rgba(255, 255, 255, 0.75);
  2278. bottom: 0;
  2279. display: flex;
  2280. justify-content: center;
  2281. left: 0;
  2282. position: absolute;
  2283. right: 0;
  2284. top: 0;
  2285. z-index: 3;
  2286. }
  2287. .tox .tox-dialog__table {
  2288. border-collapse: collapse;
  2289. width: 100%;
  2290. }
  2291. .tox .tox-dialog__table thead th {
  2292. font-weight: bold;
  2293. padding-bottom: 8px;
  2294. }
  2295. .tox .tox-dialog__table thead th:first-child {
  2296. padding-right: 8px;
  2297. }
  2298. .tox .tox-dialog__table tbody tr {
  2299. border-bottom: 1px solid #626262;
  2300. }
  2301. .tox .tox-dialog__table tbody tr:last-child {
  2302. border-bottom: none;
  2303. }
  2304. .tox .tox-dialog__table td {
  2305. padding-bottom: 8px;
  2306. padding-top: 8px;
  2307. }
  2308. .tox .tox-dialog__table td:first-child {
  2309. padding-right: 8px;
  2310. }
  2311. .tox .tox-dialog__iframe {
  2312. min-height: 200px;
  2313. }
  2314. .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
  2315. background: #fff;
  2316. }
  2317. .tox .tox-navobj-bordered {
  2318. position: relative;
  2319. }
  2320. .tox .tox-navobj-bordered::before {
  2321. border: 1px solid #eeeeee;
  2322. border-radius: 6px;
  2323. content: '';
  2324. inset: 0;
  2325. opacity: 1;
  2326. pointer-events: none;
  2327. position: absolute;
  2328. z-index: 1;
  2329. }
  2330. .tox .tox-navobj-bordered iframe {
  2331. border-radius: 6px;
  2332. }
  2333. .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
  2334. border-color: #006ce7;
  2335. box-shadow: 0 0 0 1px #006ce7;
  2336. outline: none;
  2337. }
  2338. .tox .tox-dialog__popups {
  2339. position: absolute;
  2340. width: 100%;
  2341. z-index: 1100;
  2342. }
  2343. .tox .tox-dialog__body-iframe {
  2344. display: flex;
  2345. flex: 1;
  2346. flex-direction: column;
  2347. }
  2348. .tox .tox-dialog__body-iframe .tox-navobj {
  2349. display: flex;
  2350. flex: 1;
  2351. }
  2352. .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  2353. flex: 1;
  2354. height: 100%;
  2355. }
  2356. .tox .tox-dialog-dock-fadeout {
  2357. opacity: 0;
  2358. visibility: hidden;
  2359. }
  2360. .tox .tox-dialog-dock-fadein {
  2361. opacity: 1;
  2362. visibility: visible;
  2363. }
  2364. .tox .tox-dialog-dock-transition {
  2365. transition: visibility 0s linear 0.3s, opacity 0.3s ease;
  2366. }
  2367. .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
  2368. transition-delay: 0s;
  2369. }
  2370. @media only screen and (max-width: 767px ) {
  2371. body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
  2372. margin-right: 0;
  2373. }
  2374. }
  2375. @media only screen and (max-width: 767px ) {
  2376. body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
  2377. margin-left: 8px;
  2378. }
  2379. }
  2380. .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
  2381. .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
  2382. margin-left: 8px;
  2383. }
  2384. .tox[dir=rtl] .tox-dialog__body {
  2385. text-align: right;
  2386. }
  2387. @media only screen and (max-width: 767px ) {
  2388. body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
  2389. margin-left: 0;
  2390. }
  2391. }
  2392. @media only screen and (max-width: 767px ) {
  2393. body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
  2394. margin-right: 8px;
  2395. }
  2396. }
  2397. .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
  2398. .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
  2399. margin-right: 8px;
  2400. }
  2401. .tox .tox-dropdown-content {
  2402. box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  2403. position: fixed;
  2404. position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
  2405. overflow: auto;
  2406. height: fit-content;
  2407. width: fit-content;
  2408. border-radius: var(--tox-private-panel-border-radius, 6px);
  2409. background-color: var(--tox-private-background-color, #fff);
  2410. max-height: 50vh;
  2411. }
  2412. .tox .tox-dropdown-content .tox-menu {
  2413. width: 100%;
  2414. box-shadow: none;
  2415. }
  2416. body.tox-dialog__disable-scroll {
  2417. overflow: hidden;
  2418. }
  2419. .tox .tox-dropzone-container {
  2420. display: flex;
  2421. flex: 1;
  2422. }
  2423. .tox .tox-dropzone {
  2424. align-items: center;
  2425. background: #fff;
  2426. border: 2px dashed #eeeeee;
  2427. box-sizing: border-box;
  2428. display: flex;
  2429. flex-direction: column;
  2430. flex-grow: 1;
  2431. justify-content: center;
  2432. min-height: 100px;
  2433. padding: 10px;
  2434. }
  2435. .tox .tox-dropzone p {
  2436. color: rgba(34, 47, 62, 0.7);
  2437. margin: 0 0 16px 0;
  2438. }
  2439. .tox .tox-edit-area {
  2440. display: flex;
  2441. flex: 1;
  2442. overflow: hidden;
  2443. position: relative;
  2444. }
  2445. .tox .tox-edit-area::before {
  2446. border: 2px solid #006ce7;
  2447. border-radius: 4px;
  2448. content: '';
  2449. inset: 0;
  2450. opacity: 0;
  2451. pointer-events: none;
  2452. position: absolute;
  2453. transition: opacity 0.15s;
  2454. z-index: 1;
  2455. }
  2456. @media (forced-colors: active) {
  2457. .tox .tox-edit-area::before {
  2458. border: 2px solid highlight;
  2459. }
  2460. }
  2461. .tox .tox-edit-area__iframe {
  2462. background-color: #fff;
  2463. border: 0;
  2464. box-sizing: border-box;
  2465. flex: 1;
  2466. height: 100%;
  2467. position: absolute;
  2468. width: 100%;
  2469. }
  2470. .tox.tox-edit-focus .tox-edit-area::before {
  2471. opacity: 1;
  2472. }
  2473. .tox.tox-inline-edit-area {
  2474. border: 1px dotted #eeeeee;
  2475. }
  2476. .tox .tox-expandable-box {
  2477. border-radius: 6px;
  2478. border: 1px solid var(--tox-private-border-color, #eeeeee);
  2479. display: flex;
  2480. flex-direction: column;
  2481. justify-content: stretch;
  2482. gap: var(--tox-private-pad-sm, 8px);
  2483. padding: var(--tox-private-pad-sm, 8px) var(--tox-private-pad-md, 16px);
  2484. }
  2485. .tox .tox-expandable-box__content {
  2486. overflow: auto;
  2487. }
  2488. .tox .tox-expandable-box__content--overflowing {
  2489. position: relative;
  2490. overflow: hidden;
  2491. }
  2492. .tox .tox-expandable-box__content--overflowing::after {
  2493. content: '';
  2494. position: absolute;
  2495. bottom: 0;
  2496. left: 0;
  2497. right: 0;
  2498. height: min(100px, 100%);
  2499. pointer-events: none;
  2500. background: linear-gradient(to bottom, transparent 50%, var(--tox-private-background-color, #fff));
  2501. }
  2502. .tox .tox-expandable-box__content--expanded {
  2503. max-height: fit-content;
  2504. }
  2505. .tox .tox-control-wrap {
  2506. flex: 1;
  2507. position: relative;
  2508. }
  2509. .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
  2510. .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
  2511. .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  2512. display: none;
  2513. }
  2514. .tox .tox-control-wrap svg {
  2515. display: block;
  2516. }
  2517. .tox .tox-control-wrap__status-icon-wrap {
  2518. position: absolute;
  2519. top: 50%;
  2520. transform: translateY(-50%);
  2521. }
  2522. .tox .tox-control-wrap__status-icon-invalid svg {
  2523. fill: #c00;
  2524. }
  2525. .tox .tox-control-wrap__status-icon-unknown svg {
  2526. fill: orange;
  2527. }
  2528. .tox .tox-control-wrap__status-icon-valid svg {
  2529. fill: green;
  2530. }
  2531. .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
  2532. .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
  2533. .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  2534. padding-right: 32px;
  2535. }
  2536. .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  2537. right: 4px;
  2538. }
  2539. .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
  2540. .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
  2541. .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  2542. padding-left: 32px;
  2543. }
  2544. .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  2545. left: 4px;
  2546. }
  2547. .tox .tox-custom-preview {
  2548. border-color: #eeeeee;
  2549. border-radius: 6px;
  2550. border-style: solid;
  2551. border-width: 1px;
  2552. flex: 1;
  2553. padding: 8px;
  2554. }
  2555. .tox .tox-autocompleter {
  2556. max-width: 25em;
  2557. }
  2558. .tox .tox-autocompleter .tox-menu {
  2559. box-sizing: border-box;
  2560. max-width: 25em;
  2561. }
  2562. .tox .tox-autocompleter .tox-autocompleter-highlight {
  2563. font-weight: bold;
  2564. }
  2565. .tox .tox-color-input {
  2566. display: flex;
  2567. position: relative;
  2568. z-index: 1;
  2569. }
  2570. .tox .tox-color-input .tox-textfield {
  2571. z-index: -1;
  2572. }
  2573. .tox .tox-color-input span {
  2574. border-color: rgba(34 47 3.1%);
  2575. border-radius: 6px;
  2576. border-style: solid;
  2577. border-width: 1px;
  2578. box-shadow: none;
  2579. box-sizing: border-box;
  2580. height: 24px;
  2581. position: absolute;
  2582. top: 6px;
  2583. width: 24px;
  2584. }
  2585. @media (forced-colors: active) {
  2586. .tox .tox-color-input span {
  2587. border-color: currentColor;
  2588. border-width: 2px !important;
  2589. forced-color-adjust: none;
  2590. }
  2591. }
  2592. .tox .tox-color-input span:hover:not([aria-disabled=true]),
  2593. .tox .tox-color-input span:focus:not([aria-disabled=true]) {
  2594. border-color: #006ce7;
  2595. cursor: pointer;
  2596. }
  2597. .tox .tox-color-input span::before {
  2598. background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
  2599. background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  2600. background-size: 12px 12px;
  2601. border: 1px solid #fff;
  2602. border-radius: 6px;
  2603. box-sizing: border-box;
  2604. content: '';
  2605. height: 24px;
  2606. left: -1px;
  2607. position: absolute;
  2608. top: -1px;
  2609. width: 24px;
  2610. z-index: -1;
  2611. }
  2612. @media (forced-colors: active) {
  2613. .tox .tox-color-input span::before {
  2614. border: none;
  2615. }
  2616. }
  2617. .tox .tox-color-input span[aria-disabled=true] {
  2618. cursor: not-allowed;
  2619. }
  2620. .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
  2621. padding-left: 36px;
  2622. }
  2623. .tox:not([dir=rtl]) .tox-color-input span {
  2624. left: 6px;
  2625. }
  2626. .tox[dir="rtl"] .tox-color-input .tox-textfield {
  2627. padding-right: 36px;
  2628. }
  2629. .tox[dir="rtl"] .tox-color-input span {
  2630. right: 6px;
  2631. }
  2632. .tox .tox-label,
  2633. .tox .tox-toolbar-label {
  2634. color: rgba(34, 47, 62, 0.7);
  2635. display: block;
  2636. font-size: 14px;
  2637. font-style: normal;
  2638. font-weight: normal;
  2639. line-height: 1.3;
  2640. padding: 0 8px 0 0;
  2641. text-transform: none;
  2642. white-space: nowrap;
  2643. }
  2644. .tox .tox-toolbar-label {
  2645. padding: 0 8px;
  2646. }
  2647. .tox[dir=rtl] .tox-label {
  2648. padding: 0 0 0 8px;
  2649. }
  2650. .tox .tox-form {
  2651. display: flex;
  2652. flex: 1;
  2653. flex-direction: column;
  2654. }
  2655. .tox .tox-form__group {
  2656. box-sizing: border-box;
  2657. margin-bottom: 4px;
  2658. }
  2659. .tox .tox-form-group--maximize {
  2660. flex: 1;
  2661. }
  2662. .tox .tox-form__group--error {
  2663. color: #c00;
  2664. }
  2665. .tox .tox-form__group--collection {
  2666. display: flex;
  2667. }
  2668. .tox .tox-form__grid {
  2669. display: flex;
  2670. flex-direction: row;
  2671. flex-wrap: wrap;
  2672. justify-content: space-between;
  2673. }
  2674. .tox .tox-form__grid--2col > .tox-form__group {
  2675. width: calc(50% - (8px / 2));
  2676. }
  2677. .tox .tox-form__grid--3col > .tox-form__group {
  2678. width: calc(100% / 3 - (8px / 2));
  2679. }
  2680. .tox .tox-form__grid--4col > .tox-form__group {
  2681. width: calc(25% - (8px / 2));
  2682. }
  2683. .tox .tox-form__controls-h-stack {
  2684. align-items: center;
  2685. display: flex;
  2686. }
  2687. .tox .tox-form__group--inline {
  2688. align-items: center;
  2689. display: flex;
  2690. }
  2691. .tox .tox-form__group--stretched {
  2692. display: flex;
  2693. flex: 1;
  2694. flex-direction: column;
  2695. }
  2696. .tox .tox-form__group--stretched .tox-textarea {
  2697. flex: 1;
  2698. }
  2699. .tox .tox-form__group--stretched .tox-navobj {
  2700. display: flex;
  2701. flex: 1;
  2702. }
  2703. .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  2704. flex: 1;
  2705. height: 100%;
  2706. }
  2707. .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
  2708. margin-left: 4px;
  2709. }
  2710. .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
  2711. margin-right: 4px;
  2712. }
  2713. .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
  2714. .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  2715. display: none;
  2716. }
  2717. .tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
  2718. margin-left: 8px;
  2719. margin-right: 8px;
  2720. }
  2721. .tox .tox-textfield,
  2722. .tox .tox-toolbar-textfield,
  2723. .tox .tox-listboxfield .tox-listbox--select,
  2724. .tox .tox-textarea,
  2725. .tox .tox-textarea-wrap .tox-textarea:focus {
  2726. appearance: none;
  2727. background-color: #fff;
  2728. border-color: #eeeeee;
  2729. border-radius: 6px;
  2730. border-style: solid;
  2731. border-width: 1px;
  2732. box-shadow: none;
  2733. box-sizing: border-box;
  2734. color: #222f3e;
  2735. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2736. font-size: 16px;
  2737. line-height: 24px;
  2738. margin: 0;
  2739. min-height: 34px;
  2740. outline: none;
  2741. padding: 5px 5.5px;
  2742. resize: none;
  2743. width: 100%;
  2744. }
  2745. .tox .tox-textfield[disabled],
  2746. .tox .tox-toolbar-textfield[disabled],
  2747. .tox .tox-textarea[disabled] {
  2748. background-color: #f2f2f2;
  2749. color: rgba(34, 47, 62, 0.85);
  2750. cursor: not-allowed;
  2751. }
  2752. .tox .tox-textfield:focus,
  2753. .tox .tox-toolbar-textfield:focus,
  2754. .tox .tox-listboxfield .tox-listbox--select:focus,
  2755. .tox .tox-textarea-wrap:focus-within,
  2756. .tox .tox-textarea:focus,
  2757. .tox .tox-focusable-wrapper:focus,
  2758. .tox .tox-custom-editor:focus-within {
  2759. background-color: #fff;
  2760. border-color: #006ce7;
  2761. box-shadow: 0 0 0 1px #006ce7;
  2762. outline: none;
  2763. }
  2764. .tox .tox-toolbar-textfield {
  2765. max-width: 250px;
  2766. min-height: unset;
  2767. height: 28px;
  2768. margin: 5px 0 6px 0;
  2769. }
  2770. .tox .tox-naked-btn {
  2771. background-color: transparent;
  2772. border: 0;
  2773. border-color: transparent;
  2774. box-shadow: unset;
  2775. color: #006ce7;
  2776. cursor: pointer;
  2777. display: block;
  2778. margin: 0;
  2779. padding: 0;
  2780. }
  2781. .tox .tox-naked-btn svg {
  2782. display: block;
  2783. fill: #222f3e;
  2784. }
  2785. .tox .tox-textfield-size {
  2786. width: 80px;
  2787. }
  2788. .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
  2789. margin-left: 4px;
  2790. }
  2791. .tox[dir=rtl] .tox-toolbar-textfield + * {
  2792. margin-right: 4px;
  2793. }
  2794. .tox .tox-listboxfield {
  2795. cursor: pointer;
  2796. position: relative;
  2797. }
  2798. .tox .tox-listboxfield .tox-listbox--select[disabled] {
  2799. background-color: #f2f2f2;
  2800. color: rgba(34, 47, 62, 0.85);
  2801. cursor: not-allowed;
  2802. }
  2803. .tox .tox-listbox__select-label {
  2804. cursor: default;
  2805. flex: 1;
  2806. margin: 0 4px;
  2807. }
  2808. .tox .tox-listbox__select-chevron {
  2809. align-items: center;
  2810. display: flex;
  2811. justify-content: center;
  2812. width: 16px;
  2813. }
  2814. .tox .tox-listbox__select-chevron svg {
  2815. fill: #222f3e;
  2816. }
  2817. @media (forced-colors: active) {
  2818. .tox .tox-listbox__select-chevron svg {
  2819. fill: currentColor !important;
  2820. }
  2821. }
  2822. .tox .tox-listboxfield .tox-listbox--select {
  2823. align-items: center;
  2824. display: flex;
  2825. }
  2826. .tox:not([dir=rtl]) .tox-listboxfield svg {
  2827. right: 8px;
  2828. }
  2829. .tox[dir=rtl] .tox-listboxfield svg {
  2830. left: 8px;
  2831. }
  2832. .tox .tox-selectfield {
  2833. cursor: pointer;
  2834. position: relative;
  2835. }
  2836. .tox .tox-selectfield select {
  2837. appearance: none;
  2838. background-color: #fff;
  2839. border-color: #eeeeee;
  2840. border-radius: 6px;
  2841. border-style: solid;
  2842. border-width: 1px;
  2843. box-shadow: none;
  2844. box-sizing: border-box;
  2845. color: #222f3e;
  2846. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2847. font-size: 16px;
  2848. line-height: 24px;
  2849. margin: 0;
  2850. min-height: 34px;
  2851. outline: none;
  2852. padding: 5px 5.5px;
  2853. resize: none;
  2854. width: 100%;
  2855. }
  2856. .tox .tox-selectfield select[disabled] {
  2857. background-color: #f2f2f2;
  2858. color: rgba(34, 47, 62, 0.85);
  2859. cursor: not-allowed;
  2860. }
  2861. .tox .tox-selectfield select::-ms-expand {
  2862. display: none;
  2863. }
  2864. .tox .tox-selectfield select:focus {
  2865. background-color: #fff;
  2866. border-color: #006ce7;
  2867. box-shadow: 0 0 0 1px #006ce7;
  2868. outline: none;
  2869. }
  2870. .tox .tox-selectfield svg {
  2871. pointer-events: none;
  2872. position: absolute;
  2873. top: 50%;
  2874. transform: translateY(-50%);
  2875. }
  2876. .tox .tox-selectfield select option:checked {
  2877. background-color: revert;
  2878. color: revert;
  2879. }
  2880. .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
  2881. .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
  2882. padding-right: 24px;
  2883. }
  2884. .tox:not([dir=rtl]) .tox-selectfield svg {
  2885. right: 8px;
  2886. }
  2887. .tox[dir=rtl] .tox-selectfield select[size="0"],
  2888. .tox[dir=rtl] .tox-selectfield select[size="1"] {
  2889. padding-left: 24px;
  2890. }
  2891. .tox[dir=rtl] .tox-selectfield svg {
  2892. left: 8px;
  2893. }
  2894. .tox .tox-textarea-wrap {
  2895. border-color: #eeeeee;
  2896. border-radius: 6px;
  2897. border-style: solid;
  2898. border-width: 1px;
  2899. display: flex;
  2900. flex: 1;
  2901. overflow: hidden;
  2902. }
  2903. .tox .tox-textarea {
  2904. appearance: textarea;
  2905. white-space: pre-wrap;
  2906. }
  2907. .tox .tox-textarea-wrap .tox-textarea {
  2908. border: none;
  2909. }
  2910. .tox .tox-textarea-wrap .tox-textarea:focus {
  2911. border: none;
  2912. }
  2913. .tox-fullscreen {
  2914. border: 0;
  2915. height: 100%;
  2916. margin: 0;
  2917. overflow: hidden;
  2918. overscroll-behavior: none;
  2919. padding: 0;
  2920. touch-action: pinch-zoom;
  2921. width: 100%;
  2922. }
  2923. .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  2924. display: none;
  2925. }
  2926. .tox.tox-tinymce.tox-fullscreen,
  2927. .tox-shadowhost.tox-fullscreen {
  2928. left: 0;
  2929. position: fixed;
  2930. top: 0;
  2931. z-index: 1200;
  2932. }
  2933. .tox.tox-tinymce.tox-fullscreen {
  2934. background-color: transparent;
  2935. }
  2936. .tox-fullscreen .tox.tox-tinymce-aux,
  2937. .tox-fullscreen ~ .tox.tox-tinymce-aux {
  2938. z-index: 1201;
  2939. }
  2940. .tox .tox-help__more-link {
  2941. list-style: none;
  2942. margin-top: 1em;
  2943. }
  2944. .tox .tox-imagepreview {
  2945. background-color: #666;
  2946. height: 380px;
  2947. overflow: hidden;
  2948. position: relative;
  2949. width: 100%;
  2950. }
  2951. .tox .tox-imagepreview.tox-imagepreview__loaded {
  2952. overflow: auto;
  2953. }
  2954. .tox .tox-imagepreview__container {
  2955. display: flex;
  2956. left: 100vw;
  2957. position: absolute;
  2958. top: 100vw;
  2959. }
  2960. .tox .tox-imagepreview__image {
  2961. background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
  2962. }
  2963. .tox .tox-image-tools .tox-spacer {
  2964. flex: 1;
  2965. }
  2966. .tox .tox-image-tools .tox-bar {
  2967. align-items: center;
  2968. display: flex;
  2969. height: 60px;
  2970. justify-content: center;
  2971. }
  2972. .tox .tox-image-tools .tox-imagepreview,
  2973. .tox .tox-image-tools .tox-imagepreview + .tox-bar {
  2974. margin-top: 8px;
  2975. }
  2976. .tox .tox-image-tools .tox-croprect-block {
  2977. background: black;
  2978. filter: alpha(opacity=50);
  2979. opacity: 0.5;
  2980. position: absolute;
  2981. zoom: 1;
  2982. }
  2983. .tox .tox-image-tools .tox-croprect-handle {
  2984. border: 2px solid white;
  2985. height: 20px;
  2986. left: 0;
  2987. position: absolute;
  2988. top: 0;
  2989. width: 20px;
  2990. }
  2991. .tox .tox-image-tools .tox-croprect-handle-move {
  2992. border: 0;
  2993. cursor: move;
  2994. position: absolute;
  2995. }
  2996. .tox .tox-image-tools .tox-croprect-handle-nw {
  2997. border-width: 2px 0 0 2px;
  2998. cursor: nw-resize;
  2999. left: 100px;
  3000. margin: -2px 0 0 -2px;
  3001. top: 100px;
  3002. }
  3003. .tox .tox-image-tools .tox-croprect-handle-ne {
  3004. border-width: 2px 2px 0 0;
  3005. cursor: ne-resize;
  3006. left: 200px;
  3007. margin: -2px 0 0 -20px;
  3008. top: 100px;
  3009. }
  3010. .tox .tox-image-tools .tox-croprect-handle-sw {
  3011. border-width: 0 0 2px 2px;
  3012. cursor: sw-resize;
  3013. left: 100px;
  3014. margin: -20px 2px 0 -2px;
  3015. top: 200px;
  3016. }
  3017. .tox .tox-image-tools .tox-croprect-handle-se {
  3018. border-width: 0 2px 2px 0;
  3019. cursor: se-resize;
  3020. left: 200px;
  3021. margin: -20px 0 0 -20px;
  3022. top: 200px;
  3023. }
  3024. .tox .tox-image-selector-loading-spinner-wrapper {
  3025. display: flex;
  3026. justify-content: center;
  3027. align-items: center;
  3028. }
  3029. .tox .tox-image-selector-loading-spinner {
  3030. position: absolute;
  3031. width: min(24px, 30%);
  3032. aspect-ratio: 1;
  3033. border-radius: 50%;
  3034. border: 3px solid #006ce7;
  3035. border-bottom-color: transparent;
  3036. animation: tox-rotation 1s linear infinite;
  3037. }
  3038. .tox .tox-toolbar .tox-image-selector,
  3039. .tox .tox-toolbar__primary .tox-image-selector,
  3040. .tox .tox-toolbar__overflow .tox-image-selector {
  3041. margin: 5px 0 6px 11px;
  3042. }
  3043. .tox .tox-image-selector-menu {
  3044. border: 0;
  3045. border-radius: 3px;
  3046. margin: -4px -4px;
  3047. padding: 4px;
  3048. }
  3049. .tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
  3050. border: 0;
  3051. padding: 0;
  3052. margin: -4px -4px;
  3053. }
  3054. .tox .tox-image-selector-menu .tox-collection__item {
  3055. max-width: 48px;
  3056. }
  3057. .tox .tox-image-selector-menu .tox-collection__item-icon {
  3058. border: 1px solid #eeeeee;
  3059. border-radius: 3px;
  3060. margin-bottom: 4px;
  3061. width: 100%;
  3062. }
  3063. .tox .tox-image-selector-menu .tox-collection__item-icon svg path {
  3064. stroke: #c00;
  3065. }
  3066. .tox .tox-image-selector__row {
  3067. display: flex;
  3068. }
  3069. .tox .tox-image-selector--remove {
  3070. align-items: center;
  3071. display: flex;
  3072. justify-content: center;
  3073. }
  3074. .tox .tox-image-selector--remove svg path {
  3075. stroke: #c00;
  3076. }
  3077. .tox .tox-image-selector-image-wrapper {
  3078. width: 46px;
  3079. height: 46px;
  3080. display: flex;
  3081. align-items: center;
  3082. justify-content: center;
  3083. }
  3084. .tox .tox-image-selector-image-img {
  3085. max-width: 100%;
  3086. max-height: 100%;
  3087. }
  3088. .tox .tox-image-selector__picker-btn {
  3089. align-items: center;
  3090. background-color: transparent;
  3091. border: 0;
  3092. cursor: pointer;
  3093. display: flex;
  3094. height: 30px;
  3095. justify-content: center;
  3096. outline: none;
  3097. padding: 0;
  3098. width: 30px;
  3099. }
  3100. .tox .tox-image-selector__picker-btn svg {
  3101. fill: #222f3e;
  3102. height: 24px;
  3103. width: 24px;
  3104. }
  3105. .tox .tox-image-selector__picker-btn:hover {
  3106. background: #f0f0f0;
  3107. }
  3108. .tox .tox-context-toolbar {
  3109. position: absolute;
  3110. position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
  3111. z-index: 1150;
  3112. background-color: var(--tox-private-background-color, #fff);
  3113. color: var(--tox-private-text-color, #222f3e);
  3114. border: 1px solid #e3e3e3;
  3115. border-radius: 6px;
  3116. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  3117. padding: 8px;
  3118. }
  3119. .tox .tox-context-toolbar[popover] {
  3120. inset: auto;
  3121. margin: 0;
  3122. }
  3123. .tox .tox-context-toolbar .tox-toolbar {
  3124. display: flex;
  3125. flex-wrap: nowrap;
  3126. gap: 8px;
  3127. }
  3128. .tox .tox-context-toolbar .tox-toolbar__group {
  3129. display: flex;
  3130. flex-wrap: nowrap;
  3131. flex-shrink: 0;
  3132. gap: 8px;
  3133. align-items: center;
  3134. padding: 0;
  3135. }
  3136. .tox .tox-insert-table-picker {
  3137. background-color: #fff;
  3138. display: flex;
  3139. flex-wrap: wrap;
  3140. width: 170px;
  3141. }
  3142. .tox .tox-insert-table-picker > div {
  3143. border-color: #eeeeee;
  3144. border-style: solid;
  3145. border-width: 0 1px 1px 0;
  3146. box-sizing: border-box;
  3147. height: 17px;
  3148. width: 17px;
  3149. }
  3150. .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  3151. margin: -4px -4px;
  3152. }
  3153. .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  3154. background-color: #006ce7;
  3155. border-color: #eeeeee;
  3156. }
  3157. @media (forced-colors: active) {
  3158. .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  3159. border-color: Highlight;
  3160. filter: contrast(50%);
  3161. }
  3162. }
  3163. .tox .tox-insert-table-picker__label {
  3164. color: rgba(34, 47, 62, 0.7);
  3165. display: block;
  3166. font-size: 14px;
  3167. padding: 4px;
  3168. text-align: center;
  3169. width: 100%;
  3170. }
  3171. .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
  3172. border-right: 0;
  3173. }
  3174. .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
  3175. border-right: 0;
  3176. }
  3177. .tox-mentions__card-common {
  3178. z-index: 1200;
  3179. }
  3180. .tox.tox-mentions__card {
  3181. background: #fff;
  3182. border: 1px solid #eeeeee;
  3183. display: flex;
  3184. padding: 4px 8px;
  3185. }
  3186. .tox.tox-mentions__card .tox-mentions__container {
  3187. display: flex;
  3188. flex-direction: column;
  3189. align-self: center;
  3190. margin: 0 4px;
  3191. }
  3192. .tox .tox-mentions__avatar {
  3193. width: 42px;
  3194. height: 42px;
  3195. border-radius: 50%;
  3196. margin-right: 4px;
  3197. }
  3198. .tox .tox-mentions__username {
  3199. font-size: 14px;
  3200. line-height: 21px;
  3201. color: #222f3e;
  3202. }
  3203. .tox .tox-mentions__description {
  3204. font-size: 12px;
  3205. line-height: 21px;
  3206. color: rgba(34, 47, 62, 0.7);
  3207. }
  3208. .tox .tox-collection__item--active .tox-mentions__username,
  3209. .tox .tox-collection__item--active .tox-mentions__description {
  3210. color: inherit;
  3211. }
  3212. .tox {
  3213. /* stylelint-disable */
  3214. /* stylelint-enable */
  3215. }
  3216. .tox .tox-menu {
  3217. background-color: #fff;
  3218. border: 1px solid transparent;
  3219. border-radius: 6px;
  3220. box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  3221. display: inline-block;
  3222. overflow: hidden;
  3223. vertical-align: top;
  3224. z-index: 1150;
  3225. }
  3226. .tox .tox-menu.tox-collection.tox-collection--list {
  3227. padding: 0 4px;
  3228. }
  3229. .tox .tox-menu.tox-collection.tox-collection--toolbar {
  3230. padding: 8px;
  3231. }
  3232. .tox .tox-menu.tox-collection.tox-collection--grid {
  3233. padding: 8px;
  3234. }
  3235. @media only screen and (min-width: 768px ) {
  3236. .tox .tox-menu .tox-collection__item-label {
  3237. overflow-wrap: break-word;
  3238. word-break: normal;
  3239. }
  3240. .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
  3241. word-break: break-all;
  3242. }
  3243. }
  3244. .tox .tox-menu__label h1,
  3245. .tox .tox-menu__label h2,
  3246. .tox .tox-menu__label h3,
  3247. .tox .tox-menu__label h4,
  3248. .tox .tox-menu__label h5,
  3249. .tox .tox-menu__label h6,
  3250. .tox .tox-menu__label p,
  3251. .tox .tox-menu__label blockquote,
  3252. .tox .tox-menu__label code {
  3253. margin: 0;
  3254. }
  3255. .tox .tox-menubar {
  3256. background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
  3257. background-color: #fff;
  3258. display: flex;
  3259. flex: 0 0 auto;
  3260. flex-shrink: 0;
  3261. flex-wrap: wrap;
  3262. grid-column: 1 / -1;
  3263. grid-row: 1;
  3264. padding: 0 11px 0 12px;
  3265. }
  3266. .tox .tox-promotion + .tox-menubar {
  3267. grid-column: 1;
  3268. }
  3269. .tox .tox-promotion {
  3270. background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
  3271. background-color: #fff;
  3272. grid-column: 2;
  3273. grid-row: 1;
  3274. padding-inline-end: 8px;
  3275. padding-inline-start: 4px;
  3276. padding-top: 5px;
  3277. }
  3278. .tox .tox-promotion-link {
  3279. align-items: unsafe center;
  3280. background-color: #E8F1F8;
  3281. border-radius: 5px;
  3282. color: #086BE6;
  3283. cursor: pointer;
  3284. display: flex;
  3285. font-size: 14px;
  3286. height: 26.6px;
  3287. padding: 4px 8px;
  3288. white-space: nowrap;
  3289. }
  3290. .tox .tox-promotion-link:hover {
  3291. background-color: #B4D7FF;
  3292. }
  3293. .tox .tox-promotion-link:focus {
  3294. background-color: #D9EDF7;
  3295. }
  3296. /* Deprecated. Remove in next major release */
  3297. .tox .tox-mbtn {
  3298. align-items: center;
  3299. background: #fff;
  3300. border: 0;
  3301. border-radius: 3px;
  3302. box-shadow: none;
  3303. color: #222f3e;
  3304. display: flex;
  3305. flex: 0 0 auto;
  3306. font-size: 14px;
  3307. font-style: normal;
  3308. font-weight: normal;
  3309. height: 28px;
  3310. justify-content: center;
  3311. margin: 5px 1px 6px 0;
  3312. outline: none;
  3313. padding: 0 4px;
  3314. text-transform: none;
  3315. width: auto;
  3316. }
  3317. .tox .tox-mbtn[disabled] {
  3318. background-color: #fff;
  3319. border: 0;
  3320. box-shadow: none;
  3321. color: rgba(34, 47, 62, 0.5);
  3322. cursor: not-allowed;
  3323. }
  3324. .tox .tox-mbtn:focus:not(:disabled) {
  3325. background: #fff;
  3326. border: 0;
  3327. box-shadow: none;
  3328. color: #222f3e;
  3329. position: relative;
  3330. z-index: 1;
  3331. }
  3332. .tox .tox-mbtn:focus:not(:disabled)::after {
  3333. pointer-events: none;
  3334. border-radius: 3px;
  3335. bottom: 0;
  3336. box-shadow: 0 0 0 2px #006ce7 ;
  3337. content: '';
  3338. left: 0;
  3339. position: absolute;
  3340. right: 0;
  3341. top: 0;
  3342. }
  3343. @media (forced-colors: active) {
  3344. .tox .tox-mbtn:focus:not(:disabled)::after {
  3345. border: 2px solid highlight;
  3346. }
  3347. }
  3348. .tox .tox-mbtn--active,
  3349. .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
  3350. background: #a6ccf7;
  3351. border: 0;
  3352. box-shadow: none;
  3353. color: #222f3e;
  3354. }
  3355. .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  3356. background: #f0f0f0;
  3357. border: 0;
  3358. box-shadow: none;
  3359. color: #222f3e;
  3360. }
  3361. .tox .tox-mbtn__select-label {
  3362. cursor: default;
  3363. font-weight: normal;
  3364. margin: 0 4px;
  3365. }
  3366. .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  3367. cursor: not-allowed;
  3368. }
  3369. .tox .tox-mbtn__select-chevron {
  3370. align-items: center;
  3371. display: flex;
  3372. justify-content: center;
  3373. width: 16px;
  3374. display: none;
  3375. }
  3376. .tox .tox-notification {
  3377. border-radius: 6px;
  3378. border-style: solid;
  3379. border-width: 1px;
  3380. box-shadow: none;
  3381. box-sizing: border-box;
  3382. display: grid;
  3383. font-size: 14px;
  3384. font-weight: normal;
  3385. grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  3386. margin-left: auto;
  3387. margin-right: auto;
  3388. margin-top: 4px;
  3389. opacity: 0;
  3390. padding: 4px;
  3391. transition: transform 100ms ease-in, opacity 150ms ease-in;
  3392. width: max-content;
  3393. }
  3394. .tox .tox-notification a {
  3395. cursor: pointer;
  3396. -webkit-text-decoration: underline;
  3397. text-decoration: underline;
  3398. }
  3399. .tox .tox-notification p {
  3400. font-size: 14px;
  3401. font-weight: normal;
  3402. }
  3403. .tox .tox-notification:focus {
  3404. border-color: #006ce7;
  3405. box-shadow: 0 0 0 1px #006ce7;
  3406. }
  3407. .tox .tox-notification--in {
  3408. opacity: 1;
  3409. }
  3410. .tox .tox-notification--success {
  3411. background-color: #e4eeda;
  3412. border-color: #d7e6c8;
  3413. color: #222f3e;
  3414. }
  3415. .tox .tox-notification--success p {
  3416. color: #222f3e;
  3417. }
  3418. .tox .tox-notification--success a {
  3419. color: #517342;
  3420. }
  3421. .tox .tox-notification--success a:hover,
  3422. .tox .tox-notification--success a:focus {
  3423. color: #24321d;
  3424. -webkit-text-decoration: underline;
  3425. text-decoration: underline;
  3426. }
  3427. .tox .tox-notification--success a:focus-visible {
  3428. border-radius: 1px;
  3429. outline: 2px solid #517342;
  3430. outline-offset: 2px;
  3431. }
  3432. .tox .tox-notification--success a:active {
  3433. color: #0d120a;
  3434. -webkit-text-decoration: underline;
  3435. text-decoration: underline;
  3436. }
  3437. .tox .tox-notification--success svg {
  3438. fill: #222f3e;
  3439. }
  3440. .tox .tox-notification--error {
  3441. background-color: #f5cccc;
  3442. border-color: #f0b3b3;
  3443. color: #222f3e;
  3444. }
  3445. .tox .tox-notification--error p {
  3446. color: #222f3e;
  3447. }
  3448. .tox .tox-notification--error a {
  3449. color: #77181f;
  3450. }
  3451. .tox .tox-notification--error a:hover,
  3452. .tox .tox-notification--error a:focus {
  3453. color: #220709;
  3454. -webkit-text-decoration: underline;
  3455. text-decoration: underline;
  3456. }
  3457. .tox .tox-notification--error a:focus-visible {
  3458. border-radius: 1px;
  3459. outline: 2px solid #77181f;
  3460. outline-offset: 2px;
  3461. }
  3462. .tox .tox-notification--error a:active {
  3463. color: #000000;
  3464. -webkit-text-decoration: underline;
  3465. text-decoration: underline;
  3466. }
  3467. .tox .tox-notification--error svg {
  3468. fill: #222f3e;
  3469. }
  3470. .tox .tox-notification--warn,
  3471. .tox .tox-notification--warning {
  3472. background-color: #fff5cc;
  3473. border-color: #fff0b3;
  3474. color: #222f3e;
  3475. }
  3476. .tox .tox-notification--warn p,
  3477. .tox .tox-notification--warning p {
  3478. color: #222f3e;
  3479. }
  3480. .tox .tox-notification--warn a,
  3481. .tox .tox-notification--warning a {
  3482. color: #7a6e25;
  3483. }
  3484. .tox .tox-notification--warn a:hover,
  3485. .tox .tox-notification--warning a:hover,
  3486. .tox .tox-notification--warn a:focus,
  3487. .tox .tox-notification--warning a:focus {
  3488. color: #2c280d;
  3489. -webkit-text-decoration: underline;
  3490. text-decoration: underline;
  3491. }
  3492. .tox .tox-notification--warn a:focus-visible,
  3493. .tox .tox-notification--warning a:focus-visible {
  3494. border-radius: 1px;
  3495. outline: 2px solid #7a6e25;
  3496. outline-offset: 2px;
  3497. }
  3498. .tox .tox-notification--warn a:active,
  3499. .tox .tox-notification--warning a:active {
  3500. color: #050502;
  3501. -webkit-text-decoration: underline;
  3502. text-decoration: underline;
  3503. }
  3504. .tox .tox-notification--warn svg,
  3505. .tox .tox-notification--warning svg {
  3506. fill: #222f3e;
  3507. }
  3508. .tox .tox-notification--info {
  3509. background-color: #d6e7fb;
  3510. border-color: #c1dbf9;
  3511. color: #222f3e;
  3512. }
  3513. .tox .tox-notification--info p {
  3514. color: #222f3e;
  3515. }
  3516. .tox .tox-notification--info a {
  3517. color: #2a64a6;
  3518. }
  3519. .tox .tox-notification--info a:hover,
  3520. .tox .tox-notification--info a:focus {
  3521. color: #163355;
  3522. -webkit-text-decoration: underline;
  3523. text-decoration: underline;
  3524. }
  3525. .tox .tox-notification--info a:focus-visible {
  3526. border-radius: 1px;
  3527. outline: 2px solid #2a64a6;
  3528. outline-offset: 2px;
  3529. }
  3530. .tox .tox-notification--info a:active {
  3531. color: #0b1a2c;
  3532. -webkit-text-decoration: underline;
  3533. text-decoration: underline;
  3534. }
  3535. .tox .tox-notification--info svg {
  3536. fill: #222f3e;
  3537. }
  3538. .tox .tox-notification__body {
  3539. align-self: center;
  3540. color: #222f3e;
  3541. font-size: 14px;
  3542. grid-column-end: 3;
  3543. grid-column-start: 2;
  3544. grid-row-end: 2;
  3545. grid-row-start: 1;
  3546. text-align: center;
  3547. white-space: normal;
  3548. word-break: break-all;
  3549. word-break: break-word;
  3550. }
  3551. .tox .tox-notification__body > * {
  3552. margin: 0;
  3553. }
  3554. .tox .tox-notification__body > * + * {
  3555. margin-top: 1rem;
  3556. }
  3557. .tox .tox-notification__icon {
  3558. align-self: center;
  3559. grid-column-end: 2;
  3560. grid-column-start: 1;
  3561. grid-row-end: 2;
  3562. grid-row-start: 1;
  3563. justify-self: end;
  3564. }
  3565. .tox .tox-notification__icon svg {
  3566. display: block;
  3567. }
  3568. .tox .tox-notification__dismiss {
  3569. align-self: start;
  3570. grid-column-end: 4;
  3571. grid-column-start: 3;
  3572. grid-row-end: 2;
  3573. grid-row-start: 1;
  3574. justify-self: end;
  3575. }
  3576. .tox .tox-notification .tox-progress-bar {
  3577. grid-column-end: 4;
  3578. grid-column-start: 1;
  3579. grid-row-end: 3;
  3580. grid-row-start: 2;
  3581. justify-self: center;
  3582. }
  3583. .tox .tox-notification-container-dock-fadeout {
  3584. opacity: 0;
  3585. visibility: hidden;
  3586. }
  3587. .tox .tox-notification-container-dock-fadein {
  3588. opacity: 1;
  3589. visibility: visible;
  3590. }
  3591. .tox .tox-notification-container-dock-transition {
  3592. transition: visibility 0s linear 0.3s, opacity 0.3s ease;
  3593. }
  3594. .tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
  3595. transition-delay: 0s;
  3596. }
  3597. .tox .tox-onboarding-overlay {
  3598. height: 100%;
  3599. background-color: #f0f0f0;
  3600. position: absolute;
  3601. top: 0;
  3602. left: 0;
  3603. right: 0;
  3604. z-index: 1302;
  3605. overflow: auto;
  3606. display: grid;
  3607. justify-content: center;
  3608. align-items: center;
  3609. }
  3610. .tox .tox-onboarding-dialog {
  3611. max-width: 512px;
  3612. background-color: #fff;
  3613. display: flex;
  3614. flex-direction: column;
  3615. box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  3616. border-radius: 12px;
  3617. margin: 8px;
  3618. }
  3619. .tox .tox-onboarding-dialog .tox-onboarding-header {
  3620. color: #222f3e;
  3621. display: flex;
  3622. justify-content: center;
  3623. align-items: center;
  3624. font-size: 20px;
  3625. margin: 24px 0 8px;
  3626. }
  3627. .tox .tox-onboarding-dialog .tox-onboarding-step {
  3628. display: grid;
  3629. grid-template-columns: min-content 1fr min-content;
  3630. align-items: center;
  3631. margin: 0 24px;
  3632. }
  3633. .tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
  3634. border-bottom: 1px solid #e3e3e3;
  3635. }
  3636. .tox .tox-onboarding-dialog .tox-onboarding-step--number {
  3637. width: 24px;
  3638. aspect-ratio: 1;
  3639. border-radius: 50%;
  3640. border: 1px solid #00AD0E;
  3641. display: flex;
  3642. justify-content: center;
  3643. align-items: center;
  3644. font-size: 12px;
  3645. font-weight: bold;
  3646. color: #00AD0E;
  3647. }
  3648. .tox .tox-onboarding-dialog .tox-onboarding-step--body {
  3649. padding: 24px 0 24px 16px;
  3650. }
  3651. .tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
  3652. color: #222f3e;
  3653. font-size: 14px;
  3654. font-weight: bold;
  3655. margin-bottom: 4px;
  3656. }
  3657. .tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
  3658. color: rgba(34, 47, 62, 0.7);
  3659. font-size: 14px;
  3660. }
  3661. .tox .tox-onboarding-dialog .tox-onboarding-step--action {
  3662. padding-left: 24px;
  3663. }
  3664. .tox .tox-onboarding-dialog .tox-onboarding-footer {
  3665. background-color: #f0f0f0;
  3666. display: flex;
  3667. justify-content: space-between;
  3668. align-items: center;
  3669. padding: 16px 24px;
  3670. border-bottom-left-radius: 12px;
  3671. border-bottom-right-radius: 12px;
  3672. }
  3673. .tox .tox-onboarding-dialog .tox-onboarding-footer p {
  3674. display: flex;
  3675. align-items: center;
  3676. justify-content: center;
  3677. gap: 4px;
  3678. font-size: 14px;
  3679. color: rgba(34, 47, 62, 0.7);
  3680. }
  3681. .tox .tox-onboarding-dialog svg {
  3682. width: 24px;
  3683. fill: rgba(34, 47, 62, 0.7);
  3684. }
  3685. .tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
  3686. display: grid;
  3687. align-items: center;
  3688. grid-template-columns: min-content 1fr min-content;
  3689. border-bottom: 1px solid #e3e3e3;
  3690. padding: 24px 0;
  3691. margin: 0 16px;
  3692. }
  3693. .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
  3694. margin: 0 16px;
  3695. }
  3696. .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
  3697. color: #222f3e;
  3698. font-size: 14px;
  3699. font-weight: bold;
  3700. margin-bottom: 4px;
  3701. }
  3702. .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
  3703. color: rgba(34, 47, 62, 0.7);
  3704. font-size: 14px;
  3705. }
  3706. .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
  3707. display: grid;
  3708. place-content: center;
  3709. width: 56px;
  3710. height: 56px;
  3711. line-height: 24px;
  3712. font-size: 24px;
  3713. border-radius: 12px;
  3714. background: linear-gradient(180deg, #fff 24%, #f0f0f0 100%);
  3715. box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
  3716. color: #006ce7;
  3717. }
  3718. .tox .tox-promotion-dialog--subtitle {
  3719. margin: 16px;
  3720. color: rgba(34, 47, 62, 0.7);
  3721. font-size: 14px;
  3722. }
  3723. .tox .tox-promotion-dialog--explore {
  3724. text-align: center;
  3725. margin: 16px;
  3726. color: rgba(34, 47, 62, 0.7);
  3727. font-size: 14px;
  3728. }
  3729. .tox .tox-promotion-dialog--explore a {
  3730. color: #006ce7;
  3731. }
  3732. .tox .tox-promotion-dialog--footer {
  3733. background-color: #f0f0f0;
  3734. color: rgba(34, 47, 62, 0.7);
  3735. font-size: 12px;
  3736. text-align: center;
  3737. padding: 16px;
  3738. }
  3739. .tox .tox-promotion-button {
  3740. display: flex;
  3741. align-items: center;
  3742. height: 26.6px;
  3743. line-height: 26.6px;
  3744. font-size: 14px;
  3745. font-weight: bold;
  3746. background-color: #F1EBF9;
  3747. color: #851AFF;
  3748. padding: 8px 16px;
  3749. cursor: pointer;
  3750. white-space: nowrap;
  3751. border-radius: 5px;
  3752. }
  3753. .tox .tox-promotion-button:focus {
  3754. outline: 1px solid #851AFF;
  3755. }
  3756. .tox .tox-onboarding-dialog a,
  3757. .tox .tox-promotion-dialog--footer a {
  3758. color: rgba(34, 47, 62, 0.7);
  3759. cursor: pointer;
  3760. -webkit-text-decoration: underline;
  3761. text-decoration: underline;
  3762. }
  3763. .tox .tox-onboarding-dialog a:hover,
  3764. .tox .tox-promotion-dialog--footer a:hover,
  3765. .tox .tox-onboarding-dialog a:focus,
  3766. .tox .tox-promotion-dialog--footer a:focus {
  3767. color: #071729;
  3768. -webkit-text-decoration: underline;
  3769. text-decoration: underline;
  3770. }
  3771. .tox .tox-onboarding-dialog a:focus-visible,
  3772. .tox .tox-promotion-dialog--footer a:focus-visible {
  3773. border-radius: 1px;
  3774. outline: 2px solid #144782;
  3775. outline-offset: 2px;
  3776. }
  3777. .tox .tox-onboarding-dialog a:active,
  3778. .tox .tox-promotion-dialog--footer a:active {
  3779. color: #000000;
  3780. -webkit-text-decoration: underline;
  3781. text-decoration: underline;
  3782. }
  3783. .tox .tox-pop {
  3784. display: inline-block;
  3785. position: relative;
  3786. }
  3787. .tox .tox-pop--resizing {
  3788. transition: width 0.1s ease;
  3789. }
  3790. .tox .tox-pop--resizing .tox-toolbar,
  3791. .tox .tox-pop--resizing .tox-toolbar__group {
  3792. flex-wrap: nowrap;
  3793. }
  3794. .tox .tox-pop--transition {
  3795. transition: 0.15s ease;
  3796. transition-property: left, right, top, bottom;
  3797. }
  3798. .tox .tox-pop--transition::before,
  3799. .tox .tox-pop--transition::after {
  3800. transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
  3801. }
  3802. .tox .tox-pop__dialog {
  3803. background-color: #fff;
  3804. border: 1px solid #eeeeee;
  3805. border-radius: 6px;
  3806. box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  3807. min-width: 0;
  3808. overflow: hidden;
  3809. }
  3810. .tox .tox-pop__dialog > *:not(.tox-toolbar) {
  3811. margin: 4px 4px 4px 8px;
  3812. }
  3813. .tox .tox-pop__dialog .tox-toolbar {
  3814. background-color: transparent;
  3815. margin-bottom: -1px;
  3816. }
  3817. .tox .tox-pop::before,
  3818. .tox .tox-pop::after {
  3819. border-style: solid;
  3820. content: '';
  3821. display: block;
  3822. height: 0;
  3823. opacity: 1;
  3824. position: absolute;
  3825. width: 0;
  3826. }
  3827. @media (forced-colors: active) {
  3828. .tox .tox-pop::before,
  3829. .tox .tox-pop::after {
  3830. content: none;
  3831. }
  3832. }
  3833. .tox .tox-pop.tox-pop--inset::before,
  3834. .tox .tox-pop.tox-pop--inset::after {
  3835. opacity: 0;
  3836. transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
  3837. }
  3838. .tox .tox-pop.tox-pop--bottom::before,
  3839. .tox .tox-pop.tox-pop--bottom::after {
  3840. left: 50%;
  3841. top: 100%;
  3842. }
  3843. .tox .tox-pop.tox-pop--bottom::after {
  3844. border-color: #fff transparent transparent transparent;
  3845. border-width: 8px;
  3846. margin-left: -8px;
  3847. margin-top: -1px;
  3848. }
  3849. .tox .tox-pop.tox-pop--bottom::before {
  3850. border-color: #eeeeee transparent transparent transparent;
  3851. border-width: 9px;
  3852. margin-left: -9px;
  3853. }
  3854. .tox .tox-pop.tox-pop--top::before,
  3855. .tox .tox-pop.tox-pop--top::after {
  3856. left: 50%;
  3857. top: 0;
  3858. transform: translateY(-100%);
  3859. }
  3860. .tox .tox-pop.tox-pop--top::after {
  3861. border-color: transparent transparent #fff transparent;
  3862. border-width: 8px;
  3863. margin-left: -8px;
  3864. margin-top: 1px;
  3865. }
  3866. .tox .tox-pop.tox-pop--top::before {
  3867. border-color: transparent transparent #eeeeee transparent;
  3868. border-width: 9px;
  3869. margin-left: -9px;
  3870. }
  3871. .tox .tox-pop.tox-pop--left::before,
  3872. .tox .tox-pop.tox-pop--left::after {
  3873. left: 0;
  3874. top: calc(50% - 1px);
  3875. transform: translateY(-50%);
  3876. }
  3877. .tox .tox-pop.tox-pop--left::after {
  3878. border-color: transparent #fff transparent transparent;
  3879. border-width: 8px;
  3880. margin-left: -15px;
  3881. }
  3882. .tox .tox-pop.tox-pop--left::before {
  3883. border-color: transparent #eeeeee transparent transparent;
  3884. border-width: 10px;
  3885. margin-left: -19px;
  3886. }
  3887. .tox .tox-pop.tox-pop--right::before,
  3888. .tox .tox-pop.tox-pop--right::after {
  3889. left: 100%;
  3890. top: calc(50% + 1px);
  3891. transform: translateY(-50%);
  3892. }
  3893. .tox .tox-pop.tox-pop--right::after {
  3894. border-color: transparent transparent transparent #fff;
  3895. border-width: 8px;
  3896. margin-left: -1px;
  3897. }
  3898. .tox .tox-pop.tox-pop--right::before {
  3899. border-color: transparent transparent transparent #eeeeee;
  3900. border-width: 10px;
  3901. margin-left: -1px;
  3902. }
  3903. .tox .tox-pop.tox-pop--align-left::before,
  3904. .tox .tox-pop.tox-pop--align-left::after {
  3905. left: 20px;
  3906. }
  3907. .tox .tox-pop.tox-pop--align-right::before,
  3908. .tox .tox-pop.tox-pop--align-right::after {
  3909. left: calc(100% - 20px);
  3910. }
  3911. .tox .tox-sidebar-wrap {
  3912. display: flex;
  3913. flex-direction: row;
  3914. flex-grow: 1;
  3915. min-height: 0;
  3916. }
  3917. .tox .tox-sidebar {
  3918. background-color: var(--tox-private-sidebar-background-color, #f0f0f0);
  3919. display: flex;
  3920. flex-direction: row;
  3921. justify-content: flex-end;
  3922. }
  3923. .tox .tox-sidebar__slider {
  3924. display: flex;
  3925. overflow: hidden;
  3926. }
  3927. .tox .tox-sidebar__pane-container {
  3928. display: flex;
  3929. }
  3930. .tox .tox-sidebar__pane {
  3931. display: flex;
  3932. }
  3933. .tox .tox-sidebar--sliding-closed {
  3934. opacity: 0;
  3935. }
  3936. .tox .tox-sidebar--sliding-open {
  3937. opacity: 1;
  3938. }
  3939. .tox .tox-sidebar--sliding-growing,
  3940. .tox .tox-sidebar--sliding-shrinking {
  3941. transition: width 0.5s ease, opacity 0.5s ease;
  3942. }
  3943. .tox .tox-sidebar-content {
  3944. display: flex;
  3945. flex-direction: column;
  3946. position: relative;
  3947. height: 100%;
  3948. min-width: 300px;
  3949. max-width: 300px;
  3950. width: 300px;
  3951. border-left: 1px solid var(--tox-private-separator-color, #e3e3e3);
  3952. }
  3953. .tox .tox-sidebar-content--wide {
  3954. min-width: 440px;
  3955. max-width: 440px;
  3956. width: 440px;
  3957. }
  3958. .tox .tox-sidebar-content__header {
  3959. align-items: center;
  3960. display: flex;
  3961. justify-content: space-between;
  3962. border-bottom: var(--tox-private-tinymceai-border-width, 1px) solid var(--tox-private-neutral-20, #e3e3e3);
  3963. padding: var(--tox-private-pad-sm, 8px) 12px;
  3964. background: var(--tox-private-background-color, #fff);
  3965. z-index: 1;
  3966. }
  3967. .tox .tox-sidebar-content__header .tox-sidebar-content__header-close-button {
  3968. margin-left: auto;
  3969. }
  3970. .tox .tox-sidebar-content__title {
  3971. font-size: var(--tox-private-font-size-lg, 20px);
  3972. font-weight: var(--tox-private-font-weight-normal, normal);
  3973. padding: var(--tox-private-pad-sm, 8px) 0 var(--tox-private-pad-sm, 8px) 0;
  3974. color: var(--tox-private-text-color, #222f3e);
  3975. line-height: 28px;
  3976. }
  3977. .tox .tox-floating-sidebar {
  3978. --tox-private-floating-sidebar-width: min(380px, 90vw);
  3979. --tox-private-floating-sidebar-height: 80vh;
  3980. position: fixed;
  3981. z-index: var(--tox-private-z-index-floatingsidebar, 1050);
  3982. box-shadow: var(--tox-private-floating-sidebar-box-shadow, 0 0 40px 1px rgba(34, 47, 62, 0.15), 0 16px 16px -10px rgba(34, 47, 62, 0.15));
  3983. width: var(--tox-private-floating-sidebar-width);
  3984. height: var(--tox-private-floating-sidebar-height);
  3985. background-color: var(--tox-private-floating-sidebar-background-color, #f0f0f0);
  3986. border-radius: var(--tox-private-panel-border-radius, 6px);
  3987. overflow: hidden;
  3988. }
  3989. .tox .tox-floating-sidebar:not(.tox .tox-floating-sidebar--open) {
  3990. display: none;
  3991. }
  3992. .tox .tox-floating-sidebar--open {
  3993. display: block;
  3994. }
  3995. .tox .tox-floating-sidebar__content-wrapper {
  3996. width: 100%;
  3997. height: 100%;
  3998. display: flex;
  3999. flex-direction: column;
  4000. }
  4001. .tox .tox-floating-sidebar__header {
  4002. position: relative;
  4003. }
  4004. .tox .tox-floating-sidebar .tox-ai__scroll:has(.tox-card-list) {
  4005. background-color: inherit;
  4006. }
  4007. .tox .tox-ai .tox-expandable-box {
  4008. padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-md, 16px) * 0.75);
  4009. }
  4010. .tox .tox-ai .tox-expandable-box:focus-visible:not(:disabled) {
  4011. outline: 2px solid var(--tox-private-color-tint, #006ce7);
  4012. outline-offset: var(--tox-private-tinymceai-border-width, 1px);
  4013. box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
  4014. border-radius: var(--tox-private-control-border-radius, 6px);
  4015. }
  4016. .tox .tox-ai .tox-sidebar-content__header {
  4017. border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-background-color, #fff);
  4018. padding: calc(var(--tox-private-pad-sm, 8px) - var(--tox-private-tinymceai-focus-border-width, 2px)) calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
  4019. border-bottom: 1px solid var(--tox-private-separator-color, #e3e3e3);
  4020. }
  4021. .tox .tox-ai .tox-sidebar-content__header:focus-visible:not(:disabled) {
  4022. border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-color-tint, #006ce7);
  4023. border-radius: var(--tox-private-control-border-radius, 6px);
  4024. }
  4025. .tox .tox-ai .tox-sidebar-content__loader {
  4026. align-items: center;
  4027. display: flex;
  4028. height: 100%;
  4029. justify-content: center;
  4030. width: 100%;
  4031. z-index: 1000;
  4032. }
  4033. .tox .tox-ai .tox-sidebar-content__title {
  4034. text-overflow: ellipsis;
  4035. overflow: hidden;
  4036. white-space: nowrap;
  4037. margin-right: auto;
  4038. }
  4039. .tox .tox-ai .tox-sidebar-content__title:focus-visible:not(:disabled) {
  4040. outline: 2px solid var(--tox-private-color-tint, #006ce7);
  4041. outline-offset: var(--tox-private-tinymceai-border-width, 1px);
  4042. box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
  4043. border-radius: var(--tox-private-control-border-radius, 6px);
  4044. }
  4045. .tox .tox-ai .tox-sidebar-content__actions {
  4046. display: flex;
  4047. gap: var(--tox-private-pad-sm, 8px);
  4048. }
  4049. .tox .tox-ai .tox-sidebar-content__actions .tox-ai__complete-review {
  4050. display: flex;
  4051. align-items: center;
  4052. gap: 6px;
  4053. padding-top: var(--tox-private-pad-xs, 4px);
  4054. padding-bottom: var(--tox-private-pad-xs, 4px);
  4055. padding-left: var(--tox-private-pad-md, 16px);
  4056. padding-right: var(--tox-private-pad-md, 16px);
  4057. }
  4058. .tox .tox-ai .tox-sidebar-content__actions .tox-ai__review-menu-separator {
  4059. border-bottom: 1px solid #e3e3e3;
  4060. height: 0;
  4061. margin: 4px 0;
  4062. }
  4063. .tox .tox-ai .tox-ai__user-prompt {
  4064. display: flex;
  4065. flex-direction: column;
  4066. margin-left: auto;
  4067. gap: inherit;
  4068. width: 100%;
  4069. }
  4070. .tox .tox-ai .tox-ai__user-prompt__context {
  4071. margin-left: auto;
  4072. display: flex;
  4073. flex-direction: column;
  4074. gap: inherit;
  4075. align-items: end;
  4076. width: 100%;
  4077. }
  4078. .tox .tox-ai .tox-ai__user-prompt__context .tox-tag {
  4079. max-width: 100%;
  4080. }
  4081. .tox .tox-ai .tox-ai__user-prompt__text {
  4082. background-color: var(--tox-private-background-secondary, #f0f0f0);
  4083. padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-md, 16px) * 0.75);
  4084. border-radius: var(--tox-private-control-border-radius, 6px);
  4085. max-width: 80%;
  4086. align-self: flex-end;
  4087. color: var(--tox-private-text-color, #222f3e);
  4088. }
  4089. .tox .tox-ai .tox-ai__user-prompt__text:focus-visible:not(:disabled) {
  4090. outline: 2px solid var(--tox-private-color-tint, #006ce7);
  4091. outline-offset: var(--tox-private-tinymceai-border-width, 1px);
  4092. box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
  4093. border-radius: var(--tox-private-control-border-radius, 6px);
  4094. }
  4095. .tox .tox-ai .tox-ai__scroll {
  4096. overflow-y: auto;
  4097. overflow-x: hidden;
  4098. background-color: var(--tox-private-background-color, #fff);
  4099. display: flex;
  4100. padding: calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
  4101. flex-direction: column;
  4102. align-items: flex-start;
  4103. gap: 12px;
  4104. flex: 1 0 0;
  4105. align-self: stretch;
  4106. border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-background-color, #fff);
  4107. }
  4108. .tox .tox-ai .tox-ai__scroll:focus-visible:not(:disabled) {
  4109. border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-color-tint, #006ce7);
  4110. border-radius: var(--tox-private-control-border-radius, 6px);
  4111. }
  4112. .tox .tox-ai .tox-ai__scroll--review {
  4113. border: none;
  4114. }
  4115. .tox .tox-ai .tox-ai__scroll--review:not(:has(.tox-sidebar-content__message-text)) {
  4116. background-color: var(--tox-private-background-secondary, #f0f0f0);
  4117. }
  4118. .tox .tox-ai .tox-ai__spinner svg {
  4119. fill: var(--tox-private-color-tint, #006ce7);
  4120. }
  4121. .tox .tox-ai .tox-ai__response {
  4122. width: 100%;
  4123. min-width: 100%;
  4124. max-width: 100%;
  4125. }
  4126. .tox .tox-ai .tox-ai__response__header {
  4127. display: flex;
  4128. align-items: center;
  4129. gap: var(--tox-private-pad-sm, 8px);
  4130. }
  4131. .tox .tox-ai .tox-ai__response__header .tox-icon svg {
  4132. fill: var(--tox-private-color-tint, #006ce7);
  4133. }
  4134. .tox .tox-ai .tox-ai__response-status {
  4135. display: flex;
  4136. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4137. font-size: var(--tox-private-font-size-sm, 14px);
  4138. gap: var(--tox-private-pad-xs, 4px);
  4139. line-height: var(--tox-private-tinymceai-response-status-icon-height, max(24px, calc(14px + 4px)));
  4140. padding-top: var(--tox-private-pad-sm, 8px);
  4141. }
  4142. .tox .tox-ai .tox-ai__response-status svg {
  4143. fill: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4144. }
  4145. .tox .tox-ai .tox-ai__response-status-icon {
  4146. border-radius: 999px;
  4147. border: 1px solid var(--tox-private-neutral-20, #e3e3e3);
  4148. background-color: var(--tox-private-background-color, #fff);
  4149. height: var(--tox-private-tinymceai-response-status-icon-height, max(24px, calc(14px + 4px)));
  4150. flex: 0 0 24px;
  4151. display: flex;
  4152. align-items: center;
  4153. justify-content: center;
  4154. }
  4155. .tox .tox-ai .tox-ai__response-status-icon .tox-icon {
  4156. display: contents;
  4157. }
  4158. .tox .tox-ai :nth-child(2 of .tox-ai__response-status-icon) {
  4159. margin-left: calc((var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px)) * -1);
  4160. }
  4161. .tox .tox-ai .tox-ai__icon {
  4162. display: flex;
  4163. align-items: center;
  4164. justify-content: center;
  4165. }
  4166. .tox .tox-ai .tox-ai__response-sources {
  4167. display: flex;
  4168. flex-direction: column;
  4169. gap: var(--tox-private-pad-sm, 8px);
  4170. }
  4171. .tox .tox-ai .tox-ai__response-sources-header {
  4172. display: block;
  4173. }
  4174. .tox .tox-ai .tox-ai__response-sources-list {
  4175. display: flex;
  4176. align-items: center;
  4177. gap: var(--tox-private-pad-sm, 8px);
  4178. align-self: stretch;
  4179. flex-wrap: wrap;
  4180. }
  4181. .tox .tox-ai .tox-ai__response-sources-list .tox-tag {
  4182. border: 1px solid var(--tox-private-separator-color, #e3e3e3);
  4183. background-color: transparent;
  4184. max-width: 32%;
  4185. max-height: 24px;
  4186. cursor: pointer;
  4187. }
  4188. .tox .tox-ai .tox-ai__response-sources-list .tox-tag svg,
  4189. .tox .tox-ai .tox-ai__response-sources-list .tox-tag img {
  4190. width: 16px;
  4191. height: 16px;
  4192. min-width: 16px;
  4193. min-height: 16px;
  4194. max-width: 16px;
  4195. max-height: 16px;
  4196. }
  4197. .tox .tox-ai .tox-ai__response-content {
  4198. padding: var(--tox-private-pad-sm, 8px) 0;
  4199. color: var(--tox-private-text-color, #222f3e);
  4200. font-feature-settings: 'liga' off, 'clig' off;
  4201. font-size: var(--tox-private-font-size-sm, 14px);
  4202. font-style: normal;
  4203. font-weight: var(--tox-private-font-weight-normal, normal);
  4204. line-height: var(--tox-private-line-height, 18px);
  4205. }
  4206. .tox .tox-ai .tox-ai__response.tox-ai__response-streaming {
  4207. position: relative;
  4208. }
  4209. .tox .tox-ai .tox-ai__response.tox-ai__response-streaming .tox-ai__response-status {
  4210. color: var(--tox-private-text-color, #222f3e);
  4211. font-size: var(--tox-private-font-size-md, 16px);
  4212. line-height: calc(var(--tox-private-font-size-md, 16px) + 4px);
  4213. }
  4214. .tox .tox-ai .tox-ai__response.tox-ai__response-streaming::after {
  4215. content: '';
  4216. position: absolute;
  4217. bottom: 0;
  4218. left: 0;
  4219. right: 0;
  4220. height: min(100px, 100%);
  4221. pointer-events: none;
  4222. background: linear-gradient(to bottom, transparent 60px, transparent 60px, var(--tox-private-background-color, #fff));
  4223. }
  4224. .tox .tox-ai .tox-ai-error {
  4225. border-radius: var(--tox-private-panel-border-radius, 6px);
  4226. border: 1px solid var(--tox-private-color-error, #c00);
  4227. background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.9) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.9) 100%), var(--tox-private-color-error, #c00);
  4228. padding: var(--tox-private-pad-sm, 8px);
  4229. width: 100%;
  4230. display: flex;
  4231. gap: var(--tox-private-pad-sm, 8px);
  4232. align-items: center;
  4233. }
  4234. .tox .tox-ai .tox-ai-error__message {
  4235. flex: 1 0 0;
  4236. }
  4237. .tox .tox-ai .tox-ai-error__icon {
  4238. flex: 0 0 auto;
  4239. align-self: flex-start;
  4240. }
  4241. .tox .tox-ai .tox-ai__footer {
  4242. padding: calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
  4243. gap: var(--tox-private-pad-sm, 8px);
  4244. background-color: var(--tox-private-background-color, #fff);
  4245. display: flex;
  4246. flex-direction: column;
  4247. border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-background-color, #fff);
  4248. border-top: 1px solid var(--tox-private-separator-color, #e3e3e3);
  4249. }
  4250. .tox .tox-ai .tox-ai__footer:focus-visible:not(:disabled) {
  4251. border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-color-tint, #006ce7);
  4252. border-radius: var(--tox-private-control-border-radius, 6px);
  4253. }
  4254. .tox .tox-ai .tox-ai__context {
  4255. display: flex;
  4256. gap: var(--tox-private-pad-sm, 8px);
  4257. flex-wrap: wrap;
  4258. max-height: calc((2 * (2 * var(--tox-private-pad-xs, 4px) + var(--tox-private-base-value, 16px))) + var(--tox-private-pad-sm, 8px));
  4259. }
  4260. .tox .tox-ai .tox-ai__context .tox-tag {
  4261. /* Maximum width of tag is half the size of sidebar */
  4262. max-width: calc((100% - var(--tox-private-pad-sm, 8px)) / 2);
  4263. }
  4264. .tox .tox-ai .tox-ai__context-more {
  4265. display: flex;
  4266. flex-direction: column;
  4267. gap: var(--tox-private-pad-sm, 8px);
  4268. padding: var(--tox-private-pad-sm, 8px);
  4269. overflow: auto;
  4270. max-width: var(--tox-private-tinymceai-context-more-max-width, 320px);
  4271. }
  4272. .tox .tox-ai .tox-ai__context-more .tox-tag {
  4273. max-width: 100%;
  4274. }
  4275. .tox .tox-ai .tox-ai__stop-generating {
  4276. display: flex;
  4277. align-items: center;
  4278. gap: 6px;
  4279. }
  4280. .tox .tox-ai .tox-ai__footer-actions {
  4281. display: flex;
  4282. gap: var(--tox-private-pad-sm, 8px);
  4283. }
  4284. .tox .tox-ai .tox-ai-model-selection-button {
  4285. display: flex;
  4286. gap: var(--tox-private-pad-xs, 4px);
  4287. }
  4288. .tox .tox-ai .tox-ai__footer-note {
  4289. align-items: center;
  4290. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4291. display: flex;
  4292. font-size: var(--tox-private-font-size-xs, 12px);
  4293. height: 24px;
  4294. justify-content: center;
  4295. letter-spacing: 0px;
  4296. padding-top: var(--tox-private-pad-sm, 8px);
  4297. width: 100%;
  4298. }
  4299. .tox .tox-ai .tox-ai__models-menu {
  4300. max-width: 350px;
  4301. }
  4302. .tox .tox-ai .tox-ai__models-menu .tox-menu {
  4303. max-height: inherit;
  4304. overflow: auto;
  4305. padding: var(--tox-private-pad-xs, 4px);
  4306. }
  4307. .tox .tox-ai .tox-ai__models-menu__item__description {
  4308. display: flex;
  4309. flex-direction: column;
  4310. align-items: start;
  4311. }
  4312. .tox .tox-ai .tox-ai__models-menu__item__description__title {
  4313. font-weight: var(--tox-private-font-weight-bold, bold);
  4314. font-size: var(--tox-private-font-size-sm, 14px);
  4315. line-height: calc(var(--tox-private-font-size-sm, 14px) * 1.28572);
  4316. padding-bottom: 4px;
  4317. }
  4318. .tox .tox-ai .tox-ai__models-menu__item__description__content {
  4319. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4320. font-size: var(--tox-private-font-size-xs, 12px);
  4321. line-height: calc(var(--tox-private-font-size-xs, 12px) * 1.33333);
  4322. }
  4323. .tox .tox-ai .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-ai__models-menu__item__description__content {
  4324. color: inherit;
  4325. }
  4326. .tox .tox-ai .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-ai__models-menu__item__description__content .tox-ai__models-menu__item__description__ability {
  4327. color: var(--tox-private-color-white, #fff);
  4328. }
  4329. .tox .tox-ai .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-ai__models-menu__item__description__content .tox-ai__models-menu__item__description__content_body {
  4330. color: rgba(from var(--tox-private-color-white, #fff) r g b / 0.7);
  4331. }
  4332. .tox .tox-ai .tox-ai__models-menu__item__description__ability {
  4333. color: var(--tox-private-text-color, #222f3e);
  4334. padding-bottom: 4px;
  4335. }
  4336. .tox .tox-ai .tox-ai__models-menu__item__description__ability__enabled {
  4337. font-weight: var(--tox-private-font-weight-bold, bold);
  4338. }
  4339. .tox .tox-ai .tox-ai-chat-history-list {
  4340. display: flex;
  4341. flex-direction: column;
  4342. gap: var(--tox-private-pad-sm, 8px);
  4343. padding-top: var(--tox-private-pad-xs, 4px);
  4344. width: 100%;
  4345. }
  4346. .tox .tox-ai .tox-ai-chat-history-list .tox-collection__group {
  4347. gap: var(--tox-private-pad-sm, 8px);
  4348. }
  4349. .tox .tox-ai .tox-ai-chat-history-list__title {
  4350. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4351. font-size: var(--tox-private-font-size-sm, 14px);
  4352. font-weight: var(--tox-private-font-weight-bold, bold);
  4353. line-height: 18px;
  4354. letter-spacing: 1px;
  4355. }
  4356. .tox .tox-ai .tox-ai-chat-history-list__item {
  4357. display: flex;
  4358. padding: 12px;
  4359. gap: var(--tox-private-pad-sm, 8px);
  4360. border-radius: var(--tox-private-control-border-radius, 6px);
  4361. cursor: pointer;
  4362. }
  4363. .tox .tox-ai .tox-ai-chat-history-list__item.tox-ai-chat-history-list__item--active {
  4364. background-color: var(--tox-private-background-secondary, #f0f0f0);
  4365. }
  4366. .tox .tox-ai .tox-ai-chat-history-list__item:focus,
  4367. .tox .tox-ai .tox-ai-chat-history-list__item:focus-visible {
  4368. background-color: var(--tox-private-background-secondary, #f0f0f0);
  4369. }
  4370. .tox .tox-ai .tox-ai-chat-history-list__item.tox-ai-chat-history-list__item-edit-title {
  4371. background-color: var(--tox-private-background-secondary, #f0f0f0);
  4372. flex-direction: column;
  4373. }
  4374. .tox .tox-ai .tox-ai-chat-history-list__item-edit-actions {
  4375. display: flex;
  4376. justify-content: flex-end;
  4377. width: 100%;
  4378. gap: var(--tox-private-pad-sm, 8px);
  4379. }
  4380. .tox .tox-ai .tox-ai-chat-history-list__item-edit-actions .tox-ai__spinner svg {
  4381. fill: rgba(from var(--tox-private-color-white, #fff) r g b / 0.5);
  4382. }
  4383. .tox .tox-ai .tox-ai-chat-history-list__item-content {
  4384. display: flex;
  4385. flex-direction: column;
  4386. margin-right: auto;
  4387. overflow: hidden;
  4388. }
  4389. .tox .tox-ai .tox-ai-chat-history-list__item-actions {
  4390. display: flex;
  4391. align-items: center;
  4392. min-width: calc(24px + (var(--tox-private-pad-xs, 4px) + 1px)*2);
  4393. }
  4394. .tox .tox-ai .tox-ai-chat-history-list__item-content-title {
  4395. color: var(--tox-private-text-color, #222f3e);
  4396. font-size: var(--tox-private-font-size-base, 16px);
  4397. font-weight: var(--tox-private-font-weight-bold, bold);
  4398. line-height: var(--tox-private-font-size-lg, 20px);
  4399. overflow: hidden;
  4400. text-overflow: ellipsis;
  4401. }
  4402. .tox .tox-ai .tox-ai-chat-history-list__item-content-date {
  4403. color: var(--tox-private-text-color, #222f3e);
  4404. font-size: var(--tox-private-font-size-xs, 12px);
  4405. line-height: var(--tox-private-line-height-base, 1.3);
  4406. }
  4407. .tox .tox-ai .tox-sidebar-content__message {
  4408. align-items: center;
  4409. display: flex;
  4410. flex-direction: column;
  4411. height: 100%;
  4412. justify-content: center;
  4413. gap: var(--tox-private-pad-md, 16px);
  4414. width: 100%;
  4415. }
  4416. .tox .tox-ai .tox-sidebar-content__message-text {
  4417. text-align: center;
  4418. color: var(--tox-private-text-color, #222f3e);
  4419. font-size: var(--tox-private-font-size-md, 16px);
  4420. font-weight: var(--tox-private-font-weight-normal, normal);
  4421. line-height: 20px;
  4422. }
  4423. .tox .tox-ai .tox-sidebar-content__message-action {
  4424. display: flex;
  4425. justify-content: center;
  4426. align-items: center;
  4427. align-self: stretch;
  4428. }
  4429. .tox .tox-ai-removed-content {
  4430. font-style: italic;
  4431. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  4432. background-color: var(--tox-private-background-color, #fff);
  4433. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4434. line-height: var(--tox-private-line-height-base, 1.3);
  4435. margin: 0 1em;
  4436. }
  4437. .tox .tox-ai-removed-content::before {
  4438. content: "⊘ ";
  4439. font-style: normal;
  4440. font-size: calc(var(--tox-private-line-height-base, 1.3) * 1em);
  4441. }
  4442. .tox .tox-ai-html-content {
  4443. font-size: var(--tox-private-font-size-md, 16px);
  4444. font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  4445. background-color: var(--tox-private-background-color, #fff);
  4446. color: var(--tox-private-text-color, #222f3e);
  4447. line-height: var(--tox-private-line-height-base, 1.3);
  4448. overflow-x: auto;
  4449. /* Headings */
  4450. /* Paragraphs */
  4451. /* Lists */
  4452. /* Links */
  4453. /* Blockquote */
  4454. /* Inline code */
  4455. /* Code block */
  4456. /* Horizontal rule */
  4457. /* Tables */
  4458. /* --- Inline Markdown Elements --- */
  4459. /* Bold */
  4460. /* Italic */
  4461. /* Strikethrough */
  4462. /* Subscript / Superscript */
  4463. /* Highlight text */
  4464. /* Small text */
  4465. /* Keyboard input */
  4466. /* Images */
  4467. }
  4468. .tox .tox-ai-html-content:focus-visible:not(:disabled) {
  4469. outline: 2px solid var(--tox-private-color-tint, #006ce7);
  4470. outline-offset: var(--tox-private-tinymceai-html-content-border-width, 1px);
  4471. box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
  4472. border-radius: var(--tox-private-control-border-radius, 6px);
  4473. }
  4474. .tox .tox-ai-html-content h1 {
  4475. font-size: 1.6em;
  4476. font-weight: var(--tox-private-font-weight-bold, bold);
  4477. margin: 0.67em 0;
  4478. }
  4479. .tox .tox-ai-html-content h2 {
  4480. font-size: 1.4em;
  4481. font-weight: var(--tox-private-font-weight-bold, bold);
  4482. margin: 0.83em 0;
  4483. }
  4484. .tox .tox-ai-html-content h3 {
  4485. font-size: 1.2em;
  4486. font-weight: var(--tox-private-font-weight-bold, bold);
  4487. margin: 1em 0;
  4488. }
  4489. .tox .tox-ai-html-content h4,
  4490. .tox .tox-ai-html-content h5,
  4491. .tox .tox-ai-html-content h6 {
  4492. font-size: 1em;
  4493. font-weight: var(--tox-private-font-weight-bold, bold);
  4494. margin: 0.33em 0;
  4495. }
  4496. .tox .tox-ai-html-content p {
  4497. margin: var(--tox-private-pad-sm, 8px) 0;
  4498. }
  4499. .tox .tox-ai-html-content ul,
  4500. .tox .tox-ai-html-content ol {
  4501. padding-left: 2em;
  4502. margin: 1em 0;
  4503. }
  4504. .tox .tox-ai-html-content li:has(input:first-child) {
  4505. list-style-type: none;
  4506. }
  4507. .tox .tox-ai-html-content a {
  4508. color: var(--tox-private-color-tint, #006ce7);
  4509. -webkit-text-decoration: underline;
  4510. text-decoration: underline;
  4511. cursor: pointer;
  4512. }
  4513. .tox .tox-ai-html-content a:link:active,
  4514. .tox .tox-ai-html-content a:visited:active {
  4515. color: #8864ad;
  4516. }
  4517. .tox .tox-ai-html-content blockquote {
  4518. border-left: 2px solid var(--tox-private-separator-color, #e3e3e3);
  4519. margin-left: 1.5rem;
  4520. padding-left: 1rem;
  4521. font-style: italic;
  4522. }
  4523. .tox .tox-ai-html-content code {
  4524. font-family: ui-monospace, monospace;
  4525. background: var(--tox-private-separator-color, #e3e3e3);
  4526. padding: 0.1em 0.2em;
  4527. border-radius: 4px;
  4528. }
  4529. .tox .tox-ai-html-content pre code {
  4530. display: block;
  4531. font-family: ui-monospace, monospace;
  4532. background: var(--tox-private-separator-color, #e3e3e3);
  4533. border-radius: 4px;
  4534. white-space: pre-wrap;
  4535. margin: 1em 0;
  4536. overflow-wrap: break-word;
  4537. }
  4538. .tox .tox-ai-html-content hr {
  4539. border: none;
  4540. border-top: 1px solid var(--tox-private-border-color, #eeeeee);
  4541. }
  4542. .tox .tox-ai-html-content table {
  4543. width: 100%;
  4544. border-collapse: collapse;
  4545. margin: 0.5em 0;
  4546. font-size: 0.95em;
  4547. line-height: 1.45;
  4548. }
  4549. .tox .tox-ai-html-content table:not([cellpadding]) th,
  4550. .tox .tox-ai-html-content table:not([cellpadding]) td {
  4551. padding: 0.4rem;
  4552. }
  4553. .tox .tox-ai-html-content th,
  4554. .tox .tox-ai-html-content td {
  4555. border: 1px solid var(--tox-private-border-color, #eeeeee);
  4556. }
  4557. .tox .tox-ai-html-content th {
  4558. font-weight: var(--tox-private-font-weight-bold, bold);
  4559. text-align: left;
  4560. white-space: nowrap;
  4561. }
  4562. .tox .tox-ai-html-content strong,
  4563. .tox .tox-ai-html-content b {
  4564. font-weight: var(--tox-private-font-weight-bold, bold);
  4565. }
  4566. .tox .tox-ai-html-content em,
  4567. .tox .tox-ai-html-content i {
  4568. font-style: italic;
  4569. }
  4570. .tox .tox-ai-html-content del {
  4571. -webkit-text-decoration: line-through;
  4572. text-decoration: line-through;
  4573. }
  4574. .tox .tox-ai-html-content sup,
  4575. .tox .tox-ai-html-content sub {
  4576. font-size: 0.75em;
  4577. line-height: 0;
  4578. vertical-align: baseline;
  4579. }
  4580. .tox .tox-ai-html-content sup {
  4581. vertical-align: super;
  4582. }
  4583. .tox .tox-ai-html-content sub {
  4584. vertical-align: sub;
  4585. }
  4586. .tox .tox-ai-html-content mark {
  4587. background: hsl(from var(--tox-private-color-active, #ffcf30) h s l / 30%);
  4588. padding: 0.05em 0.2em;
  4589. border-radius: 2px;
  4590. }
  4591. .tox .tox-ai-html-content small {
  4592. font-size: 0.85em;
  4593. }
  4594. .tox .tox-ai-html-content kbd {
  4595. font-family: ui-monospace, monospace;
  4596. font-size: 0.85em;
  4597. padding: 0.15em 0.4em;
  4598. border-radius: 4px;
  4599. border: 1px solid var(--tox-private-border-color, #eeeeee);
  4600. background: var(--tox-private-separator-color, #e3e3e3);
  4601. box-shadow: inset 0 -1px 0 var(--tox-private-border-color, #eeeeee);
  4602. }
  4603. .tox .tox-ai-html-content img {
  4604. max-width: 100%;
  4605. height: auto;
  4606. vertical-align: middle;
  4607. border-radius: 4px;
  4608. }
  4609. /* Adding margin to .tox-ai-html-content inside the expandable content */
  4610. .tox .tox-expandable-box__content {
  4611. /* separator between sections */
  4612. }
  4613. .tox .tox-expandable-box__content .tox-ai-html-content + .tox-ai-html-content::before,
  4614. .tox .tox-expandable-box__content .tox-ai-removed-content + .tox-ai-html-content::before,
  4615. .tox .tox-expandable-box__content .tox-ai-html-content:has(+ .tox-ai-removed-content)::after {
  4616. content: "〰〰";
  4617. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  4618. text-align: center;
  4619. width: 100%;
  4620. display: block;
  4621. }
  4622. .tox .tox-ai__preview-host {
  4623. width: 100%;
  4624. height: 100%;
  4625. position: relative;
  4626. }
  4627. .tox .tox-ai__preview-host .tox-ai__preview-layer {
  4628. position: absolute;
  4629. inset: 0;
  4630. display: flex;
  4631. flex-direction: column;
  4632. }
  4633. .tox .tox-ai__preview-host .tox-ai__preview-frame-wrap {
  4634. position: relative;
  4635. flex: 1 1 auto;
  4636. min-height: 0;
  4637. }
  4638. .tox .tox-ai__preview-host .tox-ai__preview-frame-wrap .tox-ai__iframe {
  4639. background-color: #fff;
  4640. border: 0;
  4641. width: 100%;
  4642. height: 100%;
  4643. min-height: 0;
  4644. position: relative;
  4645. }
  4646. .tox .tox-ai__preview-host .tox-ai__preview-footer {
  4647. flex: 0 0 auto;
  4648. background: var(--tox-private-background-color, #fff);
  4649. border-top: 1px solid #e3e3e3;
  4650. }
  4651. .tox .tox-ai__preview-host .tox-ai__preview-footer .tox-ai__preview-footer-toolbar {
  4652. display: flex;
  4653. justify-content: flex-end;
  4654. gap: 8px;
  4655. padding: 12px 16px;
  4656. }
  4657. .tox .tox-ai__preview-host:empty {
  4658. pointer-events: none;
  4659. }
  4660. .tox .tox-ai__preview-overlay {
  4661. position: absolute;
  4662. inset: 0;
  4663. width: 100%;
  4664. height: 100%;
  4665. }
  4666. .tox .tox-ai__preview-overlay--hidden {
  4667. visibility: hidden;
  4668. }
  4669. .tox .tox-ai__preview-overlay--pass-through {
  4670. pointer-events: none;
  4671. }
  4672. .tox .tox-ai__preview-overlay--dim {
  4673. background: rgba(34, 47, 62, 0.2);
  4674. }
  4675. .tox .tox-ai__preview-overlay--centered {
  4676. display: flex;
  4677. align-items: center;
  4678. justify-content: center;
  4679. }
  4680. .tox .tox-ai__preview-overlay--clipped {
  4681. overflow: clip;
  4682. }
  4683. .tox .tox-tinymceai-previewloader {
  4684. display: flex;
  4685. align-items: center;
  4686. gap: var(--tox-private-pad-md, 16px);
  4687. padding: var(--tox-private-pad-sm, 8px);
  4688. border-radius: var(--tox-private-panel-border-radius, 6px);
  4689. box-shadow: var(--tox-private-ai-preview-loader-box-shadow, 0 0 40px 1px rgba(34, 47, 62, 0.15), 0 16px 16px -10px rgba(34, 47, 62, 0.15));
  4690. background-color: var(--tox-private-background-color, #fff);
  4691. color: var(--tox-private-text-color, #222f3e);
  4692. pointer-events: auto;
  4693. }
  4694. .tox .tox-tinymceai-previewloader__content {
  4695. display: flex;
  4696. align-items: center;
  4697. justify-content: center;
  4698. padding: 0 var(--tox-private-pad-xs, 4px);
  4699. gap: var(--tox-private-pad-sm, 8px);
  4700. }
  4701. .tox .tox-selector {
  4702. background-color: #4099ff;
  4703. border-color: #4099ff;
  4704. border-style: solid;
  4705. border-width: 1px;
  4706. box-sizing: border-box;
  4707. display: inline-block;
  4708. height: 10px;
  4709. position: absolute;
  4710. width: 10px;
  4711. }
  4712. .tox.tox-platform-touch .tox-selector {
  4713. height: 12px;
  4714. width: 12px;
  4715. }
  4716. .tox .tox-skeleton .tox-skeleton__line {
  4717. height: 16px;
  4718. width: 100%;
  4719. background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
  4720. animation: wave 2s infinite ease-out;
  4721. }
  4722. .tox .tox-skeleton .tox-skeleton__circle {
  4723. height: 36px;
  4724. width: 36px;
  4725. margin-right: 8px;
  4726. border-radius: 100%;
  4727. background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
  4728. animation: wave 2s infinite ease-out;
  4729. }
  4730. @keyframes wave {
  4731. 0% {
  4732. background-position: -268px 0;
  4733. }
  4734. 100% {
  4735. background-position: 268px 0;
  4736. }
  4737. }
  4738. .tox .tox-slider {
  4739. align-items: center;
  4740. display: flex;
  4741. flex: 1;
  4742. height: 24px;
  4743. justify-content: center;
  4744. position: relative;
  4745. }
  4746. .tox .tox-slider__rail {
  4747. background-color: transparent;
  4748. border: 1px solid #eeeeee;
  4749. border-radius: 6px;
  4750. height: 10px;
  4751. min-width: 120px;
  4752. width: 100%;
  4753. }
  4754. .tox .tox-slider__handle {
  4755. background-color: #006ce7;
  4756. border: 2px solid #0054b4;
  4757. border-radius: 6px;
  4758. box-shadow: none;
  4759. height: 24px;
  4760. left: 50%;
  4761. position: absolute;
  4762. top: 50%;
  4763. transform: translateX(-50%) translateY(-50%);
  4764. width: 14px;
  4765. }
  4766. .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
  4767. margin-inline-start: 8px;
  4768. }
  4769. .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
  4770. margin-inline-start: 32px;
  4771. }
  4772. .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
  4773. margin-inline-start: 32px;
  4774. }
  4775. .tox .tox-toolbar-slider {
  4776. align-items: center;
  4777. display: inline-flex;
  4778. height: 16px;
  4779. }
  4780. .tox .tox-toolbar-slider__input {
  4781. appearance: none;
  4782. background: #eeeeee;
  4783. border-radius: 16px;
  4784. width: 130px;
  4785. height: 2px;
  4786. }
  4787. .tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
  4788. background-color: transparent;
  4789. height: 16px;
  4790. }
  4791. .tox .tox-toolbar-slider__input::-moz-range-track {
  4792. background-color: transparent;
  4793. height: 16px;
  4794. }
  4795. .tox .tox-toolbar-slider__input::-webkit-slider-thumb {
  4796. -webkit-appearance: none;
  4797. background-color: #006ce7;
  4798. border-radius: 16px;
  4799. border: none;
  4800. height: 16px;
  4801. width: 16px;
  4802. }
  4803. .tox .tox-toolbar-slider__input::-moz-range-thumb {
  4804. appearance: none;
  4805. background-color: #006ce7;
  4806. border-radius: 16px;
  4807. border: none;
  4808. height: 16px;
  4809. width: 16px;
  4810. }
  4811. .tox .tox-toolbar-slider__input:focus-visible {
  4812. outline: none;
  4813. }
  4814. .tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
  4815. background-color: #0060ce;
  4816. box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
  4817. }
  4818. .tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
  4819. background-color: #0060ce;
  4820. box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
  4821. }
  4822. .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
  4823. background-color: #0060ce;
  4824. }
  4825. .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
  4826. background-color: #0060ce;
  4827. }
  4828. .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
  4829. background-color: #0054b4;
  4830. }
  4831. .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
  4832. background-color: #0054b4;
  4833. }
  4834. .tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
  4835. background-color: rgba(255, 255, 255, 0.5);
  4836. }
  4837. .tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
  4838. background-color: rgba(255, 255, 255, 0.5);
  4839. }
  4840. .tox .tox-source-code {
  4841. overflow: auto;
  4842. }
  4843. .tox .tox-spinner {
  4844. display: flex;
  4845. }
  4846. .tox .tox-spinner > div {
  4847. animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  4848. background-color: rgba(34, 47, 62, 0.7);
  4849. border-radius: 100%;
  4850. height: 8px;
  4851. width: 8px;
  4852. }
  4853. .tox .tox-spinner > div:nth-child(1) {
  4854. animation-delay: -0.32s;
  4855. }
  4856. .tox .tox-spinner > div:nth-child(2) {
  4857. animation-delay: -0.16s;
  4858. }
  4859. @keyframes tam-bouncing-dots {
  4860. 0%,
  4861. 80%,
  4862. 100% {
  4863. transform: scale(0);
  4864. }
  4865. 40% {
  4866. transform: scale(1);
  4867. }
  4868. }
  4869. .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
  4870. margin-left: 4px;
  4871. }
  4872. .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
  4873. margin-right: 4px;
  4874. }
  4875. .tox .tox-ai__spinner {
  4876. --tox-private-spinner-color: var(--tox-private-color-tint, #006ce7);
  4877. --tox-private-spinner-size: 24px;
  4878. --tox-private-spinner-circle-width: 3px;
  4879. --tox-private-spinner-dot-size: 6px;
  4880. width: var(--tox-private-spinner-size);
  4881. aspect-ratio: 1;
  4882. }
  4883. .tox .tox-ai__spinner--small {
  4884. --tox-private-spinner-size: 16px;
  4885. --tox-private-spinner-circle-width: 2px;
  4886. --tox-private-spinner-dot-size: 4px;
  4887. }
  4888. .tox .tox-ai__spinner--circle {
  4889. animation: tox-rotation 1s linear infinite;
  4890. border-radius: 50%;
  4891. background: conic-gradient(var(--tox-private-spinner-color) 0% calc(360deg - 30deg), transparent calc(360deg - 30deg) 100%);
  4892. mask: radial-gradient(calc((var(--tox-private-spinner-size) - var(--tox-private-spinner-circle-width) * 2) / 2), #0000 98%, #000);
  4893. }
  4894. .tox .tox-ai__spinner--dots {
  4895. display: flex;
  4896. align-items: center;
  4897. justify-content: center;
  4898. gap: 1px;
  4899. }
  4900. .tox .tox-ai__spinner--dots > div {
  4901. animation: tox-bouncing-dots 1.5s ease-in-out 0s infinite both;
  4902. aspect-ratio: 1;
  4903. width: var(--tox-private-spinner-dot-size);
  4904. background-color: var(--tox-private-spinner-color);
  4905. border-radius: 100%;
  4906. }
  4907. .tox .tox-ai__spinner--dots > div:nth-child(1) {
  4908. animation-delay: -0.32s;
  4909. }
  4910. .tox .tox-ai__spinner--dots > div:nth-child(2) {
  4911. animation-delay: -0.16s;
  4912. }
  4913. .tox .tox-tinymceai__annotation--added,
  4914. .tox .tox-tinymceai__annotation--modified,
  4915. .tox .tox-tinymceai__annotation--removed {
  4916. padding-block: calc((1lh - 1.1em) / 2);
  4917. -webkit-text-decoration: none;
  4918. text-decoration: none;
  4919. background-repeat: no-repeat;
  4920. text-decoration-thickness: max(1px, 0.07em);
  4921. }
  4922. .tox .tox-tinymceai__annotation--added__highlight {
  4923. background-position: bottom;
  4924. background-image: linear-gradient(rgba(120, 171, 70, 0.2) calc(100% - 2px), #78AB46 calc(100% - 2px));
  4925. }
  4926. .tox .tox-tinymceai__annotation--added__selected {
  4927. background-image: none;
  4928. background-color: rgba(120, 171, 70, 0.2);
  4929. box-shadow: 0 2px 0 0 #006ce7, 0 -2px 0 0 #006ce7;
  4930. }
  4931. .tox .tox-tinymceai__annotation--modified__highlight {
  4932. background-position: bottom;
  4933. background-image: linear-gradient(rgba(0, 108, 231, 0.2) calc(100% - 2px), #006ce7 calc(100% - 2px));
  4934. }
  4935. .tox .tox-tinymceai__annotation--modified__selected {
  4936. background-image: none;
  4937. background-color: rgba(0, 108, 231, 0.2);
  4938. box-shadow: 0 2px 0 0 #006ce7, 0 -2px 0 0 #006ce7;
  4939. }
  4940. .tox .tox-tinymceai__annotation--removed__highlight {
  4941. -webkit-text-decoration: line-through;
  4942. text-decoration: line-through;
  4943. background-position: bottom;
  4944. background-image: linear-gradient(rgba(204, 0, 0, 0.2) calc(100% - 2px), #c00 calc(100% - 2px));
  4945. }
  4946. .tox .tox-tinymceai__annotation--removed__selected {
  4947. -webkit-text-decoration: line-through;
  4948. text-decoration: line-through;
  4949. background-image: none;
  4950. background-color: rgba(204, 0, 0, 0.2);
  4951. box-shadow: 0 2px 0 0 #006ce7, 0 -2px 0 0 #006ce7;
  4952. }
  4953. .tox ins.tox-tinymceai__annotation--added__selected,
  4954. .tox del.tox-tinymceai__annotation--added__selected {
  4955. background-color: transparent;
  4956. box-shadow: none;
  4957. background-position: center;
  4958. background-size: 100% calc(1lh + 3px);
  4959. background-image: linear-gradient(#006ce7 3px, rgba(120, 171, 70, 0.2) 3px, rgba(120, 171, 70, 0.2) calc(100% - 3px), #006ce7 calc(100% - 3px));
  4960. }
  4961. .tox ins.tox-tinymceai__annotation--modified__selected,
  4962. .tox del.tox-tinymceai__annotation--modified__selected {
  4963. background-color: transparent;
  4964. box-shadow: none;
  4965. background-position: center;
  4966. background-size: 100% calc(1lh + 3px);
  4967. background-image: linear-gradient(#006ce7 3px, rgba(0, 108, 231, 0.2) 3px, rgba(0, 108, 231, 0.2) calc(100% - 3px), #006ce7 calc(100% - 3px));
  4968. }
  4969. .tox ins.tox-tinymceai__annotation--removed__selected,
  4970. .tox del.tox-tinymceai__annotation--removed__selected {
  4971. background-color: transparent;
  4972. box-shadow: none;
  4973. background-position: center;
  4974. background-size: 100% calc(1lh + 3px);
  4975. background-image: linear-gradient(#006ce7 3px, rgba(204, 0, 0, 0.2) 3px, rgba(204, 0, 0, 0.2) calc(100% - 3px), #006ce7 calc(100% - 3px));
  4976. }
  4977. .tox .tox-tinymceai__annotation--added.tox-tinymceai__annotation--added__hidden,
  4978. .tox .tox-tinymceai__annotation--modified.tox-tinymceai__annotation--modified__hidden,
  4979. .tox .tox-tinymceai__annotation--removed.tox-tinymceai__annotation--removed__hidden {
  4980. display: none;
  4981. -webkit-text-decoration: none;
  4982. text-decoration: none;
  4983. }
  4984. .tox *:has(> div > iframe).tox-tinymceai__annotation--added,
  4985. .tox *:has(> div > iframe).tox-tinymceai__annotation--modified,
  4986. .tox *:has(> div > iframe).tox-tinymceai__annotation--removed {
  4987. padding: 7px;
  4988. margin: 5px;
  4989. }
  4990. .tox img.tox-tinymceai__annotation--added__highlight,
  4991. .tox video.tox-tinymceai__annotation--added__highlight,
  4992. .tox iframe.tox-tinymceai__annotation--added__highlight {
  4993. outline: 0.25em solid rgba(120, 171, 70, 0.2);
  4994. padding: 0.25em;
  4995. background-image: none;
  4996. }
  4997. .tox img.tox-tinymceai__annotation--added__selected,
  4998. .tox video.tox-tinymceai__annotation--added__selected,
  4999. .tox iframe.tox-tinymceai__annotation--added__selected {
  5000. border: 0.25em solid rgba(120, 171, 70, 0.2);
  5001. outline: 0.125em solid #006ce7;
  5002. padding: 0em;
  5003. background-image: none;
  5004. }
  5005. .tox img.tox-tinymceai__annotation--modified__highlight,
  5006. .tox video.tox-tinymceai__annotation--modified__highlight,
  5007. .tox iframe.tox-tinymceai__annotation--modified__highlight {
  5008. outline: 0.25em solid rgba(0, 108, 231, 0.2);
  5009. padding: 0.25em;
  5010. background-image: none;
  5011. }
  5012. .tox img.tox-tinymceai__annotation--modified__selected,
  5013. .tox video.tox-tinymceai__annotation--modified__selected,
  5014. .tox iframe.tox-tinymceai__annotation--modified__selected {
  5015. border: 0.25em solid rgba(0, 108, 231, 0.2);
  5016. outline: 0.125em solid #006ce7;
  5017. padding: 0em;
  5018. background-image: none;
  5019. }
  5020. .tox img.tox-tinymceai__annotation--removed__highlight,
  5021. .tox video.tox-tinymceai__annotation--removed__highlight,
  5022. .tox iframe.tox-tinymceai__annotation--removed__highlight {
  5023. outline: 0.25em solid rgba(204, 0, 0, 0.2);
  5024. padding: 0.25em;
  5025. background-image: none;
  5026. }
  5027. .tox img.tox-tinymceai__annotation--removed__selected,
  5028. .tox video.tox-tinymceai__annotation--removed__selected,
  5029. .tox iframe.tox-tinymceai__annotation--removed__selected {
  5030. border: 0.25em solid rgba(204, 0, 0, 0.2);
  5031. outline: 0.125em solid #006ce7;
  5032. padding: 0em;
  5033. background-image: none;
  5034. }
  5035. .tox div.tox-tinymceai__annotation:has(> hr) {
  5036. background-size: auto;
  5037. padding: 0.25em;
  5038. }
  5039. .tox div.tox-tinymceai__annotation--removed__highlight > hr {
  5040. border-color: rgba(0, 0, 0, 0.2);
  5041. }
  5042. .tox div.tox-tinymceai__annotation--added__highlight > hr {
  5043. border-color: rgba(0, 0, 0, 0.2);
  5044. }
  5045. .tox .mce-pagebreak.tox-tinymceai__annotation--added__selected,
  5046. .tox .mce-pagebreak.tox-tinymceai__annotation--removed__selected,
  5047. .tox .mce-pagebreak.tox-tinymceai__annotation--modified__selected {
  5048. border: 1px dashed #aaa;
  5049. box-shadow: none;
  5050. background-image: none;
  5051. }
  5052. .tox .mce-pagebreak.tox-tinymceai__annotation--added__highlight,
  5053. .tox .mce-pagebreak.tox-tinymceai__annotation--modified__highlight,
  5054. .tox .mce-pagebreak.tox-tinymceai__annotation--removed__highlight {
  5055. padding: 0;
  5056. }
  5057. .tox .tox-ai__scroll .tox-ai__review-sidebar-container {
  5058. scrollbar-gutter: stable;
  5059. width: 100%;
  5060. height: 100%;
  5061. display: flex;
  5062. flex-direction: column;
  5063. gap: 12px;
  5064. }
  5065. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-card-list {
  5066. gap: 8px;
  5067. }
  5068. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-initializing {
  5069. padding: var(--tox-private-pad-md, 16px);
  5070. }
  5071. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-description {
  5072. padding-bottom: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  5073. font-size: var(--tox-private-font-size-sm, 14px);
  5074. }
  5075. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-choose-container {
  5076. padding-bottom: 12px;
  5077. }
  5078. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-custom-input {
  5079. margin-bottom: 12px;
  5080. }
  5081. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-custom-actions {
  5082. display: flex;
  5083. gap: 8px;
  5084. }
  5085. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container {
  5086. margin-bottom: 12px;
  5087. }
  5088. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container button.tox-ai__review-input-button {
  5089. width: 100%;
  5090. background-color: var(--tox-private-background-color, #fff);
  5091. display: flex;
  5092. justify-content: space-between;
  5093. align-items: center;
  5094. border: 1px solid #eeeeee;
  5095. border-radius: 6px;
  5096. box-sizing: border-box;
  5097. }
  5098. .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container .tox-ai__review-dropdown-content {
  5099. width: anchor-size(width);
  5100. }
  5101. .tox .tox-statusbar {
  5102. align-items: center;
  5103. background-color: #fff;
  5104. border-top: 1px solid #e3e3e3;
  5105. color: rgba(34, 47, 62, 0.7);
  5106. display: flex;
  5107. flex: 0 0 auto;
  5108. font-size: 14px;
  5109. font-weight: normal;
  5110. height: 25px;
  5111. overflow: hidden;
  5112. padding: 0 8px;
  5113. position: relative;
  5114. text-transform: none;
  5115. }
  5116. .tox .tox-statusbar__path {
  5117. display: flex;
  5118. flex: 1 1 auto;
  5119. text-overflow: ellipsis;
  5120. white-space: nowrap;
  5121. }
  5122. .tox .tox-statusbar__right-container {
  5123. display: flex;
  5124. justify-content: flex-end;
  5125. white-space: nowrap;
  5126. }
  5127. .tox .tox-statusbar__help-text {
  5128. text-align: center;
  5129. }
  5130. .tox .tox-statusbar__text-container {
  5131. align-items: flex-start;
  5132. display: flex;
  5133. flex: 1 1 auto;
  5134. height: 16px;
  5135. justify-content: space-between;
  5136. }
  5137. @media only screen and (min-width: 768px ) {
  5138. .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
  5139. .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
  5140. .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
  5141. flex: 0 0 calc(100% / 3);
  5142. }
  5143. }
  5144. .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
  5145. justify-content: flex-end;
  5146. }
  5147. .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
  5148. justify-content: flex-start;
  5149. }
  5150. .tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
  5151. justify-content: space-around;
  5152. }
  5153. .tox .tox-statusbar__path > * {
  5154. display: inline;
  5155. white-space: nowrap;
  5156. }
  5157. .tox .tox-statusbar__wordcount {
  5158. flex: 0 0 auto;
  5159. margin-left: 1ch;
  5160. }
  5161. @media only screen and (max-width: 767px ) {
  5162. .tox .tox-statusbar__text-container .tox-statusbar__help-text {
  5163. display: none;
  5164. }
  5165. .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
  5166. display: block;
  5167. }
  5168. }
  5169. .tox .tox-statusbar a,
  5170. .tox .tox-statusbar__path-item,
  5171. .tox .tox-statusbar__wordcount {
  5172. color: rgba(34, 47, 62, 0.7);
  5173. position: relative;
  5174. -webkit-text-decoration: none;
  5175. text-decoration: none;
  5176. }
  5177. .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
  5178. .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
  5179. .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
  5180. .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
  5181. .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
  5182. .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
  5183. color: #222f3e;
  5184. cursor: pointer;
  5185. }
  5186. .tox .tox-statusbar a:focus-visible::after,
  5187. .tox .tox-statusbar__path-item:focus-visible::after,
  5188. .tox .tox-statusbar__wordcount:focus-visible::after {
  5189. border-radius: 3px;
  5190. bottom: 0;
  5191. box-shadow: 0 0 0 2px #006ce7 ;
  5192. content: '';
  5193. left: 0;
  5194. position: absolute;
  5195. right: 0;
  5196. top: 0;
  5197. }
  5198. @media (forced-colors: active) {
  5199. .tox .tox-statusbar a:focus-visible::after,
  5200. .tox .tox-statusbar__path-item:focus-visible::after,
  5201. .tox .tox-statusbar__wordcount:focus-visible::after {
  5202. border: 2px solid highlight;
  5203. }
  5204. }
  5205. .tox .tox-statusbar__branding svg {
  5206. fill: rgba(34, 47, 62, 0.8);
  5207. height: 1em;
  5208. margin-left: 0.3em;
  5209. width: auto;
  5210. }
  5211. @media (forced-colors: active) {
  5212. .tox .tox-statusbar__branding svg {
  5213. fill: currentColor;
  5214. }
  5215. }
  5216. .tox .tox-statusbar__branding a {
  5217. align-items: center;
  5218. display: inline-flex;
  5219. }
  5220. .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
  5221. .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
  5222. fill: #222f3e;
  5223. }
  5224. .tox .tox-statusbar__resize-cursor-default {
  5225. cursor: ns-resize;
  5226. }
  5227. .tox .tox-statusbar__resize-cursor-both {
  5228. cursor: nwse-resize;
  5229. }
  5230. .tox .tox-statusbar__resize-handle {
  5231. align-items: flex-end;
  5232. align-self: stretch;
  5233. display: flex;
  5234. flex: 0 0 auto;
  5235. justify-content: flex-end;
  5236. margin-bottom: 3px;
  5237. margin-left: 4px;
  5238. margin-right: calc(3px - 8px);
  5239. margin-top: 3px;
  5240. padding-bottom: 0;
  5241. padding-left: 0;
  5242. padding-right: 0;
  5243. position: relative;
  5244. }
  5245. .tox .tox-statusbar__resize-handle svg {
  5246. display: block;
  5247. fill: rgba(34, 47, 62, 0.5);
  5248. }
  5249. .tox .tox-statusbar__resize-handle:hover svg,
  5250. .tox .tox-statusbar__resize-handle:focus svg {
  5251. fill: #222f3e;
  5252. }
  5253. .tox .tox-statusbar__resize-handle:focus-visible {
  5254. background-color: transparent;
  5255. border-radius: 1px 1px 5px 1px;
  5256. box-shadow: 0 0 0 2px transparent;
  5257. }
  5258. .tox .tox-statusbar__resize-handle:focus-visible::after {
  5259. border-radius: 3px;
  5260. bottom: 0;
  5261. box-shadow: 0 0 0 2px #006ce7 ;
  5262. content: '';
  5263. left: 0;
  5264. position: absolute;
  5265. right: 0;
  5266. top: 0;
  5267. }
  5268. @media (forced-colors: active) {
  5269. .tox .tox-statusbar__resize-handle:focus-visible::after {
  5270. border: 2px solid highlight;
  5271. }
  5272. }
  5273. .tox .tox-statusbar__resize-handle:only-child {
  5274. margin-left: auto;
  5275. }
  5276. .tox:not([dir=rtl]) .tox-statusbar__path > * {
  5277. margin-right: 4px;
  5278. }
  5279. .tox:not([dir=rtl]) .tox-statusbar__branding {
  5280. margin-left: 2ch;
  5281. }
  5282. .tox[dir=rtl] .tox-statusbar {
  5283. flex-direction: row-reverse;
  5284. }
  5285. .tox[dir=rtl] .tox-statusbar__path > * {
  5286. margin-left: 4px;
  5287. }
  5288. .tox[dir=rtl] .tox-statusbar__branding svg {
  5289. margin-left: 0;
  5290. margin-right: 0.3em;
  5291. }
  5292. .tox a.tox-tag {
  5293. cursor: pointer;
  5294. }
  5295. .tox .tox-tag {
  5296. width: fit-content;
  5297. box-sizing: border-box;
  5298. display: flex;
  5299. padding: var(--tox-private-pad-xs, 4px) 6px;
  5300. position: relative;
  5301. align-items: center;
  5302. gap: var(--tox-private-pad-xs, 4px);
  5303. border-radius: 3px;
  5304. background: hsl(from var(--tox-private-color-tint, #006ce7) h s l / 10%);
  5305. line-height: var(--tox-private-base-value, 16px);
  5306. font-size: var(--tox-private-font-size-xs, 12px);
  5307. }
  5308. .tox .tox-tag::before {
  5309. border-radius: var(--tox-private-control-border-radius, 6px);
  5310. bottom: calc(-1 * var(--tox-private-tag-border-width, 1px));
  5311. box-shadow: var(--tox-private-tag-focus-outline, inset 0 0 0 1px #fff, 0 0 0 2px #006ce7);
  5312. content: '';
  5313. left: calc(-1 * var(--tox-private-tag-border-width, 1px));
  5314. opacity: 0;
  5315. pointer-events: none;
  5316. position: absolute;
  5317. right: calc(-1 * var(--tox-private-tag-border-width, 1px));
  5318. top: calc(-1 * var(--tox-private-tag-border-width, 1px));
  5319. }
  5320. .tox .tox-tag:focus:not(:disabled)::before {
  5321. opacity: 1;
  5322. }
  5323. .tox .tox-tag > * {
  5324. /*
  5325. If there is not enough space, then do not scale down anything, except for label, which has flex-shrink set to 1.
  5326. In general we expect two small items in tag (icon and close button) and one large (usually label).
  5327. */
  5328. flex-shrink: 0;
  5329. }
  5330. .tox .tox-tag .tox-icon {
  5331. height: var(--tox-private-base-value, 16px);
  5332. fill: var(--tox-private-text-color, #222f3e);
  5333. }
  5334. .tox .tox-tag .tox-tag__label {
  5335. text-overflow: ellipsis;
  5336. overflow: hidden;
  5337. white-space: nowrap;
  5338. /* If there is not enough space, then shrink the label. */
  5339. flex-shrink: 1;
  5340. color: var(--tox-private-text-color, #222f3e);
  5341. }
  5342. .tox .tox-tag .tox-tag__close {
  5343. height: var(--tox-private-base-value, 16px);
  5344. }
  5345. .tox .tox-tag .tox-tag__close .tox-button.tox-button--icon {
  5346. border: 0;
  5347. padding: 0;
  5348. color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
  5349. }
  5350. .tox .tox-tag .tox-tag__close .tox-button.tox-button--icon::before {
  5351. box-shadow: none;
  5352. }
  5353. .tox .tox-throbber {
  5354. z-index: 1299;
  5355. }
  5356. .tox .tox-throbber__busy-spinner {
  5357. align-items: center;
  5358. background-color: rgba(255, 255, 255, 0.6);
  5359. bottom: 0;
  5360. display: flex;
  5361. justify-content: center;
  5362. left: 0;
  5363. position: absolute;
  5364. right: 0;
  5365. top: 0;
  5366. }
  5367. .tox .tox-segmented-control {
  5368. display: inline-flex;
  5369. position: relative;
  5370. border: none;
  5371. border-radius: var(--tox-private-control-border-radius, 6px);
  5372. box-shadow: inset 0 0 0 1px var(--tox-private-segmented-control-border-color, #e3e3e3);
  5373. overflow: hidden;
  5374. padding: var(--tox-private-pad-xs, 4px);
  5375. background-color: var(--tox-private-background-color, #fff);
  5376. }
  5377. .tox .tox-segmented-control__segment {
  5378. flex: 1;
  5379. padding: var(--tox-private-pad-xs, 4px) var(--tox-private-pad-sm, 8px);
  5380. cursor: pointer;
  5381. background: transparent;
  5382. font-size: var(--tox-private-font-size-sm, 14px);
  5383. font-weight: var(--tox-private-font-weight-normal, normal);
  5384. line-height: 16px;
  5385. border: 1px solid transparent;
  5386. border-radius: calc(var(--tox-private-control-border-radius, 6px) - 1px);
  5387. text-align: center;
  5388. white-space: nowrap;
  5389. display: inline-block;
  5390. vertical-align: middle;
  5391. color: var(--tox-private-segmented-control-text-color, #222f3e);
  5392. }
  5393. .tox .tox-segmented-control__segment--active {
  5394. border-color: var(--tox-private-segmented-control-active-border-color, #006ce7);
  5395. color: var(--tox-private-segmented-control-active-text-color, #006ce7);
  5396. background-color: var(--tox-private-segmented-control-active-bg-color, rgba(0, 108, 231, 0.1));
  5397. }
  5398. .tox .tox-segmented-control:not(.tox-segmented-control--disabled) .tox-segmented-control__segment {
  5399. transition: all 0.2s;
  5400. }
  5401. .tox .tox-segmented-control.tox-segmented-control--disabled .tox-segmented-control__segment {
  5402. opacity: 0.5;
  5403. cursor: not-allowed;
  5404. pointer-events: none;
  5405. }
  5406. .tox .tox-segmented-control__segment:focus {
  5407. outline: 2px solid var(--tox-private-color-tint, #006ce7);
  5408. outline-offset: 2px;
  5409. }
  5410. .tox .tox-segmented-control__segment:focus:not(:focus-visible) {
  5411. outline: none;
  5412. }
  5413. .tox .tox-toggle {
  5414. display: flex;
  5415. align-items: center;
  5416. gap: var(--tox-private-pad-xs, 4px);
  5417. padding: var(--tox-private-pad-xs, 4px);
  5418. font-weight: var(--tox-private-font-weight-normal, normal);
  5419. line-height: var(--tox-private-control-line-height, 24px);
  5420. white-space: nowrap;
  5421. background-color: var(--tox-private-background-color, #fff);
  5422. color: var(--tox-private-text-color, #222f3e);
  5423. }
  5424. .tox .tox-toggle input {
  5425. position: absolute;
  5426. opacity: 0;
  5427. width: 0;
  5428. height: 0;
  5429. }
  5430. .tox .tox-toggle__slider {
  5431. position: relative;
  5432. cursor: pointer;
  5433. box-sizing: border-box;
  5434. transition: 0.4s;
  5435. border-radius: 34px;
  5436. width: 28px;
  5437. height: 16px;
  5438. background-color: var(--tox-private-slider-background-color, #fff);
  5439. border: 1px solid var(--tox-private-slider-border-color, #e3e3e3);
  5440. }
  5441. .tox .tox-toggle__slider::before {
  5442. position: absolute;
  5443. content: "";
  5444. height: 12px;
  5445. width: 12px;
  5446. left: 1px;
  5447. bottom: 1px;
  5448. transition: 0.4s;
  5449. border-radius: 50%;
  5450. background-color: var(--tox-private-slider-handle-background-color, #222f3e);
  5451. }
  5452. .tox input:checked + .tox-toggle__slider {
  5453. background-color: var(--tox-private-slider-checked-background-color, #006ce7);
  5454. border: 1px solid var(--tox-private-slider-checked-border-color, #006ce7);
  5455. }
  5456. .tox input:focus + .tox-toggle__slider {
  5457. box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff), 0 0 0 2px var(--tox-private-color-tint, #006ce7);
  5458. }
  5459. .tox input:checked + .tox-toggle__slider::before {
  5460. transform: translateX(12px);
  5461. background-color: var(--tox-private-slider-checked-handle-background-color, #fff);
  5462. }
  5463. .tox input:disabled + .tox-toggle__slider::before {
  5464. opacity: 50%;
  5465. }
  5466. .tox .tox-tbtn {
  5467. align-items: center;
  5468. background: #fff;
  5469. border: 0;
  5470. border-radius: 3px;
  5471. box-shadow: none;
  5472. color: #222f3e;
  5473. display: flex;
  5474. flex: 0 0 auto;
  5475. font-size: 14px;
  5476. font-style: normal;
  5477. font-weight: normal;
  5478. height: 28px;
  5479. justify-content: center;
  5480. margin: 6px 1px 5px 0;
  5481. outline: none;
  5482. padding: 0;
  5483. text-transform: none;
  5484. width: 34px;
  5485. }
  5486. .tox .tox-tbtn .tox-tbtn__icon-wrap {
  5487. pointer-events: none;
  5488. }
  5489. @media (forced-colors: active) {
  5490. .tox .tox-tbtn:hover,
  5491. .tox .tox-tbtn.tox-tbtn:hover {
  5492. outline: 1px dashed currentColor;
  5493. }
  5494. .tox .tox-tbtn.tox-tbtn--active,
  5495. .tox .tox-tbtn.tox-tbtn--enabled,
  5496. .tox .tox-tbtn.tox-tbtn--enabled:hover,
  5497. .tox .tox-tbtn.tox-tbtn--enabled:focus,
  5498. .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  5499. outline: 1px solid currentColor;
  5500. position: relative;
  5501. }
  5502. }
  5503. .tox .tox-tbtn svg {
  5504. display: block;
  5505. fill: #222f3e;
  5506. }
  5507. @media (forced-colors: active) {
  5508. .tox .tox-tbtn svg {
  5509. fill: currentColor !important;
  5510. }
  5511. .tox .tox-tbtn svg.tox-tbtn--enabled,
  5512. .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
  5513. fill: currentColor !important;
  5514. }
  5515. .tox .tox-tbtn svg.tox-tbtn--disabled,
  5516. .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
  5517. .tox .tox-tbtn svg .tox-tbtn:disabled,
  5518. .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
  5519. filter: contrast(0%);
  5520. }
  5521. }
  5522. .tox .tox-tbtn.tox-tbtn-more {
  5523. padding-left: 5px;
  5524. padding-right: 5px;
  5525. width: inherit;
  5526. }
  5527. .tox .tox-tbtn:focus {
  5528. background: #fff;
  5529. border: 0;
  5530. box-shadow: none;
  5531. position: relative;
  5532. z-index: 1;
  5533. }
  5534. .tox .tox-tbtn:focus::after {
  5535. border-radius: 3px;
  5536. bottom: 0;
  5537. box-shadow: 0 0 0 2px #006ce7 ;
  5538. content: '';
  5539. left: 0;
  5540. position: absolute;
  5541. right: 0;
  5542. top: 0;
  5543. }
  5544. @media (forced-colors: active) {
  5545. .tox .tox-tbtn:focus::after {
  5546. border: 2px solid highlight;
  5547. }
  5548. }
  5549. .tox .tox-tbtn:hover {
  5550. background: #f0f0f0;
  5551. border: 0;
  5552. box-shadow: none;
  5553. color: #222f3e;
  5554. }
  5555. .tox .tox-tbtn:hover svg {
  5556. fill: #222f3e;
  5557. }
  5558. .tox .tox-tbtn:active {
  5559. background: #a6ccf7;
  5560. border: 0;
  5561. box-shadow: none;
  5562. color: #222f3e;
  5563. }
  5564. .tox .tox-tbtn:active svg {
  5565. fill: #222f3e;
  5566. }
  5567. .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
  5568. fill: rgba(34, 47, 62, 0.5);
  5569. }
  5570. .tox .tox-tbtn--disabled,
  5571. .tox .tox-tbtn--disabled:hover,
  5572. .tox .tox-tbtn:disabled,
  5573. .tox .tox-tbtn:disabled:hover {
  5574. background: #fff;
  5575. border: 0;
  5576. box-shadow: none;
  5577. color: rgba(34, 47, 62, 0.5);
  5578. cursor: not-allowed;
  5579. }
  5580. .tox .tox-tbtn--disabled svg,
  5581. .tox .tox-tbtn--disabled:hover svg,
  5582. .tox .tox-tbtn:disabled svg,
  5583. .tox .tox-tbtn:disabled:hover svg {
  5584. fill: rgba(34, 47, 62, 0.5);
  5585. }
  5586. .tox .tox-tbtn--active,
  5587. .tox .tox-tbtn--enabled,
  5588. .tox .tox-tbtn--enabled:hover,
  5589. .tox .tox-tbtn--enabled:focus {
  5590. background: #a6ccf7;
  5591. border: 0;
  5592. box-shadow: none;
  5593. color: #222f3e;
  5594. position: relative;
  5595. }
  5596. .tox .tox-tbtn--active > *,
  5597. .tox .tox-tbtn--enabled > *,
  5598. .tox .tox-tbtn--enabled:hover > *,
  5599. .tox .tox-tbtn--enabled:focus > * {
  5600. transform: none;
  5601. }
  5602. .tox .tox-tbtn--active svg,
  5603. .tox .tox-tbtn--enabled svg,
  5604. .tox .tox-tbtn--enabled:hover svg,
  5605. .tox .tox-tbtn--enabled:focus svg {
  5606. fill: #222f3e;
  5607. }
  5608. .tox .tox-tbtn--active.tox-tbtn--disabled svg,
  5609. .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
  5610. .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
  5611. .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
  5612. fill: rgba(34, 47, 62, 0.5);
  5613. }
  5614. .tox .tox-tbtn--enabled:focus::after {
  5615. border-radius: 3px;
  5616. bottom: 0;
  5617. box-shadow: 0 0 0 2px #006ce7 ;
  5618. content: '';
  5619. left: 0;
  5620. position: absolute;
  5621. right: 0;
  5622. top: 0;
  5623. }
  5624. @media (forced-colors: active) {
  5625. .tox .tox-tbtn--enabled:focus::after {
  5626. border: 2px solid highlight;
  5627. }
  5628. }
  5629. .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  5630. color: #222f3e;
  5631. }
  5632. .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  5633. fill: #222f3e;
  5634. }
  5635. .tox .tox-tbtn:active > * {
  5636. transform: none;
  5637. }
  5638. .tox .tox-tbtn--md {
  5639. height: 42px;
  5640. width: 51px;
  5641. }
  5642. .tox .tox-tbtn--lg {
  5643. flex-direction: column;
  5644. height: 56px;
  5645. width: 68px;
  5646. }
  5647. .tox .tox-tbtn--return {
  5648. align-self: stretch;
  5649. height: unset;
  5650. width: 16px;
  5651. }
  5652. .tox .tox-tbtn--labeled {
  5653. padding: 0 4px;
  5654. width: unset;
  5655. }
  5656. .tox .tox-tbtn__vlabel {
  5657. display: block;
  5658. font-size: 10px;
  5659. font-weight: normal;
  5660. letter-spacing: -0.025em;
  5661. margin-bottom: 4px;
  5662. white-space: nowrap;
  5663. }
  5664. .tox .tox-label--context-toolbar {
  5665. margin: 6px 1px 5px 0;
  5666. -webkit-touch-callout: none;
  5667. -webkit-user-select: none;
  5668. user-select: none;
  5669. }
  5670. .tox .tox-number-input {
  5671. background: #f7f7f7;
  5672. border-radius: 3px;
  5673. display: flex;
  5674. margin: 6px 1px 5px 0;
  5675. position: relative;
  5676. width: auto;
  5677. }
  5678. .tox .tox-number-input:focus {
  5679. background: #f7f7f7;
  5680. }
  5681. .tox .tox-number-input:focus::after {
  5682. border-radius: 3px;
  5683. bottom: 0;
  5684. box-shadow: 0 0 0 2px #006ce7 ;
  5685. content: '';
  5686. left: 0;
  5687. position: absolute;
  5688. right: 0;
  5689. top: 0;
  5690. }
  5691. @media (forced-colors: active) {
  5692. .tox .tox-number-input:focus::after {
  5693. border: 2px solid highlight;
  5694. }
  5695. }
  5696. .tox .tox-number-input .tox-input-wrapper {
  5697. display: flex;
  5698. pointer-events: none;
  5699. position: relative;
  5700. text-align: center;
  5701. }
  5702. .tox .tox-number-input .tox-input-wrapper:focus {
  5703. background-color: #f7f7f7;
  5704. z-index: 1;
  5705. }
  5706. .tox .tox-number-input .tox-input-wrapper:focus::after {
  5707. border-radius: 3px;
  5708. bottom: 0;
  5709. box-shadow: 0 0 0 2px #006ce7 ;
  5710. content: '';
  5711. left: 0;
  5712. position: absolute;
  5713. right: 0;
  5714. top: 0;
  5715. }
  5716. @media (forced-colors: active) {
  5717. .tox .tox-number-input .tox-input-wrapper:focus::after {
  5718. border: 2px solid highlight;
  5719. }
  5720. }
  5721. .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
  5722. border-radius: 3px;
  5723. bottom: 0;
  5724. box-shadow: 0 0 0 2px #006ce7 ;
  5725. content: '';
  5726. left: 0;
  5727. position: absolute;
  5728. right: 0;
  5729. top: 0;
  5730. }
  5731. @media (forced-colors: active) {
  5732. .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
  5733. border: 2px solid highlight;
  5734. }
  5735. }
  5736. .tox .tox-number-input input {
  5737. border-radius: 3px;
  5738. color: #222f3e;
  5739. font-size: 14px;
  5740. margin: 2px 0;
  5741. pointer-events: all;
  5742. position: relative;
  5743. width: 60px;
  5744. }
  5745. .tox .tox-number-input input:hover {
  5746. background: #f0f0f0;
  5747. color: #222f3e;
  5748. }
  5749. .tox .tox-number-input input:focus {
  5750. background-color: #f7f7f7;
  5751. }
  5752. .tox .tox-number-input input:disabled {
  5753. background: #fff;
  5754. border: 0;
  5755. box-shadow: none;
  5756. color: rgba(34, 47, 62, 0.5);
  5757. cursor: not-allowed;
  5758. }
  5759. .tox .tox-number-input button {
  5760. color: #222f3e;
  5761. height: 28px;
  5762. position: relative;
  5763. text-align: center;
  5764. width: 24px;
  5765. }
  5766. @media (forced-colors: active) {
  5767. .tox .tox-number-input button:hover,
  5768. .tox .tox-number-input button:focus,
  5769. .tox .tox-number-input button:active {
  5770. outline: 1px solid currentColor !important;
  5771. }
  5772. }
  5773. .tox .tox-number-input button svg {
  5774. display: block;
  5775. fill: #222f3e;
  5776. margin: 0 auto;
  5777. transform: scale(0.67);
  5778. }
  5779. @media (forced-colors: active) {
  5780. .tox .tox-number-input button svg,
  5781. .tox .tox-number-input button svg:active,
  5782. .tox .tox-number-input button svg:hover {
  5783. fill: currentColor !important;
  5784. }
  5785. .tox .tox-number-input button svg:disabled {
  5786. filter: contrast(0);
  5787. }
  5788. }
  5789. .tox .tox-number-input button:focus {
  5790. background: #f7f7f7;
  5791. z-index: 1;
  5792. }
  5793. .tox .tox-number-input button:focus::after {
  5794. border-radius: 3px;
  5795. bottom: 0;
  5796. box-shadow: 0 0 0 2px #006ce7 ;
  5797. content: '';
  5798. left: 0;
  5799. position: absolute;
  5800. right: 0;
  5801. top: 0;
  5802. }
  5803. @media (forced-colors: active) {
  5804. .tox .tox-number-input button:focus::after {
  5805. border: 2px solid highlight;
  5806. }
  5807. }
  5808. .tox .tox-number-input button:hover {
  5809. background: #f0f0f0;
  5810. border: 0;
  5811. box-shadow: none;
  5812. color: #222f3e;
  5813. }
  5814. .tox .tox-number-input button:hover svg {
  5815. fill: #222f3e;
  5816. }
  5817. .tox .tox-number-input button:active {
  5818. background: #a6ccf7;
  5819. border: 0;
  5820. box-shadow: none;
  5821. color: #222f3e;
  5822. }
  5823. .tox .tox-number-input button:active svg {
  5824. fill: #222f3e;
  5825. }
  5826. .tox .tox-number-input button:disabled {
  5827. background: #fff;
  5828. border: 0;
  5829. box-shadow: none;
  5830. color: rgba(34, 47, 62, 0.5);
  5831. cursor: not-allowed;
  5832. }
  5833. .tox .tox-number-input button:disabled svg {
  5834. fill: rgba(34, 47, 62, 0.5);
  5835. }
  5836. .tox .tox-number-input button.minus {
  5837. border-radius: 3px 0 0 3px;
  5838. }
  5839. .tox .tox-number-input button.plus {
  5840. border-radius: 0 3px 3px 0;
  5841. }
  5842. .tox .tox-number-input:focus:not(:active) > button,
  5843. .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
  5844. background: #f7f7f7;
  5845. }
  5846. .tox .tox-tbtn--select {
  5847. margin: 6px 1px 5px 0;
  5848. padding: 0 4px;
  5849. width: auto;
  5850. }
  5851. .tox .tox-tbtn--bordered,
  5852. .tox .tox-tbtn--bordered:focus,
  5853. .tox .tox-tbtn--bordered:hover {
  5854. border: 1px solid #eeeeee;
  5855. }
  5856. .tox .tox-tbtn__select-label {
  5857. cursor: default;
  5858. font-weight: normal;
  5859. height: initial;
  5860. margin: 0 4px;
  5861. overflow: hidden;
  5862. text-overflow: ellipsis;
  5863. white-space: nowrap;
  5864. }
  5865. .tox .tox-tbtn__select-chevron {
  5866. align-items: center;
  5867. display: flex;
  5868. justify-content: center;
  5869. width: 16px;
  5870. }
  5871. .tox .tox-tbtn__select-chevron svg {
  5872. fill: rgba(34, 47, 62, 0.5);
  5873. }
  5874. @media (forced-colors: active) {
  5875. .tox .tox-tbtn__select-chevron svg {
  5876. fill: currentColor;
  5877. }
  5878. }
  5879. .tox .tox-tbtn--bespoke {
  5880. background: #f7f7f7;
  5881. }
  5882. .tox .tox-tbtn--bespoke:focus {
  5883. background: #f7f7f7;
  5884. }
  5885. .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
  5886. margin-inline-start: 4px;
  5887. }
  5888. .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  5889. overflow: hidden;
  5890. text-overflow: ellipsis;
  5891. white-space: nowrap;
  5892. width: 7em;
  5893. }
  5894. .tox .tox-tbtn--disabled .tox-tbtn__select-label,
  5895. .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
  5896. cursor: not-allowed;
  5897. }
  5898. .tox .tox-split-button__main {
  5899. border-radius: 3px 0 0 3px;
  5900. margin-right: 0;
  5901. }
  5902. .tox .tox-split-button__main:focus {
  5903. border: 0;
  5904. box-shadow: none;
  5905. background: #fff;
  5906. color: #222f3e;
  5907. position: relative;
  5908. z-index: 1;
  5909. }
  5910. .tox .tox-split-button__main:focus::after {
  5911. border-radius: 3px;
  5912. bottom: 0;
  5913. box-shadow: 0 0 0 2px #006ce7 ;
  5914. content: '';
  5915. left: 0;
  5916. position: absolute;
  5917. right: 0;
  5918. top: 0;
  5919. border-radius: 3px 0 0 3px;
  5920. }
  5921. @media (forced-colors: active) {
  5922. .tox .tox-split-button__main:focus::after {
  5923. border: 2px solid highlight;
  5924. }
  5925. }
  5926. .tox .tox-split-button__chevron {
  5927. width: 16px;
  5928. border-radius: 0 3px 3px 0;
  5929. margin-left: 0;
  5930. }
  5931. .tox .tox-split-button__chevron:focus {
  5932. border: 0;
  5933. box-shadow: none;
  5934. background: #fff;
  5935. color: #222f3e;
  5936. position: relative;
  5937. z-index: 1;
  5938. }
  5939. .tox .tox-split-button__chevron:focus::after {
  5940. border-radius: 3px;
  5941. bottom: 0;
  5942. box-shadow: 0 0 0 2px #006ce7 ;
  5943. content: '';
  5944. left: 0;
  5945. position: absolute;
  5946. right: 0;
  5947. top: 0;
  5948. border-radius: 0 3px 3px 0;
  5949. }
  5950. @media (forced-colors: active) {
  5951. .tox .tox-split-button__chevron:focus::after {
  5952. border: 2px solid highlight;
  5953. }
  5954. }
  5955. .tox .tox-split-button__chevron svg {
  5956. fill: rgba(34, 47, 62, 0.5);
  5957. }
  5958. @media (forced-colors: active) {
  5959. .tox .tox-split-button__chevron svg {
  5960. fill: currentColor;
  5961. }
  5962. }
  5963. .tox.tox-platform-touch .tox-split-button__main {
  5964. width: 30px;
  5965. }
  5966. .tox.tox-platform-touch .tox-split-button__chevron {
  5967. width: 20px;
  5968. }
  5969. .tox .tox-split-button__main.tox-tbtn--disabled,
  5970. .tox .tox-split-button__chevron.tox-tbtn--disabled {
  5971. background: #fff;
  5972. box-shadow: none;
  5973. color: rgba(34, 47, 62, 0.5);
  5974. }
  5975. .tox .tox-split-button__main.tox-tbtn--disabled:hover,
  5976. .tox .tox-split-button__chevron.tox-tbtn--disabled:hover {
  5977. background: #fff;
  5978. box-shadow: none;
  5979. color: rgba(34, 47, 62, 0.5);
  5980. }
  5981. .tox .tox-split-button__main.tox-tbtn--disabled:focus,
  5982. .tox .tox-split-button__chevron.tox-tbtn--disabled:focus {
  5983. background: #fff;
  5984. box-shadow: none;
  5985. color: rgba(34, 47, 62, 0.5);
  5986. }
  5987. .tox .tox-split-button__main.tox-tbtn--disabled svg .tox-icon-text-color__color,
  5988. .tox .tox-split-button__main.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
  5989. opacity: 0.3;
  5990. }
  5991. .tox .tox-toolbar-overlord {
  5992. background-color: #fff;
  5993. }
  5994. .tox .tox-toolbar,
  5995. .tox .tox-toolbar__primary,
  5996. .tox .tox-toolbar__overflow {
  5997. background-attachment: local;
  5998. background-color: #fff;
  5999. background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
  6000. background-position: center top 40px;
  6001. background-repeat: no-repeat;
  6002. background-size: calc(100% - 11px * 2) calc(100% - 41px);
  6003. display: flex;
  6004. flex: 0 0 auto;
  6005. flex-shrink: 0;
  6006. flex-wrap: wrap;
  6007. padding: 0 0px;
  6008. transform: perspective(1px);
  6009. }
  6010. .tox .tox-toolbar-overlord > .tox-toolbar,
  6011. .tox .tox-toolbar-overlord > .tox-toolbar__primary,
  6012. .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
  6013. background-position: center top 0px;
  6014. background-size: calc(100% - 11px * 2) calc(100% - 0px);
  6015. }
  6016. .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  6017. height: 0;
  6018. opacity: 0;
  6019. padding-bottom: 0;
  6020. padding-top: 0;
  6021. visibility: hidden;
  6022. }
  6023. .tox .tox-toolbar__overflow--growing {
  6024. transition: height 0.3s ease, opacity 0.2s linear 0.1s;
  6025. }
  6026. .tox .tox-toolbar__overflow--shrinking {
  6027. transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
  6028. }
  6029. .tox .tox-toolbar-overlord,
  6030. .tox .tox-anchorbar {
  6031. grid-column: 1 / -1;
  6032. }
  6033. .tox .tox-menubar + .tox-toolbar,
  6034. .tox .tox-menubar + .tox-toolbar-overlord {
  6035. border-top: 1px solid transparent;
  6036. margin-top: -1px;
  6037. padding-bottom: 1px;
  6038. padding-top: 1px;
  6039. }
  6040. @media (forced-colors: active) {
  6041. .tox .tox-menubar + .tox-toolbar,
  6042. .tox .tox-menubar + .tox-toolbar-overlord {
  6043. outline: 1px solid currentColor;
  6044. }
  6045. }
  6046. .tox .tox-toolbar--scrolling {
  6047. flex-wrap: nowrap;
  6048. overflow-x: auto;
  6049. }
  6050. .tox .tox-pop .tox-toolbar {
  6051. border-width: 0;
  6052. }
  6053. .tox .tox-toolbar--no-divider {
  6054. background-image: none;
  6055. }
  6056. .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
  6057. .tox .tox-toolbar-overlord .tox-toolbar__primary {
  6058. background-position: center top 39px;
  6059. }
  6060. .tox .tox-editor-header > .tox-toolbar--scrolling,
  6061. .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
  6062. background-image: none;
  6063. }
  6064. .tox .tox-focusable-wrapper {
  6065. border: 1px solid transparent;
  6066. margin-right: 2px;
  6067. pointer-events: none;
  6068. }
  6069. .tox .tox-focusable-wrapper .tox-textfield-size {
  6070. pointer-events: all;
  6071. }
  6072. .tox .tox-focusable-wrapper:focus {
  6073. background-color: #f7f7f7;
  6074. border-radius: 6px;
  6075. border-style: solid;
  6076. border-width: 1px;
  6077. }
  6078. .tox.tox-tinymce-aux .tox-toolbar__overflow {
  6079. background-color: #fff;
  6080. background-position: center top 43px;
  6081. background-size: calc(100% - 8px * 2) calc(100% - 51px);
  6082. border: none;
  6083. border-radius: 6px;
  6084. box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  6085. overscroll-behavior: none;
  6086. padding: 4px 0;
  6087. }
  6088. @media (forced-colors: active) {
  6089. .tox.tox-tinymce-aux .tox-toolbar__overflow {
  6090. border: solid;
  6091. }
  6092. }
  6093. .tox-pop .tox-pop__dialog .tox-toolbar {
  6094. background-position: center top 43px;
  6095. background-size: calc(100% - 11px * 2) calc(100% - 51px);
  6096. padding: 4px 0;
  6097. }
  6098. .tox-context-form__group {
  6099. display: flex;
  6100. align-items: center;
  6101. }
  6102. .tox .tox-toolbar__group {
  6103. align-items: center;
  6104. display: flex;
  6105. flex-wrap: wrap;
  6106. margin: 0 0;
  6107. padding: 0 11px 0 12px;
  6108. }
  6109. .tox .tox-toolbar__group--pull-right {
  6110. margin-left: auto;
  6111. }
  6112. .tox .tox-toolbar--scrolling .tox-toolbar__group {
  6113. flex-shrink: 0;
  6114. flex-wrap: nowrap;
  6115. }
  6116. .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  6117. border-right: 1px solid transparent;
  6118. }
  6119. .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  6120. border-left: 1px solid transparent;
  6121. }
  6122. .tox .tox-toolbar-input-form {
  6123. display: flex;
  6124. align-items: center;
  6125. background-color: var(--tox-private-background-color, #fff);
  6126. padding: 0 var(--tox-private-pad-sm, 8px);
  6127. }
  6128. .tox .tox-tooltip {
  6129. display: inline-block;
  6130. max-width: min(80%, 15em);
  6131. padding: 8px 0 0 0;
  6132. position: relative;
  6133. width: max-content;
  6134. z-index: 1150;
  6135. }
  6136. .tox .tox-tooltip.tox-tooltip--anchor {
  6137. display: none;
  6138. padding: var(--tox-private-pad-xs, 4px) 0 0;
  6139. position: fixed;
  6140. position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
  6141. height: fit-content;
  6142. }
  6143. .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--up {
  6144. position-area: block-end;
  6145. }
  6146. .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--down {
  6147. position-area: block-start;
  6148. }
  6149. .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--left {
  6150. position-area: inline-start;
  6151. }
  6152. .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--right {
  6153. position-area: inline-end;
  6154. }
  6155. .tox .tox-tooltip__body {
  6156. background-color: #222f3e;
  6157. border-radius: 6px;
  6158. box-shadow: none;
  6159. color: #fff;
  6160. font-size: 12px;
  6161. font-style: normal;
  6162. font-weight: 600;
  6163. overflow-wrap: break-word;
  6164. padding: 4px 6px;
  6165. text-transform: none;
  6166. }
  6167. @media (forced-colors: active) {
  6168. .tox .tox-tooltip__body {
  6169. outline: outset 1px;
  6170. }
  6171. }
  6172. .tox .tox-tooltip__arrow {
  6173. position: absolute;
  6174. }
  6175. .tox .tox-tooltip--down .tox-tooltip__arrow {
  6176. border-left: 8px solid transparent;
  6177. border-right: 8px solid transparent;
  6178. border-top: 8px solid #222f3e;
  6179. bottom: 0;
  6180. left: 50%;
  6181. position: absolute;
  6182. transform: translateX(-50%);
  6183. }
  6184. .tox .tox-tooltip--up .tox-tooltip__arrow {
  6185. border-bottom: 8px solid #222f3e;
  6186. border-left: 8px solid transparent;
  6187. border-right: 8px solid transparent;
  6188. left: 50%;
  6189. position: absolute;
  6190. top: 0;
  6191. transform: translateX(-50%);
  6192. }
  6193. .tox .tox-tooltip--right .tox-tooltip__arrow {
  6194. border-bottom: 8px solid transparent;
  6195. border-left: 8px solid #222f3e;
  6196. border-top: 8px solid transparent;
  6197. position: absolute;
  6198. right: 0;
  6199. top: 50%;
  6200. transform: translateY(-50%);
  6201. }
  6202. .tox .tox-tooltip--left .tox-tooltip__arrow {
  6203. border-bottom: 8px solid transparent;
  6204. border-right: 8px solid #222f3e;
  6205. border-top: 8px solid transparent;
  6206. left: 0;
  6207. position: absolute;
  6208. top: 50%;
  6209. transform: translateY(-50%);
  6210. }
  6211. .tox .tox-tree {
  6212. display: flex;
  6213. flex-direction: column;
  6214. }
  6215. .tox .tox-tree .tox-trbtn {
  6216. align-items: center;
  6217. background: transparent;
  6218. border: 0;
  6219. border-radius: 4px;
  6220. box-shadow: none;
  6221. color: #222f3e;
  6222. display: flex;
  6223. flex: 0 0 auto;
  6224. font-size: 14px;
  6225. font-style: normal;
  6226. font-weight: normal;
  6227. height: 28px;
  6228. margin-bottom: 4px;
  6229. margin-top: 4px;
  6230. outline: none;
  6231. overflow: hidden;
  6232. padding: 0;
  6233. padding-left: 8px;
  6234. text-transform: none;
  6235. }
  6236. .tox .tox-tree .tox-trbtn .tox-tree__label {
  6237. cursor: default;
  6238. overflow: hidden;
  6239. text-overflow: ellipsis;
  6240. white-space: nowrap;
  6241. }
  6242. .tox .tox-tree .tox-trbtn svg {
  6243. display: block;
  6244. fill: #222f3e;
  6245. }
  6246. .tox .tox-tree .tox-trbtn:focus {
  6247. background: #f0f0f0;
  6248. border: 0;
  6249. box-shadow: none;
  6250. }
  6251. .tox .tox-tree .tox-trbtn:hover {
  6252. background: #f0f0f0;
  6253. border: 0;
  6254. box-shadow: none;
  6255. color: #222f3e;
  6256. }
  6257. .tox .tox-tree .tox-trbtn:hover svg {
  6258. fill: #222f3e;
  6259. }
  6260. .tox .tox-tree .tox-trbtn:active {
  6261. background: #a6ccf7;
  6262. border: 0;
  6263. box-shadow: none;
  6264. color: #222f3e;
  6265. }
  6266. .tox .tox-tree .tox-trbtn:active svg {
  6267. fill: #222f3e;
  6268. }
  6269. .tox .tox-tree .tox-trbtn--disabled,
  6270. .tox .tox-tree .tox-trbtn--disabled:hover,
  6271. .tox .tox-tree .tox-trbtn:disabled,
  6272. .tox .tox-tree .tox-trbtn:disabled:hover {
  6273. background: transparent;
  6274. border: 0;
  6275. box-shadow: none;
  6276. color: rgba(34, 47, 62, 0.5);
  6277. cursor: not-allowed;
  6278. }
  6279. .tox .tox-tree .tox-trbtn--disabled svg,
  6280. .tox .tox-tree .tox-trbtn--disabled:hover svg,
  6281. .tox .tox-tree .tox-trbtn:disabled svg,
  6282. .tox .tox-tree .tox-trbtn:disabled:hover svg {
  6283. fill: rgba(34, 47, 62, 0.5);
  6284. }
  6285. .tox .tox-tree .tox-trbtn--enabled,
  6286. .tox .tox-tree .tox-trbtn--enabled:hover {
  6287. background: #a6ccf7;
  6288. border: 0;
  6289. box-shadow: none;
  6290. color: #222f3e;
  6291. }
  6292. .tox .tox-tree .tox-trbtn--enabled > *,
  6293. .tox .tox-tree .tox-trbtn--enabled:hover > * {
  6294. transform: none;
  6295. }
  6296. .tox .tox-tree .tox-trbtn--enabled svg,
  6297. .tox .tox-tree .tox-trbtn--enabled:hover svg {
  6298. fill: #222f3e;
  6299. }
  6300. .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
  6301. color: #222f3e;
  6302. }
  6303. .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
  6304. fill: #222f3e;
  6305. }
  6306. .tox .tox-tree .tox-trbtn:active > * {
  6307. transform: none;
  6308. }
  6309. .tox .tox-tree .tox-trbtn--return {
  6310. align-self: stretch;
  6311. height: unset;
  6312. width: 16px;
  6313. }
  6314. .tox .tox-tree .tox-trbtn--labeled {
  6315. padding: 0 4px;
  6316. width: unset;
  6317. }
  6318. .tox .tox-tree .tox-trbtn__vlabel {
  6319. display: block;
  6320. font-size: 10px;
  6321. font-weight: normal;
  6322. letter-spacing: -0.025em;
  6323. margin-bottom: 4px;
  6324. white-space: nowrap;
  6325. }
  6326. .tox .tox-tree .tox-tree--directory {
  6327. display: flex;
  6328. flex-direction: column;
  6329. }
  6330. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
  6331. font-weight: bold;
  6332. }
  6333. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
  6334. margin-left: auto;
  6335. }
  6336. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
  6337. fill: transparent;
  6338. }
  6339. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
  6340. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
  6341. fill: #222f3e;
  6342. }
  6343. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
  6344. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
  6345. fill: #222f3e;
  6346. }
  6347. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
  6348. background-color: transparent;
  6349. color: #222f3e;
  6350. }
  6351. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
  6352. fill: #222f3e;
  6353. }
  6354. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
  6355. margin-right: 6px;
  6356. }
  6357. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
  6358. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
  6359. transition: transform 0.5s ease-in-out;
  6360. }
  6361. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
  6362. .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
  6363. transform: rotate(90deg);
  6364. }
  6365. .tox .tox-tree .tox-tree--leaf__label {
  6366. font-weight: normal;
  6367. }
  6368. .tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
  6369. margin-left: auto;
  6370. }
  6371. .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
  6372. fill: transparent;
  6373. }
  6374. .tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
  6375. .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
  6376. fill: #222f3e;
  6377. }
  6378. .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
  6379. fill: #222f3e;
  6380. }
  6381. .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
  6382. background-color: transparent;
  6383. color: #222f3e;
  6384. }
  6385. .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
  6386. fill: #222f3e;
  6387. }
  6388. .tox .tox-tree .tox-icon-custom-state {
  6389. flex-grow: 1;
  6390. display: flex;
  6391. justify-content: flex-end;
  6392. }
  6393. .tox .tox-tree .tox-tree--directory__children {
  6394. overflow: hidden;
  6395. padding-left: 16px;
  6396. }
  6397. .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
  6398. .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
  6399. transition: height 0.5s ease-in-out;
  6400. }
  6401. .tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
  6402. display: flex;
  6403. justify-content: space-between;
  6404. }
  6405. [data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
  6406. fill: #c00;
  6407. stroke: #c00;
  6408. }
  6409. .tox .tox-view-wrap,
  6410. .tox .tox-view-wrap__slot-container {
  6411. background-color: #fff;
  6412. display: flex;
  6413. flex: 1;
  6414. flex-direction: column;
  6415. height: 100%;
  6416. }
  6417. .tox .tox-view {
  6418. display: flex;
  6419. flex: 1 1 auto;
  6420. flex-direction: column;
  6421. overflow: hidden;
  6422. background-color: #fff;
  6423. }
  6424. .tox .tox-view__header {
  6425. align-items: center;
  6426. display: flex;
  6427. font-size: 16px;
  6428. justify-content: space-between;
  6429. padding: 10px;
  6430. position: relative;
  6431. }
  6432. .tox .tox-view__label {
  6433. color: #222f3e;
  6434. font-weight: bold;
  6435. line-height: 24px;
  6436. padding: 4px 16px;
  6437. text-align: center;
  6438. white-space: nowrap;
  6439. }
  6440. .tox .tox-view__label--normal {
  6441. font-size: 16px;
  6442. }
  6443. .tox .tox-view__label--large {
  6444. font-size: 20px;
  6445. }
  6446. .tox .tox-view--mobile.tox-view__header,
  6447. .tox .tox-view--mobile.tox-view__toolbar {
  6448. padding: 8px;
  6449. }
  6450. .tox .tox-view--scrolling {
  6451. flex-wrap: nowrap;
  6452. overflow-x: auto;
  6453. }
  6454. .tox .tox-view__align-right {
  6455. margin-left: auto;
  6456. }
  6457. .tox .tox-view__toolbar {
  6458. display: flex;
  6459. flex-direction: row;
  6460. gap: 8px;
  6461. justify-content: space-between;
  6462. overflow-x: auto;
  6463. padding: 10px;
  6464. }
  6465. .tox .tox-view__toolbar__group {
  6466. display: flex;
  6467. flex-direction: row;
  6468. gap: 12px;
  6469. }
  6470. .tox .tox-view__header-start,
  6471. .tox .tox-view__header-end {
  6472. display: flex;
  6473. }
  6474. .tox .tox-view__pane {
  6475. height: 100%;
  6476. padding: 8px;
  6477. position: relative;
  6478. width: 100%;
  6479. }
  6480. .tox .tox-view__pane_panel {
  6481. border: 1px solid #eeeeee;
  6482. border-radius: 6px;
  6483. }
  6484. .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
  6485. .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
  6486. margin-left: 8px;
  6487. }
  6488. .tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
  6489. .tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
  6490. margin-right: 8px;
  6491. }
  6492. .tox .tox-well {
  6493. border: 1px solid #eeeeee;
  6494. border-radius: 6px;
  6495. padding: 8px;
  6496. width: 100%;
  6497. }
  6498. .tox .tox-well > *:first-child {
  6499. margin-top: 0;
  6500. }
  6501. .tox .tox-well > *:last-child {
  6502. margin-bottom: 0;
  6503. }
  6504. .tox .tox-well > *:only-child {
  6505. margin: 0;
  6506. }
  6507. .tox .tox-custom-editor {
  6508. border: 1px solid #eeeeee;
  6509. border-radius: 6px;
  6510. display: flex;
  6511. flex: 1;
  6512. overflow: hidden;
  6513. position: relative;
  6514. }
  6515. .tox .tox-view .tox-revisionhistory__pane {
  6516. padding: 0;
  6517. /* Override the default padding of tox-view__pane */
  6518. }
  6519. .tox .tox-revisionhistory__container {
  6520. display: flex;
  6521. flex-direction: column;
  6522. height: 100%;
  6523. }
  6524. .tox .tox-revisionhistory {
  6525. background-color: #fff;
  6526. border-top: 1px solid #f0f0f0;
  6527. display: flex;
  6528. flex: 1;
  6529. height: 100%;
  6530. overflow-x: auto;
  6531. overflow-y: hidden;
  6532. position: relative;
  6533. width: 100%;
  6534. }
  6535. .tox .tox-revisionhistory__iframe {
  6536. flex: 1;
  6537. }
  6538. .tox .tox-revisionhistory__sidebar {
  6539. display: flex;
  6540. flex-direction: column;
  6541. height: 100%;
  6542. min-width: 248px;
  6543. width: 316px;
  6544. }
  6545. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
  6546. background-color: #fff;
  6547. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6548. color: #222f3e;
  6549. font-size: 20px;
  6550. font-weight: 400;
  6551. line-height: 28px;
  6552. padding: 12px;
  6553. z-index: 1;
  6554. }
  6555. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
  6556. background-color: #f0f0f0;
  6557. display: flex;
  6558. flex: 1;
  6559. flex-direction: column;
  6560. gap: 12px;
  6561. overflow-y: auto;
  6562. padding: 10px 12px;
  6563. }
  6564. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
  6565. height: 100%;
  6566. position: relative;
  6567. z-index: 1;
  6568. }
  6569. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
  6570. border-radius: 3px;
  6571. bottom: 0;
  6572. box-shadow: 0 0 0 2px #006ce7 ;
  6573. content: '';
  6574. left: 0;
  6575. position: absolute;
  6576. right: 0;
  6577. top: 0;
  6578. border-radius: 6px;
  6579. bottom: 1px;
  6580. left: 1px;
  6581. right: 1px;
  6582. top: 1px;
  6583. }
  6584. @media (forced-colors: active) {
  6585. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
  6586. border: 2px solid highlight;
  6587. }
  6588. }
  6589. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
  6590. background-color: #fff;
  6591. border: 1px solid #f0f0f0;
  6592. border-radius: 6px;
  6593. color: #222f3e;
  6594. cursor: pointer;
  6595. display: flex;
  6596. flex-direction: column;
  6597. font-size: 14px;
  6598. padding: 12px;
  6599. width: 100%;
  6600. }
  6601. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
  6602. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6603. }
  6604. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
  6605. position: relative;
  6606. z-index: 1;
  6607. }
  6608. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
  6609. border-radius: 3px;
  6610. bottom: 0;
  6611. box-shadow: 0 0 0 2px #006ce7 #006ce7;
  6612. content: '';
  6613. left: 0;
  6614. position: absolute;
  6615. right: 0;
  6616. top: 0;
  6617. border-radius: 6px;
  6618. box-shadow: 0 0 0 2px #006ce7;
  6619. box-shadow: 0 0 0 2px #006ce7 !important;
  6620. }
  6621. @media (forced-colors: active) {
  6622. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
  6623. border: 2px solid highlight;
  6624. }
  6625. }
  6626. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
  6627. background-color: #fff5cc;
  6628. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6629. position: relative;
  6630. }
  6631. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
  6632. border-radius: 3px;
  6633. bottom: 0;
  6634. box-shadow: 0 0 0 2px #006ce7 #e3b82a;
  6635. content: '';
  6636. left: 0;
  6637. position: absolute;
  6638. right: 0;
  6639. top: 0;
  6640. border-radius: 6px;
  6641. box-shadow: 0 0 0 2px #e3b82a;
  6642. }
  6643. @media (forced-colors: active) {
  6644. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
  6645. border: 2px solid highlight;
  6646. }
  6647. }
  6648. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
  6649. display: block;
  6650. width: min-content;
  6651. padding: 4px 8px;
  6652. margin-bottom: 8px;
  6653. font-size: 12px;
  6654. font-weight: bold;
  6655. border-radius: 4px;
  6656. background: #d3d5d8;
  6657. }
  6658. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-content {
  6659. display: flex;
  6660. flex-direction: row;
  6661. gap: 8px;
  6662. align-items: center;
  6663. }
  6664. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-info {
  6665. display: flex;
  6666. flex-direction: column;
  6667. flex: 1;
  6668. }
  6669. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
  6670. font-size: 14px;
  6671. font-weight: bold;
  6672. line-height: 18px;
  6673. }
  6674. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
  6675. overflow: hidden;
  6676. text-overflow: ellipsis;
  6677. white-space: nowrap;
  6678. font-size: 12px;
  6679. font-weight: normal;
  6680. }
  6681. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
  6682. border-radius: 50%;
  6683. height: 36px;
  6684. object-fit: cover;
  6685. vertical-align: middle;
  6686. width: 36px;
  6687. }
  6688. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
  6689. color: rgba(34, 47, 62, 0.7);
  6690. font-size: 16px;
  6691. line-height: 24px;
  6692. padding: 5px 5.5px;
  6693. }
  6694. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
  6695. color: #222f3e;
  6696. height: 24px;
  6697. }
  6698. .tox .tox-card {
  6699. background-color: #fff;
  6700. border-radius: 6px;
  6701. display: flex;
  6702. flex-direction: column;
  6703. gap: 12px;
  6704. cursor: pointer;
  6705. transition: box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
  6706. border: 2px solid transparent;
  6707. }
  6708. .tox .tox-card:hover {
  6709. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6710. }
  6711. .tox .tox-card--selected {
  6712. border-color: #006ce7;
  6713. }
  6714. .tox .tox-card:focus-visible {
  6715. outline: none;
  6716. box-shadow: 0 0 0 2px #006ce7;
  6717. border-color: transparent;
  6718. }
  6719. .tox .tox-card--has-decision {
  6720. background-color: #f0f0f0;
  6721. }
  6722. .tox .tox-card--has-decision:not(.tox-card--selected) {
  6723. border-width: 1px;
  6724. border-color: rgba(34, 47, 62, 0.7);
  6725. }
  6726. .tox .tox-card--has-decision .tox-card__header {
  6727. font-size: 12px;
  6728. }
  6729. .tox .tox-card--has-decision .tox-card__body {
  6730. color: rgba(34, 47, 62, 0.7);
  6731. }
  6732. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline {
  6733. border-color: #e0e0e0;
  6734. }
  6735. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:hover:not(:disabled),
  6736. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:focus:not(:disabled) {
  6737. background-color: #e0e0e0;
  6738. border-color: #d1d1d1;
  6739. }
  6740. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:active:not(:disabled) {
  6741. background-color: #d1d1d1;
  6742. border-color: #d1d1d1;
  6743. }
  6744. .tox .tox-card__header {
  6745. padding: 12px;
  6746. padding-bottom: 0;
  6747. color: #222f3e;
  6748. font-size: 16px;
  6749. font-weight: bold;
  6750. text-transform: uppercase;
  6751. display: flex;
  6752. flex-direction: column;
  6753. gap: 12px;
  6754. }
  6755. .tox .tox-card__header-label {
  6756. font-size: 12px;
  6757. font-weight: bold;
  6758. text-transform: uppercase;
  6759. color: #222f3e;
  6760. }
  6761. .tox .tox-card__body {
  6762. padding: 12px 12px 0 12px;
  6763. color: #222f3e;
  6764. font-size: 16px;
  6765. }
  6766. .tox .tox-card__body .tox-expandable-box {
  6767. border: none;
  6768. padding: 0;
  6769. gap: 12px;
  6770. }
  6771. .tox .tox-card--has-decision .tox .tox-card__body {
  6772. padding: 0 12px 0 12px;
  6773. }
  6774. .tox .tox-card__highlight {
  6775. padding: 4px 6px;
  6776. border-bottom: 2px solid #006ce7;
  6777. }
  6778. .tox .tox-card__highlight--added {
  6779. background-color: #e4eeda;
  6780. }
  6781. .tox .tox-card__highlight--deleted {
  6782. background-color: #f5cccc;
  6783. }
  6784. .tox .tox-card__highlight--modified {
  6785. background-color: #cce2fa;
  6786. }
  6787. .tox .tox-card__actions {
  6788. display: flex;
  6789. gap: 8px;
  6790. padding: 0 12px 12px;
  6791. }
  6792. .tox .tox-card__actions--space-between {
  6793. justify-content: space-between;
  6794. }
  6795. .tox .tox-card__actions--flex-start {
  6796. justify-content: flex-start;
  6797. }
  6798. .tox .tox-card__actions .tox-button,
  6799. .tox .tox-card__actions .tox-button--icon,
  6800. .tox .tox-card__actions .tox-button:has(.tox-icon:only-child) {
  6801. padding: 4px 16px;
  6802. }
  6803. .tox .tox-card.tox-skeleton {
  6804. cursor: default;
  6805. pointer-events: none;
  6806. box-shadow: none;
  6807. }
  6808. .tox .tox-card.tox-skeleton:hover {
  6809. box-shadow: none;
  6810. }
  6811. .tox .tox-card.tox-skeleton .tox-skeleton__line {
  6812. border-radius: 6px;
  6813. margin: 0;
  6814. }
  6815. .tox .tox-card.tox-skeleton .tox-card__body {
  6816. display: flex;
  6817. flex-direction: column;
  6818. gap: 4px;
  6819. }
  6820. .tox .tox-card-list {
  6821. display: flex;
  6822. flex-direction: column;
  6823. gap: 12px;
  6824. }
  6825. .tox .tox-card-list:focus {
  6826. outline: none;
  6827. }
  6828. .tox [data-mce-name="suggestededits"] .tox-icon .tox-icon--badge {
  6829. fill: #006ce7;
  6830. }
  6831. .tox .tox-view .tox-suggestededits__pane {
  6832. padding: 0;
  6833. /* Override the default padding of tox-view__pane */
  6834. }
  6835. .tox .tox-suggestededits__sink {
  6836. position: relative;
  6837. z-index: 1000;
  6838. }
  6839. .tox .tox-suggestededits__sink .tox-tiered-menu .tox-collection--list {
  6840. position: absolute;
  6841. }
  6842. .tox .tox-suggestededits__container {
  6843. height: 100%;
  6844. /* TINY-12393: Improve height calculation */
  6845. display: flex;
  6846. flex-direction: column;
  6847. }
  6848. .tox .tox-suggestededits__container .tox-suggestededits {
  6849. background-color: #fff;
  6850. border-top: 1px solid #eeeeee;
  6851. display: flex;
  6852. flex: 1;
  6853. height: inherit;
  6854. overflow-x: auto;
  6855. overflow-y: hidden;
  6856. position: relative;
  6857. }
  6858. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__content {
  6859. flex: 1;
  6860. }
  6861. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__model {
  6862. height: 100%;
  6863. position: relative;
  6864. }
  6865. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__model .tox-suggestededits__iframe {
  6866. height: 100%;
  6867. width: 100%;
  6868. overflow: scroll;
  6869. background-color: #fff;
  6870. }
  6871. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar {
  6872. background-color: #f0f0f0;
  6873. display: flex;
  6874. flex-direction: column;
  6875. flex: 0 1 auto;
  6876. min-width: 248px;
  6877. width: 316px;
  6878. }
  6879. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-header {
  6880. padding: 4px 12px;
  6881. }
  6882. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content {
  6883. display: flex;
  6884. flex: 1;
  6885. flex-direction: column;
  6886. gap: 12px;
  6887. overflow: auto;
  6888. padding: 6px 12px 12px 12px;
  6889. position: relative;
  6890. }
  6891. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card {
  6892. background-color: #fff;
  6893. border-radius: 6px;
  6894. padding: 6px;
  6895. }
  6896. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--divider {
  6897. background-color: #f0f0f0;
  6898. height: 1px;
  6899. width: 100%;
  6900. }
  6901. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--single,
  6902. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--editor {
  6903. align-items: flex-start;
  6904. align-self: stretch;
  6905. display: flex;
  6906. flex-direction: column;
  6907. gap: 6px;
  6908. padding: 6px;
  6909. }
  6910. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header {
  6911. display: flex;
  6912. flex: auto;
  6913. justify-content: space-between;
  6914. align-items: center;
  6915. gap: 8px;
  6916. width: 100%;
  6917. }
  6918. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user {
  6919. display: flex;
  6920. align-items: center;
  6921. flex: 1 0 0;
  6922. gap: 8px;
  6923. }
  6924. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--avatar {
  6925. height: 24px;
  6926. width: 24px;
  6927. }
  6928. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--avatar .tox-skeleton__circle,
  6929. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--avatar img {
  6930. height: 24px;
  6931. width: 24px;
  6932. }
  6933. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--details {
  6934. display: flex;
  6935. flex-direction: column;
  6936. justify-content: center;
  6937. align-items: flex-start;
  6938. }
  6939. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--details .tox-suggestededits__card--name {
  6940. color: #222f3e;
  6941. }
  6942. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user {
  6943. display: flex;
  6944. align-items: center;
  6945. flex: 1 0 0;
  6946. gap: 8px;
  6947. }
  6948. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--avatar {
  6949. height: 36px;
  6950. width: 36px;
  6951. }
  6952. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--details {
  6953. display: flex;
  6954. flex-direction: column;
  6955. justify-content: center;
  6956. align-items: flex-start;
  6957. }
  6958. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--details .tox-suggestededits__card--name {
  6959. color: #222f3e;
  6960. font-size: 14px;
  6961. font-weight: bold;
  6962. }
  6963. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--details .tox-suggestededits__card--timestamp {
  6964. color: #222f3e;
  6965. font-size: 12px;
  6966. line-height: 18px;
  6967. }
  6968. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution {
  6969. align-items: center;
  6970. border: 0;
  6971. border-radius: 20px;
  6972. height: 20px;
  6973. width: 20px;
  6974. display: flex;
  6975. flex: 0 0 auto;
  6976. justify-content: center;
  6977. text-align: center;
  6978. }
  6979. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution.tox-suggestededits__resolution--accepted .tox-icon svg {
  6980. fill: #78AB46;
  6981. }
  6982. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution.tox-suggestededits__resolution--rejected .tox-icon svg {
  6983. fill: #c00;
  6984. }
  6985. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content {
  6986. display: flex;
  6987. flex-direction: column;
  6988. align-self: stretch;
  6989. flex: auto;
  6990. gap: 6px;
  6991. width: 100%;
  6992. }
  6993. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations {
  6994. display: flex;
  6995. gap: 8px;
  6996. }
  6997. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar {
  6998. align-items: center;
  6999. border-radius: 6px;
  7000. display: flex;
  7001. flex-direction: column;
  7002. font-size: 12px;
  7003. justify-content: space-between;
  7004. width: 6px;
  7005. }
  7006. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar--insert {
  7007. background-color: #78AB46;
  7008. width: 100%;
  7009. }
  7010. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar--modify {
  7011. background-color: #006ce7;
  7012. width: 100%;
  7013. }
  7014. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar--remove {
  7015. background-color: #c00;
  7016. width: 100%;
  7017. }
  7018. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-text {
  7019. color: #222f3e;
  7020. font-weight: bold;
  7021. }
  7022. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--feedback {
  7023. color: #222f3e;
  7024. width: 100%;
  7025. }
  7026. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--textarea {
  7027. border: 2px solid #eeeeee;
  7028. border-radius: 6px;
  7029. color: #222f3e;
  7030. gap: 8px;
  7031. padding: 5px 6px;
  7032. resize: none;
  7033. width: 100%;
  7034. }
  7035. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--textarea:focus {
  7036. border: 2px solid #006ce7;
  7037. }
  7038. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer {
  7039. display: flex;
  7040. flex-direction: column;
  7041. gap: 6px;
  7042. width: 100%;
  7043. }
  7044. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer .tox-suggestededits__card--timestamp {
  7045. color: #222f3e;
  7046. font-size: 12px;
  7047. line-height: 18px;
  7048. }
  7049. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer .tox-suggestededits__card--timestamp .tox-icon svg {
  7050. fill: #222F3E80;
  7051. transform: translate(0px, 8px);
  7052. margin-top: -10px;
  7053. }
  7054. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons {
  7055. display: flex;
  7056. align-items: center;
  7057. gap: 8px;
  7058. width: 100%;
  7059. }
  7060. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons.tox-suggestededits__card--review-buttons {
  7061. justify-content: space-between;
  7062. padding: 6px;
  7063. }
  7064. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons.tox-suggestededits__card--feedback-buttons {
  7065. justify-content: flex-end;
  7066. }
  7067. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--hidden {
  7068. opacity: 0.5;
  7069. }
  7070. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--resolved {
  7071. background-color: #d3d5d8;
  7072. }
  7073. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active:focus,
  7074. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active:focus-visible {
  7075. outline: 2px solid #006ce7;
  7076. }
  7077. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single {
  7078. border-radius: 6px;
  7079. }
  7080. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single:focus,
  7081. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single:focus-visible {
  7082. outline: 2px solid #006ce7;
  7083. }
  7084. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card:hover {
  7085. box-shadow: 0 4px 8px 0 #d3d5d8;
  7086. }
  7087. /* stylelint-disable */
  7088. .tox {
  7089. /* stylelint-enable */
  7090. }
  7091. .tox .tox-dialog-loading::before {
  7092. background-color: rgba(0, 0, 0, 0.5);
  7093. content: "";
  7094. height: 100%;
  7095. position: absolute;
  7096. width: 100%;
  7097. z-index: 1000;
  7098. }
  7099. .tox .tox-tab {
  7100. cursor: pointer;
  7101. }
  7102. .tox .tox-dialog__content-js {
  7103. display: flex;
  7104. flex: 1;
  7105. }
  7106. .tox .tox-dialog__body-content .tox-collection {
  7107. display: flex;
  7108. flex: 1;
  7109. }