skin.css 201 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228
  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: 1px solid #cccccc;
  88. border-radius: 0;
  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: 1px solid #cccccc;
  109. border-radius: 0;
  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: none;
  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 #cccccc;
  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 4px 4px -3px rgba(0, 0, 0, 0.25);
  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 4px 4px -3px rgba(0, 0, 0, 0.25);
  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: 3px;
  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: #e9f2f8;
  225. color: #222f3e;
  226. }
  227. .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  228. font-size: 14px;
  229. color: #207ab7;
  230. }
  231. .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
  232. fill: #207ab7;
  233. }
  234. .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
  235. background-color: #207ab7;
  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: #1c6ca1;
  241. }
  242. .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
  243. background-color: #185d8c;
  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: #cccccc;
  362. border-radius: 0;
  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, 3px);
  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, 3px);
  386. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 0) var(--tox-private-keyboard-focus-outline-color, transparent);
  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, 3px);
  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, 3px);
  431. bottom: 0;
  432. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 0) var(--tox-private-keyboard-focus-outline-color, transparent);
  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, 3px);
  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, 3px);
  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, 3px);
  542. bottom: 0;
  543. box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 0) var(--tox-private-keyboard-focus-outline-color, transparent);
  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, #cccccc);
  567. border-radius: var(--tox-private-control-border-radius, 3px);
  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, 0) var(--tox-private-keyboard-focus-outline-color, transparent);
  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, 3px);
  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, 3px);
  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, 3px);
  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 #207ab7);
  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, #1c6ca1);
  725. background-image: none;
  726. border-color: var(--tox-private-button-focus-border-color, #1c6ca1);
  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: 3px 0 2px 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, #207ab7);
  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, #207ab7);
  766. /* Enabled state */
  767. }
  768. .tox .tox-button[disabled] {
  769. background-color: var(--tox-private-button-primary-disabled-background-color, #207ab7);
  770. background-image: none;
  771. border-color: var(--tox-private-button-primary-disabled-border-color, #207ab7);
  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, #1c6ca1);
  777. border-color: var(--tox-private-button-primary-focus-border-color, #1c6ca1);
  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, #1c6ca1);
  784. border-color: var(--tox-private-button-primary-hover-border-color, #1c6ca1);
  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, #185d8c);
  791. border-color: var(--tox-private-button-primary-active-border-color, #185d8c);
  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, #185d8c);
  798. border-color: var(--tox-private-button-primary-enabled-border-color, #185d8c);
  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, #154f76);
  809. border-color: var(--tox-private-button-primary-enabled-focus-border-color, #154f76);
  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, #154f76);
  816. border-color: var(--tox-private-button-primary-enabled-hover-border-color, #154f76);
  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, #114060);
  823. border-color: var(--tox-private-button-primary-enabled-active-border-color, #114060);
  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: 3px;
  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, #b1d0e6);
  880. border-color: var(--tox-private-button-secondary-enabled-border-color, #b1d0e6);
  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, #9ec5e0);
  891. border-color: var(--tox-private-button-secondary-enabled-focus-border-color, #9ec5e0);
  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, #9ec5e0);
  898. border-color: var(--tox-private-button-secondary-enabled-hover-border-color, #9ec5e0);
  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, #8ab9d9);
  905. border-color: var(--tox-private-button-secondary-enabled-active-border-color, #8ab9d9);
  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: #f0f0f0;
  919. border-color: #f0f0f0;
  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, #e3e3e3);
  925. border-color: var(--tox-private-button-naked-focus-border-color, #e3e3e3);
  926. color: var(--tox-private-button-naked-focus-text-color, #222f3e);
  927. box-shadow: none;
  928. }
  929. .tox .tox-button--naked:hover:not(:disabled) {
  930. background-color: var(--tox-private-button-naked-hover-background-color, #e3e3e3);
  931. border-color: var(--tox-private-button-naked-hover-background-color, #e3e3e3);
  932. color: var(--tox-private-button-naked-hover-text-color, #222f3e);
  933. box-shadow: none;
  934. }
  935. .tox .tox-button--naked:active:not(:disabled) {
  936. background-color: var(--tox-private-button-naked-active-background-color, #d6d6d6);
  937. border-color: var(--tox-private-button-naked-active-border-color, #d6d6d6);
  938. color: var(--tox-private-button-naked-active-text-color, #222f3e);
  939. box-shadow: none;
  940. }
  941. .tox .tox-button--naked.tox-button--enabled {
  942. background-color: var(--tox-private-button-naked-enabled-background-color, #b1ccdf);
  943. border-color: var(--tox-private-button-naked-enabled-border-color, #b1ccdf);
  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, #9fc1d7);
  953. border-color: var(--tox-private-button-naked-enabled-focus-border-color, #9fc1d7);
  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, #9fc1d7);
  959. border-color: var(--tox-private-button-naked-enabled-hover-border-color, #9fc1d7);
  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, #8db5d0);
  965. border-color: var(--tox-private-button-naked-enabled-active-border-color, #8db5d0);
  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, 3px);
  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, 3px);
  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, #207ab7);
  1033. }
  1034. .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  1035. display: none;
  1036. fill: var(--tox-private-checkbox-selected-color, #207ab7);
  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 #207ab7);
  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: #cccccc;
  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: #e6e6e6;
  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: #207ab7;
  1166. stroke: #207ab7;
  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: #dee0e2;
  1194. color: #222f3e;
  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: #c8cbcf;
  1203. color: #222f3e;
  1204. }
  1205. .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  1206. background-color: #dee0e2;
  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 0 transparent 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: #c8cbcf;
  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: #dee0e2;
  1243. color: #222f3e;
  1244. }
  1245. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
  1246. background-color: #dee0e2;
  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 0 transparent ;
  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 #cccccc;
  1272. border-radius: 3px;
  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 #cccccc;
  1345. border-radius: 3px;
  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: 34px;
  1364. margin: 3px 0 2px 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 #cccccc;
  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 #cccccc;
  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: 2px 0 3px 4px;
  1600. }
  1601. .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  1602. border: 0;
  1603. margin: -4px 0;
  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: #dee0e2;
  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: 3px;
  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 transparent;
  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: 3px;
  1716. border: 2px solid transparent;
  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: 3px;
  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: #cccccc;
  2001. border-radius: 3px;
  2002. border-style: solid;
  2003. border-width: 1px;
  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(32, 122, 183, 0.1);
  2113. }
  2114. .tox .tox-dialog__body-nav-item--active {
  2115. border-bottom: 2px solid #214d6e;
  2116. color: #214d6e;
  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: #214d6e;
  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: #0a1620;
  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 #214d6e;
  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: 1px solid #cccccc;
  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 #404040;
  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 #cccccc;
  2322. border-radius: 3px;
  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: 3px;
  2332. }
  2333. .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
  2334. border-color: #207ab7;
  2335. box-shadow: none;
  2336. outline: 2px solid rgba(32, 122, 183, 0.25);
  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, 3px);
  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 #cccccc;
  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: 0 solid transparent;
  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: 0 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 #cccccc;
  2475. }
  2476. .tox .tox-expandable-box {
  2477. border-radius: 6px;
  2478. border: 1px solid var(--tox-private-border-color, #cccccc);
  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: #cccccc;
  2549. border-radius: 3px;
  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: 3px;
  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: #207ab7;
  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: 3px;
  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: #cccccc;
  2729. border-radius: 3px;
  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 4.75px;
  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: #207ab7;
  2761. box-shadow: none;
  2762. outline: 2px solid rgba(32, 122, 183, 0.25);
  2763. }
  2764. .tox .tox-toolbar-textfield {
  2765. max-width: 250px;
  2766. min-height: unset;
  2767. height: 34px;
  2768. margin: 2px 0 3px 0;
  2769. }
  2770. .tox .tox-naked-btn {
  2771. background-color: transparent;
  2772. border: 0;
  2773. border-color: transparent;
  2774. box-shadow: unset;
  2775. color: #207ab7;
  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: #cccccc;
  2840. border-radius: 3px;
  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 4.75px;
  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: #207ab7;
  2867. box-shadow: none;
  2868. outline: 2px solid rgba(32, 122, 183, 0.25);
  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: #cccccc;
  2896. border-radius: 3px;
  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 #207ab7;
  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: 2px 0 3px 4px;
  3042. }
  3043. .tox .tox-image-selector-menu {
  3044. border: 0;
  3045. border-radius: 3px;
  3046. margin: -4px 0;
  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 0;
  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 #cccccc;
  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: #dee0e2;
  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: #cccccc;
  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: 0 -4px;
  3152. }
  3153. .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  3154. background-color: rgba(32, 122, 183, 0.5);
  3155. border-color: rgba(32, 122, 183, 0.5);
  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 #cccccc;
  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 #cccccc;
  3219. border-radius: 3px;
  3220. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  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 0;
  3228. }
  3229. .tox .tox-menu.tox-collection.tox-collection--toolbar {
  3230. padding: 4px;
  3231. }
  3232. .tox .tox-menu.tox-collection.tox-collection--grid {
  3233. padding: 4px;
  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: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
  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 4px 0 4px;
  3265. }
  3266. .tox .tox-promotion + .tox-menubar {
  3267. grid-column: 1;
  3268. }
  3269. .tox .tox-promotion {
  3270. background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
  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: 34px;
  3310. justify-content: center;
  3311. margin: 2px 0 3px 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: #dee0e2;
  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 0 transparent ;
  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: #c8cbcf;
  3351. border: 0;
  3352. box-shadow: none;
  3353. color: #222f3e;
  3354. }
  3355. .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  3356. background: #dee0e2;
  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: 3px;
  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: #207ab7;
  3405. box-shadow: none;
  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 #c1c1c1;
  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 #c1c1c1;
  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: #207ab7;
  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: #207ab7;
  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: #0a1620;
  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 #214d6e;
  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 #cccccc;
  3805. border-radius: 3px;
  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: #cccccc 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 #cccccc 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 #cccccc 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 #cccccc;
  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, #c1c1c1);
  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, 3px);
  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, #207ab7);
  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, 3px);
  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, #c1c1c1);
  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, #207ab7);
  4023. border-radius: var(--tox-private-control-border-radius, 3px);
  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, #207ab7);
  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, 3px);
  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 #cccccc;
  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, 3px);
  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, #207ab7);
  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, 3px);
  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, #207ab7);
  4110. border-radius: var(--tox-private-control-border-radius, 3px);
  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, #207ab7);
  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, #207ab7);
  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, #c1c1c1);
  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, 3px);
  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, #c1c1c1);
  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, #207ab7);
  4252. border-radius: var(--tox-private-control-border-radius, 3px);
  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, 3px);
  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, #207ab7);
  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, 3px);
  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, #207ab7);
  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, #c1c1c1);
  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, #c1c1c1);
  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, #c1c1c1);
  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, #cccccc);
  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, #cccccc);
  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, #cccccc);
  4600. background: var(--tox-private-separator-color, #c1c1c1);
  4601. box-shadow: inset 0 -1px 0 var(--tox-private-border-color, #cccccc);
  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, 3px);
  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 #cccccc;
  4749. border-radius: 3px;
  4750. height: 10px;
  4751. min-width: 120px;
  4752. width: 100%;
  4753. }
  4754. .tox .tox-slider__handle {
  4755. background-color: #207ab7;
  4756. border: 2px solid #185d8c;
  4757. border-radius: 3px;
  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: #cccccc;
  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: #207ab7;
  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: #207ab7;
  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: #1c6ca1;
  4816. box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
  4817. }
  4818. .tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
  4819. background-color: #1c6ca1;
  4820. box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
  4821. }
  4822. .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
  4823. background-color: #1c6ca1;
  4824. }
  4825. .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
  4826. background-color: #1c6ca1;
  4827. }
  4828. .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
  4829. background-color: #185d8c;
  4830. }
  4831. .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
  4832. background-color: #185d8c;
  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, #207ab7);
  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 #207ab7, 0 -2px 0 0 #207ab7;
  4930. }
  4931. .tox .tox-tinymceai__annotation--modified__highlight {
  4932. background-position: bottom;
  4933. background-image: linear-gradient(rgba(32, 122, 183, 0.2) calc(100% - 2px), #207ab7 calc(100% - 2px));
  4934. }
  4935. .tox .tox-tinymceai__annotation--modified__selected {
  4936. background-image: none;
  4937. background-color: rgba(32, 122, 183, 0.2);
  4938. box-shadow: 0 2px 0 0 #207ab7, 0 -2px 0 0 #207ab7;
  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 #207ab7, 0 -2px 0 0 #207ab7;
  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(#207ab7 3px, rgba(120, 171, 70, 0.2) 3px, rgba(120, 171, 70, 0.2) calc(100% - 3px), #207ab7 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(#207ab7 3px, rgba(32, 122, 183, 0.2) 3px, rgba(32, 122, 183, 0.2) calc(100% - 3px), #207ab7 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(#207ab7 3px, rgba(204, 0, 0, 0.2) 3px, rgba(204, 0, 0, 0.2) calc(100% - 3px), #207ab7 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 #207ab7;
  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(32, 122, 183, 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(32, 122, 183, 0.2);
  5016. outline: 0.125em solid #207ab7;
  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 #207ab7;
  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 #cccccc;
  5095. border-radius: 3px;
  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 #cccccc;
  5105. color: rgba(34, 47, 62, 0.7);
  5106. display: flex;
  5107. flex: 0 0 auto;
  5108. font-size: 12px;
  5109. font-weight: normal;
  5110. height: 18px;
  5111. overflow: hidden;
  5112. padding: 0 8px;
  5113. position: relative;
  5114. text-transform: uppercase;
  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 0 transparent ;
  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 -4px 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 0 transparent ;
  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, #207ab7) 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, 3px);
  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 #207ab7);
  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, 3px);
  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, 3px) - 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, #207ab7);
  5395. color: var(--tox-private-segmented-control-active-text-color, #207ab7);
  5396. background-color: var(--tox-private-segmented-control-active-bg-color, rgba(32, 122, 183, 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, #207ab7);
  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, #207ab7);
  5454. border: 1px solid var(--tox-private-slider-checked-border-color, #207ab7);
  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, #207ab7);
  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: 34px;
  5479. justify-content: center;
  5480. margin: 3px 0 2px 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: #dee0e2;
  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 0 transparent ;
  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: #dee0e2;
  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: #c8cbcf;
  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: #c8cbcf;
  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 0 transparent ;
  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: 51px;
  5640. width: 51px;
  5641. }
  5642. .tox .tox-tbtn--lg {
  5643. flex-direction: column;
  5644. height: 68px;
  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: transparent;
  5672. border-radius: 3px;
  5673. display: flex;
  5674. margin: 3px 0 2px 0;
  5675. position: relative;
  5676. width: auto;
  5677. }
  5678. .tox .tox-number-input:focus {
  5679. background: #dee0e2;
  5680. }
  5681. .tox .tox-number-input:focus::after {
  5682. border-radius: 3px;
  5683. bottom: 0;
  5684. box-shadow: 0 0 0 0 transparent ;
  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: #dee0e2;
  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 0 transparent ;
  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 0 transparent ;
  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: #dee0e2;
  5747. color: #222f3e;
  5748. }
  5749. .tox .tox-number-input input:focus {
  5750. background-color: #dee0e2;
  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: 34px;
  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: #dee0e2;
  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 0 transparent ;
  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: #dee0e2;
  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: #c8cbcf;
  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: #dee0e2;
  5845. }
  5846. .tox .tox-tbtn--select {
  5847. margin: 3px 0 2px 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 #cccccc;
  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: transparent;
  5881. }
  5882. .tox .tox-tbtn--bespoke:focus {
  5883. background: #dee0e2;
  5884. }
  5885. .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
  5886. margin-inline-start: 0;
  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: #dee0e2;
  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 0 transparent ;
  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: #dee0e2;
  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 0 transparent ;
  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(#cccccc 0 1px, transparent 1px 39px);
  6000. background-position: center top 39px;
  6001. background-repeat: no-repeat;
  6002. background-size: calc(100% - 4px * 2) calc(100% - 39px);
  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% - 4px * 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 #cccccc;
  6036. margin-top: -1px;
  6037. padding-bottom: 0;
  6038. padding-top: 0;
  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: #dee0e2;
  6074. border-radius: 3px;
  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: 3px;
  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% - 4px * 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 4px 0 4px;
  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 #cccccc;
  6118. }
  6119. .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  6120. border-left: 1px solid #cccccc;
  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: 3px;
  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: #dee0e2;
  6248. border: 0;
  6249. box-shadow: none;
  6250. }
  6251. .tox .tox-tree .tox-trbtn:hover {
  6252. background: #dee0e2;
  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: #b1d0e6;
  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: #b1d0e6;
  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: 8px;
  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: 8px;
  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 #cccccc;
  6482. border-radius: 3px;
  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 #cccccc;
  6494. border-radius: 3px;
  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 #cccccc;
  6509. border-radius: 3px;
  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. bottom: 0;
  6571. box-shadow: 0 0 0 0 transparent ;
  6572. content: '';
  6573. left: 0;
  6574. position: absolute;
  6575. right: 0;
  6576. top: 0;
  6577. border-radius: 3px;
  6578. bottom: 1px;
  6579. left: 1px;
  6580. right: 1px;
  6581. top: 1px;
  6582. }
  6583. @media (forced-colors: active) {
  6584. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
  6585. border: 2px solid highlight;
  6586. }
  6587. }
  6588. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
  6589. background-color: #fff;
  6590. border: 1px solid #f0f0f0;
  6591. border-radius: 6px;
  6592. color: #222f3e;
  6593. cursor: pointer;
  6594. display: flex;
  6595. flex-direction: column;
  6596. font-size: 14px;
  6597. padding: 12px;
  6598. width: 100%;
  6599. }
  6600. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
  6601. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6602. }
  6603. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
  6604. position: relative;
  6605. z-index: 1;
  6606. }
  6607. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
  6608. border-radius: 3px;
  6609. bottom: 0;
  6610. box-shadow: 0 0 0 0 transparent #006ce7;
  6611. content: '';
  6612. left: 0;
  6613. position: absolute;
  6614. right: 0;
  6615. top: 0;
  6616. border-radius: 6px;
  6617. box-shadow: 0 0 0 2px #006ce7;
  6618. box-shadow: 0 0 0 2px #006ce7 !important;
  6619. }
  6620. @media (forced-colors: active) {
  6621. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
  6622. border: 2px solid highlight;
  6623. }
  6624. }
  6625. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
  6626. background-color: #fff5cc;
  6627. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6628. position: relative;
  6629. }
  6630. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
  6631. border-radius: 3px;
  6632. bottom: 0;
  6633. box-shadow: 0 0 0 0 transparent #e3b82a;
  6634. content: '';
  6635. left: 0;
  6636. position: absolute;
  6637. right: 0;
  6638. top: 0;
  6639. border-radius: 6px;
  6640. box-shadow: 0 0 0 2px #e3b82a;
  6641. }
  6642. @media (forced-colors: active) {
  6643. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
  6644. border: 2px solid highlight;
  6645. }
  6646. }
  6647. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
  6648. display: block;
  6649. width: min-content;
  6650. padding: 4px 8px;
  6651. margin-bottom: 8px;
  6652. font-size: 12px;
  6653. font-weight: bold;
  6654. border-radius: 4px;
  6655. background: #d3d5d8;
  6656. }
  6657. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-content {
  6658. display: flex;
  6659. flex-direction: row;
  6660. gap: 8px;
  6661. align-items: center;
  6662. }
  6663. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-info {
  6664. display: flex;
  6665. flex-direction: column;
  6666. flex: 1;
  6667. }
  6668. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
  6669. font-size: 14px;
  6670. font-weight: bold;
  6671. line-height: 18px;
  6672. }
  6673. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
  6674. overflow: hidden;
  6675. text-overflow: ellipsis;
  6676. white-space: nowrap;
  6677. font-size: 12px;
  6678. font-weight: normal;
  6679. }
  6680. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
  6681. border-radius: 50%;
  6682. height: 36px;
  6683. object-fit: cover;
  6684. vertical-align: middle;
  6685. width: 36px;
  6686. }
  6687. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
  6688. color: rgba(34, 47, 62, 0.7);
  6689. font-size: 16px;
  6690. line-height: 24px;
  6691. padding: 5px 5.5px;
  6692. }
  6693. .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
  6694. color: #222f3e;
  6695. height: 24px;
  6696. }
  6697. .tox .tox-card {
  6698. background-color: #fff;
  6699. border-radius: 3px;
  6700. display: flex;
  6701. flex-direction: column;
  6702. gap: 12px;
  6703. cursor: pointer;
  6704. transition: box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
  6705. border: 0 solid transparent;
  6706. }
  6707. .tox .tox-card:hover {
  6708. box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  6709. }
  6710. .tox .tox-card--selected {
  6711. border-color: #207ab7;
  6712. }
  6713. .tox .tox-card:focus-visible {
  6714. outline: none;
  6715. box-shadow: 0 0 0 0 transparent;
  6716. border-color: transparent;
  6717. }
  6718. .tox .tox-card--has-decision {
  6719. background-color: #f0f0f0;
  6720. }
  6721. .tox .tox-card--has-decision:not(.tox-card--selected) {
  6722. border-width: 1px;
  6723. border-color: rgba(34, 47, 62, 0.7);
  6724. }
  6725. .tox .tox-card--has-decision .tox-card__header {
  6726. font-size: 12px;
  6727. }
  6728. .tox .tox-card--has-decision .tox-card__body {
  6729. color: rgba(34, 47, 62, 0.7);
  6730. }
  6731. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline {
  6732. border-color: #e0e0e0;
  6733. }
  6734. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:hover:not(:disabled),
  6735. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:focus:not(:disabled) {
  6736. background-color: #e0e0e0;
  6737. border-color: #d1d1d1;
  6738. }
  6739. .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:active:not(:disabled) {
  6740. background-color: #d1d1d1;
  6741. border-color: #d1d1d1;
  6742. }
  6743. .tox .tox-card__header {
  6744. padding: 12px;
  6745. padding-bottom: 0;
  6746. color: #222f3e;
  6747. font-size: 16px;
  6748. font-weight: bold;
  6749. text-transform: uppercase;
  6750. display: flex;
  6751. flex-direction: column;
  6752. gap: 12px;
  6753. }
  6754. .tox .tox-card__header-label {
  6755. font-size: 12px;
  6756. font-weight: bold;
  6757. text-transform: uppercase;
  6758. color: #222f3e;
  6759. }
  6760. .tox .tox-card__body {
  6761. padding: 12px 12px 0 12px;
  6762. color: #222f3e;
  6763. font-size: 16px;
  6764. }
  6765. .tox .tox-card__body .tox-expandable-box {
  6766. border: none;
  6767. padding: 0;
  6768. gap: 12px;
  6769. }
  6770. .tox .tox-card--has-decision .tox .tox-card__body {
  6771. padding: 0 12px 0 12px;
  6772. }
  6773. .tox .tox-card__highlight {
  6774. padding: 4px 6px;
  6775. border-bottom: 0 solid #207ab7;
  6776. }
  6777. .tox .tox-card__highlight--added {
  6778. background-color: #e4eeda;
  6779. }
  6780. .tox .tox-card__highlight--deleted {
  6781. background-color: #f5cccc;
  6782. }
  6783. .tox .tox-card__highlight--modified {
  6784. background-color: #d2e4f1;
  6785. }
  6786. .tox .tox-card__actions {
  6787. display: flex;
  6788. gap: 8px;
  6789. padding: 0 12px 12px;
  6790. }
  6791. .tox .tox-card__actions--space-between {
  6792. justify-content: space-between;
  6793. }
  6794. .tox .tox-card__actions--flex-start {
  6795. justify-content: flex-start;
  6796. }
  6797. .tox .tox-card__actions .tox-button,
  6798. .tox .tox-card__actions .tox-button--icon,
  6799. .tox .tox-card__actions .tox-button:has(.tox-icon:only-child) {
  6800. padding: 4px 16px;
  6801. }
  6802. .tox .tox-card.tox-skeleton {
  6803. cursor: default;
  6804. pointer-events: none;
  6805. box-shadow: none;
  6806. }
  6807. .tox .tox-card.tox-skeleton:hover {
  6808. box-shadow: none;
  6809. }
  6810. .tox .tox-card.tox-skeleton .tox-skeleton__line {
  6811. border-radius: 3px;
  6812. margin: 0;
  6813. }
  6814. .tox .tox-card.tox-skeleton .tox-card__body {
  6815. display: flex;
  6816. flex-direction: column;
  6817. gap: 4px;
  6818. }
  6819. .tox .tox-card-list {
  6820. display: flex;
  6821. flex-direction: column;
  6822. gap: 12px;
  6823. }
  6824. .tox .tox-card-list:focus {
  6825. outline: none;
  6826. }
  6827. .tox [data-mce-name="suggestededits"] .tox-icon .tox-icon--badge {
  6828. fill: #207ab7;
  6829. }
  6830. .tox .tox-view .tox-suggestededits__pane {
  6831. padding: 0;
  6832. /* Override the default padding of tox-view__pane */
  6833. }
  6834. .tox .tox-suggestededits__sink {
  6835. position: relative;
  6836. z-index: 1000;
  6837. }
  6838. .tox .tox-suggestededits__sink .tox-tiered-menu .tox-collection--list {
  6839. position: absolute;
  6840. }
  6841. .tox .tox-suggestededits__container {
  6842. height: 100%;
  6843. /* TINY-12393: Improve height calculation */
  6844. display: flex;
  6845. flex-direction: column;
  6846. }
  6847. .tox .tox-suggestededits__container .tox-suggestededits {
  6848. background-color: #fff;
  6849. border-top: 1px solid #cccccc;
  6850. display: flex;
  6851. flex: 1;
  6852. height: inherit;
  6853. overflow-x: auto;
  6854. overflow-y: hidden;
  6855. position: relative;
  6856. }
  6857. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__content {
  6858. flex: 1;
  6859. }
  6860. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__model {
  6861. height: 100%;
  6862. position: relative;
  6863. }
  6864. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__model .tox-suggestededits__iframe {
  6865. height: 100%;
  6866. width: 100%;
  6867. overflow: scroll;
  6868. background-color: #fff;
  6869. }
  6870. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar {
  6871. background-color: #f0f0f0;
  6872. display: flex;
  6873. flex-direction: column;
  6874. flex: 0 1 auto;
  6875. min-width: 248px;
  6876. width: 316px;
  6877. }
  6878. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-header {
  6879. padding: 4px 12px;
  6880. }
  6881. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content {
  6882. display: flex;
  6883. flex: 1;
  6884. flex-direction: column;
  6885. gap: 12px;
  6886. overflow: auto;
  6887. padding: 6px 12px 12px 12px;
  6888. position: relative;
  6889. }
  6890. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card {
  6891. background-color: #fff;
  6892. border-radius: 6px;
  6893. padding: 6px;
  6894. }
  6895. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--divider {
  6896. background-color: #f0f0f0;
  6897. height: 1px;
  6898. width: 100%;
  6899. }
  6900. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--single,
  6901. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--editor {
  6902. align-items: flex-start;
  6903. align-self: stretch;
  6904. display: flex;
  6905. flex-direction: column;
  6906. gap: 6px;
  6907. padding: 6px;
  6908. }
  6909. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header {
  6910. display: flex;
  6911. flex: auto;
  6912. justify-content: space-between;
  6913. align-items: center;
  6914. gap: 8px;
  6915. width: 100%;
  6916. }
  6917. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user {
  6918. display: flex;
  6919. align-items: center;
  6920. flex: 1 0 0;
  6921. gap: 8px;
  6922. }
  6923. .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 {
  6924. height: 24px;
  6925. width: 24px;
  6926. }
  6927. .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,
  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 img {
  6929. height: 24px;
  6930. width: 24px;
  6931. }
  6932. .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 {
  6933. display: flex;
  6934. flex-direction: column;
  6935. justify-content: center;
  6936. align-items: flex-start;
  6937. }
  6938. .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 {
  6939. color: #222f3e;
  6940. }
  6941. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user {
  6942. display: flex;
  6943. align-items: center;
  6944. flex: 1 0 0;
  6945. gap: 8px;
  6946. }
  6947. .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 {
  6948. height: 36px;
  6949. width: 36px;
  6950. }
  6951. .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 {
  6952. display: flex;
  6953. flex-direction: column;
  6954. justify-content: center;
  6955. align-items: flex-start;
  6956. }
  6957. .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 {
  6958. color: #222f3e;
  6959. font-size: 14px;
  6960. font-weight: bold;
  6961. }
  6962. .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 {
  6963. color: #222f3e;
  6964. font-size: 12px;
  6965. line-height: 18px;
  6966. }
  6967. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution {
  6968. align-items: center;
  6969. border: 0;
  6970. border-radius: 20px;
  6971. height: 20px;
  6972. width: 20px;
  6973. display: flex;
  6974. flex: 0 0 auto;
  6975. justify-content: center;
  6976. text-align: center;
  6977. }
  6978. .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 {
  6979. fill: #78AB46;
  6980. }
  6981. .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 {
  6982. fill: #c00;
  6983. }
  6984. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content {
  6985. display: flex;
  6986. flex-direction: column;
  6987. align-self: stretch;
  6988. flex: auto;
  6989. gap: 6px;
  6990. width: 100%;
  6991. }
  6992. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations {
  6993. display: flex;
  6994. gap: 8px;
  6995. }
  6996. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar {
  6997. align-items: center;
  6998. border-radius: 6px;
  6999. display: flex;
  7000. flex-direction: column;
  7001. font-size: 12px;
  7002. justify-content: space-between;
  7003. width: 6px;
  7004. }
  7005. .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 {
  7006. background-color: #78AB46;
  7007. width: 100%;
  7008. }
  7009. .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 {
  7010. background-color: #207ab7;
  7011. width: 100%;
  7012. }
  7013. .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 {
  7014. background-color: #c00;
  7015. width: 100%;
  7016. }
  7017. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-text {
  7018. color: #222f3e;
  7019. font-weight: bold;
  7020. }
  7021. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--feedback {
  7022. color: #222f3e;
  7023. width: 100%;
  7024. }
  7025. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--textarea {
  7026. border: 2px solid #cccccc;
  7027. border-radius: 6px;
  7028. color: #222f3e;
  7029. gap: 8px;
  7030. padding: 5px 6px;
  7031. resize: none;
  7032. width: 100%;
  7033. }
  7034. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--textarea:focus {
  7035. border: 2px solid #207ab7;
  7036. }
  7037. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer {
  7038. display: flex;
  7039. flex-direction: column;
  7040. gap: 6px;
  7041. width: 100%;
  7042. }
  7043. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer .tox-suggestededits__card--timestamp {
  7044. color: #222f3e;
  7045. font-size: 12px;
  7046. line-height: 18px;
  7047. }
  7048. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer .tox-suggestededits__card--timestamp .tox-icon svg {
  7049. fill: #222F3E80;
  7050. transform: translate(0px, 8px);
  7051. margin-top: -10px;
  7052. }
  7053. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons {
  7054. display: flex;
  7055. align-items: center;
  7056. gap: 8px;
  7057. width: 100%;
  7058. }
  7059. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons.tox-suggestededits__card--review-buttons {
  7060. justify-content: space-between;
  7061. padding: 6px;
  7062. }
  7063. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons.tox-suggestededits__card--feedback-buttons {
  7064. justify-content: flex-end;
  7065. }
  7066. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--hidden {
  7067. opacity: 0.5;
  7068. }
  7069. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--resolved {
  7070. background-color: #d3d5d8;
  7071. }
  7072. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active:focus,
  7073. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active:focus-visible {
  7074. outline: 2px solid #207ab7;
  7075. }
  7076. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single {
  7077. border-radius: 6px;
  7078. }
  7079. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single:focus,
  7080. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single:focus-visible {
  7081. outline: 2px solid #207ab7;
  7082. }
  7083. .tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card:hover {
  7084. box-shadow: 0 4px 8px 0 #d3d5d8;
  7085. }
  7086. /* stylelint-disable */
  7087. .tox {
  7088. /* stylelint-enable */
  7089. }
  7090. .tox .tox-dialog-loading::before {
  7091. background-color: rgba(0, 0, 0, 0.5);
  7092. content: "";
  7093. height: 100%;
  7094. position: absolute;
  7095. width: 100%;
  7096. z-index: 1000;
  7097. }
  7098. .tox .tox-tab {
  7099. cursor: pointer;
  7100. }
  7101. .tox .tox-dialog__content-js {
  7102. display: flex;
  7103. flex: 1;
  7104. }
  7105. .tox .tox-dialog__body-content .tox-collection {
  7106. display: flex;
  7107. flex: 1;
  7108. }
  7109. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  7110. background-color: none;
  7111. padding: 0;
  7112. }
  7113. .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
  7114. .tox.tox-tinymce-inline .tox-editor-header {
  7115. margin-bottom: -1px;
  7116. }
  7117. .tox.tox-tinymce-inline .tox-editor-container {
  7118. overflow: hidden;
  7119. }
  7120. .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
  7121. border-top: none;
  7122. box-shadow: none;
  7123. }
  7124. .tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
  7125. background-color: transparent;
  7126. box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
  7127. padding: 0;
  7128. }
  7129. .tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
  7130. box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
  7131. }
  7132. .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  7133. margin: -4px 0;
  7134. }
  7135. .tox .tox-menu.tox-collection.tox-collection--list {
  7136. padding: 0;
  7137. }
  7138. .tox .tox-pop {
  7139. box-shadow: none;
  7140. }
  7141. .tox .tox-tbtn,
  7142. .tox .tox-label,
  7143. .tox .tox-number-input,
  7144. .tox .tox-tbtn--select,
  7145. .tox .tox-split-button,
  7146. .tox .tox-toolbar-label {
  7147. margin: 2px 0 3px 0;
  7148. }
  7149. .tox .tox-tbtn--bordered,
  7150. .tox .tox-tbtn--bordered:focus,
  7151. .tox .tox-tbtn--bordered:hover {
  7152. border: 1px solid #cccccc;
  7153. }
  7154. .tox .tox-toolbar,
  7155. .tox .tox-toolbar__primary,
  7156. .tox .tox-toolbar__overflow {
  7157. background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff !important;
  7158. }
  7159. .tox .tox-menubar + .tox-toolbar-overlord {
  7160. border-top: none;
  7161. }
  7162. .tox .tox-menubar + .tox-toolbar,
  7163. .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
  7164. border-top: 1px solid #cccccc;
  7165. margin-top: -1px;
  7166. }
  7167. .tox.tox-tinymce-aux .tox-toolbar__overflow {
  7168. border: 1px solid #cccccc;
  7169. padding: 0;
  7170. }
  7171. .tox .tox-pop .tox-pop__dialog .tox-toolbar {
  7172. padding: 0;
  7173. }
  7174. .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
  7175. border-top: 1px solid #cccccc;
  7176. }
  7177. .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
  7178. .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
  7179. border-top: 1px solid #cccccc;
  7180. }
  7181. .tox .tox-toolbar__group {
  7182. padding: 0 4px 0 4px;
  7183. }
  7184. .tox .tox-collection__item {
  7185. border-radius: 0;
  7186. cursor: pointer;
  7187. }
  7188. .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
  7189. .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
  7190. .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
  7191. .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
  7192. .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
  7193. .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
  7194. color: #222f3e;
  7195. }
  7196. .tox .tox-statusbar__branding svg {
  7197. fill: rgba(34, 47, 62, 0.8);
  7198. height: 1em;
  7199. margin-left: 0.3em;
  7200. width: auto;
  7201. }
  7202. @media (forced-colors: active) {
  7203. .tox .tox-statusbar__branding svg {
  7204. fill: currentColor;
  7205. }
  7206. }
  7207. .tox .tox-statusbar__branding a {
  7208. align-items: center;
  7209. display: inline-flex;
  7210. }
  7211. .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
  7212. .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
  7213. fill: #222f3e;
  7214. }
  7215. .tox:not([dir=rtl]) .tox-statusbar__branding {
  7216. margin-left: 1ch;
  7217. }
  7218. .tox[dir=rtl] .tox-statusbar__branding svg {
  7219. margin-left: 0;
  7220. margin-right: 0.3em;
  7221. }
  7222. .tox .tox-statusbar__resize-handle {
  7223. padding-bottom: 0;
  7224. padding-right: 0;
  7225. }
  7226. .tox .tox-button::before {
  7227. display: none;
  7228. }