|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370 |
- /* Copyright 2014 Mozilla Foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
- .dialog{
- --dialog-bg-color:white;
- --dialog-border-color:white;
- --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
- --text-primary-color:#15141a;
- --text-secondary-color:#5b5b66;
- --hover-filter:brightness(0.9);
- --focus-ring-color:#0060df;
- --focus-ring-outline:2px solid var(--focus-ring-color);
-
- --textarea-border-color:#8f8f9d;
- --textarea-bg-color:white;
- --textarea-fg-color:var(--text-secondary-color);
-
- --radio-bg-color:#f0f0f4;
- --radio-checked-bg-color:#fbfbfe;
- --radio-border-color:#8f8f9d;
- --radio-checked-border-color:#0060df;
-
- --button-secondary-bg-color:#f0f0f4;
- --button-secondary-fg-color:var(--text-primary-color);
- --button-secondary-border-color:var(--button-secondary-bg-color);
- --button-secondary-hover-bg-color:var(--button-secondary-bg-color);
- --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
- --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
-
- --button-primary-bg-color:#0060df;
- --button-primary-fg-color:#fbfbfe;
- --button-primary-hover-bg-color:var(--button-primary-bg-color);
- --button-primary-hover-fg-color:var(--button-primary-fg-color);
- --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
-
- font:message-box;
- font-size:13px;
- font-weight:400;
- line-height:150%;
- border-radius:4px;
- padding:12px 16px;
- border:1px solid var(--dialog-border-color);
- background:var(--dialog-bg-color);
- color:var(--text-primary-color);
- box-shadow:var(--dialog-shadow);
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) .dialog{
- --dialog-bg-color:#1c1b22;
- --dialog-border-color:#1c1b22;
- --dialog-shadow:0 2px 14px 0 #15141a;
- --text-primary-color:#fbfbfe;
- --text-secondary-color:#cfcfd8;
- --focus-ring-color:#0df;
- --hover-filter:brightness(1.4);
-
- --textarea-bg-color:#42414d;
-
- --radio-bg-color:#2b2a33;
- --radio-checked-bg-color:#15141a;
- --radio-checked-border-color:#0df;
-
- --button-secondary-bg-color:#2b2a33;
- --button-primary-bg-color:#0df;
- --button-primary-fg-color:#15141a;
- }
- }
-
- :where(html.is-dark) .dialog{
- --dialog-bg-color:#1c1b22;
- --dialog-border-color:#1c1b22;
- --dialog-shadow:0 2px 14px 0 #15141a;
- --text-primary-color:#fbfbfe;
- --text-secondary-color:#cfcfd8;
- --focus-ring-color:#0df;
- --hover-filter:brightness(1.4);
-
- --textarea-bg-color:#42414d;
-
- --radio-bg-color:#2b2a33;
- --radio-checked-bg-color:#15141a;
- --radio-checked-border-color:#0df;
-
- --button-secondary-bg-color:#2b2a33;
- --button-primary-bg-color:#0df;
- --button-primary-fg-color:#15141a;
- }
-
- @media screen and (forced-colors: active){
-
- .dialog{
- --dialog-bg-color:Canvas;
- --dialog-border-color:CanvasText;
- --dialog-shadow:none;
- --text-primary-color:CanvasText;
- --text-secondary-color:CanvasText;
- --hover-filter:none;
- --focus-ring-color:ButtonBorder;
-
- --textarea-border-color:ButtonBorder;
- --textarea-bg-color:Field;
- --textarea-fg-color:ButtonText;
-
- --radio-bg-color:ButtonFace;
- --radio-checked-bg-color:ButtonFace;
- --radio-border-color:ButtonText;
- --radio-checked-border-color:ButtonText;
-
- --button-secondary-bg-color:ButtonFace;
- --button-secondary-fg-color:ButtonText;
- --button-secondary-border-color:ButtonText;
- --button-secondary-hover-bg-color:AccentColor;
- --button-secondary-hover-fg-color:AccentColorText;
-
- --button-primary-bg-color:ButtonText;
- --button-primary-fg-color:ButtonFace;
- --button-primary-hover-bg-color:AccentColor;
- --button-primary-hover-fg-color:AccentColorText;
- }
- }
-
- .dialog .mainContainer *:focus-visible{
- outline:var(--focus-ring-outline);
- outline-offset:2px;
- }
-
- .dialog .mainContainer .radio{
- display:flex;
- flex-direction:column;
- align-items:flex-start;
- gap:4px;
- }
-
- .dialog .mainContainer .radio > .radioButton{
- display:flex;
- gap:8px;
- align-self:stretch;
- align-items:center;
- }
-
- .dialog .mainContainer .radio > .radioButton input{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- box-sizing:border-box;
- width:16px;
- height:16px;
- border-radius:50%;
- background-color:var(--radio-bg-color);
- border:1px solid var(--radio-border-color);
- }
-
- .dialog .mainContainer .radio > .radioButton input:hover{
- filter:var(--hover-filter);
- }
-
- .dialog .mainContainer .radio > .radioButton input:checked{
- background-color:var(--radio-checked-bg-color);
- border:4px solid var(--radio-checked-border-color);
- }
-
- .dialog .mainContainer .radio > .radioLabel{
- display:flex;
- padding-inline-start:24px;
- align-items:flex-start;
- gap:10px;
- align-self:stretch;
- }
-
- .dialog .mainContainer .radio > .radioLabel > span{
- flex:1 0 0;
- font-size:11px;
- color:var(--text-secondary-color);
- }
-
- .dialog .mainContainer button{
- border-radius:4px;
- border:1px solid;
- font:menu;
- font-weight:600;
- padding:4px 16px;
- width:auto;
- height:32px;
- }
-
- .dialog .mainContainer button:hover{
- cursor:pointer;
- filter:var(--hover-filter);
- }
-
- .dialog .mainContainer button.secondaryButton{
- color:var(--button-secondary-fg-color);
- background-color:var(--button-secondary-bg-color);
- border-color:var(--button-secondary-border-color);
- }
-
- .dialog .mainContainer button.secondaryButton:hover{
- color:var(--button-secondary-hover-fg-color);
- background-color:var(--button-secondary-hover-bg-color);
- border-color:var(--button-secondary-hover-border-color);
- }
-
- .dialog .mainContainer button.primaryButton{
- color:var(--button-primary-hover-fg-color);
- background-color:var(--button-primary-hover-bg-color);
- border-color:var(--button-primary-hover-border-color);
- opacity:1;
- }
-
- .dialog .mainContainer button.primaryButton:hover{
- color:var(--button-primary-hover-fg-color);
- background-color:var(--button-primary-hover-bg-color);
- border-color:var(--button-primary-hover-border-color);
- }
-
- .dialog .mainContainer textarea{
- font:inherit;
- padding:8px;
- resize:none;
- margin:0;
- box-sizing:border-box;
- border-radius:4px;
- border:1px solid var(--textarea-border-color);
- background:var(--textarea-bg-color);
- color:var(--textarea-fg-color);
- }
-
- .dialog .mainContainer textarea:focus{
- outline-offset:0;
- border-color:transparent;
- }
-
- .dialog .mainContainer textarea:disabled{
- pointer-events:none;
- opacity:0.4;
- }
-
- .textLayer{
- position:absolute;
- text-align:initial;
- inset:0;
- overflow:clip;
- opacity:1;
- line-height:1;
- -webkit-text-size-adjust:none;
- -moz-text-size-adjust:none;
- text-size-adjust:none;
- forced-color-adjust:none;
- transform-origin:0 0;
- caret-color:CanvasText;
- z-index:0;
- }
-
- .textLayer.highlighting{
- touch-action:none;
- }
-
- .textLayer :is(span, br){
- color:transparent;
- position:absolute;
- white-space:pre;
- cursor:text;
- transform-origin:0% 0%;
- }
-
- .textLayer > :not(.markedContent),
- .textLayer .markedContent span:not(.markedContent){
- z-index:1;
- }
-
- .textLayer span.markedContent{
- top:0;
- height:0;
- }
-
- .textLayer .highlight{
- --highlight-bg-color:rgb(180 0 170 / 0.25);
- --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
- --highlight-backdrop-filter:none;
- --highlight-selected-backdrop-filter:none;
-
- margin:-1px;
- padding:1px;
- background-color:var(--highlight-bg-color);
- -webkit-backdrop-filter:var(--highlight-backdrop-filter);
- backdrop-filter:var(--highlight-backdrop-filter);
- border-radius:4px;
- }
-
- @media screen and (forced-colors: active){
-
- .textLayer .highlight{
- --highlight-bg-color:transparent;
- --highlight-selected-bg-color:transparent;
- --highlight-backdrop-filter:var(--hcm-highlight-filter);
- --highlight-selected-backdrop-filter:var(
- --hcm-highlight-selected-filter
- );
- }
- }
-
- .textLayer .highlight.appended{
- position:initial;
- }
-
- .textLayer .highlight.begin{
- border-radius:4px 0 0 4px;
- }
-
- .textLayer .highlight.end{
- border-radius:0 4px 4px 0;
- }
-
- .textLayer .highlight.middle{
- border-radius:0;
- }
-
- .textLayer .highlight.selected{
- background-color:var(--highlight-selected-bg-color);
- -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
- backdrop-filter:var(--highlight-selected-backdrop-filter);
- }
-
- .textLayer ::-moz-selection{
- background:rgba(0 0 255 / 0.25);
- background:color-mix(in srgb, AccentColor, transparent 75%);
- }
-
- .textLayer ::selection{
- background:rgba(0 0 255 / 0.25);
- background:color-mix(in srgb, AccentColor, transparent 75%);
- }
-
- .textLayer br::-moz-selection{
- background:transparent;
- }
-
- .textLayer br::selection{
- background:transparent;
- }
-
- .textLayer .endOfContent{
- display:block;
- position:absolute;
- inset:100% 0 0;
- z-index:0;
- cursor:default;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
-
- .textLayer .endOfContent.active{
- top:0;
- }
-
- .annotationLayer{
- --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
- --input-focus-border-color:Highlight;
- --input-focus-outline:1px solid Canvas;
- --input-unfocused-border-color:transparent;
- --input-disabled-border-color:transparent;
- --input-hover-border-color:black;
- --link-outline:none;
-
- position:absolute;
- top:0;
- left:0;
- pointer-events:none;
- transform-origin:0 0;
- }
-
- @media screen and (forced-colors: active){
-
- .annotationLayer{
- --input-focus-border-color:CanvasText;
- --input-unfocused-border-color:ActiveText;
- --input-disabled-border-color:GrayText;
- --input-hover-border-color:Highlight;
- --link-outline:1.5px solid LinkText;
- }
-
- .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
- outline:1.5px solid selectedItem;
- }
-
- .annotationLayer .linkAnnotation{
- outline:var(--link-outline);
- }
-
- .annotationLayer .linkAnnotation:hover{
- -webkit-backdrop-filter:var(--hcm-highlight-filter);
- backdrop-filter:var(--hcm-highlight-filter);
- }
-
- .annotationLayer .linkAnnotation > a:hover{
- opacity:0 !important;
- background:none !important;
- box-shadow:none;
- }
-
- .annotationLayer .popupAnnotation .popup{
- outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
- background-color:ButtonFace !important;
- color:ButtonText !important;
- }
-
- .annotationLayer .highlightArea:hover::after{
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- -webkit-backdrop-filter:var(--hcm-highlight-filter);
- backdrop-filter:var(--hcm-highlight-filter);
- content:"";
- pointer-events:none;
- }
-
- .annotationLayer .popupAnnotation.focused .popup{
- outline:calc(3px * var(--scale-factor)) solid Highlight !important;
- }
- }
-
- .annotationLayer[data-main-rotation="90"] .norotate{
- transform:rotate(270deg) translateX(-100%);
- }
-
- .annotationLayer[data-main-rotation="180"] .norotate{
- transform:rotate(180deg) translate(-100%, -100%);
- }
-
- .annotationLayer[data-main-rotation="270"] .norotate{
- transform:rotate(90deg) translateY(-100%);
- }
-
- .annotationLayer.disabled section,
- .annotationLayer.disabled .popup{
- pointer-events:none;
- }
-
- .annotationLayer .annotationContent{
- position:absolute;
- width:100%;
- height:100%;
- pointer-events:none;
- }
-
- .annotationLayer .annotationContent.freetext{
- background:transparent;
- border:none;
- inset:0;
- overflow:visible;
- white-space:nowrap;
- font:10px sans-serif;
- line-height:1.35;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
-
- .annotationLayer section{
- position:absolute;
- text-align:initial;
- pointer-events:auto;
- box-sizing:border-box;
- transform-origin:0 0;
- }
-
- .annotationLayer section:has(div.annotationContent) canvas.annotationContent{
- display:none;
- }
-
- .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{
- position:absolute;
- font-size:1em;
- top:0;
- left:0;
- width:100%;
- height:100%;
- }
-
- .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
- > a:hover{
- opacity:0.2;
- background-color:rgb(255 255 0);
- box-shadow:0 2px 10px rgb(255 255 0);
- }
-
- .annotationLayer .linkAnnotation.hasBorder:hover{
- background-color:rgb(255 255 0 / 0.2);
- }
-
- .annotationLayer .hasBorder{
- background-size:100% 100%;
- }
-
- .annotationLayer .textAnnotation img{
- position:absolute;
- cursor:pointer;
- width:100%;
- height:100%;
- top:0;
- left:0;
- }
-
- .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
- background-image:var(--annotation-unfocused-field-background);
- border:2px solid var(--input-unfocused-border-color);
- box-sizing:border-box;
- font:calc(9px * var(--scale-factor)) sans-serif;
- height:100%;
- margin:0;
- vertical-align:top;
- width:100%;
- }
-
- .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
- outline:1.5px solid red;
- }
-
- .annotationLayer .choiceWidgetAnnotation select option{
- padding:0;
- }
-
- .annotationLayer .buttonWidgetAnnotation.radioButton input{
- border-radius:50%;
- }
-
- .annotationLayer .textWidgetAnnotation textarea{
- resize:none;
- }
-
- .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{
- background:none;
- border:2px solid var(--input-disabled-border-color);
- cursor:not-allowed;
- }
-
- .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{
- border:2px solid var(--input-hover-border-color);
- }
-
- .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
- border-radius:2px;
- }
-
- .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus{
- background:none;
- border:2px solid var(--input-focus-border-color);
- border-radius:2px;
- outline:var(--input-focus-outline);
- }
-
- .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{
- background-image:none;
- background-color:transparent;
- }
-
- .annotationLayer .buttonWidgetAnnotation.checkBox :focus{
- border:2px solid var(--input-focus-border-color);
- border-radius:2px;
- outline:var(--input-focus-outline);
- }
-
- .annotationLayer .buttonWidgetAnnotation.radioButton :focus{
- border:2px solid var(--input-focus-border-color);
- outline:var(--input-focus-outline);
- }
-
- .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
- .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
- .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
- background-color:CanvasText;
- content:"";
- display:block;
- position:absolute;
- }
-
- .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
- .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
- height:80%;
- left:45%;
- width:1px;
- }
-
- .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{
- transform:rotate(45deg);
- }
-
- .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
- transform:rotate(-45deg);
- }
-
- .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
- border-radius:50%;
- height:50%;
- left:25%;
- top:25%;
- width:50%;
- }
-
- .annotationLayer .textWidgetAnnotation input.comb{
- font-family:monospace;
- padding-left:2px;
- padding-right:0;
- }
-
- .annotationLayer .textWidgetAnnotation input.comb:focus{
- width:103%;
- }
-
- .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- }
-
- .annotationLayer .fileAttachmentAnnotation .popupTriggerArea{
- height:100%;
- width:100%;
- }
-
- .annotationLayer .popupAnnotation{
- position:absolute;
- font-size:calc(9px * var(--scale-factor));
- pointer-events:none;
- width:-moz-max-content;
- width:max-content;
- max-width:45%;
- height:auto;
- }
-
- .annotationLayer .popup{
- background-color:rgb(255 255 153);
- box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
- border-radius:calc(2px * var(--scale-factor));
- outline:1.5px solid rgb(255 255 74);
- padding:calc(6px * var(--scale-factor));
- cursor:pointer;
- font:message-box;
- white-space:normal;
- word-wrap:break-word;
- pointer-events:auto;
- }
-
- .annotationLayer .popupAnnotation.focused .popup{
- outline-width:3px;
- }
-
- .annotationLayer .popup *{
- font-size:calc(9px * var(--scale-factor));
- }
-
- .annotationLayer .popup > .header{
- display:inline-block;
- }
-
- .annotationLayer .popup > .header h1{
- display:inline;
- }
-
- .annotationLayer .popup > .header .popupDate{
- display:inline-block;
- margin-left:calc(5px * var(--scale-factor));
- width:-moz-fit-content;
- width:fit-content;
- }
-
- .annotationLayer .popupContent{
- border-top:1px solid rgb(51 51 51);
- margin-top:calc(2px * var(--scale-factor));
- padding-top:calc(2px * var(--scale-factor));
- }
-
- .annotationLayer .richText > *{
- white-space:pre-wrap;
- font-size:calc(9px * var(--scale-factor));
- }
-
- .annotationLayer .popupTriggerArea{
- cursor:pointer;
- }
-
- .annotationLayer section svg{
- position:absolute;
- width:100%;
- height:100%;
- top:0;
- left:0;
- }
-
- .annotationLayer .annotationTextContent{
- position:absolute;
- width:100%;
- height:100%;
- opacity:0;
- color:transparent;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- pointer-events:none;
- }
-
- .annotationLayer .annotationTextContent span{
- width:100%;
- display:inline-block;
- }
-
- .annotationLayer svg.quadrilateralsContainer{
- contain:strict;
- width:0;
- height:0;
- position:absolute;
- top:0;
- left:0;
- z-index:-1;
- }
-
- :root{
- --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
- --xfa-focus-outline:auto;
- }
-
- @media screen and (forced-colors: active){
- :root{
- --xfa-focus-outline:2px solid CanvasText;
- }
- .xfaLayer *:required{
- outline:1.5px solid selectedItem;
- }
- }
-
- .xfaLayer{
- background-color:transparent;
- }
-
- .xfaLayer .highlight{
- margin:-1px;
- padding:1px;
- background-color:rgb(239 203 237);
- border-radius:4px;
- }
-
- .xfaLayer .highlight.appended{
- position:initial;
- }
-
- .xfaLayer .highlight.begin{
- border-radius:4px 0 0 4px;
- }
-
- .xfaLayer .highlight.end{
- border-radius:0 4px 4px 0;
- }
-
- .xfaLayer .highlight.middle{
- border-radius:0;
- }
-
- .xfaLayer .highlight.selected{
- background-color:rgb(203 223 203);
- }
-
- .xfaPage{
- overflow:hidden;
- position:relative;
- }
-
- .xfaContentarea{
- position:absolute;
- }
-
- .xfaPrintOnly{
- display:none;
- }
-
- .xfaLayer{
- position:absolute;
- text-align:initial;
- top:0;
- left:0;
- transform-origin:0 0;
- line-height:1.2;
- }
-
- .xfaLayer *{
- color:inherit;
- font:inherit;
- font-style:inherit;
- font-weight:inherit;
- font-kerning:inherit;
- letter-spacing:-0.01px;
- text-align:inherit;
- text-decoration:inherit;
- box-sizing:border-box;
- background-color:transparent;
- padding:0;
- margin:0;
- pointer-events:auto;
- line-height:inherit;
- }
-
- .xfaLayer *:required{
- outline:1.5px solid red;
- }
-
- .xfaLayer div,
- .xfaLayer svg,
- .xfaLayer svg *{
- pointer-events:none;
- }
-
- .xfaLayer a{
- color:blue;
- }
-
- .xfaRich li{
- margin-left:3em;
- }
-
- .xfaFont{
- color:black;
- font-weight:normal;
- font-kerning:none;
- font-size:10px;
- font-style:normal;
- letter-spacing:0;
- text-decoration:none;
- vertical-align:0;
- }
-
- .xfaCaption{
- overflow:hidden;
- flex:0 0 auto;
- }
-
- .xfaCaptionForCheckButton{
- overflow:hidden;
- flex:1 1 auto;
- }
-
- .xfaLabel{
- height:100%;
- width:100%;
- }
-
- .xfaLeft{
- display:flex;
- flex-direction:row;
- align-items:center;
- }
-
- .xfaRight{
- display:flex;
- flex-direction:row-reverse;
- align-items:center;
- }
-
- :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){
- max-height:100%;
- }
-
- .xfaTop{
- display:flex;
- flex-direction:column;
- align-items:flex-start;
- }
-
- .xfaBottom{
- display:flex;
- flex-direction:column-reverse;
- align-items:flex-start;
- }
-
- :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){
- width:100%;
- }
-
- .xfaBorder{
- background-color:transparent;
- position:absolute;
- pointer-events:none;
- }
-
- .xfaWrapped{
- width:100%;
- height:100%;
- }
-
- :is(.xfaTextfield, .xfaSelect):focus{
- background-image:none;
- background-color:transparent;
- outline:var(--xfa-focus-outline);
- outline-offset:-1px;
- }
-
- :is(.xfaCheckbox, .xfaRadio):focus{
- outline:var(--xfa-focus-outline);
- }
-
- .xfaTextfield,
- .xfaSelect{
- height:100%;
- width:100%;
- flex:1 1 auto;
- border:none;
- resize:none;
- background-image:var(--xfa-unfocused-field-background);
- }
-
- .xfaSelect{
- padding-inline:2px;
- }
-
- :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){
- flex:0 1 auto;
- }
-
- .xfaButton{
- cursor:pointer;
- width:100%;
- height:100%;
- border:none;
- text-align:center;
- }
-
- .xfaLink{
- width:100%;
- height:100%;
- position:absolute;
- top:0;
- left:0;
- }
-
- .xfaCheckbox,
- .xfaRadio{
- width:100%;
- height:100%;
- flex:0 0 auto;
- border:none;
- }
-
- .xfaRich{
- white-space:pre-wrap;
- width:100%;
- height:100%;
- }
-
- .xfaImage{
- -o-object-position:left top;
- object-position:left top;
- -o-object-fit:contain;
- object-fit:contain;
- width:100%;
- height:100%;
- }
-
- .xfaLrTb,
- .xfaRlTb,
- .xfaTb{
- display:flex;
- flex-direction:column;
- align-items:stretch;
- }
-
- .xfaLr{
- display:flex;
- flex-direction:row;
- align-items:stretch;
- }
-
- .xfaRl{
- display:flex;
- flex-direction:row-reverse;
- align-items:stretch;
- }
-
- .xfaTb > div{
- justify-content:left;
- }
-
- .xfaPosition{
- position:relative;
- }
-
- .xfaArea{
- position:relative;
- }
-
- .xfaValignMiddle{
- display:flex;
- align-items:center;
- }
-
- .xfaTable{
- display:flex;
- flex-direction:column;
- align-items:stretch;
- }
-
- .xfaTable .xfaRow{
- display:flex;
- flex-direction:row;
- align-items:stretch;
- }
-
- .xfaTable .xfaRlRow{
- display:flex;
- flex-direction:row-reverse;
- align-items:stretch;
- flex:1;
- }
-
- .xfaTable .xfaRlRow > div{
- flex:1;
- }
-
- :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
- background:initial;
- }
-
- @media print{
- .xfaTextfield,
- .xfaSelect{
- background:transparent;
- }
-
- .xfaSelect{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- text-indent:1px;
- text-overflow:"";
- }
- }
-
- .canvasWrapper svg{
- transform:none;
- }
-
- .canvasWrapper svg[data-main-rotation="90"] mask,
- .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
- transform:matrix(0, 1, -1, 0, 1, 0);
- }
-
- .canvasWrapper svg[data-main-rotation="180"] mask,
- .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
- transform:matrix(-1, 0, 0, -1, 1, 1);
- }
-
- .canvasWrapper svg[data-main-rotation="270"] mask,
- .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
- transform:matrix(0, -1, 1, 0, 0, 1);
- }
-
- .canvasWrapper svg.highlight{
- --blend-mode:multiply;
-
- position:absolute;
- mix-blend-mode:var(--blend-mode);
- }
-
- @media screen and (forced-colors: active){
-
- .canvasWrapper svg.highlight{
- --blend-mode:difference;
- }
- }
-
- .canvasWrapper svg.highlight:not(.free){
- fill-rule:evenodd;
- }
-
- .canvasWrapper svg.highlightOutline{
- position:absolute;
- mix-blend-mode:normal;
- fill-rule:evenodd;
- fill:none;
- }
-
- .canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
- stroke:var(--hover-outline-color);
- stroke-width:var(--outline-width);
- }
-
- .canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
- stroke:var(--outline-around-color);
- stroke-width:calc(
- var(--outline-width) + 2 * var(--outline-around-width)
- );
- }
-
- .canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
- stroke:var(--outline-color);
- stroke-width:var(--outline-width);
- }
-
- .canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
- stroke:var(--hover-outline-color);
- stroke-width:calc(2 * var(--outline-width));
- }
-
- .canvasWrapper svg.highlightOutline.free.selected .mainOutline{
- stroke:var(--outline-around-color);
- stroke-width:calc(
- 2 * (var(--outline-width) + var(--outline-around-width))
- );
- }
-
- .canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
- stroke:var(--outline-color);
- stroke-width:calc(2 * var(--outline-width));
- }
-
- .toggle-button{
- --button-background-color:#f0f0f4;
- --button-background-color-hover:#e0e0e6;
- --button-background-color-active:#cfcfd8;
- --color-accent-primary:#0060df;
- --color-accent-primary-hover:#0250bb;
- --color-accent-primary-active:#054096;
- --border-interactive-color:#8f8f9d;
- --border-radius-circle:9999px;
- --border-width:1px;
- --size-item-small:16px;
- --size-item-large:32px;
- --color-canvas:white;
-
- --toggle-background-color:var(--button-background-color);
- --toggle-background-color-hover:var(--button-background-color-hover);
- --toggle-background-color-active:var(--button-background-color-active);
- --toggle-background-color-pressed:var(--color-accent-primary);
- --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
- --toggle-background-color-pressed-active:var(--color-accent-primary-active);
- --toggle-border-color:var(--border-interactive-color);
- --toggle-border-color-hover:var(--toggle-border-color);
- --toggle-border-color-active:var(--toggle-border-color);
- --toggle-border-radius:var(--border-radius-circle);
- --toggle-border-width:var(--border-width);
- --toggle-height:var(--size-item-small);
- --toggle-width:var(--size-item-large);
- --toggle-dot-background-color:var(--toggle-border-color);
- --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
- --toggle-dot-background-color-active:var(--toggle-dot-background-color);
- --toggle-dot-background-color-on-pressed:var(--color-canvas);
- --toggle-dot-margin:1px;
- --toggle-dot-height:calc(
- var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
- var(--toggle-border-width)
- );
- --toggle-dot-width:var(--toggle-dot-height);
- --toggle-dot-transform-x:calc(
- var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
- );
-
- -webkit-appearance:none;
-
- -moz-appearance:none;
-
- appearance:none;
- padding:0;
- margin:0;
- border:var(--toggle-border-width) solid var(--toggle-border-color);
- height:var(--toggle-height);
- width:var(--toggle-width);
- border-radius:var(--toggle-border-radius);
- background:var(--toggle-background-color);
- box-sizing:border-box;
- flex-shrink:0;
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) .toggle-button{
- --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
- --button-background-color-hover:color-mix(
- in srgb,
- currentColor 14%,
- transparent
- );
- --button-background-color-active:color-mix(
- in srgb,
- currentColor 21%,
- transparent
- );
- --color-accent-primary:#0df;
- --color-accent-primary-hover:#80ebff;
- --color-accent-primary-active:#aaf2ff;
- --border-interactive-color:#bfbfc9;
- --color-canvas:#1c1b22;
- }
- }
-
- :where(html.is-dark) .toggle-button{
- --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
- --button-background-color-hover:color-mix(
- in srgb,
- currentColor 14%,
- transparent
- );
- --button-background-color-active:color-mix(
- in srgb,
- currentColor 21%,
- transparent
- );
- --color-accent-primary:#0df;
- --color-accent-primary-hover:#80ebff;
- --color-accent-primary-active:#aaf2ff;
- --border-interactive-color:#bfbfc9;
- --color-canvas:#1c1b22;
- }
-
- @media (forced-colors: active){
-
- .toggle-button{
- --color-accent-primary:ButtonText;
- --color-accent-primary-hover:SelectedItem;
- --color-accent-primary-active:SelectedItem;
- --border-interactive-color:ButtonText;
- --button-background-color:ButtonFace;
- --border-interactive-color-hover:SelectedItem;
- --border-interactive-color-active:SelectedItem;
- --border-interactive-color-disabled:GrayText;
- --color-canvas:ButtonText;
- }
- }
-
- .toggle-button:focus-visible{
- outline:var(--focus-outline);
- outline-offset:var(--focus-outline-offset);
- }
-
- .toggle-button:enabled:hover{
- background:var(--toggle-background-color-hover);
- border-color:var(--toggle-border-color);
- }
-
- .toggle-button:enabled:active{
- background:var(--toggle-background-color-active);
- border-color:var(--toggle-border-color);
- }
-
- .toggle-button[aria-pressed="true"]{
- background:var(--toggle-background-color-pressed);
- border-color:transparent;
- }
-
- .toggle-button[aria-pressed="true"]:enabled:hover{
- background:var(--toggle-background-color-pressed-hover);
- border-color:transparent;
- }
-
- .toggle-button[aria-pressed="true"]:enabled:active{
- background:var(--toggle-background-color-pressed-active);
- border-color:transparent;
- }
-
- .toggle-button::before{
- display:block;
- content:"";
- background-color:var(--toggle-dot-background-color);
- height:var(--toggle-dot-height);
- width:var(--toggle-dot-width);
- margin:var(--toggle-dot-margin);
- border-radius:var(--toggle-border-radius);
- translate:0;
- }
-
- .toggle-button[aria-pressed="true"]::before{
- translate:var(--toggle-dot-transform-x);
- background-color:var(--toggle-dot-background-color-on-pressed);
- }
-
- .toggle-button[aria-pressed="true"]:enabled:hover::before,
- .toggle-button[aria-pressed="true"]:enabled:active::before{
- background-color:var(--toggle-dot-background-color-on-pressed);
- }
-
- [dir="rtl"] .toggle-button[aria-pressed="true"]::before{
- translate:calc(-1 * var(--toggle-dot-transform-x));
- }
-
- @media (prefers-reduced-motion: no-preference){
- .toggle-button::before{
- transition:translate 100ms;
- }
- }
-
- @media (prefers-contrast){
- .toggle-button:enabled:hover{
- border-color:var(--toggle-border-color-hover);
- }
-
- .toggle-button:enabled:active{
- border-color:var(--toggle-border-color-active);
- }
-
- .toggle-button[aria-pressed="true"]:enabled{
- border-color:var(--toggle-border-color);
- position:relative;
- }
-
- .toggle-button[aria-pressed="true"]:enabled:hover,
- .toggle-button[aria-pressed="true"]:enabled:hover:active{
- border-color:var(--toggle-border-color-hover);
- }
-
- .toggle-button[aria-pressed="true"]:enabled:active{
- background-color:var(--toggle-dot-background-color-active);
- border-color:var(--toggle-dot-background-color-hover);
- }
-
- .toggle-button:hover::before,
- .toggle-button:active::before{
- background-color:var(--toggle-dot-background-color-hover);
- }
- }
-
- @media (forced-colors){
-
- .toggle-button{
- --toggle-dot-background-color:var(--color-accent-primary);
- --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
- --toggle-dot-background-color-active:var(--color-accent-primary-active);
- --toggle-dot-background-color-on-pressed:var(--button-background-color);
- --toggle-background-color-disabled:var(--button-background-color-disabled);
- --toggle-border-color-hover:var(--border-interactive-color-hover);
- --toggle-border-color-active:var(--border-interactive-color-active);
- --toggle-border-color-disabled:var(--border-interactive-color-disabled);
- }
-
- .toggle-button[aria-pressed="true"]:enabled::after{
- border:1px solid var(--button-background-color);
- content:"";
- position:absolute;
- height:var(--toggle-height);
- width:var(--toggle-width);
- display:block;
- border-radius:var(--toggle-border-radius);
- inset:-2px;
- }
-
- .toggle-button[aria-pressed="true"]:enabled:active::after{
- border-color:var(--toggle-border-color-active);
- }
- }
-
- :root{
- --outline-width:2px;
- --outline-color:#0060df;
- --outline-around-width:1px;
- --outline-around-color:#f0f0f4;
- --hover-outline-around-color:var(--outline-around-color);
- --focus-outline:solid var(--outline-width) var(--outline-color);
- --unfocus-outline:solid var(--outline-width) transparent;
- --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
- --hover-outline-color:#8f8f9d;
- --hover-outline:solid var(--outline-width) var(--hover-outline-color);
- --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
- --freetext-line-height:1.35;
- --freetext-padding:2px;
- --resizer-bg-color:var(--outline-color);
- --resizer-size:6px;
- --resizer-shift:calc(
- 0px - (var(--outline-width) + var(--resizer-size)) / 2 -
- var(--outline-around-width)
- );
- --editorFreeText-editing-cursor:text;
- --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;
- --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;
- --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;
- }
- .visuallyHidden{
- position:absolute;
- top:0;
- left:0;
- border:0;
- margin:0;
- padding:0;
- width:0;
- height:0;
- overflow:hidden;
- white-space:nowrap;
- font-size:0;
- }
-
- .textLayer.highlighting{
- cursor:var(--editorFreeHighlight-editing-cursor);
- }
-
- .textLayer.highlighting:not(.free) span{
- cursor:var(--editorHighlight-editing-cursor);
- }
-
- .textLayer.highlighting.free span{
- cursor:var(--editorFreeHighlight-editing-cursor);
- }
-
- @media (min-resolution: 1.1dppx){
- :root{
- --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;
- }
- }
-
- @media screen and (forced-colors: active){
- :root{
- --outline-color:CanvasText;
- --outline-around-color:ButtonFace;
- --resizer-bg-color:ButtonText;
- --hover-outline-color:Highlight;
- --hover-outline-around-color:SelectedItemText;
- }
- }
-
- [data-editor-rotation="90"]{
- transform:rotate(90deg);
- }
-
- [data-editor-rotation="180"]{
- transform:rotate(180deg);
- }
-
- [data-editor-rotation="270"]{
- transform:rotate(270deg);
- }
-
- .annotationEditorLayer{
- background:transparent;
- position:absolute;
- inset:0;
- font-size:calc(100px * var(--scale-factor));
- transform-origin:0 0;
- cursor:auto;
- }
-
- .annotationEditorLayer .selectedEditor{
- z-index:100000 !important;
- }
-
- .annotationEditorLayer.drawing *{
- pointer-events:none !important;
- }
-
- .annotationEditorLayer.waiting{
- content:"";
- cursor:wait;
- position:absolute;
- inset:0;
- width:100%;
- height:100%;
- }
-
- .annotationEditorLayer.disabled{
- pointer-events:none;
- }
-
- .annotationEditorLayer.freetextEditing{
- cursor:var(--editorFreeText-editing-cursor);
- }
-
- .annotationEditorLayer.inkEditing{
- cursor:var(--editorInk-editing-cursor);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
- position:absolute;
- background:transparent;
- z-index:1;
- transform-origin:0 0;
- cursor:auto;
- max-width:100%;
- max-height:100%;
- border:var(--unfocus-outline);
- }
-
- .annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
- cursor:move;
- }
-
- .annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){
- touch-action:none;
- }
-
- .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
- border:var(--focus-outline);
- outline:var(--focus-outline-around);
- }
-
- .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{
- content:"";
- position:absolute;
- inset:0;
- border:var(--focus-outline-around);
- pointer-events:none;
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){
- border:var(--hover-outline);
- outline:var(--hover-outline-around);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{
- content:"";
- position:absolute;
- inset:0;
- border:var(--focus-outline-around);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
- --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);
- --editor-toolbar-bg-color:#f0f0f4;
- --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);
- --editor-toolbar-fg-color:#2e2e56;
- --editor-toolbar-border-color:#8f8f9d;
- --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
- --editor-toolbar-hover-bg-color:#e0e0e6;
- --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
- --editor-toolbar-hover-outline:none;
- --editor-toolbar-focus-outline-color:#0060df;
- --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
- --editor-toolbar-vert-offset:6px;
- --editor-toolbar-height:28px;
- --editor-toolbar-padding:2px;
-
- display:flex;
- width:-moz-fit-content;
- width:fit-content;
- height:var(--editor-toolbar-height);
- flex-direction:column;
- justify-content:center;
- align-items:center;
- cursor:default;
- pointer-events:auto;
- box-sizing:content-box;
- padding:var(--editor-toolbar-padding);
-
- position:absolute;
- inset-inline-end:0;
- inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));
-
- border-radius:6px;
- background-color:var(--editor-toolbar-bg-color);
- border:1px solid var(--editor-toolbar-border-color);
- box-shadow:var(--editor-toolbar-shadow);
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
- --editor-toolbar-bg-color:#2b2a33;
- --editor-toolbar-fg-color:#fbfbfe;
- --editor-toolbar-hover-bg-color:#52525e;
- --editor-toolbar-focus-outline-color:#0df;
- }
- }
-
- :where(html.is-dark) :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
- --editor-toolbar-bg-color:#2b2a33;
- --editor-toolbar-fg-color:#fbfbfe;
- --editor-toolbar-hover-bg-color:#52525e;
- --editor-toolbar-focus-outline-color:#0df;
- }
-
- @media screen and (forced-colors: active){
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
- --editor-toolbar-bg-color:ButtonFace;
- --editor-toolbar-fg-color:ButtonText;
- --editor-toolbar-border-color:ButtonText;
- --editor-toolbar-hover-border-color:AccentColor;
- --editor-toolbar-hover-bg-color:ButtonFace;
- --editor-toolbar-hover-fg-color:AccentColor;
- --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
- --editor-toolbar-focus-outline-color:ButtonBorder;
- --editor-toolbar-shadow:none;
- }
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar.hidden{
- display:none;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){
- border-color:transparent;
- }
-
- [dir="ltr"] :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
- transform-origin:100% 0;
- }
-
- [dir="rtl"] :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
- transform-origin:0 0;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{
- display:flex;
- justify-content:center;
- align-items:center;
- gap:0;
- height:100%;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{
- width:1px;
- height:calc(
- 2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
- );
- background-color:var(--editor-toolbar-border-color);
- display:inline-block;
- margin-inline:2px;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{
- width:var(--editor-toolbar-height);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{
- content:"";
- -webkit-mask-image:var(--editor-toolbar-highlight-image);
- mask-image:var(--editor-toolbar-highlight-image);
- -webkit-mask-repeat:no-repeat;
- mask-repeat:no-repeat;
- -webkit-mask-position:center;
- mask-position:center;
- display:inline-block;
- background-color:var(--editor-toolbar-fg-color);
- width:100%;
- height:100%;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{
- background-color:var(--editor-toolbar-hover-fg-color);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{
- width:var(--editor-toolbar-height);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{
- content:"";
- -webkit-mask-image:var(--editor-toolbar-delete-image);
- mask-image:var(--editor-toolbar-delete-image);
- -webkit-mask-repeat:no-repeat;
- mask-repeat:no-repeat;
- -webkit-mask-position:center;
- mask-position:center;
- display:inline-block;
- background-color:var(--editor-toolbar-fg-color);
- width:100%;
- height:100%;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{
- background-color:var(--editor-toolbar-hover-fg-color);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{
- height:var(--editor-toolbar-height);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){
- border:none;
- background-color:transparent;
- cursor:pointer;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{
- border-radius:2px;
- background-color:var(--editor-toolbar-hover-bg-color);
- color:var(--editor-toolbar-hover-fg-color);
- outline:var(--editor-toolbar-hover-outline);
- outline-offset:1px;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{
- outline:none;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{
- border-radius:2px;
- outline:2px solid var(--editor-toolbar-focus-outline-color);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
- --alt-text-add-image:url(images/altText_add.svg);
- --alt-text-done-image:url(images/altText_done.svg);
-
- display:flex;
- align-items:center;
- justify-content:center;
- width:-moz-max-content;
- width:max-content;
- padding-inline:8px;
- pointer-events:all;
- font:menu;
- font-weight:590;
- font-size:12px;
- color:var(--editor-toolbar-fg-color);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{
- pointer-events:none;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{
- content:"";
- -webkit-mask-image:var(--alt-text-add-image);
- mask-image:var(--alt-text-add-image);
- -webkit-mask-repeat:no-repeat;
- mask-repeat:no-repeat;
- -webkit-mask-position:center;
- mask-position:center;
- display:inline-block;
- width:12px;
- height:13px;
- background-color:var(--editor-toolbar-fg-color);
- margin-inline-end:4px;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{
- background-color:var(--editor-toolbar-hover-fg-color);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{
- -webkit-mask-image:var(--alt-text-done-image);
- mask-image:var(--alt-text-done-image);
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{
- display:none;
- }
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
- --alt-text-tooltip-bg:#f0f0f4;
- --alt-text-tooltip-fg:#15141a;
- --alt-text-tooltip-border:#8f8f9d;
- --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
-
- display:inline-flex;
- flex-direction:column;
- align-items:center;
- justify-content:center;
- position:absolute;
- top:calc(100% + 2px);
- inset-inline-start:0;
- padding-block:2px 3px;
- padding-inline:3px;
- max-width:300px;
- width:-moz-max-content;
- width:max-content;
- height:auto;
- font-size:12px;
-
- border:0.5px solid var(--alt-text-tooltip-border);
- background:var(--alt-text-tooltip-bg);
- box-shadow:var(--alt-text-tooltip-shadow);
- color:var(--alt-text-tooltip-fg);
-
- pointer-events:none;
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
- --alt-text-tooltip-bg:#1c1b22;
- --alt-text-tooltip-fg:#fbfbfe;
- --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
- }
- }
-
- :where(html.is-dark) :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
- --alt-text-tooltip-bg:#1c1b22;
- --alt-text-tooltip-fg:#fbfbfe;
- --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
- }
-
- @media screen and (forced-colors: active){
-
- :is(.annotationEditorLayer
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
- --alt-text-tooltip-bg:Canvas;
- --alt-text-tooltip-fg:CanvasText;
- --alt-text-tooltip-border:CanvasText;
- --alt-text-tooltip-shadow:none;
- }
- }
-
- .annotationEditorLayer .freeTextEditor{
- padding:calc(var(--freetext-padding) * var(--scale-factor));
- width:auto;
- height:auto;
- touch-action:none;
- }
-
- .annotationEditorLayer .freeTextEditor .internal{
- background:transparent;
- border:none;
- inset:0;
- overflow:visible;
- white-space:nowrap;
- font:10px sans-serif;
- line-height:var(--freetext-line-height);
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
-
- .annotationEditorLayer .freeTextEditor .overlay{
- position:absolute;
- display:none;
- background:transparent;
- inset:0;
- width:100%;
- height:100%;
- }
-
- .annotationEditorLayer freeTextEditor .overlay.enabled{
- display:block;
- }
-
- .annotationEditorLayer .freeTextEditor .internal:empty::before{
- content:attr(default-content);
- color:gray;
- }
-
- .annotationEditorLayer .freeTextEditor .internal:focus{
- outline:none;
- -webkit-user-select:auto;
- -moz-user-select:auto;
- user-select:auto;
- }
-
- .annotationEditorLayer .inkEditor{
- width:100%;
- height:100%;
- }
-
- .annotationEditorLayer .inkEditor.editing{
- cursor:inherit;
- }
-
- .annotationEditorLayer .inkEditor .inkEditorCanvas{
- position:absolute;
- inset:0;
- width:100%;
- height:100%;
- touch-action:none;
- }
-
- .annotationEditorLayer .stampEditor{
- width:auto;
- height:auto;
- }
-
- .annotationEditorLayer .stampEditor canvas{
- position:absolute;
- width:100%;
- height:100%;
- margin:0;
- top:0;
- left:0;
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{
- position:absolute;
- inset:0;
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden{
- display:none;
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer{
- width:var(--resizer-size);
- height:var(--resizer-size);
- background:content-box var(--resizer-bg-color);
- border:var(--focus-outline-around);
- border-radius:2px;
- position:absolute;
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft{
- top:var(--resizer-shift);
- left:var(--resizer-shift);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle{
- top:var(--resizer-shift);
- left:calc(50% + var(--resizer-shift));
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight{
- top:var(--resizer-shift);
- right:var(--resizer-shift);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight{
- top:calc(50% + var(--resizer-shift));
- right:var(--resizer-shift);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight{
- bottom:var(--resizer-shift);
- right:var(--resizer-shift);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle{
- bottom:var(--resizer-shift);
- left:calc(50% + var(--resizer-shift));
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft{
- bottom:var(--resizer-shift);
- left:var(--resizer-shift);
- }
-
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft{
- top:calc(50% + var(--resizer-shift));
- left:var(--resizer-shift);
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight{
- cursor:nwse-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle{
- cursor:ns-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft{
- cursor:nesw-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft{
- cursor:ew-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight{
- cursor:nesw-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle{
- cursor:ew-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft{
- cursor:nwse-resize;
- }
-
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight,
- .annotationEditorLayer[data-main-rotation="0"]
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft,
- .annotationEditorLayer[data-main-rotation="90"]
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft,
- .annotationEditorLayer[data-main-rotation="180"]
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft,
- .annotationEditorLayer[data-main-rotation="270"]
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft{
- cursor:ns-resize;
- }
-
- .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="90"],
- [data-main-rotation="90"] [data-editor-rotation="0"],
- [data-main-rotation="180"] [data-editor-rotation="270"],
- [data-main-rotation="270"] [data-editor-rotation="180"]
- ) .editToolbar{
- rotate:270deg;
- }
-
- [dir="ltr"] .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="90"],
- [data-main-rotation="90"] [data-editor-rotation="0"],
- [data-main-rotation="180"] [data-editor-rotation="270"],
- [data-main-rotation="270"] [data-editor-rotation="180"]
- ) .editToolbar{
- inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
- inset-block-start:0;
- }
-
- [dir="rtl"] .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="90"],
- [data-main-rotation="90"] [data-editor-rotation="0"],
- [data-main-rotation="180"] [data-editor-rotation="270"],
- [data-main-rotation="270"] [data-editor-rotation="180"]
- ) .editToolbar{
- inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
- inset-block-start:0;
- }
-
- .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="180"],
- [data-main-rotation="90"] [data-editor-rotation="90"],
- [data-main-rotation="180"] [data-editor-rotation="0"],
- [data-main-rotation="270"] [data-editor-rotation="270"]
- ) .editToolbar{
- rotate:180deg;
- inset-inline-end:100%;
- inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
- }
-
- .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="270"],
- [data-main-rotation="90"] [data-editor-rotation="180"],
- [data-main-rotation="180"] [data-editor-rotation="90"],
- [data-main-rotation="270"] [data-editor-rotation="0"]
- ) .editToolbar{
- rotate:90deg;
- }
-
- [dir="ltr"] .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="270"],
- [data-main-rotation="90"] [data-editor-rotation="180"],
- [data-main-rotation="180"] [data-editor-rotation="90"],
- [data-main-rotation="270"] [data-editor-rotation="0"]
- ) .editToolbar{
- inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
- inset-block-start:100%;
- }
-
- [dir="rtl"] .annotationEditorLayer
- :is(
- [data-main-rotation="0"] [data-editor-rotation="270"],
- [data-main-rotation="90"] [data-editor-rotation="180"],
- [data-main-rotation="180"] [data-editor-rotation="90"],
- [data-main-rotation="270"] [data-editor-rotation="0"]
- ) .editToolbar{
- inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
- inset-block-start:0;
- }
-
- .dialog.altText::backdrop{
- -webkit-mask:url(#alttext-manager-mask);
- mask:url(#alttext-manager-mask);
- }
-
- .dialog.altText.positioned{
- margin:0;
- }
-
- .dialog.altText #altTextContainer{
- width:300px;
- height:-moz-fit-content;
- height:fit-content;
- display:inline-flex;
- flex-direction:column;
- align-items:flex-start;
- gap:16px;
- }
-
- .dialog.altText #altTextContainer #overallDescription{
- display:flex;
- flex-direction:column;
- align-items:flex-start;
- gap:4px;
- align-self:stretch;
- }
-
- .dialog.altText #altTextContainer #overallDescription span{
- align-self:stretch;
- }
-
- .dialog.altText #altTextContainer #overallDescription .title{
- font-size:13px;
- font-style:normal;
- font-weight:590;
- }
-
- .dialog.altText #altTextContainer #addDescription{
- display:flex;
- flex-direction:column;
- align-items:stretch;
- gap:8px;
- }
-
- .dialog.altText #altTextContainer #addDescription .descriptionArea{
- flex:1;
- padding-inline:24px 10px;
- }
-
- .dialog.altText #altTextContainer #addDescription .descriptionArea textarea{
- width:100%;
- min-height:75px;
- }
-
- .dialog.altText #altTextContainer #buttons{
- display:flex;
- justify-content:flex-end;
- align-items:flex-start;
- gap:8px;
- align-self:stretch;
- }
-
- .colorPicker{
- --hover-outline-color:#0250bb;
- --selected-outline-color:#0060df;
- --swatch-border-color:#cfcfd8;
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) .colorPicker{
- --hover-outline-color:#80ebff;
- --selected-outline-color:#aaf2ff;
- --swatch-border-color:#52525e;
- }
- }
-
- :where(html.is-dark) .colorPicker{
- --hover-outline-color:#80ebff;
- --selected-outline-color:#aaf2ff;
- --swatch-border-color:#52525e;
- }
-
- @media screen and (forced-colors: active){
-
- .colorPicker{
- --hover-outline-color:Highlight;
- --selected-outline-color:var(--hover-outline-color);
- --swatch-border-color:ButtonText;
- }
- }
-
- .colorPicker .swatch{
- width:16px;
- height:16px;
- border:1px solid var(--swatch-border-color);
- border-radius:100%;
- outline-offset:2px;
- box-sizing:border-box;
- forced-color-adjust:none;
- }
-
- .colorPicker button:is(:hover, .selected) > .swatch{
- border:none;
- }
-
- .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
- rotate:0deg;
- }
-
- .annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{
- rotate:270deg;
- }
-
- .annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{
- rotate:180deg;
- }
-
- .annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{
- rotate:90deg;
- }
-
- .annotationEditorLayer .highlightEditor{
- position:absolute;
- background:transparent;
- z-index:1;
- cursor:auto;
- max-width:100%;
- max-height:100%;
- border:none;
- outline:none;
- pointer-events:none;
- transform-origin:0 0;
- }
-
- .annotationEditorLayer .highlightEditor:not(.free){
- transform:none;
- }
-
- .annotationEditorLayer .highlightEditor .internal{
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- pointer-events:auto;
- }
-
- .annotationEditorLayer .highlightEditor.disabled .internal{
- pointer-events:none;
- }
-
- .annotationEditorLayer .highlightEditor.selectedEditor .internal{
- cursor:pointer;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar{
- --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg);
-
- transform-origin:center !important;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{
- position:relative;
- width:auto;
- display:flex;
- justify-content:center;
- align-items:center;
- gap:4px;
- padding:4px;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{
- content:"";
- -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
- mask-image:var(--editor-toolbar-colorpicker-arrow-image);
- -webkit-mask-repeat:no-repeat;
- mask-repeat:no-repeat;
- -webkit-mask-position:center;
- mask-position:center;
- display:inline-block;
- background-color:var(--editor-toolbar-fg-color);
- width:12px;
- height:12px;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{
- background-color:var(--editor-toolbar-hover-fg-color);
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){
- background-color:var(--editor-toolbar-hover-bg-color);
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{
- scale:-1;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{
- position:absolute;
- display:flex;
- justify-content:center;
- align-items:center;
- flex-direction:column;
- gap:11px;
- padding-block:8px;
- border-radius:6px;
- background-color:var(--editor-toolbar-bg-color);
- border:1px solid var(--editor-toolbar-border-color);
- box-shadow:var(--editor-toolbar-shadow);
- inset-block-start:calc(100% + 4px);
- width:calc(100% + 2 * var(--editor-toolbar-padding));
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{
- width:100%;
- height:auto;
- border:none;
- cursor:pointer;
- display:flex;
- justify-content:center;
- align-items:center;
- background:none;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){
- outline:none;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{
- outline-offset:2px;
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{
- outline:2px solid var(--selected-outline-color);
- }
-
- .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
- outline:2px solid var(--hover-outline-color);
- }
-
- .editorParamsToolbar:has(#highlightParamsToolbarContainer){
- padding:unset;
- }
-
- #highlightParamsToolbarContainer{
- height:auto;
- padding-inline:10px;
- padding-block:10px 16px;
- gap:16px;
- display:flex;
- flex-direction:column;
- box-sizing:border-box;
- }
-
- #highlightParamsToolbarContainer .editorParamsLabel{
- width:-moz-fit-content;
- width:fit-content;
- inset-inline-start:0;
- }
-
- #highlightParamsToolbarContainer .colorPicker{
- display:flex;
- flex-direction:column;
- gap:8px;
- }
-
- #highlightParamsToolbarContainer .colorPicker .dropdown{
- display:flex;
- justify-content:space-between;
- align-items:center;
- flex-direction:row;
- height:auto;
- }
-
- #highlightParamsToolbarContainer .colorPicker .dropdown button{
- width:auto;
- height:auto;
- border:none;
- cursor:pointer;
- display:flex;
- justify-content:center;
- align-items:center;
- background:none;
- flex:0 0 auto;
- }
-
- #highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{
- width:24px;
- height:24px;
- }
-
- #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){
- outline:none;
- }
-
- #highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{
- outline:2px solid var(--selected-outline-color);
- }
-
- #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
- outline:2px solid var(--hover-outline-color);
- }
-
- #highlightParamsToolbarContainer #editorHighlightThickness{
- display:flex;
- flex-direction:column;
- align-items:center;
- gap:4px;
- align-self:stretch;
- }
-
- #highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{
- width:100%;
- height:auto;
- align-self:stretch;
- }
-
- #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
- display:flex;
- justify-content:space-between;
- align-items:center;
- align-self:stretch;
-
- --example-color:#bfbfc9;
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
- --example-color:#80808e;
- }
- }
-
- :where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
- --example-color:#80808e;
- }
-
- @media screen and (forced-colors: active){
-
- #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
- --example-color:CanvasText;
- }
- }
-
- :is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){
- opacity:0.4;
- }
-
- #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,
- #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
- content:"";
- width:8px;
- aspect-ratio:1;
- display:block;
- border-radius:100%;
- background-color:var(--example-color);
- }
-
- #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
- width:24px;
- }
-
- #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{
- width:unset;
- height:14px;
- }
-
- #highlightParamsToolbarContainer #editorHighlightVisibility{
- display:flex;
- flex-direction:column;
- align-items:flex-start;
- gap:8px;
- align-self:stretch;
- }
-
- #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
- --divider-color:#d7d7db;
-
- margin-block:4px;
- width:100%;
- height:1px;
- background-color:var(--divider-color);
- }
-
- @media (prefers-color-scheme: dark){
-
- :where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
- --divider-color:#8f8f9d;
- }
- }
-
- :where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
- --divider-color:#8f8f9d;
- }
-
- @media screen and (forced-colors: active){
-
- #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
- --divider-color:CanvasText;
- }
- }
-
- #highlightParamsToolbarContainer #editorHighlightVisibility .toggler{
- display:flex;
- justify-content:space-between;
- align-items:center;
- align-self:stretch;
- }
-
- :root{
- --viewer-container-height:0;
- --pdfViewer-padding-bottom:0;
- --page-margin:1px auto -8px;
- --page-border:9px solid transparent;
- --spreadHorizontalWrapped-margin-LR:-3.5px;
- --loading-icon-delay:400ms;
- }
-
- @media screen and (forced-colors: active){
- :root{
- --pdfViewer-padding-bottom:9px;
- --page-margin:8px auto -1px;
- --page-border:1px solid CanvasText;
- --spreadHorizontalWrapped-margin-LR:3.5px;
- }
- }
-
- [data-main-rotation="90"]{
- transform:rotate(90deg) translateY(-100%);
- }
- [data-main-rotation="180"]{
- transform:rotate(180deg) translate(-100%, -100%);
- }
- [data-main-rotation="270"]{
- transform:rotate(270deg) translateX(-100%);
- }
-
- #hiddenCopyElement,
- .hiddenCanvasElement{
- position:absolute;
- top:0;
- left:0;
- width:0;
- height:0;
- display:none;
- }
-
- .pdfViewer{
- --scale-factor:1;
-
- padding-bottom:var(--pdfViewer-padding-bottom);
-
- --hcm-highlight-filter:none;
- --hcm-highlight-selected-filter:none;
- }
-
- @media screen and (forced-colors: active){
-
- .pdfViewer{
- --hcm-highlight-filter:invert(100%);
- }
- }
-
- .pdfViewer.copyAll{
- cursor:wait;
- }
-
- .pdfViewer .canvasWrapper{
- overflow:hidden;
- width:100%;
- height:100%;
- }
-
- .pdfViewer .canvasWrapper canvas{
- margin:0;
- display:block;
- }
-
- .pdfViewer .canvasWrapper canvas[hidden]{
- display:none;
- }
-
- .pdfViewer .canvasWrapper canvas[zooming]{
- width:100%;
- height:100%;
- }
-
- .pdfViewer .canvasWrapper canvas .structTree{
- contain:strict;
- }
-
- .pdfViewer .page{
- direction:ltr;
- width:816px;
- height:1056px;
- margin:var(--page-margin);
- position:relative;
- overflow:visible;
- border:var(--page-border);
- background-clip:content-box;
- background-color:rgb(255 255 255);
- }
-
- .pdfViewer .dummyPage{
- position:relative;
- width:0;
- height:var(--viewer-container-height);
- }
-
- .pdfViewer.noUserSelect{
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
-
- .pdfViewer.removePageBorders .page{
- margin:0 auto 10px;
- border:none;
- }
-
- .pdfViewer:is(.scrollHorizontal, .scrollWrapped),
- .spread{
- margin-inline:3.5px;
- text-align:center;
- }
-
- .pdfViewer.scrollHorizontal,
- .spread{
- white-space:nowrap;
- }
-
- .pdfViewer.removePageBorders,
- .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{
- margin-inline:0;
- }
-
- .spread :is(.page, .dummyPage),
- .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){
- display:inline-block;
- vertical-align:middle;
- }
-
- .spread .page,
- .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{
- margin-inline:var(--spreadHorizontalWrapped-margin-LR);
- }
-
- .pdfViewer.removePageBorders .spread .page,
- .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{
- margin-inline:5px;
- }
-
- .pdfViewer .page.loadingIcon::after{
- position:absolute;
- top:0;
- left:0;
- content:"";
- width:100%;
- height:100%;
- background:url("images/loading-icon.gif") center no-repeat;
- display:none;
- transition-property:display;
- transition-delay:var(--loading-icon-delay);
- z-index:5;
- contain:strict;
- }
-
- .pdfViewer .page.loading::after{
- display:block;
- }
-
- .pdfViewer .page:not(.loading)::after{
- transition-property:none;
- display:none;
- }
-
- .pdfPresentationMode .pdfViewer{
- padding-bottom:0;
- }
-
- .pdfPresentationMode .spread{
- margin:0;
- }
-
- .pdfPresentationMode .pdfViewer .page{
- margin:0 auto;
- border:2px solid transparent;
- }
-
- :root{
- --dir-factor:1;
- --inline-start:left;
- --inline-end:right;
-
- --sidebar-width:200px;
- --sidebar-transition-duration:200ms;
- --sidebar-transition-timing-function:ease;
-
- --toolbar-icon-opacity:0.7;
- --doorhanger-icon-opacity:0.9;
- --editor-toolbar-base-offset:105px;
-
- --main-color:rgb(12 12 13);
- --body-bg-color:rgb(212 212 215);
- --progressBar-color:rgb(10 132 255);
- --progressBar-bg-color:rgb(221 221 222);
- --progressBar-blend-color:rgb(116 177 239);
- --scrollbar-color:auto;
- --scrollbar-bg-color:auto;
- --toolbar-icon-bg-color:rgb(0 0 0);
- --toolbar-icon-hover-bg-color:rgb(0 0 0);
-
- --sidebar-narrow-bg-color:rgb(212 212 215 / 0.9);
- --sidebar-toolbar-bg-color:rgb(245 246 247);
- --toolbar-bg-color:rgb(249 249 250);
- --toolbar-border-color:rgb(184 184 184);
- --toolbar-box-shadow:0 1px 0 var(--toolbar-border-color);
- --toolbar-border-bottom:none;
- --toolbarSidebar-box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25), 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1);
- --toolbarSidebar-border-bottom:none;
- --button-hover-color:rgb(221 222 223);
- --toggled-btn-color:rgb(0 0 0);
- --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
- --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
- --toggled-hover-btn-outline:none;
- --dropdown-btn-bg-color:rgb(215 215 219);
- --dropdown-btn-border:none;
- --separator-color:rgb(0 0 0 / 0.3);
- --field-color:rgb(6 6 6);
- --field-bg-color:rgb(255 255 255);
- --field-border-color:rgb(187 187 188);
- --treeitem-color:rgb(0 0 0 / 0.8);
- --treeitem-bg-color:rgb(0 0 0 / 0.15);
- --treeitem-hover-color:rgb(0 0 0 / 0.9);
- --treeitem-selected-color:rgb(0 0 0 / 0.9);
- --treeitem-selected-bg-color:rgb(0 0 0 / 0.25);
- --thumbnail-hover-color:rgb(0 0 0 / 0.1);
- --thumbnail-selected-color:rgb(0 0 0 / 0.2);
- --doorhanger-bg-color:rgb(255 255 255);
- --doorhanger-border-color:rgb(12 12 13 / 0.2);
- --doorhanger-hover-color:rgb(12 12 13);
- --doorhanger-hover-bg-color:rgb(237 237 237);
- --doorhanger-separator-color:rgb(222 222 222);
- --dialog-button-border:none;
- --dialog-button-bg-color:rgb(12 12 13 / 0.1);
- --dialog-button-hover-bg-color:rgb(12 12 13 / 0.3);
-
- --loading-icon:url(images/loading.svg);
- --treeitem-expanded-icon:url(images/treeitem-expanded.svg);
- --treeitem-collapsed-icon:url(images/treeitem-collapsed.svg);
- --toolbarButton-editorFreeText-icon:url(images/toolbarButton-editorFreeText.svg);
- --toolbarButton-editorHighlight-icon:url(images/toolbarButton-editorHighlight.svg);
- --toolbarButton-editorInk-icon:url(images/toolbarButton-editorInk.svg);
- --toolbarButton-editorStamp-icon:url(images/toolbarButton-editorStamp.svg);
- --toolbarButton-menuArrow-icon:url(images/toolbarButton-menuArrow.svg);
- --toolbarButton-sidebarToggle-icon:url(images/toolbarButton-sidebarToggle.svg);
- --toolbarButton-secondaryToolbarToggle-icon:url(images/toolbarButton-secondaryToolbarToggle.svg);
- --toolbarButton-pageUp-icon:url(images/toolbarButton-pageUp.svg);
- --toolbarButton-pageDown-icon:url(images/toolbarButton-pageDown.svg);
- --toolbarButton-zoomOut-icon:url(images/toolbarButton-zoomOut.svg);
- --toolbarButton-zoomIn-icon:url(images/toolbarButton-zoomIn.svg);
- --toolbarButton-presentationMode-icon:url(images/toolbarButton-presentationMode.svg);
- --toolbarButton-print-icon:url(images/toolbarButton-print.svg);
- --toolbarButton-openFile-icon:url(images/toolbarButton-openFile.svg);
- --toolbarButton-download-icon:url(images/toolbarButton-download.svg);
- --toolbarButton-bookmark-icon:url(images/toolbarButton-bookmark.svg);
- --toolbarButton-viewThumbnail-icon:url(images/toolbarButton-viewThumbnail.svg);
- --toolbarButton-viewOutline-icon:url(images/toolbarButton-viewOutline.svg);
- --toolbarButton-viewAttachments-icon:url(images/toolbarButton-viewAttachments.svg);
- --toolbarButton-viewLayers-icon:url(images/toolbarButton-viewLayers.svg);
- --toolbarButton-currentOutlineItem-icon:url(images/toolbarButton-currentOutlineItem.svg);
- --toolbarButton-search-icon:url(images/toolbarButton-search.svg);
- --findbarButton-previous-icon:url(images/findbarButton-previous.svg);
- --findbarButton-next-icon:url(images/findbarButton-next.svg);
- --secondaryToolbarButton-firstPage-icon:url(images/secondaryToolbarButton-firstPage.svg);
- --secondaryToolbarButton-lastPage-icon:url(images/secondaryToolbarButton-lastPage.svg);
- --secondaryToolbarButton-rotateCcw-icon:url(images/secondaryToolbarButton-rotateCcw.svg);
- --secondaryToolbarButton-rotateCw-icon:url(images/secondaryToolbarButton-rotateCw.svg);
- --secondaryToolbarButton-selectTool-icon:url(images/secondaryToolbarButton-selectTool.svg);
- --secondaryToolbarButton-handTool-icon:url(images/secondaryToolbarButton-handTool.svg);
- --secondaryToolbarButton-scrollPage-icon:url(images/secondaryToolbarButton-scrollPage.svg);
- --secondaryToolbarButton-scrollVertical-icon:url(images/secondaryToolbarButton-scrollVertical.svg);
- --secondaryToolbarButton-scrollHorizontal-icon:url(images/secondaryToolbarButton-scrollHorizontal.svg);
- --secondaryToolbarButton-scrollWrapped-icon:url(images/secondaryToolbarButton-scrollWrapped.svg);
- --secondaryToolbarButton-spreadNone-icon:url(images/secondaryToolbarButton-spreadNone.svg);
- --secondaryToolbarButton-spreadOdd-icon:url(images/secondaryToolbarButton-spreadOdd.svg);
- --secondaryToolbarButton-spreadEven-icon:url(images/secondaryToolbarButton-spreadEven.svg);
- --secondaryToolbarButton-documentProperties-icon:url(images/secondaryToolbarButton-documentProperties.svg);
- --editorParams-stampAddImage-icon:url(images/toolbarButton-zoomIn.svg);
- }
-
- [dir="rtl"]:root{
- --dir-factor:-1;
- --inline-start:right;
- --inline-end:left;
- }
-
- @media (prefers-color-scheme: dark){
- :root:where(:not(.is-light)){
- --main-color:rgb(249 249 250);
- --body-bg-color:rgb(42 42 46);
- --progressBar-color:rgb(0 96 223);
- --progressBar-bg-color:rgb(40 40 43);
- --progressBar-blend-color:rgb(20 68 133);
- --scrollbar-color:rgb(121 121 123);
- --scrollbar-bg-color:rgb(35 35 39);
- --toolbar-icon-bg-color:rgb(255 255 255);
- --toolbar-icon-hover-bg-color:rgb(255 255 255);
-
- --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9);
- --sidebar-toolbar-bg-color:rgb(50 50 52);
- --toolbar-bg-color:rgb(56 56 61);
- --toolbar-border-color:rgb(12 12 13);
- --button-hover-color:rgb(102 102 103);
- --toggled-btn-color:rgb(255 255 255);
- --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
- --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
- --dropdown-btn-bg-color:rgb(74 74 79);
- --separator-color:rgb(0 0 0 / 0.3);
- --field-color:rgb(250 250 250);
- --field-bg-color:rgb(64 64 68);
- --field-border-color:rgb(115 115 115);
- --treeitem-color:rgb(255 255 255 / 0.8);
- --treeitem-bg-color:rgb(255 255 255 / 0.15);
- --treeitem-hover-color:rgb(255 255 255 / 0.9);
- --treeitem-selected-color:rgb(255 255 255 / 0.9);
- --treeitem-selected-bg-color:rgb(255 255 255 / 0.25);
- --thumbnail-hover-color:rgb(255 255 255 / 0.1);
- --thumbnail-selected-color:rgb(255 255 255 / 0.2);
- --doorhanger-bg-color:rgb(74 74 79);
- --doorhanger-border-color:rgb(39 39 43);
- --doorhanger-hover-color:rgb(249 249 250);
- --doorhanger-hover-bg-color:rgb(93 94 98);
- --doorhanger-separator-color:rgb(92 92 97);
- --dialog-button-bg-color:rgb(92 92 97);
- --dialog-button-hover-bg-color:rgb(115 115 115);
- }
- }
-
- :root:where(.is-dark){
- --main-color:rgb(249 249 250);
- --body-bg-color:rgb(42 42 46);
- --progressBar-color:rgb(0 96 223);
- --progressBar-bg-color:rgb(40 40 43);
- --progressBar-blend-color:rgb(20 68 133);
- --scrollbar-color:rgb(121 121 123);
- --scrollbar-bg-color:rgb(35 35 39);
- --toolbar-icon-bg-color:rgb(255 255 255);
- --toolbar-icon-hover-bg-color:rgb(255 255 255);
-
- --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9);
- --sidebar-toolbar-bg-color:rgb(50 50 52);
- --toolbar-bg-color:rgb(56 56 61);
- --toolbar-border-color:rgb(12 12 13);
- --button-hover-color:rgb(102 102 103);
- --toggled-btn-color:rgb(255 255 255);
- --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
- --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
- --dropdown-btn-bg-color:rgb(74 74 79);
- --separator-color:rgb(0 0 0 / 0.3);
- --field-color:rgb(250 250 250);
- --field-bg-color:rgb(64 64 68);
- --field-border-color:rgb(115 115 115);
- --treeitem-color:rgb(255 255 255 / 0.8);
- --treeitem-bg-color:rgb(255 255 255 / 0.15);
- --treeitem-hover-color:rgb(255 255 255 / 0.9);
- --treeitem-selected-color:rgb(255 255 255 / 0.9);
- --treeitem-selected-bg-color:rgb(255 255 255 / 0.25);
- --thumbnail-hover-color:rgb(255 255 255 / 0.1);
- --thumbnail-selected-color:rgb(255 255 255 / 0.2);
- --doorhanger-bg-color:rgb(74 74 79);
- --doorhanger-border-color:rgb(39 39 43);
- --doorhanger-hover-color:rgb(249 249 250);
- --doorhanger-hover-bg-color:rgb(93 94 98);
- --doorhanger-separator-color:rgb(92 92 97);
- --dialog-button-bg-color:rgb(92 92 97);
- --dialog-button-hover-bg-color:rgb(115 115 115);
- }
-
- @media screen and (forced-colors: active){
- :root{
- --button-hover-color:Highlight;
- --doorhanger-hover-bg-color:Highlight;
- --toolbar-icon-opacity:1;
- --toolbar-icon-bg-color:ButtonText;
- --toolbar-icon-hover-bg-color:ButtonFace;
- --toggled-hover-active-btn-color:ButtonText;
- --toggled-hover-btn-outline:2px solid ButtonBorder;
- --toolbar-border-color:CanvasText;
- --toolbar-border-bottom:1px solid var(--toolbar-border-color);
- --toolbar-box-shadow:none;
- --toggled-btn-color:HighlightText;
- --toggled-btn-bg-color:LinkText;
- --doorhanger-hover-color:ButtonFace;
- --doorhanger-border-color-whcm:1px solid ButtonText;
- --doorhanger-triangle-opacity-whcm:0;
- --dialog-button-border:1px solid Highlight;
- --dialog-button-hover-bg-color:Highlight;
- --dialog-button-hover-color:ButtonFace;
- --dropdown-btn-border:1px solid ButtonText;
- --field-border-color:ButtonText;
- --main-color:CanvasText;
- --separator-color:GrayText;
- --doorhanger-separator-color:GrayText;
- --toolbarSidebar-box-shadow:none;
- --toolbarSidebar-border-bottom:1px solid var(--toolbar-border-color);
- }
- }
-
- @media screen and (prefers-reduced-motion: reduce){
- :root{
- --sidebar-transition-duration:0;
- }
- }
-
- *{
- padding:0;
- margin:0;
- }
-
- html,
- body{
- height:100%;
- width:100%;
- }
-
- body{
- background-color:var(--body-bg-color);
- scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg-color);
- }
-
- body.wait::before{
- content:"";
- position:fixed;
- width:100%;
- height:100%;
- z-index:100000;
- cursor:wait;
- }
-
- .hidden,
- [hidden]{
- display:none !important;
- }
-
- #viewerContainer.pdfPresentationMode:fullscreen{
- top:0;
- background-color:rgb(0 0 0);
- width:100%;
- height:100%;
- overflow:hidden;
- cursor:none;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
-
- .pdfPresentationMode:fullscreen section:not([data-internal-link]){
- pointer-events:none;
- }
-
- .pdfPresentationMode:fullscreen .textLayer span{
- cursor:none;
- }
-
- .pdfPresentationMode.pdfPresentationModeControls > *,
- .pdfPresentationMode.pdfPresentationModeControls .textLayer span{
- cursor:default;
- }
-
- #outerContainer{
- width:100%;
- height:100%;
- position:relative;
- }
-
- #sidebarContainer{
- position:absolute;
- inset-block:32px 0;
- inset-inline-start:calc(-1 * var(--sidebar-width));
- width:var(--sidebar-width);
- visibility:hidden;
- z-index:100;
- font:message-box;
- border-top:1px solid rgb(51 51 51);
- border-inline-end:var(--doorhanger-border-color-whcm);
- transition-property:inset-inline-start;
- transition-duration:var(--sidebar-transition-duration);
- transition-timing-function:var(--sidebar-transition-timing-function);
- }
-
- #outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
- visibility:visible;
- }
- #outerContainer.sidebarOpen #sidebarContainer{
- inset-inline-start:0;
- }
-
- #mainContainer{
- position:absolute;
- inset:0;
- min-width:350px;
- }
-
- #sidebarContent{
- inset-block:32px 0;
- inset-inline-start:0;
- overflow:auto;
- position:absolute;
- width:100%;
- box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25);
- }
-
- #viewerContainer{
- overflow:auto;
- position:absolute;
- inset:32px 0 0;
- outline:none;
- }
- #viewerContainer:not(.pdfPresentationMode){
- transition-duration:var(--sidebar-transition-duration);
- transition-timing-function:var(--sidebar-transition-timing-function);
- }
-
- #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode){
- inset-inline-start:var(--sidebar-width);
- transition-property:inset-inline-start;
- }
-
- .toolbar{
- position:relative;
- inset-inline:0;
- z-index:9999;
- cursor:default;
- font:message-box;
- }
-
- :is(.toolbar, .editorParamsToolbar, .findbar, #sidebarContainer)
- :is(input, button, select),
- .secondaryToolbar :is(input, button, a, select){
- outline:none;
- font:message-box;
- }
-
- #toolbarContainer{
- width:100%;
- }
-
- #toolbarSidebar{
- width:100%;
- height:32px;
- background-color:var(--sidebar-toolbar-bg-color);
- box-shadow:var(--toolbarSidebar-box-shadow);
- border-bottom:var(--toolbarSidebar-border-bottom);
- }
-
- #sidebarResizer{
- position:absolute;
- inset-block:0;
- inset-inline-end:-6px;
- width:6px;
- z-index:200;
- cursor:ew-resize;
- }
-
- #toolbarContainer,
- .findbar,
- .secondaryToolbar,
- .editorParamsToolbar{
- position:relative;
- height:32px;
- background-color:var(--toolbar-bg-color);
- box-shadow:var(--toolbar-box-shadow);
- border-bottom:var(--toolbar-border-bottom);
- }
-
- #toolbarViewer{
- height:32px;
- }
-
- #loadingBar{
- --progressBar-percent:0%;
- --progressBar-end-offset:0;
-
- position:absolute;
- inset-inline:0 var(--progressBar-end-offset);
- height:4px;
- background-color:var(--progressBar-bg-color);
- border-bottom:1px solid var(--toolbar-border-color);
- transition-property:inset-inline-start;
- transition-duration:var(--sidebar-transition-duration);
- transition-timing-function:var(--sidebar-transition-timing-function);
- }
-
- #outerContainer.sidebarOpen #loadingBar{
- inset-inline-start:var(--sidebar-width);
- }
-
- #loadingBar .progress{
- position:absolute;
- top:0;
- inset-inline-start:0;
- width:100%;
- transform:scaleX(var(--progressBar-percent));
- transform-origin:calc(50% - 50% * var(--dir-factor)) 0;
- height:100%;
- background-color:var(--progressBar-color);
- overflow:hidden;
- transition:transform 200ms;
- }
-
- @keyframes progressIndeterminate{
- 0%{
- transform:translateX(calc(-142px * var(--dir-factor)));
- }
- 100%{
- transform:translateX(0);
- }
- }
-
- #loadingBar.indeterminate .progress{
- transform:none;
- background-color:var(--progressBar-bg-color);
- transition:none;
- }
-
- #loadingBar.indeterminate .progress .glimmer{
- position:absolute;
- top:0;
- inset-inline-start:0;
- height:100%;
- width:calc(100% + 150px);
- background:repeating-linear-gradient(
- 135deg,
- var(--progressBar-blend-color) 0,
- var(--progressBar-bg-color) 5px,
- var(--progressBar-bg-color) 45px,
- var(--progressBar-color) 55px,
- var(--progressBar-color) 95px,
- var(--progressBar-blend-color) 100px
- );
- animation:progressIndeterminate 1s linear infinite;
- }
-
- #outerContainer.sidebarResizing
- :is(#sidebarContainer, #viewerContainer, #loadingBar){
- transition-duration:0s;
- }
-
- .findbar,
- .secondaryToolbar,
- .editorParamsToolbar{
- top:32px;
- position:absolute;
- z-index:30000;
- height:auto;
- padding:0 4px;
- margin:4px 2px;
- font:message-box;
- font-size:12px;
- line-height:14px;
- text-align:left;
- cursor:default;
- }
-
- .findbar{
- inset-inline-start:64px;
- min-width:300px;
- background-color:var(--toolbar-bg-color);
- }
- .findbar > div{
- height:32px;
- }
- .findbar > div#findbarInputContainer{
- margin-inline-end:4px;
- }
- .findbar.wrapContainers > div,
- .findbar.wrapContainers > div#findbarMessageContainer > *{
- clear:both;
- }
- .findbar.wrapContainers > div#findbarMessageContainer{
- height:auto;
- }
-
- .findbar input[type="checkbox"]{
- pointer-events:none;
- }
-
- .findbar label{
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
-
- .findbar label:hover,
- .findbar input:focus-visible + label{
- color:var(--toggled-btn-color);
- background-color:var(--button-hover-color);
- }
-
- .findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel{
- background-color:var(--toggled-btn-bg-color) !important;
- color:var(--toggled-btn-color);
- }
-
- #findInput{
- width:200px;
- }
-
- #findInput::-moz-placeholder{
- font-style:normal;
- }
-
- #findInput::placeholder{
- font-style:normal;
- }
-
- .loadingInput:has(> #findInput[data-status="pending"])::after{
- display:block;
- visibility:visible;
- }
-
- #findInput[data-status="notFound"]{
- background-color:rgb(255 102 102);
- }
-
- .secondaryToolbar,
- .editorParamsToolbar{
- padding:6px 0 10px;
- inset-inline-end:4px;
- height:auto;
- background-color:var(--doorhanger-bg-color);
- }
-
- .editorParamsToolbarContainer{
- width:220px;
- margin-bottom:-4px;
- }
-
- .editorParamsToolbarContainer > .editorParamsSetter{
- min-height:26px;
- display:flex;
- align-items:center;
- justify-content:space-between;
- padding-inline:10px;
- }
-
- .editorParamsToolbarContainer .editorParamsLabel{
- padding-inline-end:10px;
- flex:none;
- font:menu;
- font-size:13px;
- font-style:normal;
- font-weight:400;
- line-height:150%;
- color:var(--main-color);
- }
-
- .editorParamsToolbarContainer .editorParamsColor{
- width:32px;
- height:32px;
- flex:none;
- }
-
- .editorParamsToolbarContainer .editorParamsSlider{
- background-color:transparent;
- width:90px;
- flex:0 1 0;
- }
-
- .editorParamsToolbarContainer .editorParamsSlider::-moz-range-progress{
- background-color:black;
- }
-
- .editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track,
- .editorParamsToolbarContainer .editorParamsSlider::-moz-range-track{
- background-color:black;
- }
-
- .editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb,
- .editorParamsToolbarContainer .editorParamsSlider::-moz-range-thumb{
- background-color:white;
- }
-
- #secondaryToolbarButtonContainer{
- max-width:220px;
- min-height:26px;
- max-height:calc(var(--viewer-container-height) - 40px);
- overflow-y:auto;
- margin-bottom:-4px;
- }
-
- #editorStampParamsToolbar{
- inset-inline-end:calc(var(--editor-toolbar-base-offset) + 0px);
- }
-
- #editorInkParamsToolbar{
- inset-inline-end:calc(var(--editor-toolbar-base-offset) + 28px);
- }
-
- #editorFreeTextParamsToolbar{
- inset-inline-end:calc(var(--editor-toolbar-base-offset) + 56px);
- }
-
- #editorHighlightParamsToolbar{
- inset-inline-end:calc(var(--editor-toolbar-base-offset) + 84px);
- }
-
- #editorStampAddImage::before{
- -webkit-mask-image:var(--editorParams-stampAddImage-icon);
- mask-image:var(--editorParams-stampAddImage-icon);
- }
-
- .doorHanger,
- .doorHangerRight{
- border-radius:2px;
- box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
- border:var(--doorhanger-border-color-whcm);
- }
- :is(.doorHanger, .doorHangerRight)::after,
- :is(.doorHanger, .doorHangerRight)::before{
- bottom:100%;
- border:8px solid rgb(0 0 0 / 0);
- content:" ";
- height:0;
- width:0;
- position:absolute;
- pointer-events:none;
- opacity:var(--doorhanger-triangle-opacity-whcm);
- }
- .doorHanger::after{
- inset-inline-start:10px;
- margin-inline-start:-8px;
- border-bottom-color:var(--toolbar-bg-color);
- }
- .doorHangerRight::after{
- inset-inline-end:10px;
- margin-inline-end:-8px;
- border-bottom-color:var(--doorhanger-bg-color);
- }
- :is(.doorHanger, .doorHangerRight)::before{
- border-bottom-color:var(--doorhanger-border-color);
- border-width:9px;
- }
- .doorHanger::before{
- inset-inline-start:10px;
- margin-inline-start:-9px;
- }
- .doorHangerRight::before{
- inset-inline-end:10px;
- margin-inline-end:-9px;
- }
-
- #findResultsCount{
- background-color:rgb(217 217 217);
- color:rgb(82 82 82);
- text-align:center;
- padding:4px 5px;
- margin:5px;
- }
-
- #findMsg[data-status="notFound"]{
- font-weight:bold;
- }
-
- :is(#findResultsCount, #findMsg):empty{
- display:none;
- }
-
- #toolbarViewerMiddle{
- position:absolute;
- left:50%;
- transform:translateX(-50%);
- }
-
- #toolbarViewerLeft,
- #toolbarSidebarLeft{
- float:var(--inline-start);
- }
- #toolbarViewerRight,
- #toolbarSidebarRight{
- float:var(--inline-end);
- }
-
- #toolbarViewerLeft > *,
- #toolbarViewerMiddle > *,
- #toolbarViewerRight > *,
- #toolbarSidebarLeft *,
- #toolbarSidebarRight *,
- .findbar *{
- position:relative;
- float:var(--inline-start);
- }
-
- #toolbarViewerLeft{
- padding-inline-start:1px;
- }
- #toolbarViewerRight{
- padding-inline-end:1px;
- }
- #toolbarSidebarRight{
- padding-inline-end:2px;
- }
-
- .splitToolbarButton{
- margin:2px;
- display:inline-block;
- }
- .splitToolbarButton > .toolbarButton{
- float:var(--inline-start);
- }
-
- .toolbarButton,
- .secondaryToolbarButton,
- .dialogButton{
- border:none;
- background:none;
- width:28px;
- height:28px;
- outline:none;
- }
-
- .dialogButton:is(:hover, :focus-visible){
- background-color:var(--dialog-button-hover-bg-color);
- }
-
- .dialogButton:is(:hover, :focus-visible) > span{
- color:var(--dialog-button-hover-color);
- }
-
- .toolbarButton > span{
- display:inline-block;
- width:0;
- height:0;
- overflow:hidden;
- }
-
- :is(.toolbarButton, .secondaryToolbarButton, .dialogButton)[disabled]{
- opacity:0.5;
- }
-
- .splitToolbarButton > .toolbarButton:is(:hover, :focus-visible),
- .dropdownToolbarButton:hover{
- background-color:var(--button-hover-color);
- }
- .splitToolbarButton > .toolbarButton{
- position:relative;
- margin:0;
- }
- #toolbarSidebar .splitToolbarButton > .toolbarButton{
- margin-inline-end:2px;
- }
-
- .splitToolbarButtonSeparator{
- float:var(--inline-start);
- margin:4px 0;
- width:1px;
- height:20px;
- background-color:var(--separator-color);
- }
-
- .toolbarButton,
- .dropdownToolbarButton,
- .secondaryToolbarButton,
- .dialogButton{
- min-width:16px;
- margin:2px 1px;
- padding:2px 6px 0;
- border:none;
- border-radius:2px;
- color:var(--main-color);
- font-size:12px;
- line-height:14px;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- cursor:default;
- box-sizing:border-box;
- }
-
- .toolbarButton:is(:hover, :focus-visible){
- background-color:var(--button-hover-color);
- }
- .secondaryToolbarButton:is(:hover, :focus-visible){
- background-color:var(--doorhanger-hover-bg-color);
- color:var(--doorhanger-hover-color);
- }
-
- :is(.toolbarButton, .secondaryToolbarButton).toggled,
- .splitToolbarButton.toggled > .toolbarButton.toggled{
- background-color:var(--toggled-btn-bg-color);
- color:var(--toggled-btn-color);
- }
-
- :is(.toolbarButton, .secondaryToolbarButton).toggled:hover,
- .splitToolbarButton.toggled > .toolbarButton.toggled:hover{
- outline:var(--toggled-hover-btn-outline) !important;
- }
-
- :is(.toolbarButton, .secondaryToolbarButton).toggled::before{
- background-color:var(--toggled-btn-color);
- }
-
- :is(.toolbarButton, .secondaryToolbarButton).toggled:hover:active,
- .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active{
- background-color:var(--toggled-hover-active-btn-color);
- }
-
- .dropdownToolbarButton{
- display:flex;
- width:-moz-fit-content;
- width:fit-content;
- min-width:140px;
- padding:0;
- background-color:var(--dropdown-btn-bg-color);
- border:var(--dropdown-btn-border);
- }
- .dropdownToolbarButton::after{
- top:6px;
- inset-inline-end:6px;
- pointer-events:none;
- -webkit-mask-image:var(--toolbarButton-menuArrow-icon);
- mask-image:var(--toolbarButton-menuArrow-icon);
- }
-
- .dropdownToolbarButton > select{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- width:inherit;
- min-width:inherit;
- height:28px;
- font-size:12px;
- color:var(--main-color);
- margin:0;
- padding-block:1px 2px;
- padding-inline:6px 38px;
- border:none;
- background-color:var(--dropdown-btn-bg-color);
- }
- .dropdownToolbarButton > select:is(:hover, :focus-visible){
- background-color:var(--button-hover-color);
- color:var(--toggled-btn-color);
- }
- .dropdownToolbarButton > select > option{
- background:var(--doorhanger-bg-color);
- color:var(--main-color);
- }
-
- .toolbarButtonSpacer{
- width:30px;
- display:inline-block;
- height:1px;
- }
-
- :is(.toolbarButton, .secondaryToolbarButton, .treeItemToggler)::before,
- .dropdownToolbarButton::after{
- position:absolute;
- display:inline-block;
- width:16px;
- height:16px;
-
- content:"";
- background-color:var(--toolbar-icon-bg-color);
- -webkit-mask-size:cover;
- mask-size:cover;
- }
-
- .dropdownToolbarButton:is(:hover, :focus-visible, :active)::after{
- background-color:var(--toolbar-icon-hover-bg-color);
- }
-
- .toolbarButton::before{
- opacity:var(--toolbar-icon-opacity);
- top:6px;
- left:6px;
- }
-
- .toolbarButton:is(:hover, :focus-visible)::before,
- .secondaryToolbarButton:is(:hover, :focus-visible)::before{
- background-color:var(--toolbar-icon-hover-bg-color);
- }
-
- .secondaryToolbarButton::before{
- opacity:var(--doorhanger-icon-opacity);
- top:5px;
- inset-inline-start:12px;
- }
-
- #sidebarToggle::before{
- -webkit-mask-image:var(--toolbarButton-sidebarToggle-icon);
- mask-image:var(--toolbarButton-sidebarToggle-icon);
- transform:scaleX(var(--dir-factor));
- }
-
- #secondaryToolbarToggle::before{
- -webkit-mask-image:var(--toolbarButton-secondaryToolbarToggle-icon);
- mask-image:var(--toolbarButton-secondaryToolbarToggle-icon);
- transform:scaleX(var(--dir-factor));
- }
-
- #findPrevious::before{
- -webkit-mask-image:var(--findbarButton-previous-icon);
- mask-image:var(--findbarButton-previous-icon);
- }
-
- #findNext::before{
- -webkit-mask-image:var(--findbarButton-next-icon);
- mask-image:var(--findbarButton-next-icon);
- }
-
- #previous::before{
- -webkit-mask-image:var(--toolbarButton-pageUp-icon);
- mask-image:var(--toolbarButton-pageUp-icon);
- }
-
- #next::before{
- -webkit-mask-image:var(--toolbarButton-pageDown-icon);
- mask-image:var(--toolbarButton-pageDown-icon);
- }
-
- #zoomOut::before{
- -webkit-mask-image:var(--toolbarButton-zoomOut-icon);
- mask-image:var(--toolbarButton-zoomOut-icon);
- }
-
- #zoomIn::before{
- -webkit-mask-image:var(--toolbarButton-zoomIn-icon);
- mask-image:var(--toolbarButton-zoomIn-icon);
- }
-
- #presentationMode::before{
- -webkit-mask-image:var(--toolbarButton-presentationMode-icon);
- mask-image:var(--toolbarButton-presentationMode-icon);
- }
-
- #editorFreeText::before{
- -webkit-mask-image:var(--toolbarButton-editorFreeText-icon);
- mask-image:var(--toolbarButton-editorFreeText-icon);
- }
-
- #editorHighlight::before{
- -webkit-mask-image:var(--toolbarButton-editorHighlight-icon);
- mask-image:var(--toolbarButton-editorHighlight-icon);
- }
-
- #editorInk::before{
- -webkit-mask-image:var(--toolbarButton-editorInk-icon);
- mask-image:var(--toolbarButton-editorInk-icon);
- }
-
- #editorStamp::before{
- -webkit-mask-image:var(--toolbarButton-editorStamp-icon);
- mask-image:var(--toolbarButton-editorStamp-icon);
- }
-
- :is(#print, #secondaryPrint)::before{
- -webkit-mask-image:var(--toolbarButton-print-icon);
- mask-image:var(--toolbarButton-print-icon);
- }
-
- #secondaryOpenFile::before{
- -webkit-mask-image:var(--toolbarButton-openFile-icon);
- mask-image:var(--toolbarButton-openFile-icon);
- }
-
- :is(#download, #secondaryDownload)::before{
- -webkit-mask-image:var(--toolbarButton-download-icon);
- mask-image:var(--toolbarButton-download-icon);
- }
-
- a.secondaryToolbarButton{
- padding-top:5px;
- text-decoration:none;
- }
- a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
- opacity:0.5;
- pointer-events:none;
- }
-
- #viewBookmark::before{
- -webkit-mask-image:var(--toolbarButton-bookmark-icon);
- mask-image:var(--toolbarButton-bookmark-icon);
- }
-
- #viewThumbnail::before{
- -webkit-mask-image:var(--toolbarButton-viewThumbnail-icon);
- mask-image:var(--toolbarButton-viewThumbnail-icon);
- }
-
- #viewOutline::before{
- -webkit-mask-image:var(--toolbarButton-viewOutline-icon);
- mask-image:var(--toolbarButton-viewOutline-icon);
- transform:scaleX(var(--dir-factor));
- }
-
- #viewAttachments::before{
- -webkit-mask-image:var(--toolbarButton-viewAttachments-icon);
- mask-image:var(--toolbarButton-viewAttachments-icon);
- }
-
- #viewLayers::before{
- -webkit-mask-image:var(--toolbarButton-viewLayers-icon);
- mask-image:var(--toolbarButton-viewLayers-icon);
- }
-
- #currentOutlineItem::before{
- -webkit-mask-image:var(--toolbarButton-currentOutlineItem-icon);
- mask-image:var(--toolbarButton-currentOutlineItem-icon);
- transform:scaleX(var(--dir-factor));
- }
-
- #viewFind::before{
- -webkit-mask-image:var(--toolbarButton-search-icon);
- mask-image:var(--toolbarButton-search-icon);
- }
-
- .pdfSidebarNotification::after{
- position:absolute;
- display:inline-block;
- top:2px;
- inset-inline-end:2px;
- content:"";
- background-color:rgb(112 219 85);
- height:9px;
- width:9px;
- border-radius:50%;
- }
-
- .secondaryToolbarButton{
- position:relative;
- margin:0;
- padding:0 0 1px;
- padding-inline-start:36px;
- height:auto;
- min-height:26px;
- width:auto;
- min-width:100%;
- text-align:start;
- white-space:normal;
- border-radius:0;
- box-sizing:border-box;
- display:inline-block;
- }
- .secondaryToolbarButton > span{
- padding-inline-end:4px;
- }
-
- #firstPage::before{
- -webkit-mask-image:var(--secondaryToolbarButton-firstPage-icon);
- mask-image:var(--secondaryToolbarButton-firstPage-icon);
- }
-
- #lastPage::before{
- -webkit-mask-image:var(--secondaryToolbarButton-lastPage-icon);
- mask-image:var(--secondaryToolbarButton-lastPage-icon);
- }
-
- #pageRotateCcw::before{
- -webkit-mask-image:var(--secondaryToolbarButton-rotateCcw-icon);
- mask-image:var(--secondaryToolbarButton-rotateCcw-icon);
- }
-
- #pageRotateCw::before{
- -webkit-mask-image:var(--secondaryToolbarButton-rotateCw-icon);
- mask-image:var(--secondaryToolbarButton-rotateCw-icon);
- }
-
- #cursorSelectTool::before{
- -webkit-mask-image:var(--secondaryToolbarButton-selectTool-icon);
- mask-image:var(--secondaryToolbarButton-selectTool-icon);
- }
-
- #cursorHandTool::before{
- -webkit-mask-image:var(--secondaryToolbarButton-handTool-icon);
- mask-image:var(--secondaryToolbarButton-handTool-icon);
- }
-
- #scrollPage::before{
- -webkit-mask-image:var(--secondaryToolbarButton-scrollPage-icon);
- mask-image:var(--secondaryToolbarButton-scrollPage-icon);
- }
-
- #scrollVertical::before{
- -webkit-mask-image:var(--secondaryToolbarButton-scrollVertical-icon);
- mask-image:var(--secondaryToolbarButton-scrollVertical-icon);
- }
-
- #scrollHorizontal::before{
- -webkit-mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon);
- mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon);
- }
-
- #scrollWrapped::before{
- -webkit-mask-image:var(--secondaryToolbarButton-scrollWrapped-icon);
- mask-image:var(--secondaryToolbarButton-scrollWrapped-icon);
- }
-
- #spreadNone::before{
- -webkit-mask-image:var(--secondaryToolbarButton-spreadNone-icon);
- mask-image:var(--secondaryToolbarButton-spreadNone-icon);
- }
-
- #spreadOdd::before{
- -webkit-mask-image:var(--secondaryToolbarButton-spreadOdd-icon);
- mask-image:var(--secondaryToolbarButton-spreadOdd-icon);
- }
-
- #spreadEven::before{
- -webkit-mask-image:var(--secondaryToolbarButton-spreadEven-icon);
- mask-image:var(--secondaryToolbarButton-spreadEven-icon);
- }
-
- #documentProperties::before{
- -webkit-mask-image:var(--secondaryToolbarButton-documentProperties-icon);
- mask-image:var(--secondaryToolbarButton-documentProperties-icon);
- }
-
- .verticalToolbarSeparator{
- display:block;
- margin:5px 2px;
- width:1px;
- height:22px;
- background-color:var(--separator-color);
- }
- .horizontalToolbarSeparator{
- display:block;
- margin:6px 0;
- height:1px;
- width:100%;
- background-color:var(--doorhanger-separator-color);
- }
-
- .toolbarField{
- padding:4px 7px;
- margin:3px 0;
- border-radius:2px;
- background-color:var(--field-bg-color);
- background-clip:padding-box;
- border:1px solid var(--field-border-color);
- box-shadow:none;
- color:var(--field-color);
- font-size:12px;
- line-height:16px;
- outline:none;
- }
-
- .toolbarField[type="checkbox"]{
- opacity:0;
- position:absolute !important;
- left:0;
- margin:10px 0 3px;
- margin-inline-start:7px;
- }
-
- #pageNumber{
- -moz-appearance:textfield;
- text-align:end;
- width:40px;
- background-size:0 0;
- transition-property:none;
- }
-
- #pageNumber::-webkit-inner-spin-button{
- -webkit-appearance:none;
- }
-
- .loadingInput:has(> #pageNumber.loading)::after{
- display:block;
- visibility:visible;
-
- transition-property:visibility;
- transition-delay:var(--loading-icon-delay);
- }
-
- .loadingInput::after{
- position:absolute;
- visibility:hidden;
- display:none;
- top:calc(50% - 8px);
- width:16px;
- height:16px;
-
- content:"";
- background-color:var(--toolbar-icon-bg-color);
- -webkit-mask-size:cover;
- mask-size:cover;
- -webkit-mask-image:var(--loading-icon);
- mask-image:var(--loading-icon);
- }
-
- .loadingInput.start::after{
- inset-inline-start:4px;
- }
-
- .loadingInput.end::after{
- inset-inline-end:4px;
- }
-
- .toolbarField:focus{
- border-color:#0a84ff;
- }
-
- .toolbarLabel{
- min-width:16px;
- padding:7px;
- margin:2px;
- border-radius:2px;
- color:var(--main-color);
- font-size:12px;
- line-height:14px;
- text-align:left;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- cursor:default;
- }
-
- #numPages.toolbarLabel{
- padding-inline-start:3px;
- }
-
- #thumbnailView,
- #outlineView,
- #attachmentsView,
- #layersView{
- position:absolute;
- width:calc(100% - 8px);
- inset-block:0;
- padding:4px 4px 0;
- overflow:auto;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- }
- #thumbnailView{
- width:calc(100% - 60px);
- padding:10px 30px 0;
- }
-
- #thumbnailView > a:is(:active, :focus){
- outline:0;
- }
-
- .thumbnail{
- --thumbnail-width:0;
- --thumbnail-height:0;
-
- float:var(--inline-start);
- width:var(--thumbnail-width);
- height:var(--thumbnail-height);
- margin:0 10px 5px;
- padding:1px;
- border:7px solid transparent;
- border-radius:2px;
- }
-
- #thumbnailView > a:last-of-type > .thumbnail{
- margin-bottom:10px;
- }
-
- a:focus > .thumbnail,
- .thumbnail:hover{
- border-color:var(--thumbnail-hover-color);
- }
- .thumbnail.selected{
- border-color:var(--thumbnail-selected-color) !important;
- }
-
- .thumbnailImage{
- width:var(--thumbnail-width);
- height:var(--thumbnail-height);
- opacity:0.9;
- }
- a:focus > .thumbnail > .thumbnailImage,
- .thumbnail:hover > .thumbnailImage{
- opacity:0.95;
- }
- .thumbnail.selected > .thumbnailImage{
- opacity:1 !important;
- }
-
- .thumbnail:not([data-loaded]) > .thumbnailImage{
- width:calc(var(--thumbnail-width) - 2px);
- height:calc(var(--thumbnail-height) - 2px);
- border:1px dashed rgb(132 132 132);
- }
-
- .treeWithDeepNesting > .treeItem,
- .treeItem > .treeItems{
- margin-inline-start:20px;
- }
-
- .treeItem > a{
- text-decoration:none;
- display:inline-block;
- min-width:calc(100% - 4px);
- height:auto;
- margin-bottom:1px;
- padding:2px 0 5px;
- padding-inline-start:4px;
- border-radius:2px;
- color:var(--treeitem-color);
- font-size:13px;
- line-height:15px;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- white-space:normal;
- cursor:pointer;
- }
-
- #layersView .treeItem > a *{
- cursor:pointer;
- }
- #layersView .treeItem > a > label{
- padding-inline-start:4px;
- }
- #layersView .treeItem > a > label > input{
- float:var(--inline-start);
- margin-top:1px;
- }
-
- .treeItemToggler{
- position:relative;
- float:var(--inline-start);
- height:0;
- width:0;
- color:rgb(255 255 255 / 0.5);
- }
- .treeItemToggler::before{
- inset-inline-end:4px;
- -webkit-mask-image:var(--treeitem-expanded-icon);
- mask-image:var(--treeitem-expanded-icon);
- }
- .treeItemToggler.treeItemsHidden::before{
- -webkit-mask-image:var(--treeitem-collapsed-icon);
- mask-image:var(--treeitem-collapsed-icon);
- transform:scaleX(var(--dir-factor));
- }
- .treeItemToggler.treeItemsHidden ~ .treeItems{
- display:none;
- }
-
- .treeItem.selected > a{
- background-color:var(--treeitem-selected-bg-color);
- color:var(--treeitem-selected-color);
- }
-
- .treeItemToggler:hover,
- .treeItemToggler:hover + a,
- .treeItemToggler:hover ~ .treeItems,
- .treeItem > a:hover{
- background-color:var(--treeitem-bg-color);
- background-clip:padding-box;
- border-radius:2px;
- color:var(--treeitem-hover-color);
- }
-
- #outlineOptionsContainer{
- display:none;
- }
-
- #sidebarContainer:has(#outlineView:not(.hidden)) #outlineOptionsContainer{
- display:inherit;
- }
-
- .dialogButton{
- width:auto;
- margin:3px 4px 2px !important;
- padding:2px 11px;
- color:var(--main-color);
- background-color:var(--dialog-button-bg-color);
- border:var(--dialog-button-border) !important;
- }
-
- dialog{
- margin:auto;
- padding:15px;
- border-spacing:4px;
- color:var(--main-color);
- font:message-box;
- font-size:12px;
- line-height:14px;
- background-color:var(--doorhanger-bg-color);
- border:1px solid rgb(0 0 0 / 0.5);
- border-radius:4px;
- box-shadow:0 1px 4px rgb(0 0 0 / 0.3);
- }
- dialog::backdrop{
- background-color:rgb(0 0 0 / 0.2);
- }
-
- dialog > .row{
- display:table-row;
- }
-
- dialog > .row > *{
- display:table-cell;
- }
-
- dialog .toolbarField{
- margin:5px 0;
- }
-
- dialog .separator{
- display:block;
- margin:4px 0;
- height:1px;
- width:100%;
- background-color:var(--separator-color);
- }
-
- dialog .buttonRow{
- text-align:center;
- vertical-align:middle;
- }
-
- dialog :link{
- color:rgb(255 255 255);
- }
-
- #passwordDialog{
- text-align:center;
- }
- #passwordDialog .toolbarField{
- width:200px;
- }
-
- #documentPropertiesDialog{
- text-align:left;
- }
- #documentPropertiesDialog .row > *{
- min-width:100px;
- text-align:start;
- }
- #documentPropertiesDialog .row > span{
- width:125px;
- word-wrap:break-word;
- }
- #documentPropertiesDialog .row > p{
- max-width:225px;
- word-wrap:break-word;
- }
- #documentPropertiesDialog .buttonRow{
- margin-top:10px;
- }
-
- .grab-to-pan-grab{
- cursor:grab !important;
- }
- .grab-to-pan-grab
- *:not(input):not(textarea):not(button):not(select):not(:link){
- cursor:inherit !important;
- }
- .grab-to-pan-grab:active,
- .grab-to-pan-grabbing{
- cursor:grabbing !important;
- }
- .grab-to-pan-grabbing{
- position:fixed;
- background:rgb(0 0 0 / 0);
- display:block;
- inset:0;
- overflow:hidden;
- z-index:50000;
- }
-
- @page{
- margin:0;
- }
-
- #printContainer{
- display:none;
- }
-
- @media print{
- body{
- background:rgb(0 0 0 / 0) none;
- }
- body[data-pdfjsprinting] #outerContainer{
- display:none;
- }
- body[data-pdfjsprinting] #printContainer{
- display:block;
- }
- #printContainer{
- height:100%;
- }
- #printContainer > .printedPage{
- page-break-after:always;
- page-break-inside:avoid;
- height:100%;
- width:100%;
-
- display:flex;
- flex-direction:column;
- justify-content:center;
- align-items:center;
- }
-
- #printContainer > .xfaPrintedPage .xfaPage{
- position:absolute;
- }
-
- #printContainer > .xfaPrintedPage{
- page-break-after:always;
- page-break-inside:avoid;
- width:100%;
- height:100%;
- position:relative;
- }
-
- #printContainer > .printedPage :is(canvas, img){
- max-width:100%;
- max-height:100%;
-
- direction:ltr;
- display:block;
- }
- }
-
- .visibleMediumView{
- display:none;
- }
-
- @media all and (max-width: 900px){
- #toolbarViewerMiddle{
- display:table;
- margin:auto;
- left:auto;
- position:inherit;
- transform:none;
- }
- }
-
- @media all and (max-width: 840px){
- #sidebarContainer{
- background-color:var(--sidebar-narrow-bg-color);
- }
- #outerContainer.sidebarOpen #viewerContainer{
- inset-inline-start:0 !important;
- }
- }
-
- @media all and (max-width: 750px){
- :root{
- --editor-toolbar-base-offset:40px;
- }
- #outerContainer .hiddenMediumView{
- display:none;
- }
- #outerContainer .visibleMediumView{
- display:inherit;
- }
- }
-
- @media all and (max-width: 690px){
- .hiddenSmallView,
- .hiddenSmallView *{
- display:none;
- }
- .toolbarButtonSpacer{
- width:0;
- }
- .findbar{
- inset-inline-start:34px;
- }
- }
-
- @media all and (max-width: 560px){
- #scaleSelectContainer{
- display:none;
- }
- }
|