element-plus.css 416 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794
  1. @charset "UTF-8";
  2. :root {
  3. --el-color-white: #ffffff;
  4. --el-color-black: #000000;
  5. --el-color-primary-rgb: 64, 158, 255;
  6. --el-color-success-rgb: 103, 194, 58;
  7. --el-color-warning-rgb: 230, 162, 60;
  8. --el-color-danger-rgb: 245, 108, 108;
  9. --el-color-error-rgb: 245, 108, 108;
  10. --el-color-info-rgb: 144, 147, 153;
  11. --el-font-size-extra-large: 20px;
  12. --el-font-size-large: 18px;
  13. --el-font-size-medium: 16px;
  14. --el-font-size-base: 14px;
  15. --el-font-size-small: 13px;
  16. --el-font-size-extra-small: 12px;
  17. --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  18. --el-font-weight-primary: 500;
  19. --el-font-line-height-primary: 24px;
  20. --el-index-normal: 1;
  21. --el-index-top: 1000;
  22. --el-index-popper: 2000;
  23. --el-border-radius-base: 4px;
  24. --el-border-radius-small: 2px;
  25. --el-border-radius-round: 20px;
  26. --el-border-radius-circle: 100%;
  27. --el-transition-duration: 0.3s;
  28. --el-transition-duration-fast: 0.2s;
  29. --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  30. --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  31. --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  32. --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  33. --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  34. --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  35. --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  36. --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  37. --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  38. --el-component-size-large: 40px;
  39. --el-component-size: 32px;
  40. --el-component-size-small: 24px;
  41. color-scheme: light;
  42. --el-color-primary: #409eff;
  43. --el-color-primary-light-3: rgb(121.3, 187.1, 255);
  44. --el-color-primary-light-5: rgb(159.5, 206.5, 255);
  45. --el-color-primary-light-7: rgb(197.7, 225.9, 255);
  46. --el-color-primary-light-8: rgb(216.8, 235.6, 255);
  47. --el-color-primary-light-9: rgb(235.9, 245.3, 255);
  48. --el-color-primary-dark-2: rgb(51.2, 126.4, 204);
  49. --el-color-success: #67c23a;
  50. --el-color-success-light-3: rgb(148.6, 212.3, 117.1);
  51. --el-color-success-light-5: rgb(179, 224.5, 156.5);
  52. --el-color-success-light-7: rgb(209.4, 236.7, 195.9);
  53. --el-color-success-light-8: rgb(224.6, 242.8, 215.6);
  54. --el-color-success-light-9: rgb(239.8, 248.9, 235.3);
  55. --el-color-success-dark-2: rgb(82.4, 155.2, 46.4);
  56. --el-color-warning: #e6a23c;
  57. --el-color-warning-light-3: rgb(237.5, 189.9, 118.5);
  58. --el-color-warning-light-5: rgb(242.5, 208.5, 157.5);
  59. --el-color-warning-light-7: rgb(247.5, 227.1, 196.5);
  60. --el-color-warning-light-8: rgb(250, 236.4, 216);
  61. --el-color-warning-light-9: rgb(252.5, 245.7, 235.5);
  62. --el-color-warning-dark-2: rgb(184, 129.6, 48);
  63. --el-color-danger: #f56c6c;
  64. --el-color-danger-light-3: rgb(248, 152.1, 152.1);
  65. --el-color-danger-light-5: rgb(250, 181.5, 181.5);
  66. --el-color-danger-light-7: rgb(252, 210.9, 210.9);
  67. --el-color-danger-light-8: rgb(253, 225.6, 225.6);
  68. --el-color-danger-light-9: rgb(254, 240.3, 240.3);
  69. --el-color-danger-dark-2: rgb(196, 86.4, 86.4);
  70. --el-color-error: #f56c6c;
  71. --el-color-error-light-3: rgb(248, 152.1, 152.1);
  72. --el-color-error-light-5: rgb(250, 181.5, 181.5);
  73. --el-color-error-light-7: rgb(252, 210.9, 210.9);
  74. --el-color-error-light-8: rgb(253, 225.6, 225.6);
  75. --el-color-error-light-9: rgb(254, 240.3, 240.3);
  76. --el-color-error-dark-2: rgb(196, 86.4, 86.4);
  77. --el-color-info: #909399;
  78. --el-color-info-light-3: rgb(177.3, 179.4, 183.6);
  79. --el-color-info-light-5: rgb(199.5, 201, 204);
  80. --el-color-info-light-7: rgb(221.7, 222.6, 224.4);
  81. --el-color-info-light-8: rgb(232.8, 233.4, 234.6);
  82. --el-color-info-light-9: rgb(243.9, 244.2, 244.8);
  83. --el-color-info-dark-2: rgb(115.2, 117.6, 122.4);
  84. --el-bg-color: #ffffff;
  85. --el-bg-color-page: #f2f3f5;
  86. --el-bg-color-overlay: #ffffff;
  87. --el-text-color-primary: #303133;
  88. --el-text-color-regular: #606266;
  89. --el-text-color-secondary: #909399;
  90. --el-text-color-placeholder: #a8abb2;
  91. --el-text-color-disabled: #c0c4cc;
  92. --el-border-color: #dcdfe6;
  93. --el-border-color-light: #e4e7ed;
  94. --el-border-color-lighter: #ebeef5;
  95. --el-border-color-extra-light: #f2f6fc;
  96. --el-border-color-dark: #d4d7de;
  97. --el-border-color-darker: #cdd0d6;
  98. --el-fill-color: #f0f2f5;
  99. --el-fill-color-light: #f5f7fa;
  100. --el-fill-color-lighter: #fafafa;
  101. --el-fill-color-extra-light: #fafcff;
  102. --el-fill-color-dark: #ebedf0;
  103. --el-fill-color-darker: #e6e8eb;
  104. --el-fill-color-blank: #ffffff;
  105. --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  106. --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  107. --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  108. --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  109. --el-disabled-bg-color: var(--el-fill-color-light);
  110. --el-disabled-text-color: var(--el-text-color-placeholder);
  111. --el-disabled-border-color: var(--el-border-color-light);
  112. --el-overlay-color: rgba(0, 0, 0, 0.8);
  113. --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  114. --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  115. --el-mask-color: rgba(255, 255, 255, 0.9);
  116. --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  117. --el-border-width: 1px;
  118. --el-border-style: solid;
  119. --el-border-color-hover: var(--el-text-color-disabled);
  120. --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  121. --el-svg-monochrome-grey: var(--el-border-color)
  122. }
  123. .fade-in-linear-enter-active,
  124. .fade-in-linear-leave-active {
  125. transition: var(--el-transition-fade-linear)
  126. }
  127. .fade-in-linear-enter-from,
  128. .fade-in-linear-leave-to {
  129. opacity: 0
  130. }
  131. .el-fade-in-linear-enter-active,
  132. .el-fade-in-linear-leave-active {
  133. transition: var(--el-transition-fade-linear)
  134. }
  135. .el-fade-in-linear-enter-from,
  136. .el-fade-in-linear-leave-to {
  137. opacity: 0
  138. }
  139. .el-fade-in-enter-active,
  140. .el-fade-in-leave-active {
  141. transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
  142. }
  143. .el-fade-in-enter-from,
  144. .el-fade-in-leave-active {
  145. opacity: 0
  146. }
  147. .el-zoom-in-center-enter-active,
  148. .el-zoom-in-center-leave-active {
  149. transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
  150. }
  151. .el-zoom-in-center-enter-from,
  152. .el-zoom-in-center-leave-active {
  153. opacity: 0;
  154. transform: scaleX(0)
  155. }
  156. .el-zoom-in-top-enter-active,
  157. .el-zoom-in-top-leave-active {
  158. opacity: 1;
  159. transform: scaleY(1);
  160. transform-origin: center top;
  161. transition: var(--el-transition-md-fade)
  162. }
  163. .el-zoom-in-top-enter-active[data-popper-placement^=top],
  164. .el-zoom-in-top-leave-active[data-popper-placement^=top] {
  165. transform-origin: center bottom
  166. }
  167. .el-zoom-in-top-enter-from,
  168. .el-zoom-in-top-leave-active {
  169. opacity: 0;
  170. transform: scaleY(0)
  171. }
  172. .el-zoom-in-bottom-enter-active,
  173. .el-zoom-in-bottom-leave-active {
  174. opacity: 1;
  175. transform: scaleY(1);
  176. transform-origin: center bottom;
  177. transition: var(--el-transition-md-fade)
  178. }
  179. .el-zoom-in-bottom-enter-from,
  180. .el-zoom-in-bottom-leave-active {
  181. opacity: 0;
  182. transform: scaleY(0)
  183. }
  184. .el-zoom-in-left-enter-active,
  185. .el-zoom-in-left-leave-active {
  186. opacity: 1;
  187. transform: scale(1);
  188. transform-origin: top left;
  189. transition: var(--el-transition-md-fade)
  190. }
  191. .el-zoom-in-left-enter-from,
  192. .el-zoom-in-left-leave-active {
  193. opacity: 0;
  194. transform: scale(.45)
  195. }
  196. .collapse-transition {
  197. transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
  198. }
  199. .el-collapse-transition-enter-active,
  200. .el-collapse-transition-leave-active {
  201. transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
  202. }
  203. .horizontal-collapse-transition {
  204. transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
  205. }
  206. .el-list-enter-active,
  207. .el-list-leave-active {
  208. transition: all 1s
  209. }
  210. .el-list-enter-from,
  211. .el-list-leave-to {
  212. opacity: 0;
  213. transform: translateY(-30px)
  214. }
  215. .el-list-leave-active {
  216. position: absolute !important
  217. }
  218. .el-opacity-transition {
  219. transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
  220. }
  221. .el-icon-loading {
  222. animation: rotating 2s linear infinite
  223. }
  224. .el-icon--right {
  225. margin-left: 5px
  226. }
  227. .el-icon--left {
  228. margin-right: 5px
  229. }
  230. @keyframes rotating {
  231. 0% {
  232. transform: rotate(0deg)
  233. }
  234. to {
  235. transform: rotate(1turn)
  236. }
  237. }
  238. .el-icon {
  239. --color: inherit;
  240. align-items: center;
  241. display: inline-flex;
  242. height: 1em;
  243. justify-content: center;
  244. line-height: 1em;
  245. position: relative;
  246. width: 1em;
  247. fill: currentColor;
  248. color: var(--color);
  249. font-size: inherit
  250. }
  251. .el-icon.is-loading {
  252. animation: rotating 2s linear infinite
  253. }
  254. .el-icon svg {
  255. height: 1em;
  256. width: 1em
  257. }
  258. .el-affix--fixed {
  259. position: fixed
  260. }
  261. .el-alert {
  262. --el-alert-padding: 8px 16px;
  263. --el-alert-border-radius-base: var(--el-border-radius-base);
  264. --el-alert-title-font-size: 14px;
  265. --el-alert-title-with-description-font-size: 16px;
  266. --el-alert-description-font-size: 14px;
  267. --el-alert-close-font-size: 16px;
  268. --el-alert-close-customed-font-size: 14px;
  269. --el-alert-icon-size: 16px;
  270. --el-alert-icon-large-size: 28px;
  271. align-items: center;
  272. background-color: var(--el-color-white);
  273. border-radius: var(--el-alert-border-radius-base);
  274. box-sizing: border-box;
  275. display: flex;
  276. margin: 0;
  277. opacity: 1;
  278. overflow: hidden;
  279. padding: var(--el-alert-padding);
  280. position: relative;
  281. transition: opacity var(--el-transition-duration-fast);
  282. width: 100%
  283. }
  284. .el-alert.is-light .el-alert__close-btn {
  285. color: var(--el-text-color-placeholder)
  286. }
  287. .el-alert.is-dark .el-alert__close-btn,
  288. .el-alert.is-dark .el-alert__description {
  289. color: var(--el-color-white)
  290. }
  291. .el-alert.is-center {
  292. justify-content: center
  293. }
  294. .el-alert--success {
  295. --el-alert-bg-color: var(--el-color-success-light-9)
  296. }
  297. .el-alert--success.is-light {
  298. background-color: var(--el-alert-bg-color)
  299. }
  300. .el-alert--success.is-light,
  301. .el-alert--success.is-light .el-alert__description {
  302. color: var(--el-color-success)
  303. }
  304. .el-alert--success.is-dark {
  305. background-color: var(--el-color-success);
  306. color: var(--el-color-white)
  307. }
  308. .el-alert--info {
  309. --el-alert-bg-color: var(--el-color-info-light-9)
  310. }
  311. .el-alert--info.is-light {
  312. background-color: var(--el-alert-bg-color)
  313. }
  314. .el-alert--info.is-light,
  315. .el-alert--info.is-light .el-alert__description {
  316. color: var(--el-color-info)
  317. }
  318. .el-alert--info.is-dark {
  319. background-color: var(--el-color-info);
  320. color: var(--el-color-white)
  321. }
  322. .el-alert--warning {
  323. --el-alert-bg-color: var(--el-color-warning-light-9)
  324. }
  325. .el-alert--warning.is-light {
  326. background-color: var(--el-alert-bg-color)
  327. }
  328. .el-alert--warning.is-light,
  329. .el-alert--warning.is-light .el-alert__description {
  330. color: var(--el-color-warning)
  331. }
  332. .el-alert--warning.is-dark {
  333. background-color: var(--el-color-warning);
  334. color: var(--el-color-white)
  335. }
  336. .el-alert--error {
  337. --el-alert-bg-color: var(--el-color-error-light-9)
  338. }
  339. .el-alert--error.is-light {
  340. background-color: var(--el-alert-bg-color)
  341. }
  342. .el-alert--error.is-light,
  343. .el-alert--error.is-light .el-alert__description {
  344. color: var(--el-color-error)
  345. }
  346. .el-alert--error.is-dark {
  347. background-color: var(--el-color-error);
  348. color: var(--el-color-white)
  349. }
  350. .el-alert__content {
  351. display: flex;
  352. flex-direction: column;
  353. gap: 4px
  354. }
  355. .el-alert .el-alert__icon {
  356. font-size: var(--el-alert-icon-size);
  357. margin-right: 8px;
  358. width: var(--el-alert-icon-size)
  359. }
  360. .el-alert .el-alert__icon.is-big {
  361. font-size: var(--el-alert-icon-large-size);
  362. margin-right: 12px;
  363. width: var(--el-alert-icon-large-size)
  364. }
  365. .el-alert__title {
  366. font-size: var(--el-alert-title-font-size);
  367. line-height: 24px
  368. }
  369. .el-alert__title.with-description {
  370. font-size: var(--el-alert-title-with-description-font-size)
  371. }
  372. .el-alert .el-alert__description {
  373. font-size: var(--el-alert-description-font-size);
  374. margin: 0
  375. }
  376. .el-alert .el-alert__close-btn {
  377. cursor: pointer;
  378. font-size: var(--el-alert-close-font-size);
  379. opacity: 1;
  380. position: absolute;
  381. right: 16px;
  382. top: 12px
  383. }
  384. .el-alert .el-alert__close-btn.is-customed {
  385. font-size: var(--el-alert-close-customed-font-size);
  386. font-style: normal;
  387. line-height: 24px;
  388. top: 8px
  389. }
  390. .el-alert-fade-enter-from,
  391. .el-alert-fade-leave-active {
  392. opacity: 0
  393. }
  394. .el-aside {
  395. box-sizing: border-box;
  396. flex-shrink: 0;
  397. overflow: auto;
  398. width: var(--el-aside-width, 300px)
  399. }
  400. .el-autocomplete {
  401. --el-input-text-color: var(--el-text-color-regular);
  402. --el-input-border: var(--el-border);
  403. --el-input-hover-border: var(--el-border-color-hover);
  404. --el-input-focus-border: var(--el-color-primary);
  405. --el-input-transparent-border: 0 0 0 1px transparent inset;
  406. --el-input-border-color: var(--el-border-color);
  407. --el-input-border-radius: var(--el-border-radius-base);
  408. --el-input-bg-color: var(--el-fill-color-blank);
  409. --el-input-icon-color: var(--el-text-color-placeholder);
  410. --el-input-placeholder-color: var(--el-text-color-placeholder);
  411. --el-input-hover-border-color: var(--el-border-color-hover);
  412. --el-input-clear-hover-color: var(--el-text-color-secondary);
  413. --el-input-focus-border-color: var(--el-color-primary);
  414. --el-input-width: 100%;
  415. display: inline-block;
  416. position: relative;
  417. width: var(--el-input-width)
  418. }
  419. .el-autocomplete__popper.el-popper {
  420. background: var(--el-bg-color-overlay);
  421. box-shadow: var(--el-box-shadow-light)
  422. }
  423. .el-autocomplete__popper.el-popper,
  424. .el-autocomplete__popper.el-popper .el-popper__arrow:before {
  425. border: 1px solid var(--el-border-color-light)
  426. }
  427. .el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  428. border-left-color: transparent;
  429. border-top-color: transparent
  430. }
  431. .el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  432. border-bottom-color: transparent;
  433. border-right-color: transparent
  434. }
  435. .el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  436. border-bottom-color: transparent;
  437. border-left-color: transparent
  438. }
  439. .el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  440. border-right-color: transparent;
  441. border-top-color: transparent
  442. }
  443. .el-autocomplete-suggestion {
  444. border-radius: var(--el-border-radius-base);
  445. box-sizing: border-box
  446. }
  447. .el-autocomplete-suggestion__wrap {
  448. box-sizing: border-box;
  449. max-height: 280px;
  450. padding: 10px 0
  451. }
  452. .el-autocomplete-suggestion__list {
  453. margin: 0;
  454. padding: 0
  455. }
  456. .el-autocomplete-suggestion li {
  457. color: var(--el-text-color-regular);
  458. cursor: pointer;
  459. font-size: var(--el-font-size-base);
  460. line-height: 34px;
  461. list-style: none;
  462. margin: 0;
  463. overflow: hidden;
  464. padding: 0 20px;
  465. text-align: left;
  466. text-overflow: ellipsis;
  467. white-space: nowrap
  468. }
  469. .el-autocomplete-suggestion li.highlighted,
  470. .el-autocomplete-suggestion li:hover {
  471. background-color: var(--el-fill-color-light)
  472. }
  473. .el-autocomplete-suggestion li.divider {
  474. border-top: 1px solid var(--el-color-black);
  475. margin-top: 6px
  476. }
  477. .el-autocomplete-suggestion li.divider:last-child {
  478. margin-bottom: -6px
  479. }
  480. .el-autocomplete-suggestion.is-loading li {
  481. color: var(--el-text-color-secondary);
  482. font-size: 20px;
  483. height: 100px;
  484. line-height: 100px;
  485. text-align: center
  486. }
  487. .el-autocomplete-suggestion.is-loading li:after {
  488. content: "";
  489. display: inline-block;
  490. height: 100%;
  491. vertical-align: middle
  492. }
  493. .el-autocomplete-suggestion.is-loading li:hover {
  494. background-color: var(--el-bg-color-overlay)
  495. }
  496. .el-autocomplete-suggestion.is-loading .el-icon-loading {
  497. vertical-align: middle
  498. }
  499. .el-avatar {
  500. --el-avatar-text-color: var(--el-color-white);
  501. --el-avatar-bg-color: var(--el-text-color-disabled);
  502. --el-avatar-text-size: 14px;
  503. --el-avatar-icon-size: 18px;
  504. --el-avatar-border-radius: var(--el-border-radius-base);
  505. --el-avatar-size-large: 56px;
  506. --el-avatar-size-small: 24px;
  507. --el-avatar-size: 40px;
  508. align-items: center;
  509. background: var(--el-avatar-bg-color);
  510. box-sizing: border-box;
  511. color: var(--el-avatar-text-color);
  512. display: inline-flex;
  513. font-size: var(--el-avatar-text-size);
  514. height: var(--el-avatar-size);
  515. justify-content: center;
  516. outline: none;
  517. overflow: hidden;
  518. text-align: center;
  519. width: var(--el-avatar-size)
  520. }
  521. .el-avatar>img {
  522. display: block;
  523. height: 100%;
  524. width: 100%
  525. }
  526. .el-avatar--circle {
  527. border-radius: 50%
  528. }
  529. .el-avatar--square {
  530. border-radius: var(--el-avatar-border-radius)
  531. }
  532. .el-avatar--icon {
  533. font-size: var(--el-avatar-icon-size)
  534. }
  535. .el-avatar--small {
  536. --el-avatar-size: 24px
  537. }
  538. .el-avatar--large {
  539. --el-avatar-size: 56px
  540. }
  541. .el-backtop {
  542. --el-backtop-bg-color: var(--el-bg-color-overlay);
  543. --el-backtop-text-color: var(--el-color-primary);
  544. --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
  545. align-items: center;
  546. background-color: var(--el-backtop-bg-color);
  547. border-radius: 50%;
  548. box-shadow: var(--el-box-shadow-lighter);
  549. color: var(--el-backtop-text-color);
  550. cursor: pointer;
  551. display: flex;
  552. font-size: 20px;
  553. height: 40px;
  554. justify-content: center;
  555. position: fixed;
  556. width: 40px;
  557. z-index: 5
  558. }
  559. .el-backtop:hover {
  560. background-color: var(--el-backtop-hover-bg-color)
  561. }
  562. .el-backtop__icon {
  563. font-size: 20px
  564. }
  565. .el-badge {
  566. --el-badge-bg-color: var(--el-color-danger);
  567. --el-badge-radius: 10px;
  568. --el-badge-font-size: 12px;
  569. --el-badge-padding: 6px;
  570. --el-badge-size: 18px;
  571. display: inline-block;
  572. position: relative;
  573. vertical-align: middle;
  574. width: -moz-fit-content;
  575. width: fit-content
  576. }
  577. .el-badge__content {
  578. align-items: center;
  579. background-color: var(--el-badge-bg-color);
  580. border: 1px solid var(--el-bg-color);
  581. border-radius: var(--el-badge-radius);
  582. color: var(--el-color-white);
  583. display: inline-flex;
  584. font-size: var(--el-badge-font-size);
  585. height: var(--el-badge-size);
  586. justify-content: center;
  587. padding: 0 var(--el-badge-padding);
  588. white-space: nowrap
  589. }
  590. .el-badge__content.is-fixed {
  591. position: absolute;
  592. right: calc(1px + var(--el-badge-size)/2);
  593. top: 0;
  594. transform: translateY(-50%) translateX(100%);
  595. z-index: var(--el-index-normal)
  596. }
  597. .el-badge__content.is-fixed.is-dot {
  598. right: 5px
  599. }
  600. .el-badge__content.is-dot {
  601. border-radius: 50%;
  602. height: 8px;
  603. padding: 0;
  604. right: 0;
  605. width: 8px
  606. }
  607. .el-badge__content.is-hide-zero {
  608. display: none
  609. }
  610. .el-badge__content--primary {
  611. background-color: var(--el-color-primary)
  612. }
  613. .el-badge__content--success {
  614. background-color: var(--el-color-success)
  615. }
  616. .el-badge__content--warning {
  617. background-color: var(--el-color-warning)
  618. }
  619. .el-badge__content--info {
  620. background-color: var(--el-color-info)
  621. }
  622. .el-badge__content--danger {
  623. background-color: var(--el-color-danger)
  624. }
  625. .el-breadcrumb {
  626. font-size: 14px;
  627. line-height: 1
  628. }
  629. .el-breadcrumb:after,
  630. .el-breadcrumb:before {
  631. content: "";
  632. display: table
  633. }
  634. .el-breadcrumb:after {
  635. clear: both
  636. }
  637. .el-breadcrumb__separator {
  638. color: var(--el-text-color-placeholder);
  639. font-weight: bold;
  640. margin: 0 9px
  641. }
  642. .el-breadcrumb__separator.el-icon {
  643. font-weight: normal;
  644. margin: 0 6px
  645. }
  646. .el-breadcrumb__separator.el-icon svg {
  647. vertical-align: middle
  648. }
  649. .el-breadcrumb__item {
  650. align-items: center;
  651. display: inline-flex;
  652. float: left
  653. }
  654. .el-breadcrumb__inner {
  655. color: var(--el-text-color-regular)
  656. }
  657. .el-breadcrumb__inner a,
  658. .el-breadcrumb__inner.is-link {
  659. color: var(--el-text-color-primary);
  660. font-weight: bold;
  661. text-decoration: none;
  662. transition: var(--el-transition-color)
  663. }
  664. .el-breadcrumb__inner a:hover,
  665. .el-breadcrumb__inner.is-link:hover {
  666. color: var(--el-color-primary);
  667. cursor: pointer
  668. }
  669. .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  670. .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  671. .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
  672. .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  673. color: var(--el-text-color-regular);
  674. cursor: text;
  675. font-weight: normal
  676. }
  677. .el-breadcrumb__item:last-child .el-breadcrumb__separator {
  678. display: none
  679. }
  680. .el-button-group {
  681. display: inline-block;
  682. vertical-align: middle
  683. }
  684. .el-button-group:after,
  685. .el-button-group:before {
  686. content: "";
  687. display: table
  688. }
  689. .el-button-group:after {
  690. clear: both
  691. }
  692. .el-button-group>.el-button {
  693. float: left;
  694. position: relative
  695. }
  696. .el-button-group>.el-button+.el-button {
  697. margin-left: 0
  698. }
  699. .el-button-group>.el-button:first-child {
  700. border-bottom-right-radius: 0;
  701. border-top-right-radius: 0
  702. }
  703. .el-button-group>.el-button:last-child {
  704. border-bottom-left-radius: 0;
  705. border-top-left-radius: 0
  706. }
  707. .el-button-group>.el-button:first-child:last-child {
  708. border-bottom-left-radius: var(--el-border-radius-base);
  709. border-bottom-right-radius: var(--el-border-radius-base);
  710. border-top-left-radius: var(--el-border-radius-base);
  711. border-top-right-radius: var(--el-border-radius-base)
  712. }
  713. .el-button-group>.el-button:first-child:last-child.is-round {
  714. border-radius: var(--el-border-radius-round)
  715. }
  716. .el-button-group>.el-button:first-child:last-child.is-circle {
  717. border-radius: 50%
  718. }
  719. .el-button-group>.el-button:not(:first-child):not(:last-child) {
  720. border-radius: 0
  721. }
  722. .el-button-group>.el-button:not(:last-child) {
  723. margin-right: -1px
  724. }
  725. .el-button-group>.el-button.is-active,
  726. .el-button-group>.el-button:active,
  727. .el-button-group>.el-button:focus,
  728. .el-button-group>.el-button:hover {
  729. z-index: 1
  730. }
  731. .el-button-group>.el-dropdown>.el-button {
  732. border-bottom-left-radius: 0;
  733. border-left-color: var(--el-button-divide-border-color);
  734. border-top-left-radius: 0
  735. }
  736. .el-button-group .el-button--primary:first-child {
  737. border-right-color: var(--el-button-divide-border-color)
  738. }
  739. .el-button-group .el-button--primary:last-child {
  740. border-left-color: var(--el-button-divide-border-color)
  741. }
  742. .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  743. border-left-color: var(--el-button-divide-border-color);
  744. border-right-color: var(--el-button-divide-border-color)
  745. }
  746. .el-button-group .el-button--success:first-child {
  747. border-right-color: var(--el-button-divide-border-color)
  748. }
  749. .el-button-group .el-button--success:last-child {
  750. border-left-color: var(--el-button-divide-border-color)
  751. }
  752. .el-button-group .el-button--success:not(:first-child):not(:last-child) {
  753. border-left-color: var(--el-button-divide-border-color);
  754. border-right-color: var(--el-button-divide-border-color)
  755. }
  756. .el-button-group .el-button--warning:first-child {
  757. border-right-color: var(--el-button-divide-border-color)
  758. }
  759. .el-button-group .el-button--warning:last-child {
  760. border-left-color: var(--el-button-divide-border-color)
  761. }
  762. .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  763. border-left-color: var(--el-button-divide-border-color);
  764. border-right-color: var(--el-button-divide-border-color)
  765. }
  766. .el-button-group .el-button--danger:first-child {
  767. border-right-color: var(--el-button-divide-border-color)
  768. }
  769. .el-button-group .el-button--danger:last-child {
  770. border-left-color: var(--el-button-divide-border-color)
  771. }
  772. .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  773. border-left-color: var(--el-button-divide-border-color);
  774. border-right-color: var(--el-button-divide-border-color)
  775. }
  776. .el-button-group .el-button--info:first-child {
  777. border-right-color: var(--el-button-divide-border-color)
  778. }
  779. .el-button-group .el-button--info:last-child {
  780. border-left-color: var(--el-button-divide-border-color)
  781. }
  782. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  783. border-left-color: var(--el-button-divide-border-color);
  784. border-right-color: var(--el-button-divide-border-color)
  785. }
  786. .el-button {
  787. --el-button-font-weight: var(--el-font-weight-primary);
  788. --el-button-border-color: var(--el-border-color);
  789. --el-button-bg-color: var(--el-fill-color-blank);
  790. --el-button-text-color: var(--el-text-color-regular);
  791. --el-button-disabled-text-color: var(--el-disabled-text-color);
  792. --el-button-disabled-bg-color: var(--el-fill-color-blank);
  793. --el-button-disabled-border-color: var(--el-border-color-light);
  794. --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  795. --el-button-hover-text-color: var(--el-color-primary);
  796. --el-button-hover-bg-color: var(--el-color-primary-light-9);
  797. --el-button-hover-border-color: var(--el-color-primary-light-7);
  798. --el-button-active-text-color: var(--el-button-hover-text-color);
  799. --el-button-active-border-color: var(--el-color-primary);
  800. --el-button-active-bg-color: var(--el-button-hover-bg-color);
  801. --el-button-outline-color: var(--el-color-primary-light-5);
  802. --el-button-hover-link-text-color: var(--el-text-color-secondary);
  803. --el-button-active-color: var(--el-text-color-primary);
  804. align-items: center;
  805. -webkit-appearance: none;
  806. background-color: var(--el-button-bg-color);
  807. border: var(--el-border);
  808. border-color: var(--el-button-border-color);
  809. box-sizing: border-box;
  810. color: var(--el-button-text-color);
  811. cursor: pointer;
  812. display: inline-flex;
  813. font-weight: var(--el-button-font-weight);
  814. height: 32px;
  815. justify-content: center;
  816. line-height: 1;
  817. outline: none;
  818. text-align: center;
  819. transition: .1s;
  820. -webkit-user-select: none;
  821. -moz-user-select: none;
  822. user-select: none;
  823. vertical-align: middle;
  824. white-space: nowrap
  825. }
  826. .el-button:hover {
  827. background-color: var(--el-button-hover-bg-color);
  828. border-color: var(--el-button-hover-border-color);
  829. color: var(--el-button-hover-text-color);
  830. outline: none
  831. }
  832. .el-button:active {
  833. background-color: var(--el-button-active-bg-color);
  834. border-color: var(--el-button-active-border-color);
  835. color: var(--el-button-active-text-color);
  836. outline: none
  837. }
  838. .el-button:focus-visible {
  839. outline: 2px solid var(--el-button-outline-color);
  840. outline-offset: 1px;
  841. transition: outline-offset 0s, outline 0s
  842. }
  843. .el-button>span {
  844. align-items: center;
  845. display: inline-flex
  846. }
  847. .el-button+.el-button {
  848. margin-left: 12px
  849. }
  850. .el-button {
  851. border-radius: var(--el-border-radius-base);
  852. font-size: var(--el-font-size-base)
  853. }
  854. .el-button,
  855. .el-button.is-round {
  856. padding: 8px 15px
  857. }
  858. .el-button::-moz-focus-inner {
  859. border: 0
  860. }
  861. .el-button [class*=el-icon]+span {
  862. margin-left: 6px
  863. }
  864. .el-button [class*=el-icon] svg {
  865. vertical-align: bottom
  866. }
  867. .el-button.is-plain {
  868. --el-button-hover-text-color: var(--el-color-primary);
  869. --el-button-hover-bg-color: var(--el-fill-color-blank);
  870. --el-button-hover-border-color: var(--el-color-primary)
  871. }
  872. .el-button.is-active {
  873. background-color: var(--el-button-active-bg-color);
  874. border-color: var(--el-button-active-border-color);
  875. color: var(--el-button-active-text-color);
  876. outline: none
  877. }
  878. .el-button.is-disabled,
  879. .el-button.is-disabled:hover {
  880. background-color: var(--el-button-disabled-bg-color);
  881. background-image: none;
  882. border-color: var(--el-button-disabled-border-color);
  883. color: var(--el-button-disabled-text-color);
  884. cursor: not-allowed
  885. }
  886. .el-button.is-loading {
  887. pointer-events: none;
  888. position: relative
  889. }
  890. .el-button.is-loading:before {
  891. background-color: var(--el-mask-color-extra-light);
  892. border-radius: inherit;
  893. bottom: -1px;
  894. content: "";
  895. left: -1px;
  896. pointer-events: none;
  897. position: absolute;
  898. right: -1px;
  899. top: -1px;
  900. z-index: 1
  901. }
  902. .el-button.is-round {
  903. border-radius: var(--el-border-radius-round)
  904. }
  905. .el-button.is-circle {
  906. border-radius: 50%;
  907. padding: 8px;
  908. width: 32px
  909. }
  910. .el-button.is-text {
  911. background-color: transparent;
  912. border: 0 solid transparent;
  913. color: var(--el-button-text-color)
  914. }
  915. .el-button.is-text.is-disabled {
  916. background-color: transparent !important;
  917. color: var(--el-button-disabled-text-color)
  918. }
  919. .el-button.is-text:not(.is-disabled):hover {
  920. background-color: var(--el-fill-color-light)
  921. }
  922. .el-button.is-text:not(.is-disabled):focus-visible {
  923. outline: 2px solid var(--el-button-outline-color);
  924. outline-offset: 1px;
  925. transition: outline-offset 0s, outline 0s
  926. }
  927. .el-button.is-text:not(.is-disabled):active {
  928. background-color: var(--el-fill-color)
  929. }
  930. .el-button.is-text:not(.is-disabled).is-has-bg {
  931. background-color: var(--el-fill-color-light)
  932. }
  933. .el-button.is-text:not(.is-disabled).is-has-bg:hover {
  934. background-color: var(--el-fill-color)
  935. }
  936. .el-button.is-text:not(.is-disabled).is-has-bg:active {
  937. background-color: var(--el-fill-color-dark)
  938. }
  939. .el-button__text--expand {
  940. letter-spacing: .3em;
  941. margin-right: -.3em
  942. }
  943. .el-button.is-link {
  944. background: transparent;
  945. border-color: transparent;
  946. color: var(--el-button-text-color);
  947. height: auto;
  948. padding: 2px
  949. }
  950. .el-button.is-link:hover {
  951. color: var(--el-button-hover-link-text-color)
  952. }
  953. .el-button.is-link.is-disabled {
  954. background-color: transparent !important;
  955. border-color: transparent !important;
  956. color: var(--el-button-disabled-text-color)
  957. }
  958. .el-button.is-link:not(.is-disabled):active,
  959. .el-button.is-link:not(.is-disabled):hover {
  960. background-color: transparent;
  961. border-color: transparent
  962. }
  963. .el-button.is-link:not(.is-disabled):active {
  964. color: var(--el-button-active-color)
  965. }
  966. .el-button--text {
  967. background: transparent;
  968. border-color: transparent;
  969. color: var(--el-color-primary);
  970. padding-left: 0;
  971. padding-right: 0
  972. }
  973. .el-button--text.is-disabled {
  974. background-color: transparent !important;
  975. border-color: transparent !important;
  976. color: var(--el-button-disabled-text-color)
  977. }
  978. .el-button--text:not(.is-disabled):hover {
  979. background-color: transparent;
  980. border-color: transparent;
  981. color: var(--el-color-primary-light-3)
  982. }
  983. .el-button--text:not(.is-disabled):active {
  984. background-color: transparent;
  985. border-color: transparent;
  986. color: var(--el-color-primary-dark-2)
  987. }
  988. .el-button__link--expand {
  989. letter-spacing: .3em;
  990. margin-right: -.3em
  991. }
  992. .el-button--primary {
  993. --el-button-text-color: var(--el-color-white);
  994. --el-button-bg-color: var(--el-color-primary);
  995. --el-button-border-color: var(--el-color-primary);
  996. --el-button-outline-color: var(--el-color-primary-light-5);
  997. --el-button-active-color: var(--el-color-primary-dark-2);
  998. --el-button-hover-text-color: var(--el-color-white);
  999. --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  1000. --el-button-hover-bg-color: var(--el-color-primary-light-3);
  1001. --el-button-hover-border-color: var(--el-color-primary-light-3);
  1002. --el-button-active-bg-color: var(--el-color-primary-dark-2);
  1003. --el-button-active-border-color: var(--el-color-primary-dark-2);
  1004. --el-button-disabled-text-color: var(--el-color-white);
  1005. --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  1006. --el-button-disabled-border-color: var(--el-color-primary-light-5)
  1007. }
  1008. .el-button--primary.is-link,
  1009. .el-button--primary.is-plain,
  1010. .el-button--primary.is-text {
  1011. --el-button-text-color: var(--el-color-primary);
  1012. --el-button-bg-color: var(--el-color-primary-light-9);
  1013. --el-button-border-color: var(--el-color-primary-light-5);
  1014. --el-button-hover-text-color: var(--el-color-white);
  1015. --el-button-hover-bg-color: var(--el-color-primary);
  1016. --el-button-hover-border-color: var(--el-color-primary);
  1017. --el-button-active-text-color: var(--el-color-white)
  1018. }
  1019. .el-button--primary.is-link.is-disabled,
  1020. .el-button--primary.is-link.is-disabled:active,
  1021. .el-button--primary.is-link.is-disabled:focus,
  1022. .el-button--primary.is-link.is-disabled:hover,
  1023. .el-button--primary.is-plain.is-disabled,
  1024. .el-button--primary.is-plain.is-disabled:active,
  1025. .el-button--primary.is-plain.is-disabled:focus,
  1026. .el-button--primary.is-plain.is-disabled:hover,
  1027. .el-button--primary.is-text.is-disabled,
  1028. .el-button--primary.is-text.is-disabled:active,
  1029. .el-button--primary.is-text.is-disabled:focus,
  1030. .el-button--primary.is-text.is-disabled:hover {
  1031. background-color: var(--el-color-primary-light-9);
  1032. border-color: var(--el-color-primary-light-8);
  1033. color: var(--el-color-primary-light-5)
  1034. }
  1035. .el-button--success {
  1036. --el-button-text-color: var(--el-color-white);
  1037. --el-button-bg-color: var(--el-color-success);
  1038. --el-button-border-color: var(--el-color-success);
  1039. --el-button-outline-color: var(--el-color-success-light-5);
  1040. --el-button-active-color: var(--el-color-success-dark-2);
  1041. --el-button-hover-text-color: var(--el-color-white);
  1042. --el-button-hover-link-text-color: var(--el-color-success-light-5);
  1043. --el-button-hover-bg-color: var(--el-color-success-light-3);
  1044. --el-button-hover-border-color: var(--el-color-success-light-3);
  1045. --el-button-active-bg-color: var(--el-color-success-dark-2);
  1046. --el-button-active-border-color: var(--el-color-success-dark-2);
  1047. --el-button-disabled-text-color: var(--el-color-white);
  1048. --el-button-disabled-bg-color: var(--el-color-success-light-5);
  1049. --el-button-disabled-border-color: var(--el-color-success-light-5)
  1050. }
  1051. .el-button--success.is-link,
  1052. .el-button--success.is-plain,
  1053. .el-button--success.is-text {
  1054. --el-button-text-color: var(--el-color-success);
  1055. --el-button-bg-color: var(--el-color-success-light-9);
  1056. --el-button-border-color: var(--el-color-success-light-5);
  1057. --el-button-hover-text-color: var(--el-color-white);
  1058. --el-button-hover-bg-color: var(--el-color-success);
  1059. --el-button-hover-border-color: var(--el-color-success);
  1060. --el-button-active-text-color: var(--el-color-white)
  1061. }
  1062. .el-button--success.is-link.is-disabled,
  1063. .el-button--success.is-link.is-disabled:active,
  1064. .el-button--success.is-link.is-disabled:focus,
  1065. .el-button--success.is-link.is-disabled:hover,
  1066. .el-button--success.is-plain.is-disabled,
  1067. .el-button--success.is-plain.is-disabled:active,
  1068. .el-button--success.is-plain.is-disabled:focus,
  1069. .el-button--success.is-plain.is-disabled:hover,
  1070. .el-button--success.is-text.is-disabled,
  1071. .el-button--success.is-text.is-disabled:active,
  1072. .el-button--success.is-text.is-disabled:focus,
  1073. .el-button--success.is-text.is-disabled:hover {
  1074. background-color: var(--el-color-success-light-9);
  1075. border-color: var(--el-color-success-light-8);
  1076. color: var(--el-color-success-light-5)
  1077. }
  1078. .el-button--warning {
  1079. --el-button-text-color: var(--el-color-white);
  1080. --el-button-bg-color: var(--el-color-warning);
  1081. --el-button-border-color: var(--el-color-warning);
  1082. --el-button-outline-color: var(--el-color-warning-light-5);
  1083. --el-button-active-color: var(--el-color-warning-dark-2);
  1084. --el-button-hover-text-color: var(--el-color-white);
  1085. --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  1086. --el-button-hover-bg-color: var(--el-color-warning-light-3);
  1087. --el-button-hover-border-color: var(--el-color-warning-light-3);
  1088. --el-button-active-bg-color: var(--el-color-warning-dark-2);
  1089. --el-button-active-border-color: var(--el-color-warning-dark-2);
  1090. --el-button-disabled-text-color: var(--el-color-white);
  1091. --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  1092. --el-button-disabled-border-color: var(--el-color-warning-light-5)
  1093. }
  1094. .el-button--warning.is-link,
  1095. .el-button--warning.is-plain,
  1096. .el-button--warning.is-text {
  1097. --el-button-text-color: var(--el-color-warning);
  1098. --el-button-bg-color: var(--el-color-warning-light-9);
  1099. --el-button-border-color: var(--el-color-warning-light-5);
  1100. --el-button-hover-text-color: var(--el-color-white);
  1101. --el-button-hover-bg-color: var(--el-color-warning);
  1102. --el-button-hover-border-color: var(--el-color-warning);
  1103. --el-button-active-text-color: var(--el-color-white)
  1104. }
  1105. .el-button--warning.is-link.is-disabled,
  1106. .el-button--warning.is-link.is-disabled:active,
  1107. .el-button--warning.is-link.is-disabled:focus,
  1108. .el-button--warning.is-link.is-disabled:hover,
  1109. .el-button--warning.is-plain.is-disabled,
  1110. .el-button--warning.is-plain.is-disabled:active,
  1111. .el-button--warning.is-plain.is-disabled:focus,
  1112. .el-button--warning.is-plain.is-disabled:hover,
  1113. .el-button--warning.is-text.is-disabled,
  1114. .el-button--warning.is-text.is-disabled:active,
  1115. .el-button--warning.is-text.is-disabled:focus,
  1116. .el-button--warning.is-text.is-disabled:hover {
  1117. background-color: var(--el-color-warning-light-9);
  1118. border-color: var(--el-color-warning-light-8);
  1119. color: var(--el-color-warning-light-5)
  1120. }
  1121. .el-button--danger {
  1122. --el-button-text-color: var(--el-color-white);
  1123. --el-button-bg-color: var(--el-color-danger);
  1124. --el-button-border-color: var(--el-color-danger);
  1125. --el-button-outline-color: var(--el-color-danger-light-5);
  1126. --el-button-active-color: var(--el-color-danger-dark-2);
  1127. --el-button-hover-text-color: var(--el-color-white);
  1128. --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  1129. --el-button-hover-bg-color: var(--el-color-danger-light-3);
  1130. --el-button-hover-border-color: var(--el-color-danger-light-3);
  1131. --el-button-active-bg-color: var(--el-color-danger-dark-2);
  1132. --el-button-active-border-color: var(--el-color-danger-dark-2);
  1133. --el-button-disabled-text-color: var(--el-color-white);
  1134. --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  1135. --el-button-disabled-border-color: var(--el-color-danger-light-5)
  1136. }
  1137. .el-button--danger.is-link,
  1138. .el-button--danger.is-plain,
  1139. .el-button--danger.is-text {
  1140. --el-button-text-color: var(--el-color-danger);
  1141. --el-button-bg-color: var(--el-color-danger-light-9);
  1142. --el-button-border-color: var(--el-color-danger-light-5);
  1143. --el-button-hover-text-color: var(--el-color-white);
  1144. --el-button-hover-bg-color: var(--el-color-danger);
  1145. --el-button-hover-border-color: var(--el-color-danger);
  1146. --el-button-active-text-color: var(--el-color-white)
  1147. }
  1148. .el-button--danger.is-link.is-disabled,
  1149. .el-button--danger.is-link.is-disabled:active,
  1150. .el-button--danger.is-link.is-disabled:focus,
  1151. .el-button--danger.is-link.is-disabled:hover,
  1152. .el-button--danger.is-plain.is-disabled,
  1153. .el-button--danger.is-plain.is-disabled:active,
  1154. .el-button--danger.is-plain.is-disabled:focus,
  1155. .el-button--danger.is-plain.is-disabled:hover,
  1156. .el-button--danger.is-text.is-disabled,
  1157. .el-button--danger.is-text.is-disabled:active,
  1158. .el-button--danger.is-text.is-disabled:focus,
  1159. .el-button--danger.is-text.is-disabled:hover {
  1160. background-color: var(--el-color-danger-light-9);
  1161. border-color: var(--el-color-danger-light-8);
  1162. color: var(--el-color-danger-light-5)
  1163. }
  1164. .el-button--info {
  1165. --el-button-text-color: var(--el-color-white);
  1166. --el-button-bg-color: var(--el-color-info);
  1167. --el-button-border-color: var(--el-color-info);
  1168. --el-button-outline-color: var(--el-color-info-light-5);
  1169. --el-button-active-color: var(--el-color-info-dark-2);
  1170. --el-button-hover-text-color: var(--el-color-white);
  1171. --el-button-hover-link-text-color: var(--el-color-info-light-5);
  1172. --el-button-hover-bg-color: var(--el-color-info-light-3);
  1173. --el-button-hover-border-color: var(--el-color-info-light-3);
  1174. --el-button-active-bg-color: var(--el-color-info-dark-2);
  1175. --el-button-active-border-color: var(--el-color-info-dark-2);
  1176. --el-button-disabled-text-color: var(--el-color-white);
  1177. --el-button-disabled-bg-color: var(--el-color-info-light-5);
  1178. --el-button-disabled-border-color: var(--el-color-info-light-5)
  1179. }
  1180. .el-button--info.is-link,
  1181. .el-button--info.is-plain,
  1182. .el-button--info.is-text {
  1183. --el-button-text-color: var(--el-color-info);
  1184. --el-button-bg-color: var(--el-color-info-light-9);
  1185. --el-button-border-color: var(--el-color-info-light-5);
  1186. --el-button-hover-text-color: var(--el-color-white);
  1187. --el-button-hover-bg-color: var(--el-color-info);
  1188. --el-button-hover-border-color: var(--el-color-info);
  1189. --el-button-active-text-color: var(--el-color-white)
  1190. }
  1191. .el-button--info.is-link.is-disabled,
  1192. .el-button--info.is-link.is-disabled:active,
  1193. .el-button--info.is-link.is-disabled:focus,
  1194. .el-button--info.is-link.is-disabled:hover,
  1195. .el-button--info.is-plain.is-disabled,
  1196. .el-button--info.is-plain.is-disabled:active,
  1197. .el-button--info.is-plain.is-disabled:focus,
  1198. .el-button--info.is-plain.is-disabled:hover,
  1199. .el-button--info.is-text.is-disabled,
  1200. .el-button--info.is-text.is-disabled:active,
  1201. .el-button--info.is-text.is-disabled:focus,
  1202. .el-button--info.is-text.is-disabled:hover {
  1203. background-color: var(--el-color-info-light-9);
  1204. border-color: var(--el-color-info-light-8);
  1205. color: var(--el-color-info-light-5)
  1206. }
  1207. .el-button--large {
  1208. --el-button-size: 40px;
  1209. height: var(--el-button-size)
  1210. }
  1211. .el-button--large [class*=el-icon]+span {
  1212. margin-left: 8px
  1213. }
  1214. .el-button--large {
  1215. border-radius: var(--el-border-radius-base);
  1216. font-size: var(--el-font-size-base);
  1217. padding: 12px 19px
  1218. }
  1219. .el-button--large.is-round {
  1220. padding: 12px 19px
  1221. }
  1222. .el-button--large.is-circle {
  1223. padding: 12px;
  1224. width: var(--el-button-size)
  1225. }
  1226. .el-button--small {
  1227. --el-button-size: 24px;
  1228. height: var(--el-button-size)
  1229. }
  1230. .el-button--small [class*=el-icon]+span {
  1231. margin-left: 4px
  1232. }
  1233. .el-button--small {
  1234. border-radius: calc(var(--el-border-radius-base) - 1px);
  1235. font-size: 12px;
  1236. padding: 5px 11px
  1237. }
  1238. .el-button--small.is-round {
  1239. padding: 5px 11px
  1240. }
  1241. .el-button--small.is-circle {
  1242. padding: 5px;
  1243. width: var(--el-button-size)
  1244. }
  1245. .el-calendar {
  1246. --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
  1247. --el-calendar-header-border-bottom: var(--el-calendar-border);
  1248. --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
  1249. --el-calendar-cell-width: 85px;
  1250. background-color: var(--el-fill-color-blank)
  1251. }
  1252. .el-calendar__header {
  1253. border-bottom: var(--el-calendar-header-border-bottom);
  1254. display: flex;
  1255. justify-content: space-between;
  1256. padding: 12px 20px
  1257. }
  1258. .el-calendar__title {
  1259. align-self: center;
  1260. color: var(--el-text-color)
  1261. }
  1262. .el-calendar__body {
  1263. padding: 12px 20px 35px
  1264. }
  1265. .el-calendar-table {
  1266. table-layout: fixed;
  1267. width: 100%
  1268. }
  1269. .el-calendar-table thead th {
  1270. color: var(--el-text-color-regular);
  1271. font-weight: normal;
  1272. padding: 12px 0
  1273. }
  1274. .el-calendar-table:not(.is-range) td.next,
  1275. .el-calendar-table:not(.is-range) td.prev {
  1276. color: var(--el-text-color-placeholder)
  1277. }
  1278. .el-calendar-table td {
  1279. border-bottom: var(--el-calendar-border);
  1280. border-right: var(--el-calendar-border);
  1281. transition: background-color var(--el-transition-duration-fast) ease;
  1282. vertical-align: top
  1283. }
  1284. .el-calendar-table td.is-selected {
  1285. background-color: var(--el-calendar-selected-bg-color)
  1286. }
  1287. .el-calendar-table td.is-today {
  1288. color: var(--el-color-primary)
  1289. }
  1290. .el-calendar-table tr:first-child td {
  1291. border-top: var(--el-calendar-border)
  1292. }
  1293. .el-calendar-table tr td:first-child {
  1294. border-left: var(--el-calendar-border)
  1295. }
  1296. .el-calendar-table tr.el-calendar-table__row--hide-border td {
  1297. border-top: none
  1298. }
  1299. .el-calendar-table .el-calendar-day {
  1300. box-sizing: border-box;
  1301. height: var(--el-calendar-cell-width);
  1302. padding: 8px
  1303. }
  1304. .el-calendar-table .el-calendar-day:hover {
  1305. background-color: var(--el-calendar-selected-bg-color);
  1306. cursor: pointer
  1307. }
  1308. .el-card {
  1309. --el-card-border-color: var(--el-border-color-light);
  1310. --el-card-border-radius: 4px;
  1311. --el-card-padding: 20px;
  1312. --el-card-bg-color: var(--el-fill-color-blank);
  1313. background-color: var(--el-card-bg-color);
  1314. border: 1px solid var(--el-card-border-color);
  1315. border-radius: var(--el-card-border-radius);
  1316. color: var(--el-text-color-primary);
  1317. overflow: hidden;
  1318. transition: var(--el-transition-duration)
  1319. }
  1320. .el-card.is-always-shadow,
  1321. .el-card.is-hover-shadow:focus,
  1322. .el-card.is-hover-shadow:hover {
  1323. box-shadow: var(--el-box-shadow-light)
  1324. }
  1325. .el-card__header {
  1326. border-bottom: 1px solid var(--el-card-border-color);
  1327. box-sizing: border-box;
  1328. padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
  1329. }
  1330. .el-card__body {
  1331. padding: var(--el-card-padding)
  1332. }
  1333. .el-card__footer {
  1334. border-top: 1px solid var(--el-card-border-color);
  1335. box-sizing: border-box;
  1336. padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
  1337. }
  1338. .el-carousel__item {
  1339. display: inline-block;
  1340. height: 100%;
  1341. left: 0;
  1342. overflow: hidden;
  1343. position: absolute;
  1344. top: 0;
  1345. width: 100%
  1346. }
  1347. .el-carousel__item,
  1348. .el-carousel__item.is-active {
  1349. z-index: calc(var(--el-index-normal) - 1)
  1350. }
  1351. .el-carousel__item--card,
  1352. .el-carousel__item.is-animating {
  1353. transition: transform .4s ease-in-out
  1354. }
  1355. .el-carousel__item--card {
  1356. width: 50%
  1357. }
  1358. .el-carousel__item--card.is-in-stage {
  1359. cursor: pointer;
  1360. z-index: var(--el-index-normal)
  1361. }
  1362. .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
  1363. .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  1364. opacity: .12
  1365. }
  1366. .el-carousel__item--card.is-active {
  1367. z-index: calc(var(--el-index-normal) + 1)
  1368. }
  1369. .el-carousel__item--card-vertical {
  1370. height: 50%;
  1371. width: 100%
  1372. }
  1373. .el-carousel__mask {
  1374. background-color: var(--el-color-white);
  1375. height: 100%;
  1376. left: 0;
  1377. opacity: .24;
  1378. position: absolute;
  1379. top: 0;
  1380. transition: var(--el-transition-duration-fast);
  1381. width: 100%
  1382. }
  1383. .el-carousel {
  1384. --el-carousel-arrow-font-size: 12px;
  1385. --el-carousel-arrow-size: 36px;
  1386. --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  1387. --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  1388. --el-carousel-indicator-width: 30px;
  1389. --el-carousel-indicator-height: 2px;
  1390. --el-carousel-indicator-padding-horizontal: 4px;
  1391. --el-carousel-indicator-padding-vertical: 12px;
  1392. --el-carousel-indicator-out-color: var(--el-border-color-hover);
  1393. position: relative
  1394. }
  1395. .el-carousel--horizontal,
  1396. .el-carousel--vertical {
  1397. overflow: hidden
  1398. }
  1399. .el-carousel__container {
  1400. height: 300px;
  1401. position: relative
  1402. }
  1403. .el-carousel__arrow {
  1404. align-items: center;
  1405. background-color: var(--el-carousel-arrow-background);
  1406. border: none;
  1407. border-radius: 50%;
  1408. color: #ffffff;
  1409. cursor: pointer;
  1410. display: inline-flex;
  1411. font-size: var(--el-carousel-arrow-font-size);
  1412. height: var(--el-carousel-arrow-size);
  1413. justify-content: center;
  1414. margin: 0;
  1415. outline: none;
  1416. padding: 0;
  1417. position: absolute;
  1418. text-align: center;
  1419. top: 50%;
  1420. transform: translateY(-50%);
  1421. transition: var(--el-transition-duration);
  1422. width: var(--el-carousel-arrow-size);
  1423. z-index: 10
  1424. }
  1425. .el-carousel__arrow--left {
  1426. left: 16px
  1427. }
  1428. .el-carousel__arrow--right {
  1429. right: 16px
  1430. }
  1431. .el-carousel__arrow:hover {
  1432. background-color: var(--el-carousel-arrow-hover-background)
  1433. }
  1434. .el-carousel__arrow i {
  1435. cursor: pointer
  1436. }
  1437. .el-carousel__indicators {
  1438. list-style: none;
  1439. margin: 0;
  1440. padding: 0;
  1441. position: absolute;
  1442. z-index: calc(var(--el-index-normal) + 1)
  1443. }
  1444. .el-carousel__indicators--horizontal {
  1445. bottom: 0;
  1446. left: 50%;
  1447. transform: translateX(-50%)
  1448. }
  1449. .el-carousel__indicators--vertical {
  1450. right: 0;
  1451. top: 50%;
  1452. transform: translateY(-50%)
  1453. }
  1454. .el-carousel__indicators--outside {
  1455. bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);
  1456. position: static;
  1457. text-align: center;
  1458. transform: none
  1459. }
  1460. .el-carousel__indicators--outside .el-carousel__indicator:hover button {
  1461. opacity: .64
  1462. }
  1463. .el-carousel__indicators--outside button {
  1464. background-color: var(--el-carousel-indicator-out-color);
  1465. opacity: .24
  1466. }
  1467. .el-carousel__indicators--right {
  1468. right: 0
  1469. }
  1470. .el-carousel__indicators--labels {
  1471. left: 0;
  1472. right: 0;
  1473. text-align: center;
  1474. transform: none
  1475. }
  1476. .el-carousel__indicators--labels .el-carousel__button {
  1477. color: #000000;
  1478. font-size: 12px;
  1479. height: auto;
  1480. padding: 2px 18px;
  1481. width: auto
  1482. }
  1483. .el-carousel__indicators--labels .el-carousel__indicator {
  1484. padding: 6px 4px
  1485. }
  1486. .el-carousel__indicator {
  1487. background-color: transparent;
  1488. cursor: pointer
  1489. }
  1490. .el-carousel__indicator:hover button {
  1491. opacity: .72
  1492. }
  1493. .el-carousel__indicator--horizontal {
  1494. display: inline-block;
  1495. padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)
  1496. }
  1497. .el-carousel__indicator--vertical {
  1498. padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)
  1499. }
  1500. .el-carousel__indicator--vertical .el-carousel__button {
  1501. height: calc(var(--el-carousel-indicator-width)/2);
  1502. width: var(--el-carousel-indicator-height)
  1503. }
  1504. .el-carousel__indicator.is-active button {
  1505. opacity: 1
  1506. }
  1507. .el-carousel__button {
  1508. background-color: #ffffff;
  1509. border: none;
  1510. cursor: pointer;
  1511. display: block;
  1512. height: var(--el-carousel-indicator-height);
  1513. margin: 0;
  1514. opacity: .48;
  1515. outline: none;
  1516. padding: 0;
  1517. transition: var(--el-transition-duration);
  1518. width: var(--el-carousel-indicator-width)
  1519. }
  1520. .carousel-arrow-left-enter-from,
  1521. .carousel-arrow-left-leave-active {
  1522. opacity: 0;
  1523. transform: translateY(-50%) translateX(-10px)
  1524. }
  1525. .carousel-arrow-right-enter-from,
  1526. .carousel-arrow-right-leave-active {
  1527. opacity: 0;
  1528. transform: translateY(-50%) translateX(10px)
  1529. }
  1530. .el-transitioning {
  1531. filter: url(#elCarouselHorizontal)
  1532. }
  1533. .el-transitioning-vertical {
  1534. filter: url(#elCarouselVertical)
  1535. }
  1536. .el-cascader-panel {
  1537. --el-cascader-menu-text-color: var(--el-text-color-regular);
  1538. --el-cascader-menu-selected-text-color: var(--el-color-primary);
  1539. --el-cascader-menu-fill: var(--el-bg-color-overlay);
  1540. --el-cascader-menu-font-size: var(--el-font-size-base);
  1541. --el-cascader-menu-radius: var(--el-border-radius-base);
  1542. --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  1543. --el-cascader-menu-shadow: var(--el-box-shadow-light);
  1544. --el-cascader-node-background-hover: var(--el-fill-color-light);
  1545. --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  1546. --el-cascader-color-empty: var(--el-text-color-placeholder);
  1547. --el-cascader-tag-background: var(--el-fill-color);
  1548. border-radius: var(--el-cascader-menu-radius);
  1549. display: flex;
  1550. font-size: var(--el-cascader-menu-font-size)
  1551. }
  1552. .el-cascader-panel.is-bordered {
  1553. border: var(--el-cascader-menu-border);
  1554. border-radius: var(--el-cascader-menu-radius)
  1555. }
  1556. .el-cascader-menu {
  1557. border-right: var(--el-cascader-menu-border);
  1558. box-sizing: border-box;
  1559. color: var(--el-cascader-menu-text-color);
  1560. min-width: 180px
  1561. }
  1562. .el-cascader-menu:last-child {
  1563. border-right: none
  1564. }
  1565. .el-cascader-menu:last-child .el-cascader-node {
  1566. padding-right: 20px
  1567. }
  1568. .el-cascader-menu__wrap.el-scrollbar__wrap {
  1569. height: 204px
  1570. }
  1571. .el-cascader-menu__list {
  1572. box-sizing: border-box;
  1573. list-style: none;
  1574. margin: 0;
  1575. min-height: 100%;
  1576. padding: 6px 0;
  1577. position: relative
  1578. }
  1579. .el-cascader-menu__hover-zone {
  1580. height: 100%;
  1581. left: 0;
  1582. pointer-events: none;
  1583. position: absolute;
  1584. top: 0;
  1585. width: 100%
  1586. }
  1587. .el-cascader-menu__empty-text {
  1588. align-items: center;
  1589. color: var(--el-cascader-color-empty);
  1590. display: flex;
  1591. left: 50%;
  1592. position: absolute;
  1593. top: 50%;
  1594. transform: translate(-50%, -50%)
  1595. }
  1596. .el-cascader-menu__empty-text .is-loading {
  1597. margin-right: 2px
  1598. }
  1599. .el-cascader-node {
  1600. align-items: center;
  1601. display: flex;
  1602. height: 34px;
  1603. line-height: 34px;
  1604. outline: none;
  1605. padding: 0 30px 0 20px;
  1606. position: relative
  1607. }
  1608. .el-cascader-node.is-selectable.in-active-path {
  1609. color: var(--el-cascader-menu-text-color)
  1610. }
  1611. .el-cascader-node.in-active-path,
  1612. .el-cascader-node.is-active,
  1613. .el-cascader-node.is-selectable.in-checked-path {
  1614. color: var(--el-cascader-menu-selected-text-color);
  1615. font-weight: bold
  1616. }
  1617. .el-cascader-node:not(.is-disabled) {
  1618. cursor: pointer
  1619. }
  1620. .el-cascader-node:not(.is-disabled):focus,
  1621. .el-cascader-node:not(.is-disabled):hover {
  1622. background: var(--el-cascader-node-background-hover)
  1623. }
  1624. .el-cascader-node.is-disabled {
  1625. color: var(--el-cascader-node-color-disabled);
  1626. cursor: not-allowed
  1627. }
  1628. .el-cascader-node__prefix {
  1629. left: 10px;
  1630. position: absolute
  1631. }
  1632. .el-cascader-node__postfix {
  1633. position: absolute;
  1634. right: 10px
  1635. }
  1636. .el-cascader-node__label {
  1637. flex: 1;
  1638. overflow: hidden;
  1639. padding: 0 8px;
  1640. text-align: left;
  1641. text-overflow: ellipsis;
  1642. white-space: nowrap
  1643. }
  1644. .el-cascader-node>.el-checkbox,
  1645. .el-cascader-node>.el-radio {
  1646. margin-right: 0
  1647. }
  1648. .el-cascader-node>.el-radio .el-radio__label {
  1649. padding-left: 0
  1650. }
  1651. .el-cascader {
  1652. --el-cascader-menu-text-color: var(--el-text-color-regular);
  1653. --el-cascader-menu-selected-text-color: var(--el-color-primary);
  1654. --el-cascader-menu-fill: var(--el-bg-color-overlay);
  1655. --el-cascader-menu-font-size: var(--el-font-size-base);
  1656. --el-cascader-menu-radius: var(--el-border-radius-base);
  1657. --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  1658. --el-cascader-menu-shadow: var(--el-box-shadow-light);
  1659. --el-cascader-node-background-hover: var(--el-fill-color-light);
  1660. --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  1661. --el-cascader-color-empty: var(--el-text-color-placeholder);
  1662. --el-cascader-tag-background: var(--el-fill-color);
  1663. display: inline-block;
  1664. font-size: var(--el-font-size-base);
  1665. line-height: 32px;
  1666. outline: none;
  1667. position: relative;
  1668. vertical-align: middle
  1669. }
  1670. .el-cascader:not(.is-disabled):hover .el-input__wrapper {
  1671. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
  1672. cursor: pointer
  1673. }
  1674. .el-cascader .el-input {
  1675. cursor: pointer;
  1676. display: flex
  1677. }
  1678. .el-cascader .el-input .el-input__inner {
  1679. cursor: pointer;
  1680. text-overflow: ellipsis
  1681. }
  1682. .el-cascader .el-input .el-input__suffix-inner .el-icon svg {
  1683. vertical-align: middle
  1684. }
  1685. .el-cascader .el-input .icon-arrow-down {
  1686. font-size: 14px;
  1687. transition: transform var(--el-transition-duration)
  1688. }
  1689. .el-cascader .el-input .icon-arrow-down.is-reverse {
  1690. transform: rotate(180deg)
  1691. }
  1692. .el-cascader .el-input .icon-circle-close:hover {
  1693. color: var(--el-input-clear-hover-color, var(--el-text-color-secondary))
  1694. }
  1695. .el-cascader .el-input.is-focus .el-input__wrapper {
  1696. box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
  1697. }
  1698. .el-cascader--large {
  1699. font-size: 14px;
  1700. line-height: 40px
  1701. }
  1702. .el-cascader--large .el-cascader__tags {
  1703. gap: 6px;
  1704. padding: 8px
  1705. }
  1706. .el-cascader--large .el-cascader__search-input {
  1707. height: 24px;
  1708. margin-left: 7px
  1709. }
  1710. .el-cascader--small {
  1711. font-size: 12px;
  1712. line-height: 24px
  1713. }
  1714. .el-cascader--small .el-cascader__tags {
  1715. gap: 4px;
  1716. padding: 2px
  1717. }
  1718. .el-cascader--small .el-cascader__search-input {
  1719. height: 20px;
  1720. margin-left: 5px
  1721. }
  1722. .el-cascader.is-disabled .el-cascader__label {
  1723. color: var(--el-disabled-text-color);
  1724. z-index: calc(var(--el-index-normal) + 1)
  1725. }
  1726. .el-cascader__dropdown {
  1727. --el-cascader-menu-text-color: var(--el-text-color-regular);
  1728. --el-cascader-menu-selected-text-color: var(--el-color-primary);
  1729. --el-cascader-menu-fill: var(--el-bg-color-overlay);
  1730. --el-cascader-menu-font-size: var(--el-font-size-base);
  1731. --el-cascader-menu-radius: var(--el-border-radius-base);
  1732. --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  1733. --el-cascader-menu-shadow: var(--el-box-shadow-light);
  1734. --el-cascader-node-background-hover: var(--el-fill-color-light);
  1735. --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  1736. --el-cascader-color-empty: var(--el-text-color-placeholder);
  1737. --el-cascader-tag-background: var(--el-fill-color);
  1738. border-radius: var(--el-cascader-menu-radius);
  1739. font-size: var(--el-cascader-menu-font-size)
  1740. }
  1741. .el-cascader__dropdown.el-popper {
  1742. background: var(--el-cascader-menu-fill)
  1743. }
  1744. .el-cascader__dropdown.el-popper,
  1745. .el-cascader__dropdown.el-popper .el-popper__arrow:before {
  1746. border: var(--el-cascader-menu-border)
  1747. }
  1748. .el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  1749. border-left-color: transparent;
  1750. border-top-color: transparent
  1751. }
  1752. .el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  1753. border-bottom-color: transparent;
  1754. border-right-color: transparent
  1755. }
  1756. .el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  1757. border-bottom-color: transparent;
  1758. border-left-color: transparent
  1759. }
  1760. .el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  1761. border-right-color: transparent;
  1762. border-top-color: transparent
  1763. }
  1764. .el-cascader__dropdown.el-popper {
  1765. box-shadow: var(--el-cascader-menu-shadow)
  1766. }
  1767. .el-cascader__tags {
  1768. box-sizing: border-box;
  1769. display: flex;
  1770. flex-wrap: wrap;
  1771. gap: 6px;
  1772. left: 0;
  1773. line-height: normal;
  1774. padding: 4px;
  1775. position: absolute;
  1776. right: 30px;
  1777. text-align: left;
  1778. top: 50%;
  1779. transform: translateY(-50%)
  1780. }
  1781. .el-cascader__tags .el-tag {
  1782. align-items: center;
  1783. background: var(--el-cascader-tag-background);
  1784. display: inline-flex;
  1785. max-width: 100%;
  1786. text-overflow: ellipsis
  1787. }
  1788. .el-cascader__tags .el-tag.el-tag--dark,
  1789. .el-cascader__tags .el-tag.el-tag--plain {
  1790. background-color: var(--el-tag-bg-color)
  1791. }
  1792. .el-cascader__tags .el-tag:not(.is-hit) {
  1793. border-color: transparent
  1794. }
  1795. .el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,
  1796. .el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
  1797. border-color: var(--el-tag-border-color)
  1798. }
  1799. .el-cascader__tags .el-tag>span {
  1800. flex: 1;
  1801. line-height: normal;
  1802. overflow: hidden;
  1803. text-overflow: ellipsis
  1804. }
  1805. .el-cascader__tags .el-tag .el-icon-close {
  1806. background-color: var(--el-text-color-placeholder);
  1807. color: var(--el-color-white);
  1808. flex: none
  1809. }
  1810. .el-cascader__tags .el-tag .el-icon-close:hover {
  1811. background-color: var(--el-text-color-secondary)
  1812. }
  1813. .el-cascader__tags .el-tag+input {
  1814. margin-left: 0
  1815. }
  1816. .el-cascader__tags.is-validate {
  1817. right: 55px
  1818. }
  1819. .el-cascader__collapse-tags {
  1820. white-space: normal;
  1821. z-index: var(--el-index-normal)
  1822. }
  1823. .el-cascader__collapse-tags .el-tag {
  1824. align-items: center;
  1825. background: var(--el-fill-color);
  1826. display: inline-flex;
  1827. max-width: 100%;
  1828. text-overflow: ellipsis
  1829. }
  1830. .el-cascader__collapse-tags .el-tag.el-tag--dark,
  1831. .el-cascader__collapse-tags .el-tag.el-tag--plain {
  1832. background-color: var(--el-tag-bg-color)
  1833. }
  1834. .el-cascader__collapse-tags .el-tag:not(.is-hit) {
  1835. border-color: transparent
  1836. }
  1837. .el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,
  1838. .el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
  1839. border-color: var(--el-tag-border-color)
  1840. }
  1841. .el-cascader__collapse-tags .el-tag>span {
  1842. flex: 1;
  1843. line-height: normal;
  1844. overflow: hidden;
  1845. text-overflow: ellipsis
  1846. }
  1847. .el-cascader__collapse-tags .el-tag .el-icon-close {
  1848. background-color: var(--el-text-color-placeholder);
  1849. color: var(--el-color-white);
  1850. flex: none
  1851. }
  1852. .el-cascader__collapse-tags .el-tag .el-icon-close:hover {
  1853. background-color: var(--el-text-color-secondary)
  1854. }
  1855. .el-cascader__collapse-tags .el-tag+input {
  1856. margin-left: 0
  1857. }
  1858. .el-cascader__collapse-tags .el-tag {
  1859. margin: 2px 0
  1860. }
  1861. .el-cascader__suggestion-panel {
  1862. border-radius: var(--el-cascader-menu-radius)
  1863. }
  1864. .el-cascader__suggestion-list {
  1865. color: var(--el-cascader-menu-text-color);
  1866. font-size: var(--el-font-size-base);
  1867. margin: 0;
  1868. max-height: 204px;
  1869. padding: 6px 0;
  1870. text-align: center
  1871. }
  1872. .el-cascader__suggestion-item {
  1873. align-items: center;
  1874. cursor: pointer;
  1875. display: flex;
  1876. height: 34px;
  1877. justify-content: space-between;
  1878. outline: none;
  1879. padding: 0 15px;
  1880. text-align: left
  1881. }
  1882. .el-cascader__suggestion-item:focus,
  1883. .el-cascader__suggestion-item:hover {
  1884. background: var(--el-cascader-node-background-hover)
  1885. }
  1886. .el-cascader__suggestion-item.is-checked {
  1887. color: var(--el-cascader-menu-selected-text-color);
  1888. font-weight: bold
  1889. }
  1890. .el-cascader__suggestion-item>span {
  1891. margin-right: 10px
  1892. }
  1893. .el-cascader__empty-text {
  1894. color: var(--el-cascader-color-empty);
  1895. margin: 10px 0
  1896. }
  1897. .el-cascader__search-input {
  1898. background: transparent;
  1899. border: none;
  1900. box-sizing: border-box;
  1901. color: var(--el-cascader-menu-text-color);
  1902. flex: 1;
  1903. height: 24px;
  1904. margin-left: 7px;
  1905. min-width: 60px;
  1906. outline: none;
  1907. padding: 0
  1908. }
  1909. .el-cascader__search-input::-moz-placeholder {
  1910. color: transparent
  1911. }
  1912. .el-cascader__search-input::placeholder {
  1913. color: transparent
  1914. }
  1915. .el-check-tag {
  1916. background-color: var(--el-color-info-light-9);
  1917. border-radius: var(--el-border-radius-base);
  1918. color: var(--el-color-info);
  1919. cursor: pointer;
  1920. display: inline-block;
  1921. font-size: var(--el-font-size-base);
  1922. font-weight: bold;
  1923. line-height: var(--el-font-size-base);
  1924. padding: 7px 15px;
  1925. transition: var(--el-transition-all)
  1926. }
  1927. .el-check-tag:hover {
  1928. background-color: var(--el-color-info-light-7)
  1929. }
  1930. .el-check-tag.el-check-tag--primary.is-checked {
  1931. background-color: var(--el-color-primary-light-8);
  1932. color: var(--el-color-primary)
  1933. }
  1934. .el-check-tag.el-check-tag--primary.is-checked:hover {
  1935. background-color: var(--el-color-primary-light-7)
  1936. }
  1937. .el-check-tag.el-check-tag--primary.is-checked.is-disabled {
  1938. background-color: var(--el-color-primary-light-8);
  1939. color: var(--el-disabled-text-color);
  1940. cursor: not-allowed
  1941. }
  1942. .el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover {
  1943. background-color: var(--el-color-primary-light-8)
  1944. }
  1945. .el-check-tag.el-check-tag--primary.is-disabled {
  1946. background-color: var(--el-color-info-light-9);
  1947. color: var(--el-disabled-text-color);
  1948. cursor: not-allowed
  1949. }
  1950. .el-check-tag.el-check-tag--primary.is-disabled:hover {
  1951. background-color: var(--el-color-info-light-9)
  1952. }
  1953. .el-check-tag.el-check-tag--success.is-checked {
  1954. background-color: var(--el-color-success-light-8);
  1955. color: var(--el-color-success)
  1956. }
  1957. .el-check-tag.el-check-tag--success.is-checked:hover {
  1958. background-color: var(--el-color-success-light-7)
  1959. }
  1960. .el-check-tag.el-check-tag--success.is-checked.is-disabled {
  1961. background-color: var(--el-color-success-light-8);
  1962. color: var(--el-disabled-text-color);
  1963. cursor: not-allowed
  1964. }
  1965. .el-check-tag.el-check-tag--success.is-checked.is-disabled:hover {
  1966. background-color: var(--el-color-success-light-8)
  1967. }
  1968. .el-check-tag.el-check-tag--success.is-disabled {
  1969. color: var(--el-disabled-text-color);
  1970. cursor: not-allowed
  1971. }
  1972. .el-check-tag.el-check-tag--success.is-disabled,
  1973. .el-check-tag.el-check-tag--success.is-disabled:hover {
  1974. background-color: var(--el-color-success-light-9)
  1975. }
  1976. .el-check-tag.el-check-tag--warning.is-checked {
  1977. background-color: var(--el-color-warning-light-8);
  1978. color: var(--el-color-warning)
  1979. }
  1980. .el-check-tag.el-check-tag--warning.is-checked:hover {
  1981. background-color: var(--el-color-warning-light-7)
  1982. }
  1983. .el-check-tag.el-check-tag--warning.is-checked.is-disabled {
  1984. background-color: var(--el-color-warning-light-8);
  1985. color: var(--el-disabled-text-color);
  1986. cursor: not-allowed
  1987. }
  1988. .el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover {
  1989. background-color: var(--el-color-warning-light-8)
  1990. }
  1991. .el-check-tag.el-check-tag--warning.is-disabled {
  1992. color: var(--el-disabled-text-color);
  1993. cursor: not-allowed
  1994. }
  1995. .el-check-tag.el-check-tag--warning.is-disabled,
  1996. .el-check-tag.el-check-tag--warning.is-disabled:hover {
  1997. background-color: var(--el-color-warning-light-9)
  1998. }
  1999. .el-check-tag.el-check-tag--danger.is-checked {
  2000. background-color: var(--el-color-danger-light-8);
  2001. color: var(--el-color-danger)
  2002. }
  2003. .el-check-tag.el-check-tag--danger.is-checked:hover {
  2004. background-color: var(--el-color-danger-light-7)
  2005. }
  2006. .el-check-tag.el-check-tag--danger.is-checked.is-disabled {
  2007. background-color: var(--el-color-danger-light-8);
  2008. color: var(--el-disabled-text-color);
  2009. cursor: not-allowed
  2010. }
  2011. .el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover {
  2012. background-color: var(--el-color-danger-light-8)
  2013. }
  2014. .el-check-tag.el-check-tag--danger.is-disabled {
  2015. color: var(--el-disabled-text-color);
  2016. cursor: not-allowed
  2017. }
  2018. .el-check-tag.el-check-tag--danger.is-disabled,
  2019. .el-check-tag.el-check-tag--danger.is-disabled:hover {
  2020. background-color: var(--el-color-danger-light-9)
  2021. }
  2022. .el-check-tag.el-check-tag--error.is-checked {
  2023. background-color: var(--el-color-error-light-8);
  2024. color: var(--el-color-error)
  2025. }
  2026. .el-check-tag.el-check-tag--error.is-checked:hover {
  2027. background-color: var(--el-color-error-light-7)
  2028. }
  2029. .el-check-tag.el-check-tag--error.is-checked.is-disabled {
  2030. background-color: var(--el-color-error-light-8);
  2031. color: var(--el-disabled-text-color);
  2032. cursor: not-allowed
  2033. }
  2034. .el-check-tag.el-check-tag--error.is-checked.is-disabled:hover {
  2035. background-color: var(--el-color-error-light-8)
  2036. }
  2037. .el-check-tag.el-check-tag--error.is-disabled {
  2038. color: var(--el-disabled-text-color);
  2039. cursor: not-allowed
  2040. }
  2041. .el-check-tag.el-check-tag--error.is-disabled,
  2042. .el-check-tag.el-check-tag--error.is-disabled:hover {
  2043. background-color: var(--el-color-error-light-9)
  2044. }
  2045. .el-check-tag.el-check-tag--info.is-checked {
  2046. background-color: var(--el-color-info-light-8);
  2047. color: var(--el-color-info)
  2048. }
  2049. .el-check-tag.el-check-tag--info.is-checked:hover {
  2050. background-color: var(--el-color-info-light-7)
  2051. }
  2052. .el-check-tag.el-check-tag--info.is-checked.is-disabled {
  2053. background-color: var(--el-color-info-light-8);
  2054. color: var(--el-disabled-text-color);
  2055. cursor: not-allowed
  2056. }
  2057. .el-check-tag.el-check-tag--info.is-checked.is-disabled:hover {
  2058. background-color: var(--el-color-info-light-8)
  2059. }
  2060. .el-check-tag.el-check-tag--info.is-disabled {
  2061. color: var(--el-disabled-text-color);
  2062. cursor: not-allowed
  2063. }
  2064. .el-check-tag.el-check-tag--info.is-disabled,
  2065. .el-check-tag.el-check-tag--info.is-disabled:hover {
  2066. background-color: var(--el-color-info-light-9)
  2067. }
  2068. .el-checkbox-button {
  2069. --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  2070. --el-checkbox-button-checked-text-color: var(--el-color-white);
  2071. --el-checkbox-button-checked-border-color: var(--el-color-primary);
  2072. display: inline-block;
  2073. position: relative
  2074. }
  2075. .el-checkbox-button__inner {
  2076. -webkit-appearance: none;
  2077. background: var(--el-button-bg-color, var(--el-fill-color-blank));
  2078. border: var(--el-border);
  2079. border-left-color: transparent;
  2080. border-radius: 0;
  2081. box-sizing: border-box;
  2082. color: var(--el-button-text-color, var(--el-text-color-regular));
  2083. cursor: pointer;
  2084. display: inline-block;
  2085. font-size: var(--el-font-size-base);
  2086. font-weight: var(--el-checkbox-font-weight);
  2087. line-height: 1;
  2088. margin: 0;
  2089. outline: none;
  2090. padding: 8px 15px;
  2091. position: relative;
  2092. text-align: center;
  2093. transition: var(--el-transition-all);
  2094. -webkit-user-select: none;
  2095. -moz-user-select: none;
  2096. user-select: none;
  2097. vertical-align: middle;
  2098. white-space: nowrap
  2099. }
  2100. .el-checkbox-button__inner.is-round {
  2101. padding: 8px 15px
  2102. }
  2103. .el-checkbox-button__inner:hover {
  2104. color: var(--el-color-primary)
  2105. }
  2106. .el-checkbox-button__inner [class*=el-icon-] {
  2107. line-height: .9
  2108. }
  2109. .el-checkbox-button__inner [class*=el-icon-]+span {
  2110. margin-left: 5px
  2111. }
  2112. .el-checkbox-button__original {
  2113. margin: 0;
  2114. opacity: 0;
  2115. outline: none;
  2116. position: absolute;
  2117. z-index: -1
  2118. }
  2119. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  2120. background-color: var(--el-checkbox-button-checked-bg-color);
  2121. border-color: var(--el-checkbox-button-checked-border-color);
  2122. box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
  2123. color: var(--el-checkbox-button-checked-text-color)
  2124. }
  2125. .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  2126. border-left-color: var(--el-checkbox-button-checked-border-color)
  2127. }
  2128. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  2129. background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  2130. background-image: none;
  2131. border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  2132. box-shadow: none;
  2133. color: var(--el-disabled-text-color);
  2134. cursor: not-allowed
  2135. }
  2136. .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  2137. border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light))
  2138. }
  2139. .el-checkbox-button:first-child .el-checkbox-button__inner {
  2140. border-bottom-left-radius: var(--el-border-radius-base);
  2141. border-left: var(--el-border);
  2142. border-top-left-radius: var(--el-border-radius-base);
  2143. box-shadow: none !important
  2144. }
  2145. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  2146. border-color: var(--el-checkbox-button-checked-border-color)
  2147. }
  2148. .el-checkbox-button:last-child .el-checkbox-button__inner {
  2149. border-bottom-right-radius: var(--el-border-radius-base);
  2150. border-top-right-radius: var(--el-border-radius-base)
  2151. }
  2152. .el-checkbox-button--large .el-checkbox-button__inner {
  2153. border-radius: 0;
  2154. font-size: var(--el-font-size-base);
  2155. padding: 12px 19px
  2156. }
  2157. .el-checkbox-button--large .el-checkbox-button__inner.is-round {
  2158. padding: 12px 19px
  2159. }
  2160. .el-checkbox-button--small .el-checkbox-button__inner {
  2161. border-radius: 0;
  2162. font-size: 12px;
  2163. padding: 5px 11px
  2164. }
  2165. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  2166. padding: 5px 11px
  2167. }
  2168. .el-checkbox-group {
  2169. font-size: 0;
  2170. line-height: 0
  2171. }
  2172. .el-checkbox {
  2173. --el-checkbox-font-size: 14px;
  2174. --el-checkbox-font-weight: var(--el-font-weight-primary);
  2175. --el-checkbox-text-color: var(--el-text-color-regular);
  2176. --el-checkbox-input-height: 14px;
  2177. --el-checkbox-input-width: 14px;
  2178. --el-checkbox-border-radius: var(--el-border-radius-small);
  2179. --el-checkbox-bg-color: var(--el-fill-color-blank);
  2180. --el-checkbox-input-border: var(--el-border);
  2181. --el-checkbox-disabled-border-color: var(--el-border-color);
  2182. --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  2183. --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  2184. --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  2185. --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  2186. --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  2187. --el-checkbox-checked-text-color: var(--el-color-primary);
  2188. --el-checkbox-checked-input-border-color: var(--el-color-primary);
  2189. --el-checkbox-checked-bg-color: var(--el-color-primary);
  2190. --el-checkbox-checked-icon-color: var(--el-color-white);
  2191. --el-checkbox-input-border-color-hover: var(--el-color-primary);
  2192. align-items: center;
  2193. color: var(--el-checkbox-text-color);
  2194. cursor: pointer;
  2195. display: inline-flex;
  2196. font-size: var(--el-font-size-base);
  2197. font-weight: var(--el-checkbox-font-weight);
  2198. height: var(--el-checkbox-height, 32px);
  2199. margin-right: 30px;
  2200. position: relative;
  2201. -webkit-user-select: none;
  2202. -moz-user-select: none;
  2203. user-select: none;
  2204. white-space: nowrap
  2205. }
  2206. .el-checkbox.is-disabled {
  2207. cursor: not-allowed
  2208. }
  2209. .el-checkbox.is-bordered {
  2210. border: var(--el-border);
  2211. border-radius: var(--el-border-radius-base);
  2212. box-sizing: border-box;
  2213. padding: 0 15px 0 9px
  2214. }
  2215. .el-checkbox.is-bordered.is-checked {
  2216. border-color: var(--el-color-primary)
  2217. }
  2218. .el-checkbox.is-bordered.is-disabled {
  2219. border-color: var(--el-border-color-lighter)
  2220. }
  2221. .el-checkbox.is-bordered.el-checkbox--large {
  2222. border-radius: var(--el-border-radius-base);
  2223. padding: 0 19px 0 11px
  2224. }
  2225. .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  2226. font-size: var(--el-font-size-base)
  2227. }
  2228. .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  2229. height: 14px;
  2230. width: 14px
  2231. }
  2232. .el-checkbox.is-bordered.el-checkbox--small {
  2233. border-radius: calc(var(--el-border-radius-base) - 1px);
  2234. padding: 0 11px 0 7px
  2235. }
  2236. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  2237. font-size: 12px
  2238. }
  2239. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  2240. height: 12px;
  2241. width: 12px
  2242. }
  2243. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  2244. height: 6px;
  2245. width: 2px
  2246. }
  2247. .el-checkbox input:focus-visible+.el-checkbox__inner {
  2248. border-radius: var(--el-checkbox-border-radius);
  2249. outline: 2px solid var(--el-checkbox-input-border-color-hover);
  2250. outline-offset: 1px
  2251. }
  2252. .el-checkbox__input {
  2253. cursor: pointer;
  2254. display: inline-flex;
  2255. outline: none;
  2256. position: relative;
  2257. white-space: nowrap
  2258. }
  2259. .el-checkbox__input.is-disabled .el-checkbox__inner {
  2260. background-color: var(--el-checkbox-disabled-input-fill);
  2261. border-color: var(--el-checkbox-disabled-border-color);
  2262. cursor: not-allowed
  2263. }
  2264. .el-checkbox__input.is-disabled .el-checkbox__inner:after {
  2265. border-color: var(--el-checkbox-disabled-icon-color);
  2266. cursor: not-allowed
  2267. }
  2268. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  2269. background-color: var(--el-checkbox-disabled-checked-input-fill);
  2270. border-color: var(--el-checkbox-disabled-checked-input-border-color)
  2271. }
  2272. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  2273. border-color: var(--el-checkbox-disabled-checked-icon-color)
  2274. }
  2275. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  2276. background-color: var(--el-checkbox-disabled-checked-input-fill);
  2277. border-color: var(--el-checkbox-disabled-checked-input-border-color)
  2278. }
  2279. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  2280. background-color: var(--el-checkbox-disabled-checked-icon-color);
  2281. border-color: var(--el-checkbox-disabled-checked-icon-color)
  2282. }
  2283. .el-checkbox__input.is-disabled+span.el-checkbox__label {
  2284. color: var(--el-disabled-text-color);
  2285. cursor: not-allowed
  2286. }
  2287. .el-checkbox__input.is-checked .el-checkbox__inner {
  2288. background-color: var(--el-checkbox-checked-bg-color);
  2289. border-color: var(--el-checkbox-checked-input-border-color)
  2290. }
  2291. .el-checkbox__input.is-checked .el-checkbox__inner:after {
  2292. border-color: var(--el-checkbox-checked-icon-color);
  2293. transform: rotate(45deg) scaleY(1)
  2294. }
  2295. .el-checkbox__input.is-checked+.el-checkbox__label {
  2296. color: var(--el-checkbox-checked-text-color)
  2297. }
  2298. .el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  2299. border-color: var(--el-checkbox-input-border-color-hover)
  2300. }
  2301. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  2302. background-color: var(--el-checkbox-checked-bg-color);
  2303. border-color: var(--el-checkbox-checked-input-border-color)
  2304. }
  2305. .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  2306. background-color: var(--el-checkbox-checked-icon-color);
  2307. content: "";
  2308. display: block;
  2309. height: 2px;
  2310. left: 0;
  2311. position: absolute;
  2312. right: 0;
  2313. top: 5px;
  2314. transform: scale(.5)
  2315. }
  2316. .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  2317. display: none
  2318. }
  2319. .el-checkbox__inner {
  2320. background-color: var(--el-checkbox-bg-color);
  2321. border: var(--el-checkbox-input-border);
  2322. border-radius: var(--el-checkbox-border-radius);
  2323. box-sizing: border-box;
  2324. display: inline-block;
  2325. height: var(--el-checkbox-input-height);
  2326. position: relative;
  2327. transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46);
  2328. width: var(--el-checkbox-input-width);
  2329. z-index: var(--el-index-normal)
  2330. }
  2331. .el-checkbox__inner:hover {
  2332. border-color: var(--el-checkbox-input-border-color-hover)
  2333. }
  2334. .el-checkbox__inner:after {
  2335. border: 1px solid transparent;
  2336. border-left: 0;
  2337. border-top: 0;
  2338. box-sizing: content-box;
  2339. content: "";
  2340. height: 7px;
  2341. left: 4px;
  2342. position: absolute;
  2343. top: 1px;
  2344. transform: rotate(45deg) scaleY(0);
  2345. transform-origin: center;
  2346. transition: transform .15s ease-in .05s;
  2347. width: 3px
  2348. }
  2349. .el-checkbox__original {
  2350. height: 0;
  2351. margin: 0;
  2352. opacity: 0;
  2353. outline: none;
  2354. position: absolute;
  2355. width: 0;
  2356. z-index: -1
  2357. }
  2358. .el-checkbox__label {
  2359. display: inline-block;
  2360. font-size: var(--el-checkbox-font-size);
  2361. line-height: 1;
  2362. padding-left: 8px
  2363. }
  2364. .el-checkbox.el-checkbox--large {
  2365. height: 40px
  2366. }
  2367. .el-checkbox.el-checkbox--large .el-checkbox__label {
  2368. font-size: 14px
  2369. }
  2370. .el-checkbox.el-checkbox--large .el-checkbox__inner {
  2371. height: 14px;
  2372. width: 14px
  2373. }
  2374. .el-checkbox.el-checkbox--small {
  2375. height: 24px
  2376. }
  2377. .el-checkbox.el-checkbox--small .el-checkbox__label {
  2378. font-size: 12px
  2379. }
  2380. .el-checkbox.el-checkbox--small .el-checkbox__inner {
  2381. height: 12px;
  2382. width: 12px
  2383. }
  2384. .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  2385. top: 4px
  2386. }
  2387. .el-checkbox.el-checkbox--small .el-checkbox__inner:after {
  2388. height: 6px;
  2389. width: 2px
  2390. }
  2391. .el-checkbox:last-of-type {
  2392. margin-right: 0
  2393. }
  2394. [class*=el-col-] {
  2395. box-sizing: border-box
  2396. }
  2397. [class*=el-col-].is-guttered {
  2398. display: block;
  2399. min-height: 1px
  2400. }
  2401. .el-col-0 {
  2402. flex: 0 0 0%;
  2403. max-width: 0
  2404. }
  2405. .el-col-0,
  2406. .el-col-0.is-guttered {
  2407. display: none
  2408. }
  2409. .el-col-offset-0 {
  2410. margin-left: 0
  2411. }
  2412. .el-col-pull-0 {
  2413. position: relative;
  2414. right: 0
  2415. }
  2416. .el-col-push-0 {
  2417. left: 0;
  2418. position: relative
  2419. }
  2420. .el-col-1 {
  2421. flex: 0 0 4.1666666667%;
  2422. max-width: 4.1666666667%
  2423. }
  2424. .el-col-1,
  2425. .el-col-1.is-guttered {
  2426. display: block
  2427. }
  2428. .el-col-offset-1 {
  2429. margin-left: 4.1666666667%
  2430. }
  2431. .el-col-pull-1 {
  2432. position: relative;
  2433. right: 4.1666666667%
  2434. }
  2435. .el-col-push-1 {
  2436. left: 4.1666666667%;
  2437. position: relative
  2438. }
  2439. .el-col-2 {
  2440. flex: 0 0 8.3333333333%;
  2441. max-width: 8.3333333333%
  2442. }
  2443. .el-col-2,
  2444. .el-col-2.is-guttered {
  2445. display: block
  2446. }
  2447. .el-col-offset-2 {
  2448. margin-left: 8.3333333333%
  2449. }
  2450. .el-col-pull-2 {
  2451. position: relative;
  2452. right: 8.3333333333%
  2453. }
  2454. .el-col-push-2 {
  2455. left: 8.3333333333%;
  2456. position: relative
  2457. }
  2458. .el-col-3 {
  2459. flex: 0 0 12.5%;
  2460. max-width: 12.5%
  2461. }
  2462. .el-col-3,
  2463. .el-col-3.is-guttered {
  2464. display: block
  2465. }
  2466. .el-col-offset-3 {
  2467. margin-left: 12.5%
  2468. }
  2469. .el-col-pull-3 {
  2470. position: relative;
  2471. right: 12.5%
  2472. }
  2473. .el-col-push-3 {
  2474. left: 12.5%;
  2475. position: relative
  2476. }
  2477. .el-col-4 {
  2478. flex: 0 0 16.6666666667%;
  2479. max-width: 16.6666666667%
  2480. }
  2481. .el-col-4,
  2482. .el-col-4.is-guttered {
  2483. display: block
  2484. }
  2485. .el-col-offset-4 {
  2486. margin-left: 16.6666666667%
  2487. }
  2488. .el-col-pull-4 {
  2489. position: relative;
  2490. right: 16.6666666667%
  2491. }
  2492. .el-col-push-4 {
  2493. left: 16.6666666667%;
  2494. position: relative
  2495. }
  2496. .el-col-5 {
  2497. flex: 0 0 20.8333333333%;
  2498. max-width: 20.8333333333%
  2499. }
  2500. .el-col-5,
  2501. .el-col-5.is-guttered {
  2502. display: block
  2503. }
  2504. .el-col-offset-5 {
  2505. margin-left: 20.8333333333%
  2506. }
  2507. .el-col-pull-5 {
  2508. position: relative;
  2509. right: 20.8333333333%
  2510. }
  2511. .el-col-push-5 {
  2512. left: 20.8333333333%;
  2513. position: relative
  2514. }
  2515. .el-col-6 {
  2516. flex: 0 0 25%;
  2517. max-width: 25%
  2518. }
  2519. .el-col-6,
  2520. .el-col-6.is-guttered {
  2521. display: block
  2522. }
  2523. .el-col-offset-6 {
  2524. margin-left: 25%
  2525. }
  2526. .el-col-pull-6 {
  2527. position: relative;
  2528. right: 25%
  2529. }
  2530. .el-col-push-6 {
  2531. left: 25%;
  2532. position: relative
  2533. }
  2534. .el-col-7 {
  2535. flex: 0 0 29.1666666667%;
  2536. max-width: 29.1666666667%
  2537. }
  2538. .el-col-7,
  2539. .el-col-7.is-guttered {
  2540. display: block
  2541. }
  2542. .el-col-offset-7 {
  2543. margin-left: 29.1666666667%
  2544. }
  2545. .el-col-pull-7 {
  2546. position: relative;
  2547. right: 29.1666666667%
  2548. }
  2549. .el-col-push-7 {
  2550. left: 29.1666666667%;
  2551. position: relative
  2552. }
  2553. .el-col-8 {
  2554. flex: 0 0 33.3333333333%;
  2555. max-width: 33.3333333333%
  2556. }
  2557. .el-col-8,
  2558. .el-col-8.is-guttered {
  2559. display: block
  2560. }
  2561. .el-col-offset-8 {
  2562. margin-left: 33.3333333333%
  2563. }
  2564. .el-col-pull-8 {
  2565. position: relative;
  2566. right: 33.3333333333%
  2567. }
  2568. .el-col-push-8 {
  2569. left: 33.3333333333%;
  2570. position: relative
  2571. }
  2572. .el-col-9 {
  2573. flex: 0 0 37.5%;
  2574. max-width: 37.5%
  2575. }
  2576. .el-col-9,
  2577. .el-col-9.is-guttered {
  2578. display: block
  2579. }
  2580. .el-col-offset-9 {
  2581. margin-left: 37.5%
  2582. }
  2583. .el-col-pull-9 {
  2584. position: relative;
  2585. right: 37.5%
  2586. }
  2587. .el-col-push-9 {
  2588. left: 37.5%;
  2589. position: relative
  2590. }
  2591. .el-col-10 {
  2592. flex: 0 0 41.6666666667%;
  2593. max-width: 41.6666666667%
  2594. }
  2595. .el-col-10,
  2596. .el-col-10.is-guttered {
  2597. display: block
  2598. }
  2599. .el-col-offset-10 {
  2600. margin-left: 41.6666666667%
  2601. }
  2602. .el-col-pull-10 {
  2603. position: relative;
  2604. right: 41.6666666667%
  2605. }
  2606. .el-col-push-10 {
  2607. left: 41.6666666667%;
  2608. position: relative
  2609. }
  2610. .el-col-11 {
  2611. flex: 0 0 45.8333333333%;
  2612. max-width: 45.8333333333%
  2613. }
  2614. .el-col-11,
  2615. .el-col-11.is-guttered {
  2616. display: block
  2617. }
  2618. .el-col-offset-11 {
  2619. margin-left: 45.8333333333%
  2620. }
  2621. .el-col-pull-11 {
  2622. position: relative;
  2623. right: 45.8333333333%
  2624. }
  2625. .el-col-push-11 {
  2626. left: 45.8333333333%;
  2627. position: relative
  2628. }
  2629. .el-col-12 {
  2630. flex: 0 0 50%;
  2631. max-width: 50%
  2632. }
  2633. .el-col-12,
  2634. .el-col-12.is-guttered {
  2635. display: block
  2636. }
  2637. .el-col-offset-12 {
  2638. margin-left: 50%
  2639. }
  2640. .el-col-pull-12 {
  2641. position: relative;
  2642. right: 50%
  2643. }
  2644. .el-col-push-12 {
  2645. left: 50%;
  2646. position: relative
  2647. }
  2648. .el-col-13 {
  2649. flex: 0 0 54.1666666667%;
  2650. max-width: 54.1666666667%
  2651. }
  2652. .el-col-13,
  2653. .el-col-13.is-guttered {
  2654. display: block
  2655. }
  2656. .el-col-offset-13 {
  2657. margin-left: 54.1666666667%
  2658. }
  2659. .el-col-pull-13 {
  2660. position: relative;
  2661. right: 54.1666666667%
  2662. }
  2663. .el-col-push-13 {
  2664. left: 54.1666666667%;
  2665. position: relative
  2666. }
  2667. .el-col-14 {
  2668. flex: 0 0 58.3333333333%;
  2669. max-width: 58.3333333333%
  2670. }
  2671. .el-col-14,
  2672. .el-col-14.is-guttered {
  2673. display: block
  2674. }
  2675. .el-col-offset-14 {
  2676. margin-left: 58.3333333333%
  2677. }
  2678. .el-col-pull-14 {
  2679. position: relative;
  2680. right: 58.3333333333%
  2681. }
  2682. .el-col-push-14 {
  2683. left: 58.3333333333%;
  2684. position: relative
  2685. }
  2686. .el-col-15 {
  2687. flex: 0 0 62.5%;
  2688. max-width: 62.5%
  2689. }
  2690. .el-col-15,
  2691. .el-col-15.is-guttered {
  2692. display: block
  2693. }
  2694. .el-col-offset-15 {
  2695. margin-left: 62.5%
  2696. }
  2697. .el-col-pull-15 {
  2698. position: relative;
  2699. right: 62.5%
  2700. }
  2701. .el-col-push-15 {
  2702. left: 62.5%;
  2703. position: relative
  2704. }
  2705. .el-col-16 {
  2706. flex: 0 0 66.6666666667%;
  2707. max-width: 66.6666666667%
  2708. }
  2709. .el-col-16,
  2710. .el-col-16.is-guttered {
  2711. display: block
  2712. }
  2713. .el-col-offset-16 {
  2714. margin-left: 66.6666666667%
  2715. }
  2716. .el-col-pull-16 {
  2717. position: relative;
  2718. right: 66.6666666667%
  2719. }
  2720. .el-col-push-16 {
  2721. left: 66.6666666667%;
  2722. position: relative
  2723. }
  2724. .el-col-17 {
  2725. flex: 0 0 70.8333333333%;
  2726. max-width: 70.8333333333%
  2727. }
  2728. .el-col-17,
  2729. .el-col-17.is-guttered {
  2730. display: block
  2731. }
  2732. .el-col-offset-17 {
  2733. margin-left: 70.8333333333%
  2734. }
  2735. .el-col-pull-17 {
  2736. position: relative;
  2737. right: 70.8333333333%
  2738. }
  2739. .el-col-push-17 {
  2740. left: 70.8333333333%;
  2741. position: relative
  2742. }
  2743. .el-col-18 {
  2744. flex: 0 0 75%;
  2745. max-width: 75%
  2746. }
  2747. .el-col-18,
  2748. .el-col-18.is-guttered {
  2749. display: block
  2750. }
  2751. .el-col-offset-18 {
  2752. margin-left: 75%
  2753. }
  2754. .el-col-pull-18 {
  2755. position: relative;
  2756. right: 75%
  2757. }
  2758. .el-col-push-18 {
  2759. left: 75%;
  2760. position: relative
  2761. }
  2762. .el-col-19 {
  2763. flex: 0 0 79.1666666667%;
  2764. max-width: 79.1666666667%
  2765. }
  2766. .el-col-19,
  2767. .el-col-19.is-guttered {
  2768. display: block
  2769. }
  2770. .el-col-offset-19 {
  2771. margin-left: 79.1666666667%
  2772. }
  2773. .el-col-pull-19 {
  2774. position: relative;
  2775. right: 79.1666666667%
  2776. }
  2777. .el-col-push-19 {
  2778. left: 79.1666666667%;
  2779. position: relative
  2780. }
  2781. .el-col-20 {
  2782. flex: 0 0 83.3333333333%;
  2783. max-width: 83.3333333333%
  2784. }
  2785. .el-col-20,
  2786. .el-col-20.is-guttered {
  2787. display: block
  2788. }
  2789. .el-col-offset-20 {
  2790. margin-left: 83.3333333333%
  2791. }
  2792. .el-col-pull-20 {
  2793. position: relative;
  2794. right: 83.3333333333%
  2795. }
  2796. .el-col-push-20 {
  2797. left: 83.3333333333%;
  2798. position: relative
  2799. }
  2800. .el-col-21 {
  2801. flex: 0 0 87.5%;
  2802. max-width: 87.5%
  2803. }
  2804. .el-col-21,
  2805. .el-col-21.is-guttered {
  2806. display: block
  2807. }
  2808. .el-col-offset-21 {
  2809. margin-left: 87.5%
  2810. }
  2811. .el-col-pull-21 {
  2812. position: relative;
  2813. right: 87.5%
  2814. }
  2815. .el-col-push-21 {
  2816. left: 87.5%;
  2817. position: relative
  2818. }
  2819. .el-col-22 {
  2820. flex: 0 0 91.6666666667%;
  2821. max-width: 91.6666666667%
  2822. }
  2823. .el-col-22,
  2824. .el-col-22.is-guttered {
  2825. display: block
  2826. }
  2827. .el-col-offset-22 {
  2828. margin-left: 91.6666666667%
  2829. }
  2830. .el-col-pull-22 {
  2831. position: relative;
  2832. right: 91.6666666667%
  2833. }
  2834. .el-col-push-22 {
  2835. left: 91.6666666667%;
  2836. position: relative
  2837. }
  2838. .el-col-23 {
  2839. flex: 0 0 95.8333333333%;
  2840. max-width: 95.8333333333%
  2841. }
  2842. .el-col-23,
  2843. .el-col-23.is-guttered {
  2844. display: block
  2845. }
  2846. .el-col-offset-23 {
  2847. margin-left: 95.8333333333%
  2848. }
  2849. .el-col-pull-23 {
  2850. position: relative;
  2851. right: 95.8333333333%
  2852. }
  2853. .el-col-push-23 {
  2854. left: 95.8333333333%;
  2855. position: relative
  2856. }
  2857. .el-col-24 {
  2858. flex: 0 0 100%;
  2859. max-width: 100%
  2860. }
  2861. .el-col-24,
  2862. .el-col-24.is-guttered {
  2863. display: block
  2864. }
  2865. .el-col-offset-24 {
  2866. margin-left: 100%
  2867. }
  2868. .el-col-pull-24 {
  2869. position: relative;
  2870. right: 100%
  2871. }
  2872. .el-col-push-24 {
  2873. left: 100%;
  2874. position: relative
  2875. }
  2876. @media only screen and (max-width:767px) {
  2877. .el-col-xs-0 {
  2878. display: none;
  2879. flex: 0 0 0%;
  2880. max-width: 0
  2881. }
  2882. .el-col-xs-0.is-guttered {
  2883. display: none
  2884. }
  2885. .el-col-xs-offset-0 {
  2886. margin-left: 0
  2887. }
  2888. .el-col-xs-pull-0 {
  2889. position: relative;
  2890. right: 0
  2891. }
  2892. .el-col-xs-push-0 {
  2893. left: 0;
  2894. position: relative
  2895. }
  2896. .el-col-xs-1 {
  2897. flex: 0 0 4.1666666667%;
  2898. max-width: 4.1666666667%
  2899. }
  2900. .el-col-xs-1,
  2901. .el-col-xs-1.is-guttered {
  2902. display: block
  2903. }
  2904. .el-col-xs-offset-1 {
  2905. margin-left: 4.1666666667%
  2906. }
  2907. .el-col-xs-pull-1 {
  2908. position: relative;
  2909. right: 4.1666666667%
  2910. }
  2911. .el-col-xs-push-1 {
  2912. left: 4.1666666667%;
  2913. position: relative
  2914. }
  2915. .el-col-xs-2 {
  2916. flex: 0 0 8.3333333333%;
  2917. max-width: 8.3333333333%
  2918. }
  2919. .el-col-xs-2,
  2920. .el-col-xs-2.is-guttered {
  2921. display: block
  2922. }
  2923. .el-col-xs-offset-2 {
  2924. margin-left: 8.3333333333%
  2925. }
  2926. .el-col-xs-pull-2 {
  2927. position: relative;
  2928. right: 8.3333333333%
  2929. }
  2930. .el-col-xs-push-2 {
  2931. left: 8.3333333333%;
  2932. position: relative
  2933. }
  2934. .el-col-xs-3 {
  2935. flex: 0 0 12.5%;
  2936. max-width: 12.5%
  2937. }
  2938. .el-col-xs-3,
  2939. .el-col-xs-3.is-guttered {
  2940. display: block
  2941. }
  2942. .el-col-xs-offset-3 {
  2943. margin-left: 12.5%
  2944. }
  2945. .el-col-xs-pull-3 {
  2946. position: relative;
  2947. right: 12.5%
  2948. }
  2949. .el-col-xs-push-3 {
  2950. left: 12.5%;
  2951. position: relative
  2952. }
  2953. .el-col-xs-4 {
  2954. flex: 0 0 16.6666666667%;
  2955. max-width: 16.6666666667%
  2956. }
  2957. .el-col-xs-4,
  2958. .el-col-xs-4.is-guttered {
  2959. display: block
  2960. }
  2961. .el-col-xs-offset-4 {
  2962. margin-left: 16.6666666667%
  2963. }
  2964. .el-col-xs-pull-4 {
  2965. position: relative;
  2966. right: 16.6666666667%
  2967. }
  2968. .el-col-xs-push-4 {
  2969. left: 16.6666666667%;
  2970. position: relative
  2971. }
  2972. .el-col-xs-5 {
  2973. flex: 0 0 20.8333333333%;
  2974. max-width: 20.8333333333%
  2975. }
  2976. .el-col-xs-5,
  2977. .el-col-xs-5.is-guttered {
  2978. display: block
  2979. }
  2980. .el-col-xs-offset-5 {
  2981. margin-left: 20.8333333333%
  2982. }
  2983. .el-col-xs-pull-5 {
  2984. position: relative;
  2985. right: 20.8333333333%
  2986. }
  2987. .el-col-xs-push-5 {
  2988. left: 20.8333333333%;
  2989. position: relative
  2990. }
  2991. .el-col-xs-6 {
  2992. flex: 0 0 25%;
  2993. max-width: 25%
  2994. }
  2995. .el-col-xs-6,
  2996. .el-col-xs-6.is-guttered {
  2997. display: block
  2998. }
  2999. .el-col-xs-offset-6 {
  3000. margin-left: 25%
  3001. }
  3002. .el-col-xs-pull-6 {
  3003. position: relative;
  3004. right: 25%
  3005. }
  3006. .el-col-xs-push-6 {
  3007. left: 25%;
  3008. position: relative
  3009. }
  3010. .el-col-xs-7 {
  3011. flex: 0 0 29.1666666667%;
  3012. max-width: 29.1666666667%
  3013. }
  3014. .el-col-xs-7,
  3015. .el-col-xs-7.is-guttered {
  3016. display: block
  3017. }
  3018. .el-col-xs-offset-7 {
  3019. margin-left: 29.1666666667%
  3020. }
  3021. .el-col-xs-pull-7 {
  3022. position: relative;
  3023. right: 29.1666666667%
  3024. }
  3025. .el-col-xs-push-7 {
  3026. left: 29.1666666667%;
  3027. position: relative
  3028. }
  3029. .el-col-xs-8 {
  3030. flex: 0 0 33.3333333333%;
  3031. max-width: 33.3333333333%
  3032. }
  3033. .el-col-xs-8,
  3034. .el-col-xs-8.is-guttered {
  3035. display: block
  3036. }
  3037. .el-col-xs-offset-8 {
  3038. margin-left: 33.3333333333%
  3039. }
  3040. .el-col-xs-pull-8 {
  3041. position: relative;
  3042. right: 33.3333333333%
  3043. }
  3044. .el-col-xs-push-8 {
  3045. left: 33.3333333333%;
  3046. position: relative
  3047. }
  3048. .el-col-xs-9 {
  3049. flex: 0 0 37.5%;
  3050. max-width: 37.5%
  3051. }
  3052. .el-col-xs-9,
  3053. .el-col-xs-9.is-guttered {
  3054. display: block
  3055. }
  3056. .el-col-xs-offset-9 {
  3057. margin-left: 37.5%
  3058. }
  3059. .el-col-xs-pull-9 {
  3060. position: relative;
  3061. right: 37.5%
  3062. }
  3063. .el-col-xs-push-9 {
  3064. left: 37.5%;
  3065. position: relative
  3066. }
  3067. .el-col-xs-10 {
  3068. display: block;
  3069. flex: 0 0 41.6666666667%;
  3070. max-width: 41.6666666667%
  3071. }
  3072. .el-col-xs-10.is-guttered {
  3073. display: block
  3074. }
  3075. .el-col-xs-offset-10 {
  3076. margin-left: 41.6666666667%
  3077. }
  3078. .el-col-xs-pull-10 {
  3079. position: relative;
  3080. right: 41.6666666667%
  3081. }
  3082. .el-col-xs-push-10 {
  3083. left: 41.6666666667%;
  3084. position: relative
  3085. }
  3086. .el-col-xs-11 {
  3087. display: block;
  3088. flex: 0 0 45.8333333333%;
  3089. max-width: 45.8333333333%
  3090. }
  3091. .el-col-xs-11.is-guttered {
  3092. display: block
  3093. }
  3094. .el-col-xs-offset-11 {
  3095. margin-left: 45.8333333333%
  3096. }
  3097. .el-col-xs-pull-11 {
  3098. position: relative;
  3099. right: 45.8333333333%
  3100. }
  3101. .el-col-xs-push-11 {
  3102. left: 45.8333333333%;
  3103. position: relative
  3104. }
  3105. .el-col-xs-12 {
  3106. display: block;
  3107. flex: 0 0 50%;
  3108. max-width: 50%
  3109. }
  3110. .el-col-xs-12.is-guttered {
  3111. display: block
  3112. }
  3113. .el-col-xs-offset-12 {
  3114. margin-left: 50%
  3115. }
  3116. .el-col-xs-pull-12 {
  3117. position: relative;
  3118. right: 50%
  3119. }
  3120. .el-col-xs-push-12 {
  3121. left: 50%;
  3122. position: relative
  3123. }
  3124. .el-col-xs-13 {
  3125. display: block;
  3126. flex: 0 0 54.1666666667%;
  3127. max-width: 54.1666666667%
  3128. }
  3129. .el-col-xs-13.is-guttered {
  3130. display: block
  3131. }
  3132. .el-col-xs-offset-13 {
  3133. margin-left: 54.1666666667%
  3134. }
  3135. .el-col-xs-pull-13 {
  3136. position: relative;
  3137. right: 54.1666666667%
  3138. }
  3139. .el-col-xs-push-13 {
  3140. left: 54.1666666667%;
  3141. position: relative
  3142. }
  3143. .el-col-xs-14 {
  3144. display: block;
  3145. flex: 0 0 58.3333333333%;
  3146. max-width: 58.3333333333%
  3147. }
  3148. .el-col-xs-14.is-guttered {
  3149. display: block
  3150. }
  3151. .el-col-xs-offset-14 {
  3152. margin-left: 58.3333333333%
  3153. }
  3154. .el-col-xs-pull-14 {
  3155. position: relative;
  3156. right: 58.3333333333%
  3157. }
  3158. .el-col-xs-push-14 {
  3159. left: 58.3333333333%;
  3160. position: relative
  3161. }
  3162. .el-col-xs-15 {
  3163. display: block;
  3164. flex: 0 0 62.5%;
  3165. max-width: 62.5%
  3166. }
  3167. .el-col-xs-15.is-guttered {
  3168. display: block
  3169. }
  3170. .el-col-xs-offset-15 {
  3171. margin-left: 62.5%
  3172. }
  3173. .el-col-xs-pull-15 {
  3174. position: relative;
  3175. right: 62.5%
  3176. }
  3177. .el-col-xs-push-15 {
  3178. left: 62.5%;
  3179. position: relative
  3180. }
  3181. .el-col-xs-16 {
  3182. display: block;
  3183. flex: 0 0 66.6666666667%;
  3184. max-width: 66.6666666667%
  3185. }
  3186. .el-col-xs-16.is-guttered {
  3187. display: block
  3188. }
  3189. .el-col-xs-offset-16 {
  3190. margin-left: 66.6666666667%
  3191. }
  3192. .el-col-xs-pull-16 {
  3193. position: relative;
  3194. right: 66.6666666667%
  3195. }
  3196. .el-col-xs-push-16 {
  3197. left: 66.6666666667%;
  3198. position: relative
  3199. }
  3200. .el-col-xs-17 {
  3201. display: block;
  3202. flex: 0 0 70.8333333333%;
  3203. max-width: 70.8333333333%
  3204. }
  3205. .el-col-xs-17.is-guttered {
  3206. display: block
  3207. }
  3208. .el-col-xs-offset-17 {
  3209. margin-left: 70.8333333333%
  3210. }
  3211. .el-col-xs-pull-17 {
  3212. position: relative;
  3213. right: 70.8333333333%
  3214. }
  3215. .el-col-xs-push-17 {
  3216. left: 70.8333333333%;
  3217. position: relative
  3218. }
  3219. .el-col-xs-18 {
  3220. display: block;
  3221. flex: 0 0 75%;
  3222. max-width: 75%
  3223. }
  3224. .el-col-xs-18.is-guttered {
  3225. display: block
  3226. }
  3227. .el-col-xs-offset-18 {
  3228. margin-left: 75%
  3229. }
  3230. .el-col-xs-pull-18 {
  3231. position: relative;
  3232. right: 75%
  3233. }
  3234. .el-col-xs-push-18 {
  3235. left: 75%;
  3236. position: relative
  3237. }
  3238. .el-col-xs-19 {
  3239. display: block;
  3240. flex: 0 0 79.1666666667%;
  3241. max-width: 79.1666666667%
  3242. }
  3243. .el-col-xs-19.is-guttered {
  3244. display: block
  3245. }
  3246. .el-col-xs-offset-19 {
  3247. margin-left: 79.1666666667%
  3248. }
  3249. .el-col-xs-pull-19 {
  3250. position: relative;
  3251. right: 79.1666666667%
  3252. }
  3253. .el-col-xs-push-19 {
  3254. left: 79.1666666667%;
  3255. position: relative
  3256. }
  3257. .el-col-xs-20 {
  3258. display: block;
  3259. flex: 0 0 83.3333333333%;
  3260. max-width: 83.3333333333%
  3261. }
  3262. .el-col-xs-20.is-guttered {
  3263. display: block
  3264. }
  3265. .el-col-xs-offset-20 {
  3266. margin-left: 83.3333333333%
  3267. }
  3268. .el-col-xs-pull-20 {
  3269. position: relative;
  3270. right: 83.3333333333%
  3271. }
  3272. .el-col-xs-push-20 {
  3273. left: 83.3333333333%;
  3274. position: relative
  3275. }
  3276. .el-col-xs-21 {
  3277. display: block;
  3278. flex: 0 0 87.5%;
  3279. max-width: 87.5%
  3280. }
  3281. .el-col-xs-21.is-guttered {
  3282. display: block
  3283. }
  3284. .el-col-xs-offset-21 {
  3285. margin-left: 87.5%
  3286. }
  3287. .el-col-xs-pull-21 {
  3288. position: relative;
  3289. right: 87.5%
  3290. }
  3291. .el-col-xs-push-21 {
  3292. left: 87.5%;
  3293. position: relative
  3294. }
  3295. .el-col-xs-22 {
  3296. display: block;
  3297. flex: 0 0 91.6666666667%;
  3298. max-width: 91.6666666667%
  3299. }
  3300. .el-col-xs-22.is-guttered {
  3301. display: block
  3302. }
  3303. .el-col-xs-offset-22 {
  3304. margin-left: 91.6666666667%
  3305. }
  3306. .el-col-xs-pull-22 {
  3307. position: relative;
  3308. right: 91.6666666667%
  3309. }
  3310. .el-col-xs-push-22 {
  3311. left: 91.6666666667%;
  3312. position: relative
  3313. }
  3314. .el-col-xs-23 {
  3315. display: block;
  3316. flex: 0 0 95.8333333333%;
  3317. max-width: 95.8333333333%
  3318. }
  3319. .el-col-xs-23.is-guttered {
  3320. display: block
  3321. }
  3322. .el-col-xs-offset-23 {
  3323. margin-left: 95.8333333333%
  3324. }
  3325. .el-col-xs-pull-23 {
  3326. position: relative;
  3327. right: 95.8333333333%
  3328. }
  3329. .el-col-xs-push-23 {
  3330. left: 95.8333333333%;
  3331. position: relative
  3332. }
  3333. .el-col-xs-24 {
  3334. display: block;
  3335. flex: 0 0 100%;
  3336. max-width: 100%
  3337. }
  3338. .el-col-xs-24.is-guttered {
  3339. display: block
  3340. }
  3341. .el-col-xs-offset-24 {
  3342. margin-left: 100%
  3343. }
  3344. .el-col-xs-pull-24 {
  3345. position: relative;
  3346. right: 100%
  3347. }
  3348. .el-col-xs-push-24 {
  3349. left: 100%;
  3350. position: relative
  3351. }
  3352. }
  3353. @media only screen and (min-width:768px) {
  3354. .el-col-sm-0 {
  3355. display: none;
  3356. flex: 0 0 0%;
  3357. max-width: 0
  3358. }
  3359. .el-col-sm-0.is-guttered {
  3360. display: none
  3361. }
  3362. .el-col-sm-offset-0 {
  3363. margin-left: 0
  3364. }
  3365. .el-col-sm-pull-0 {
  3366. position: relative;
  3367. right: 0
  3368. }
  3369. .el-col-sm-push-0 {
  3370. left: 0;
  3371. position: relative
  3372. }
  3373. .el-col-sm-1 {
  3374. flex: 0 0 4.1666666667%;
  3375. max-width: 4.1666666667%
  3376. }
  3377. .el-col-sm-1,
  3378. .el-col-sm-1.is-guttered {
  3379. display: block
  3380. }
  3381. .el-col-sm-offset-1 {
  3382. margin-left: 4.1666666667%
  3383. }
  3384. .el-col-sm-pull-1 {
  3385. position: relative;
  3386. right: 4.1666666667%
  3387. }
  3388. .el-col-sm-push-1 {
  3389. left: 4.1666666667%;
  3390. position: relative
  3391. }
  3392. .el-col-sm-2 {
  3393. flex: 0 0 8.3333333333%;
  3394. max-width: 8.3333333333%
  3395. }
  3396. .el-col-sm-2,
  3397. .el-col-sm-2.is-guttered {
  3398. display: block
  3399. }
  3400. .el-col-sm-offset-2 {
  3401. margin-left: 8.3333333333%
  3402. }
  3403. .el-col-sm-pull-2 {
  3404. position: relative;
  3405. right: 8.3333333333%
  3406. }
  3407. .el-col-sm-push-2 {
  3408. left: 8.3333333333%;
  3409. position: relative
  3410. }
  3411. .el-col-sm-3 {
  3412. flex: 0 0 12.5%;
  3413. max-width: 12.5%
  3414. }
  3415. .el-col-sm-3,
  3416. .el-col-sm-3.is-guttered {
  3417. display: block
  3418. }
  3419. .el-col-sm-offset-3 {
  3420. margin-left: 12.5%
  3421. }
  3422. .el-col-sm-pull-3 {
  3423. position: relative;
  3424. right: 12.5%
  3425. }
  3426. .el-col-sm-push-3 {
  3427. left: 12.5%;
  3428. position: relative
  3429. }
  3430. .el-col-sm-4 {
  3431. flex: 0 0 16.6666666667%;
  3432. max-width: 16.6666666667%
  3433. }
  3434. .el-col-sm-4,
  3435. .el-col-sm-4.is-guttered {
  3436. display: block
  3437. }
  3438. .el-col-sm-offset-4 {
  3439. margin-left: 16.6666666667%
  3440. }
  3441. .el-col-sm-pull-4 {
  3442. position: relative;
  3443. right: 16.6666666667%
  3444. }
  3445. .el-col-sm-push-4 {
  3446. left: 16.6666666667%;
  3447. position: relative
  3448. }
  3449. .el-col-sm-5 {
  3450. flex: 0 0 20.8333333333%;
  3451. max-width: 20.8333333333%
  3452. }
  3453. .el-col-sm-5,
  3454. .el-col-sm-5.is-guttered {
  3455. display: block
  3456. }
  3457. .el-col-sm-offset-5 {
  3458. margin-left: 20.8333333333%
  3459. }
  3460. .el-col-sm-pull-5 {
  3461. position: relative;
  3462. right: 20.8333333333%
  3463. }
  3464. .el-col-sm-push-5 {
  3465. left: 20.8333333333%;
  3466. position: relative
  3467. }
  3468. .el-col-sm-6 {
  3469. flex: 0 0 25%;
  3470. max-width: 25%
  3471. }
  3472. .el-col-sm-6,
  3473. .el-col-sm-6.is-guttered {
  3474. display: block
  3475. }
  3476. .el-col-sm-offset-6 {
  3477. margin-left: 25%
  3478. }
  3479. .el-col-sm-pull-6 {
  3480. position: relative;
  3481. right: 25%
  3482. }
  3483. .el-col-sm-push-6 {
  3484. left: 25%;
  3485. position: relative
  3486. }
  3487. .el-col-sm-7 {
  3488. flex: 0 0 29.1666666667%;
  3489. max-width: 29.1666666667%
  3490. }
  3491. .el-col-sm-7,
  3492. .el-col-sm-7.is-guttered {
  3493. display: block
  3494. }
  3495. .el-col-sm-offset-7 {
  3496. margin-left: 29.1666666667%
  3497. }
  3498. .el-col-sm-pull-7 {
  3499. position: relative;
  3500. right: 29.1666666667%
  3501. }
  3502. .el-col-sm-push-7 {
  3503. left: 29.1666666667%;
  3504. position: relative
  3505. }
  3506. .el-col-sm-8 {
  3507. flex: 0 0 33.3333333333%;
  3508. max-width: 33.3333333333%
  3509. }
  3510. .el-col-sm-8,
  3511. .el-col-sm-8.is-guttered {
  3512. display: block
  3513. }
  3514. .el-col-sm-offset-8 {
  3515. margin-left: 33.3333333333%
  3516. }
  3517. .el-col-sm-pull-8 {
  3518. position: relative;
  3519. right: 33.3333333333%
  3520. }
  3521. .el-col-sm-push-8 {
  3522. left: 33.3333333333%;
  3523. position: relative
  3524. }
  3525. .el-col-sm-9 {
  3526. flex: 0 0 37.5%;
  3527. max-width: 37.5%
  3528. }
  3529. .el-col-sm-9,
  3530. .el-col-sm-9.is-guttered {
  3531. display: block
  3532. }
  3533. .el-col-sm-offset-9 {
  3534. margin-left: 37.5%
  3535. }
  3536. .el-col-sm-pull-9 {
  3537. position: relative;
  3538. right: 37.5%
  3539. }
  3540. .el-col-sm-push-9 {
  3541. left: 37.5%;
  3542. position: relative
  3543. }
  3544. .el-col-sm-10 {
  3545. display: block;
  3546. flex: 0 0 41.6666666667%;
  3547. max-width: 41.6666666667%
  3548. }
  3549. .el-col-sm-10.is-guttered {
  3550. display: block
  3551. }
  3552. .el-col-sm-offset-10 {
  3553. margin-left: 41.6666666667%
  3554. }
  3555. .el-col-sm-pull-10 {
  3556. position: relative;
  3557. right: 41.6666666667%
  3558. }
  3559. .el-col-sm-push-10 {
  3560. left: 41.6666666667%;
  3561. position: relative
  3562. }
  3563. .el-col-sm-11 {
  3564. display: block;
  3565. flex: 0 0 45.8333333333%;
  3566. max-width: 45.8333333333%
  3567. }
  3568. .el-col-sm-11.is-guttered {
  3569. display: block
  3570. }
  3571. .el-col-sm-offset-11 {
  3572. margin-left: 45.8333333333%
  3573. }
  3574. .el-col-sm-pull-11 {
  3575. position: relative;
  3576. right: 45.8333333333%
  3577. }
  3578. .el-col-sm-push-11 {
  3579. left: 45.8333333333%;
  3580. position: relative
  3581. }
  3582. .el-col-sm-12 {
  3583. display: block;
  3584. flex: 0 0 50%;
  3585. max-width: 50%
  3586. }
  3587. .el-col-sm-12.is-guttered {
  3588. display: block
  3589. }
  3590. .el-col-sm-offset-12 {
  3591. margin-left: 50%
  3592. }
  3593. .el-col-sm-pull-12 {
  3594. position: relative;
  3595. right: 50%
  3596. }
  3597. .el-col-sm-push-12 {
  3598. left: 50%;
  3599. position: relative
  3600. }
  3601. .el-col-sm-13 {
  3602. display: block;
  3603. flex: 0 0 54.1666666667%;
  3604. max-width: 54.1666666667%
  3605. }
  3606. .el-col-sm-13.is-guttered {
  3607. display: block
  3608. }
  3609. .el-col-sm-offset-13 {
  3610. margin-left: 54.1666666667%
  3611. }
  3612. .el-col-sm-pull-13 {
  3613. position: relative;
  3614. right: 54.1666666667%
  3615. }
  3616. .el-col-sm-push-13 {
  3617. left: 54.1666666667%;
  3618. position: relative
  3619. }
  3620. .el-col-sm-14 {
  3621. display: block;
  3622. flex: 0 0 58.3333333333%;
  3623. max-width: 58.3333333333%
  3624. }
  3625. .el-col-sm-14.is-guttered {
  3626. display: block
  3627. }
  3628. .el-col-sm-offset-14 {
  3629. margin-left: 58.3333333333%
  3630. }
  3631. .el-col-sm-pull-14 {
  3632. position: relative;
  3633. right: 58.3333333333%
  3634. }
  3635. .el-col-sm-push-14 {
  3636. left: 58.3333333333%;
  3637. position: relative
  3638. }
  3639. .el-col-sm-15 {
  3640. display: block;
  3641. flex: 0 0 62.5%;
  3642. max-width: 62.5%
  3643. }
  3644. .el-col-sm-15.is-guttered {
  3645. display: block
  3646. }
  3647. .el-col-sm-offset-15 {
  3648. margin-left: 62.5%
  3649. }
  3650. .el-col-sm-pull-15 {
  3651. position: relative;
  3652. right: 62.5%
  3653. }
  3654. .el-col-sm-push-15 {
  3655. left: 62.5%;
  3656. position: relative
  3657. }
  3658. .el-col-sm-16 {
  3659. display: block;
  3660. flex: 0 0 66.6666666667%;
  3661. max-width: 66.6666666667%
  3662. }
  3663. .el-col-sm-16.is-guttered {
  3664. display: block
  3665. }
  3666. .el-col-sm-offset-16 {
  3667. margin-left: 66.6666666667%
  3668. }
  3669. .el-col-sm-pull-16 {
  3670. position: relative;
  3671. right: 66.6666666667%
  3672. }
  3673. .el-col-sm-push-16 {
  3674. left: 66.6666666667%;
  3675. position: relative
  3676. }
  3677. .el-col-sm-17 {
  3678. display: block;
  3679. flex: 0 0 70.8333333333%;
  3680. max-width: 70.8333333333%
  3681. }
  3682. .el-col-sm-17.is-guttered {
  3683. display: block
  3684. }
  3685. .el-col-sm-offset-17 {
  3686. margin-left: 70.8333333333%
  3687. }
  3688. .el-col-sm-pull-17 {
  3689. position: relative;
  3690. right: 70.8333333333%
  3691. }
  3692. .el-col-sm-push-17 {
  3693. left: 70.8333333333%;
  3694. position: relative
  3695. }
  3696. .el-col-sm-18 {
  3697. display: block;
  3698. flex: 0 0 75%;
  3699. max-width: 75%
  3700. }
  3701. .el-col-sm-18.is-guttered {
  3702. display: block
  3703. }
  3704. .el-col-sm-offset-18 {
  3705. margin-left: 75%
  3706. }
  3707. .el-col-sm-pull-18 {
  3708. position: relative;
  3709. right: 75%
  3710. }
  3711. .el-col-sm-push-18 {
  3712. left: 75%;
  3713. position: relative
  3714. }
  3715. .el-col-sm-19 {
  3716. display: block;
  3717. flex: 0 0 79.1666666667%;
  3718. max-width: 79.1666666667%
  3719. }
  3720. .el-col-sm-19.is-guttered {
  3721. display: block
  3722. }
  3723. .el-col-sm-offset-19 {
  3724. margin-left: 79.1666666667%
  3725. }
  3726. .el-col-sm-pull-19 {
  3727. position: relative;
  3728. right: 79.1666666667%
  3729. }
  3730. .el-col-sm-push-19 {
  3731. left: 79.1666666667%;
  3732. position: relative
  3733. }
  3734. .el-col-sm-20 {
  3735. display: block;
  3736. flex: 0 0 83.3333333333%;
  3737. max-width: 83.3333333333%
  3738. }
  3739. .el-col-sm-20.is-guttered {
  3740. display: block
  3741. }
  3742. .el-col-sm-offset-20 {
  3743. margin-left: 83.3333333333%
  3744. }
  3745. .el-col-sm-pull-20 {
  3746. position: relative;
  3747. right: 83.3333333333%
  3748. }
  3749. .el-col-sm-push-20 {
  3750. left: 83.3333333333%;
  3751. position: relative
  3752. }
  3753. .el-col-sm-21 {
  3754. display: block;
  3755. flex: 0 0 87.5%;
  3756. max-width: 87.5%
  3757. }
  3758. .el-col-sm-21.is-guttered {
  3759. display: block
  3760. }
  3761. .el-col-sm-offset-21 {
  3762. margin-left: 87.5%
  3763. }
  3764. .el-col-sm-pull-21 {
  3765. position: relative;
  3766. right: 87.5%
  3767. }
  3768. .el-col-sm-push-21 {
  3769. left: 87.5%;
  3770. position: relative
  3771. }
  3772. .el-col-sm-22 {
  3773. display: block;
  3774. flex: 0 0 91.6666666667%;
  3775. max-width: 91.6666666667%
  3776. }
  3777. .el-col-sm-22.is-guttered {
  3778. display: block
  3779. }
  3780. .el-col-sm-offset-22 {
  3781. margin-left: 91.6666666667%
  3782. }
  3783. .el-col-sm-pull-22 {
  3784. position: relative;
  3785. right: 91.6666666667%
  3786. }
  3787. .el-col-sm-push-22 {
  3788. left: 91.6666666667%;
  3789. position: relative
  3790. }
  3791. .el-col-sm-23 {
  3792. display: block;
  3793. flex: 0 0 95.8333333333%;
  3794. max-width: 95.8333333333%
  3795. }
  3796. .el-col-sm-23.is-guttered {
  3797. display: block
  3798. }
  3799. .el-col-sm-offset-23 {
  3800. margin-left: 95.8333333333%
  3801. }
  3802. .el-col-sm-pull-23 {
  3803. position: relative;
  3804. right: 95.8333333333%
  3805. }
  3806. .el-col-sm-push-23 {
  3807. left: 95.8333333333%;
  3808. position: relative
  3809. }
  3810. .el-col-sm-24 {
  3811. display: block;
  3812. flex: 0 0 100%;
  3813. max-width: 100%
  3814. }
  3815. .el-col-sm-24.is-guttered {
  3816. display: block
  3817. }
  3818. .el-col-sm-offset-24 {
  3819. margin-left: 100%
  3820. }
  3821. .el-col-sm-pull-24 {
  3822. position: relative;
  3823. right: 100%
  3824. }
  3825. .el-col-sm-push-24 {
  3826. left: 100%;
  3827. position: relative
  3828. }
  3829. }
  3830. @media only screen and (min-width:992px) {
  3831. .el-col-md-0 {
  3832. display: none;
  3833. flex: 0 0 0%;
  3834. max-width: 0
  3835. }
  3836. .el-col-md-0.is-guttered {
  3837. display: none
  3838. }
  3839. .el-col-md-offset-0 {
  3840. margin-left: 0
  3841. }
  3842. .el-col-md-pull-0 {
  3843. position: relative;
  3844. right: 0
  3845. }
  3846. .el-col-md-push-0 {
  3847. left: 0;
  3848. position: relative
  3849. }
  3850. .el-col-md-1 {
  3851. flex: 0 0 4.1666666667%;
  3852. max-width: 4.1666666667%
  3853. }
  3854. .el-col-md-1,
  3855. .el-col-md-1.is-guttered {
  3856. display: block
  3857. }
  3858. .el-col-md-offset-1 {
  3859. margin-left: 4.1666666667%
  3860. }
  3861. .el-col-md-pull-1 {
  3862. position: relative;
  3863. right: 4.1666666667%
  3864. }
  3865. .el-col-md-push-1 {
  3866. left: 4.1666666667%;
  3867. position: relative
  3868. }
  3869. .el-col-md-2 {
  3870. flex: 0 0 8.3333333333%;
  3871. max-width: 8.3333333333%
  3872. }
  3873. .el-col-md-2,
  3874. .el-col-md-2.is-guttered {
  3875. display: block
  3876. }
  3877. .el-col-md-offset-2 {
  3878. margin-left: 8.3333333333%
  3879. }
  3880. .el-col-md-pull-2 {
  3881. position: relative;
  3882. right: 8.3333333333%
  3883. }
  3884. .el-col-md-push-2 {
  3885. left: 8.3333333333%;
  3886. position: relative
  3887. }
  3888. .el-col-md-3 {
  3889. flex: 0 0 12.5%;
  3890. max-width: 12.5%
  3891. }
  3892. .el-col-md-3,
  3893. .el-col-md-3.is-guttered {
  3894. display: block
  3895. }
  3896. .el-col-md-offset-3 {
  3897. margin-left: 12.5%
  3898. }
  3899. .el-col-md-pull-3 {
  3900. position: relative;
  3901. right: 12.5%
  3902. }
  3903. .el-col-md-push-3 {
  3904. left: 12.5%;
  3905. position: relative
  3906. }
  3907. .el-col-md-4 {
  3908. flex: 0 0 16.6666666667%;
  3909. max-width: 16.6666666667%
  3910. }
  3911. .el-col-md-4,
  3912. .el-col-md-4.is-guttered {
  3913. display: block
  3914. }
  3915. .el-col-md-offset-4 {
  3916. margin-left: 16.6666666667%
  3917. }
  3918. .el-col-md-pull-4 {
  3919. position: relative;
  3920. right: 16.6666666667%
  3921. }
  3922. .el-col-md-push-4 {
  3923. left: 16.6666666667%;
  3924. position: relative
  3925. }
  3926. .el-col-md-5 {
  3927. flex: 0 0 20.8333333333%;
  3928. max-width: 20.8333333333%
  3929. }
  3930. .el-col-md-5,
  3931. .el-col-md-5.is-guttered {
  3932. display: block
  3933. }
  3934. .el-col-md-offset-5 {
  3935. margin-left: 20.8333333333%
  3936. }
  3937. .el-col-md-pull-5 {
  3938. position: relative;
  3939. right: 20.8333333333%
  3940. }
  3941. .el-col-md-push-5 {
  3942. left: 20.8333333333%;
  3943. position: relative
  3944. }
  3945. .el-col-md-6 {
  3946. flex: 0 0 25%;
  3947. max-width: 25%
  3948. }
  3949. .el-col-md-6,
  3950. .el-col-md-6.is-guttered {
  3951. display: block
  3952. }
  3953. .el-col-md-offset-6 {
  3954. margin-left: 25%
  3955. }
  3956. .el-col-md-pull-6 {
  3957. position: relative;
  3958. right: 25%
  3959. }
  3960. .el-col-md-push-6 {
  3961. left: 25%;
  3962. position: relative
  3963. }
  3964. .el-col-md-7 {
  3965. flex: 0 0 29.1666666667%;
  3966. max-width: 29.1666666667%
  3967. }
  3968. .el-col-md-7,
  3969. .el-col-md-7.is-guttered {
  3970. display: block
  3971. }
  3972. .el-col-md-offset-7 {
  3973. margin-left: 29.1666666667%
  3974. }
  3975. .el-col-md-pull-7 {
  3976. position: relative;
  3977. right: 29.1666666667%
  3978. }
  3979. .el-col-md-push-7 {
  3980. left: 29.1666666667%;
  3981. position: relative
  3982. }
  3983. .el-col-md-8 {
  3984. flex: 0 0 33.3333333333%;
  3985. max-width: 33.3333333333%
  3986. }
  3987. .el-col-md-8,
  3988. .el-col-md-8.is-guttered {
  3989. display: block
  3990. }
  3991. .el-col-md-offset-8 {
  3992. margin-left: 33.3333333333%
  3993. }
  3994. .el-col-md-pull-8 {
  3995. position: relative;
  3996. right: 33.3333333333%
  3997. }
  3998. .el-col-md-push-8 {
  3999. left: 33.3333333333%;
  4000. position: relative
  4001. }
  4002. .el-col-md-9 {
  4003. flex: 0 0 37.5%;
  4004. max-width: 37.5%
  4005. }
  4006. .el-col-md-9,
  4007. .el-col-md-9.is-guttered {
  4008. display: block
  4009. }
  4010. .el-col-md-offset-9 {
  4011. margin-left: 37.5%
  4012. }
  4013. .el-col-md-pull-9 {
  4014. position: relative;
  4015. right: 37.5%
  4016. }
  4017. .el-col-md-push-9 {
  4018. left: 37.5%;
  4019. position: relative
  4020. }
  4021. .el-col-md-10 {
  4022. display: block;
  4023. flex: 0 0 41.6666666667%;
  4024. max-width: 41.6666666667%
  4025. }
  4026. .el-col-md-10.is-guttered {
  4027. display: block
  4028. }
  4029. .el-col-md-offset-10 {
  4030. margin-left: 41.6666666667%
  4031. }
  4032. .el-col-md-pull-10 {
  4033. position: relative;
  4034. right: 41.6666666667%
  4035. }
  4036. .el-col-md-push-10 {
  4037. left: 41.6666666667%;
  4038. position: relative
  4039. }
  4040. .el-col-md-11 {
  4041. display: block;
  4042. flex: 0 0 45.8333333333%;
  4043. max-width: 45.8333333333%
  4044. }
  4045. .el-col-md-11.is-guttered {
  4046. display: block
  4047. }
  4048. .el-col-md-offset-11 {
  4049. margin-left: 45.8333333333%
  4050. }
  4051. .el-col-md-pull-11 {
  4052. position: relative;
  4053. right: 45.8333333333%
  4054. }
  4055. .el-col-md-push-11 {
  4056. left: 45.8333333333%;
  4057. position: relative
  4058. }
  4059. .el-col-md-12 {
  4060. display: block;
  4061. flex: 0 0 50%;
  4062. max-width: 50%
  4063. }
  4064. .el-col-md-12.is-guttered {
  4065. display: block
  4066. }
  4067. .el-col-md-offset-12 {
  4068. margin-left: 50%
  4069. }
  4070. .el-col-md-pull-12 {
  4071. position: relative;
  4072. right: 50%
  4073. }
  4074. .el-col-md-push-12 {
  4075. left: 50%;
  4076. position: relative
  4077. }
  4078. .el-col-md-13 {
  4079. display: block;
  4080. flex: 0 0 54.1666666667%;
  4081. max-width: 54.1666666667%
  4082. }
  4083. .el-col-md-13.is-guttered {
  4084. display: block
  4085. }
  4086. .el-col-md-offset-13 {
  4087. margin-left: 54.1666666667%
  4088. }
  4089. .el-col-md-pull-13 {
  4090. position: relative;
  4091. right: 54.1666666667%
  4092. }
  4093. .el-col-md-push-13 {
  4094. left: 54.1666666667%;
  4095. position: relative
  4096. }
  4097. .el-col-md-14 {
  4098. display: block;
  4099. flex: 0 0 58.3333333333%;
  4100. max-width: 58.3333333333%
  4101. }
  4102. .el-col-md-14.is-guttered {
  4103. display: block
  4104. }
  4105. .el-col-md-offset-14 {
  4106. margin-left: 58.3333333333%
  4107. }
  4108. .el-col-md-pull-14 {
  4109. position: relative;
  4110. right: 58.3333333333%
  4111. }
  4112. .el-col-md-push-14 {
  4113. left: 58.3333333333%;
  4114. position: relative
  4115. }
  4116. .el-col-md-15 {
  4117. display: block;
  4118. flex: 0 0 62.5%;
  4119. max-width: 62.5%
  4120. }
  4121. .el-col-md-15.is-guttered {
  4122. display: block
  4123. }
  4124. .el-col-md-offset-15 {
  4125. margin-left: 62.5%
  4126. }
  4127. .el-col-md-pull-15 {
  4128. position: relative;
  4129. right: 62.5%
  4130. }
  4131. .el-col-md-push-15 {
  4132. left: 62.5%;
  4133. position: relative
  4134. }
  4135. .el-col-md-16 {
  4136. display: block;
  4137. flex: 0 0 66.6666666667%;
  4138. max-width: 66.6666666667%
  4139. }
  4140. .el-col-md-16.is-guttered {
  4141. display: block
  4142. }
  4143. .el-col-md-offset-16 {
  4144. margin-left: 66.6666666667%
  4145. }
  4146. .el-col-md-pull-16 {
  4147. position: relative;
  4148. right: 66.6666666667%
  4149. }
  4150. .el-col-md-push-16 {
  4151. left: 66.6666666667%;
  4152. position: relative
  4153. }
  4154. .el-col-md-17 {
  4155. display: block;
  4156. flex: 0 0 70.8333333333%;
  4157. max-width: 70.8333333333%
  4158. }
  4159. .el-col-md-17.is-guttered {
  4160. display: block
  4161. }
  4162. .el-col-md-offset-17 {
  4163. margin-left: 70.8333333333%
  4164. }
  4165. .el-col-md-pull-17 {
  4166. position: relative;
  4167. right: 70.8333333333%
  4168. }
  4169. .el-col-md-push-17 {
  4170. left: 70.8333333333%;
  4171. position: relative
  4172. }
  4173. .el-col-md-18 {
  4174. display: block;
  4175. flex: 0 0 75%;
  4176. max-width: 75%
  4177. }
  4178. .el-col-md-18.is-guttered {
  4179. display: block
  4180. }
  4181. .el-col-md-offset-18 {
  4182. margin-left: 75%
  4183. }
  4184. .el-col-md-pull-18 {
  4185. position: relative;
  4186. right: 75%
  4187. }
  4188. .el-col-md-push-18 {
  4189. left: 75%;
  4190. position: relative
  4191. }
  4192. .el-col-md-19 {
  4193. display: block;
  4194. flex: 0 0 79.1666666667%;
  4195. max-width: 79.1666666667%
  4196. }
  4197. .el-col-md-19.is-guttered {
  4198. display: block
  4199. }
  4200. .el-col-md-offset-19 {
  4201. margin-left: 79.1666666667%
  4202. }
  4203. .el-col-md-pull-19 {
  4204. position: relative;
  4205. right: 79.1666666667%
  4206. }
  4207. .el-col-md-push-19 {
  4208. left: 79.1666666667%;
  4209. position: relative
  4210. }
  4211. .el-col-md-20 {
  4212. display: block;
  4213. flex: 0 0 83.3333333333%;
  4214. max-width: 83.3333333333%
  4215. }
  4216. .el-col-md-20.is-guttered {
  4217. display: block
  4218. }
  4219. .el-col-md-offset-20 {
  4220. margin-left: 83.3333333333%
  4221. }
  4222. .el-col-md-pull-20 {
  4223. position: relative;
  4224. right: 83.3333333333%
  4225. }
  4226. .el-col-md-push-20 {
  4227. left: 83.3333333333%;
  4228. position: relative
  4229. }
  4230. .el-col-md-21 {
  4231. display: block;
  4232. flex: 0 0 87.5%;
  4233. max-width: 87.5%
  4234. }
  4235. .el-col-md-21.is-guttered {
  4236. display: block
  4237. }
  4238. .el-col-md-offset-21 {
  4239. margin-left: 87.5%
  4240. }
  4241. .el-col-md-pull-21 {
  4242. position: relative;
  4243. right: 87.5%
  4244. }
  4245. .el-col-md-push-21 {
  4246. left: 87.5%;
  4247. position: relative
  4248. }
  4249. .el-col-md-22 {
  4250. display: block;
  4251. flex: 0 0 91.6666666667%;
  4252. max-width: 91.6666666667%
  4253. }
  4254. .el-col-md-22.is-guttered {
  4255. display: block
  4256. }
  4257. .el-col-md-offset-22 {
  4258. margin-left: 91.6666666667%
  4259. }
  4260. .el-col-md-pull-22 {
  4261. position: relative;
  4262. right: 91.6666666667%
  4263. }
  4264. .el-col-md-push-22 {
  4265. left: 91.6666666667%;
  4266. position: relative
  4267. }
  4268. .el-col-md-23 {
  4269. display: block;
  4270. flex: 0 0 95.8333333333%;
  4271. max-width: 95.8333333333%
  4272. }
  4273. .el-col-md-23.is-guttered {
  4274. display: block
  4275. }
  4276. .el-col-md-offset-23 {
  4277. margin-left: 95.8333333333%
  4278. }
  4279. .el-col-md-pull-23 {
  4280. position: relative;
  4281. right: 95.8333333333%
  4282. }
  4283. .el-col-md-push-23 {
  4284. left: 95.8333333333%;
  4285. position: relative
  4286. }
  4287. .el-col-md-24 {
  4288. display: block;
  4289. flex: 0 0 100%;
  4290. max-width: 100%
  4291. }
  4292. .el-col-md-24.is-guttered {
  4293. display: block
  4294. }
  4295. .el-col-md-offset-24 {
  4296. margin-left: 100%
  4297. }
  4298. .el-col-md-pull-24 {
  4299. position: relative;
  4300. right: 100%
  4301. }
  4302. .el-col-md-push-24 {
  4303. left: 100%;
  4304. position: relative
  4305. }
  4306. }
  4307. @media only screen and (min-width:1200px) {
  4308. .el-col-lg-0 {
  4309. display: none;
  4310. flex: 0 0 0%;
  4311. max-width: 0
  4312. }
  4313. .el-col-lg-0.is-guttered {
  4314. display: none
  4315. }
  4316. .el-col-lg-offset-0 {
  4317. margin-left: 0
  4318. }
  4319. .el-col-lg-pull-0 {
  4320. position: relative;
  4321. right: 0
  4322. }
  4323. .el-col-lg-push-0 {
  4324. left: 0;
  4325. position: relative
  4326. }
  4327. .el-col-lg-1 {
  4328. flex: 0 0 4.1666666667%;
  4329. max-width: 4.1666666667%
  4330. }
  4331. .el-col-lg-1,
  4332. .el-col-lg-1.is-guttered {
  4333. display: block
  4334. }
  4335. .el-col-lg-offset-1 {
  4336. margin-left: 4.1666666667%
  4337. }
  4338. .el-col-lg-pull-1 {
  4339. position: relative;
  4340. right: 4.1666666667%
  4341. }
  4342. .el-col-lg-push-1 {
  4343. left: 4.1666666667%;
  4344. position: relative
  4345. }
  4346. .el-col-lg-2 {
  4347. flex: 0 0 8.3333333333%;
  4348. max-width: 8.3333333333%
  4349. }
  4350. .el-col-lg-2,
  4351. .el-col-lg-2.is-guttered {
  4352. display: block
  4353. }
  4354. .el-col-lg-offset-2 {
  4355. margin-left: 8.3333333333%
  4356. }
  4357. .el-col-lg-pull-2 {
  4358. position: relative;
  4359. right: 8.3333333333%
  4360. }
  4361. .el-col-lg-push-2 {
  4362. left: 8.3333333333%;
  4363. position: relative
  4364. }
  4365. .el-col-lg-3 {
  4366. flex: 0 0 12.5%;
  4367. max-width: 12.5%
  4368. }
  4369. .el-col-lg-3,
  4370. .el-col-lg-3.is-guttered {
  4371. display: block
  4372. }
  4373. .el-col-lg-offset-3 {
  4374. margin-left: 12.5%
  4375. }
  4376. .el-col-lg-pull-3 {
  4377. position: relative;
  4378. right: 12.5%
  4379. }
  4380. .el-col-lg-push-3 {
  4381. left: 12.5%;
  4382. position: relative
  4383. }
  4384. .el-col-lg-4 {
  4385. flex: 0 0 16.6666666667%;
  4386. max-width: 16.6666666667%
  4387. }
  4388. .el-col-lg-4,
  4389. .el-col-lg-4.is-guttered {
  4390. display: block
  4391. }
  4392. .el-col-lg-offset-4 {
  4393. margin-left: 16.6666666667%
  4394. }
  4395. .el-col-lg-pull-4 {
  4396. position: relative;
  4397. right: 16.6666666667%
  4398. }
  4399. .el-col-lg-push-4 {
  4400. left: 16.6666666667%;
  4401. position: relative
  4402. }
  4403. .el-col-lg-5 {
  4404. flex: 0 0 20.8333333333%;
  4405. max-width: 20.8333333333%
  4406. }
  4407. .el-col-lg-5,
  4408. .el-col-lg-5.is-guttered {
  4409. display: block
  4410. }
  4411. .el-col-lg-offset-5 {
  4412. margin-left: 20.8333333333%
  4413. }
  4414. .el-col-lg-pull-5 {
  4415. position: relative;
  4416. right: 20.8333333333%
  4417. }
  4418. .el-col-lg-push-5 {
  4419. left: 20.8333333333%;
  4420. position: relative
  4421. }
  4422. .el-col-lg-6 {
  4423. flex: 0 0 25%;
  4424. max-width: 25%
  4425. }
  4426. .el-col-lg-6,
  4427. .el-col-lg-6.is-guttered {
  4428. display: block
  4429. }
  4430. .el-col-lg-offset-6 {
  4431. margin-left: 25%
  4432. }
  4433. .el-col-lg-pull-6 {
  4434. position: relative;
  4435. right: 25%
  4436. }
  4437. .el-col-lg-push-6 {
  4438. left: 25%;
  4439. position: relative
  4440. }
  4441. .el-col-lg-7 {
  4442. flex: 0 0 29.1666666667%;
  4443. max-width: 29.1666666667%
  4444. }
  4445. .el-col-lg-7,
  4446. .el-col-lg-7.is-guttered {
  4447. display: block
  4448. }
  4449. .el-col-lg-offset-7 {
  4450. margin-left: 29.1666666667%
  4451. }
  4452. .el-col-lg-pull-7 {
  4453. position: relative;
  4454. right: 29.1666666667%
  4455. }
  4456. .el-col-lg-push-7 {
  4457. left: 29.1666666667%;
  4458. position: relative
  4459. }
  4460. .el-col-lg-8 {
  4461. flex: 0 0 33.3333333333%;
  4462. max-width: 33.3333333333%
  4463. }
  4464. .el-col-lg-8,
  4465. .el-col-lg-8.is-guttered {
  4466. display: block
  4467. }
  4468. .el-col-lg-offset-8 {
  4469. margin-left: 33.3333333333%
  4470. }
  4471. .el-col-lg-pull-8 {
  4472. position: relative;
  4473. right: 33.3333333333%
  4474. }
  4475. .el-col-lg-push-8 {
  4476. left: 33.3333333333%;
  4477. position: relative
  4478. }
  4479. .el-col-lg-9 {
  4480. flex: 0 0 37.5%;
  4481. max-width: 37.5%
  4482. }
  4483. .el-col-lg-9,
  4484. .el-col-lg-9.is-guttered {
  4485. display: block
  4486. }
  4487. .el-col-lg-offset-9 {
  4488. margin-left: 37.5%
  4489. }
  4490. .el-col-lg-pull-9 {
  4491. position: relative;
  4492. right: 37.5%
  4493. }
  4494. .el-col-lg-push-9 {
  4495. left: 37.5%;
  4496. position: relative
  4497. }
  4498. .el-col-lg-10 {
  4499. display: block;
  4500. flex: 0 0 41.6666666667%;
  4501. max-width: 41.6666666667%
  4502. }
  4503. .el-col-lg-10.is-guttered {
  4504. display: block
  4505. }
  4506. .el-col-lg-offset-10 {
  4507. margin-left: 41.6666666667%
  4508. }
  4509. .el-col-lg-pull-10 {
  4510. position: relative;
  4511. right: 41.6666666667%
  4512. }
  4513. .el-col-lg-push-10 {
  4514. left: 41.6666666667%;
  4515. position: relative
  4516. }
  4517. .el-col-lg-11 {
  4518. display: block;
  4519. flex: 0 0 45.8333333333%;
  4520. max-width: 45.8333333333%
  4521. }
  4522. .el-col-lg-11.is-guttered {
  4523. display: block
  4524. }
  4525. .el-col-lg-offset-11 {
  4526. margin-left: 45.8333333333%
  4527. }
  4528. .el-col-lg-pull-11 {
  4529. position: relative;
  4530. right: 45.8333333333%
  4531. }
  4532. .el-col-lg-push-11 {
  4533. left: 45.8333333333%;
  4534. position: relative
  4535. }
  4536. .el-col-lg-12 {
  4537. display: block;
  4538. flex: 0 0 50%;
  4539. max-width: 50%
  4540. }
  4541. .el-col-lg-12.is-guttered {
  4542. display: block
  4543. }
  4544. .el-col-lg-offset-12 {
  4545. margin-left: 50%
  4546. }
  4547. .el-col-lg-pull-12 {
  4548. position: relative;
  4549. right: 50%
  4550. }
  4551. .el-col-lg-push-12 {
  4552. left: 50%;
  4553. position: relative
  4554. }
  4555. .el-col-lg-13 {
  4556. display: block;
  4557. flex: 0 0 54.1666666667%;
  4558. max-width: 54.1666666667%
  4559. }
  4560. .el-col-lg-13.is-guttered {
  4561. display: block
  4562. }
  4563. .el-col-lg-offset-13 {
  4564. margin-left: 54.1666666667%
  4565. }
  4566. .el-col-lg-pull-13 {
  4567. position: relative;
  4568. right: 54.1666666667%
  4569. }
  4570. .el-col-lg-push-13 {
  4571. left: 54.1666666667%;
  4572. position: relative
  4573. }
  4574. .el-col-lg-14 {
  4575. display: block;
  4576. flex: 0 0 58.3333333333%;
  4577. max-width: 58.3333333333%
  4578. }
  4579. .el-col-lg-14.is-guttered {
  4580. display: block
  4581. }
  4582. .el-col-lg-offset-14 {
  4583. margin-left: 58.3333333333%
  4584. }
  4585. .el-col-lg-pull-14 {
  4586. position: relative;
  4587. right: 58.3333333333%
  4588. }
  4589. .el-col-lg-push-14 {
  4590. left: 58.3333333333%;
  4591. position: relative
  4592. }
  4593. .el-col-lg-15 {
  4594. display: block;
  4595. flex: 0 0 62.5%;
  4596. max-width: 62.5%
  4597. }
  4598. .el-col-lg-15.is-guttered {
  4599. display: block
  4600. }
  4601. .el-col-lg-offset-15 {
  4602. margin-left: 62.5%
  4603. }
  4604. .el-col-lg-pull-15 {
  4605. position: relative;
  4606. right: 62.5%
  4607. }
  4608. .el-col-lg-push-15 {
  4609. left: 62.5%;
  4610. position: relative
  4611. }
  4612. .el-col-lg-16 {
  4613. display: block;
  4614. flex: 0 0 66.6666666667%;
  4615. max-width: 66.6666666667%
  4616. }
  4617. .el-col-lg-16.is-guttered {
  4618. display: block
  4619. }
  4620. .el-col-lg-offset-16 {
  4621. margin-left: 66.6666666667%
  4622. }
  4623. .el-col-lg-pull-16 {
  4624. position: relative;
  4625. right: 66.6666666667%
  4626. }
  4627. .el-col-lg-push-16 {
  4628. left: 66.6666666667%;
  4629. position: relative
  4630. }
  4631. .el-col-lg-17 {
  4632. display: block;
  4633. flex: 0 0 70.8333333333%;
  4634. max-width: 70.8333333333%
  4635. }
  4636. .el-col-lg-17.is-guttered {
  4637. display: block
  4638. }
  4639. .el-col-lg-offset-17 {
  4640. margin-left: 70.8333333333%
  4641. }
  4642. .el-col-lg-pull-17 {
  4643. position: relative;
  4644. right: 70.8333333333%
  4645. }
  4646. .el-col-lg-push-17 {
  4647. left: 70.8333333333%;
  4648. position: relative
  4649. }
  4650. .el-col-lg-18 {
  4651. display: block;
  4652. flex: 0 0 75%;
  4653. max-width: 75%
  4654. }
  4655. .el-col-lg-18.is-guttered {
  4656. display: block
  4657. }
  4658. .el-col-lg-offset-18 {
  4659. margin-left: 75%
  4660. }
  4661. .el-col-lg-pull-18 {
  4662. position: relative;
  4663. right: 75%
  4664. }
  4665. .el-col-lg-push-18 {
  4666. left: 75%;
  4667. position: relative
  4668. }
  4669. .el-col-lg-19 {
  4670. display: block;
  4671. flex: 0 0 79.1666666667%;
  4672. max-width: 79.1666666667%
  4673. }
  4674. .el-col-lg-19.is-guttered {
  4675. display: block
  4676. }
  4677. .el-col-lg-offset-19 {
  4678. margin-left: 79.1666666667%
  4679. }
  4680. .el-col-lg-pull-19 {
  4681. position: relative;
  4682. right: 79.1666666667%
  4683. }
  4684. .el-col-lg-push-19 {
  4685. left: 79.1666666667%;
  4686. position: relative
  4687. }
  4688. .el-col-lg-20 {
  4689. display: block;
  4690. flex: 0 0 83.3333333333%;
  4691. max-width: 83.3333333333%
  4692. }
  4693. .el-col-lg-20.is-guttered {
  4694. display: block
  4695. }
  4696. .el-col-lg-offset-20 {
  4697. margin-left: 83.3333333333%
  4698. }
  4699. .el-col-lg-pull-20 {
  4700. position: relative;
  4701. right: 83.3333333333%
  4702. }
  4703. .el-col-lg-push-20 {
  4704. left: 83.3333333333%;
  4705. position: relative
  4706. }
  4707. .el-col-lg-21 {
  4708. display: block;
  4709. flex: 0 0 87.5%;
  4710. max-width: 87.5%
  4711. }
  4712. .el-col-lg-21.is-guttered {
  4713. display: block
  4714. }
  4715. .el-col-lg-offset-21 {
  4716. margin-left: 87.5%
  4717. }
  4718. .el-col-lg-pull-21 {
  4719. position: relative;
  4720. right: 87.5%
  4721. }
  4722. .el-col-lg-push-21 {
  4723. left: 87.5%;
  4724. position: relative
  4725. }
  4726. .el-col-lg-22 {
  4727. display: block;
  4728. flex: 0 0 91.6666666667%;
  4729. max-width: 91.6666666667%
  4730. }
  4731. .el-col-lg-22.is-guttered {
  4732. display: block
  4733. }
  4734. .el-col-lg-offset-22 {
  4735. margin-left: 91.6666666667%
  4736. }
  4737. .el-col-lg-pull-22 {
  4738. position: relative;
  4739. right: 91.6666666667%
  4740. }
  4741. .el-col-lg-push-22 {
  4742. left: 91.6666666667%;
  4743. position: relative
  4744. }
  4745. .el-col-lg-23 {
  4746. display: block;
  4747. flex: 0 0 95.8333333333%;
  4748. max-width: 95.8333333333%
  4749. }
  4750. .el-col-lg-23.is-guttered {
  4751. display: block
  4752. }
  4753. .el-col-lg-offset-23 {
  4754. margin-left: 95.8333333333%
  4755. }
  4756. .el-col-lg-pull-23 {
  4757. position: relative;
  4758. right: 95.8333333333%
  4759. }
  4760. .el-col-lg-push-23 {
  4761. left: 95.8333333333%;
  4762. position: relative
  4763. }
  4764. .el-col-lg-24 {
  4765. display: block;
  4766. flex: 0 0 100%;
  4767. max-width: 100%
  4768. }
  4769. .el-col-lg-24.is-guttered {
  4770. display: block
  4771. }
  4772. .el-col-lg-offset-24 {
  4773. margin-left: 100%
  4774. }
  4775. .el-col-lg-pull-24 {
  4776. position: relative;
  4777. right: 100%
  4778. }
  4779. .el-col-lg-push-24 {
  4780. left: 100%;
  4781. position: relative
  4782. }
  4783. }
  4784. @media only screen and (min-width:1920px) {
  4785. .el-col-xl-0 {
  4786. display: none;
  4787. flex: 0 0 0%;
  4788. max-width: 0
  4789. }
  4790. .el-col-xl-0.is-guttered {
  4791. display: none
  4792. }
  4793. .el-col-xl-offset-0 {
  4794. margin-left: 0
  4795. }
  4796. .el-col-xl-pull-0 {
  4797. position: relative;
  4798. right: 0
  4799. }
  4800. .el-col-xl-push-0 {
  4801. left: 0;
  4802. position: relative
  4803. }
  4804. .el-col-xl-1 {
  4805. flex: 0 0 4.1666666667%;
  4806. max-width: 4.1666666667%
  4807. }
  4808. .el-col-xl-1,
  4809. .el-col-xl-1.is-guttered {
  4810. display: block
  4811. }
  4812. .el-col-xl-offset-1 {
  4813. margin-left: 4.1666666667%
  4814. }
  4815. .el-col-xl-pull-1 {
  4816. position: relative;
  4817. right: 4.1666666667%
  4818. }
  4819. .el-col-xl-push-1 {
  4820. left: 4.1666666667%;
  4821. position: relative
  4822. }
  4823. .el-col-xl-2 {
  4824. flex: 0 0 8.3333333333%;
  4825. max-width: 8.3333333333%
  4826. }
  4827. .el-col-xl-2,
  4828. .el-col-xl-2.is-guttered {
  4829. display: block
  4830. }
  4831. .el-col-xl-offset-2 {
  4832. margin-left: 8.3333333333%
  4833. }
  4834. .el-col-xl-pull-2 {
  4835. position: relative;
  4836. right: 8.3333333333%
  4837. }
  4838. .el-col-xl-push-2 {
  4839. left: 8.3333333333%;
  4840. position: relative
  4841. }
  4842. .el-col-xl-3 {
  4843. flex: 0 0 12.5%;
  4844. max-width: 12.5%
  4845. }
  4846. .el-col-xl-3,
  4847. .el-col-xl-3.is-guttered {
  4848. display: block
  4849. }
  4850. .el-col-xl-offset-3 {
  4851. margin-left: 12.5%
  4852. }
  4853. .el-col-xl-pull-3 {
  4854. position: relative;
  4855. right: 12.5%
  4856. }
  4857. .el-col-xl-push-3 {
  4858. left: 12.5%;
  4859. position: relative
  4860. }
  4861. .el-col-xl-4 {
  4862. flex: 0 0 16.6666666667%;
  4863. max-width: 16.6666666667%
  4864. }
  4865. .el-col-xl-4,
  4866. .el-col-xl-4.is-guttered {
  4867. display: block
  4868. }
  4869. .el-col-xl-offset-4 {
  4870. margin-left: 16.6666666667%
  4871. }
  4872. .el-col-xl-pull-4 {
  4873. position: relative;
  4874. right: 16.6666666667%
  4875. }
  4876. .el-col-xl-push-4 {
  4877. left: 16.6666666667%;
  4878. position: relative
  4879. }
  4880. .el-col-xl-5 {
  4881. flex: 0 0 20.8333333333%;
  4882. max-width: 20.8333333333%
  4883. }
  4884. .el-col-xl-5,
  4885. .el-col-xl-5.is-guttered {
  4886. display: block
  4887. }
  4888. .el-col-xl-offset-5 {
  4889. margin-left: 20.8333333333%
  4890. }
  4891. .el-col-xl-pull-5 {
  4892. position: relative;
  4893. right: 20.8333333333%
  4894. }
  4895. .el-col-xl-push-5 {
  4896. left: 20.8333333333%;
  4897. position: relative
  4898. }
  4899. .el-col-xl-6 {
  4900. flex: 0 0 25%;
  4901. max-width: 25%
  4902. }
  4903. .el-col-xl-6,
  4904. .el-col-xl-6.is-guttered {
  4905. display: block
  4906. }
  4907. .el-col-xl-offset-6 {
  4908. margin-left: 25%
  4909. }
  4910. .el-col-xl-pull-6 {
  4911. position: relative;
  4912. right: 25%
  4913. }
  4914. .el-col-xl-push-6 {
  4915. left: 25%;
  4916. position: relative
  4917. }
  4918. .el-col-xl-7 {
  4919. flex: 0 0 29.1666666667%;
  4920. max-width: 29.1666666667%
  4921. }
  4922. .el-col-xl-7,
  4923. .el-col-xl-7.is-guttered {
  4924. display: block
  4925. }
  4926. .el-col-xl-offset-7 {
  4927. margin-left: 29.1666666667%
  4928. }
  4929. .el-col-xl-pull-7 {
  4930. position: relative;
  4931. right: 29.1666666667%
  4932. }
  4933. .el-col-xl-push-7 {
  4934. left: 29.1666666667%;
  4935. position: relative
  4936. }
  4937. .el-col-xl-8 {
  4938. flex: 0 0 33.3333333333%;
  4939. max-width: 33.3333333333%
  4940. }
  4941. .el-col-xl-8,
  4942. .el-col-xl-8.is-guttered {
  4943. display: block
  4944. }
  4945. .el-col-xl-offset-8 {
  4946. margin-left: 33.3333333333%
  4947. }
  4948. .el-col-xl-pull-8 {
  4949. position: relative;
  4950. right: 33.3333333333%
  4951. }
  4952. .el-col-xl-push-8 {
  4953. left: 33.3333333333%;
  4954. position: relative
  4955. }
  4956. .el-col-xl-9 {
  4957. flex: 0 0 37.5%;
  4958. max-width: 37.5%
  4959. }
  4960. .el-col-xl-9,
  4961. .el-col-xl-9.is-guttered {
  4962. display: block
  4963. }
  4964. .el-col-xl-offset-9 {
  4965. margin-left: 37.5%
  4966. }
  4967. .el-col-xl-pull-9 {
  4968. position: relative;
  4969. right: 37.5%
  4970. }
  4971. .el-col-xl-push-9 {
  4972. left: 37.5%;
  4973. position: relative
  4974. }
  4975. .el-col-xl-10 {
  4976. display: block;
  4977. flex: 0 0 41.6666666667%;
  4978. max-width: 41.6666666667%
  4979. }
  4980. .el-col-xl-10.is-guttered {
  4981. display: block
  4982. }
  4983. .el-col-xl-offset-10 {
  4984. margin-left: 41.6666666667%
  4985. }
  4986. .el-col-xl-pull-10 {
  4987. position: relative;
  4988. right: 41.6666666667%
  4989. }
  4990. .el-col-xl-push-10 {
  4991. left: 41.6666666667%;
  4992. position: relative
  4993. }
  4994. .el-col-xl-11 {
  4995. display: block;
  4996. flex: 0 0 45.8333333333%;
  4997. max-width: 45.8333333333%
  4998. }
  4999. .el-col-xl-11.is-guttered {
  5000. display: block
  5001. }
  5002. .el-col-xl-offset-11 {
  5003. margin-left: 45.8333333333%
  5004. }
  5005. .el-col-xl-pull-11 {
  5006. position: relative;
  5007. right: 45.8333333333%
  5008. }
  5009. .el-col-xl-push-11 {
  5010. left: 45.8333333333%;
  5011. position: relative
  5012. }
  5013. .el-col-xl-12 {
  5014. display: block;
  5015. flex: 0 0 50%;
  5016. max-width: 50%
  5017. }
  5018. .el-col-xl-12.is-guttered {
  5019. display: block
  5020. }
  5021. .el-col-xl-offset-12 {
  5022. margin-left: 50%
  5023. }
  5024. .el-col-xl-pull-12 {
  5025. position: relative;
  5026. right: 50%
  5027. }
  5028. .el-col-xl-push-12 {
  5029. left: 50%;
  5030. position: relative
  5031. }
  5032. .el-col-xl-13 {
  5033. display: block;
  5034. flex: 0 0 54.1666666667%;
  5035. max-width: 54.1666666667%
  5036. }
  5037. .el-col-xl-13.is-guttered {
  5038. display: block
  5039. }
  5040. .el-col-xl-offset-13 {
  5041. margin-left: 54.1666666667%
  5042. }
  5043. .el-col-xl-pull-13 {
  5044. position: relative;
  5045. right: 54.1666666667%
  5046. }
  5047. .el-col-xl-push-13 {
  5048. left: 54.1666666667%;
  5049. position: relative
  5050. }
  5051. .el-col-xl-14 {
  5052. display: block;
  5053. flex: 0 0 58.3333333333%;
  5054. max-width: 58.3333333333%
  5055. }
  5056. .el-col-xl-14.is-guttered {
  5057. display: block
  5058. }
  5059. .el-col-xl-offset-14 {
  5060. margin-left: 58.3333333333%
  5061. }
  5062. .el-col-xl-pull-14 {
  5063. position: relative;
  5064. right: 58.3333333333%
  5065. }
  5066. .el-col-xl-push-14 {
  5067. left: 58.3333333333%;
  5068. position: relative
  5069. }
  5070. .el-col-xl-15 {
  5071. display: block;
  5072. flex: 0 0 62.5%;
  5073. max-width: 62.5%
  5074. }
  5075. .el-col-xl-15.is-guttered {
  5076. display: block
  5077. }
  5078. .el-col-xl-offset-15 {
  5079. margin-left: 62.5%
  5080. }
  5081. .el-col-xl-pull-15 {
  5082. position: relative;
  5083. right: 62.5%
  5084. }
  5085. .el-col-xl-push-15 {
  5086. left: 62.5%;
  5087. position: relative
  5088. }
  5089. .el-col-xl-16 {
  5090. display: block;
  5091. flex: 0 0 66.6666666667%;
  5092. max-width: 66.6666666667%
  5093. }
  5094. .el-col-xl-16.is-guttered {
  5095. display: block
  5096. }
  5097. .el-col-xl-offset-16 {
  5098. margin-left: 66.6666666667%
  5099. }
  5100. .el-col-xl-pull-16 {
  5101. position: relative;
  5102. right: 66.6666666667%
  5103. }
  5104. .el-col-xl-push-16 {
  5105. left: 66.6666666667%;
  5106. position: relative
  5107. }
  5108. .el-col-xl-17 {
  5109. display: block;
  5110. flex: 0 0 70.8333333333%;
  5111. max-width: 70.8333333333%
  5112. }
  5113. .el-col-xl-17.is-guttered {
  5114. display: block
  5115. }
  5116. .el-col-xl-offset-17 {
  5117. margin-left: 70.8333333333%
  5118. }
  5119. .el-col-xl-pull-17 {
  5120. position: relative;
  5121. right: 70.8333333333%
  5122. }
  5123. .el-col-xl-push-17 {
  5124. left: 70.8333333333%;
  5125. position: relative
  5126. }
  5127. .el-col-xl-18 {
  5128. display: block;
  5129. flex: 0 0 75%;
  5130. max-width: 75%
  5131. }
  5132. .el-col-xl-18.is-guttered {
  5133. display: block
  5134. }
  5135. .el-col-xl-offset-18 {
  5136. margin-left: 75%
  5137. }
  5138. .el-col-xl-pull-18 {
  5139. position: relative;
  5140. right: 75%
  5141. }
  5142. .el-col-xl-push-18 {
  5143. left: 75%;
  5144. position: relative
  5145. }
  5146. .el-col-xl-19 {
  5147. display: block;
  5148. flex: 0 0 79.1666666667%;
  5149. max-width: 79.1666666667%
  5150. }
  5151. .el-col-xl-19.is-guttered {
  5152. display: block
  5153. }
  5154. .el-col-xl-offset-19 {
  5155. margin-left: 79.1666666667%
  5156. }
  5157. .el-col-xl-pull-19 {
  5158. position: relative;
  5159. right: 79.1666666667%
  5160. }
  5161. .el-col-xl-push-19 {
  5162. left: 79.1666666667%;
  5163. position: relative
  5164. }
  5165. .el-col-xl-20 {
  5166. display: block;
  5167. flex: 0 0 83.3333333333%;
  5168. max-width: 83.3333333333%
  5169. }
  5170. .el-col-xl-20.is-guttered {
  5171. display: block
  5172. }
  5173. .el-col-xl-offset-20 {
  5174. margin-left: 83.3333333333%
  5175. }
  5176. .el-col-xl-pull-20 {
  5177. position: relative;
  5178. right: 83.3333333333%
  5179. }
  5180. .el-col-xl-push-20 {
  5181. left: 83.3333333333%;
  5182. position: relative
  5183. }
  5184. .el-col-xl-21 {
  5185. display: block;
  5186. flex: 0 0 87.5%;
  5187. max-width: 87.5%
  5188. }
  5189. .el-col-xl-21.is-guttered {
  5190. display: block
  5191. }
  5192. .el-col-xl-offset-21 {
  5193. margin-left: 87.5%
  5194. }
  5195. .el-col-xl-pull-21 {
  5196. position: relative;
  5197. right: 87.5%
  5198. }
  5199. .el-col-xl-push-21 {
  5200. left: 87.5%;
  5201. position: relative
  5202. }
  5203. .el-col-xl-22 {
  5204. display: block;
  5205. flex: 0 0 91.6666666667%;
  5206. max-width: 91.6666666667%
  5207. }
  5208. .el-col-xl-22.is-guttered {
  5209. display: block
  5210. }
  5211. .el-col-xl-offset-22 {
  5212. margin-left: 91.6666666667%
  5213. }
  5214. .el-col-xl-pull-22 {
  5215. position: relative;
  5216. right: 91.6666666667%
  5217. }
  5218. .el-col-xl-push-22 {
  5219. left: 91.6666666667%;
  5220. position: relative
  5221. }
  5222. .el-col-xl-23 {
  5223. display: block;
  5224. flex: 0 0 95.8333333333%;
  5225. max-width: 95.8333333333%
  5226. }
  5227. .el-col-xl-23.is-guttered {
  5228. display: block
  5229. }
  5230. .el-col-xl-offset-23 {
  5231. margin-left: 95.8333333333%
  5232. }
  5233. .el-col-xl-pull-23 {
  5234. position: relative;
  5235. right: 95.8333333333%
  5236. }
  5237. .el-col-xl-push-23 {
  5238. left: 95.8333333333%;
  5239. position: relative
  5240. }
  5241. .el-col-xl-24 {
  5242. display: block;
  5243. flex: 0 0 100%;
  5244. max-width: 100%
  5245. }
  5246. .el-col-xl-24.is-guttered {
  5247. display: block
  5248. }
  5249. .el-col-xl-offset-24 {
  5250. margin-left: 100%
  5251. }
  5252. .el-col-xl-pull-24 {
  5253. position: relative;
  5254. right: 100%
  5255. }
  5256. .el-col-xl-push-24 {
  5257. left: 100%;
  5258. position: relative
  5259. }
  5260. }
  5261. .el-collapse {
  5262. --el-collapse-border-color: var(--el-border-color-lighter);
  5263. --el-collapse-header-height: 48px;
  5264. --el-collapse-header-bg-color: var(--el-fill-color-blank);
  5265. --el-collapse-header-text-color: var(--el-text-color-primary);
  5266. --el-collapse-header-font-size: 13px;
  5267. --el-collapse-content-bg-color: var(--el-fill-color-blank);
  5268. --el-collapse-content-font-size: 13px;
  5269. --el-collapse-content-text-color: var(--el-text-color-primary);
  5270. border-bottom: 1px solid var(--el-collapse-border-color);
  5271. border-top: 1px solid var(--el-collapse-border-color)
  5272. }
  5273. .el-collapse-item.is-disabled .el-collapse-item__header {
  5274. color: var(--el-text-color-disabled);
  5275. cursor: not-allowed
  5276. }
  5277. .el-collapse-item__header {
  5278. align-items: center;
  5279. background-color: var(--el-collapse-header-bg-color);
  5280. border: none;
  5281. border-bottom: 1px solid var(--el-collapse-border-color);
  5282. color: var(--el-collapse-header-text-color);
  5283. cursor: pointer;
  5284. display: flex;
  5285. font-size: var(--el-collapse-header-font-size);
  5286. font-weight: 500;
  5287. height: var(--el-collapse-header-height);
  5288. line-height: var(--el-collapse-header-height);
  5289. outline: none;
  5290. padding: 0;
  5291. transition: border-bottom-color var(--el-transition-duration);
  5292. width: 100%
  5293. }
  5294. .el-collapse-item__arrow {
  5295. font-weight: 300;
  5296. margin: 0 8px 0 auto;
  5297. transition: transform var(--el-transition-duration)
  5298. }
  5299. .el-collapse-item__arrow.is-active {
  5300. transform: rotate(90deg)
  5301. }
  5302. .el-collapse-item__header.focusing:focus:not(:hover) {
  5303. color: var(--el-color-primary)
  5304. }
  5305. .el-collapse-item__header.is-active {
  5306. border-bottom-color: transparent
  5307. }
  5308. .el-collapse-item__wrap {
  5309. background-color: var(--el-collapse-content-bg-color);
  5310. border-bottom: 1px solid var(--el-collapse-border-color);
  5311. box-sizing: border-box;
  5312. overflow: hidden;
  5313. will-change: height
  5314. }
  5315. .el-collapse-item__content {
  5316. color: var(--el-collapse-content-text-color);
  5317. font-size: var(--el-collapse-content-font-size);
  5318. line-height: 1.7692307692;
  5319. padding-bottom: 25px
  5320. }
  5321. .el-collapse-item:last-child {
  5322. margin-bottom: -1px
  5323. }
  5324. .el-color-predefine {
  5325. display: flex;
  5326. font-size: 12px;
  5327. margin-top: 8px;
  5328. width: 280px
  5329. }
  5330. .el-color-predefine__colors {
  5331. display: flex;
  5332. flex: 1;
  5333. flex-wrap: wrap
  5334. }
  5335. .el-color-predefine__color-selector {
  5336. border-radius: 4px;
  5337. cursor: pointer;
  5338. height: 20px;
  5339. margin: 0 0 8px 8px;
  5340. width: 20px
  5341. }
  5342. .el-color-predefine__color-selector:nth-child(10n+1) {
  5343. margin-left: 0
  5344. }
  5345. .el-color-predefine__color-selector.selected {
  5346. box-shadow: 0 0 3px 2px var(--el-color-primary)
  5347. }
  5348. .el-color-predefine__color-selector>div {
  5349. border-radius: 3px;
  5350. display: flex;
  5351. height: 100%
  5352. }
  5353. .el-color-predefine__color-selector.is-alpha {
  5354. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
  5355. }
  5356. .el-color-hue-slider {
  5357. background-color: #f00;
  5358. box-sizing: border-box;
  5359. float: right;
  5360. height: 12px;
  5361. padding: 0 2px;
  5362. position: relative;
  5363. width: 280px
  5364. }
  5365. .el-color-hue-slider__bar {
  5366. background: linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);
  5367. height: 100%;
  5368. position: relative
  5369. }
  5370. .el-color-hue-slider__thumb {
  5371. background: #fff;
  5372. border: 1px solid var(--el-border-color-lighter);
  5373. border-radius: 1px;
  5374. box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  5375. box-sizing: border-box;
  5376. cursor: pointer;
  5377. height: 100%;
  5378. left: 0;
  5379. position: absolute;
  5380. top: 0;
  5381. width: 4px;
  5382. z-index: 1
  5383. }
  5384. .el-color-hue-slider__thumb:focus-visible {
  5385. outline: 2px solid var(--el-color-primary);
  5386. outline-offset: 1px
  5387. }
  5388. .el-color-hue-slider.is-vertical {
  5389. height: 180px;
  5390. padding: 2px 0;
  5391. width: 12px
  5392. }
  5393. .el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  5394. background: linear-gradient(180deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00)
  5395. }
  5396. .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  5397. height: 4px;
  5398. left: 0;
  5399. top: 0;
  5400. width: 100%
  5401. }
  5402. .el-color-svpanel {
  5403. height: 180px;
  5404. position: relative;
  5405. width: 280px
  5406. }
  5407. .el-color-svpanel__black,
  5408. .el-color-svpanel__white {
  5409. bottom: 0;
  5410. left: 0;
  5411. position: absolute;
  5412. right: 0;
  5413. top: 0
  5414. }
  5415. .el-color-svpanel__white {
  5416. background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0))
  5417. }
  5418. .el-color-svpanel__black {
  5419. background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0))
  5420. }
  5421. .el-color-svpanel__cursor {
  5422. position: absolute
  5423. }
  5424. .el-color-svpanel__cursor>div {
  5425. border-radius: 50%;
  5426. box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
  5427. cursor: head;
  5428. height: 4px;
  5429. transform: translate(-2px, -2px);
  5430. width: 4px
  5431. }
  5432. .el-color-alpha-slider {
  5433. background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  5434. background-position: 0 0, 6px 0, 6px -6px, 0 6px;
  5435. background-size: 12px 12px;
  5436. box-sizing: border-box;
  5437. height: 12px;
  5438. position: relative;
  5439. width: 280px
  5440. }
  5441. .el-color-alpha-slider__bar {
  5442. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--el-bg-color) 100%);
  5443. height: 100%;
  5444. position: relative
  5445. }
  5446. .el-color-alpha-slider__thumb {
  5447. background: #fff;
  5448. border: 1px solid var(--el-border-color-lighter);
  5449. border-radius: 1px;
  5450. box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  5451. box-sizing: border-box;
  5452. cursor: pointer;
  5453. height: 100%;
  5454. left: 0;
  5455. position: absolute;
  5456. top: 0;
  5457. width: 4px;
  5458. z-index: 1
  5459. }
  5460. .el-color-alpha-slider__thumb:focus-visible {
  5461. outline: 2px solid var(--el-color-primary);
  5462. outline-offset: 1px
  5463. }
  5464. .el-color-alpha-slider.is-vertical {
  5465. height: 180px;
  5466. width: 20px
  5467. }
  5468. .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  5469. background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255))
  5470. }
  5471. .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  5472. height: 4px;
  5473. left: 0;
  5474. top: 0;
  5475. width: 100%
  5476. }
  5477. .el-color-dropdown {
  5478. width: 300px
  5479. }
  5480. .el-color-dropdown__main-wrapper {
  5481. margin-bottom: 6px
  5482. }
  5483. .el-color-dropdown__main-wrapper:after {
  5484. clear: both;
  5485. content: "";
  5486. display: table
  5487. }
  5488. .el-color-dropdown__btns {
  5489. margin-top: 12px;
  5490. text-align: right
  5491. }
  5492. .el-color-dropdown__value {
  5493. color: #000000;
  5494. float: left;
  5495. font-size: 12px;
  5496. line-height: 26px;
  5497. width: 160px
  5498. }
  5499. .el-color-picker {
  5500. display: inline-block;
  5501. line-height: normal;
  5502. outline: none;
  5503. position: relative
  5504. }
  5505. .el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  5506. border-color: var(--el-border-color-hover)
  5507. }
  5508. .el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  5509. outline: 2px solid var(--el-color-primary);
  5510. outline-offset: 1px
  5511. }
  5512. .el-color-picker.is-focused .el-color-picker__trigger {
  5513. border-color: var(--el-color-primary)
  5514. }
  5515. .el-color-picker.is-disabled .el-color-picker__trigger {
  5516. cursor: not-allowed
  5517. }
  5518. .el-color-picker--large {
  5519. height: 40px
  5520. }
  5521. .el-color-picker--large .el-color-picker__trigger {
  5522. height: 40px;
  5523. width: 40px
  5524. }
  5525. .el-color-picker--large .el-color-picker__mask {
  5526. height: 38px;
  5527. width: 38px
  5528. }
  5529. .el-color-picker--small {
  5530. height: 24px
  5531. }
  5532. .el-color-picker--small .el-color-picker__trigger {
  5533. height: 24px;
  5534. width: 24px
  5535. }
  5536. .el-color-picker--small .el-color-picker__mask {
  5537. height: 22px;
  5538. width: 22px
  5539. }
  5540. .el-color-picker--small .el-color-picker__empty,
  5541. .el-color-picker--small .el-color-picker__icon {
  5542. transform: scale(.8)
  5543. }
  5544. .el-color-picker__mask {
  5545. background-color: rgba(255, 255, 255, .7);
  5546. border-radius: 4px;
  5547. cursor: not-allowed;
  5548. height: 30px;
  5549. left: 1px;
  5550. position: absolute;
  5551. top: 1px;
  5552. width: 30px;
  5553. z-index: 1
  5554. }
  5555. .el-color-picker__trigger {
  5556. align-items: center;
  5557. border: 1px solid var(--el-border-color);
  5558. border-radius: 4px;
  5559. box-sizing: border-box;
  5560. cursor: pointer;
  5561. display: inline-flex;
  5562. font-size: 0;
  5563. height: 32px;
  5564. justify-content: center;
  5565. padding: 4px;
  5566. position: relative;
  5567. width: 32px
  5568. }
  5569. .el-color-picker__color {
  5570. border: 1px solid var(--el-text-color-secondary);
  5571. border-radius: var(--el-border-radius-small);
  5572. box-sizing: border-box;
  5573. display: block;
  5574. height: 100%;
  5575. position: relative;
  5576. text-align: center;
  5577. width: 100%
  5578. }
  5579. .el-color-picker__color.is-alpha {
  5580. background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  5581. background-position: 0 0, 6px 0, 6px -6px, 0 6px;
  5582. background-size: 12px 12px
  5583. }
  5584. .el-color-picker__color-inner {
  5585. align-items: center;
  5586. display: inline-flex;
  5587. height: 100%;
  5588. justify-content: center;
  5589. width: 100%
  5590. }
  5591. .el-color-picker .el-color-picker__empty {
  5592. color: var(--el-text-color-secondary);
  5593. font-size: 12px
  5594. }
  5595. .el-color-picker .el-color-picker__icon {
  5596. align-items: center;
  5597. color: #ffffff;
  5598. display: inline-flex;
  5599. font-size: 12px;
  5600. justify-content: center
  5601. }
  5602. .el-color-picker__panel {
  5603. background-color: #ffffff;
  5604. border-radius: var(--el-border-radius-base);
  5605. box-shadow: var(--el-box-shadow-light);
  5606. box-sizing: content-box;
  5607. padding: 6px;
  5608. position: absolute;
  5609. z-index: 10
  5610. }
  5611. .el-color-picker__panel.el-popper {
  5612. border: 1px solid var(--el-border-color-lighter)
  5613. }
  5614. .el-color-picker,
  5615. .el-color-picker__panel {
  5616. --el-color-picker-alpha-bg-a: #ccc;
  5617. --el-color-picker-alpha-bg-b: transparent
  5618. }
  5619. .dark .el-color-picker,
  5620. .dark .el-color-picker__panel {
  5621. --el-color-picker-alpha-bg-a: #333333
  5622. }
  5623. .el-container {
  5624. box-sizing: border-box;
  5625. display: flex;
  5626. flex: 1;
  5627. flex-basis: auto;
  5628. flex-direction: row;
  5629. min-width: 0
  5630. }
  5631. .el-container.is-vertical {
  5632. flex-direction: column
  5633. }
  5634. .el-date-table {
  5635. font-size: 12px;
  5636. -webkit-user-select: none;
  5637. -moz-user-select: none;
  5638. user-select: none
  5639. }
  5640. .el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  5641. background-color: var(--el-datepicker-inrange-bg-color)
  5642. }
  5643. .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  5644. color: var(--el-datepicker-text-color)
  5645. }
  5646. .el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  5647. border-bottom-left-radius: 15px;
  5648. border-top-left-radius: 15px;
  5649. margin-left: 5px
  5650. }
  5651. .el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  5652. border-bottom-right-radius: 15px;
  5653. border-top-right-radius: 15px;
  5654. margin-right: 5px
  5655. }
  5656. .el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  5657. background-color: var(--el-datepicker-inrange-bg-color)
  5658. }
  5659. .el-date-table td {
  5660. box-sizing: border-box;
  5661. cursor: pointer;
  5662. height: 30px;
  5663. padding: 4px 0;
  5664. position: relative;
  5665. text-align: center;
  5666. width: 32px
  5667. }
  5668. .el-date-table td .el-date-table-cell {
  5669. box-sizing: border-box;
  5670. height: 30px;
  5671. padding: 3px 0
  5672. }
  5673. .el-date-table td .el-date-table-cell .el-date-table-cell__text {
  5674. border-radius: 50%;
  5675. display: block;
  5676. height: 24px;
  5677. left: 50%;
  5678. line-height: 24px;
  5679. margin: 0 auto;
  5680. position: absolute;
  5681. transform: translateX(-50%);
  5682. width: 24px
  5683. }
  5684. .el-date-table td.next-month,
  5685. .el-date-table td.prev-month {
  5686. color: var(--el-datepicker-off-text-color)
  5687. }
  5688. .el-date-table td.today {
  5689. position: relative
  5690. }
  5691. .el-date-table td.today .el-date-table-cell__text {
  5692. color: var(--el-color-primary);
  5693. font-weight: bold
  5694. }
  5695. .el-date-table td.today.end-date .el-date-table-cell__text,
  5696. .el-date-table td.today.start-date .el-date-table-cell__text {
  5697. color: #ffffff
  5698. }
  5699. .el-date-table td.available:hover {
  5700. color: var(--el-datepicker-hover-text-color)
  5701. }
  5702. .el-date-table td.in-range .el-date-table-cell {
  5703. background-color: var(--el-datepicker-inrange-bg-color)
  5704. }
  5705. .el-date-table td.in-range .el-date-table-cell:hover {
  5706. background-color: var(--el-datepicker-inrange-hover-bg-color)
  5707. }
  5708. .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  5709. background-color: var(--el-datepicker-active-color);
  5710. color: #ffffff
  5711. }
  5712. .el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  5713. outline: 2px solid var(--el-datepicker-active-color);
  5714. outline-offset: 1px
  5715. }
  5716. .el-date-table td.end-date .el-date-table-cell,
  5717. .el-date-table td.start-date .el-date-table-cell {
  5718. color: #ffffff
  5719. }
  5720. .el-date-table td.end-date .el-date-table-cell__text,
  5721. .el-date-table td.start-date .el-date-table-cell__text {
  5722. background-color: var(--el-datepicker-active-color)
  5723. }
  5724. .el-date-table td.start-date .el-date-table-cell {
  5725. border-bottom-left-radius: 15px;
  5726. border-top-left-radius: 15px;
  5727. margin-left: 5px
  5728. }
  5729. .el-date-table td.end-date .el-date-table-cell {
  5730. border-bottom-right-radius: 15px;
  5731. border-top-right-radius: 15px;
  5732. margin-right: 5px
  5733. }
  5734. .el-date-table td.disabled .el-date-table-cell {
  5735. background-color: var(--el-fill-color-light);
  5736. color: var(--el-text-color-placeholder);
  5737. cursor: not-allowed;
  5738. opacity: 1
  5739. }
  5740. .el-date-table td.selected .el-date-table-cell {
  5741. border-radius: 15px;
  5742. margin-left: 5px;
  5743. margin-right: 5px
  5744. }
  5745. .el-date-table td.selected .el-date-table-cell__text {
  5746. background-color: var(--el-datepicker-active-color);
  5747. border-radius: 15px;
  5748. color: #ffffff
  5749. }
  5750. .el-date-table td.week {
  5751. color: var(--el-datepicker-header-text-color);
  5752. font-size: 80%
  5753. }
  5754. .el-date-table td:focus {
  5755. outline: none
  5756. }
  5757. .el-date-table th {
  5758. border-bottom: 1px solid var(--el-border-color-lighter);
  5759. color: var(--el-datepicker-header-text-color);
  5760. font-weight: 400;
  5761. padding: 5px
  5762. }
  5763. .el-month-table {
  5764. border-collapse: collapse;
  5765. font-size: 12px;
  5766. margin: -1px
  5767. }
  5768. .el-month-table td {
  5769. cursor: pointer;
  5770. padding: 8px 0;
  5771. position: relative;
  5772. text-align: center;
  5773. width: 68px
  5774. }
  5775. .el-month-table td .el-date-table-cell {
  5776. box-sizing: border-box;
  5777. height: 48px;
  5778. padding: 6px 0
  5779. }
  5780. .el-month-table td.today .el-date-table-cell__text {
  5781. color: var(--el-color-primary);
  5782. font-weight: bold
  5783. }
  5784. .el-month-table td.today.end-date .el-date-table-cell__text,
  5785. .el-month-table td.today.start-date .el-date-table-cell__text {
  5786. color: #ffffff
  5787. }
  5788. .el-month-table td.disabled .el-date-table-cell__text {
  5789. background-color: var(--el-fill-color-light);
  5790. color: var(--el-text-color-placeholder);
  5791. cursor: not-allowed
  5792. }
  5793. .el-month-table td.disabled .el-date-table-cell__text:hover {
  5794. color: var(--el-text-color-placeholder)
  5795. }
  5796. .el-month-table td .el-date-table-cell__text {
  5797. border-radius: 18px;
  5798. color: var(--el-datepicker-text-color);
  5799. display: block;
  5800. height: 36px;
  5801. left: 50%;
  5802. line-height: 36px;
  5803. margin: 0 auto;
  5804. position: absolute;
  5805. transform: translateX(-50%);
  5806. width: 54px
  5807. }
  5808. .el-month-table td .el-date-table-cell__text:hover {
  5809. color: var(--el-datepicker-hover-text-color)
  5810. }
  5811. .el-month-table td.in-range .el-date-table-cell {
  5812. background-color: var(--el-datepicker-inrange-bg-color)
  5813. }
  5814. .el-month-table td.in-range .el-date-table-cell:hover {
  5815. background-color: var(--el-datepicker-inrange-hover-bg-color)
  5816. }
  5817. .el-month-table td.end-date .el-date-table-cell,
  5818. .el-month-table td.start-date .el-date-table-cell {
  5819. color: #ffffff
  5820. }
  5821. .el-month-table td.end-date .el-date-table-cell__text,
  5822. .el-month-table td.start-date .el-date-table-cell__text {
  5823. background-color: var(--el-datepicker-active-color);
  5824. color: #ffffff
  5825. }
  5826. .el-month-table td.start-date .el-date-table-cell {
  5827. border-bottom-left-radius: 24px;
  5828. border-top-left-radius: 24px;
  5829. margin-left: 3px
  5830. }
  5831. .el-month-table td.end-date .el-date-table-cell {
  5832. border-bottom-right-radius: 24px;
  5833. border-top-right-radius: 24px;
  5834. margin-right: 3px
  5835. }
  5836. .el-month-table td.current:not(.disabled) .el-date-table-cell {
  5837. border-radius: 24px;
  5838. margin-left: 3px;
  5839. margin-right: 3px
  5840. }
  5841. .el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  5842. background-color: var(--el-datepicker-active-color);
  5843. color: #ffffff
  5844. }
  5845. .el-month-table td:focus-visible {
  5846. outline: none
  5847. }
  5848. .el-month-table td:focus-visible .el-date-table-cell__text {
  5849. outline: 2px solid var(--el-datepicker-active-color);
  5850. outline-offset: 1px
  5851. }
  5852. .el-year-table {
  5853. border-collapse: collapse;
  5854. font-size: 12px;
  5855. margin: -1px
  5856. }
  5857. .el-year-table .el-icon {
  5858. color: var(--el-datepicker-icon-color)
  5859. }
  5860. .el-year-table td {
  5861. cursor: pointer;
  5862. padding: 8px 0;
  5863. position: relative;
  5864. text-align: center;
  5865. width: 68px
  5866. }
  5867. .el-year-table td .el-date-table-cell {
  5868. box-sizing: border-box;
  5869. height: 48px;
  5870. padding: 6px 0
  5871. }
  5872. .el-year-table td.today .el-date-table-cell__text {
  5873. color: var(--el-color-primary);
  5874. font-weight: bold
  5875. }
  5876. .el-year-table td.today.end-date .el-date-table-cell__text,
  5877. .el-year-table td.today.start-date .el-date-table-cell__text {
  5878. color: #ffffff
  5879. }
  5880. .el-year-table td.disabled .el-date-table-cell__text {
  5881. background-color: var(--el-fill-color-light);
  5882. color: var(--el-text-color-placeholder);
  5883. cursor: not-allowed
  5884. }
  5885. .el-year-table td.disabled .el-date-table-cell__text:hover {
  5886. color: var(--el-text-color-placeholder)
  5887. }
  5888. .el-year-table td .el-date-table-cell__text {
  5889. border-radius: 18px;
  5890. color: var(--el-datepicker-text-color);
  5891. display: block;
  5892. height: 36px;
  5893. left: 50%;
  5894. line-height: 36px;
  5895. margin: 0 auto;
  5896. position: absolute;
  5897. transform: translateX(-50%);
  5898. width: 60px
  5899. }
  5900. .el-year-table td .el-date-table-cell__text:hover {
  5901. color: var(--el-datepicker-hover-text-color)
  5902. }
  5903. .el-year-table td.in-range .el-date-table-cell {
  5904. background-color: var(--el-datepicker-inrange-bg-color)
  5905. }
  5906. .el-year-table td.in-range .el-date-table-cell:hover {
  5907. background-color: var(--el-datepicker-inrange-hover-bg-color)
  5908. }
  5909. .el-year-table td.end-date .el-date-table-cell,
  5910. .el-year-table td.start-date .el-date-table-cell {
  5911. color: #ffffff
  5912. }
  5913. .el-year-table td.end-date .el-date-table-cell__text,
  5914. .el-year-table td.start-date .el-date-table-cell__text {
  5915. background-color: var(--el-datepicker-active-color);
  5916. color: #ffffff
  5917. }
  5918. .el-year-table td.start-date .el-date-table-cell {
  5919. border-bottom-left-radius: 24px;
  5920. border-top-left-radius: 24px
  5921. }
  5922. .el-year-table td.end-date .el-date-table-cell {
  5923. border-bottom-right-radius: 24px;
  5924. border-top-right-radius: 24px
  5925. }
  5926. .el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  5927. background-color: var(--el-datepicker-active-color);
  5928. color: #ffffff
  5929. }
  5930. .el-year-table td:focus-visible {
  5931. outline: none
  5932. }
  5933. .el-year-table td:focus-visible .el-date-table-cell__text {
  5934. outline: 2px solid var(--el-datepicker-active-color);
  5935. outline-offset: 1px
  5936. }
  5937. .el-time-spinner.has-seconds .el-time-spinner__wrapper {
  5938. width: 33.3%
  5939. }
  5940. .el-time-spinner__wrapper {
  5941. display: inline-block;
  5942. max-height: 192px;
  5943. overflow: auto;
  5944. position: relative;
  5945. vertical-align: top;
  5946. width: 50%
  5947. }
  5948. .el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  5949. padding-bottom: 15px
  5950. }
  5951. .el-time-spinner__wrapper.is-arrow {
  5952. box-sizing: border-box;
  5953. overflow: hidden;
  5954. text-align: center
  5955. }
  5956. .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  5957. transform: translateY(-32px)
  5958. }
  5959. .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  5960. background: var(--el-fill-color-light);
  5961. cursor: default
  5962. }
  5963. .el-time-spinner__arrow {
  5964. color: var(--el-text-color-secondary);
  5965. cursor: pointer;
  5966. font-size: 12px;
  5967. height: 30px;
  5968. left: 0;
  5969. line-height: 30px;
  5970. position: absolute;
  5971. text-align: center;
  5972. width: 100%;
  5973. z-index: var(--el-index-normal)
  5974. }
  5975. .el-time-spinner__arrow:hover {
  5976. color: var(--el-color-primary)
  5977. }
  5978. .el-time-spinner__arrow.arrow-up {
  5979. top: 10px
  5980. }
  5981. .el-time-spinner__arrow.arrow-down {
  5982. bottom: 10px
  5983. }
  5984. .el-time-spinner__input.el-input {
  5985. width: 70%
  5986. }
  5987. .el-time-spinner__input.el-input .el-input__inner,
  5988. .el-time-spinner__list {
  5989. padding: 0;
  5990. text-align: center
  5991. }
  5992. .el-time-spinner__list {
  5993. list-style: none;
  5994. margin: 0
  5995. }
  5996. .el-time-spinner__list:after,
  5997. .el-time-spinner__list:before {
  5998. content: "";
  5999. display: block;
  6000. height: 80px;
  6001. width: 100%
  6002. }
  6003. .el-time-spinner__item {
  6004. color: var(--el-text-color-regular);
  6005. font-size: 12px;
  6006. height: 32px;
  6007. line-height: 32px
  6008. }
  6009. .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  6010. background: var(--el-fill-color-light);
  6011. cursor: pointer
  6012. }
  6013. .el-time-spinner__item.is-active:not(.is-disabled) {
  6014. color: var(--el-text-color-primary);
  6015. font-weight: bold
  6016. }
  6017. .el-time-spinner__item.is-disabled {
  6018. color: var(--el-text-color-placeholder);
  6019. cursor: not-allowed
  6020. }
  6021. .el-picker__popper {
  6022. --el-datepicker-border-color: var(--el-disabled-border-color)
  6023. }
  6024. .el-picker__popper.el-popper {
  6025. background: var(--el-bg-color-overlay);
  6026. box-shadow: var(--el-box-shadow-light)
  6027. }
  6028. .el-picker__popper.el-popper,
  6029. .el-picker__popper.el-popper .el-popper__arrow:before {
  6030. border: 1px solid var(--el-datepicker-border-color)
  6031. }
  6032. .el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  6033. border-left-color: transparent;
  6034. border-top-color: transparent
  6035. }
  6036. .el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  6037. border-bottom-color: transparent;
  6038. border-right-color: transparent
  6039. }
  6040. .el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  6041. border-bottom-color: transparent;
  6042. border-left-color: transparent
  6043. }
  6044. .el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  6045. border-right-color: transparent;
  6046. border-top-color: transparent
  6047. }
  6048. .el-date-editor {
  6049. --el-date-editor-width: 220px;
  6050. --el-date-editor-monthrange-width: 300px;
  6051. --el-date-editor-daterange-width: 350px;
  6052. --el-date-editor-datetimerange-width: 400px;
  6053. --el-input-text-color: var(--el-text-color-regular);
  6054. --el-input-border: var(--el-border);
  6055. --el-input-hover-border: var(--el-border-color-hover);
  6056. --el-input-focus-border: var(--el-color-primary);
  6057. --el-input-transparent-border: 0 0 0 1px transparent inset;
  6058. --el-input-border-color: var(--el-border-color);
  6059. --el-input-border-radius: var(--el-border-radius-base);
  6060. --el-input-bg-color: var(--el-fill-color-blank);
  6061. --el-input-icon-color: var(--el-text-color-placeholder);
  6062. --el-input-placeholder-color: var(--el-text-color-placeholder);
  6063. --el-input-hover-border-color: var(--el-border-color-hover);
  6064. --el-input-clear-hover-color: var(--el-text-color-secondary);
  6065. --el-input-focus-border-color: var(--el-color-primary);
  6066. --el-input-width: 100%;
  6067. position: relative;
  6068. text-align: left;
  6069. vertical-align: middle
  6070. }
  6071. .el-date-editor.el-input__wrapper {
  6072. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
  6073. }
  6074. .el-date-editor.el-input__wrapper:hover {
  6075. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  6076. }
  6077. .el-date-editor.el-input,
  6078. .el-date-editor.el-input__wrapper {
  6079. height: var(--el-input-height, var(--el-component-size));
  6080. width: var(--el-date-editor-width)
  6081. }
  6082. .el-date-editor--monthrange {
  6083. --el-date-editor-width: var(--el-date-editor-monthrange-width)
  6084. }
  6085. .el-date-editor--daterange,
  6086. .el-date-editor--timerange {
  6087. --el-date-editor-width: var(--el-date-editor-daterange-width)
  6088. }
  6089. .el-date-editor--datetimerange {
  6090. --el-date-editor-width: var(--el-date-editor-datetimerange-width)
  6091. }
  6092. .el-date-editor--dates .el-input__wrapper {
  6093. text-overflow: ellipsis;
  6094. white-space: nowrap
  6095. }
  6096. .el-date-editor .clear-icon,
  6097. .el-date-editor .close-icon {
  6098. cursor: pointer
  6099. }
  6100. .el-date-editor .clear-icon:hover {
  6101. color: var(--el-input-clear-hover-color)
  6102. }
  6103. .el-date-editor .el-range__icon {
  6104. color: var(--el-text-color-placeholder);
  6105. float: left;
  6106. font-size: 14px;
  6107. height: inherit
  6108. }
  6109. .el-date-editor .el-range__icon svg {
  6110. vertical-align: middle
  6111. }
  6112. .el-date-editor .el-range-input {
  6113. -webkit-appearance: none;
  6114. -moz-appearance: none;
  6115. appearance: none;
  6116. background-color: transparent;
  6117. border: none;
  6118. color: var(--el-text-color-regular);
  6119. display: inline-block;
  6120. font-size: var(--el-font-size-base);
  6121. height: 30px;
  6122. line-height: 30px;
  6123. margin: 0;
  6124. outline: none;
  6125. padding: 0;
  6126. text-align: center;
  6127. width: 39%
  6128. }
  6129. .el-date-editor .el-range-input::-moz-placeholder {
  6130. color: var(--el-text-color-placeholder)
  6131. }
  6132. .el-date-editor .el-range-input::placeholder {
  6133. color: var(--el-text-color-placeholder)
  6134. }
  6135. .el-date-editor .el-range-separator {
  6136. align-items: center;
  6137. color: var(--el-text-color-primary);
  6138. display: inline-flex;
  6139. flex: 1;
  6140. font-size: 14px;
  6141. height: 100%;
  6142. justify-content: center;
  6143. margin: 0;
  6144. overflow-wrap: break-word;
  6145. padding: 0 5px
  6146. }
  6147. .el-date-editor .el-range__close-icon {
  6148. color: var(--el-text-color-placeholder);
  6149. cursor: pointer;
  6150. font-size: 14px;
  6151. height: inherit;
  6152. width: unset
  6153. }
  6154. .el-date-editor .el-range__close-icon:hover {
  6155. color: var(--el-input-clear-hover-color)
  6156. }
  6157. .el-date-editor .el-range__close-icon svg {
  6158. vertical-align: middle
  6159. }
  6160. .el-date-editor .el-range__close-icon--hidden {
  6161. opacity: 0;
  6162. visibility: hidden
  6163. }
  6164. .el-range-editor.el-input__wrapper {
  6165. align-items: center;
  6166. display: inline-flex;
  6167. padding: 0 10px;
  6168. vertical-align: middle
  6169. }
  6170. .el-range-editor.is-active,
  6171. .el-range-editor.is-active:hover {
  6172. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  6173. }
  6174. .el-range-editor--large {
  6175. line-height: var(--el-component-size-large)
  6176. }
  6177. .el-range-editor--large.el-input__wrapper {
  6178. height: var(--el-component-size-large)
  6179. }
  6180. .el-range-editor--large .el-range-separator {
  6181. font-size: 14px;
  6182. line-height: 40px
  6183. }
  6184. .el-range-editor--large .el-range-input {
  6185. font-size: 14px;
  6186. height: 38px;
  6187. line-height: 38px
  6188. }
  6189. .el-range-editor--small {
  6190. line-height: var(--el-component-size-small)
  6191. }
  6192. .el-range-editor--small.el-input__wrapper {
  6193. height: var(--el-component-size-small)
  6194. }
  6195. .el-range-editor--small .el-range-separator {
  6196. font-size: 12px;
  6197. line-height: 24px
  6198. }
  6199. .el-range-editor--small .el-range-input {
  6200. font-size: 12px;
  6201. height: 22px;
  6202. line-height: 22px
  6203. }
  6204. .el-range-editor.is-disabled {
  6205. background-color: var(--el-disabled-bg-color);
  6206. color: var(--el-disabled-text-color);
  6207. cursor: not-allowed
  6208. }
  6209. .el-range-editor.is-disabled,
  6210. .el-range-editor.is-disabled:focus,
  6211. .el-range-editor.is-disabled:hover {
  6212. border-color: var(--el-disabled-border-color)
  6213. }
  6214. .el-range-editor.is-disabled input {
  6215. background-color: var(--el-disabled-bg-color);
  6216. color: var(--el-disabled-text-color);
  6217. cursor: not-allowed
  6218. }
  6219. .el-range-editor.is-disabled input::-moz-placeholder {
  6220. color: var(--el-text-color-placeholder)
  6221. }
  6222. .el-range-editor.is-disabled input::placeholder {
  6223. color: var(--el-text-color-placeholder)
  6224. }
  6225. .el-range-editor.is-disabled .el-range-separator {
  6226. color: var(--el-disabled-text-color)
  6227. }
  6228. .el-picker-panel {
  6229. background: var(--el-bg-color-overlay);
  6230. border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  6231. color: var(--el-text-color-regular);
  6232. line-height: 30px
  6233. }
  6234. .el-picker-panel .el-time-panel {
  6235. background-color: var(--el-bg-color-overlay);
  6236. border: 1px solid var(--el-datepicker-border-color);
  6237. box-shadow: var(--el-box-shadow-light);
  6238. margin: 5px 0
  6239. }
  6240. .el-picker-panel__body-wrapper:after,
  6241. .el-picker-panel__body:after {
  6242. clear: both;
  6243. content: "";
  6244. display: table
  6245. }
  6246. .el-picker-panel__content {
  6247. margin: 15px;
  6248. position: relative
  6249. }
  6250. .el-picker-panel__footer {
  6251. background-color: var(--el-bg-color-overlay);
  6252. border-top: 1px solid var(--el-datepicker-inner-border-color);
  6253. font-size: 0;
  6254. padding: 4px 12px;
  6255. position: relative;
  6256. text-align: right
  6257. }
  6258. .el-picker-panel__shortcut {
  6259. background-color: transparent;
  6260. border: 0;
  6261. color: var(--el-datepicker-text-color);
  6262. cursor: pointer;
  6263. display: block;
  6264. font-size: 14px;
  6265. line-height: 28px;
  6266. outline: none;
  6267. padding-left: 12px;
  6268. text-align: left;
  6269. width: 100%
  6270. }
  6271. .el-picker-panel__shortcut:hover {
  6272. color: var(--el-datepicker-hover-text-color)
  6273. }
  6274. .el-picker-panel__shortcut.active {
  6275. background-color: #e6f1fe;
  6276. color: var(--el-datepicker-active-color)
  6277. }
  6278. .el-picker-panel__btn {
  6279. background-color: transparent;
  6280. border: 1px solid var(--el-fill-color-darker);
  6281. border-radius: 2px;
  6282. color: var(--el-text-color-primary);
  6283. cursor: pointer;
  6284. font-size: 12px;
  6285. line-height: 24px;
  6286. outline: none;
  6287. padding: 0 20px
  6288. }
  6289. .el-picker-panel__btn[disabled] {
  6290. color: var(--el-text-color-disabled);
  6291. cursor: not-allowed
  6292. }
  6293. .el-picker-panel__icon-btn {
  6294. background: transparent;
  6295. border: 0;
  6296. color: var(--el-datepicker-icon-color);
  6297. cursor: pointer;
  6298. font-size: 12px;
  6299. margin-top: 8px;
  6300. outline: none
  6301. }
  6302. .el-picker-panel__icon-btn:hover {
  6303. color: var(--el-datepicker-hover-text-color)
  6304. }
  6305. .el-picker-panel__icon-btn:focus-visible {
  6306. color: var(--el-datepicker-hover-text-color)
  6307. }
  6308. .el-picker-panel__icon-btn.is-disabled {
  6309. color: var(--el-text-color-disabled)
  6310. }
  6311. .el-picker-panel__icon-btn.is-disabled:hover {
  6312. cursor: not-allowed
  6313. }
  6314. .el-picker-panel__icon-btn .el-icon {
  6315. cursor: pointer;
  6316. font-size: inherit
  6317. }
  6318. .el-picker-panel__link-btn {
  6319. vertical-align: middle
  6320. }
  6321. .el-picker-panel [slot=sidebar],
  6322. .el-picker-panel__sidebar {
  6323. border-right: 1px solid var(--el-datepicker-inner-border-color);
  6324. bottom: 0;
  6325. box-sizing: border-box;
  6326. overflow: auto;
  6327. padding-top: 6px;
  6328. position: absolute;
  6329. top: 0;
  6330. width: 110px
  6331. }
  6332. .el-picker-panel [slot=sidebar]+.el-picker-panel__body,
  6333. .el-picker-panel__sidebar+.el-picker-panel__body {
  6334. margin-left: 110px
  6335. }
  6336. .el-date-picker {
  6337. --el-datepicker-text-color: var(--el-text-color-regular);
  6338. --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  6339. --el-datepicker-header-text-color: var(--el-text-color-regular);
  6340. --el-datepicker-icon-color: var(--el-text-color-primary);
  6341. --el-datepicker-border-color: var(--el-disabled-border-color);
  6342. --el-datepicker-inner-border-color: var(--el-border-color-light);
  6343. --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  6344. --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  6345. --el-datepicker-active-color: var(--el-color-primary);
  6346. --el-datepicker-hover-text-color: var(--el-color-primary);
  6347. width: 322px
  6348. }
  6349. .el-date-picker.has-sidebar.has-time {
  6350. width: 434px
  6351. }
  6352. .el-date-picker.has-sidebar {
  6353. width: 438px
  6354. }
  6355. .el-date-picker.has-time .el-picker-panel__body-wrapper {
  6356. position: relative
  6357. }
  6358. .el-date-picker .el-picker-panel__content {
  6359. width: 292px
  6360. }
  6361. .el-date-picker table {
  6362. table-layout: fixed;
  6363. width: 100%
  6364. }
  6365. .el-date-picker__editor-wrap {
  6366. display: table-cell;
  6367. padding: 0 5px;
  6368. position: relative
  6369. }
  6370. .el-date-picker__time-header {
  6371. border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  6372. box-sizing: border-box;
  6373. display: table;
  6374. font-size: 12px;
  6375. padding: 8px 5px 5px;
  6376. position: relative;
  6377. width: 100%
  6378. }
  6379. .el-date-picker__header {
  6380. padding: 12px 12px 0;
  6381. text-align: center
  6382. }
  6383. .el-date-picker__header--bordered {
  6384. border-bottom: 1px solid var(--el-border-color-lighter);
  6385. margin-bottom: 0;
  6386. padding-bottom: 12px
  6387. }
  6388. .el-date-picker__header--bordered+.el-picker-panel__content {
  6389. margin-top: 0
  6390. }
  6391. .el-date-picker__header-label {
  6392. color: var(--el-text-color-regular);
  6393. cursor: pointer;
  6394. font-size: 16px;
  6395. font-weight: 500;
  6396. line-height: 22px;
  6397. padding: 0 5px;
  6398. text-align: center
  6399. }
  6400. .el-date-picker__header-label:hover {
  6401. color: var(--el-datepicker-hover-text-color)
  6402. }
  6403. .el-date-picker__header-label:focus-visible {
  6404. color: var(--el-datepicker-hover-text-color);
  6405. outline: none
  6406. }
  6407. .el-date-picker__header-label.active {
  6408. color: var(--el-datepicker-active-color)
  6409. }
  6410. .el-date-picker__prev-btn {
  6411. float: left
  6412. }
  6413. .el-date-picker__next-btn {
  6414. float: right
  6415. }
  6416. .el-date-picker__time-wrap {
  6417. padding: 10px;
  6418. text-align: center
  6419. }
  6420. .el-date-picker__time-label {
  6421. cursor: pointer;
  6422. float: left;
  6423. line-height: 30px;
  6424. margin-left: 10px
  6425. }
  6426. .el-date-picker .el-time-panel {
  6427. position: absolute
  6428. }
  6429. .el-date-range-picker {
  6430. --el-datepicker-text-color: var(--el-text-color-regular);
  6431. --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  6432. --el-datepicker-header-text-color: var(--el-text-color-regular);
  6433. --el-datepicker-icon-color: var(--el-text-color-primary);
  6434. --el-datepicker-border-color: var(--el-disabled-border-color);
  6435. --el-datepicker-inner-border-color: var(--el-border-color-light);
  6436. --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  6437. --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  6438. --el-datepicker-active-color: var(--el-color-primary);
  6439. --el-datepicker-hover-text-color: var(--el-color-primary);
  6440. width: 646px
  6441. }
  6442. .el-date-range-picker.has-sidebar {
  6443. width: 756px
  6444. }
  6445. .el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  6446. position: relative
  6447. }
  6448. .el-date-range-picker table {
  6449. table-layout: fixed;
  6450. width: 100%
  6451. }
  6452. .el-date-range-picker .el-picker-panel__body {
  6453. min-width: 513px
  6454. }
  6455. .el-date-range-picker .el-picker-panel__content {
  6456. margin: 0
  6457. }
  6458. .el-date-range-picker__header {
  6459. height: 28px;
  6460. position: relative;
  6461. text-align: center
  6462. }
  6463. .el-date-range-picker__header [class*=arrow-left] {
  6464. float: left
  6465. }
  6466. .el-date-range-picker__header [class*=arrow-right] {
  6467. float: right
  6468. }
  6469. .el-date-range-picker__header div {
  6470. font-size: 16px;
  6471. font-weight: 500;
  6472. margin-right: 50px
  6473. }
  6474. .el-date-range-picker__content {
  6475. box-sizing: border-box;
  6476. float: left;
  6477. margin: 0;
  6478. padding: 16px;
  6479. width: 50%
  6480. }
  6481. .el-date-range-picker__content.is-left {
  6482. border-right: 1px solid var(--el-datepicker-inner-border-color)
  6483. }
  6484. .el-date-range-picker__content .el-date-range-picker__header div {
  6485. margin-left: 50px;
  6486. margin-right: 50px
  6487. }
  6488. .el-date-range-picker__editors-wrap {
  6489. box-sizing: border-box;
  6490. display: table-cell
  6491. }
  6492. .el-date-range-picker__editors-wrap.is-right {
  6493. text-align: right
  6494. }
  6495. .el-date-range-picker__time-header {
  6496. border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  6497. box-sizing: border-box;
  6498. display: table;
  6499. font-size: 12px;
  6500. padding: 8px 5px 5px;
  6501. position: relative;
  6502. width: 100%
  6503. }
  6504. .el-date-range-picker__time-header>.el-icon-arrow-right {
  6505. color: var(--el-datepicker-icon-color);
  6506. display: table-cell;
  6507. font-size: 20px;
  6508. vertical-align: middle
  6509. }
  6510. .el-date-range-picker__time-picker-wrap {
  6511. display: table-cell;
  6512. padding: 0 5px;
  6513. position: relative
  6514. }
  6515. .el-date-range-picker__time-picker-wrap .el-picker-panel {
  6516. background: #ffffff;
  6517. position: absolute;
  6518. right: 0;
  6519. top: 13px;
  6520. z-index: 1
  6521. }
  6522. .el-date-range-picker__time-picker-wrap .el-time-panel {
  6523. position: absolute
  6524. }
  6525. .el-time-range-picker {
  6526. overflow: visible;
  6527. width: 354px
  6528. }
  6529. .el-time-range-picker__content {
  6530. padding: 10px;
  6531. position: relative;
  6532. text-align: center;
  6533. z-index: 1
  6534. }
  6535. .el-time-range-picker__cell {
  6536. box-sizing: border-box;
  6537. display: inline-block;
  6538. margin: 0;
  6539. padding: 4px 7px 7px;
  6540. width: 50%
  6541. }
  6542. .el-time-range-picker__header {
  6543. font-size: 14px;
  6544. margin-bottom: 5px;
  6545. text-align: center
  6546. }
  6547. .el-time-range-picker__body {
  6548. border: 1px solid var(--el-datepicker-border-color);
  6549. border-radius: 2px
  6550. }
  6551. .el-time-panel {
  6552. border-radius: 2px;
  6553. box-sizing: content-box;
  6554. left: 0;
  6555. position: relative;
  6556. -webkit-user-select: none;
  6557. -moz-user-select: none;
  6558. user-select: none;
  6559. width: 180px;
  6560. z-index: var(--el-index-top)
  6561. }
  6562. .el-time-panel__content {
  6563. font-size: 0;
  6564. overflow: hidden;
  6565. position: relative
  6566. }
  6567. .el-time-panel__content:after,
  6568. .el-time-panel__content:before {
  6569. box-sizing: border-box;
  6570. content: "";
  6571. height: 32px;
  6572. left: 0;
  6573. margin-top: -16px;
  6574. padding-top: 6px;
  6575. position: absolute;
  6576. right: 0;
  6577. text-align: left;
  6578. top: 50%;
  6579. z-index: -1
  6580. }
  6581. .el-time-panel__content:after {
  6582. left: 50%;
  6583. margin-left: 12%;
  6584. margin-right: 12%
  6585. }
  6586. .el-time-panel__content:before {
  6587. border-bottom: 1px solid var(--el-border-color-light);
  6588. border-top: 1px solid var(--el-border-color-light);
  6589. margin-left: 12%;
  6590. margin-right: 12%;
  6591. padding-left: 50%
  6592. }
  6593. .el-time-panel__content.has-seconds:after {
  6594. left: 66.6666666667%
  6595. }
  6596. .el-time-panel__content.has-seconds:before {
  6597. padding-left: 33.3333333333%
  6598. }
  6599. .el-time-panel__footer {
  6600. border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  6601. box-sizing: border-box;
  6602. height: 36px;
  6603. line-height: 25px;
  6604. padding: 4px;
  6605. text-align: right
  6606. }
  6607. .el-time-panel__btn {
  6608. background-color: transparent;
  6609. border: none;
  6610. color: var(--el-text-color-primary);
  6611. cursor: pointer;
  6612. font-size: 12px;
  6613. line-height: 28px;
  6614. margin: 0 5px;
  6615. outline: none;
  6616. padding: 0 5px
  6617. }
  6618. .el-time-panel__btn.confirm {
  6619. color: var(--el-timepicker-active-color, var(--el-color-primary));
  6620. font-weight: 800
  6621. }
  6622. .el-descriptions {
  6623. --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
  6624. --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
  6625. box-sizing: border-box;
  6626. color: var(--el-text-color-primary);
  6627. font-size: var(--el-font-size-base)
  6628. }
  6629. .el-descriptions__header {
  6630. align-items: center;
  6631. display: flex;
  6632. justify-content: space-between;
  6633. margin-bottom: 16px
  6634. }
  6635. .el-descriptions__title {
  6636. color: var(--el-text-color-primary);
  6637. font-size: 16px;
  6638. font-weight: bold
  6639. }
  6640. .el-descriptions__body {
  6641. background-color: var(--el-fill-color-blank)
  6642. }
  6643. .el-descriptions__body .el-descriptions__table {
  6644. border-collapse: collapse;
  6645. width: 100%
  6646. }
  6647. .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  6648. box-sizing: border-box;
  6649. font-size: 14px;
  6650. line-height: 23px;
  6651. text-align: left
  6652. }
  6653. .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
  6654. text-align: left
  6655. }
  6656. .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
  6657. text-align: center
  6658. }
  6659. .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
  6660. text-align: right
  6661. }
  6662. .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  6663. border: var(--el-descriptions-table-border);
  6664. padding: 8px 11px
  6665. }
  6666. .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  6667. padding-bottom: 12px
  6668. }
  6669. .el-descriptions--large {
  6670. font-size: 14px
  6671. }
  6672. .el-descriptions--large .el-descriptions__header {
  6673. margin-bottom: 20px
  6674. }
  6675. .el-descriptions--large .el-descriptions__header .el-descriptions__title {
  6676. font-size: 16px
  6677. }
  6678. .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  6679. font-size: 14px
  6680. }
  6681. .el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  6682. padding: 12px 15px
  6683. }
  6684. .el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  6685. padding-bottom: 16px
  6686. }
  6687. .el-descriptions--small {
  6688. font-size: 12px
  6689. }
  6690. .el-descriptions--small .el-descriptions__header {
  6691. margin-bottom: 12px
  6692. }
  6693. .el-descriptions--small .el-descriptions__header .el-descriptions__title {
  6694. font-size: 14px
  6695. }
  6696. .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  6697. font-size: 12px
  6698. }
  6699. .el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  6700. padding: 4px 7px
  6701. }
  6702. .el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  6703. padding-bottom: 8px
  6704. }
  6705. .el-descriptions__label.el-descriptions__cell.is-bordered-label {
  6706. background: var(--el-descriptions-item-bordered-label-background);
  6707. color: var(--el-text-color-regular);
  6708. font-weight: bold
  6709. }
  6710. .el-descriptions__label:not(.is-bordered-label) {
  6711. color: var(--el-text-color-primary);
  6712. margin-right: 16px
  6713. }
  6714. .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  6715. padding-bottom: 6px
  6716. }
  6717. .el-descriptions__content.el-descriptions__cell.is-bordered-content {
  6718. color: var(--el-text-color-primary)
  6719. }
  6720. .el-descriptions__content:not(.is-bordered-label) {
  6721. color: var(--el-text-color-regular)
  6722. }
  6723. .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
  6724. margin-right: 16px
  6725. }
  6726. .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  6727. padding-bottom: 8px
  6728. }
  6729. .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
  6730. margin-right: 12px
  6731. }
  6732. .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  6733. padding-bottom: 4px
  6734. }
  6735. :root {
  6736. --el-popup-modal-bg-color: var(--el-color-black);
  6737. --el-popup-modal-opacity: 0.5
  6738. }
  6739. .v-modal-enter {
  6740. animation: v-modal-in var(--el-transition-duration-fast) ease
  6741. }
  6742. .v-modal-leave {
  6743. animation: v-modal-out var(--el-transition-duration-fast) ease forwards
  6744. }
  6745. @keyframes v-modal-in {
  6746. 0% {
  6747. opacity: 0
  6748. }
  6749. }
  6750. @keyframes v-modal-out {
  6751. to {
  6752. opacity: 0
  6753. }
  6754. }
  6755. .v-modal {
  6756. background: var(--el-popup-modal-bg-color);
  6757. height: 100%;
  6758. left: 0;
  6759. opacity: var(--el-popup-modal-opacity);
  6760. position: fixed;
  6761. top: 0;
  6762. width: 100%
  6763. }
  6764. .el-popup-parent--hidden {
  6765. overflow: hidden
  6766. }
  6767. .el-dialog {
  6768. --el-dialog-width: 50%;
  6769. --el-dialog-margin-top: 15vh;
  6770. --el-dialog-bg-color: var(--el-bg-color);
  6771. --el-dialog-box-shadow: var(--el-box-shadow);
  6772. --el-dialog-title-font-size: var(--el-font-size-large);
  6773. --el-dialog-content-font-size: 14px;
  6774. --el-dialog-font-line-height: var(--el-font-line-height-primary);
  6775. --el-dialog-padding-primary: 16px;
  6776. --el-dialog-border-radius: var(--el-border-radius-base);
  6777. background: var(--el-dialog-bg-color);
  6778. border-radius: var(--el-dialog-border-radius);
  6779. box-shadow: var(--el-dialog-box-shadow);
  6780. box-sizing: border-box;
  6781. margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  6782. overflow-wrap: break-word;
  6783. padding: var(--el-dialog-padding-primary);
  6784. position: relative;
  6785. width: var(--el-dialog-width, 50%)
  6786. }
  6787. .el-dialog:focus {
  6788. outline: none !important
  6789. }
  6790. .el-dialog.is-align-center {
  6791. margin: auto
  6792. }
  6793. .el-dialog.is-fullscreen {
  6794. --el-dialog-width: 100%;
  6795. --el-dialog-margin-top: 0;
  6796. border-radius: 0;
  6797. height: 100%;
  6798. margin-bottom: 0;
  6799. overflow: auto
  6800. }
  6801. .el-dialog__wrapper {
  6802. bottom: 0;
  6803. left: 0;
  6804. margin: 0;
  6805. overflow: auto;
  6806. position: fixed;
  6807. right: 0;
  6808. top: 0
  6809. }
  6810. .el-dialog.is-draggable .el-dialog__header {
  6811. cursor: move;
  6812. -webkit-user-select: none;
  6813. -moz-user-select: none;
  6814. user-select: none
  6815. }
  6816. .el-dialog__header {
  6817. padding-bottom: var(--el-dialog-padding-primary)
  6818. }
  6819. .el-dialog__header.show-close {
  6820. padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))
  6821. }
  6822. .el-dialog__headerbtn {
  6823. background: transparent;
  6824. border: none;
  6825. cursor: pointer;
  6826. font-size: var(--el-message-close-size, 16px);
  6827. height: 48px;
  6828. outline: none;
  6829. padding: 0;
  6830. position: absolute;
  6831. right: 0;
  6832. top: 0;
  6833. width: 48px
  6834. }
  6835. .el-dialog__headerbtn .el-dialog__close {
  6836. color: var(--el-color-info);
  6837. font-size: inherit
  6838. }
  6839. .el-dialog__headerbtn:focus .el-dialog__close,
  6840. .el-dialog__headerbtn:hover .el-dialog__close {
  6841. color: var(--el-color-primary)
  6842. }
  6843. .el-dialog__title {
  6844. color: var(--el-text-color-primary);
  6845. font-size: var(--el-dialog-title-font-size);
  6846. line-height: var(--el-dialog-font-line-height)
  6847. }
  6848. .el-dialog__body {
  6849. color: var(--el-text-color-regular);
  6850. font-size: var(--el-dialog-content-font-size)
  6851. }
  6852. .el-dialog__footer {
  6853. box-sizing: border-box;
  6854. padding-top: var(--el-dialog-padding-primary);
  6855. text-align: right
  6856. }
  6857. .el-dialog--center {
  6858. text-align: center
  6859. }
  6860. .el-dialog--center .el-dialog__body {
  6861. text-align: initial
  6862. }
  6863. .el-dialog--center .el-dialog__footer {
  6864. text-align: inherit
  6865. }
  6866. .el-overlay-dialog {
  6867. bottom: 0;
  6868. left: 0;
  6869. overflow: auto;
  6870. position: fixed;
  6871. right: 0;
  6872. top: 0
  6873. }
  6874. .dialog-fade-enter-active {
  6875. animation: modal-fade-in var(--el-transition-duration)
  6876. }
  6877. .dialog-fade-enter-active .el-overlay-dialog {
  6878. animation: dialog-fade-in var(--el-transition-duration)
  6879. }
  6880. .dialog-fade-leave-active {
  6881. animation: modal-fade-out var(--el-transition-duration)
  6882. }
  6883. .dialog-fade-leave-active .el-overlay-dialog {
  6884. animation: dialog-fade-out var(--el-transition-duration)
  6885. }
  6886. @keyframes dialog-fade-in {
  6887. 0% {
  6888. opacity: 0;
  6889. transform: translate3d(0, -20px, 0)
  6890. }
  6891. to {
  6892. opacity: 1;
  6893. transform: translateZ(0)
  6894. }
  6895. }
  6896. @keyframes dialog-fade-out {
  6897. 0% {
  6898. opacity: 1;
  6899. transform: translateZ(0)
  6900. }
  6901. to {
  6902. opacity: 0;
  6903. transform: translate3d(0, -20px, 0)
  6904. }
  6905. }
  6906. @keyframes modal-fade-in {
  6907. 0% {
  6908. opacity: 0
  6909. }
  6910. to {
  6911. opacity: 1
  6912. }
  6913. }
  6914. @keyframes modal-fade-out {
  6915. 0% {
  6916. opacity: 1
  6917. }
  6918. to {
  6919. opacity: 0
  6920. }
  6921. }
  6922. .el-divider {
  6923. position: relative
  6924. }
  6925. .el-divider--horizontal {
  6926. border-top: 1px var(--el-border-color) var(--el-border-style);
  6927. display: block;
  6928. height: 1px;
  6929. margin: 24px 0;
  6930. width: 100%
  6931. }
  6932. .el-divider--vertical {
  6933. border-left: 1px var(--el-border-color) var(--el-border-style);
  6934. display: inline-block;
  6935. height: 1em;
  6936. margin: 0 8px;
  6937. position: relative;
  6938. vertical-align: middle;
  6939. width: 1px
  6940. }
  6941. .el-divider__text {
  6942. background-color: var(--el-bg-color);
  6943. color: var(--el-text-color-primary);
  6944. font-size: 14px;
  6945. font-weight: 500;
  6946. padding: 0 20px;
  6947. position: absolute
  6948. }
  6949. .el-divider__text.is-left {
  6950. left: 20px;
  6951. transform: translateY(-50%)
  6952. }
  6953. .el-divider__text.is-center {
  6954. left: 50%;
  6955. transform: translateX(-50%) translateY(-50%)
  6956. }
  6957. .el-divider__text.is-right {
  6958. right: 20px;
  6959. transform: translateY(-50%)
  6960. }
  6961. .el-drawer {
  6962. --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  6963. --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  6964. background-color: var(--el-drawer-bg-color);
  6965. box-shadow: var(--el-box-shadow-dark);
  6966. box-sizing: border-box;
  6967. display: flex;
  6968. flex-direction: column;
  6969. overflow: hidden;
  6970. position: absolute;
  6971. transition: all var(--el-transition-duration)
  6972. }
  6973. .el-drawer .btt,
  6974. .el-drawer .ltr,
  6975. .el-drawer .rtl,
  6976. .el-drawer .ttb {
  6977. transform: translate(0)
  6978. }
  6979. .el-drawer__sr-focus:focus {
  6980. outline: none !important
  6981. }
  6982. .el-drawer__header {
  6983. align-items: center;
  6984. color: rgb(114, 118, 123);
  6985. display: flex;
  6986. margin-bottom: 32px;
  6987. padding: var(--el-drawer-padding-primary);
  6988. padding-bottom: 0
  6989. }
  6990. .el-drawer__header>:first-child {
  6991. flex: 1
  6992. }
  6993. .el-drawer__title {
  6994. flex: 1;
  6995. font-size: 16px;
  6996. line-height: inherit;
  6997. margin: 0
  6998. }
  6999. .el-drawer__footer {
  7000. padding: var(--el-drawer-padding-primary);
  7001. padding-top: 10px;
  7002. text-align: right
  7003. }
  7004. .el-drawer__close-btn {
  7005. background-color: transparent;
  7006. border: none;
  7007. color: inherit;
  7008. cursor: pointer;
  7009. display: inline-flex;
  7010. font-size: var(--el-font-size-extra-large);
  7011. outline: none
  7012. }
  7013. .el-drawer__close-btn:focus i,
  7014. .el-drawer__close-btn:hover i {
  7015. color: var(--el-color-primary)
  7016. }
  7017. .el-drawer__body {
  7018. flex: 1;
  7019. overflow: auto;
  7020. padding: var(--el-drawer-padding-primary)
  7021. }
  7022. .el-drawer__body>* {
  7023. box-sizing: border-box
  7024. }
  7025. .el-drawer.ltr,
  7026. .el-drawer.rtl {
  7027. bottom: 0;
  7028. height: 100%;
  7029. top: 0
  7030. }
  7031. .el-drawer.btt,
  7032. .el-drawer.ttb {
  7033. left: 0;
  7034. right: 0;
  7035. width: 100%
  7036. }
  7037. .el-drawer.ltr {
  7038. left: 0
  7039. }
  7040. .el-drawer.rtl {
  7041. right: 0
  7042. }
  7043. .el-drawer.ttb {
  7044. top: 0
  7045. }
  7046. .el-drawer.btt {
  7047. bottom: 0
  7048. }
  7049. .el-drawer-fade-enter-active,
  7050. .el-drawer-fade-leave-active {
  7051. transition: all var(--el-transition-duration)
  7052. }
  7053. .el-drawer-fade-enter-active,
  7054. .el-drawer-fade-enter-from,
  7055. .el-drawer-fade-enter-to,
  7056. .el-drawer-fade-leave-active,
  7057. .el-drawer-fade-leave-from,
  7058. .el-drawer-fade-leave-to {
  7059. overflow: hidden !important
  7060. }
  7061. .el-drawer-fade-enter-from,
  7062. .el-drawer-fade-leave-to {
  7063. background-color: transparent !important
  7064. }
  7065. .el-drawer-fade-enter-from .rtl,
  7066. .el-drawer-fade-leave-to .rtl {
  7067. transform: translateX(100%)
  7068. }
  7069. .el-drawer-fade-enter-from .ltr,
  7070. .el-drawer-fade-leave-to .ltr {
  7071. transform: translateX(-100%)
  7072. }
  7073. .el-drawer-fade-enter-from .ttb,
  7074. .el-drawer-fade-leave-to .ttb {
  7075. transform: translateY(-100%)
  7076. }
  7077. .el-drawer-fade-enter-from .btt,
  7078. .el-drawer-fade-leave-to .btt {
  7079. transform: translateY(100%)
  7080. }
  7081. .el-dropdown {
  7082. --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  7083. --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  7084. --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  7085. --el-dropdown-menu-index: 10;
  7086. color: var(--el-text-color-regular);
  7087. display: inline-flex;
  7088. font-size: var(--el-font-size-base);
  7089. line-height: 1;
  7090. position: relative;
  7091. vertical-align: top
  7092. }
  7093. .el-dropdown.is-disabled {
  7094. color: var(--el-text-color-placeholder);
  7095. cursor: not-allowed
  7096. }
  7097. .el-dropdown__popper {
  7098. --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  7099. --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  7100. --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  7101. --el-dropdown-menu-index: 10
  7102. }
  7103. .el-dropdown__popper.el-popper {
  7104. background: var(--el-bg-color-overlay);
  7105. box-shadow: var(--el-dropdown-menu-box-shadow)
  7106. }
  7107. .el-dropdown__popper.el-popper,
  7108. .el-dropdown__popper.el-popper .el-popper__arrow:before {
  7109. border: 1px solid var(--el-border-color-light)
  7110. }
  7111. .el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  7112. border-left-color: transparent;
  7113. border-top-color: transparent
  7114. }
  7115. .el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  7116. border-bottom-color: transparent;
  7117. border-right-color: transparent
  7118. }
  7119. .el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  7120. border-bottom-color: transparent;
  7121. border-left-color: transparent
  7122. }
  7123. .el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  7124. border-right-color: transparent;
  7125. border-top-color: transparent
  7126. }
  7127. .el-dropdown__popper .el-dropdown-menu {
  7128. border: none
  7129. }
  7130. .el-dropdown__popper .el-dropdown__popper-selfdefine {
  7131. outline: none
  7132. }
  7133. .el-dropdown__popper .el-scrollbar__bar {
  7134. z-index: calc(var(--el-dropdown-menu-index) + 1)
  7135. }
  7136. .el-dropdown__popper .el-dropdown__list {
  7137. box-sizing: border-box;
  7138. list-style: none;
  7139. margin: 0;
  7140. padding: 0
  7141. }
  7142. .el-dropdown .el-dropdown__caret-button {
  7143. align-items: center;
  7144. border-left: none;
  7145. display: inline-flex;
  7146. justify-content: center;
  7147. padding-left: 0;
  7148. padding-right: 0;
  7149. width: 32px
  7150. }
  7151. .el-dropdown .el-dropdown__caret-button>span {
  7152. display: inline-flex
  7153. }
  7154. .el-dropdown .el-dropdown__caret-button:before {
  7155. background: var(--el-overlay-color-lighter);
  7156. bottom: -1px;
  7157. content: "";
  7158. display: block;
  7159. left: 0;
  7160. position: absolute;
  7161. top: -1px;
  7162. width: 1px
  7163. }
  7164. .el-dropdown .el-dropdown__caret-button.el-button:before {
  7165. background: var(--el-border-color);
  7166. opacity: .5
  7167. }
  7168. .el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  7169. font-size: inherit;
  7170. padding-left: 0
  7171. }
  7172. .el-dropdown .el-dropdown-selfdefine {
  7173. outline: none
  7174. }
  7175. .el-dropdown--large .el-dropdown__caret-button {
  7176. width: 40px
  7177. }
  7178. .el-dropdown--small .el-dropdown__caret-button {
  7179. width: 24px
  7180. }
  7181. .el-dropdown-menu {
  7182. background-color: var(--el-bg-color-overlay);
  7183. border: none;
  7184. border-radius: var(--el-border-radius-base);
  7185. box-shadow: none;
  7186. left: 0;
  7187. list-style: none;
  7188. margin: 0;
  7189. padding: 5px 0;
  7190. position: relative;
  7191. top: 0;
  7192. z-index: var(--el-dropdown-menu-index)
  7193. }
  7194. .el-dropdown-menu__item {
  7195. align-items: center;
  7196. color: var(--el-text-color-regular);
  7197. cursor: pointer;
  7198. display: flex;
  7199. font-size: var(--el-font-size-base);
  7200. line-height: 22px;
  7201. list-style: none;
  7202. margin: 0;
  7203. outline: none;
  7204. padding: 5px 16px;
  7205. white-space: nowrap
  7206. }
  7207. .el-dropdown-menu__item:not(.is-disabled):focus,
  7208. .el-dropdown-menu__item:not(.is-disabled):hover {
  7209. background-color: var(--el-dropdown-menuItem-hover-fill);
  7210. color: var(--el-dropdown-menuItem-hover-color)
  7211. }
  7212. .el-dropdown-menu__item i {
  7213. margin-right: 5px
  7214. }
  7215. .el-dropdown-menu__item--divided {
  7216. border-top: 1px solid var(--el-border-color-lighter);
  7217. margin: 6px 0
  7218. }
  7219. .el-dropdown-menu__item.is-disabled {
  7220. color: var(--el-text-color-disabled);
  7221. cursor: not-allowed
  7222. }
  7223. .el-dropdown-menu--large {
  7224. padding: 7px 0
  7225. }
  7226. .el-dropdown-menu--large .el-dropdown-menu__item {
  7227. font-size: 14px;
  7228. line-height: 22px;
  7229. padding: 7px 20px
  7230. }
  7231. .el-dropdown-menu--large .el-dropdown-menu__item--divided {
  7232. margin: 8px 0
  7233. }
  7234. .el-dropdown-menu--small {
  7235. padding: 3px 0
  7236. }
  7237. .el-dropdown-menu--small .el-dropdown-menu__item {
  7238. font-size: 12px;
  7239. line-height: 20px;
  7240. padding: 2px 12px
  7241. }
  7242. .el-dropdown-menu--small .el-dropdown-menu__item--divided {
  7243. margin: 4px 0
  7244. }
  7245. .el-empty {
  7246. --el-empty-padding: 40px 0;
  7247. --el-empty-image-width: 160px;
  7248. --el-empty-description-margin-top: 20px;
  7249. --el-empty-bottom-margin-top: 20px;
  7250. --el-empty-fill-color-0: var(--el-color-white);
  7251. --el-empty-fill-color-1: #fcfcfd;
  7252. --el-empty-fill-color-2: #f8f9fb;
  7253. --el-empty-fill-color-3: #f7f8fc;
  7254. --el-empty-fill-color-4: #eeeff3;
  7255. --el-empty-fill-color-5: #edeef2;
  7256. --el-empty-fill-color-6: #e9ebef;
  7257. --el-empty-fill-color-7: #e5e7e9;
  7258. --el-empty-fill-color-8: #e0e3e9;
  7259. --el-empty-fill-color-9: #d5d7de;
  7260. align-items: center;
  7261. box-sizing: border-box;
  7262. display: flex;
  7263. flex-direction: column;
  7264. justify-content: center;
  7265. padding: var(--el-empty-padding);
  7266. text-align: center
  7267. }
  7268. .el-empty__image {
  7269. width: var(--el-empty-image-width)
  7270. }
  7271. .el-empty__image img {
  7272. height: 100%;
  7273. -o-object-fit: contain;
  7274. object-fit: contain;
  7275. -webkit-user-select: none;
  7276. -moz-user-select: none;
  7277. user-select: none;
  7278. vertical-align: top;
  7279. width: 100%
  7280. }
  7281. .el-empty__image svg {
  7282. color: var(--el-svg-monochrome-grey);
  7283. fill: currentColor;
  7284. height: 100%;
  7285. vertical-align: top;
  7286. width: 100%
  7287. }
  7288. .el-empty__description {
  7289. margin-top: var(--el-empty-description-margin-top)
  7290. }
  7291. .el-empty__description p {
  7292. color: var(--el-text-color-secondary);
  7293. font-size: var(--el-font-size-base);
  7294. margin: 0
  7295. }
  7296. .el-empty__bottom {
  7297. margin-top: var(--el-empty-bottom-margin-top)
  7298. }
  7299. .el-footer {
  7300. --el-footer-padding: 0 20px;
  7301. --el-footer-height: 60px;
  7302. box-sizing: border-box;
  7303. flex-shrink: 0;
  7304. height: var(--el-footer-height);
  7305. padding: var(--el-footer-padding)
  7306. }
  7307. .el-form {
  7308. --el-form-label-font-size: var(--el-font-size-base);
  7309. --el-form-inline-content-width: 220px
  7310. }
  7311. .el-form--inline .el-form-item {
  7312. display: inline-flex;
  7313. margin-right: 32px;
  7314. vertical-align: middle
  7315. }
  7316. .el-form--inline.el-form--label-top {
  7317. display: flex;
  7318. flex-wrap: wrap
  7319. }
  7320. .el-form--inline.el-form--label-top .el-form-item {
  7321. display: block
  7322. }
  7323. .el-form-item {
  7324. display: flex;
  7325. --font-size: 14px;
  7326. margin-bottom: 18px
  7327. }
  7328. .el-form-item .el-form-item {
  7329. margin-bottom: 0
  7330. }
  7331. .el-form-item .el-input__validateIcon {
  7332. display: none
  7333. }
  7334. .el-form-item--large {
  7335. --font-size: 14px;
  7336. --el-form-label-font-size: var(--font-size);
  7337. margin-bottom: 22px
  7338. }
  7339. .el-form-item--large .el-form-item__label {
  7340. height: 40px;
  7341. line-height: 40px
  7342. }
  7343. .el-form-item--large .el-form-item__content {
  7344. line-height: 40px
  7345. }
  7346. .el-form-item--large .el-form-item__error {
  7347. padding-top: 4px
  7348. }
  7349. .el-form-item--default {
  7350. --font-size: 14px;
  7351. --el-form-label-font-size: var(--font-size);
  7352. margin-bottom: 18px
  7353. }
  7354. .el-form-item--default .el-form-item__label {
  7355. height: 32px;
  7356. line-height: 32px
  7357. }
  7358. .el-form-item--default .el-form-item__content {
  7359. line-height: 32px
  7360. }
  7361. .el-form-item--default .el-form-item__error {
  7362. padding-top: 2px
  7363. }
  7364. .el-form-item--small {
  7365. --font-size: 12px;
  7366. --el-form-label-font-size: var(--font-size);
  7367. margin-bottom: 18px
  7368. }
  7369. .el-form-item--small .el-form-item__label {
  7370. height: 24px;
  7371. line-height: 24px
  7372. }
  7373. .el-form-item--small .el-form-item__content {
  7374. line-height: 24px
  7375. }
  7376. .el-form-item--small .el-form-item__error {
  7377. padding-top: 2px
  7378. }
  7379. .el-form-item--label-left .el-form-item__label {
  7380. justify-content: flex-start
  7381. }
  7382. .el-form-item--label-top {
  7383. display: block
  7384. }
  7385. .el-form-item--label-top .el-form-item__label {
  7386. display: inline-block;
  7387. height: auto;
  7388. line-height: 22px;
  7389. margin-bottom: 8px;
  7390. text-align: left;
  7391. vertical-align: middle
  7392. }
  7393. .el-form-item__label-wrap {
  7394. display: flex
  7395. }
  7396. .el-form-item__label {
  7397. align-items: flex-start;
  7398. box-sizing: border-box;
  7399. color: var(--el-text-color-regular);
  7400. display: inline-flex;
  7401. flex: 0 0 auto;
  7402. font-size: var(--el-form-label-font-size);
  7403. height: 32px;
  7404. justify-content: flex-end;
  7405. line-height: 32px;
  7406. padding: 0 12px 0 0
  7407. }
  7408. .el-form-item__content {
  7409. align-items: center;
  7410. display: flex;
  7411. flex: 1;
  7412. flex-wrap: wrap;
  7413. font-size: var(--font-size);
  7414. line-height: 32px;
  7415. min-width: 0;
  7416. position: relative
  7417. }
  7418. .el-form-item__content .el-input-group {
  7419. vertical-align: top
  7420. }
  7421. .el-form-item__error {
  7422. color: var(--el-color-danger);
  7423. font-size: 12px;
  7424. left: 0;
  7425. line-height: 1;
  7426. padding-top: 2px;
  7427. position: absolute;
  7428. top: 100%
  7429. }
  7430. .el-form-item__error--inline {
  7431. display: inline-block;
  7432. left: auto;
  7433. margin-left: 10px;
  7434. position: relative;
  7435. top: auto
  7436. }
  7437. .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
  7438. .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
  7439. color: var(--el-color-danger);
  7440. content: "*";
  7441. margin-right: 4px
  7442. }
  7443. .el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,
  7444. .el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after {
  7445. color: var(--el-color-danger);
  7446. content: "*";
  7447. margin-left: 4px
  7448. }
  7449. .el-form-item.is-error .el-input-tag__wrapper,
  7450. .el-form-item.is-error .el-input-tag__wrapper.is-focus,
  7451. .el-form-item.is-error .el-input-tag__wrapper:focus,
  7452. .el-form-item.is-error .el-input-tag__wrapper:hover,
  7453. .el-form-item.is-error .el-input__wrapper,
  7454. .el-form-item.is-error .el-input__wrapper.is-focus,
  7455. .el-form-item.is-error .el-input__wrapper:focus,
  7456. .el-form-item.is-error .el-input__wrapper:hover,
  7457. .el-form-item.is-error .el-select__wrapper,
  7458. .el-form-item.is-error .el-select__wrapper.is-focus,
  7459. .el-form-item.is-error .el-select__wrapper:focus,
  7460. .el-form-item.is-error .el-select__wrapper:hover,
  7461. .el-form-item.is-error .el-textarea__inner,
  7462. .el-form-item.is-error .el-textarea__inner.is-focus,
  7463. .el-form-item.is-error .el-textarea__inner:focus,
  7464. .el-form-item.is-error .el-textarea__inner:hover {
  7465. box-shadow: 0 0 0 1px var(--el-color-danger) inset
  7466. }
  7467. .el-form-item.is-error .el-input-group__append .el-input__wrapper,
  7468. .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
  7469. box-shadow: inset 0 0 0 1px transparent
  7470. }
  7471. .el-form-item.is-error .el-input-group__append .el-input__validateIcon,
  7472. .el-form-item.is-error .el-input-group__prepend .el-input__validateIcon {
  7473. display: none
  7474. }
  7475. .el-form-item.is-error .el-input__validateIcon {
  7476. color: var(--el-color-danger)
  7477. }
  7478. .el-form-item--feedback .el-input__validateIcon {
  7479. display: inline-flex
  7480. }
  7481. .el-header {
  7482. --el-header-padding: 0 20px;
  7483. --el-header-height: 60px;
  7484. box-sizing: border-box;
  7485. flex-shrink: 0;
  7486. height: var(--el-header-height);
  7487. padding: var(--el-header-padding)
  7488. }
  7489. .el-image-viewer__wrapper {
  7490. bottom: 0;
  7491. left: 0;
  7492. position: fixed;
  7493. right: 0;
  7494. top: 0
  7495. }
  7496. .el-image-viewer__wrapper:focus {
  7497. outline: none !important
  7498. }
  7499. .el-image-viewer__btn {
  7500. align-items: center;
  7501. border-radius: 50%;
  7502. box-sizing: border-box;
  7503. cursor: pointer;
  7504. display: flex;
  7505. justify-content: center;
  7506. opacity: .8;
  7507. position: absolute;
  7508. -webkit-user-select: none;
  7509. -moz-user-select: none;
  7510. user-select: none;
  7511. z-index: 1
  7512. }
  7513. .el-image-viewer__btn .el-icon {
  7514. cursor: pointer
  7515. }
  7516. .el-image-viewer__close {
  7517. font-size: 40px;
  7518. height: 40px;
  7519. right: 40px;
  7520. top: 40px;
  7521. width: 40px
  7522. }
  7523. .el-image-viewer__canvas {
  7524. align-items: center;
  7525. display: flex;
  7526. height: 100%;
  7527. justify-content: center;
  7528. position: static;
  7529. -webkit-user-select: none;
  7530. -moz-user-select: none;
  7531. user-select: none;
  7532. width: 100%
  7533. }
  7534. .el-image-viewer__actions {
  7535. background-color: var(--el-text-color-regular);
  7536. border-color: #fff;
  7537. border-radius: 22px;
  7538. bottom: 30px;
  7539. height: 44px;
  7540. left: 50%;
  7541. padding: 0 23px;
  7542. transform: translateX(-50%)
  7543. }
  7544. .el-image-viewer__actions__inner {
  7545. align-items: center;
  7546. color: #fff;
  7547. cursor: default;
  7548. display: flex;
  7549. font-size: 23px;
  7550. gap: 22px;
  7551. height: 100%;
  7552. justify-content: space-around;
  7553. padding: 0 6px;
  7554. width: 100%
  7555. }
  7556. .el-image-viewer__actions__divider {
  7557. margin: 0 -6px
  7558. }
  7559. .el-image-viewer__progress {
  7560. bottom: 90px;
  7561. color: #fff;
  7562. cursor: default;
  7563. left: 50%;
  7564. transform: translateX(-50%)
  7565. }
  7566. .el-image-viewer__prev {
  7567. left: 40px
  7568. }
  7569. .el-image-viewer__next,
  7570. .el-image-viewer__prev {
  7571. background-color: var(--el-text-color-regular);
  7572. border-color: #fff;
  7573. color: #fff;
  7574. font-size: 24px;
  7575. height: 44px;
  7576. top: 50%;
  7577. transform: translateY(-50%);
  7578. width: 44px
  7579. }
  7580. .el-image-viewer__next {
  7581. right: 40px;
  7582. text-indent: 2px
  7583. }
  7584. .el-image-viewer__close {
  7585. background-color: var(--el-text-color-regular);
  7586. border-color: #fff;
  7587. color: #fff;
  7588. font-size: 24px;
  7589. height: 44px;
  7590. width: 44px
  7591. }
  7592. .el-image-viewer__mask {
  7593. background: #000;
  7594. height: 100%;
  7595. left: 0;
  7596. opacity: .5;
  7597. position: absolute;
  7598. top: 0;
  7599. width: 100%
  7600. }
  7601. .viewer-fade-enter-active {
  7602. animation: viewer-fade-in var(--el-transition-duration)
  7603. }
  7604. .viewer-fade-leave-active {
  7605. animation: viewer-fade-out var(--el-transition-duration)
  7606. }
  7607. @keyframes viewer-fade-in {
  7608. 0% {
  7609. opacity: 0;
  7610. transform: translate3d(0, -20px, 0)
  7611. }
  7612. to {
  7613. opacity: 1;
  7614. transform: translateZ(0)
  7615. }
  7616. }
  7617. @keyframes viewer-fade-out {
  7618. 0% {
  7619. opacity: 1;
  7620. transform: translateZ(0)
  7621. }
  7622. to {
  7623. opacity: 0;
  7624. transform: translate3d(0, -20px, 0)
  7625. }
  7626. }
  7627. .el-image__error,
  7628. .el-image__inner,
  7629. .el-image__placeholder,
  7630. .el-image__wrapper {
  7631. height: 100%;
  7632. width: 100%
  7633. }
  7634. .el-image {
  7635. display: inline-block;
  7636. overflow: hidden;
  7637. position: relative
  7638. }
  7639. .el-image__inner {
  7640. opacity: 1;
  7641. vertical-align: top
  7642. }
  7643. .el-image__inner.is-loading {
  7644. opacity: 0
  7645. }
  7646. .el-image__wrapper {
  7647. left: 0;
  7648. position: absolute;
  7649. top: 0
  7650. }
  7651. .el-image__error,
  7652. .el-image__placeholder {
  7653. background: var(--el-fill-color-light)
  7654. }
  7655. .el-image__error {
  7656. align-items: center;
  7657. color: var(--el-text-color-placeholder);
  7658. display: flex;
  7659. font-size: 14px;
  7660. justify-content: center;
  7661. vertical-align: middle
  7662. }
  7663. .el-image__preview {
  7664. cursor: pointer
  7665. }
  7666. .el-textarea {
  7667. --el-input-text-color: var(--el-text-color-regular);
  7668. --el-input-border: var(--el-border);
  7669. --el-input-hover-border: var(--el-border-color-hover);
  7670. --el-input-focus-border: var(--el-color-primary);
  7671. --el-input-transparent-border: 0 0 0 1px transparent inset;
  7672. --el-input-border-color: var(--el-border-color);
  7673. --el-input-border-radius: var(--el-border-radius-base);
  7674. --el-input-bg-color: var(--el-fill-color-blank);
  7675. --el-input-icon-color: var(--el-text-color-placeholder);
  7676. --el-input-placeholder-color: var(--el-text-color-placeholder);
  7677. --el-input-hover-border-color: var(--el-border-color-hover);
  7678. --el-input-clear-hover-color: var(--el-text-color-secondary);
  7679. --el-input-focus-border-color: var(--el-color-primary);
  7680. --el-input-width: 100%;
  7681. display: inline-block;
  7682. font-size: var(--el-font-size-base);
  7683. position: relative;
  7684. vertical-align: bottom;
  7685. width: 100%
  7686. }
  7687. .el-textarea__inner {
  7688. -webkit-appearance: none;
  7689. background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  7690. background-image: none;
  7691. border: none;
  7692. border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  7693. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  7694. box-sizing: border-box;
  7695. color: var(--el-input-text-color, var(--el-text-color-regular));
  7696. display: block;
  7697. font-family: inherit;
  7698. font-size: inherit;
  7699. line-height: 1.5;
  7700. padding: 5px 11px;
  7701. position: relative;
  7702. resize: vertical;
  7703. transition: var(--el-transition-box-shadow);
  7704. width: 100%
  7705. }
  7706. .el-textarea__inner::-moz-placeholder {
  7707. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7708. }
  7709. .el-textarea__inner::placeholder {
  7710. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7711. }
  7712. .el-textarea__inner:hover {
  7713. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  7714. }
  7715. .el-textarea__inner:focus {
  7716. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
  7717. outline: none
  7718. }
  7719. .el-textarea .el-input__count {
  7720. background: var(--el-fill-color-blank);
  7721. bottom: 5px;
  7722. color: var(--el-color-info);
  7723. font-size: 12px;
  7724. line-height: 14px;
  7725. position: absolute;
  7726. right: 10px
  7727. }
  7728. .el-textarea.is-disabled .el-textarea__inner {
  7729. background-color: var(--el-disabled-bg-color);
  7730. box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  7731. color: var(--el-disabled-text-color);
  7732. cursor: not-allowed
  7733. }
  7734. .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  7735. color: var(--el-text-color-placeholder)
  7736. }
  7737. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  7738. color: var(--el-text-color-placeholder)
  7739. }
  7740. .el-textarea.is-exceed .el-textarea__inner {
  7741. box-shadow: 0 0 0 1px var(--el-color-danger) inset
  7742. }
  7743. .el-textarea.is-exceed .el-input__count {
  7744. color: var(--el-color-danger)
  7745. }
  7746. .el-input {
  7747. --el-input-text-color: var(--el-text-color-regular);
  7748. --el-input-border: var(--el-border);
  7749. --el-input-hover-border: var(--el-border-color-hover);
  7750. --el-input-focus-border: var(--el-color-primary);
  7751. --el-input-transparent-border: 0 0 0 1px transparent inset;
  7752. --el-input-border-color: var(--el-border-color);
  7753. --el-input-border-radius: var(--el-border-radius-base);
  7754. --el-input-bg-color: var(--el-fill-color-blank);
  7755. --el-input-icon-color: var(--el-text-color-placeholder);
  7756. --el-input-placeholder-color: var(--el-text-color-placeholder);
  7757. --el-input-hover-border-color: var(--el-border-color-hover);
  7758. --el-input-clear-hover-color: var(--el-text-color-secondary);
  7759. --el-input-focus-border-color: var(--el-color-primary);
  7760. --el-input-width: 100%;
  7761. --el-input-height: var(--el-component-size);
  7762. box-sizing: border-box;
  7763. display: inline-flex;
  7764. font-size: var(--el-font-size-base);
  7765. line-height: var(--el-input-height);
  7766. position: relative;
  7767. vertical-align: middle;
  7768. width: var(--el-input-width)
  7769. }
  7770. .el-input::-webkit-scrollbar {
  7771. width: 6px;
  7772. z-index: 11
  7773. }
  7774. .el-input::-webkit-scrollbar:horizontal {
  7775. height: 6px
  7776. }
  7777. .el-input::-webkit-scrollbar-thumb {
  7778. background: var(--el-text-color-disabled);
  7779. border-radius: 5px;
  7780. width: 6px
  7781. }
  7782. .el-input::-webkit-scrollbar-corner,
  7783. .el-input::-webkit-scrollbar-track {
  7784. background: var(--el-fill-color-blank)
  7785. }
  7786. .el-input::-webkit-scrollbar-track-piece {
  7787. background: var(--el-fill-color-blank);
  7788. width: 6px
  7789. }
  7790. .el-input .el-input__clear,
  7791. .el-input .el-input__password {
  7792. color: var(--el-input-icon-color);
  7793. cursor: pointer;
  7794. font-size: 14px
  7795. }
  7796. .el-input .el-input__clear:hover,
  7797. .el-input .el-input__password:hover {
  7798. color: var(--el-input-clear-hover-color)
  7799. }
  7800. .el-input .el-input__count {
  7801. align-items: center;
  7802. color: var(--el-color-info);
  7803. display: inline-flex;
  7804. font-size: 12px;
  7805. height: 100%
  7806. }
  7807. .el-input .el-input__count .el-input__count-inner {
  7808. background: var(--el-fill-color-blank);
  7809. display: inline-block;
  7810. line-height: normal;
  7811. padding-left: 8px
  7812. }
  7813. .el-input__wrapper {
  7814. align-items: center;
  7815. background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  7816. background-image: none;
  7817. border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  7818. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  7819. cursor: text;
  7820. display: inline-flex;
  7821. flex-grow: 1;
  7822. justify-content: center;
  7823. padding: 1px 11px;
  7824. transform: translateZ(0);
  7825. transition: var(--el-transition-box-shadow)
  7826. }
  7827. .el-input__wrapper:hover {
  7828. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  7829. }
  7830. .el-input__wrapper.is-focus {
  7831. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  7832. }
  7833. .el-input {
  7834. --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px)
  7835. }
  7836. .el-input__inner {
  7837. -webkit-appearance: none;
  7838. background: none;
  7839. border: none;
  7840. box-sizing: border-box;
  7841. color: var(--el-input-text-color, var(--el-text-color-regular));
  7842. flex-grow: 1;
  7843. font-size: inherit;
  7844. height: var(--el-input-inner-height);
  7845. line-height: var(--el-input-inner-height);
  7846. outline: none;
  7847. padding: 0;
  7848. width: 100%
  7849. }
  7850. .el-input__inner:focus {
  7851. outline: none
  7852. }
  7853. .el-input__inner::-moz-placeholder {
  7854. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7855. }
  7856. .el-input__inner::placeholder {
  7857. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7858. }
  7859. .el-input__inner[type=password]::-ms-reveal {
  7860. display: none
  7861. }
  7862. .el-input__inner[type=number] {
  7863. line-height: 1
  7864. }
  7865. .el-input__prefix {
  7866. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  7867. display: inline-flex;
  7868. flex-shrink: 0;
  7869. flex-wrap: nowrap;
  7870. height: 100%;
  7871. line-height: var(--el-input-inner-height);
  7872. pointer-events: none;
  7873. text-align: center;
  7874. transition: all var(--el-transition-duration);
  7875. white-space: nowrap
  7876. }
  7877. .el-input__prefix-inner {
  7878. align-items: center;
  7879. display: inline-flex;
  7880. justify-content: center;
  7881. pointer-events: all
  7882. }
  7883. .el-input__prefix-inner>:last-child {
  7884. margin-right: 8px
  7885. }
  7886. .el-input__prefix-inner>:first-child,
  7887. .el-input__prefix-inner>:first-child.el-input__icon {
  7888. margin-left: 0
  7889. }
  7890. .el-input__suffix {
  7891. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  7892. display: inline-flex;
  7893. flex-shrink: 0;
  7894. flex-wrap: nowrap;
  7895. height: 100%;
  7896. line-height: var(--el-input-inner-height);
  7897. pointer-events: none;
  7898. text-align: center;
  7899. transition: all var(--el-transition-duration);
  7900. white-space: nowrap
  7901. }
  7902. .el-input__suffix-inner {
  7903. align-items: center;
  7904. display: inline-flex;
  7905. justify-content: center;
  7906. pointer-events: all
  7907. }
  7908. .el-input__suffix-inner>:first-child {
  7909. margin-left: 8px
  7910. }
  7911. .el-input .el-input__icon {
  7912. align-items: center;
  7913. display: flex;
  7914. height: inherit;
  7915. justify-content: center;
  7916. line-height: inherit;
  7917. margin-left: 8px;
  7918. transition: all var(--el-transition-duration)
  7919. }
  7920. .el-input__validateIcon {
  7921. pointer-events: none
  7922. }
  7923. .el-input.is-active .el-input__wrapper {
  7924. box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
  7925. }
  7926. .el-input.is-disabled {
  7927. cursor: not-allowed
  7928. }
  7929. .el-input.is-disabled .el-input__wrapper {
  7930. background-color: var(--el-disabled-bg-color);
  7931. box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  7932. cursor: not-allowed
  7933. }
  7934. .el-input.is-disabled .el-input__inner {
  7935. color: var(--el-disabled-text-color);
  7936. -webkit-text-fill-color: var(--el-disabled-text-color);
  7937. cursor: not-allowed
  7938. }
  7939. .el-input.is-disabled .el-input__inner::-moz-placeholder {
  7940. color: var(--el-text-color-placeholder)
  7941. }
  7942. .el-input.is-disabled .el-input__inner::placeholder {
  7943. color: var(--el-text-color-placeholder)
  7944. }
  7945. .el-input.is-disabled .el-input__icon {
  7946. cursor: not-allowed
  7947. }
  7948. .el-input.is-exceed .el-input__wrapper {
  7949. box-shadow: 0 0 0 1px var(--el-color-danger) inset
  7950. }
  7951. .el-input.is-exceed .el-input__suffix .el-input__count {
  7952. color: var(--el-color-danger)
  7953. }
  7954. .el-input--large {
  7955. --el-input-height: var(--el-component-size-large);
  7956. font-size: 14px
  7957. }
  7958. .el-input--large .el-input__wrapper {
  7959. padding: 1px 15px
  7960. }
  7961. .el-input--large {
  7962. --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
  7963. }
  7964. .el-input--small {
  7965. --el-input-height: var(--el-component-size-small);
  7966. font-size: 12px
  7967. }
  7968. .el-input--small .el-input__wrapper {
  7969. padding: 1px 7px
  7970. }
  7971. .el-input--small {
  7972. --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
  7973. }
  7974. .el-input-group {
  7975. align-items: stretch;
  7976. display: inline-flex;
  7977. width: 100%
  7978. }
  7979. .el-input-group__append,
  7980. .el-input-group__prepend {
  7981. align-items: center;
  7982. background-color: var(--el-fill-color-light);
  7983. border-radius: var(--el-input-border-radius);
  7984. color: var(--el-color-info);
  7985. display: inline-flex;
  7986. justify-content: center;
  7987. min-height: 100%;
  7988. padding: 0 20px;
  7989. position: relative;
  7990. white-space: nowrap
  7991. }
  7992. .el-input-group__append:focus,
  7993. .el-input-group__prepend:focus {
  7994. outline: none
  7995. }
  7996. .el-input-group__append .el-button,
  7997. .el-input-group__append .el-select,
  7998. .el-input-group__prepend .el-button,
  7999. .el-input-group__prepend .el-select {
  8000. display: inline-block;
  8001. margin: 0 -20px
  8002. }
  8003. .el-input-group__append button.el-button,
  8004. .el-input-group__append button.el-button:hover,
  8005. .el-input-group__append div.el-select .el-select__wrapper,
  8006. .el-input-group__append div.el-select:hover .el-select__wrapper,
  8007. .el-input-group__prepend button.el-button,
  8008. .el-input-group__prepend button.el-button:hover,
  8009. .el-input-group__prepend div.el-select .el-select__wrapper,
  8010. .el-input-group__prepend div.el-select:hover .el-select__wrapper {
  8011. background-color: transparent;
  8012. border-color: transparent;
  8013. color: inherit
  8014. }
  8015. .el-input-group__append .el-button,
  8016. .el-input-group__append .el-input,
  8017. .el-input-group__prepend .el-button,
  8018. .el-input-group__prepend .el-input {
  8019. font-size: inherit
  8020. }
  8021. .el-input-group__prepend {
  8022. border-bottom-right-radius: 0;
  8023. border-right: 0;
  8024. border-top-right-radius: 0;
  8025. box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
  8026. }
  8027. .el-input-group__append {
  8028. border-left: 0;
  8029. box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
  8030. }
  8031. .el-input-group--prepend>.el-input__wrapper,
  8032. .el-input-group__append {
  8033. border-bottom-left-radius: 0;
  8034. border-top-left-radius: 0
  8035. }
  8036. .el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  8037. border-bottom-right-radius: 0;
  8038. border-top-right-radius: 0;
  8039. box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
  8040. }
  8041. .el-input-group--append>.el-input__wrapper {
  8042. border-bottom-right-radius: 0;
  8043. border-top-right-radius: 0
  8044. }
  8045. .el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  8046. border-bottom-left-radius: 0;
  8047. border-top-left-radius: 0;
  8048. box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
  8049. }
  8050. .el-input-hidden {
  8051. display: none !important
  8052. }
  8053. .el-input-number {
  8054. display: inline-flex;
  8055. line-height: 30px;
  8056. position: relative;
  8057. vertical-align: middle;
  8058. width: 150px
  8059. }
  8060. .el-input-number .el-input__wrapper {
  8061. padding-left: 42px;
  8062. padding-right: 42px
  8063. }
  8064. .el-input-number .el-input__inner {
  8065. -webkit-appearance: none;
  8066. -moz-appearance: textfield;
  8067. line-height: 1;
  8068. text-align: center
  8069. }
  8070. .el-input-number .el-input__inner::-webkit-inner-spin-button,
  8071. .el-input-number .el-input__inner::-webkit-outer-spin-button {
  8072. -webkit-appearance: none;
  8073. margin: 0
  8074. }
  8075. .el-input-number__decrease,
  8076. .el-input-number__increase {
  8077. align-items: center;
  8078. background: var(--el-fill-color-light);
  8079. bottom: 1px;
  8080. color: var(--el-text-color-regular);
  8081. cursor: pointer;
  8082. display: flex;
  8083. font-size: 13px;
  8084. height: auto;
  8085. justify-content: center;
  8086. position: absolute;
  8087. top: 1px;
  8088. -webkit-user-select: none;
  8089. -moz-user-select: none;
  8090. user-select: none;
  8091. width: 32px;
  8092. z-index: 1
  8093. }
  8094. .el-input-number__decrease:hover,
  8095. .el-input-number__increase:hover {
  8096. color: var(--el-color-primary)
  8097. }
  8098. .el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,
  8099. .el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper {
  8100. box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
  8101. }
  8102. .el-input-number__decrease.is-disabled,
  8103. .el-input-number__increase.is-disabled {
  8104. color: var(--el-disabled-text-color);
  8105. cursor: not-allowed
  8106. }
  8107. .el-input-number__increase {
  8108. border-left: var(--el-border);
  8109. border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  8110. right: 1px
  8111. }
  8112. .el-input-number__decrease {
  8113. border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  8114. border-right: var(--el-border);
  8115. left: 1px
  8116. }
  8117. .el-input-number.is-disabled .el-input-number__decrease,
  8118. .el-input-number.is-disabled .el-input-number__increase {
  8119. border-color: var(--el-disabled-border-color);
  8120. color: var(--el-disabled-border-color)
  8121. }
  8122. .el-input-number.is-disabled .el-input-number__decrease:hover,
  8123. .el-input-number.is-disabled .el-input-number__increase:hover {
  8124. color: var(--el-disabled-border-color);
  8125. cursor: not-allowed
  8126. }
  8127. .el-input-number--large {
  8128. line-height: 38px;
  8129. width: 180px
  8130. }
  8131. .el-input-number--large .el-input-number__decrease,
  8132. .el-input-number--large .el-input-number__increase {
  8133. font-size: 14px;
  8134. width: 40px
  8135. }
  8136. .el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
  8137. padding-right: 47px
  8138. }
  8139. .el-input-number--large .el-input--large .el-input__wrapper {
  8140. padding-left: 47px;
  8141. padding-right: 47px
  8142. }
  8143. .el-input-number--small {
  8144. line-height: 22px;
  8145. width: 120px
  8146. }
  8147. .el-input-number--small .el-input-number__decrease,
  8148. .el-input-number--small .el-input-number__increase {
  8149. font-size: 12px;
  8150. width: 24px
  8151. }
  8152. .el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  8153. padding-right: 31px
  8154. }
  8155. .el-input-number--small .el-input--small .el-input__wrapper {
  8156. padding-left: 31px;
  8157. padding-right: 31px
  8158. }
  8159. .el-input-number--small .el-input-number__decrease [class*=el-icon],
  8160. .el-input-number--small .el-input-number__increase [class*=el-icon] {
  8161. transform: scale(.9)
  8162. }
  8163. .el-input-number.is-without-controls .el-input__wrapper {
  8164. padding-left: 15px;
  8165. padding-right: 15px
  8166. }
  8167. .el-input-number.is-controls-right .el-input__wrapper {
  8168. padding-left: 15px;
  8169. padding-right: 42px
  8170. }
  8171. .el-input-number.is-controls-right .el-input-number__decrease,
  8172. .el-input-number.is-controls-right .el-input-number__increase {
  8173. --el-input-number-controls-height: 15px;
  8174. height: var(--el-input-number-controls-height);
  8175. line-height: var(--el-input-number-controls-height)
  8176. }
  8177. .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
  8178. .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
  8179. transform: scale(.8)
  8180. }
  8181. .el-input-number.is-controls-right .el-input-number__increase {
  8182. border-bottom: var(--el-border);
  8183. border-radius: 0 var(--el-border-radius-base) 0 0;
  8184. bottom: auto;
  8185. left: auto
  8186. }
  8187. .el-input-number.is-controls-right .el-input-number__decrease {
  8188. border-left: var(--el-border);
  8189. border-radius: 0 0 var(--el-border-radius-base) 0;
  8190. border-right: none;
  8191. left: auto;
  8192. right: 1px;
  8193. top: auto
  8194. }
  8195. .el-input-number.is-controls-right[class*=large] [class*=decrease],
  8196. .el-input-number.is-controls-right[class*=large] [class*=increase] {
  8197. --el-input-number-controls-height: 19px
  8198. }
  8199. .el-input-number.is-controls-right[class*=small] [class*=decrease],
  8200. .el-input-number.is-controls-right[class*=small] [class*=increase] {
  8201. --el-input-number-controls-height: 11px
  8202. }
  8203. .el-input-tag {
  8204. --el-input-tag-border-color-hover: var(--el-border-color-hover);
  8205. --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
  8206. --el-input-tag-disabled-color: var(--el-disabled-text-color);
  8207. --el-input-tag-disabled-border: var(--el-disabled-border-color);
  8208. --el-input-tag-font-size: var(--el-font-size-base);
  8209. --el-input-tag-close-hover-color: var(--el-text-color-secondary);
  8210. --el-input-tag-text-color: var(--el-text-color-regular);
  8211. --el-input-tag-input-focus-border-color: var(--el-color-primary);
  8212. --el-input-tag-width: 100%;
  8213. --el-input-tag-mini-height: var(--el-component-size);
  8214. --el-input-tag-gap: 6px;
  8215. --el-input-tag-padding: 4px;
  8216. --el-input-tag-inner-padding: 8px;
  8217. --el-input-tag-line-height: 24px;
  8218. align-items: center;
  8219. background-color: var(--el-fill-color-blank);
  8220. border-radius: var(--el-border-radius-base);
  8221. box-shadow: 0 0 0 1px var(--el-border-color) inset;
  8222. box-sizing: border-box;
  8223. cursor: pointer;
  8224. display: flex;
  8225. font-size: var(--el-input-tag-font-size);
  8226. line-height: var(--el-input-tag-line-height);
  8227. min-height: var(--el-input-tag-mini-height);
  8228. padding: var(--el-input-tag-padding);
  8229. transform: translateZ(0);
  8230. transition: var(--el-transition-duration);
  8231. width: var(--el-input-tag-width)
  8232. }
  8233. .el-input-tag.is-focused {
  8234. box-shadow: 0 0 0 1px var(--el-color-primary) inset
  8235. }
  8236. .el-input-tag.is-hovering:not(.is-focused) {
  8237. box-shadow: 0 0 0 1px var(--el-border-color-hover) inset
  8238. }
  8239. .el-input-tag.is-disabled {
  8240. background-color: var(--el-fill-color-light);
  8241. cursor: not-allowed
  8242. }
  8243. .el-input-tag.is-disabled,
  8244. .el-input-tag.is-disabled:hover {
  8245. box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset
  8246. }
  8247. .el-input-tag.is-disabled.is-focus {
  8248. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  8249. }
  8250. .el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input,
  8251. .el-input-tag.is-disabled .el-input-tag__inner .el-tag {
  8252. cursor: not-allowed
  8253. }
  8254. .el-input-tag__prefix,
  8255. .el-input-tag__suffix {
  8256. align-items: center;
  8257. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  8258. display: flex;
  8259. flex-shrink: 0;
  8260. padding: 0 var(--el-input-tag-inner-padding)
  8261. }
  8262. .el-input-tag__suffix {
  8263. gap: 8px
  8264. }
  8265. .el-input-tag__inner {
  8266. align-items: center;
  8267. display: flex;
  8268. flex: 1;
  8269. flex-wrap: wrap;
  8270. gap: var(--el-input-tag-gap);
  8271. max-width: 100%;
  8272. min-width: 0;
  8273. position: relative
  8274. }
  8275. .el-input-tag__inner.is-left-space {
  8276. margin-left: var(--el-input-tag-inner-padding)
  8277. }
  8278. .el-input-tag__inner.is-right-space {
  8279. margin-right: var(--el-input-tag-inner-padding)
  8280. }
  8281. .el-input-tag__inner.is-draggable .el-tag {
  8282. cursor: move;
  8283. -webkit-user-select: none;
  8284. -moz-user-select: none;
  8285. user-select: none
  8286. }
  8287. .el-input-tag__drop-indicator {
  8288. background-color: var(--el-color-primary);
  8289. height: var(--el-input-tag-line-height);
  8290. position: absolute;
  8291. top: 0;
  8292. width: 1px
  8293. }
  8294. .el-input-tag__inner .el-tag {
  8295. border-color: transparent;
  8296. cursor: pointer;
  8297. max-width: 100%
  8298. }
  8299. .el-input-tag__inner .el-tag.el-tag--plain {
  8300. border-color: var(--el-tag-border-color)
  8301. }
  8302. .el-input-tag__inner .el-tag .el-tag__content {
  8303. line-height: normal;
  8304. min-width: 0;
  8305. overflow: hidden;
  8306. text-overflow: ellipsis;
  8307. white-space: nowrap
  8308. }
  8309. .el-input-tag__input-wrapper {
  8310. flex: 1
  8311. }
  8312. .el-input-tag__input {
  8313. -webkit-appearance: none;
  8314. -moz-appearance: none;
  8315. appearance: none;
  8316. background-color: transparent;
  8317. border: none;
  8318. color: var(--el-input-tag-text-color);
  8319. font-family: inherit;
  8320. font-size: inherit;
  8321. line-height: inherit;
  8322. outline: none;
  8323. padding: 0;
  8324. width: 100%
  8325. }
  8326. .el-input-tag__input::-moz-placeholder {
  8327. color: var(--el-input-tag-placeholder-color)
  8328. }
  8329. .el-input-tag__input::placeholder {
  8330. color: var(--el-input-tag-placeholder-color)
  8331. }
  8332. .el-input-tag__input-calculator {
  8333. left: 0;
  8334. max-width: 100%;
  8335. overflow: hidden;
  8336. position: absolute;
  8337. top: 0;
  8338. visibility: hidden;
  8339. white-space: pre
  8340. }
  8341. .el-input-tag--large {
  8342. --el-input-tag-gap: 6px;
  8343. --el-input-tag-padding: 8px;
  8344. --el-input-tag-padding-left: 8px;
  8345. --el-input-tag-font-size: 14px
  8346. }
  8347. .el-input-tag--small {
  8348. --el-input-tag-gap: 4px;
  8349. --el-input-tag-padding: 2px;
  8350. --el-input-tag-padding-left: 6px;
  8351. --el-input-tag-font-size: 12px;
  8352. --el-input-tag-line-height: 20px;
  8353. --el-input-tag-mini-height: var(--el-component-size-small)
  8354. }
  8355. .el-link {
  8356. --el-link-font-size: var(--el-font-size-base);
  8357. --el-link-font-weight: var(--el-font-weight-primary);
  8358. --el-link-text-color: var(--el-text-color-regular);
  8359. --el-link-hover-text-color: var(--el-color-primary);
  8360. --el-link-disabled-text-color: var(--el-text-color-placeholder);
  8361. align-items: center;
  8362. color: var(--el-link-text-color);
  8363. cursor: pointer;
  8364. display: inline-flex;
  8365. flex-direction: row;
  8366. font-size: var(--el-link-font-size);
  8367. font-weight: var(--el-link-font-weight);
  8368. justify-content: center;
  8369. outline: none;
  8370. padding: 0;
  8371. position: relative;
  8372. text-decoration: none;
  8373. vertical-align: middle
  8374. }
  8375. .el-link:hover {
  8376. color: var(--el-link-hover-text-color)
  8377. }
  8378. .el-link.is-underline:hover:after {
  8379. border-bottom: 1px solid var(--el-link-hover-text-color);
  8380. bottom: 0;
  8381. content: "";
  8382. height: 0;
  8383. left: 0;
  8384. position: absolute;
  8385. right: 0
  8386. }
  8387. .el-link.is-disabled {
  8388. color: var(--el-link-disabled-text-color);
  8389. cursor: not-allowed
  8390. }
  8391. .el-link [class*=el-icon-]+span {
  8392. margin-left: 5px
  8393. }
  8394. .el-link.el-link--default:after {
  8395. border-color: var(--el-link-hover-text-color)
  8396. }
  8397. .el-link__inner {
  8398. align-items: center;
  8399. display: inline-flex;
  8400. justify-content: center
  8401. }
  8402. .el-link.el-link--primary {
  8403. --el-link-text-color: var(--el-color-primary);
  8404. --el-link-hover-text-color: var(--el-color-primary-light-3);
  8405. --el-link-disabled-text-color: var(--el-color-primary-light-5)
  8406. }
  8407. .el-link.el-link--primary.is-underline:hover:after,
  8408. .el-link.el-link--primary:after {
  8409. border-color: var(--el-link-text-color)
  8410. }
  8411. .el-link.el-link--success {
  8412. --el-link-text-color: var(--el-color-success);
  8413. --el-link-hover-text-color: var(--el-color-success-light-3);
  8414. --el-link-disabled-text-color: var(--el-color-success-light-5)
  8415. }
  8416. .el-link.el-link--success.is-underline:hover:after,
  8417. .el-link.el-link--success:after {
  8418. border-color: var(--el-link-text-color)
  8419. }
  8420. .el-link.el-link--warning {
  8421. --el-link-text-color: var(--el-color-warning);
  8422. --el-link-hover-text-color: var(--el-color-warning-light-3);
  8423. --el-link-disabled-text-color: var(--el-color-warning-light-5)
  8424. }
  8425. .el-link.el-link--warning.is-underline:hover:after,
  8426. .el-link.el-link--warning:after {
  8427. border-color: var(--el-link-text-color)
  8428. }
  8429. .el-link.el-link--danger {
  8430. --el-link-text-color: var(--el-color-danger);
  8431. --el-link-hover-text-color: var(--el-color-danger-light-3);
  8432. --el-link-disabled-text-color: var(--el-color-danger-light-5)
  8433. }
  8434. .el-link.el-link--danger.is-underline:hover:after,
  8435. .el-link.el-link--danger:after {
  8436. border-color: var(--el-link-text-color)
  8437. }
  8438. .el-link.el-link--error {
  8439. --el-link-text-color: var(--el-color-error);
  8440. --el-link-hover-text-color: var(--el-color-error-light-3);
  8441. --el-link-disabled-text-color: var(--el-color-error-light-5)
  8442. }
  8443. .el-link.el-link--error.is-underline:hover:after,
  8444. .el-link.el-link--error:after {
  8445. border-color: var(--el-link-text-color)
  8446. }
  8447. .el-link.el-link--info {
  8448. --el-link-text-color: var(--el-color-info);
  8449. --el-link-hover-text-color: var(--el-color-info-light-3);
  8450. --el-link-disabled-text-color: var(--el-color-info-light-5)
  8451. }
  8452. .el-link.el-link--info.is-underline:hover:after,
  8453. .el-link.el-link--info:after {
  8454. border-color: var(--el-link-text-color)
  8455. }
  8456. :root {
  8457. --el-loading-spinner-size: 42px;
  8458. --el-loading-fullscreen-spinner-size: 50px
  8459. }
  8460. .el-loading-parent--relative {
  8461. position: relative !important
  8462. }
  8463. .el-loading-parent--hidden {
  8464. overflow: hidden !important
  8465. }
  8466. .el-loading-mask {
  8467. background-color: var(--el-mask-color);
  8468. bottom: 0;
  8469. left: 0;
  8470. margin: 0;
  8471. position: absolute;
  8472. right: 0;
  8473. top: 0;
  8474. transition: opacity var(--el-transition-duration);
  8475. z-index: 2000
  8476. }
  8477. .el-loading-mask.is-fullscreen {
  8478. position: fixed
  8479. }
  8480. .el-loading-mask.is-fullscreen .el-loading-spinner {
  8481. margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/2)
  8482. }
  8483. .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  8484. height: var(--el-loading-fullscreen-spinner-size);
  8485. width: var(--el-loading-fullscreen-spinner-size)
  8486. }
  8487. .el-loading-spinner {
  8488. margin-top: calc((0px - var(--el-loading-spinner-size))/2);
  8489. position: absolute;
  8490. text-align: center;
  8491. top: 50%;
  8492. width: 100%
  8493. }
  8494. .el-loading-spinner .el-loading-text {
  8495. color: var(--el-color-primary);
  8496. font-size: 14px;
  8497. margin: 3px 0
  8498. }
  8499. .el-loading-spinner .circular {
  8500. animation: loading-rotate 2s linear infinite;
  8501. display: inline;
  8502. height: var(--el-loading-spinner-size);
  8503. width: var(--el-loading-spinner-size)
  8504. }
  8505. .el-loading-spinner .path {
  8506. animation: loading-dash 1.5s ease-in-out infinite;
  8507. stroke-dasharray: 90, 150;
  8508. stroke-dashoffset: 0;
  8509. stroke-width: 2;
  8510. stroke: var(--el-color-primary);
  8511. stroke-linecap: round
  8512. }
  8513. .el-loading-spinner i {
  8514. color: var(--el-color-primary)
  8515. }
  8516. .el-loading-fade-enter-from,
  8517. .el-loading-fade-leave-to {
  8518. opacity: 0
  8519. }
  8520. @keyframes loading-rotate {
  8521. to {
  8522. transform: rotate(1turn)
  8523. }
  8524. }
  8525. @keyframes loading-dash {
  8526. 0% {
  8527. stroke-dasharray: 1, 200;
  8528. stroke-dashoffset: 0
  8529. }
  8530. 50% {
  8531. stroke-dasharray: 90, 150;
  8532. stroke-dashoffset: -40px
  8533. }
  8534. to {
  8535. stroke-dasharray: 90, 150;
  8536. stroke-dashoffset: -120px
  8537. }
  8538. }
  8539. .el-main {
  8540. --el-main-padding: 20px;
  8541. box-sizing: border-box;
  8542. display: block;
  8543. flex: 1;
  8544. flex-basis: auto;
  8545. overflow: auto;
  8546. padding: var(--el-main-padding)
  8547. }
  8548. :root {
  8549. --el-menu-active-color: var(--el-color-primary);
  8550. --el-menu-text-color: var(--el-text-color-primary);
  8551. --el-menu-hover-text-color: var(--el-color-primary);
  8552. --el-menu-bg-color: var(--el-fill-color-blank);
  8553. --el-menu-hover-bg-color: var(--el-color-primary-light-9);
  8554. --el-menu-item-height: 56px;
  8555. --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  8556. --el-menu-horizontal-height: 60px;
  8557. --el-menu-horizontal-sub-item-height: 36px;
  8558. --el-menu-item-font-size: var(--el-font-size-base);
  8559. --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  8560. --el-menu-border-color: var(--el-border-color);
  8561. --el-menu-base-level-padding: 20px;
  8562. --el-menu-level-padding: 20px;
  8563. --el-menu-icon-width: 24px
  8564. }
  8565. .el-menu {
  8566. background-color: var(--el-menu-bg-color);
  8567. border-right: 1px solid var(--el-menu-border-color);
  8568. box-sizing: border-box;
  8569. list-style: none;
  8570. margin: 0;
  8571. padding-left: 0;
  8572. position: relative
  8573. }
  8574. .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,
  8575. .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,
  8576. .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
  8577. padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));
  8578. white-space: nowrap
  8579. }
  8580. .el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  8581. padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))
  8582. }
  8583. .el-menu--horizontal {
  8584. border-right: none;
  8585. display: flex;
  8586. flex-wrap: nowrap;
  8587. height: var(--el-menu-horizontal-height)
  8588. }
  8589. .el-menu--horizontal.el-menu--popup-container {
  8590. height: unset
  8591. }
  8592. .el-menu--horizontal.el-menu {
  8593. border-bottom: 1px solid var(--el-menu-border-color)
  8594. }
  8595. .el-menu--horizontal>.el-menu-item {
  8596. align-items: center;
  8597. border-bottom: 2px solid transparent;
  8598. color: var(--el-menu-text-color);
  8599. display: inline-flex;
  8600. height: 100%;
  8601. justify-content: center;
  8602. margin: 0
  8603. }
  8604. .el-menu--horizontal>.el-menu-item a,
  8605. .el-menu--horizontal>.el-menu-item a:hover {
  8606. color: inherit
  8607. }
  8608. .el-menu--horizontal>.el-sub-menu:focus,
  8609. .el-menu--horizontal>.el-sub-menu:hover {
  8610. outline: none
  8611. }
  8612. .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title {
  8613. color: var(--el-menu-hover-text-color)
  8614. }
  8615. .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
  8616. border-bottom: 2px solid var(--el-menu-active-color);
  8617. color: var(--el-menu-active-color)
  8618. }
  8619. .el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
  8620. border-bottom: 2px solid transparent;
  8621. color: var(--el-menu-text-color);
  8622. height: 100%
  8623. }
  8624. .el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
  8625. background-color: var(--el-menu-bg-color)
  8626. }
  8627. .el-menu--horizontal .el-menu .el-menu-item,
  8628. .el-menu--horizontal .el-menu .el-sub-menu__title {
  8629. align-items: center;
  8630. background-color: var(--el-menu-bg-color);
  8631. color: var(--el-menu-text-color);
  8632. display: flex;
  8633. height: var(--el-menu-horizontal-sub-item-height);
  8634. line-height: var(--el-menu-horizontal-sub-item-height);
  8635. padding: 0 10px
  8636. }
  8637. .el-menu--horizontal .el-menu .el-sub-menu__title {
  8638. padding-right: 40px
  8639. }
  8640. .el-menu--horizontal .el-menu .el-menu-item.is-active,
  8641. .el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title {
  8642. color: var(--el-menu-active-color)
  8643. }
  8644. .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
  8645. .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  8646. background-color: var(--el-menu-hover-bg-color);
  8647. color: var(--el-menu-hover-text-color);
  8648. outline: none
  8649. }
  8650. .el-menu--horizontal>.el-menu-item.is-active {
  8651. border-bottom: 2px solid var(--el-menu-active-color);
  8652. color: var(--el-menu-active-color) !important
  8653. }
  8654. .el-menu--collapse {
  8655. width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)
  8656. }
  8657. .el-menu--collapse>.el-menu-item [class^=el-icon],
  8658. .el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],
  8659. .el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon] {
  8660. margin: 0;
  8661. text-align: center;
  8662. vertical-align: middle;
  8663. width: var(--el-menu-icon-width)
  8664. }
  8665. .el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,
  8666. .el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,
  8667. .el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow {
  8668. display: none
  8669. }
  8670. .el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,
  8671. .el-menu--collapse>.el-menu-item>span,
  8672. .el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span {
  8673. display: inline-block;
  8674. height: 0;
  8675. overflow: hidden;
  8676. visibility: hidden;
  8677. width: 0
  8678. }
  8679. .el-menu--collapse>.el-menu-item.is-active i {
  8680. color: inherit
  8681. }
  8682. .el-menu--collapse .el-menu .el-sub-menu {
  8683. min-width: 200px
  8684. }
  8685. .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  8686. color: var(--el-menu-active-color)
  8687. }
  8688. .el-menu--popup {
  8689. border: none;
  8690. border-radius: var(--el-border-radius-small);
  8691. box-shadow: var(--el-box-shadow-light);
  8692. min-width: 200px;
  8693. padding: 5px 0;
  8694. z-index: 100
  8695. }
  8696. .el-menu .el-icon {
  8697. flex-shrink: 0
  8698. }
  8699. .el-menu-item {
  8700. align-items: center;
  8701. box-sizing: border-box;
  8702. color: var(--el-menu-text-color);
  8703. cursor: pointer;
  8704. display: flex;
  8705. font-size: var(--el-menu-item-font-size);
  8706. height: var(--el-menu-item-height);
  8707. line-height: var(--el-menu-item-height);
  8708. list-style: none;
  8709. padding: 0 var(--el-menu-base-level-padding);
  8710. position: relative;
  8711. transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  8712. white-space: nowrap
  8713. }
  8714. .el-menu-item * {
  8715. vertical-align: bottom
  8716. }
  8717. .el-menu-item i {
  8718. color: inherit
  8719. }
  8720. .el-menu-item:focus,
  8721. .el-menu-item:hover {
  8722. outline: none
  8723. }
  8724. .el-menu-item:hover {
  8725. background-color: var(--el-menu-hover-bg-color)
  8726. }
  8727. .el-menu-item.is-disabled {
  8728. background: none !important;
  8729. cursor: not-allowed;
  8730. opacity: .25
  8731. }
  8732. .el-menu-item [class^=el-icon] {
  8733. font-size: 18px;
  8734. margin-right: 5px;
  8735. text-align: center;
  8736. vertical-align: middle;
  8737. width: var(--el-menu-icon-width)
  8738. }
  8739. .el-menu-item.is-active {
  8740. color: var(--el-menu-active-color)
  8741. }
  8742. .el-menu-item.is-active i {
  8743. color: inherit
  8744. }
  8745. .el-menu-item .el-menu-tooltip__trigger {
  8746. align-items: center;
  8747. box-sizing: border-box;
  8748. display: inline-flex;
  8749. height: 100%;
  8750. left: 0;
  8751. padding: 0 var(--el-menu-base-level-padding);
  8752. position: absolute;
  8753. top: 0;
  8754. width: 100%
  8755. }
  8756. .el-sub-menu {
  8757. list-style: none;
  8758. margin: 0;
  8759. padding-left: 0
  8760. }
  8761. .el-sub-menu__title {
  8762. align-items: center;
  8763. box-sizing: border-box;
  8764. color: var(--el-menu-text-color);
  8765. cursor: pointer;
  8766. display: flex;
  8767. font-size: var(--el-menu-item-font-size);
  8768. height: var(--el-menu-item-height);
  8769. line-height: var(--el-menu-item-height);
  8770. list-style: none;
  8771. padding: 0 var(--el-menu-base-level-padding);
  8772. position: relative;
  8773. transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  8774. white-space: nowrap
  8775. }
  8776. .el-sub-menu__title * {
  8777. vertical-align: bottom
  8778. }
  8779. .el-sub-menu__title i {
  8780. color: inherit
  8781. }
  8782. .el-sub-menu__title:focus,
  8783. .el-sub-menu__title:hover {
  8784. outline: none
  8785. }
  8786. .el-sub-menu__title.is-disabled {
  8787. background: none !important;
  8788. cursor: not-allowed;
  8789. opacity: .25
  8790. }
  8791. .el-sub-menu__title:hover {
  8792. background-color: var(--el-menu-hover-bg-color)
  8793. }
  8794. .el-sub-menu .el-menu {
  8795. border: none
  8796. }
  8797. .el-sub-menu .el-menu-item {
  8798. height: var(--el-menu-sub-item-height);
  8799. line-height: var(--el-menu-sub-item-height)
  8800. }
  8801. .el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  8802. display: none !important
  8803. }
  8804. .el-sub-menu.is-active .el-sub-menu__title {
  8805. border-bottom-color: var(--el-menu-active-color)
  8806. }
  8807. .el-sub-menu.is-disabled .el-menu-item,
  8808. .el-sub-menu.is-disabled .el-sub-menu__title {
  8809. background: none !important;
  8810. cursor: not-allowed;
  8811. opacity: .25
  8812. }
  8813. .el-sub-menu .el-icon {
  8814. font-size: 18px;
  8815. margin-right: 5px;
  8816. text-align: center;
  8817. vertical-align: middle;
  8818. width: var(--el-menu-icon-width)
  8819. }
  8820. .el-sub-menu .el-icon.el-sub-menu__icon-more {
  8821. margin-right: 0 !important
  8822. }
  8823. .el-sub-menu .el-sub-menu__icon-arrow {
  8824. font-size: 12px;
  8825. margin-right: 0;
  8826. margin-top: -6px;
  8827. position: absolute;
  8828. right: var(--el-menu-base-level-padding);
  8829. top: 50%;
  8830. transition: transform var(--el-transition-duration);
  8831. width: inherit
  8832. }
  8833. .el-menu-item-group>ul {
  8834. padding: 0
  8835. }
  8836. .el-menu-item-group__title {
  8837. color: var(--el-text-color-secondary);
  8838. font-size: 12px;
  8839. line-height: normal;
  8840. padding: 7px 0 7px var(--el-menu-base-level-padding)
  8841. }
  8842. .horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  8843. opacity: 0;
  8844. transition: var(--el-transition-duration-fast)
  8845. }
  8846. .el-message-box {
  8847. --el-messagebox-title-color: var(--el-text-color-primary);
  8848. --el-messagebox-width: 420px;
  8849. --el-messagebox-border-radius: 4px;
  8850. --el-messagebox-box-shadow: var(--el-box-shadow);
  8851. --el-messagebox-font-size: var(--el-font-size-large);
  8852. --el-messagebox-content-font-size: var(--el-font-size-base);
  8853. --el-messagebox-content-color: var(--el-text-color-regular);
  8854. --el-messagebox-error-font-size: 12px;
  8855. --el-messagebox-padding-primary: 12px;
  8856. --el-messagebox-font-line-height: var(--el-font-line-height-primary);
  8857. backface-visibility: hidden;
  8858. background-color: var(--el-bg-color);
  8859. border-radius: var(--el-messagebox-border-radius);
  8860. box-shadow: var(--el-messagebox-box-shadow);
  8861. box-sizing: border-box;
  8862. display: inline-block;
  8863. font-size: var(--el-messagebox-font-size);
  8864. max-width: var(--el-messagebox-width);
  8865. overflow: hidden;
  8866. overflow-wrap: break-word;
  8867. padding: var(--el-messagebox-padding-primary);
  8868. position: relative;
  8869. text-align: left;
  8870. vertical-align: middle;
  8871. width: 100%
  8872. }
  8873. .el-message-box:focus {
  8874. outline: none !important
  8875. }
  8876. .el-overlay.is-message-box .el-overlay-message-box {
  8877. bottom: 0;
  8878. left: 0;
  8879. overflow: auto;
  8880. padding: 16px;
  8881. position: fixed;
  8882. right: 0;
  8883. text-align: center;
  8884. top: 0
  8885. }
  8886. .el-overlay.is-message-box .el-overlay-message-box:after {
  8887. content: "";
  8888. display: inline-block;
  8889. height: 100%;
  8890. vertical-align: middle;
  8891. width: 0
  8892. }
  8893. .el-message-box.is-draggable .el-message-box__header {
  8894. cursor: move;
  8895. -webkit-user-select: none;
  8896. -moz-user-select: none;
  8897. user-select: none
  8898. }
  8899. .el-message-box__header {
  8900. padding-bottom: var(--el-messagebox-padding-primary)
  8901. }
  8902. .el-message-box__header.show-close {
  8903. padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))
  8904. }
  8905. .el-message-box__title {
  8906. color: var(--el-messagebox-title-color);
  8907. font-size: var(--el-messagebox-font-size);
  8908. line-height: var(--el-messagebox-font-line-height)
  8909. }
  8910. .el-message-box__headerbtn {
  8911. background: transparent;
  8912. border: none;
  8913. cursor: pointer;
  8914. font-size: var(--el-message-close-size, 16px);
  8915. height: 40px;
  8916. outline: none;
  8917. padding: 0;
  8918. position: absolute;
  8919. right: 0;
  8920. top: 0;
  8921. width: 40px
  8922. }
  8923. .el-message-box__headerbtn .el-message-box__close {
  8924. color: var(--el-color-info);
  8925. font-size: inherit
  8926. }
  8927. .el-message-box__headerbtn:focus .el-message-box__close,
  8928. .el-message-box__headerbtn:hover .el-message-box__close {
  8929. color: var(--el-color-primary)
  8930. }
  8931. .el-message-box__content {
  8932. color: var(--el-messagebox-content-color);
  8933. font-size: var(--el-messagebox-content-font-size)
  8934. }
  8935. .el-message-box__container {
  8936. align-items: center;
  8937. display: flex;
  8938. gap: 12px
  8939. }
  8940. .el-message-box__input {
  8941. padding-top: 12px
  8942. }
  8943. .el-message-box__input div.invalid>input,
  8944. .el-message-box__input div.invalid>input:focus {
  8945. border-color: var(--el-color-error)
  8946. }
  8947. .el-message-box__status {
  8948. font-size: 24px
  8949. }
  8950. .el-message-box__status.el-message-box-icon--success {
  8951. --el-messagebox-color: var(--el-color-success);
  8952. color: var(--el-messagebox-color)
  8953. }
  8954. .el-message-box__status.el-message-box-icon--info {
  8955. --el-messagebox-color: var(--el-color-info);
  8956. color: var(--el-messagebox-color)
  8957. }
  8958. .el-message-box__status.el-message-box-icon--warning {
  8959. --el-messagebox-color: var(--el-color-warning);
  8960. color: var(--el-messagebox-color)
  8961. }
  8962. .el-message-box__status.el-message-box-icon--error {
  8963. --el-messagebox-color: var(--el-color-error);
  8964. color: var(--el-messagebox-color)
  8965. }
  8966. .el-message-box__message {
  8967. margin: 0;
  8968. min-width: 0
  8969. }
  8970. .el-message-box__message p {
  8971. line-height: var(--el-messagebox-font-line-height);
  8972. margin: 0
  8973. }
  8974. .el-message-box__errormsg {
  8975. color: var(--el-color-error);
  8976. font-size: var(--el-messagebox-error-font-size);
  8977. line-height: var(--el-messagebox-font-line-height)
  8978. }
  8979. .el-message-box__btns {
  8980. align-items: center;
  8981. display: flex;
  8982. flex-wrap: wrap;
  8983. justify-content: flex-end;
  8984. padding-top: var(--el-messagebox-padding-primary)
  8985. }
  8986. .el-message-box--center .el-message-box__title {
  8987. align-items: center;
  8988. display: flex;
  8989. gap: 6px;
  8990. justify-content: center
  8991. }
  8992. .el-message-box--center .el-message-box__status {
  8993. font-size: inherit
  8994. }
  8995. .el-message-box--center .el-message-box__btns,
  8996. .el-message-box--center .el-message-box__container {
  8997. justify-content: center
  8998. }
  8999. .fade-in-linear-enter-active .el-overlay-message-box {
  9000. animation: msgbox-fade-in var(--el-transition-duration)
  9001. }
  9002. .fade-in-linear-leave-active .el-overlay-message-box {
  9003. animation: msgbox-fade-in var(--el-transition-duration) reverse
  9004. }
  9005. @keyframes msgbox-fade-in {
  9006. 0% {
  9007. opacity: 0;
  9008. transform: translate3d(0, -20px, 0)
  9009. }
  9010. to {
  9011. opacity: 1;
  9012. transform: translateZ(0)
  9013. }
  9014. }
  9015. .el-message {
  9016. --el-message-bg-color: var(--el-color-info-light-9);
  9017. --el-message-border-color: var(--el-border-color-lighter);
  9018. --el-message-padding: 11px 15px;
  9019. --el-message-close-size: 16px;
  9020. --el-message-close-icon-color: var(--el-text-color-placeholder);
  9021. --el-message-close-hover-color: var(--el-text-color-secondary);
  9022. align-items: center;
  9023. background-color: var(--el-message-bg-color);
  9024. border-color: var(--el-message-border-color);
  9025. border-radius: var(--el-border-radius-base);
  9026. border-style: var(--el-border-style);
  9027. border-width: var(--el-border-width);
  9028. box-sizing: border-box;
  9029. display: flex;
  9030. gap: 8px;
  9031. left: 50%;
  9032. max-width: calc(100% - 32px);
  9033. padding: var(--el-message-padding);
  9034. position: fixed;
  9035. top: 20px;
  9036. transform: translateX(-50%);
  9037. transition: opacity var(--el-transition-duration), transform .4s, top .4s;
  9038. width: -moz-fit-content;
  9039. width: fit-content
  9040. }
  9041. .el-message.is-plain {
  9042. background-color: var(--el-bg-color-overlay);
  9043. border-color: var(--el-bg-color-overlay);
  9044. box-shadow: var(--el-box-shadow-light)
  9045. }
  9046. .el-message p {
  9047. margin: 0
  9048. }
  9049. .el-message--success {
  9050. --el-message-bg-color: var(--el-color-success-light-9);
  9051. --el-message-border-color: var(--el-color-success-light-8);
  9052. --el-message-text-color: var(--el-color-success)
  9053. }
  9054. .el-message--success .el-message__content {
  9055. color: var(--el-message-text-color);
  9056. overflow-wrap: break-word
  9057. }
  9058. .el-message .el-message-icon--success {
  9059. color: var(--el-message-text-color)
  9060. }
  9061. .el-message--info {
  9062. --el-message-bg-color: var(--el-color-info-light-9);
  9063. --el-message-border-color: var(--el-color-info-light-8);
  9064. --el-message-text-color: var(--el-color-info)
  9065. }
  9066. .el-message--info .el-message__content {
  9067. color: var(--el-message-text-color);
  9068. overflow-wrap: break-word
  9069. }
  9070. .el-message .el-message-icon--info {
  9071. color: var(--el-message-text-color)
  9072. }
  9073. .el-message--warning {
  9074. --el-message-bg-color: var(--el-color-warning-light-9);
  9075. --el-message-border-color: var(--el-color-warning-light-8);
  9076. --el-message-text-color: var(--el-color-warning)
  9077. }
  9078. .el-message--warning .el-message__content {
  9079. color: var(--el-message-text-color);
  9080. overflow-wrap: break-word
  9081. }
  9082. .el-message .el-message-icon--warning {
  9083. color: var(--el-message-text-color)
  9084. }
  9085. .el-message--error {
  9086. --el-message-bg-color: var(--el-color-error-light-9);
  9087. --el-message-border-color: var(--el-color-error-light-8);
  9088. --el-message-text-color: var(--el-color-error)
  9089. }
  9090. .el-message--error .el-message__content {
  9091. color: var(--el-message-text-color);
  9092. overflow-wrap: break-word
  9093. }
  9094. .el-message .el-message-icon--error {
  9095. color: var(--el-message-text-color)
  9096. }
  9097. .el-message .el-message__badge {
  9098. position: absolute;
  9099. right: -8px;
  9100. top: -8px
  9101. }
  9102. .el-message__content {
  9103. font-size: 14px;
  9104. line-height: 1;
  9105. padding: 0
  9106. }
  9107. .el-message__content:focus {
  9108. outline-width: 0
  9109. }
  9110. .el-message .el-message__closeBtn {
  9111. color: var(--el-message-close-icon-color);
  9112. cursor: pointer;
  9113. font-size: var(--el-message-close-size)
  9114. }
  9115. .el-message .el-message__closeBtn:focus {
  9116. outline-width: 0
  9117. }
  9118. .el-message .el-message__closeBtn:hover {
  9119. color: var(--el-message-close-hover-color)
  9120. }
  9121. .el-message-fade-enter-from,
  9122. .el-message-fade-leave-to {
  9123. opacity: 0;
  9124. transform: translate(-50%, -100%)
  9125. }
  9126. .el-notification {
  9127. --el-notification-width: 330px;
  9128. --el-notification-padding: 14px 26px 14px 13px;
  9129. --el-notification-radius: 8px;
  9130. --el-notification-shadow: var(--el-box-shadow-light);
  9131. --el-notification-border-color: var(--el-border-color-lighter);
  9132. --el-notification-icon-size: 24px;
  9133. --el-notification-close-font-size: var(--el-message-close-size, 16px);
  9134. --el-notification-group-margin-left: 13px;
  9135. --el-notification-group-margin-right: 8px;
  9136. --el-notification-content-font-size: var(--el-font-size-base);
  9137. --el-notification-content-color: var(--el-text-color-regular);
  9138. --el-notification-title-font-size: 16px;
  9139. --el-notification-title-color: var(--el-text-color-primary);
  9140. --el-notification-close-color: var(--el-text-color-secondary);
  9141. --el-notification-close-hover-color: var(--el-text-color-regular);
  9142. background-color: var(--el-bg-color-overlay);
  9143. border: 1px solid var(--el-notification-border-color);
  9144. border-radius: var(--el-notification-radius);
  9145. box-shadow: var(--el-notification-shadow);
  9146. box-sizing: border-box;
  9147. display: flex;
  9148. overflow: hidden;
  9149. overflow-wrap: break-word;
  9150. padding: var(--el-notification-padding);
  9151. position: fixed;
  9152. transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
  9153. width: var(--el-notification-width);
  9154. z-index: 9999
  9155. }
  9156. .el-notification.right {
  9157. right: 16px
  9158. }
  9159. .el-notification.left {
  9160. left: 16px
  9161. }
  9162. .el-notification__group {
  9163. flex: 1;
  9164. margin-left: var(--el-notification-group-margin-left);
  9165. margin-right: var(--el-notification-group-margin-right);
  9166. min-width: 0
  9167. }
  9168. .el-notification__title {
  9169. color: var(--el-notification-title-color);
  9170. font-size: var(--el-notification-title-font-size);
  9171. font-weight: bold;
  9172. line-height: var(--el-notification-icon-size);
  9173. margin: 0
  9174. }
  9175. .el-notification__content {
  9176. color: var(--el-notification-content-color);
  9177. font-size: var(--el-notification-content-font-size);
  9178. line-height: 24px;
  9179. margin: 6px 0 0
  9180. }
  9181. .el-notification__content p {
  9182. margin: 0
  9183. }
  9184. .el-notification .el-notification__icon {
  9185. flex-shrink: 0;
  9186. font-size: var(--el-notification-icon-size);
  9187. height: var(--el-notification-icon-size);
  9188. width: var(--el-notification-icon-size)
  9189. }
  9190. .el-notification .el-notification__closeBtn {
  9191. color: var(--el-notification-close-color);
  9192. cursor: pointer;
  9193. font-size: var(--el-notification-close-font-size);
  9194. position: absolute;
  9195. right: 15px;
  9196. top: 18px
  9197. }
  9198. .el-notification .el-notification__closeBtn:hover {
  9199. color: var(--el-notification-close-hover-color)
  9200. }
  9201. .el-notification .el-notification--success {
  9202. --el-notification-icon-color: var(--el-color-success);
  9203. color: var(--el-notification-icon-color)
  9204. }
  9205. .el-notification .el-notification--info {
  9206. --el-notification-icon-color: var(--el-color-info);
  9207. color: var(--el-notification-icon-color)
  9208. }
  9209. .el-notification .el-notification--warning {
  9210. --el-notification-icon-color: var(--el-color-warning);
  9211. color: var(--el-notification-icon-color)
  9212. }
  9213. .el-notification .el-notification--error {
  9214. --el-notification-icon-color: var(--el-color-error);
  9215. color: var(--el-notification-icon-color)
  9216. }
  9217. .el-notification-fade-enter-from.right {
  9218. right: 0;
  9219. transform: translateX(100%)
  9220. }
  9221. .el-notification-fade-enter-from.left {
  9222. left: 0;
  9223. transform: translateX(-100%)
  9224. }
  9225. .el-notification-fade-leave-to {
  9226. opacity: 0
  9227. }
  9228. .el-overlay {
  9229. background-color: var(--el-overlay-color-lighter);
  9230. bottom: 0;
  9231. height: 100%;
  9232. left: 0;
  9233. overflow: auto;
  9234. position: fixed;
  9235. right: 0;
  9236. top: 0;
  9237. z-index: 2000
  9238. }
  9239. .el-overlay .el-overlay-root {
  9240. height: 0
  9241. }
  9242. .el-page-header.is-contentful .el-page-header__main {
  9243. border-top: 1px solid var(--el-border-color-light);
  9244. margin-top: 16px
  9245. }
  9246. .el-page-header__header {
  9247. align-items: center;
  9248. display: flex;
  9249. justify-content: space-between;
  9250. line-height: 24px
  9251. }
  9252. .el-page-header__left {
  9253. align-items: center;
  9254. display: flex;
  9255. margin-right: 40px;
  9256. position: relative
  9257. }
  9258. .el-page-header__back {
  9259. align-items: center;
  9260. cursor: pointer;
  9261. display: flex
  9262. }
  9263. .el-page-header__left .el-divider--vertical {
  9264. margin: 0 16px
  9265. }
  9266. .el-page-header__icon {
  9267. align-items: center;
  9268. display: flex;
  9269. font-size: 16px;
  9270. margin-right: 10px
  9271. }
  9272. .el-page-header__icon .el-icon {
  9273. font-size: inherit
  9274. }
  9275. .el-page-header__title {
  9276. font-size: 14px;
  9277. font-weight: 500
  9278. }
  9279. .el-page-header__content {
  9280. color: var(--el-text-color-primary);
  9281. font-size: 18px
  9282. }
  9283. .el-page-header__breadcrumb {
  9284. margin-bottom: 16px
  9285. }
  9286. .el-pagination {
  9287. --el-pagination-font-size: 14px;
  9288. --el-pagination-bg-color: var(--el-fill-color-blank);
  9289. --el-pagination-text-color: var(--el-text-color-primary);
  9290. --el-pagination-border-radius: 2px;
  9291. --el-pagination-button-color: var(--el-text-color-primary);
  9292. --el-pagination-button-width: 32px;
  9293. --el-pagination-button-height: 32px;
  9294. --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
  9295. --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
  9296. --el-pagination-button-bg-color: var(--el-fill-color);
  9297. --el-pagination-hover-color: var(--el-color-primary);
  9298. --el-pagination-font-size-small: 12px;
  9299. --el-pagination-button-width-small: 24px;
  9300. --el-pagination-button-height-small: 24px;
  9301. --el-pagination-button-width-large: 40px;
  9302. --el-pagination-button-height-large: 40px;
  9303. --el-pagination-item-gap: 16px;
  9304. align-items: center;
  9305. color: var(--el-pagination-text-color);
  9306. display: flex;
  9307. font-size: var(--el-pagination-font-size);
  9308. font-weight: normal;
  9309. white-space: nowrap
  9310. }
  9311. .el-pagination .el-input__inner {
  9312. -moz-appearance: textfield;
  9313. text-align: center
  9314. }
  9315. .el-pagination .el-select {
  9316. width: 128px
  9317. }
  9318. .el-pagination button {
  9319. align-items: center;
  9320. background: var(--el-pagination-bg-color);
  9321. border: none;
  9322. border-radius: var(--el-pagination-border-radius);
  9323. box-sizing: border-box;
  9324. color: var(--el-pagination-button-color);
  9325. cursor: pointer;
  9326. display: flex;
  9327. font-size: var(--el-pagination-font-size);
  9328. height: var(--el-pagination-button-height);
  9329. justify-content: center;
  9330. line-height: var(--el-pagination-button-height);
  9331. min-width: var(--el-pagination-button-width);
  9332. padding: 0 4px;
  9333. text-align: center
  9334. }
  9335. .el-pagination button * {
  9336. pointer-events: none
  9337. }
  9338. .el-pagination button:focus {
  9339. outline: none
  9340. }
  9341. .el-pagination button.is-active,
  9342. .el-pagination button:hover {
  9343. color: var(--el-pagination-hover-color)
  9344. }
  9345. .el-pagination button.is-active {
  9346. cursor: default;
  9347. font-weight: bold
  9348. }
  9349. .el-pagination button.is-active.is-disabled {
  9350. color: var(--el-text-color-secondary);
  9351. font-weight: bold
  9352. }
  9353. .el-pagination button.is-disabled,
  9354. .el-pagination button:disabled {
  9355. background-color: var(--el-pagination-button-disabled-bg-color);
  9356. color: var(--el-pagination-button-disabled-color);
  9357. cursor: not-allowed
  9358. }
  9359. .el-pagination button:focus-visible {
  9360. outline: 1px solid var(--el-pagination-hover-color);
  9361. outline-offset: -1px
  9362. }
  9363. .el-pagination .btn-next .el-icon,
  9364. .el-pagination .btn-prev .el-icon {
  9365. display: block;
  9366. font-size: 12px;
  9367. font-weight: bold;
  9368. width: inherit
  9369. }
  9370. .el-pagination>.is-first {
  9371. margin-left: 0 !important
  9372. }
  9373. .el-pagination>.is-last {
  9374. margin-right: 0 !important
  9375. }
  9376. .el-pagination .btn-prev {
  9377. margin-left: var(--el-pagination-item-gap)
  9378. }
  9379. .el-pagination__sizes,
  9380. .el-pagination__total {
  9381. color: var(--el-text-color-regular);
  9382. font-weight: normal;
  9383. margin-left: var(--el-pagination-item-gap)
  9384. }
  9385. .el-pagination__total[disabled=true] {
  9386. color: var(--el-text-color-placeholder)
  9387. }
  9388. .el-pagination__jump {
  9389. align-items: center;
  9390. color: var(--el-text-color-regular);
  9391. display: flex;
  9392. font-weight: normal;
  9393. margin-left: var(--el-pagination-item-gap)
  9394. }
  9395. .el-pagination__jump[disabled=true] {
  9396. color: var(--el-text-color-placeholder)
  9397. }
  9398. .el-pagination__goto {
  9399. margin-right: 8px
  9400. }
  9401. .el-pagination__editor {
  9402. box-sizing: border-box;
  9403. text-align: center
  9404. }
  9405. .el-pagination__editor.el-input {
  9406. width: 56px
  9407. }
  9408. .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
  9409. .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  9410. -webkit-appearance: none;
  9411. margin: 0
  9412. }
  9413. .el-pagination__classifier {
  9414. margin-left: 8px
  9415. }
  9416. .el-pagination__rightwrapper {
  9417. align-items: center;
  9418. display: flex;
  9419. flex: 1;
  9420. justify-content: flex-end
  9421. }
  9422. .el-pagination.is-background .btn-next,
  9423. .el-pagination.is-background .btn-prev,
  9424. .el-pagination.is-background .el-pager li {
  9425. background-color: var(--el-pagination-button-bg-color);
  9426. margin: 0 4px
  9427. }
  9428. .el-pagination.is-background .btn-next.is-active,
  9429. .el-pagination.is-background .btn-prev.is-active,
  9430. .el-pagination.is-background .el-pager li.is-active {
  9431. background-color: var(--el-color-primary);
  9432. color: var(--el-color-white)
  9433. }
  9434. .el-pagination.is-background .btn-next.is-disabled,
  9435. .el-pagination.is-background .btn-next:disabled,
  9436. .el-pagination.is-background .btn-prev.is-disabled,
  9437. .el-pagination.is-background .btn-prev:disabled,
  9438. .el-pagination.is-background .el-pager li.is-disabled,
  9439. .el-pagination.is-background .el-pager li:disabled {
  9440. background-color: var(--el-disabled-bg-color);
  9441. color: var(--el-text-color-placeholder)
  9442. }
  9443. .el-pagination.is-background .btn-next.is-disabled.is-active,
  9444. .el-pagination.is-background .btn-next:disabled.is-active,
  9445. .el-pagination.is-background .btn-prev.is-disabled.is-active,
  9446. .el-pagination.is-background .btn-prev:disabled.is-active,
  9447. .el-pagination.is-background .el-pager li.is-disabled.is-active,
  9448. .el-pagination.is-background .el-pager li:disabled.is-active {
  9449. background-color: var(--el-fill-color-dark);
  9450. color: var(--el-text-color-secondary)
  9451. }
  9452. .el-pagination.is-background .btn-prev {
  9453. margin-left: var(--el-pagination-item-gap)
  9454. }
  9455. .el-pagination--small .btn-next,
  9456. .el-pagination--small .btn-prev,
  9457. .el-pagination--small .el-pager li {
  9458. font-size: var(--el-pagination-font-size-small);
  9459. height: var(--el-pagination-button-height-small);
  9460. line-height: var(--el-pagination-button-height-small);
  9461. min-width: var(--el-pagination-button-width-small)
  9462. }
  9463. .el-pagination--small button,
  9464. .el-pagination--small span:not([class*=suffix]) {
  9465. font-size: var(--el-pagination-font-size-small)
  9466. }
  9467. .el-pagination--small .el-select {
  9468. width: 100px
  9469. }
  9470. .el-pagination--large .btn-next,
  9471. .el-pagination--large .btn-prev,
  9472. .el-pagination--large .el-pager li {
  9473. height: var(--el-pagination-button-height-large);
  9474. line-height: var(--el-pagination-button-height-large);
  9475. min-width: var(--el-pagination-button-width-large)
  9476. }
  9477. .el-pagination--large .el-select .el-input {
  9478. width: 160px
  9479. }
  9480. .el-pager {
  9481. font-size: 0;
  9482. list-style: none;
  9483. margin: 0;
  9484. padding: 0;
  9485. -webkit-user-select: none;
  9486. -moz-user-select: none;
  9487. user-select: none
  9488. }
  9489. .el-pager,
  9490. .el-pager li {
  9491. align-items: center;
  9492. display: flex
  9493. }
  9494. .el-pager li {
  9495. background: var(--el-pagination-bg-color);
  9496. border: none;
  9497. border-radius: var(--el-pagination-border-radius);
  9498. box-sizing: border-box;
  9499. color: var(--el-pagination-button-color);
  9500. cursor: pointer;
  9501. font-size: var(--el-pagination-font-size);
  9502. height: var(--el-pagination-button-height);
  9503. justify-content: center;
  9504. line-height: var(--el-pagination-button-height);
  9505. min-width: var(--el-pagination-button-width);
  9506. padding: 0 4px;
  9507. text-align: center
  9508. }
  9509. .el-pager li * {
  9510. pointer-events: none
  9511. }
  9512. .el-pager li:focus {
  9513. outline: none
  9514. }
  9515. .el-pager li.is-active,
  9516. .el-pager li:hover {
  9517. color: var(--el-pagination-hover-color)
  9518. }
  9519. .el-pager li.is-active {
  9520. cursor: default;
  9521. font-weight: bold
  9522. }
  9523. .el-pager li.is-active.is-disabled {
  9524. color: var(--el-text-color-secondary);
  9525. font-weight: bold
  9526. }
  9527. .el-pager li.is-disabled,
  9528. .el-pager li:disabled {
  9529. background-color: var(--el-pagination-button-disabled-bg-color);
  9530. color: var(--el-pagination-button-disabled-color);
  9531. cursor: not-allowed
  9532. }
  9533. .el-pager li:focus-visible {
  9534. outline: 1px solid var(--el-pagination-hover-color);
  9535. outline-offset: -1px
  9536. }
  9537. .el-popconfirm__main {
  9538. align-items: center;
  9539. display: flex
  9540. }
  9541. .el-popconfirm__icon {
  9542. margin-right: 5px
  9543. }
  9544. .el-popconfirm__action {
  9545. margin-top: 8px;
  9546. text-align: right
  9547. }
  9548. .el-popover {
  9549. --el-popover-bg-color: var(--el-bg-color-overlay);
  9550. --el-popover-font-size: var(--el-font-size-base);
  9551. --el-popover-border-color: var(--el-border-color-lighter);
  9552. --el-popover-padding: 12px;
  9553. --el-popover-padding-large: 18px 20px;
  9554. --el-popover-title-font-size: 16px;
  9555. --el-popover-title-text-color: var(--el-text-color-primary);
  9556. --el-popover-border-radius: 4px
  9557. }
  9558. .el-popover.el-popper {
  9559. background: var(--el-popover-bg-color);
  9560. border: 1px solid var(--el-popover-border-color);
  9561. border-radius: var(--el-popover-border-radius);
  9562. box-shadow: var(--el-box-shadow-light);
  9563. box-sizing: border-box;
  9564. color: var(--el-text-color-regular);
  9565. font-size: var(--el-popover-font-size);
  9566. line-height: 1.4;
  9567. min-width: 150px;
  9568. overflow-wrap: break-word;
  9569. padding: var(--el-popover-padding);
  9570. z-index: var(--el-index-popper)
  9571. }
  9572. .el-popover.el-popper--plain {
  9573. padding: var(--el-popover-padding-large)
  9574. }
  9575. .el-popover__title {
  9576. color: var(--el-popover-title-text-color);
  9577. font-size: var(--el-popover-title-font-size);
  9578. line-height: 1;
  9579. margin-bottom: 12px
  9580. }
  9581. .el-popover__reference:focus:hover,
  9582. .el-popover__reference:focus:not(.focusing) {
  9583. outline-width: 0
  9584. }
  9585. .el-popover.el-popper.is-dark {
  9586. --el-popover-bg-color: var(--el-text-color-primary);
  9587. --el-popover-border-color: var(--el-text-color-primary);
  9588. --el-popover-title-text-color: var(--el-bg-color);
  9589. color: var(--el-bg-color)
  9590. }
  9591. .el-popover.el-popper:focus,
  9592. .el-popover.el-popper:focus:active {
  9593. outline-width: 0
  9594. }
  9595. .el-progress {
  9596. align-items: center;
  9597. display: flex;
  9598. line-height: 1;
  9599. position: relative
  9600. }
  9601. .el-progress__text {
  9602. color: var(--el-text-color-regular);
  9603. font-size: 14px;
  9604. line-height: 1;
  9605. margin-left: 5px;
  9606. min-width: 50px
  9607. }
  9608. .el-progress__text i {
  9609. display: block;
  9610. vertical-align: middle
  9611. }
  9612. .el-progress--circle,
  9613. .el-progress--dashboard {
  9614. display: inline-block
  9615. }
  9616. .el-progress--circle .el-progress__text,
  9617. .el-progress--dashboard .el-progress__text {
  9618. left: 0;
  9619. margin: 0;
  9620. position: absolute;
  9621. text-align: center;
  9622. top: 50%;
  9623. transform: translateY(-50%);
  9624. width: 100%
  9625. }
  9626. .el-progress--circle .el-progress__text i,
  9627. .el-progress--dashboard .el-progress__text i {
  9628. display: inline-block;
  9629. vertical-align: middle
  9630. }
  9631. .el-progress--without-text .el-progress__text {
  9632. display: none
  9633. }
  9634. .el-progress--without-text .el-progress-bar {
  9635. display: block;
  9636. margin-right: 0;
  9637. padding-right: 0
  9638. }
  9639. .el-progress--text-inside .el-progress-bar {
  9640. margin-right: 0;
  9641. padding-right: 0
  9642. }
  9643. .el-progress.is-success .el-progress-bar__inner {
  9644. background-color: var(--el-color-success)
  9645. }
  9646. .el-progress.is-success .el-progress__text {
  9647. color: var(--el-color-success)
  9648. }
  9649. .el-progress.is-warning .el-progress-bar__inner {
  9650. background-color: var(--el-color-warning)
  9651. }
  9652. .el-progress.is-warning .el-progress__text {
  9653. color: var(--el-color-warning)
  9654. }
  9655. .el-progress.is-exception .el-progress-bar__inner {
  9656. background-color: var(--el-color-danger)
  9657. }
  9658. .el-progress.is-exception .el-progress__text {
  9659. color: var(--el-color-danger)
  9660. }
  9661. .el-progress-bar {
  9662. box-sizing: border-box;
  9663. flex-grow: 1
  9664. }
  9665. .el-progress-bar__outer {
  9666. background-color: var(--el-border-color-lighter);
  9667. border-radius: 100px;
  9668. height: 6px;
  9669. overflow: hidden;
  9670. position: relative;
  9671. vertical-align: middle
  9672. }
  9673. .el-progress-bar__inner {
  9674. background-color: var(--el-color-primary);
  9675. border-radius: 100px;
  9676. height: 100%;
  9677. left: 0;
  9678. line-height: 1;
  9679. position: absolute;
  9680. text-align: right;
  9681. top: 0;
  9682. transition: width .6s ease;
  9683. white-space: nowrap
  9684. }
  9685. .el-progress-bar__inner:after {
  9686. content: "";
  9687. display: inline-block;
  9688. height: 100%;
  9689. vertical-align: middle
  9690. }
  9691. .el-progress-bar__inner--indeterminate {
  9692. animation: indeterminate 3s infinite;
  9693. transform: translateZ(0)
  9694. }
  9695. .el-progress-bar__inner--striped {
  9696. background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 75%, transparent 0, transparent);
  9697. background-size: 1.25em 1.25em
  9698. }
  9699. .el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  9700. animation: striped-flow 3s linear infinite
  9701. }
  9702. .el-progress-bar__innerText {
  9703. color: #ffffff;
  9704. display: inline-block;
  9705. font-size: 12px;
  9706. margin: 0 5px;
  9707. vertical-align: middle
  9708. }
  9709. @keyframes progress {
  9710. 0% {
  9711. background-position: 0 0
  9712. }
  9713. to {
  9714. background-position: 32px 0
  9715. }
  9716. }
  9717. @keyframes indeterminate {
  9718. 0% {
  9719. left: -100%
  9720. }
  9721. to {
  9722. left: 100%
  9723. }
  9724. }
  9725. @keyframes striped-flow {
  9726. 0% {
  9727. background-position: -100%
  9728. }
  9729. to {
  9730. background-position: 100%
  9731. }
  9732. }
  9733. .el-radio-button {
  9734. --el-radio-button-checked-bg-color: var(--el-color-primary);
  9735. --el-radio-button-checked-text-color: var(--el-color-white);
  9736. --el-radio-button-checked-border-color: var(--el-color-primary);
  9737. --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light)
  9738. }
  9739. .el-radio-button,
  9740. .el-radio-button__inner {
  9741. display: inline-block;
  9742. outline: none;
  9743. position: relative
  9744. }
  9745. .el-radio-button__inner {
  9746. -webkit-appearance: none;
  9747. background: var(--el-button-bg-color, var(--el-fill-color-blank));
  9748. border: var(--el-border);
  9749. border-left: 0;
  9750. border-radius: 0;
  9751. box-sizing: border-box;
  9752. color: var(--el-button-text-color, var(--el-text-color-regular));
  9753. cursor: pointer;
  9754. font-size: var(--el-font-size-base);
  9755. font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
  9756. line-height: 1;
  9757. margin: 0;
  9758. padding: 8px 15px;
  9759. text-align: center;
  9760. transition: var(--el-transition-all);
  9761. -webkit-user-select: none;
  9762. -moz-user-select: none;
  9763. user-select: none;
  9764. vertical-align: middle;
  9765. white-space: nowrap
  9766. }
  9767. .el-radio-button__inner.is-round {
  9768. padding: 8px 15px
  9769. }
  9770. .el-radio-button__inner:hover {
  9771. color: var(--el-color-primary)
  9772. }
  9773. .el-radio-button__inner [class*=el-icon-] {
  9774. line-height: .9
  9775. }
  9776. .el-radio-button__inner [class*=el-icon-]+span {
  9777. margin-left: 5px
  9778. }
  9779. .el-radio-button:first-child .el-radio-button__inner {
  9780. border-left: var(--el-border);
  9781. border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  9782. box-shadow: none !important
  9783. }
  9784. .el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner {
  9785. background-color: var(--el-radio-button-checked-bg-color, var(--el-color-primary));
  9786. border-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  9787. box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--el-color-primary));
  9788. color: var(--el-radio-button-checked-text-color, var(--el-color-white))
  9789. }
  9790. .el-radio-button__original-radio {
  9791. opacity: 0;
  9792. outline: none;
  9793. position: absolute;
  9794. z-index: -1
  9795. }
  9796. .el-radio-button__original-radio:focus-visible+.el-radio-button__inner {
  9797. border-left: var(--el-border);
  9798. border-left-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  9799. border-radius: var(--el-border-radius-base);
  9800. box-shadow: none;
  9801. outline: 2px solid var(--el-radio-button-checked-border-color);
  9802. outline-offset: 1px;
  9803. z-index: 2
  9804. }
  9805. .el-radio-button__original-radio:disabled+.el-radio-button__inner {
  9806. background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  9807. background-image: none;
  9808. border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  9809. box-shadow: none;
  9810. color: var(--el-disabled-text-color);
  9811. cursor: not-allowed
  9812. }
  9813. .el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
  9814. background-color: var(--el-radio-button-disabled-checked-fill)
  9815. }
  9816. .el-radio-button:last-child .el-radio-button__inner {
  9817. border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0
  9818. }
  9819. .el-radio-button:first-child:last-child .el-radio-button__inner {
  9820. border-radius: var(--el-border-radius-base)
  9821. }
  9822. .el-radio-button--large .el-radio-button__inner {
  9823. border-radius: 0;
  9824. font-size: var(--el-font-size-base);
  9825. padding: 12px 19px
  9826. }
  9827. .el-radio-button--large .el-radio-button__inner.is-round {
  9828. padding: 12px 19px
  9829. }
  9830. .el-radio-button--small .el-radio-button__inner {
  9831. border-radius: 0;
  9832. font-size: 12px;
  9833. padding: 5px 11px
  9834. }
  9835. .el-radio-button--small .el-radio-button__inner.is-round {
  9836. padding: 5px 11px
  9837. }
  9838. .el-radio-group {
  9839. align-items: center;
  9840. display: inline-flex;
  9841. flex-wrap: wrap;
  9842. font-size: 0
  9843. }
  9844. .el-radio {
  9845. --el-radio-font-size: var(--el-font-size-base);
  9846. --el-radio-text-color: var(--el-text-color-regular);
  9847. --el-radio-font-weight: var(--el-font-weight-primary);
  9848. --el-radio-input-height: 14px;
  9849. --el-radio-input-width: 14px;
  9850. --el-radio-input-border-radius: var(--el-border-radius-circle);
  9851. --el-radio-input-bg-color: var(--el-fill-color-blank);
  9852. --el-radio-input-border: var(--el-border);
  9853. --el-radio-input-border-color: var(--el-border-color);
  9854. --el-radio-input-border-color-hover: var(--el-color-primary);
  9855. align-items: center;
  9856. color: var(--el-radio-text-color);
  9857. cursor: pointer;
  9858. display: inline-flex;
  9859. font-size: var(--el-font-size-base);
  9860. font-weight: var(--el-radio-font-weight);
  9861. height: 32px;
  9862. margin-right: 30px;
  9863. outline: none;
  9864. position: relative;
  9865. -webkit-user-select: none;
  9866. -moz-user-select: none;
  9867. user-select: none;
  9868. white-space: nowrap
  9869. }
  9870. .el-radio.el-radio--large {
  9871. height: 40px
  9872. }
  9873. .el-radio.el-radio--small {
  9874. height: 24px
  9875. }
  9876. .el-radio.is-bordered {
  9877. border: var(--el-border);
  9878. border-radius: var(--el-border-radius-base);
  9879. box-sizing: border-box;
  9880. padding: 0 15px 0 9px
  9881. }
  9882. .el-radio.is-bordered.is-checked {
  9883. border-color: var(--el-color-primary)
  9884. }
  9885. .el-radio.is-bordered.is-disabled {
  9886. border-color: var(--el-border-color-lighter);
  9887. cursor: not-allowed
  9888. }
  9889. .el-radio.is-bordered.el-radio--large {
  9890. border-radius: var(--el-border-radius-base);
  9891. padding: 0 19px 0 11px
  9892. }
  9893. .el-radio.is-bordered.el-radio--large .el-radio__label {
  9894. font-size: var(--el-font-size-base)
  9895. }
  9896. .el-radio.is-bordered.el-radio--large .el-radio__inner {
  9897. height: 14px;
  9898. width: 14px
  9899. }
  9900. .el-radio.is-bordered.el-radio--small {
  9901. border-radius: var(--el-border-radius-base);
  9902. padding: 0 11px 0 7px
  9903. }
  9904. .el-radio.is-bordered.el-radio--small .el-radio__label {
  9905. font-size: 12px
  9906. }
  9907. .el-radio.is-bordered.el-radio--small .el-radio__inner {
  9908. height: 12px;
  9909. width: 12px
  9910. }
  9911. .el-radio:last-child {
  9912. margin-right: 0
  9913. }
  9914. .el-radio__input {
  9915. cursor: pointer;
  9916. display: inline-flex;
  9917. outline: none;
  9918. position: relative;
  9919. vertical-align: middle;
  9920. white-space: nowrap
  9921. }
  9922. .el-radio__input.is-disabled .el-radio__inner {
  9923. border-color: var(--el-disabled-border-color)
  9924. }
  9925. .el-radio__input.is-disabled .el-radio__inner,
  9926. .el-radio__input.is-disabled .el-radio__inner:after {
  9927. background-color: var(--el-disabled-bg-color);
  9928. cursor: not-allowed
  9929. }
  9930. .el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
  9931. cursor: not-allowed
  9932. }
  9933. .el-radio__input.is-disabled.is-checked .el-radio__inner {
  9934. background-color: var(--el-disabled-bg-color);
  9935. border-color: var(--el-disabled-border-color)
  9936. }
  9937. .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  9938. background-color: var(--el-text-color-placeholder)
  9939. }
  9940. .el-radio__input.is-disabled+span.el-radio__label {
  9941. color: var(--el-text-color-placeholder);
  9942. cursor: not-allowed
  9943. }
  9944. .el-radio__input.is-checked .el-radio__inner {
  9945. background: var(--el-color-primary);
  9946. border-color: var(--el-color-primary)
  9947. }
  9948. .el-radio__input.is-checked .el-radio__inner:after {
  9949. transform: translate(-50%, -50%) scale(1)
  9950. }
  9951. .el-radio__input.is-checked+.el-radio__label {
  9952. color: var(--el-color-primary)
  9953. }
  9954. .el-radio__input.is-focus .el-radio__inner {
  9955. border-color: var(--el-radio-input-border-color-hover)
  9956. }
  9957. .el-radio__inner {
  9958. background-color: var(--el-radio-input-bg-color);
  9959. border: var(--el-radio-input-border);
  9960. border-radius: var(--el-radio-input-border-radius);
  9961. box-sizing: border-box;
  9962. cursor: pointer;
  9963. display: inline-block;
  9964. height: var(--el-radio-input-height);
  9965. position: relative;
  9966. width: var(--el-radio-input-width)
  9967. }
  9968. .el-radio__inner:hover {
  9969. border-color: var(--el-radio-input-border-color-hover)
  9970. }
  9971. .el-radio__inner:after {
  9972. background-color: var(--el-color-white);
  9973. border-radius: var(--el-radio-input-border-radius);
  9974. content: "";
  9975. height: 4px;
  9976. left: 50%;
  9977. position: absolute;
  9978. top: 50%;
  9979. transform: translate(-50%, -50%) scale(0);
  9980. transition: transform .15s ease-in;
  9981. width: 4px
  9982. }
  9983. .el-radio__original {
  9984. bottom: 0;
  9985. left: 0;
  9986. margin: 0;
  9987. opacity: 0;
  9988. outline: none;
  9989. position: absolute;
  9990. right: 0;
  9991. top: 0;
  9992. z-index: -1
  9993. }
  9994. .el-radio__original:focus-visible+.el-radio__inner {
  9995. border-radius: var(--el-radio-input-border-radius);
  9996. outline: 2px solid var(--el-radio-input-border-color-hover);
  9997. outline-offset: 1px
  9998. }
  9999. .el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  10000. box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
  10001. }
  10002. .el-radio__label {
  10003. font-size: var(--el-radio-font-size);
  10004. padding-left: 8px
  10005. }
  10006. .el-radio.el-radio--large .el-radio__label {
  10007. font-size: 14px
  10008. }
  10009. .el-radio.el-radio--large .el-radio__inner {
  10010. height: 14px;
  10011. width: 14px
  10012. }
  10013. .el-radio.el-radio--small .el-radio__label {
  10014. font-size: 12px
  10015. }
  10016. .el-radio.el-radio--small .el-radio__inner {
  10017. height: 12px;
  10018. width: 12px
  10019. }
  10020. .el-rate {
  10021. --el-rate-height: 20px;
  10022. --el-rate-font-size: var(--el-font-size-base);
  10023. --el-rate-icon-size: 18px;
  10024. --el-rate-icon-margin: 6px;
  10025. --el-rate-void-color: var(--el-border-color-darker);
  10026. --el-rate-fill-color: #f7ba2a;
  10027. --el-rate-disabled-void-color: var(--el-fill-color);
  10028. --el-rate-text-color: var(--el-text-color-primary);
  10029. align-items: center;
  10030. display: inline-flex;
  10031. height: 32px
  10032. }
  10033. .el-rate:active,
  10034. .el-rate:focus {
  10035. outline: none
  10036. }
  10037. .el-rate__item {
  10038. color: var(--el-rate-void-color);
  10039. cursor: pointer;
  10040. display: inline-block;
  10041. font-size: 0;
  10042. line-height: normal;
  10043. position: relative;
  10044. vertical-align: middle
  10045. }
  10046. .el-rate .el-rate__icon {
  10047. display: inline-block;
  10048. font-size: var(--el-rate-icon-size);
  10049. margin-right: var(--el-rate-icon-margin);
  10050. position: relative;
  10051. transition: var(--el-transition-duration)
  10052. }
  10053. .el-rate .el-rate__icon.hover {
  10054. transform: scale(1.15)
  10055. }
  10056. .el-rate .el-rate__icon .path2 {
  10057. left: 0;
  10058. position: absolute;
  10059. top: 0
  10060. }
  10061. .el-rate .el-rate__icon.is-active {
  10062. color: var(--el-rate-fill-color)
  10063. }
  10064. .el-rate__decimal {
  10065. color: var(--el-rate-fill-color);
  10066. display: inline-block;
  10067. overflow: hidden
  10068. }
  10069. .el-rate__decimal,
  10070. .el-rate__decimal--box {
  10071. left: 0;
  10072. position: absolute;
  10073. top: 0
  10074. }
  10075. .el-rate__text {
  10076. color: var(--el-rate-text-color);
  10077. font-size: var(--el-rate-font-size);
  10078. vertical-align: middle
  10079. }
  10080. .el-rate--large {
  10081. height: 40px
  10082. }
  10083. .el-rate--small {
  10084. height: 24px
  10085. }
  10086. .el-rate--small .el-rate__icon {
  10087. font-size: 14px
  10088. }
  10089. .el-rate.is-disabled .el-rate__item {
  10090. color: var(--el-rate-disabled-void-color);
  10091. cursor: auto
  10092. }
  10093. .el-result {
  10094. --el-result-padding: 40px 30px;
  10095. --el-result-icon-font-size: 64px;
  10096. --el-result-title-font-size: 20px;
  10097. --el-result-title-margin-top: 20px;
  10098. --el-result-subtitle-margin-top: 10px;
  10099. --el-result-extra-margin-top: 30px;
  10100. align-items: center;
  10101. box-sizing: border-box;
  10102. display: flex;
  10103. flex-direction: column;
  10104. justify-content: center;
  10105. padding: var(--el-result-padding);
  10106. text-align: center
  10107. }
  10108. .el-result__icon svg {
  10109. height: var(--el-result-icon-font-size);
  10110. width: var(--el-result-icon-font-size)
  10111. }
  10112. .el-result__title {
  10113. margin-top: var(--el-result-title-margin-top)
  10114. }
  10115. .el-result__title p {
  10116. color: var(--el-text-color-primary);
  10117. font-size: var(--el-result-title-font-size);
  10118. line-height: 1.3;
  10119. margin: 0
  10120. }
  10121. .el-result__subtitle {
  10122. margin-top: var(--el-result-subtitle-margin-top)
  10123. }
  10124. .el-result__subtitle p {
  10125. color: var(--el-text-color-regular);
  10126. font-size: var(--el-font-size-base);
  10127. line-height: 1.3;
  10128. margin: 0
  10129. }
  10130. .el-result__extra {
  10131. margin-top: var(--el-result-extra-margin-top)
  10132. }
  10133. .el-result .icon-primary {
  10134. --el-result-color: var(--el-color-primary);
  10135. color: var(--el-result-color)
  10136. }
  10137. .el-result .icon-success {
  10138. --el-result-color: var(--el-color-success);
  10139. color: var(--el-result-color)
  10140. }
  10141. .el-result .icon-warning {
  10142. --el-result-color: var(--el-color-warning);
  10143. color: var(--el-result-color)
  10144. }
  10145. .el-result .icon-danger {
  10146. --el-result-color: var(--el-color-danger);
  10147. color: var(--el-result-color)
  10148. }
  10149. .el-result .icon-error {
  10150. --el-result-color: var(--el-color-error);
  10151. color: var(--el-result-color)
  10152. }
  10153. .el-result .icon-info {
  10154. --el-result-color: var(--el-color-info);
  10155. color: var(--el-result-color)
  10156. }
  10157. .el-row {
  10158. box-sizing: border-box;
  10159. display: flex;
  10160. flex-wrap: wrap;
  10161. position: relative
  10162. }
  10163. .el-row.is-justify-center {
  10164. justify-content: center
  10165. }
  10166. .el-row.is-justify-end {
  10167. justify-content: flex-end
  10168. }
  10169. .el-row.is-justify-space-between {
  10170. justify-content: space-between
  10171. }
  10172. .el-row.is-justify-space-around {
  10173. justify-content: space-around
  10174. }
  10175. .el-row.is-justify-space-evenly {
  10176. justify-content: space-evenly
  10177. }
  10178. .el-row.is-align-top {
  10179. align-items: flex-start
  10180. }
  10181. .el-row.is-align-middle {
  10182. align-items: center
  10183. }
  10184. .el-row.is-align-bottom {
  10185. align-items: flex-end
  10186. }
  10187. .el-scrollbar {
  10188. --el-scrollbar-opacity: 0.3;
  10189. --el-scrollbar-bg-color: var(--el-text-color-secondary);
  10190. --el-scrollbar-hover-opacity: 0.5;
  10191. --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
  10192. height: 100%;
  10193. overflow: hidden;
  10194. position: relative
  10195. }
  10196. .el-scrollbar__wrap {
  10197. height: 100%;
  10198. overflow: auto
  10199. }
  10200. .el-scrollbar__wrap--hidden-default {
  10201. scrollbar-width: none
  10202. }
  10203. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  10204. display: none
  10205. }
  10206. .el-scrollbar__thumb {
  10207. background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  10208. border-radius: inherit;
  10209. cursor: pointer;
  10210. display: block;
  10211. height: 0;
  10212. opacity: var(--el-scrollbar-opacity, .3);
  10213. position: relative;
  10214. transition: var(--el-transition-duration) background-color;
  10215. width: 0
  10216. }
  10217. .el-scrollbar__thumb:hover {
  10218. background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  10219. opacity: var(--el-scrollbar-hover-opacity, .5)
  10220. }
  10221. .el-scrollbar__bar {
  10222. border-radius: 4px;
  10223. bottom: 2px;
  10224. position: absolute;
  10225. right: 2px;
  10226. z-index: 1
  10227. }
  10228. .el-scrollbar__bar.is-vertical {
  10229. top: 2px;
  10230. width: 6px
  10231. }
  10232. .el-scrollbar__bar.is-vertical>div {
  10233. width: 100%
  10234. }
  10235. .el-scrollbar__bar.is-horizontal {
  10236. height: 6px;
  10237. left: 2px
  10238. }
  10239. .el-scrollbar__bar.is-horizontal>div {
  10240. height: 100%
  10241. }
  10242. .el-scrollbar-fade-enter-active {
  10243. transition: opacity .34s ease-out
  10244. }
  10245. .el-scrollbar-fade-leave-active {
  10246. transition: opacity .12s ease-out
  10247. }
  10248. .el-scrollbar-fade-enter-from,
  10249. .el-scrollbar-fade-leave-active {
  10250. opacity: 0
  10251. }
  10252. .el-select-dropdown {
  10253. border-radius: var(--el-border-radius-base);
  10254. box-sizing: border-box;
  10255. z-index: calc(var(--el-index-top) + 1)
  10256. }
  10257. .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  10258. padding: 0
  10259. }
  10260. .el-select-dropdown__empty,
  10261. .el-select-dropdown__loading {
  10262. color: var(--el-text-color-secondary);
  10263. font-size: var(--el-select-font-size);
  10264. margin: 0;
  10265. padding: 10px 0;
  10266. text-align: center
  10267. }
  10268. .el-select-dropdown__wrap {
  10269. max-height: 274px
  10270. }
  10271. .el-select-dropdown__list {
  10272. box-sizing: border-box;
  10273. list-style: none;
  10274. margin: 0;
  10275. padding: 6px 0
  10276. }
  10277. .el-select-dropdown__list.el-vl__window {
  10278. margin: 6px 0;
  10279. padding: 0
  10280. }
  10281. .el-select-dropdown__header {
  10282. border-bottom: 1px solid var(--el-border-color-light);
  10283. padding: 10px
  10284. }
  10285. .el-select-dropdown__footer {
  10286. border-top: 1px solid var(--el-border-color-light);
  10287. padding: 10px
  10288. }
  10289. .el-select-dropdown__item {
  10290. box-sizing: border-box;
  10291. color: var(--el-text-color-regular);
  10292. cursor: pointer;
  10293. font-size: var(--el-font-size-base);
  10294. height: 34px;
  10295. line-height: 34px;
  10296. overflow: hidden;
  10297. padding: 0 32px 0 20px;
  10298. position: relative;
  10299. text-overflow: ellipsis;
  10300. white-space: nowrap
  10301. }
  10302. .el-select-dropdown__item.is-hovering {
  10303. background-color: var(--el-fill-color-light)
  10304. }
  10305. .el-select-dropdown__item.is-selected {
  10306. color: var(--el-color-primary);
  10307. font-weight: bold
  10308. }
  10309. .el-select-dropdown__item.is-disabled {
  10310. background-color: unset;
  10311. color: var(--el-text-color-placeholder);
  10312. cursor: not-allowed
  10313. }
  10314. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
  10315. background-color: var(--el-color-primary);
  10316. background-position: 50%;
  10317. background-repeat: no-repeat;
  10318. border-right: none;
  10319. border-top: none;
  10320. content: "";
  10321. height: 12px;
  10322. mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  10323. mask-size: 100% 100%;
  10324. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  10325. -webkit-mask-size: 100% 100%;
  10326. position: absolute;
  10327. right: 20px;
  10328. top: 50%;
  10329. transform: translateY(-50%);
  10330. width: 12px
  10331. }
  10332. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
  10333. background-color: var(--el-text-color-placeholder)
  10334. }
  10335. .el-select-group {
  10336. margin: 0;
  10337. padding: 0
  10338. }
  10339. .el-select-group__wrap {
  10340. list-style: none;
  10341. margin: 0;
  10342. padding: 0;
  10343. position: relative
  10344. }
  10345. .el-select-group__title {
  10346. box-sizing: border-box;
  10347. color: var(--el-color-info);
  10348. font-size: 12px;
  10349. line-height: 34px;
  10350. overflow: hidden;
  10351. padding: 0 20px;
  10352. text-overflow: ellipsis;
  10353. white-space: nowrap
  10354. }
  10355. .el-select-group .el-select-dropdown__item {
  10356. padding-left: 20px
  10357. }
  10358. .el-select {
  10359. --el-select-border-color-hover: var(--el-border-color-hover);
  10360. --el-select-disabled-color: var(--el-disabled-text-color);
  10361. --el-select-disabled-border: var(--el-disabled-border-color);
  10362. --el-select-font-size: var(--el-font-size-base);
  10363. --el-select-close-hover-color: var(--el-text-color-secondary);
  10364. --el-select-input-color: var(--el-text-color-placeholder);
  10365. --el-select-multiple-input-color: var(--el-text-color-regular);
  10366. --el-select-input-focus-border-color: var(--el-color-primary);
  10367. --el-select-input-font-size: 14px;
  10368. --el-select-width: 100%;
  10369. display: inline-block;
  10370. position: relative;
  10371. vertical-align: middle;
  10372. width: var(--el-select-width)
  10373. }
  10374. .el-select__wrapper {
  10375. align-items: center;
  10376. background-color: var(--el-fill-color-blank);
  10377. border-radius: var(--el-border-radius-base);
  10378. box-shadow: 0 0 0 1px var(--el-border-color) inset;
  10379. box-sizing: border-box;
  10380. cursor: pointer;
  10381. display: flex;
  10382. font-size: 14px;
  10383. gap: 6px;
  10384. line-height: 24px;
  10385. min-height: 32px;
  10386. padding: 4px 12px;
  10387. position: relative;
  10388. text-align: left;
  10389. transform: translateZ(0);
  10390. transition: var(--el-transition-duration)
  10391. }
  10392. .el-select__wrapper.is-filterable {
  10393. cursor: text
  10394. }
  10395. .el-select__wrapper.is-focused {
  10396. box-shadow: 0 0 0 1px var(--el-color-primary) inset
  10397. }
  10398. .el-select__wrapper.is-hovering:not(.is-focused) {
  10399. box-shadow: 0 0 0 1px var(--el-border-color-hover) inset
  10400. }
  10401. .el-select__wrapper.is-disabled {
  10402. background-color: var(--el-fill-color-light);
  10403. color: var(--el-text-color-placeholder);
  10404. cursor: not-allowed
  10405. }
  10406. .el-select__wrapper.is-disabled,
  10407. .el-select__wrapper.is-disabled:hover {
  10408. box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
  10409. }
  10410. .el-select__wrapper.is-disabled.is-focus {
  10411. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  10412. }
  10413. .el-select__wrapper.is-disabled .el-select__selected-item {
  10414. color: var(--el-select-disabled-color)
  10415. }
  10416. .el-select__wrapper.is-disabled .el-select__caret,
  10417. .el-select__wrapper.is-disabled .el-tag,
  10418. .el-select__wrapper.is-disabled input {
  10419. cursor: not-allowed
  10420. }
  10421. .el-select__prefix,
  10422. .el-select__suffix {
  10423. align-items: center;
  10424. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  10425. display: flex;
  10426. flex-shrink: 0;
  10427. gap: 6px
  10428. }
  10429. .el-select__caret {
  10430. color: var(--el-select-input-color);
  10431. cursor: pointer;
  10432. font-size: var(--el-select-input-font-size);
  10433. transform: rotate(0deg);
  10434. transition: var(--el-transition-duration)
  10435. }
  10436. .el-select__caret.is-reverse {
  10437. transform: rotate(180deg)
  10438. }
  10439. .el-select__clear {
  10440. cursor: pointer
  10441. }
  10442. .el-select__clear:hover {
  10443. color: var(--el-select-close-hover-color)
  10444. }
  10445. .el-select__selection {
  10446. align-items: center;
  10447. display: flex;
  10448. flex: 1;
  10449. flex-wrap: wrap;
  10450. gap: 6px;
  10451. min-width: 0;
  10452. position: relative
  10453. }
  10454. .el-select__selection.is-near {
  10455. margin-left: -8px
  10456. }
  10457. .el-select__selection .el-tag {
  10458. border-color: transparent;
  10459. cursor: pointer
  10460. }
  10461. .el-select__selection .el-tag.el-tag--plain {
  10462. border-color: var(--el-tag-border-color)
  10463. }
  10464. .el-select__selection .el-tag .el-tag__content {
  10465. min-width: 0
  10466. }
  10467. .el-select__selected-item {
  10468. display: flex;
  10469. flex-wrap: wrap;
  10470. -webkit-user-select: none;
  10471. -moz-user-select: none;
  10472. user-select: none
  10473. }
  10474. .el-select__tags-text {
  10475. line-height: normal
  10476. }
  10477. .el-select__placeholder,
  10478. .el-select__tags-text {
  10479. display: block;
  10480. overflow: hidden;
  10481. text-overflow: ellipsis;
  10482. white-space: nowrap
  10483. }
  10484. .el-select__placeholder {
  10485. color: var(--el-input-text-color, var(--el-text-color-regular));
  10486. position: absolute;
  10487. top: 50%;
  10488. transform: translateY(-50%);
  10489. width: 100%;
  10490. z-index: -1
  10491. }
  10492. .el-select__placeholder.is-transparent {
  10493. color: var(--el-text-color-placeholder);
  10494. -webkit-user-select: none;
  10495. -moz-user-select: none;
  10496. user-select: none
  10497. }
  10498. .el-select__popper.el-popper {
  10499. background: var(--el-bg-color-overlay);
  10500. box-shadow: var(--el-box-shadow-light)
  10501. }
  10502. .el-select__popper.el-popper,
  10503. .el-select__popper.el-popper .el-popper__arrow:before {
  10504. border: 1px solid var(--el-border-color-light)
  10505. }
  10506. .el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  10507. border-left-color: transparent;
  10508. border-top-color: transparent
  10509. }
  10510. .el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  10511. border-bottom-color: transparent;
  10512. border-right-color: transparent
  10513. }
  10514. .el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  10515. border-bottom-color: transparent;
  10516. border-left-color: transparent
  10517. }
  10518. .el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  10519. border-right-color: transparent;
  10520. border-top-color: transparent
  10521. }
  10522. .el-select__input-wrapper {
  10523. flex: 1
  10524. }
  10525. .el-select__input-wrapper.is-hidden {
  10526. opacity: 0;
  10527. position: absolute;
  10528. z-index: -1
  10529. }
  10530. .el-select__input {
  10531. -webkit-appearance: none;
  10532. -moz-appearance: none;
  10533. appearance: none;
  10534. background-color: transparent;
  10535. border: none;
  10536. color: var(--el-select-multiple-input-color);
  10537. font-family: inherit;
  10538. font-size: inherit;
  10539. height: 24px;
  10540. outline: none;
  10541. padding: 0;
  10542. width: 100%
  10543. }
  10544. .el-select__input.is-disabled {
  10545. cursor: not-allowed
  10546. }
  10547. .el-select__input-calculator {
  10548. left: 0;
  10549. max-width: 100%;
  10550. overflow: hidden;
  10551. position: absolute;
  10552. top: 0;
  10553. visibility: hidden;
  10554. white-space: pre
  10555. }
  10556. .el-select--large .el-select__wrapper {
  10557. font-size: 14px;
  10558. gap: 6px;
  10559. line-height: 24px;
  10560. min-height: 40px;
  10561. padding: 8px 16px
  10562. }
  10563. .el-select--large .el-select__selection {
  10564. gap: 6px
  10565. }
  10566. .el-select--large .el-select__selection.is-near {
  10567. margin-left: -8px
  10568. }
  10569. .el-select--large .el-select__prefix,
  10570. .el-select--large .el-select__suffix {
  10571. gap: 6px
  10572. }
  10573. .el-select--large .el-select__input {
  10574. height: 24px
  10575. }
  10576. .el-select--small .el-select__wrapper {
  10577. font-size: 12px;
  10578. gap: 4px;
  10579. line-height: 20px;
  10580. min-height: 24px;
  10581. padding: 2px 8px
  10582. }
  10583. .el-select--small .el-select__selection {
  10584. gap: 4px
  10585. }
  10586. .el-select--small .el-select__selection.is-near {
  10587. margin-left: -6px
  10588. }
  10589. .el-select--small .el-select__prefix,
  10590. .el-select--small .el-select__suffix {
  10591. gap: 4px
  10592. }
  10593. .el-select--small .el-select__input {
  10594. height: 20px
  10595. }
  10596. .el-skeleton {
  10597. --el-skeleton-circle-size: var(--el-avatar-size)
  10598. }
  10599. .el-skeleton__item {
  10600. background: var(--el-skeleton-color);
  10601. border-radius: var(--el-border-radius-base);
  10602. display: inline-block;
  10603. height: 16px;
  10604. width: 100%
  10605. }
  10606. .el-skeleton__circle {
  10607. border-radius: 50%;
  10608. height: var(--el-skeleton-circle-size);
  10609. line-height: var(--el-skeleton-circle-size);
  10610. width: var(--el-skeleton-circle-size)
  10611. }
  10612. .el-skeleton__button {
  10613. border-radius: 4px;
  10614. height: 40px;
  10615. width: 64px
  10616. }
  10617. .el-skeleton__p {
  10618. width: 100%
  10619. }
  10620. .el-skeleton__p.is-last {
  10621. width: 61%
  10622. }
  10623. .el-skeleton__p.is-first {
  10624. width: 33%
  10625. }
  10626. .el-skeleton__text {
  10627. height: var(--el-font-size-small);
  10628. width: 100%
  10629. }
  10630. .el-skeleton__caption {
  10631. height: var(--el-font-size-extra-small)
  10632. }
  10633. .el-skeleton__h1 {
  10634. height: var(--el-font-size-extra-large)
  10635. }
  10636. .el-skeleton__h3 {
  10637. height: var(--el-font-size-large)
  10638. }
  10639. .el-skeleton__h5 {
  10640. height: var(--el-font-size-medium)
  10641. }
  10642. .el-skeleton__image {
  10643. align-items: center;
  10644. border-radius: 0;
  10645. display: flex;
  10646. justify-content: center;
  10647. width: unset
  10648. }
  10649. .el-skeleton__image svg {
  10650. color: var(--el-svg-monochrome-grey);
  10651. fill: currentColor;
  10652. height: 22%;
  10653. width: 22%
  10654. }
  10655. .el-skeleton {
  10656. --el-skeleton-color: var(--el-fill-color);
  10657. --el-skeleton-to-color: var(--el-fill-color-darker)
  10658. }
  10659. @keyframes el-skeleton-loading {
  10660. 0% {
  10661. background-position: 100% 50%
  10662. }
  10663. to {
  10664. background-position: 0 50%
  10665. }
  10666. }
  10667. .el-skeleton {
  10668. width: 100%
  10669. }
  10670. .el-skeleton__first-line,
  10671. .el-skeleton__paragraph {
  10672. background: var(--el-skeleton-color);
  10673. height: 16px;
  10674. margin-top: 16px
  10675. }
  10676. .el-skeleton.is-animated .el-skeleton__item {
  10677. animation: el-skeleton-loading 1.4s ease infinite;
  10678. background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
  10679. background-size: 400% 100%
  10680. }
  10681. .el-slider {
  10682. --el-slider-main-bg-color: var(--el-color-primary);
  10683. --el-slider-runway-bg-color: var(--el-border-color-light);
  10684. --el-slider-stop-bg-color: var(--el-color-white);
  10685. --el-slider-disabled-color: var(--el-text-color-placeholder);
  10686. --el-slider-border-radius: 3px;
  10687. --el-slider-height: 6px;
  10688. --el-slider-button-size: 20px;
  10689. --el-slider-button-wrapper-size: 36px;
  10690. --el-slider-button-wrapper-offset: -15px;
  10691. align-items: center;
  10692. display: flex;
  10693. height: 32px;
  10694. width: 100%
  10695. }
  10696. .el-slider__runway {
  10697. background-color: var(--el-slider-runway-bg-color);
  10698. border-radius: var(--el-slider-border-radius);
  10699. cursor: pointer;
  10700. flex: 1;
  10701. height: var(--el-slider-height);
  10702. position: relative
  10703. }
  10704. .el-slider__runway.show-input {
  10705. margin-right: 30px;
  10706. width: auto
  10707. }
  10708. .el-slider__runway.is-disabled {
  10709. cursor: default
  10710. }
  10711. .el-slider__runway.is-disabled .el-slider__bar {
  10712. background-color: var(--el-slider-disabled-color)
  10713. }
  10714. .el-slider__runway.is-disabled .el-slider__button {
  10715. border-color: var(--el-slider-disabled-color)
  10716. }
  10717. .el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,
  10718. .el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
  10719. .el-slider__runway.is-disabled .el-slider__button-wrapper:hover {
  10720. cursor: not-allowed
  10721. }
  10722. .el-slider__runway.is-disabled .el-slider__button.dragging,
  10723. .el-slider__runway.is-disabled .el-slider__button.hover,
  10724. .el-slider__runway.is-disabled .el-slider__button:hover {
  10725. transform: scale(1)
  10726. }
  10727. .el-slider__runway.is-disabled .el-slider__button.dragging,
  10728. .el-slider__runway.is-disabled .el-slider__button.hover,
  10729. .el-slider__runway.is-disabled .el-slider__button:hover {
  10730. cursor: not-allowed
  10731. }
  10732. .el-slider__input {
  10733. flex-shrink: 0;
  10734. width: 130px
  10735. }
  10736. .el-slider__bar {
  10737. background-color: var(--el-slider-main-bg-color);
  10738. border-bottom-left-radius: var(--el-slider-border-radius);
  10739. border-top-left-radius: var(--el-slider-border-radius);
  10740. height: var(--el-slider-height);
  10741. position: absolute
  10742. }
  10743. .el-slider__button-wrapper {
  10744. background-color: transparent;
  10745. height: var(--el-slider-button-wrapper-size);
  10746. line-height: normal;
  10747. outline: none;
  10748. position: absolute;
  10749. text-align: center;
  10750. top: var(--el-slider-button-wrapper-offset);
  10751. transform: translateX(-50%);
  10752. -webkit-user-select: none;
  10753. -moz-user-select: none;
  10754. user-select: none;
  10755. width: var(--el-slider-button-wrapper-size);
  10756. z-index: 1
  10757. }
  10758. .el-slider__button-wrapper:after {
  10759. content: "";
  10760. display: inline-block;
  10761. height: 100%;
  10762. vertical-align: middle
  10763. }
  10764. .el-slider__button-wrapper.hover,
  10765. .el-slider__button-wrapper:hover {
  10766. cursor: grab
  10767. }
  10768. .el-slider__button-wrapper.dragging {
  10769. cursor: grabbing
  10770. }
  10771. .el-slider__button {
  10772. background-color: var(--el-color-white);
  10773. border: 2px solid var(--el-slider-main-bg-color);
  10774. border-radius: 50%;
  10775. box-sizing: border-box;
  10776. display: inline-block;
  10777. height: var(--el-slider-button-size);
  10778. transition: var(--el-transition-duration-fast);
  10779. -webkit-user-select: none;
  10780. -moz-user-select: none;
  10781. user-select: none;
  10782. vertical-align: middle;
  10783. width: var(--el-slider-button-size)
  10784. }
  10785. .el-slider__button.dragging,
  10786. .el-slider__button.hover,
  10787. .el-slider__button:hover {
  10788. transform: scale(1.2)
  10789. }
  10790. .el-slider__button.hover,
  10791. .el-slider__button:hover {
  10792. cursor: grab
  10793. }
  10794. .el-slider__button.dragging {
  10795. cursor: grabbing
  10796. }
  10797. .el-slider__stop {
  10798. background-color: var(--el-slider-stop-bg-color);
  10799. border-radius: var(--el-border-radius-circle);
  10800. height: var(--el-slider-height);
  10801. position: absolute;
  10802. transform: translateX(-50%);
  10803. width: var(--el-slider-height)
  10804. }
  10805. .el-slider__marks {
  10806. height: 100%;
  10807. left: 12px;
  10808. top: 0;
  10809. width: 18px
  10810. }
  10811. .el-slider__marks-text {
  10812. color: var(--el-color-info);
  10813. font-size: 14px;
  10814. margin-top: 15px;
  10815. position: absolute;
  10816. transform: translateX(-50%);
  10817. white-space: pre
  10818. }
  10819. .el-slider.is-vertical {
  10820. display: inline-flex;
  10821. flex: 0;
  10822. height: 100%;
  10823. position: relative;
  10824. width: auto
  10825. }
  10826. .el-slider.is-vertical .el-slider__runway {
  10827. height: 100%;
  10828. margin: 0 16px;
  10829. width: var(--el-slider-height)
  10830. }
  10831. .el-slider.is-vertical .el-slider__bar {
  10832. border-radius: 0 0 3px 3px;
  10833. height: auto;
  10834. width: var(--el-slider-height)
  10835. }
  10836. .el-slider.is-vertical .el-slider__button-wrapper {
  10837. left: var(--el-slider-button-wrapper-offset);
  10838. top: auto;
  10839. transform: translateY(50%)
  10840. }
  10841. .el-slider.is-vertical .el-slider__stop {
  10842. transform: translateY(50%)
  10843. }
  10844. .el-slider.is-vertical .el-slider__marks-text {
  10845. left: 15px;
  10846. margin-top: 0;
  10847. transform: translateY(50%)
  10848. }
  10849. .el-slider--large {
  10850. height: 40px
  10851. }
  10852. .el-slider--small {
  10853. height: 24px
  10854. }
  10855. .el-space {
  10856. display: inline-flex;
  10857. vertical-align: top
  10858. }
  10859. .el-space__item {
  10860. display: flex;
  10861. flex-wrap: wrap
  10862. }
  10863. .el-space__item>* {
  10864. flex: 1
  10865. }
  10866. .el-space--vertical {
  10867. flex-direction: column
  10868. }
  10869. .el-time-spinner {
  10870. white-space: nowrap;
  10871. width: 100%
  10872. }
  10873. .el-spinner {
  10874. display: inline-block;
  10875. vertical-align: middle
  10876. }
  10877. .el-spinner-inner {
  10878. animation: rotate 2s linear infinite;
  10879. height: 50px;
  10880. width: 50px
  10881. }
  10882. .el-spinner-inner .path {
  10883. stroke: var(--el-border-color-lighter);
  10884. stroke-linecap: round;
  10885. animation: dash 1.5s ease-in-out infinite
  10886. }
  10887. @keyframes rotate {
  10888. to {
  10889. transform: rotate(1turn)
  10890. }
  10891. }
  10892. @keyframes dash {
  10893. 0% {
  10894. stroke-dasharray: 1, 150;
  10895. stroke-dashoffset: 0
  10896. }
  10897. 50% {
  10898. stroke-dasharray: 90, 150;
  10899. stroke-dashoffset: -35
  10900. }
  10901. to {
  10902. stroke-dasharray: 90, 150;
  10903. stroke-dashoffset: -124
  10904. }
  10905. }
  10906. .el-step {
  10907. flex-shrink: 1;
  10908. position: relative
  10909. }
  10910. .el-step:last-of-type .el-step__line {
  10911. display: none
  10912. }
  10913. .el-step:last-of-type.is-flex {
  10914. flex-basis: auto !important;
  10915. flex-grow: 0;
  10916. flex-shrink: 0
  10917. }
  10918. .el-step:last-of-type .el-step__description,
  10919. .el-step:last-of-type .el-step__main {
  10920. padding-right: 0
  10921. }
  10922. .el-step__head {
  10923. position: relative;
  10924. width: 100%
  10925. }
  10926. .el-step__head.is-process {
  10927. border-color: var(--el-text-color-primary);
  10928. color: var(--el-text-color-primary)
  10929. }
  10930. .el-step__head.is-wait {
  10931. border-color: var(--el-text-color-placeholder);
  10932. color: var(--el-text-color-placeholder)
  10933. }
  10934. .el-step__head.is-success {
  10935. border-color: var(--el-color-success);
  10936. color: var(--el-color-success)
  10937. }
  10938. .el-step__head.is-error {
  10939. border-color: var(--el-color-danger);
  10940. color: var(--el-color-danger)
  10941. }
  10942. .el-step__head.is-finish {
  10943. border-color: var(--el-color-primary);
  10944. color: var(--el-color-primary)
  10945. }
  10946. .el-step__icon {
  10947. align-items: center;
  10948. background: var(--el-bg-color);
  10949. box-sizing: border-box;
  10950. display: inline-flex;
  10951. font-size: 14px;
  10952. height: 24px;
  10953. justify-content: center;
  10954. position: relative;
  10955. transition: .15s ease-out;
  10956. width: 24px;
  10957. z-index: 1
  10958. }
  10959. .el-step__icon.is-text {
  10960. border: 2px solid;
  10961. border-radius: 50%
  10962. }
  10963. .el-step__icon.is-icon {
  10964. width: 40px
  10965. }
  10966. .el-step__icon-inner {
  10967. color: inherit;
  10968. display: inline-block;
  10969. font-weight: bold;
  10970. line-height: 1;
  10971. text-align: center;
  10972. -webkit-user-select: none;
  10973. -moz-user-select: none;
  10974. user-select: none
  10975. }
  10976. .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  10977. font-size: 25px;
  10978. font-weight: normal
  10979. }
  10980. .el-step__icon-inner.is-status {
  10981. transform: translateY(1px)
  10982. }
  10983. .el-step__line {
  10984. background-color: var(--el-text-color-placeholder);
  10985. border-color: currentColor;
  10986. position: absolute
  10987. }
  10988. .el-step__line-inner {
  10989. border: 1px solid;
  10990. box-sizing: border-box;
  10991. display: block;
  10992. height: 0;
  10993. transition: .15s ease-out;
  10994. width: 0
  10995. }
  10996. .el-step__main {
  10997. text-align: left;
  10998. white-space: normal
  10999. }
  11000. .el-step__title {
  11001. font-size: 16px;
  11002. line-height: 38px
  11003. }
  11004. .el-step__title.is-process {
  11005. color: var(--el-text-color-primary);
  11006. font-weight: bold
  11007. }
  11008. .el-step__title.is-wait {
  11009. color: var(--el-text-color-placeholder)
  11010. }
  11011. .el-step__title.is-success {
  11012. color: var(--el-color-success)
  11013. }
  11014. .el-step__title.is-error {
  11015. color: var(--el-color-danger)
  11016. }
  11017. .el-step__title.is-finish {
  11018. color: var(--el-color-primary)
  11019. }
  11020. .el-step__description {
  11021. font-size: 12px;
  11022. font-weight: normal;
  11023. line-height: 20px;
  11024. margin-top: -5px;
  11025. padding-right: 10%
  11026. }
  11027. .el-step__description.is-process {
  11028. color: var(--el-text-color-primary)
  11029. }
  11030. .el-step__description.is-wait {
  11031. color: var(--el-text-color-placeholder)
  11032. }
  11033. .el-step__description.is-success {
  11034. color: var(--el-color-success)
  11035. }
  11036. .el-step__description.is-error {
  11037. color: var(--el-color-danger)
  11038. }
  11039. .el-step__description.is-finish {
  11040. color: var(--el-color-primary)
  11041. }
  11042. .el-step.is-horizontal {
  11043. display: inline-block
  11044. }
  11045. .el-step.is-horizontal .el-step__line {
  11046. height: 2px;
  11047. left: 0;
  11048. right: 0;
  11049. top: 11px
  11050. }
  11051. .el-step.is-vertical {
  11052. display: flex
  11053. }
  11054. .el-step.is-vertical .el-step__head {
  11055. flex-grow: 0;
  11056. width: 24px
  11057. }
  11058. .el-step.is-vertical .el-step__main {
  11059. flex-grow: 1;
  11060. padding-left: 10px
  11061. }
  11062. .el-step.is-vertical .el-step__title {
  11063. line-height: 24px;
  11064. padding-bottom: 8px
  11065. }
  11066. .el-step.is-vertical .el-step__line {
  11067. bottom: 0;
  11068. left: 11px;
  11069. top: 0;
  11070. width: 2px
  11071. }
  11072. .el-step.is-vertical .el-step__icon.is-icon {
  11073. width: 24px
  11074. }
  11075. .el-step.is-center .el-step__head,
  11076. .el-step.is-center .el-step__main {
  11077. text-align: center
  11078. }
  11079. .el-step.is-center .el-step__description {
  11080. padding-left: 20%;
  11081. padding-right: 20%
  11082. }
  11083. .el-step.is-center .el-step__line {
  11084. left: 50%;
  11085. right: -50%
  11086. }
  11087. .el-step.is-simple {
  11088. align-items: center;
  11089. display: flex
  11090. }
  11091. .el-step.is-simple .el-step__head {
  11092. font-size: 0;
  11093. padding-right: 10px;
  11094. width: auto
  11095. }
  11096. .el-step.is-simple .el-step__icon {
  11097. background: transparent;
  11098. font-size: 12px;
  11099. height: 16px;
  11100. width: 16px
  11101. }
  11102. .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  11103. font-size: 18px
  11104. }
  11105. .el-step.is-simple .el-step__icon-inner.is-status {
  11106. transform: scale(.8) translateY(1px)
  11107. }
  11108. .el-step.is-simple .el-step__main {
  11109. align-items: stretch;
  11110. display: flex;
  11111. flex-grow: 1;
  11112. position: relative
  11113. }
  11114. .el-step.is-simple .el-step__title {
  11115. font-size: 16px;
  11116. line-height: 20px
  11117. }
  11118. .el-step.is-simple:not(:last-of-type) .el-step__title {
  11119. max-width: 50%;
  11120. overflow-wrap: break-word
  11121. }
  11122. .el-step.is-simple .el-step__arrow {
  11123. align-items: center;
  11124. display: flex;
  11125. flex-grow: 1;
  11126. justify-content: center
  11127. }
  11128. .el-step.is-simple .el-step__arrow:after,
  11129. .el-step.is-simple .el-step__arrow:before {
  11130. background: var(--el-text-color-placeholder);
  11131. content: "";
  11132. display: inline-block;
  11133. height: 15px;
  11134. position: absolute;
  11135. width: 1px
  11136. }
  11137. .el-step.is-simple .el-step__arrow:before {
  11138. transform: rotate(-45deg) translateY(-4px);
  11139. transform-origin: 0 0
  11140. }
  11141. .el-step.is-simple .el-step__arrow:after {
  11142. transform: rotate(45deg) translateY(4px);
  11143. transform-origin: 100% 100%
  11144. }
  11145. .el-step.is-simple:last-of-type .el-step__arrow {
  11146. display: none
  11147. }
  11148. .el-steps {
  11149. display: flex
  11150. }
  11151. .el-steps--simple {
  11152. background: var(--el-fill-color-light);
  11153. border-radius: 4px;
  11154. padding: 13px 8%
  11155. }
  11156. .el-steps--horizontal {
  11157. white-space: nowrap
  11158. }
  11159. .el-steps--vertical {
  11160. flex-flow: column;
  11161. height: 100%
  11162. }
  11163. .el-switch {
  11164. --el-switch-on-color: var(--el-color-primary);
  11165. --el-switch-off-color: var(--el-border-color);
  11166. align-items: center;
  11167. display: inline-flex;
  11168. font-size: 14px;
  11169. height: 32px;
  11170. line-height: 20px;
  11171. position: relative;
  11172. vertical-align: middle
  11173. }
  11174. .el-switch.is-disabled .el-switch__core,
  11175. .el-switch.is-disabled .el-switch__label {
  11176. cursor: not-allowed
  11177. }
  11178. .el-switch__label {
  11179. color: var(--el-text-color-primary);
  11180. cursor: pointer;
  11181. display: inline-block;
  11182. font-size: 14px;
  11183. font-weight: 500;
  11184. height: 20px;
  11185. transition: var(--el-transition-duration-fast);
  11186. vertical-align: middle
  11187. }
  11188. .el-switch__label.is-active {
  11189. color: var(--el-color-primary)
  11190. }
  11191. .el-switch__label--left {
  11192. margin-right: 10px
  11193. }
  11194. .el-switch__label--right {
  11195. margin-left: 10px
  11196. }
  11197. .el-switch__label * {
  11198. display: inline-block;
  11199. font-size: 14px;
  11200. line-height: 1
  11201. }
  11202. .el-switch__label .el-icon {
  11203. height: inherit
  11204. }
  11205. .el-switch__label .el-icon svg {
  11206. vertical-align: middle
  11207. }
  11208. .el-switch__input {
  11209. height: 0;
  11210. margin: 0;
  11211. opacity: 0;
  11212. position: absolute;
  11213. width: 0
  11214. }
  11215. .el-switch__input:focus-visible~.el-switch__core {
  11216. outline: 2px solid var(--el-switch-on-color);
  11217. outline-offset: 1px
  11218. }
  11219. .el-switch__core {
  11220. align-items: center;
  11221. background: var(--el-switch-off-color);
  11222. border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  11223. border-radius: 10px;
  11224. box-sizing: border-box;
  11225. cursor: pointer;
  11226. display: inline-flex;
  11227. height: 20px;
  11228. min-width: 40px;
  11229. outline: none;
  11230. position: relative;
  11231. transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration)
  11232. }
  11233. .el-switch__core .el-switch__inner {
  11234. align-items: center;
  11235. display: flex;
  11236. height: 16px;
  11237. justify-content: center;
  11238. overflow: hidden;
  11239. padding: 0 4px 0 18px;
  11240. transition: all var(--el-transition-duration);
  11241. width: 100%
  11242. }
  11243. .el-switch__core .el-switch__inner .is-icon,
  11244. .el-switch__core .el-switch__inner .is-text {
  11245. color: var(--el-color-white);
  11246. font-size: 12px;
  11247. overflow: hidden;
  11248. text-overflow: ellipsis;
  11249. -webkit-user-select: none;
  11250. -moz-user-select: none;
  11251. user-select: none;
  11252. white-space: nowrap
  11253. }
  11254. .el-switch__core .el-switch__action {
  11255. align-items: center;
  11256. background-color: var(--el-color-white);
  11257. border-radius: var(--el-border-radius-circle);
  11258. color: var(--el-switch-off-color);
  11259. display: flex;
  11260. height: 16px;
  11261. justify-content: center;
  11262. left: 1px;
  11263. position: absolute;
  11264. transition: all var(--el-transition-duration);
  11265. width: 16px
  11266. }
  11267. .el-switch.is-checked .el-switch__core {
  11268. background-color: var(--el-switch-on-color);
  11269. border-color: var(--el-switch-border-color, var(--el-switch-on-color))
  11270. }
  11271. .el-switch.is-checked .el-switch__core .el-switch__action {
  11272. color: var(--el-switch-on-color);
  11273. left: calc(100% - 17px)
  11274. }
  11275. .el-switch.is-checked .el-switch__core .el-switch__inner {
  11276. padding: 0 18px 0 4px
  11277. }
  11278. .el-switch.is-disabled {
  11279. opacity: .6
  11280. }
  11281. .el-switch--wide .el-switch__label.el-switch__label--left span {
  11282. left: 10px
  11283. }
  11284. .el-switch--wide .el-switch__label.el-switch__label--right span {
  11285. right: 10px
  11286. }
  11287. .el-switch .label-fade-enter-from,
  11288. .el-switch .label-fade-leave-active {
  11289. opacity: 0
  11290. }
  11291. .el-switch--large {
  11292. font-size: 14px;
  11293. height: 40px;
  11294. line-height: 24px
  11295. }
  11296. .el-switch--large .el-switch__label {
  11297. font-size: 14px;
  11298. height: 24px
  11299. }
  11300. .el-switch--large .el-switch__label * {
  11301. font-size: 14px
  11302. }
  11303. .el-switch--large .el-switch__core {
  11304. border-radius: 12px;
  11305. height: 24px;
  11306. min-width: 50px
  11307. }
  11308. .el-switch--large .el-switch__core .el-switch__inner {
  11309. height: 20px;
  11310. padding: 0 6px 0 22px
  11311. }
  11312. .el-switch--large .el-switch__core .el-switch__action {
  11313. height: 20px;
  11314. width: 20px
  11315. }
  11316. .el-switch--large.is-checked .el-switch__core .el-switch__action {
  11317. left: calc(100% - 21px)
  11318. }
  11319. .el-switch--large.is-checked .el-switch__core .el-switch__inner {
  11320. padding: 0 22px 0 6px
  11321. }
  11322. .el-switch--small {
  11323. font-size: 12px;
  11324. height: 24px;
  11325. line-height: 16px
  11326. }
  11327. .el-switch--small .el-switch__label {
  11328. font-size: 12px;
  11329. height: 16px
  11330. }
  11331. .el-switch--small .el-switch__label * {
  11332. font-size: 12px
  11333. }
  11334. .el-switch--small .el-switch__core {
  11335. border-radius: 8px;
  11336. height: 16px;
  11337. min-width: 30px
  11338. }
  11339. .el-switch--small .el-switch__core .el-switch__inner {
  11340. height: 12px;
  11341. padding: 0 2px 0 14px
  11342. }
  11343. .el-switch--small .el-switch__core .el-switch__action {
  11344. height: 12px;
  11345. width: 12px
  11346. }
  11347. .el-switch--small.is-checked .el-switch__core .el-switch__action {
  11348. left: calc(100% - 13px)
  11349. }
  11350. .el-switch--small.is-checked .el-switch__core .el-switch__inner {
  11351. padding: 0 14px 0 2px
  11352. }
  11353. .el-table-column--selection .cell {
  11354. padding-left: 14px;
  11355. padding-right: 14px
  11356. }
  11357. .el-table-filter {
  11358. background-color: #ffffff;
  11359. border: 1px solid var(--el-border-color-lighter);
  11360. border-radius: 2px;
  11361. box-shadow: var(--el-box-shadow-light);
  11362. box-sizing: border-box
  11363. }
  11364. .el-table-filter__list {
  11365. list-style: none;
  11366. margin: 0;
  11367. min-width: 100px;
  11368. padding: 5px 0
  11369. }
  11370. .el-table-filter__list-item {
  11371. cursor: pointer;
  11372. font-size: var(--el-font-size-base);
  11373. line-height: 36px;
  11374. padding: 0 10px
  11375. }
  11376. .el-table-filter__list-item:hover {
  11377. background-color: var(--el-color-primary-light-9);
  11378. color: var(--el-color-primary)
  11379. }
  11380. .el-table-filter__list-item.is-active {
  11381. background-color: var(--el-color-primary);
  11382. color: #ffffff
  11383. }
  11384. .el-table-filter__content {
  11385. min-width: 100px
  11386. }
  11387. .el-table-filter__bottom {
  11388. border-top: 1px solid var(--el-border-color-lighter);
  11389. padding: 8px
  11390. }
  11391. .el-table-filter__bottom button {
  11392. background: transparent;
  11393. border: none;
  11394. color: var(--el-text-color-regular);
  11395. cursor: pointer;
  11396. font-size: var(--el-font-size-small);
  11397. padding: 0 3px
  11398. }
  11399. .el-table-filter__bottom button:hover {
  11400. color: var(--el-color-primary)
  11401. }
  11402. .el-table-filter__bottom button:focus {
  11403. outline: none
  11404. }
  11405. .el-table-filter__bottom button.is-disabled {
  11406. color: var(--el-disabled-text-color);
  11407. cursor: not-allowed
  11408. }
  11409. .el-table-filter__wrap {
  11410. max-height: 280px
  11411. }
  11412. .el-table-filter__checkbox-group {
  11413. padding: 10px
  11414. }
  11415. .el-table-filter__checkbox-group label.el-checkbox {
  11416. align-items: center;
  11417. display: flex;
  11418. height: unset;
  11419. margin-bottom: 12px;
  11420. margin-left: 5px;
  11421. margin-right: 5px
  11422. }
  11423. .el-table-filter__checkbox-group .el-checkbox:last-child {
  11424. margin-bottom: 0
  11425. }
  11426. .el-table {
  11427. --el-table-border-color: var(--el-border-color-lighter);
  11428. --el-table-border: 1px solid var(--el-table-border-color);
  11429. --el-table-text-color: var(--el-text-color-regular);
  11430. --el-table-header-text-color: var(--el-text-color-secondary);
  11431. --el-table-row-hover-bg-color: var(--el-fill-color-light);
  11432. --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  11433. --el-table-header-bg-color: var(--el-bg-color);
  11434. --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  11435. --el-table-bg-color: var(--el-fill-color-blank);
  11436. --el-table-tr-bg-color: var(--el-bg-color);
  11437. --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  11438. --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  11439. --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  11440. --el-table-index: var(--el-index-normal);
  11441. background-color: var(--el-table-bg-color);
  11442. box-sizing: border-box;
  11443. color: var(--el-table-text-color);
  11444. font-size: var(--el-font-size-base);
  11445. height: -moz-fit-content;
  11446. height: fit-content;
  11447. max-width: 100%;
  11448. overflow: hidden;
  11449. position: relative;
  11450. width: 100%
  11451. }
  11452. .el-table__inner-wrapper {
  11453. display: flex;
  11454. flex-direction: column;
  11455. height: 100%;
  11456. position: relative
  11457. }
  11458. .el-table__inner-wrapper:before {
  11459. bottom: 0;
  11460. height: 1px;
  11461. left: 0
  11462. }
  11463. .el-table tbody:focus-visible {
  11464. outline: none
  11465. }
  11466. .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
  11467. .el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
  11468. border-bottom-color: transparent
  11469. }
  11470. .el-table__empty-block {
  11471. align-items: center;
  11472. display: flex;
  11473. justify-content: center;
  11474. left: 0;
  11475. min-height: 60px;
  11476. position: sticky;
  11477. text-align: center;
  11478. width: 100%
  11479. }
  11480. .el-table__empty-text {
  11481. color: var(--el-text-color-secondary);
  11482. line-height: 60px;
  11483. width: 50%
  11484. }
  11485. .el-table__expand-column .cell {
  11486. padding: 0;
  11487. text-align: center;
  11488. -webkit-user-select: none;
  11489. -moz-user-select: none;
  11490. user-select: none
  11491. }
  11492. .el-table__expand-icon {
  11493. color: var(--el-text-color-regular);
  11494. cursor: pointer;
  11495. font-size: 12px;
  11496. height: 20px;
  11497. position: relative;
  11498. transition: transform var(--el-transition-duration-fast) ease-in-out
  11499. }
  11500. .el-table__expand-icon--expanded {
  11501. transform: rotate(90deg)
  11502. }
  11503. .el-table__expand-icon>.el-icon {
  11504. font-size: 12px
  11505. }
  11506. .el-table__expanded-cell {
  11507. background-color: var(--el-table-expanded-cell-bg-color)
  11508. }
  11509. .el-table__expanded-cell[class*=cell] {
  11510. padding: 20px 50px
  11511. }
  11512. .el-table__expanded-cell:hover {
  11513. background-color: transparent !important
  11514. }
  11515. .el-table__placeholder {
  11516. display: inline-block;
  11517. width: 20px
  11518. }
  11519. .el-table__append-wrapper {
  11520. overflow: hidden
  11521. }
  11522. .el-table--fit {
  11523. border-bottom: 0;
  11524. border-right: 0
  11525. }
  11526. .el-table--fit .el-table__cell.gutter {
  11527. border-right-width: 1px
  11528. }
  11529. .el-table--fit .el-table__inner-wrapper:before {
  11530. width: 100%
  11531. }
  11532. .el-table thead {
  11533. color: var(--el-table-header-text-color)
  11534. }
  11535. .el-table thead th {
  11536. font-weight: 600
  11537. }
  11538. .el-table thead.is-group th.el-table__cell {
  11539. background: var(--el-fill-color-light)
  11540. }
  11541. .el-table .el-table__cell {
  11542. box-sizing: border-box;
  11543. min-width: 0;
  11544. padding: 8px 0;
  11545. position: relative;
  11546. text-align: left;
  11547. text-overflow: ellipsis;
  11548. vertical-align: middle;
  11549. z-index: var(--el-table-index)
  11550. }
  11551. .el-table .el-table__cell.is-center {
  11552. text-align: center
  11553. }
  11554. .el-table .el-table__cell.is-right {
  11555. text-align: right
  11556. }
  11557. .el-table .el-table__cell.gutter {
  11558. border-bottom-width: 0;
  11559. border-right-width: 0;
  11560. padding: 0;
  11561. width: 15px
  11562. }
  11563. .el-table .el-table__cell.is-hidden>* {
  11564. visibility: hidden
  11565. }
  11566. .el-table .cell {
  11567. box-sizing: border-box;
  11568. line-height: 23px;
  11569. overflow: hidden;
  11570. overflow-wrap: break-word;
  11571. padding: 0 12px;
  11572. text-overflow: ellipsis;
  11573. white-space: normal
  11574. }
  11575. .el-table .cell.el-tooltip {
  11576. min-width: 50px;
  11577. white-space: nowrap
  11578. }
  11579. .el-table--large {
  11580. font-size: var(--el-font-size-base)
  11581. }
  11582. .el-table--large .el-table__cell {
  11583. padding: 12px 0
  11584. }
  11585. .el-table--large .cell {
  11586. padding: 0 16px
  11587. }
  11588. .el-table--default {
  11589. font-size: var(--el-font-size-base)
  11590. }
  11591. .el-table--default .el-table__cell {
  11592. padding: 8px 0
  11593. }
  11594. .el-table--default .cell {
  11595. padding: 0 12px
  11596. }
  11597. .el-table--small {
  11598. font-size: var(--el-font-size-extra-small)
  11599. }
  11600. .el-table--small .el-table__cell {
  11601. padding: 4px 0
  11602. }
  11603. .el-table--small .cell {
  11604. padding: 0 8px
  11605. }
  11606. .el-table tr {
  11607. background-color: var(--el-table-tr-bg-color)
  11608. }
  11609. .el-table tr input[type=checkbox] {
  11610. margin: 0
  11611. }
  11612. .el-table td.el-table__cell,
  11613. .el-table th.el-table__cell.is-leaf {
  11614. border-bottom: var(--el-table-border)
  11615. }
  11616. .el-table th.el-table__cell.is-sortable {
  11617. cursor: pointer
  11618. }
  11619. .el-table th.el-table__cell {
  11620. background-color: var(--el-table-header-bg-color)
  11621. }
  11622. .el-table th.el-table__cell>.cell.highlight {
  11623. color: var(--el-color-primary)
  11624. }
  11625. .el-table th.el-table__cell.required>div:before {
  11626. background: #ff4d51;
  11627. border-radius: 50%;
  11628. content: "";
  11629. display: inline-block;
  11630. height: 8px;
  11631. margin-right: 5px;
  11632. vertical-align: middle;
  11633. width: 8px
  11634. }
  11635. .el-table td.el-table__cell div {
  11636. box-sizing: border-box
  11637. }
  11638. .el-table td.el-table__cell.gutter {
  11639. width: 0
  11640. }
  11641. .el-table--border .el-table__inner-wrapper:after,
  11642. .el-table--border:after,
  11643. .el-table--border:before,
  11644. .el-table__inner-wrapper:before {
  11645. background-color: var(--el-table-border-color);
  11646. content: "";
  11647. position: absolute;
  11648. z-index: calc(var(--el-table-index) + 2)
  11649. }
  11650. .el-table--border .el-table__inner-wrapper:after {
  11651. height: 1px;
  11652. left: 0;
  11653. top: 0;
  11654. width: 100%;
  11655. z-index: calc(var(--el-table-index) + 2)
  11656. }
  11657. .el-table--border:before {
  11658. height: 100%;
  11659. left: 0;
  11660. top: -1px;
  11661. width: 1px
  11662. }
  11663. .el-table--border:after {
  11664. height: 100%;
  11665. right: 0;
  11666. top: -1px;
  11667. width: 1px
  11668. }
  11669. .el-table--border .el-table__inner-wrapper {
  11670. border-bottom: none;
  11671. border-right: none
  11672. }
  11673. .el-table--border .el-table__footer-wrapper {
  11674. flex-shrink: 0;
  11675. position: relative
  11676. }
  11677. .el-table--border .el-table__cell {
  11678. border-right: var(--el-table-border)
  11679. }
  11680. .el-table--border th.el-table__cell.gutter:last-of-type {
  11681. border-bottom: var(--el-table-border);
  11682. border-bottom-width: 1px
  11683. }
  11684. .el-table--border th.el-table__cell {
  11685. border-bottom: var(--el-table-border)
  11686. }
  11687. .el-table--hidden {
  11688. visibility: hidden
  11689. }
  11690. .el-table__body-wrapper,
  11691. .el-table__footer-wrapper,
  11692. .el-table__header-wrapper {
  11693. width: 100%
  11694. }
  11695. .el-table__body-wrapper tr td.el-table-fixed-column--left,
  11696. .el-table__body-wrapper tr td.el-table-fixed-column--right,
  11697. .el-table__body-wrapper tr th.el-table-fixed-column--left,
  11698. .el-table__body-wrapper tr th.el-table-fixed-column--right,
  11699. .el-table__footer-wrapper tr td.el-table-fixed-column--left,
  11700. .el-table__footer-wrapper tr td.el-table-fixed-column--right,
  11701. .el-table__footer-wrapper tr th.el-table-fixed-column--left,
  11702. .el-table__footer-wrapper tr th.el-table-fixed-column--right,
  11703. .el-table__header-wrapper tr td.el-table-fixed-column--left,
  11704. .el-table__header-wrapper tr td.el-table-fixed-column--right,
  11705. .el-table__header-wrapper tr th.el-table-fixed-column--left,
  11706. .el-table__header-wrapper tr th.el-table-fixed-column--right {
  11707. background: inherit;
  11708. position: sticky !important;
  11709. z-index: calc(var(--el-table-index) + 1)
  11710. }
  11711. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
  11712. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
  11713. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
  11714. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
  11715. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
  11716. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
  11717. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
  11718. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
  11719. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
  11720. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
  11721. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
  11722. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
  11723. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
  11724. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
  11725. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
  11726. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
  11727. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
  11728. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
  11729. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
  11730. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
  11731. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
  11732. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
  11733. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
  11734. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
  11735. bottom: -1px;
  11736. box-shadow: none;
  11737. content: "";
  11738. overflow-x: hidden;
  11739. overflow-y: hidden;
  11740. pointer-events: none;
  11741. position: absolute;
  11742. top: 0;
  11743. touch-action: none;
  11744. width: 10px
  11745. }
  11746. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
  11747. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
  11748. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
  11749. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
  11750. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
  11751. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
  11752. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
  11753. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
  11754. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
  11755. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
  11756. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
  11757. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
  11758. left: -10px
  11759. }
  11760. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
  11761. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
  11762. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
  11763. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
  11764. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
  11765. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
  11766. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
  11767. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
  11768. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
  11769. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
  11770. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
  11771. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
  11772. right: -10px
  11773. }
  11774. .el-table__body-wrapper tr td.el-table__fixed-right-patch,
  11775. .el-table__body-wrapper tr th.el-table__fixed-right-patch,
  11776. .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
  11777. .el-table__footer-wrapper tr th.el-table__fixed-right-patch,
  11778. .el-table__header-wrapper tr td.el-table__fixed-right-patch,
  11779. .el-table__header-wrapper tr th.el-table__fixed-right-patch {
  11780. background: #fff;
  11781. position: sticky !important;
  11782. right: 0;
  11783. z-index: calc(var(--el-table-index) + 1)
  11784. }
  11785. .el-table__header-wrapper {
  11786. flex-shrink: 0
  11787. }
  11788. .el-table__header-wrapper tr th.el-table-fixed-column--left,
  11789. .el-table__header-wrapper tr th.el-table-fixed-column--right {
  11790. background-color: var(--el-table-header-bg-color)
  11791. }
  11792. .el-table__body,
  11793. .el-table__footer,
  11794. .el-table__header {
  11795. border-collapse: separate;
  11796. table-layout: fixed
  11797. }
  11798. .el-table__header-wrapper {
  11799. overflow: hidden
  11800. }
  11801. .el-table__header-wrapper tbody td.el-table__cell {
  11802. background-color: var(--el-table-row-hover-bg-color);
  11803. color: var(--el-table-text-color)
  11804. }
  11805. .el-table__footer-wrapper {
  11806. flex-shrink: 0;
  11807. overflow: hidden
  11808. }
  11809. .el-table__footer-wrapper tfoot td.el-table__cell {
  11810. background-color: var(--el-table-row-hover-bg-color);
  11811. color: var(--el-table-text-color)
  11812. }
  11813. .el-table__body-wrapper .el-table-column--selection>.cell,
  11814. .el-table__header-wrapper .el-table-column--selection>.cell {
  11815. align-items: center;
  11816. display: inline-flex;
  11817. height: 23px
  11818. }
  11819. .el-table__body-wrapper .el-table-column--selection .el-checkbox,
  11820. .el-table__header-wrapper .el-table-column--selection .el-checkbox {
  11821. height: unset
  11822. }
  11823. .el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
  11824. box-shadow: var(--el-table-fixed-right-column)
  11825. }
  11826. .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  11827. border-right: var(--el-table-border)
  11828. }
  11829. .el-table.is-scrolling-left th.el-table-fixed-column--left {
  11830. background-color: var(--el-table-header-bg-color)
  11831. }
  11832. .el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before {
  11833. box-shadow: var(--el-table-fixed-left-column)
  11834. }
  11835. .el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  11836. border-right: none
  11837. }
  11838. .el-table.is-scrolling-right th.el-table-fixed-column--right {
  11839. background-color: var(--el-table-header-bg-color)
  11840. }
  11841. .el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  11842. border-right: none
  11843. }
  11844. .el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before {
  11845. box-shadow: var(--el-table-fixed-right-column)
  11846. }
  11847. .el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before {
  11848. box-shadow: var(--el-table-fixed-left-column)
  11849. }
  11850. .el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,
  11851. .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,
  11852. .el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,
  11853. .el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before {
  11854. box-shadow: none
  11855. }
  11856. .el-table.is-scrolling-none th.el-table-fixed-column--left,
  11857. .el-table.is-scrolling-none th.el-table-fixed-column--right {
  11858. background-color: var(--el-table-header-bg-color)
  11859. }
  11860. .el-table__body-wrapper {
  11861. flex: 1;
  11862. overflow: hidden;
  11863. position: relative
  11864. }
  11865. .el-table__body-wrapper .el-scrollbar__bar {
  11866. z-index: calc(var(--el-table-index) + 2)
  11867. }
  11868. .el-table .caret-wrapper {
  11869. align-items: center;
  11870. cursor: pointer;
  11871. display: inline-flex;
  11872. flex-direction: column;
  11873. height: 14px;
  11874. overflow: initial;
  11875. position: relative;
  11876. vertical-align: middle;
  11877. width: 24px
  11878. }
  11879. .el-table .sort-caret {
  11880. border: 5px solid transparent;
  11881. height: 0;
  11882. left: 7px;
  11883. position: absolute;
  11884. width: 0
  11885. }
  11886. .el-table .sort-caret.ascending {
  11887. border-bottom-color: var(--el-text-color-placeholder);
  11888. top: -5px
  11889. }
  11890. .el-table .sort-caret.descending {
  11891. border-top-color: var(--el-text-color-placeholder);
  11892. bottom: -3px
  11893. }
  11894. .el-table .ascending .sort-caret.ascending {
  11895. border-bottom-color: var(--el-color-primary)
  11896. }
  11897. .el-table .descending .sort-caret.descending {
  11898. border-top-color: var(--el-color-primary)
  11899. }
  11900. .el-table .hidden-columns {
  11901. position: absolute;
  11902. visibility: hidden;
  11903. z-index: -1
  11904. }
  11905. .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  11906. background: var(--el-fill-color-lighter)
  11907. }
  11908. .el-table--striped .el-table__body tr.current-row td.el-table__cell {
  11909. background-color: var(--el-table-current-row-bg-color)
  11910. }
  11911. .el-table--striped .el-table__body tr.current-row .el-table_1_column_2::after {
  11912. content: "👈";
  11913. color: #276EB8;
  11914. font-size: 14px;
  11915. font-weight: 600;
  11916. }
  11917. .el-table--striped .el-table__body tr.current-row .el-table_1_column_2 {
  11918. display: flex;
  11919. }
  11920. .el-table__body tr.hover-row.current-row>td.el-table__cell,
  11921. .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
  11922. .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
  11923. .el-table__body tr.hover-row>td.el-table__cell,
  11924. .el-table__body tr>td.hover-cell {
  11925. background-color: var(--el-table-row-hover-bg-color)
  11926. }
  11927. .el-table__body tr.current-row>td.el-table__cell {
  11928. background-color: var(--el-table-current-row-bg-color)
  11929. }
  11930. .el-table.el-table--scrollable-y .el-table__body-header {
  11931. position: sticky;
  11932. top: 0;
  11933. z-index: calc(var(--el-table-index) + 2)
  11934. }
  11935. .el-table.el-table--scrollable-y .el-table__body-footer {
  11936. bottom: 0;
  11937. position: sticky;
  11938. z-index: calc(var(--el-table-index) + 2)
  11939. }
  11940. .el-table__column-resize-proxy {
  11941. border-left: var(--el-table-border);
  11942. bottom: 0;
  11943. left: 200px;
  11944. position: absolute;
  11945. top: 0;
  11946. width: 0;
  11947. z-index: calc(var(--el-table-index) + 9)
  11948. }
  11949. .el-table__column-filter-trigger {
  11950. cursor: pointer;
  11951. display: inline-block
  11952. }
  11953. .el-table__column-filter-trigger i {
  11954. color: var(--el-color-info);
  11955. font-size: 14px;
  11956. vertical-align: middle
  11957. }
  11958. .el-table__border-left-patch {
  11959. height: 100%;
  11960. top: 0;
  11961. width: 1px
  11962. }
  11963. .el-table__border-bottom-patch,
  11964. .el-table__border-left-patch {
  11965. background-color: var(--el-table-border-color);
  11966. left: 0;
  11967. position: absolute;
  11968. z-index: calc(var(--el-table-index) + 2)
  11969. }
  11970. .el-table__border-bottom-patch {
  11971. height: 1px
  11972. }
  11973. .el-table__border-right-patch {
  11974. background-color: var(--el-table-border-color);
  11975. height: 100%;
  11976. position: absolute;
  11977. top: 0;
  11978. width: 1px;
  11979. z-index: calc(var(--el-table-index) + 2)
  11980. }
  11981. .el-table--enable-row-transition .el-table__body td.el-table__cell {
  11982. transition: background-color .25s ease
  11983. }
  11984. .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  11985. background-color: var(--el-table-row-hover-bg-color)
  11986. }
  11987. .el-table [class*=el-table__row--level] .el-table__expand-icon {
  11988. display: inline-block;
  11989. height: 12px;
  11990. line-height: 12px;
  11991. margin-right: 8px;
  11992. text-align: center;
  11993. width: 12px
  11994. }
  11995. .el-table .el-table.el-table--border .el-table__cell {
  11996. border-right: var(--el-table-border)
  11997. }
  11998. .el-table:not(.el-table--border) .el-table__cell {
  11999. border-right: none
  12000. }
  12001. .el-table:not(.el-table--border)>.el-table__inner-wrapper:after {
  12002. content: none
  12003. }
  12004. .el-table-v2 {
  12005. --el-table-border-color: var(--el-border-color-lighter);
  12006. --el-table-border: 1px solid var(--el-table-border-color);
  12007. --el-table-text-color: var(--el-text-color-regular);
  12008. --el-table-header-text-color: var(--el-text-color-secondary);
  12009. --el-table-row-hover-bg-color: var(--el-fill-color-light);
  12010. --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  12011. --el-table-header-bg-color: var(--el-bg-color);
  12012. --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  12013. --el-table-bg-color: var(--el-fill-color-blank);
  12014. --el-table-tr-bg-color: var(--el-bg-color);
  12015. --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  12016. --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  12017. --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  12018. --el-table-index: var(--el-index-normal);
  12019. font-size: var(--el-font-size-base)
  12020. }
  12021. .el-table-v2 * {
  12022. box-sizing: border-box
  12023. }
  12024. .el-table-v2__root {
  12025. position: relative
  12026. }
  12027. .el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  12028. opacity: 1
  12029. }
  12030. .el-table-v2__main {
  12031. background-color: var(--el-bg-color);
  12032. display: flex;
  12033. flex-direction: column-reverse;
  12034. left: 0;
  12035. overflow: hidden;
  12036. position: absolute;
  12037. top: 0
  12038. }
  12039. .el-table-v2__main .el-vl__horizontal,
  12040. .el-table-v2__main .el-vl__vertical {
  12041. z-index: 2
  12042. }
  12043. .el-table-v2__left {
  12044. background-color: var(--el-bg-color);
  12045. box-shadow: 2px 0 4px 0 rgba(0, 0, 0, .06);
  12046. display: flex;
  12047. flex-direction: column-reverse;
  12048. left: 0;
  12049. overflow: hidden;
  12050. position: absolute;
  12051. top: 0
  12052. }
  12053. .el-table-v2__left .el-virtual-scrollbar {
  12054. opacity: 0
  12055. }
  12056. .el-table-v2__left .el-vl__horizontal,
  12057. .el-table-v2__left .el-vl__vertical {
  12058. z-index: -1
  12059. }
  12060. .el-table-v2__right {
  12061. background-color: var(--el-bg-color);
  12062. box-shadow: -2px 0 4px 0 rgba(0, 0, 0, .06);
  12063. display: flex;
  12064. flex-direction: column-reverse;
  12065. overflow: hidden;
  12066. position: absolute;
  12067. right: 0;
  12068. top: 0
  12069. }
  12070. .el-table-v2__right .el-virtual-scrollbar {
  12071. opacity: 0
  12072. }
  12073. .el-table-v2__right .el-vl__horizontal,
  12074. .el-table-v2__right .el-vl__vertical {
  12075. z-index: -1
  12076. }
  12077. .el-table-v2__header-row,
  12078. .el-table-v2__row {
  12079. padding-inline-end: var(--el-table-scrollbar-size)
  12080. }
  12081. .el-table-v2__header-wrapper {
  12082. overflow: hidden
  12083. }
  12084. .el-table-v2__header {
  12085. overflow: hidden;
  12086. position: relative
  12087. }
  12088. .el-table-v2__header .el-checkbox {
  12089. z-index: 0
  12090. }
  12091. .el-table-v2__footer {
  12092. bottom: 0;
  12093. overflow: hidden;
  12094. right: 0
  12095. }
  12096. .el-table-v2__empty,
  12097. .el-table-v2__footer,
  12098. .el-table-v2__overlay {
  12099. left: 0;
  12100. position: absolute
  12101. }
  12102. .el-table-v2__overlay {
  12103. bottom: 0;
  12104. right: 0;
  12105. top: 0;
  12106. z-index: 9999
  12107. }
  12108. .el-table-v2__header-row {
  12109. border-bottom: var(--el-table-border);
  12110. display: flex
  12111. }
  12112. .el-table-v2__header-cell {
  12113. align-items: center;
  12114. background-color: var(--el-table-header-bg-color);
  12115. color: var(--el-table-header-text-color);
  12116. display: flex;
  12117. font-weight: bold;
  12118. height: 100%;
  12119. overflow: hidden;
  12120. padding: 0 8px;
  12121. -webkit-user-select: none;
  12122. -moz-user-select: none;
  12123. user-select: none
  12124. }
  12125. .el-table-v2__header-cell.is-align-center {
  12126. justify-content: center;
  12127. text-align: center
  12128. }
  12129. .el-table-v2__header-cell.is-align-right {
  12130. justify-content: flex-end;
  12131. text-align: right
  12132. }
  12133. .el-table-v2__header-cell.is-sortable {
  12134. cursor: pointer
  12135. }
  12136. .el-table-v2__header-cell:hover .el-icon {
  12137. display: block
  12138. }
  12139. .el-table-v2__sort-icon {
  12140. display: none;
  12141. opacity: .6;
  12142. transition: opacity, display var(--el-transition-duration)
  12143. }
  12144. .el-table-v2__sort-icon.is-sorting {
  12145. display: block;
  12146. opacity: 1
  12147. }
  12148. .el-table-v2__row {
  12149. align-items: center;
  12150. border-bottom: var(--el-table-border);
  12151. display: flex;
  12152. transition: background-color var(--el-transition-duration)
  12153. }
  12154. .el-table-v2__row.is-hovered,
  12155. .el-table-v2__row:hover {
  12156. background-color: var(--el-table-row-hover-bg-color)
  12157. }
  12158. .el-table-v2__row-cell {
  12159. align-items: center;
  12160. display: flex;
  12161. height: 100%;
  12162. overflow: hidden;
  12163. padding: 0 8px
  12164. }
  12165. .el-table-v2__row-cell.is-align-center {
  12166. justify-content: center;
  12167. text-align: center
  12168. }
  12169. .el-table-v2__row-cell.is-align-right {
  12170. justify-content: flex-end;
  12171. text-align: right
  12172. }
  12173. .el-table-v2__expand-icon {
  12174. cursor: pointer;
  12175. margin: 0 4px;
  12176. -webkit-user-select: none;
  12177. -moz-user-select: none;
  12178. user-select: none
  12179. }
  12180. .el-table-v2__expand-icon svg {
  12181. transition: transform var(--el-transition-duration)
  12182. }
  12183. .el-table-v2__expand-icon.is-expanded svg {
  12184. transform: rotate(90deg)
  12185. }
  12186. .el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  12187. overflow: hidden;
  12188. text-overflow: ellipsis;
  12189. white-space: nowrap
  12190. }
  12191. .el-table-v2.is-dynamic .el-table-v2__row {
  12192. align-items: stretch;
  12193. overflow: hidden
  12194. }
  12195. .el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  12196. overflow-wrap: break-word
  12197. }
  12198. .el-tabs {
  12199. --el-tabs-header-height: 40px;
  12200. display: flex
  12201. }
  12202. .el-tabs__header {
  12203. align-items: center;
  12204. display: flex;
  12205. justify-content: space-between;
  12206. margin: 0 0 15px;
  12207. padding: 0;
  12208. position: relative
  12209. }
  12210. .el-tabs__header-vertical {
  12211. flex-direction: column
  12212. }
  12213. .el-tabs__active-bar {
  12214. background-color: var(--el-color-primary);
  12215. bottom: 0;
  12216. height: 2px;
  12217. left: 0;
  12218. list-style: none;
  12219. position: absolute;
  12220. transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  12221. z-index: 1
  12222. }
  12223. .el-tabs__new-tab {
  12224. align-items: center;
  12225. border: 1px solid var(--el-border-color);
  12226. border-radius: 3px;
  12227. color: var(--el-text-color-primary);
  12228. cursor: pointer;
  12229. display: flex;
  12230. flex-shrink: 0;
  12231. font-size: 12px;
  12232. height: 20px;
  12233. justify-content: center;
  12234. line-height: 20px;
  12235. margin: 10px 0 10px 10px;
  12236. text-align: center;
  12237. transition: all .15s;
  12238. width: 20px
  12239. }
  12240. .el-tabs__new-tab .is-icon-plus {
  12241. height: inherit;
  12242. transform: scale(.8);
  12243. width: inherit
  12244. }
  12245. .el-tabs__new-tab .is-icon-plus svg {
  12246. vertical-align: middle
  12247. }
  12248. .el-tabs__new-tab:hover {
  12249. color: var(--el-color-primary)
  12250. }
  12251. .el-tabs__new-tab-vertical {
  12252. margin-left: 0
  12253. }
  12254. .el-tabs__nav-wrap {
  12255. flex: 1 auto;
  12256. margin-bottom: -1px;
  12257. overflow: hidden;
  12258. position: relative
  12259. }
  12260. .el-tabs__nav-wrap:after {
  12261. background-color: var(--el-border-color-light);
  12262. bottom: 0;
  12263. content: "";
  12264. height: 2px;
  12265. left: 0;
  12266. position: absolute;
  12267. width: 100%;
  12268. z-index: var(--el-index-normal)
  12269. }
  12270. .el-tabs__nav-wrap.is-scrollable {
  12271. box-sizing: border-box;
  12272. padding: 0 20px
  12273. }
  12274. .el-tabs__nav-scroll {
  12275. overflow: hidden
  12276. }
  12277. .el-tabs__nav-next,
  12278. .el-tabs__nav-prev {
  12279. color: var(--el-text-color-secondary);
  12280. cursor: pointer;
  12281. font-size: 12px;
  12282. line-height: 44px;
  12283. position: absolute;
  12284. text-align: center;
  12285. width: 20px
  12286. }
  12287. .el-tabs__nav-next {
  12288. right: 0
  12289. }
  12290. .el-tabs__nav-prev {
  12291. left: 0
  12292. }
  12293. .el-tabs__nav {
  12294. display: flex;
  12295. float: left;
  12296. position: relative;
  12297. transition: transform var(--el-transition-duration);
  12298. white-space: nowrap;
  12299. z-index: calc(var(--el-index-normal) + 1)
  12300. }
  12301. .el-tabs__nav.is-stretch {
  12302. display: flex;
  12303. min-width: 100%
  12304. }
  12305. .el-tabs__nav.is-stretch>* {
  12306. flex: 1;
  12307. text-align: center
  12308. }
  12309. .el-tabs__item {
  12310. align-items: center;
  12311. box-sizing: border-box;
  12312. color: var(--el-text-color-primary);
  12313. display: flex;
  12314. font-size: var(--el-font-size-base);
  12315. font-weight: 500;
  12316. height: var(--el-tabs-header-height);
  12317. justify-content: center;
  12318. list-style: none;
  12319. padding: 0 20px;
  12320. position: relative
  12321. }
  12322. .el-tabs__item:focus,
  12323. .el-tabs__item:focus:active {
  12324. outline: none
  12325. }
  12326. .el-tabs__item:focus-visible {
  12327. border-radius: 3px;
  12328. box-shadow: 0 0 2px 2px var(--el-color-primary) inset
  12329. }
  12330. .el-tabs__item .is-icon-close {
  12331. border-radius: 50%;
  12332. margin-left: 5px;
  12333. text-align: center;
  12334. transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
  12335. }
  12336. .el-tabs__item .is-icon-close:before {
  12337. display: inline-block;
  12338. transform: scale(.9)
  12339. }
  12340. .el-tabs__item .is-icon-close:hover {
  12341. background-color: var(--el-text-color-placeholder);
  12342. color: #ffffff
  12343. }
  12344. .el-tabs__item.is-active,
  12345. .el-tabs__item:hover {
  12346. color: var(--el-color-primary)
  12347. }
  12348. .el-tabs__item:hover {
  12349. cursor: pointer
  12350. }
  12351. .el-tabs__item.is-disabled {
  12352. color: var(--el-disabled-text-color);
  12353. cursor: not-allowed
  12354. }
  12355. .el-tabs__content {
  12356. flex-grow: 1;
  12357. overflow: hidden;
  12358. position: relative
  12359. }
  12360. .el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),
  12361. .el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2) {
  12362. padding-left: 0
  12363. }
  12364. .el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,
  12365. .el-tabs--top>.el-tabs__header .el-tabs__item:last-child {
  12366. padding-right: 0
  12367. }
  12368. .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
  12369. .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
  12370. .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
  12371. .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
  12372. padding-left: 20px
  12373. }
  12374. .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
  12375. .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
  12376. .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
  12377. .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
  12378. padding-right: 20px
  12379. }
  12380. .el-tabs--card>.el-tabs__header {
  12381. border-bottom: 1px solid var(--el-border-color-light);
  12382. height: var(--el-tabs-header-height)
  12383. }
  12384. .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
  12385. content: none
  12386. }
  12387. .el-tabs--card>.el-tabs__header .el-tabs__nav {
  12388. border: 1px solid var(--el-border-color-light);
  12389. border-bottom: none;
  12390. border-radius: 4px 4px 0 0;
  12391. box-sizing: border-box
  12392. }
  12393. .el-tabs--card>.el-tabs__header .el-tabs__active-bar {
  12394. display: none
  12395. }
  12396. .el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
  12397. font-size: 12px;
  12398. height: 14px;
  12399. overflow: hidden;
  12400. position: relative;
  12401. right: -2px;
  12402. transform-origin: 100% 50%;
  12403. width: 0
  12404. }
  12405. .el-tabs--card>.el-tabs__header .el-tabs__item {
  12406. border-bottom: 1px solid transparent;
  12407. border-left: 1px solid var(--el-border-color-light);
  12408. transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
  12409. }
  12410. .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
  12411. border-left: none
  12412. }
  12413. .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
  12414. padding-left: 13px;
  12415. padding-right: 13px
  12416. }
  12417. .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  12418. width: 14px
  12419. }
  12420. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  12421. border-bottom-color: var(--el-bg-color)
  12422. }
  12423. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
  12424. padding-left: 20px;
  12425. padding-right: 20px
  12426. }
  12427. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  12428. width: 14px
  12429. }
  12430. .el-tabs--border-card {
  12431. background: var(--el-bg-color-overlay);
  12432. border: 1px solid var(--el-border-color)
  12433. }
  12434. .el-tabs--border-card>.el-tabs__content {
  12435. padding: 15px
  12436. }
  12437. .el-tabs--border-card>.el-tabs__header {
  12438. background-color: var(--el-fill-color-light);
  12439. border-bottom: 1px solid var(--el-border-color-light);
  12440. margin: 0
  12441. }
  12442. .el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
  12443. content: none
  12444. }
  12445. .el-tabs--border-card>.el-tabs__header .el-tabs__item {
  12446. border: 1px solid transparent;
  12447. color: var(--el-text-color-secondary);
  12448. margin-top: -1px;
  12449. transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
  12450. }
  12451. .el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
  12452. .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
  12453. margin-left: -1px
  12454. }
  12455. .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  12456. background-color: var(--el-bg-color-overlay);
  12457. border-left-color: var(--el-border-color);
  12458. border-right-color: var(--el-border-color);
  12459. color: var(--el-color-primary)
  12460. }
  12461. .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  12462. color: var(--el-color-primary)
  12463. }
  12464. .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
  12465. color: var(--el-disabled-text-color)
  12466. }
  12467. .el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
  12468. margin-left: 0
  12469. }
  12470. .el-tabs--bottom {
  12471. flex-direction: column
  12472. }
  12473. .el-tabs--bottom .el-tabs__header.is-bottom {
  12474. margin-bottom: 0;
  12475. margin-top: 10px
  12476. }
  12477. .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  12478. border-bottom: 0;
  12479. border-top: 1px solid var(--el-border-color)
  12480. }
  12481. .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  12482. margin-bottom: 0;
  12483. margin-top: -1px
  12484. }
  12485. .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  12486. border: 1px solid transparent
  12487. }
  12488. .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  12489. margin: 0 -1px -1px
  12490. }
  12491. .el-tabs--left,
  12492. .el-tabs--right {
  12493. overflow: hidden
  12494. }
  12495. .el-tabs--left .el-tabs__header.is-left,
  12496. .el-tabs--left .el-tabs__header.is-right,
  12497. .el-tabs--left .el-tabs__nav-scroll,
  12498. .el-tabs--left .el-tabs__nav-wrap.is-left,
  12499. .el-tabs--left .el-tabs__nav-wrap.is-right,
  12500. .el-tabs--right .el-tabs__header.is-left,
  12501. .el-tabs--right .el-tabs__header.is-right,
  12502. .el-tabs--right .el-tabs__nav-scroll,
  12503. .el-tabs--right .el-tabs__nav-wrap.is-left,
  12504. .el-tabs--right .el-tabs__nav-wrap.is-right {
  12505. height: 100%
  12506. }
  12507. .el-tabs--left .el-tabs__active-bar.is-left,
  12508. .el-tabs--left .el-tabs__active-bar.is-right,
  12509. .el-tabs--right .el-tabs__active-bar.is-left,
  12510. .el-tabs--right .el-tabs__active-bar.is-right {
  12511. bottom: auto;
  12512. height: auto;
  12513. top: 0;
  12514. width: 2px
  12515. }
  12516. .el-tabs--left .el-tabs__nav-wrap.is-left,
  12517. .el-tabs--left .el-tabs__nav-wrap.is-right,
  12518. .el-tabs--right .el-tabs__nav-wrap.is-left,
  12519. .el-tabs--right .el-tabs__nav-wrap.is-right {
  12520. margin-bottom: 0
  12521. }
  12522. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12523. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12524. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
  12525. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
  12526. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12527. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12528. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
  12529. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
  12530. cursor: pointer;
  12531. height: 30px;
  12532. line-height: 30px;
  12533. text-align: center;
  12534. width: 100%
  12535. }
  12536. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
  12537. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
  12538. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
  12539. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
  12540. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
  12541. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
  12542. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
  12543. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
  12544. transform: rotate(90deg)
  12545. }
  12546. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12547. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
  12548. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12549. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
  12550. left: auto;
  12551. top: 0
  12552. }
  12553. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12554. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
  12555. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12556. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
  12557. bottom: 0;
  12558. right: auto
  12559. }
  12560. .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
  12561. .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
  12562. .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
  12563. .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  12564. padding: 30px 0
  12565. }
  12566. .el-tabs--left .el-tabs__nav-wrap.is-left:after,
  12567. .el-tabs--left .el-tabs__nav-wrap.is-right:after,
  12568. .el-tabs--right .el-tabs__nav-wrap.is-left:after,
  12569. .el-tabs--right .el-tabs__nav-wrap.is-right:after {
  12570. bottom: auto;
  12571. height: 100%;
  12572. top: 0;
  12573. width: 2px
  12574. }
  12575. .el-tabs--left .el-tabs__nav.is-left,
  12576. .el-tabs--left .el-tabs__nav.is-right,
  12577. .el-tabs--right .el-tabs__nav.is-left,
  12578. .el-tabs--right .el-tabs__nav.is-right {
  12579. flex-direction: column
  12580. }
  12581. .el-tabs--left .el-tabs__item.is-left,
  12582. .el-tabs--right .el-tabs__item.is-left {
  12583. justify-content: flex-end
  12584. }
  12585. .el-tabs--left .el-tabs__item.is-right,
  12586. .el-tabs--right .el-tabs__item.is-right {
  12587. justify-content: flex-start
  12588. }
  12589. .el-tabs--left {
  12590. flex-direction: row-reverse
  12591. }
  12592. .el-tabs--left .el-tabs__header.is-left {
  12593. margin-bottom: 0;
  12594. margin-right: 10px
  12595. }
  12596. .el-tabs--left .el-tabs__nav-wrap.is-left {
  12597. margin-right: -1px
  12598. }
  12599. .el-tabs--left .el-tabs__active-bar.is-left,
  12600. .el-tabs--left .el-tabs__nav-wrap.is-left:after {
  12601. left: auto;
  12602. right: 0
  12603. }
  12604. .el-tabs--left .el-tabs__item.is-left {
  12605. text-align: right
  12606. }
  12607. .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  12608. display: none
  12609. }
  12610. .el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  12611. border-bottom: none;
  12612. border-left: none;
  12613. border-right: 1px solid var(--el-border-color-light);
  12614. border-top: 1px solid var(--el-border-color-light);
  12615. text-align: left
  12616. }
  12617. .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  12618. border-right: 1px solid var(--el-border-color-light);
  12619. border-top: none
  12620. }
  12621. .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  12622. border: 1px solid var(--el-border-color-light);
  12623. border-bottom: none;
  12624. border-left: none;
  12625. border-right: 1px solid #fff
  12626. }
  12627. .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  12628. border-top: none
  12629. }
  12630. .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  12631. border-bottom: none
  12632. }
  12633. .el-tabs--left.el-tabs--card .el-tabs__nav {
  12634. border-bottom: 1px solid var(--el-border-color-light);
  12635. border-radius: 4px 0 0 4px;
  12636. border-right: none
  12637. }
  12638. .el-tabs--left.el-tabs--card .el-tabs__new-tab {
  12639. float: none
  12640. }
  12641. .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  12642. border-right: 1px solid var(--el-border-color)
  12643. }
  12644. .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  12645. border: 1px solid transparent;
  12646. margin: -1px 0 -1px -1px
  12647. }
  12648. .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  12649. border-color: rgb(209, 219, 229) transparent
  12650. }
  12651. .el-tabs--right .el-tabs__header.is-right {
  12652. margin-bottom: 0;
  12653. margin-left: 10px
  12654. }
  12655. .el-tabs--right .el-tabs__nav-wrap.is-right {
  12656. margin-left: -1px
  12657. }
  12658. .el-tabs--right .el-tabs__nav-wrap.is-right:after {
  12659. left: 0;
  12660. right: auto
  12661. }
  12662. .el-tabs--right .el-tabs__active-bar.is-right {
  12663. left: 0
  12664. }
  12665. .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  12666. display: none
  12667. }
  12668. .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  12669. border-bottom: none;
  12670. border-top: 1px solid var(--el-border-color-light)
  12671. }
  12672. .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  12673. border-left: 1px solid var(--el-border-color-light);
  12674. border-top: none
  12675. }
  12676. .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  12677. border: 1px solid var(--el-border-color-light);
  12678. border-bottom: none;
  12679. border-left: 1px solid #fff;
  12680. border-right: none
  12681. }
  12682. .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  12683. border-top: none
  12684. }
  12685. .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  12686. border-bottom: none
  12687. }
  12688. .el-tabs--right.el-tabs--card .el-tabs__nav {
  12689. border-bottom: 1px solid var(--el-border-color-light);
  12690. border-left: none;
  12691. border-radius: 0 4px 4px 0
  12692. }
  12693. .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  12694. border-left: 1px solid var(--el-border-color)
  12695. }
  12696. .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  12697. border: 1px solid transparent;
  12698. margin: -1px -1px -1px 0
  12699. }
  12700. .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  12701. border-color: rgb(209, 219, 229) transparent
  12702. }
  12703. .el-tabs--top {
  12704. flex-direction: column-reverse
  12705. }
  12706. .slideInLeft-transition,
  12707. .slideInRight-transition {
  12708. display: inline-block
  12709. }
  12710. .slideInRight-enter {
  12711. animation: slideInRight-enter var(--el-transition-duration)
  12712. }
  12713. .slideInRight-leave {
  12714. animation: slideInRight-leave var(--el-transition-duration);
  12715. left: 0;
  12716. position: absolute;
  12717. right: 0
  12718. }
  12719. .slideInLeft-enter {
  12720. animation: slideInLeft-enter var(--el-transition-duration)
  12721. }
  12722. .slideInLeft-leave {
  12723. animation: slideInLeft-leave var(--el-transition-duration);
  12724. left: 0;
  12725. position: absolute;
  12726. right: 0
  12727. }
  12728. @keyframes slideInRight-enter {
  12729. 0% {
  12730. opacity: 0;
  12731. transform: translateX(100%);
  12732. transform-origin: 0 0
  12733. }
  12734. to {
  12735. opacity: 1;
  12736. transform: translateX(0);
  12737. transform-origin: 0 0
  12738. }
  12739. }
  12740. @keyframes slideInRight-leave {
  12741. 0% {
  12742. opacity: 1;
  12743. transform: translateX(0);
  12744. transform-origin: 0 0
  12745. }
  12746. to {
  12747. opacity: 0;
  12748. transform: translateX(100%);
  12749. transform-origin: 0 0
  12750. }
  12751. }
  12752. @keyframes slideInLeft-enter {
  12753. 0% {
  12754. opacity: 0;
  12755. transform: translateX(-100%);
  12756. transform-origin: 0 0
  12757. }
  12758. to {
  12759. opacity: 1;
  12760. transform: translateX(0);
  12761. transform-origin: 0 0
  12762. }
  12763. }
  12764. @keyframes slideInLeft-leave {
  12765. 0% {
  12766. opacity: 1;
  12767. transform: translateX(0);
  12768. transform-origin: 0 0
  12769. }
  12770. to {
  12771. opacity: 0;
  12772. transform: translateX(-100%);
  12773. transform-origin: 0 0
  12774. }
  12775. }
  12776. .el-tag {
  12777. --el-tag-font-size: 12px;
  12778. --el-tag-border-radius: 4px;
  12779. --el-tag-border-radius-rounded: 9999px;
  12780. align-items: center;
  12781. background-color: var(--el-tag-bg-color);
  12782. border-color: var(--el-tag-border-color);
  12783. border-radius: var(--el-tag-border-radius);
  12784. border-style: solid;
  12785. border-width: 1px;
  12786. box-sizing: border-box;
  12787. color: var(--el-tag-text-color);
  12788. display: inline-flex;
  12789. font-size: var(--el-tag-font-size);
  12790. height: 24px;
  12791. justify-content: center;
  12792. line-height: 1;
  12793. padding: 0 9px;
  12794. vertical-align: middle;
  12795. white-space: nowrap;
  12796. --el-icon-size: 14px
  12797. }
  12798. .el-tag,
  12799. .el-tag.el-tag--primary {
  12800. --el-tag-bg-color: var(--el-color-primary-light-9);
  12801. --el-tag-border-color: var(--el-color-primary-light-8);
  12802. --el-tag-hover-color: var(--el-color-primary)
  12803. }
  12804. .el-tag.el-tag--success {
  12805. --el-tag-bg-color: var(--el-color-success-light-9);
  12806. --el-tag-border-color: var(--el-color-success-light-8);
  12807. --el-tag-hover-color: var(--el-color-success)
  12808. }
  12809. .el-tag.el-tag--warning {
  12810. --el-tag-bg-color: var(--el-color-warning-light-9);
  12811. --el-tag-border-color: var(--el-color-warning-light-8);
  12812. --el-tag-hover-color: var(--el-color-warning)
  12813. }
  12814. .el-tag.el-tag--danger {
  12815. --el-tag-bg-color: var(--el-color-danger-light-9);
  12816. --el-tag-border-color: var(--el-color-danger-light-8);
  12817. --el-tag-hover-color: var(--el-color-danger)
  12818. }
  12819. .el-tag.el-tag--error {
  12820. --el-tag-bg-color: var(--el-color-error-light-9);
  12821. --el-tag-border-color: var(--el-color-error-light-8);
  12822. --el-tag-hover-color: var(--el-color-error)
  12823. }
  12824. .el-tag.el-tag--info {
  12825. --el-tag-bg-color: var(--el-color-info-light-9);
  12826. --el-tag-border-color: var(--el-color-info-light-8);
  12827. --el-tag-hover-color: var(--el-color-info)
  12828. }
  12829. .el-tag.is-hit {
  12830. border-color: var(--el-color-primary)
  12831. }
  12832. .el-tag.is-round {
  12833. border-radius: var(--el-tag-border-radius-rounded)
  12834. }
  12835. .el-tag .el-tag__close {
  12836. color: var(--el-tag-text-color);
  12837. flex-shrink: 0
  12838. }
  12839. .el-tag .el-tag__close:hover {
  12840. background-color: var(--el-tag-hover-color);
  12841. color: var(--el-color-white)
  12842. }
  12843. .el-tag.el-tag--primary {
  12844. --el-tag-text-color: var(--el-color-primary)
  12845. }
  12846. .el-tag.el-tag--success {
  12847. --el-tag-text-color: var(--el-color-success)
  12848. }
  12849. .el-tag.el-tag--warning {
  12850. --el-tag-text-color: var(--el-color-warning)
  12851. }
  12852. .el-tag.el-tag--danger {
  12853. --el-tag-text-color: var(--el-color-danger)
  12854. }
  12855. .el-tag.el-tag--error {
  12856. --el-tag-text-color: var(--el-color-error)
  12857. }
  12858. .el-tag.el-tag--info {
  12859. --el-tag-text-color: var(--el-color-info)
  12860. }
  12861. .el-tag .el-icon {
  12862. border-radius: 50%;
  12863. cursor: pointer;
  12864. font-size: calc(var(--el-icon-size) - 2px);
  12865. height: var(--el-icon-size);
  12866. width: var(--el-icon-size)
  12867. }
  12868. .el-tag .el-tag__close {
  12869. margin-left: 6px
  12870. }
  12871. .el-tag--dark {
  12872. --el-tag-text-color: var(--el-color-white)
  12873. }
  12874. .el-tag--dark,
  12875. .el-tag--dark.el-tag--primary {
  12876. --el-tag-bg-color: var(--el-color-primary);
  12877. --el-tag-border-color: var(--el-color-primary);
  12878. --el-tag-hover-color: var(--el-color-primary-light-3)
  12879. }
  12880. .el-tag--dark.el-tag--success {
  12881. --el-tag-bg-color: var(--el-color-success);
  12882. --el-tag-border-color: var(--el-color-success);
  12883. --el-tag-hover-color: var(--el-color-success-light-3)
  12884. }
  12885. .el-tag--dark.el-tag--warning {
  12886. --el-tag-bg-color: var(--el-color-warning);
  12887. --el-tag-border-color: var(--el-color-warning);
  12888. --el-tag-hover-color: var(--el-color-warning-light-3)
  12889. }
  12890. .el-tag--dark.el-tag--danger {
  12891. --el-tag-bg-color: var(--el-color-danger);
  12892. --el-tag-border-color: var(--el-color-danger);
  12893. --el-tag-hover-color: var(--el-color-danger-light-3)
  12894. }
  12895. .el-tag--dark.el-tag--error {
  12896. --el-tag-bg-color: var(--el-color-error);
  12897. --el-tag-border-color: var(--el-color-error);
  12898. --el-tag-hover-color: var(--el-color-error-light-3)
  12899. }
  12900. .el-tag--dark.el-tag--info {
  12901. --el-tag-bg-color: var(--el-color-info);
  12902. --el-tag-border-color: var(--el-color-info);
  12903. --el-tag-hover-color: var(--el-color-info-light-3)
  12904. }
  12905. .el-tag--dark.el-tag--danger,
  12906. .el-tag--dark.el-tag--error,
  12907. .el-tag--dark.el-tag--info,
  12908. .el-tag--dark.el-tag--primary,
  12909. .el-tag--dark.el-tag--success,
  12910. .el-tag--dark.el-tag--warning {
  12911. --el-tag-text-color: var(--el-color-white)
  12912. }
  12913. .el-tag--plain,
  12914. .el-tag--plain.el-tag--primary {
  12915. --el-tag-bg-color: var(--el-fill-color-blank);
  12916. --el-tag-border-color: var(--el-color-primary-light-5);
  12917. --el-tag-hover-color: var(--el-color-primary)
  12918. }
  12919. .el-tag--plain.el-tag--success {
  12920. --el-tag-bg-color: var(--el-fill-color-blank);
  12921. --el-tag-border-color: var(--el-color-success-light-5);
  12922. --el-tag-hover-color: var(--el-color-success)
  12923. }
  12924. .el-tag--plain.el-tag--warning {
  12925. --el-tag-bg-color: var(--el-fill-color-blank);
  12926. --el-tag-border-color: var(--el-color-warning-light-5);
  12927. --el-tag-hover-color: var(--el-color-warning)
  12928. }
  12929. .el-tag--plain.el-tag--danger {
  12930. --el-tag-bg-color: var(--el-fill-color-blank);
  12931. --el-tag-border-color: var(--el-color-danger-light-5);
  12932. --el-tag-hover-color: var(--el-color-danger)
  12933. }
  12934. .el-tag--plain.el-tag--error {
  12935. --el-tag-bg-color: var(--el-fill-color-blank);
  12936. --el-tag-border-color: var(--el-color-error-light-5);
  12937. --el-tag-hover-color: var(--el-color-error)
  12938. }
  12939. .el-tag--plain.el-tag--info {
  12940. --el-tag-bg-color: var(--el-fill-color-blank);
  12941. --el-tag-border-color: var(--el-color-info-light-5);
  12942. --el-tag-hover-color: var(--el-color-info)
  12943. }
  12944. .el-tag.is-closable {
  12945. padding-right: 5px
  12946. }
  12947. .el-tag--large {
  12948. height: 32px;
  12949. padding: 0 11px;
  12950. --el-icon-size: 16px
  12951. }
  12952. .el-tag--large .el-tag__close {
  12953. margin-left: 8px
  12954. }
  12955. .el-tag--large.is-closable {
  12956. padding-right: 7px
  12957. }
  12958. .el-tag--small {
  12959. height: 20px;
  12960. padding: 0 7px;
  12961. --el-icon-size: 12px
  12962. }
  12963. .el-tag--small .el-tag__close {
  12964. margin-left: 4px
  12965. }
  12966. .el-tag--small.is-closable {
  12967. padding-right: 3px
  12968. }
  12969. .el-tag--small .el-icon-close {
  12970. transform: scale(.8)
  12971. }
  12972. .el-tag.el-tag--primary.is-hit {
  12973. border-color: var(--el-color-primary)
  12974. }
  12975. .el-tag.el-tag--success.is-hit {
  12976. border-color: var(--el-color-success)
  12977. }
  12978. .el-tag.el-tag--warning.is-hit {
  12979. border-color: var(--el-color-warning)
  12980. }
  12981. .el-tag.el-tag--danger.is-hit {
  12982. border-color: var(--el-color-danger)
  12983. }
  12984. .el-tag.el-tag--error.is-hit {
  12985. border-color: var(--el-color-error)
  12986. }
  12987. .el-tag.el-tag--info.is-hit {
  12988. border-color: var(--el-color-info)
  12989. }
  12990. .el-text {
  12991. --el-text-font-size: var(--el-font-size-base);
  12992. --el-text-color: var(--el-text-color-regular);
  12993. align-self: center;
  12994. color: var(--el-text-color);
  12995. font-size: var(--el-text-font-size);
  12996. margin: 0;
  12997. overflow-wrap: break-word;
  12998. padding: 0
  12999. }
  13000. .el-text.is-truncated {
  13001. display: inline-block;
  13002. max-width: 100%;
  13003. overflow: hidden;
  13004. text-overflow: ellipsis;
  13005. white-space: nowrap
  13006. }
  13007. .el-text.is-line-clamp {
  13008. display: -webkit-inline-box;
  13009. -webkit-box-orient: vertical;
  13010. overflow: hidden
  13011. }
  13012. .el-text--large {
  13013. --el-text-font-size: var(--el-font-size-medium)
  13014. }
  13015. .el-text--default {
  13016. --el-text-font-size: var(--el-font-size-base)
  13017. }
  13018. .el-text--small {
  13019. --el-text-font-size: var(--el-font-size-extra-small)
  13020. }
  13021. .el-text.el-text--primary {
  13022. --el-text-color: var(--el-color-primary)
  13023. }
  13024. .el-text.el-text--success {
  13025. --el-text-color: var(--el-color-success)
  13026. }
  13027. .el-text.el-text--warning {
  13028. --el-text-color: var(--el-color-warning)
  13029. }
  13030. .el-text.el-text--danger {
  13031. --el-text-color: var(--el-color-danger)
  13032. }
  13033. .el-text.el-text--error {
  13034. --el-text-color: var(--el-color-error)
  13035. }
  13036. .el-text.el-text--info {
  13037. --el-text-color: var(--el-color-info)
  13038. }
  13039. .el-text>.el-icon {
  13040. vertical-align: -2px
  13041. }
  13042. .time-select {
  13043. margin: 5px 0;
  13044. min-width: 0
  13045. }
  13046. .time-select .el-picker-panel__content {
  13047. margin: 0;
  13048. max-height: 200px
  13049. }
  13050. .time-select-item {
  13051. font-size: 14px;
  13052. line-height: 20px;
  13053. padding: 8px 10px
  13054. }
  13055. .time-select-item.disabled {
  13056. color: var(--el-datepicker-border-color);
  13057. cursor: not-allowed
  13058. }
  13059. .time-select-item:hover {
  13060. background-color: var(--el-fill-color-light);
  13061. cursor: pointer;
  13062. font-weight: bold
  13063. }
  13064. .time-select .time-select-item.selected:not(.disabled) {
  13065. color: var(--el-color-primary);
  13066. font-weight: bold
  13067. }
  13068. .el-timeline-item {
  13069. padding-bottom: 20px;
  13070. position: relative
  13071. }
  13072. .el-timeline-item__wrapper {
  13073. padding-left: 28px;
  13074. position: relative;
  13075. top: -3px
  13076. }
  13077. .el-timeline-item__tail {
  13078. border-left: 2px solid var(--el-timeline-node-color);
  13079. height: 100%;
  13080. left: 4px;
  13081. position: absolute
  13082. }
  13083. .el-timeline-item .el-timeline-item__icon {
  13084. color: var(--el-color-white);
  13085. font-size: var(--el-font-size-small)
  13086. }
  13087. .el-timeline-item__node {
  13088. align-items: center;
  13089. background-color: var(--el-timeline-node-color);
  13090. border-color: var(--el-timeline-node-color);
  13091. border-radius: 50%;
  13092. box-sizing: border-box;
  13093. display: flex;
  13094. justify-content: center;
  13095. position: absolute
  13096. }
  13097. .el-timeline-item__node--normal {
  13098. height: var(--el-timeline-node-size-normal);
  13099. left: -1px;
  13100. width: var(--el-timeline-node-size-normal)
  13101. }
  13102. .el-timeline-item__node--large {
  13103. height: var(--el-timeline-node-size-large);
  13104. left: -2px;
  13105. width: var(--el-timeline-node-size-large)
  13106. }
  13107. .el-timeline-item__node.is-hollow {
  13108. background: var(--el-color-white);
  13109. border-style: solid;
  13110. border-width: 2px
  13111. }
  13112. .el-timeline-item__node--primary {
  13113. background-color: var(--el-color-primary);
  13114. border-color: var(--el-color-primary)
  13115. }
  13116. .el-timeline-item__node--success {
  13117. background-color: var(--el-color-success);
  13118. border-color: var(--el-color-success)
  13119. }
  13120. .el-timeline-item__node--warning {
  13121. background-color: var(--el-color-warning);
  13122. border-color: var(--el-color-warning)
  13123. }
  13124. .el-timeline-item__node--danger {
  13125. background-color: var(--el-color-danger);
  13126. border-color: var(--el-color-danger)
  13127. }
  13128. .el-timeline-item__node--info {
  13129. background-color: var(--el-color-info);
  13130. border-color: var(--el-color-info)
  13131. }
  13132. .el-timeline-item__dot {
  13133. align-items: center;
  13134. display: flex;
  13135. justify-content: center;
  13136. position: absolute
  13137. }
  13138. .el-timeline-item__content {
  13139. color: var(--el-text-color-primary)
  13140. }
  13141. .el-timeline-item__timestamp {
  13142. color: var(--el-text-color-secondary);
  13143. font-size: var(--el-font-size-small);
  13144. line-height: 1
  13145. }
  13146. .el-timeline-item__timestamp.is-top {
  13147. margin-bottom: 8px;
  13148. padding-top: 4px
  13149. }
  13150. .el-timeline-item__timestamp.is-bottom {
  13151. margin-top: 8px
  13152. }
  13153. .el-timeline {
  13154. --el-timeline-node-size-normal: 12px;
  13155. --el-timeline-node-size-large: 14px;
  13156. --el-timeline-node-color: var(--el-border-color-light);
  13157. font-size: var(--el-font-size-base);
  13158. list-style: none;
  13159. margin: 0
  13160. }
  13161. .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  13162. display: none
  13163. }
  13164. .el-timeline .el-timeline-item__center {
  13165. align-items: center;
  13166. display: flex
  13167. }
  13168. .el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
  13169. width: 100%
  13170. }
  13171. .el-timeline .el-timeline-item__center .el-timeline-item__tail {
  13172. top: 0
  13173. }
  13174. .el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
  13175. height: calc(50% + 10px);
  13176. top: calc(50% - 10px)
  13177. }
  13178. .el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
  13179. display: block;
  13180. height: calc(50% - 10px)
  13181. }
  13182. .el-tooltip-v2__content {
  13183. --el-tooltip-v2-padding: 5px 10px;
  13184. --el-tooltip-v2-border-radius: 4px;
  13185. --el-tooltip-v2-border-color: var(--el-border-color);
  13186. background-color: var(--el-color-white);
  13187. border: 1px solid var(--el-border-color);
  13188. border-radius: var(--el-tooltip-v2-border-radius);
  13189. color: var(--el-color-black);
  13190. padding: var(--el-tooltip-v2-padding)
  13191. }
  13192. .el-tooltip-v2__arrow {
  13193. color: var(--el-color-white);
  13194. height: var(--el-tooltip-v2-arrow-height);
  13195. left: var(--el-tooltip-v2-arrow-x);
  13196. pointer-events: none;
  13197. position: absolute;
  13198. top: var(--el-tooltip-v2-arrow-y);
  13199. width: var(--el-tooltip-v2-arrow-width)
  13200. }
  13201. .el-tooltip-v2__arrow:after,
  13202. .el-tooltip-v2__arrow:before {
  13203. border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
  13204. content: "";
  13205. height: 0;
  13206. position: absolute;
  13207. width: 0
  13208. }
  13209. .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
  13210. bottom: 0
  13211. }
  13212. .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before {
  13213. border-bottom: 0;
  13214. border-top-color: var(--el-color-white);
  13215. border-top-width: var(--el-tooltip-v2-arrow-border-width);
  13216. top: calc(100% - 1px)
  13217. }
  13218. .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after {
  13219. border-bottom: 0;
  13220. border-top-color: var(--el-border-color);
  13221. border-top-width: var(--el-tooltip-v2-arrow-border-width);
  13222. top: 100%;
  13223. z-index: -1
  13224. }
  13225. .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
  13226. top: 0
  13227. }
  13228. .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before {
  13229. border-bottom-color: var(--el-color-white);
  13230. border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
  13231. border-top: 0;
  13232. bottom: calc(100% - 1px)
  13233. }
  13234. .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after {
  13235. border-bottom-color: var(--el-border-color);
  13236. border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
  13237. border-top: 0;
  13238. bottom: 100%;
  13239. z-index: -1
  13240. }
  13241. .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
  13242. right: 0
  13243. }
  13244. .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before {
  13245. border-left-color: var(--el-color-white);
  13246. border-left-width: var(--el-tooltip-v2-arrow-border-width);
  13247. border-right: 0;
  13248. left: calc(100% - 1px)
  13249. }
  13250. .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after {
  13251. border-left-color: var(--el-border-color);
  13252. border-left-width: var(--el-tooltip-v2-arrow-border-width);
  13253. border-right: 0;
  13254. left: 100%;
  13255. z-index: -1
  13256. }
  13257. .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
  13258. left: 0
  13259. }
  13260. .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before {
  13261. border-left: 0;
  13262. border-right-color: var(--el-color-white);
  13263. border-right-width: var(--el-tooltip-v2-arrow-border-width);
  13264. right: calc(100% - 1px)
  13265. }
  13266. .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after {
  13267. border-left: 0;
  13268. border-right-color: var(--el-border-color);
  13269. border-right-width: var(--el-tooltip-v2-arrow-border-width);
  13270. right: 100%;
  13271. z-index: -1
  13272. }
  13273. .el-tooltip-v2__content.is-dark {
  13274. --el-tooltip-v2-border-color: transparent;
  13275. color: var(--el-color-white)
  13276. }
  13277. .el-tooltip-v2__content.is-dark,
  13278. .el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
  13279. background-color: var(--el-color-black);
  13280. border-color: transparent
  13281. }
  13282. .el-transfer {
  13283. --el-transfer-border-color: var(--el-border-color-lighter);
  13284. --el-transfer-border-radius: var(--el-border-radius-base);
  13285. --el-transfer-panel-width: 200px;
  13286. --el-transfer-panel-header-height: 40px;
  13287. --el-transfer-panel-header-bg-color: var(--el-fill-color-light);
  13288. --el-transfer-panel-footer-height: 40px;
  13289. --el-transfer-panel-body-height: 278px;
  13290. --el-transfer-item-height: 30px;
  13291. --el-transfer-filter-height: 32px;
  13292. font-size: var(--el-font-size-base)
  13293. }
  13294. .el-transfer__buttons {
  13295. display: inline-block;
  13296. padding: 0 30px;
  13297. vertical-align: middle
  13298. }
  13299. .el-transfer__button {
  13300. vertical-align: top
  13301. }
  13302. .el-transfer__button:nth-child(2) {
  13303. margin: 0 0 0 10px
  13304. }
  13305. .el-transfer__button i,
  13306. .el-transfer__button span {
  13307. font-size: 14px
  13308. }
  13309. .el-transfer__button .el-icon+span {
  13310. margin-left: 0
  13311. }
  13312. .el-transfer-panel {
  13313. background: var(--el-bg-color-overlay);
  13314. box-sizing: border-box;
  13315. display: inline-block;
  13316. max-height: 100%;
  13317. overflow: hidden;
  13318. position: relative;
  13319. text-align: left;
  13320. vertical-align: middle;
  13321. width: var(--el-transfer-panel-width)
  13322. }
  13323. .el-transfer-panel__body {
  13324. border-bottom: 1px solid var(--el-transfer-border-color);
  13325. border-bottom-left-radius: var(--el-transfer-border-radius);
  13326. border-bottom-right-radius: var(--el-transfer-border-radius);
  13327. border-left: 1px solid var(--el-transfer-border-color);
  13328. border-right: 1px solid var(--el-transfer-border-color);
  13329. height: var(--el-transfer-panel-body-height);
  13330. overflow: hidden
  13331. }
  13332. .el-transfer-panel__body.is-with-footer {
  13333. border-bottom: none;
  13334. border-bottom-left-radius: 0;
  13335. border-bottom-right-radius: 0
  13336. }
  13337. .el-transfer-panel__list {
  13338. box-sizing: border-box;
  13339. height: var(--el-transfer-panel-body-height);
  13340. list-style: none;
  13341. margin: 0;
  13342. overflow: auto;
  13343. padding: 6px 0
  13344. }
  13345. .el-transfer-panel__list.is-filterable {
  13346. height: calc(100% - var(--el-transfer-filter-height) - 30px);
  13347. padding-top: 0
  13348. }
  13349. .el-transfer-panel__item {
  13350. display: block !important;
  13351. height: var(--el-transfer-item-height);
  13352. line-height: var(--el-transfer-item-height);
  13353. padding-left: 15px
  13354. }
  13355. .el-transfer-panel__item+.el-transfer-panel__item {
  13356. margin-left: 0
  13357. }
  13358. .el-transfer-panel__item.el-checkbox {
  13359. color: var(--el-text-color-regular)
  13360. }
  13361. .el-transfer-panel__item:hover {
  13362. color: var(--el-color-primary)
  13363. }
  13364. .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  13365. box-sizing: border-box;
  13366. display: block;
  13367. line-height: var(--el-transfer-item-height);
  13368. overflow: hidden;
  13369. padding-left: 22px;
  13370. text-overflow: ellipsis;
  13371. white-space: nowrap;
  13372. width: 100%
  13373. }
  13374. .el-transfer-panel__item .el-checkbox__input {
  13375. position: absolute;
  13376. top: 8px
  13377. }
  13378. .el-transfer-panel__filter {
  13379. box-sizing: border-box;
  13380. padding: 15px;
  13381. text-align: center
  13382. }
  13383. .el-transfer-panel__filter .el-input__inner {
  13384. box-sizing: border-box;
  13385. display: inline-block;
  13386. font-size: 12px;
  13387. height: var(--el-transfer-filter-height);
  13388. width: 100%
  13389. }
  13390. .el-transfer-panel__filter .el-icon-circle-close {
  13391. cursor: pointer
  13392. }
  13393. .el-transfer-panel .el-transfer-panel__header {
  13394. align-items: center;
  13395. background: var(--el-transfer-panel-header-bg-color);
  13396. border: 1px solid var(--el-transfer-border-color);
  13397. border-top-left-radius: var(--el-transfer-border-radius);
  13398. border-top-right-radius: var(--el-transfer-border-radius);
  13399. box-sizing: border-box;
  13400. color: var(--el-color-black);
  13401. display: flex;
  13402. height: var(--el-transfer-panel-header-height);
  13403. margin: 0;
  13404. padding-left: 15px
  13405. }
  13406. .el-transfer-panel .el-transfer-panel__header .el-checkbox {
  13407. align-items: center;
  13408. display: flex;
  13409. position: relative;
  13410. width: 100%
  13411. }
  13412. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  13413. color: var(--el-text-color-primary);
  13414. font-size: 16px;
  13415. font-weight: normal
  13416. }
  13417. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  13418. color: var(--el-text-color-secondary);
  13419. font-size: 12px;
  13420. font-weight: normal;
  13421. position: absolute;
  13422. right: 15px;
  13423. top: 50%;
  13424. transform: translate3d(0, -50%, 0)
  13425. }
  13426. .el-transfer-panel .el-transfer-panel__footer {
  13427. background: var(--el-bg-color-overlay);
  13428. border: 1px solid var(--el-transfer-border-color);
  13429. border-bottom-left-radius: var(--el-transfer-border-radius);
  13430. border-bottom-right-radius: var(--el-transfer-border-radius);
  13431. height: var(--el-transfer-panel-footer-height);
  13432. margin: 0;
  13433. padding: 0
  13434. }
  13435. .el-transfer-panel .el-transfer-panel__footer:after {
  13436. content: "";
  13437. display: inline-block;
  13438. height: 100%;
  13439. vertical-align: middle
  13440. }
  13441. .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  13442. color: var(--el-text-color-regular);
  13443. padding-left: 20px
  13444. }
  13445. .el-transfer-panel .el-transfer-panel__empty {
  13446. color: var(--el-text-color-secondary);
  13447. height: var(--el-transfer-item-height);
  13448. line-height: var(--el-transfer-item-height);
  13449. margin: 0;
  13450. padding: 6px 15px 0;
  13451. text-align: center
  13452. }
  13453. .el-transfer-panel .el-checkbox__label {
  13454. padding-left: 8px
  13455. }
  13456. .el-transfer-panel .el-checkbox__inner {
  13457. border-radius: 3px;
  13458. height: 14px;
  13459. width: 14px
  13460. }
  13461. .el-transfer-panel .el-checkbox__inner:after {
  13462. height: 6px;
  13463. left: 4px;
  13464. width: 3px
  13465. }
  13466. .el-tree {
  13467. --el-tree-node-content-height: 26px;
  13468. --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  13469. --el-tree-text-color: var(--el-text-color-regular);
  13470. --el-tree-expand-icon-color: var(--el-text-color-placeholder);
  13471. background: var(--el-fill-color-blank);
  13472. color: var(--el-tree-text-color);
  13473. cursor: default;
  13474. font-size: var(--el-font-size-base);
  13475. position: relative
  13476. }
  13477. .el-tree__empty-block {
  13478. height: 100%;
  13479. min-height: 60px;
  13480. position: relative;
  13481. text-align: center;
  13482. width: 100%
  13483. }
  13484. .el-tree__empty-text {
  13485. color: var(--el-text-color-secondary);
  13486. font-size: var(--el-font-size-base);
  13487. left: 50%;
  13488. position: absolute;
  13489. top: 50%;
  13490. transform: translate(-50%, -50%)
  13491. }
  13492. .el-tree__drop-indicator {
  13493. background-color: var(--el-color-primary);
  13494. height: 1px;
  13495. left: 0;
  13496. position: absolute;
  13497. right: 0
  13498. }
  13499. .el-tree-node {
  13500. outline: none;
  13501. white-space: nowrap
  13502. }
  13503. .el-tree-node:focus>.el-tree-node__content {
  13504. background-color: var(--el-tree-node-hover-bg-color)
  13505. }
  13506. .el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
  13507. background-color: var(--el-color-primary);
  13508. color: #fff
  13509. }
  13510. .el-tree-node__content {
  13511. --el-checkbox-height: var(--el-tree-node-content-height);
  13512. align-items: center;
  13513. cursor: pointer;
  13514. display: flex;
  13515. height: var(--el-tree-node-content-height)
  13516. }
  13517. .el-tree-node__content>.el-tree-node__expand-icon {
  13518. box-sizing: content-box;
  13519. padding: 6px
  13520. }
  13521. .el-tree-node__content>label.el-checkbox {
  13522. margin-right: 8px
  13523. }
  13524. .el-tree-node__content:hover {
  13525. background-color: var(--el-tree-node-hover-bg-color)
  13526. }
  13527. .el-tree.is-dragging .el-tree-node__content {
  13528. cursor: move
  13529. }
  13530. .el-tree.is-dragging .el-tree-node__content * {
  13531. pointer-events: none
  13532. }
  13533. .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  13534. cursor: not-allowed
  13535. }
  13536. .el-tree-node__expand-icon {
  13537. color: var(--el-tree-expand-icon-color);
  13538. cursor: pointer;
  13539. font-size: 12px;
  13540. transform: rotate(0deg);
  13541. transition: transform var(--el-transition-duration) ease-in-out
  13542. }
  13543. .el-tree-node__expand-icon.expanded {
  13544. transform: rotate(90deg)
  13545. }
  13546. .el-tree-node__expand-icon.is-leaf {
  13547. color: transparent;
  13548. cursor: default;
  13549. visibility: hidden
  13550. }
  13551. .el-tree-node__expand-icon.is-hidden {
  13552. visibility: hidden
  13553. }
  13554. .el-tree-node__loading-icon {
  13555. color: var(--el-tree-expand-icon-color);
  13556. font-size: var(--el-font-size-base);
  13557. margin-right: 8px
  13558. }
  13559. .el-tree-node>.el-tree-node__children {
  13560. background-color: transparent;
  13561. overflow: hidden
  13562. }
  13563. .el-tree-node.is-expanded>.el-tree-node__children {
  13564. display: block
  13565. }
  13566. .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  13567. background-color: var(--el-color-primary-light-9)
  13568. }
  13569. .el-tree-select {
  13570. --el-tree-node-content-height: 26px;
  13571. --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  13572. --el-tree-text-color: var(--el-text-color-regular);
  13573. --el-tree-expand-icon-color: var(--el-text-color-placeholder)
  13574. }
  13575. .el-tree-select__popper .el-tree-node__expand-icon {
  13576. margin-left: 8px
  13577. }
  13578. .el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after {
  13579. content: none
  13580. }
  13581. .el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item {
  13582. padding-left: 32px
  13583. }
  13584. .el-tree-select__popper .el-select-dropdown__item {
  13585. background: transparent !important;
  13586. flex: 1;
  13587. height: 20px;
  13588. line-height: 20px;
  13589. padding-left: 0
  13590. }
  13591. .el-upload {
  13592. --el-upload-dragger-padding-horizontal: 40px;
  13593. --el-upload-dragger-padding-vertical: 10px;
  13594. align-items: center;
  13595. cursor: pointer;
  13596. display: inline-flex;
  13597. justify-content: center;
  13598. outline: none
  13599. }
  13600. .el-upload.is-disabled {
  13601. cursor: not-allowed
  13602. }
  13603. .el-upload.is-disabled:focus {
  13604. color: inherit
  13605. }
  13606. .el-upload.is-disabled:focus,
  13607. .el-upload.is-disabled:focus .el-upload-dragger {
  13608. border-color: var(--el-border-color-darker)
  13609. }
  13610. .el-upload.is-disabled .el-upload-dragger {
  13611. background-color: var(--el-disabled-bg-color);
  13612. cursor: not-allowed
  13613. }
  13614. .el-upload.is-disabled .el-upload-dragger .el-upload__text {
  13615. color: var(--el-text-color-placeholder)
  13616. }
  13617. .el-upload.is-disabled .el-upload-dragger .el-upload__text em {
  13618. color: var(--el-disabled-text-color)
  13619. }
  13620. .el-upload.is-disabled .el-upload-dragger:hover {
  13621. border-color: var(--el-border-color-darker)
  13622. }
  13623. .el-upload__input {
  13624. display: none
  13625. }
  13626. .el-upload__tip {
  13627. color: var(--el-text-color-regular);
  13628. font-size: 12px;
  13629. margin-top: 7px
  13630. }
  13631. .el-upload iframe {
  13632. filter: alpha(opacity=0);
  13633. left: 0;
  13634. opacity: 0;
  13635. position: absolute;
  13636. top: 0;
  13637. z-index: -1
  13638. }
  13639. .el-upload--picture-card {
  13640. --el-upload-picture-card-size: 148px;
  13641. align-items: center;
  13642. background-color: var(--el-fill-color-lighter);
  13643. border: 1px dashed var(--el-border-color-darker);
  13644. border-radius: 6px;
  13645. box-sizing: border-box;
  13646. cursor: pointer;
  13647. display: inline-flex;
  13648. height: var(--el-upload-picture-card-size);
  13649. justify-content: center;
  13650. vertical-align: top;
  13651. width: var(--el-upload-picture-card-size)
  13652. }
  13653. .el-upload--picture-card>i {
  13654. color: var(--el-text-color-secondary);
  13655. font-size: 28px
  13656. }
  13657. .el-upload--picture-card:hover {
  13658. border-color: var(--el-color-primary);
  13659. color: var(--el-color-primary)
  13660. }
  13661. .el-upload.is-drag {
  13662. display: block
  13663. }
  13664. .el-upload:focus {
  13665. color: var(--el-color-primary)
  13666. }
  13667. .el-upload:focus,
  13668. .el-upload:focus .el-upload-dragger {
  13669. border-color: var(--el-color-primary)
  13670. }
  13671. .el-upload-dragger {
  13672. background-color: var(--el-fill-color-blank);
  13673. border: 1px dashed var(--el-border-color);
  13674. border-radius: 6px;
  13675. box-sizing: border-box;
  13676. cursor: pointer;
  13677. overflow: hidden;
  13678. padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
  13679. position: relative;
  13680. text-align: center
  13681. }
  13682. .el-upload-dragger .el-icon--upload {
  13683. color: var(--el-text-color-placeholder);
  13684. font-size: 67px;
  13685. line-height: 50px;
  13686. margin-bottom: 16px
  13687. }
  13688. .el-upload-dragger+.el-upload__tip {
  13689. text-align: center
  13690. }
  13691. .el-upload-dragger~.el-upload__files {
  13692. border-top: var(--el-border);
  13693. margin-top: 7px;
  13694. padding-top: 5px
  13695. }
  13696. .el-upload-dragger .el-upload__text {
  13697. color: var(--el-text-color-regular);
  13698. font-size: 14px;
  13699. text-align: center
  13700. }
  13701. .el-upload-dragger .el-upload__text em {
  13702. color: var(--el-color-primary);
  13703. font-style: normal
  13704. }
  13705. .el-upload-dragger:hover {
  13706. border-color: var(--el-color-primary)
  13707. }
  13708. .el-upload-dragger.is-dragover {
  13709. background-color: var(--el-color-primary-light-9);
  13710. border: 2px dashed var(--el-color-primary);
  13711. padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)
  13712. }
  13713. .el-upload-list {
  13714. list-style: none;
  13715. margin: 10px 0 0;
  13716. padding: 0;
  13717. position: relative
  13718. }
  13719. .el-upload-list__item {
  13720. border-radius: 4px;
  13721. box-sizing: border-box;
  13722. color: var(--el-text-color-regular);
  13723. font-size: 14px;
  13724. margin-bottom: 5px;
  13725. position: relative;
  13726. transition: all .5s cubic-bezier(.55, 0, .1, 1);
  13727. width: 100%
  13728. }
  13729. .el-upload-list__item .el-progress {
  13730. position: absolute;
  13731. top: 20px;
  13732. width: 100%
  13733. }
  13734. .el-upload-list__item .el-progress__text {
  13735. position: absolute;
  13736. right: 0;
  13737. top: -13px
  13738. }
  13739. .el-upload-list__item .el-progress-bar {
  13740. margin-right: 0;
  13741. padding-right: 0
  13742. }
  13743. .el-upload-list__item .el-icon--upload-success {
  13744. color: var(--el-color-success)
  13745. }
  13746. .el-upload-list__item .el-icon--close {
  13747. color: var(--el-text-color-regular);
  13748. cursor: pointer;
  13749. display: none;
  13750. opacity: .75;
  13751. position: absolute;
  13752. right: 5px;
  13753. top: 50%;
  13754. transform: translateY(-50%);
  13755. transition: opacity var(--el-transition-duration)
  13756. }
  13757. .el-upload-list__item .el-icon--close:hover {
  13758. color: var(--el-color-primary);
  13759. opacity: 1
  13760. }
  13761. .el-upload-list__item .el-icon--close-tip {
  13762. color: var(--el-color-primary);
  13763. cursor: pointer;
  13764. display: none;
  13765. font-size: 12px;
  13766. font-style: normal;
  13767. opacity: 1;
  13768. position: absolute;
  13769. right: 5px;
  13770. top: 1px
  13771. }
  13772. .el-upload-list__item:hover {
  13773. background-color: var(--el-fill-color-light)
  13774. }
  13775. .el-upload-list__item:hover .el-icon--close {
  13776. display: inline-flex
  13777. }
  13778. .el-upload-list__item:hover .el-progress__text {
  13779. display: none
  13780. }
  13781. .el-upload-list__item .el-upload-list__item-info {
  13782. display: inline-flex;
  13783. flex-direction: column;
  13784. justify-content: center;
  13785. margin-left: 4px;
  13786. width: calc(100% - 30px)
  13787. }
  13788. .el-upload-list__item.is-success .el-upload-list__item-status-label {
  13789. display: inline-flex
  13790. }
  13791. .el-upload-list__item.is-success .el-upload-list__item-name:focus,
  13792. .el-upload-list__item.is-success .el-upload-list__item-name:hover {
  13793. color: var(--el-color-primary);
  13794. cursor: pointer
  13795. }
  13796. .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  13797. display: inline-block
  13798. }
  13799. .el-upload-list__item.is-success:active,
  13800. .el-upload-list__item.is-success:not(.focusing):focus {
  13801. outline-width: 0
  13802. }
  13803. .el-upload-list__item.is-success:active .el-icon--close-tip,
  13804. .el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip {
  13805. display: none
  13806. }
  13807. .el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
  13808. .el-upload-list__item.is-success:hover .el-upload-list__item-status-label {
  13809. display: none;
  13810. opacity: 0
  13811. }
  13812. .el-upload-list__item-name {
  13813. align-items: center;
  13814. color: var(--el-text-color-regular);
  13815. display: inline-flex;
  13816. font-size: var(--el-font-size-base);
  13817. padding: 0 4px;
  13818. text-align: center;
  13819. transition: color var(--el-transition-duration)
  13820. }
  13821. .el-upload-list__item-name .el-icon {
  13822. color: var(--el-text-color-secondary);
  13823. margin-right: 6px
  13824. }
  13825. .el-upload-list__item-file-name {
  13826. overflow: hidden;
  13827. text-overflow: ellipsis;
  13828. white-space: nowrap
  13829. }
  13830. .el-upload-list__item-status-label {
  13831. align-items: center;
  13832. display: none;
  13833. height: 100%;
  13834. justify-content: center;
  13835. line-height: inherit;
  13836. position: absolute;
  13837. right: 5px;
  13838. top: 0;
  13839. transition: opacity var(--el-transition-duration)
  13840. }
  13841. .el-upload-list__item-delete {
  13842. color: var(--el-text-color-regular);
  13843. display: none;
  13844. font-size: 12px;
  13845. position: absolute;
  13846. right: 10px;
  13847. top: 0
  13848. }
  13849. .el-upload-list__item-delete:hover {
  13850. color: var(--el-color-primary)
  13851. }
  13852. .el-upload-list--picture-card {
  13853. --el-upload-list-picture-card-size: 148px;
  13854. display: inline-flex;
  13855. flex-wrap: wrap;
  13856. margin: 0
  13857. }
  13858. .el-upload-list--picture-card .el-upload-list__item {
  13859. background-color: var(--el-fill-color-blank);
  13860. border: 1px solid var(--el-border-color);
  13861. border-radius: 6px;
  13862. box-sizing: border-box;
  13863. display: inline-flex;
  13864. height: var(--el-upload-list-picture-card-size);
  13865. margin: 0 8px 8px 0;
  13866. overflow: hidden;
  13867. padding: 0;
  13868. width: var(--el-upload-list-picture-card-size)
  13869. }
  13870. .el-upload-list--picture-card .el-upload-list__item .el-icon--check,
  13871. .el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  13872. color: #ffffff
  13873. }
  13874. .el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  13875. display: none
  13876. }
  13877. .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  13878. display: block;
  13879. opacity: 0
  13880. }
  13881. .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  13882. display: block
  13883. }
  13884. .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  13885. display: none
  13886. }
  13887. .el-upload-list--picture-card .el-upload-list__item-thumbnail {
  13888. height: 100%;
  13889. -o-object-fit: contain;
  13890. object-fit: contain;
  13891. width: 100%
  13892. }
  13893. .el-upload-list--picture-card .el-upload-list__item-status-label {
  13894. background: var(--el-color-success);
  13895. height: 24px;
  13896. right: -15px;
  13897. text-align: center;
  13898. top: -6px;
  13899. transform: rotate(45deg);
  13900. width: 40px
  13901. }
  13902. .el-upload-list--picture-card .el-upload-list__item-status-label i {
  13903. font-size: 12px;
  13904. margin-top: 11px;
  13905. transform: rotate(-45deg)
  13906. }
  13907. .el-upload-list--picture-card .el-upload-list__item-actions {
  13908. align-items: center;
  13909. background-color: var(--el-overlay-color-lighter);
  13910. color: #fff;
  13911. cursor: default;
  13912. display: inline-flex;
  13913. font-size: 20px;
  13914. height: 100%;
  13915. justify-content: center;
  13916. left: 0;
  13917. opacity: 0;
  13918. position: absolute;
  13919. top: 0;
  13920. transition: opacity var(--el-transition-duration);
  13921. width: 100%
  13922. }
  13923. .el-upload-list--picture-card .el-upload-list__item-actions span {
  13924. cursor: pointer;
  13925. display: none
  13926. }
  13927. .el-upload-list--picture-card .el-upload-list__item-actions span+span {
  13928. margin-left: 16px
  13929. }
  13930. .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  13931. color: inherit;
  13932. font-size: inherit;
  13933. position: static
  13934. }
  13935. .el-upload-list--picture-card .el-upload-list__item-actions:hover {
  13936. opacity: 1
  13937. }
  13938. .el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  13939. display: inline-flex
  13940. }
  13941. .el-upload-list--picture-card .el-progress {
  13942. bottom: auto;
  13943. left: 50%;
  13944. top: 50%;
  13945. transform: translate(-50%, -50%);
  13946. width: 126px
  13947. }
  13948. .el-upload-list--picture-card .el-progress .el-progress__text {
  13949. top: 50%
  13950. }
  13951. .el-upload-list--picture .el-upload-list__item {
  13952. align-items: center;
  13953. background-color: var(--el-fill-color-blank);
  13954. border: 1px solid var(--el-border-color);
  13955. border-radius: 6px;
  13956. box-sizing: border-box;
  13957. display: flex;
  13958. margin-top: 10px;
  13959. overflow: hidden;
  13960. padding: 10px;
  13961. z-index: 0
  13962. }
  13963. .el-upload-list--picture .el-upload-list__item .el-icon--check,
  13964. .el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  13965. color: #ffffff
  13966. }
  13967. .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  13968. display: inline-flex;
  13969. opacity: 0
  13970. }
  13971. .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  13972. display: block
  13973. }
  13974. .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  13975. display: none
  13976. }
  13977. .el-upload-list--picture .el-upload-list__item .el-icon--close {
  13978. top: 5px;
  13979. transform: translateY(0)
  13980. }
  13981. .el-upload-list--picture .el-upload-list__item-thumbnail {
  13982. align-items: center;
  13983. background-color: var(--el-color-white);
  13984. display: inline-flex;
  13985. height: 70px;
  13986. justify-content: center;
  13987. -o-object-fit: contain;
  13988. object-fit: contain;
  13989. position: relative;
  13990. width: 70px;
  13991. z-index: 1
  13992. }
  13993. .el-upload-list--picture .el-upload-list__item-status-label {
  13994. background: var(--el-color-success);
  13995. height: 26px;
  13996. position: absolute;
  13997. right: -17px;
  13998. text-align: center;
  13999. top: -7px;
  14000. transform: rotate(45deg);
  14001. width: 46px
  14002. }
  14003. .el-upload-list--picture .el-upload-list__item-status-label i {
  14004. font-size: 12px;
  14005. margin-top: 12px;
  14006. transform: rotate(-45deg)
  14007. }
  14008. .el-upload-list--picture .el-progress {
  14009. position: relative;
  14010. top: -7px
  14011. }
  14012. .el-upload-cover {
  14013. cursor: default;
  14014. height: 100%;
  14015. left: 0;
  14016. overflow: hidden;
  14017. position: absolute;
  14018. top: 0;
  14019. width: 100%;
  14020. z-index: 10
  14021. }
  14022. .el-upload-cover:after {
  14023. content: "";
  14024. display: inline-block;
  14025. height: 100%;
  14026. vertical-align: middle
  14027. }
  14028. .el-upload-cover img {
  14029. display: block;
  14030. height: 100%;
  14031. width: 100%
  14032. }
  14033. .el-upload-cover__label {
  14034. background: var(--el-color-success);
  14035. height: 24px;
  14036. right: -15px;
  14037. text-align: center;
  14038. top: -6px;
  14039. transform: rotate(45deg);
  14040. width: 40px
  14041. }
  14042. .el-upload-cover__label i {
  14043. color: #fff;
  14044. font-size: 12px;
  14045. margin-top: 11px;
  14046. transform: rotate(-45deg)
  14047. }
  14048. .el-upload-cover__progress {
  14049. display: inline-block;
  14050. position: static;
  14051. vertical-align: middle;
  14052. width: 243px
  14053. }
  14054. .el-upload-cover__progress+.el-upload__inner {
  14055. opacity: 0
  14056. }
  14057. .el-upload-cover__content {
  14058. height: 100%;
  14059. left: 0;
  14060. position: absolute;
  14061. top: 0;
  14062. width: 100%
  14063. }
  14064. .el-upload-cover__interact {
  14065. background-color: var(--el-overlay-color-light);
  14066. bottom: 0;
  14067. height: 100%;
  14068. left: 0;
  14069. position: absolute;
  14070. text-align: center;
  14071. width: 100%
  14072. }
  14073. .el-upload-cover__interact .btn {
  14074. color: #ffffff;
  14075. cursor: pointer;
  14076. display: inline-block;
  14077. font-size: 14px;
  14078. margin-top: 60px;
  14079. transition: var(--el-transition-md-fade);
  14080. vertical-align: middle
  14081. }
  14082. .el-upload-cover__interact .btn i {
  14083. margin-top: 0
  14084. }
  14085. .el-upload-cover__interact .btn span {
  14086. opacity: 0;
  14087. transition: opacity .15s linear
  14088. }
  14089. .el-upload-cover__interact .btn:not(:first-child) {
  14090. margin-left: 35px
  14091. }
  14092. .el-upload-cover__interact .btn:hover {
  14093. transform: translateY(-13px)
  14094. }
  14095. .el-upload-cover__interact .btn:hover span {
  14096. opacity: 1
  14097. }
  14098. .el-upload-cover__interact .btn i {
  14099. color: #ffffff;
  14100. display: block;
  14101. font-size: 24px;
  14102. line-height: inherit;
  14103. margin: 0 auto 5px
  14104. }
  14105. .el-upload-cover__title {
  14106. background-color: #ffffff;
  14107. bottom: 0;
  14108. color: var(--el-text-color-primary);
  14109. font-size: 14px;
  14110. font-weight: normal;
  14111. height: 36px;
  14112. left: 0;
  14113. line-height: 36px;
  14114. margin: 0;
  14115. overflow: hidden;
  14116. padding: 0 10px;
  14117. position: absolute;
  14118. text-align: left;
  14119. text-overflow: ellipsis;
  14120. white-space: nowrap;
  14121. width: 100%
  14122. }
  14123. .el-upload-cover+.el-upload__inner {
  14124. opacity: 0;
  14125. position: relative;
  14126. z-index: 1
  14127. }
  14128. .el-vl__wrapper {
  14129. position: relative
  14130. }
  14131. .el-vl__wrapper.always-on .el-virtual-scrollbar,
  14132. .el-vl__wrapper:hover .el-virtual-scrollbar {
  14133. opacity: 1
  14134. }
  14135. .el-vl__window {
  14136. scrollbar-width: none
  14137. }
  14138. .el-vl__window::-webkit-scrollbar {
  14139. display: none
  14140. }
  14141. .el-virtual-scrollbar {
  14142. opacity: 0;
  14143. transition: opacity .34s ease-out
  14144. }
  14145. .el-virtual-scrollbar.always-on {
  14146. opacity: 1
  14147. }
  14148. .el-vg__wrapper {
  14149. position: relative
  14150. }
  14151. .el-popper {
  14152. --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  14153. border-radius: var(--el-popper-border-radius);
  14154. font-size: 12px;
  14155. line-height: 20px;
  14156. min-width: 10px;
  14157. overflow-wrap: break-word;
  14158. padding: 5px 11px;
  14159. position: absolute;
  14160. visibility: visible;
  14161. z-index: 2000
  14162. }
  14163. .el-popper.is-dark {
  14164. color: var(--el-bg-color)
  14165. }
  14166. .el-popper.is-dark,
  14167. .el-popper.is-dark>.el-popper__arrow:before {
  14168. background: var(--el-text-color-primary);
  14169. border: 1px solid var(--el-text-color-primary)
  14170. }
  14171. .el-popper.is-dark>.el-popper__arrow:before {
  14172. right: 0
  14173. }
  14174. .el-popper.is-light,
  14175. .el-popper.is-light>.el-popper__arrow:before {
  14176. background: var(--el-bg-color-overlay);
  14177. border: 1px solid var(--el-border-color-light)
  14178. }
  14179. .el-popper.is-light>.el-popper__arrow:before {
  14180. right: 0
  14181. }
  14182. .el-popper.is-pure {
  14183. padding: 0
  14184. }
  14185. .el-popper__arrow,
  14186. .el-popper__arrow:before {
  14187. height: 10px;
  14188. position: absolute;
  14189. width: 10px;
  14190. z-index: -1
  14191. }
  14192. .el-popper__arrow:before {
  14193. background: var(--el-text-color-primary);
  14194. box-sizing: border-box;
  14195. content: " ";
  14196. transform: rotate(45deg)
  14197. }
  14198. .el-popper[data-popper-placement^=top]>.el-popper__arrow {
  14199. bottom: -5px
  14200. }
  14201. .el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
  14202. border-bottom-right-radius: 2px
  14203. }
  14204. .el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
  14205. top: -5px
  14206. }
  14207. .el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
  14208. border-top-left-radius: 2px
  14209. }
  14210. .el-popper[data-popper-placement^=left]>.el-popper__arrow {
  14211. right: -5px
  14212. }
  14213. .el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
  14214. border-top-right-radius: 2px
  14215. }
  14216. .el-popper[data-popper-placement^=right]>.el-popper__arrow {
  14217. left: -5px
  14218. }
  14219. .el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
  14220. border-bottom-left-radius: 2px
  14221. }
  14222. .el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
  14223. border-left-color: transparent !important;
  14224. border-top-color: transparent !important
  14225. }
  14226. .el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
  14227. border-bottom-color: transparent !important;
  14228. border-right-color: transparent !important
  14229. }
  14230. .el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
  14231. border-bottom-color: transparent !important;
  14232. border-left-color: transparent !important
  14233. }
  14234. .el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
  14235. border-right-color: transparent !important;
  14236. border-top-color: transparent !important
  14237. }
  14238. .el-statistic {
  14239. --el-statistic-title-font-weight: 400;
  14240. --el-statistic-title-font-size: var(--el-font-size-extra-small);
  14241. --el-statistic-title-color: var(--el-text-color-regular);
  14242. --el-statistic-content-font-weight: 400;
  14243. --el-statistic-content-font-size: var(--el-font-size-extra-large);
  14244. --el-statistic-content-color: var(--el-text-color-primary)
  14245. }
  14246. .el-statistic__head {
  14247. color: var(--el-statistic-title-color);
  14248. font-size: var(--el-statistic-title-font-size);
  14249. font-weight: var(--el-statistic-title-font-weight);
  14250. line-height: 20px;
  14251. margin-bottom: 4px
  14252. }
  14253. .el-statistic__content {
  14254. color: var(--el-statistic-content-color);
  14255. font-size: var(--el-statistic-content-font-size);
  14256. font-weight: var(--el-statistic-content-font-weight)
  14257. }
  14258. .el-statistic__value {
  14259. display: inline-block
  14260. }
  14261. .el-statistic__prefix {
  14262. display: inline-block;
  14263. margin-right: 4px
  14264. }
  14265. .el-statistic__suffix {
  14266. display: inline-block;
  14267. margin-left: 4px
  14268. }
  14269. .el-tour {
  14270. --el-tour-width: 520px;
  14271. --el-tour-padding-primary: 12px;
  14272. --el-tour-font-line-height: var(--el-font-line-height-primary);
  14273. --el-tour-title-font-size: 16px;
  14274. --el-tour-title-text-color: var(--el-text-color-primary);
  14275. --el-tour-title-font-weight: 400;
  14276. --el-tour-close-color: var(--el-color-info);
  14277. --el-tour-font-size: 14px;
  14278. --el-tour-color: var(--el-text-color-primary);
  14279. --el-tour-bg-color: var(--el-bg-color);
  14280. --el-tour-border-radius: 4px
  14281. }
  14282. .el-tour__hollow {
  14283. transition: all var(--el-transition-duration) ease
  14284. }
  14285. .el-tour__content {
  14286. border-radius: var(--el-tour-border-radius);
  14287. box-shadow: var(--el-box-shadow-light);
  14288. outline: none;
  14289. overflow-wrap: break-word;
  14290. padding: var(--el-tour-padding-primary);
  14291. width: var(--el-tour-width)
  14292. }
  14293. .el-tour__arrow,
  14294. .el-tour__content {
  14295. background: var(--el-tour-bg-color);
  14296. box-sizing: border-box
  14297. }
  14298. .el-tour__arrow {
  14299. height: 10px;
  14300. pointer-events: none;
  14301. position: absolute;
  14302. transform: rotate(45deg);
  14303. width: 10px
  14304. }
  14305. .el-tour__content[data-side^=top] .el-tour__arrow {
  14306. border-left-color: transparent;
  14307. border-top-color: transparent
  14308. }
  14309. .el-tour__content[data-side^=bottom] .el-tour__arrow {
  14310. border-bottom-color: transparent;
  14311. border-right-color: transparent
  14312. }
  14313. .el-tour__content[data-side^=left] .el-tour__arrow {
  14314. border-bottom-color: transparent;
  14315. border-left-color: transparent
  14316. }
  14317. .el-tour__content[data-side^=right] .el-tour__arrow {
  14318. border-right-color: transparent;
  14319. border-top-color: transparent
  14320. }
  14321. .el-tour__content[data-side^=top] .el-tour__arrow {
  14322. bottom: -5px
  14323. }
  14324. .el-tour__content[data-side^=bottom] .el-tour__arrow {
  14325. top: -5px
  14326. }
  14327. .el-tour__content[data-side^=left] .el-tour__arrow {
  14328. right: -5px
  14329. }
  14330. .el-tour__content[data-side^=right] .el-tour__arrow {
  14331. left: -5px
  14332. }
  14333. .el-tour__closebtn {
  14334. background: transparent;
  14335. border: none;
  14336. cursor: pointer;
  14337. font-size: var(--el-message-close-size, 16px);
  14338. height: 40px;
  14339. outline: none;
  14340. padding: 0;
  14341. position: absolute;
  14342. right: 0;
  14343. top: 0;
  14344. width: 40px
  14345. }
  14346. .el-tour__closebtn .el-tour__close {
  14347. color: var(--el-tour-close-color);
  14348. font-size: inherit
  14349. }
  14350. .el-tour__closebtn:focus .el-tour__close,
  14351. .el-tour__closebtn:hover .el-tour__close {
  14352. color: var(--el-color-primary)
  14353. }
  14354. .el-tour__header {
  14355. padding-bottom: var(--el-tour-padding-primary)
  14356. }
  14357. .el-tour__header.show-close {
  14358. padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))
  14359. }
  14360. .el-tour__title {
  14361. color: var(--el-tour-title-text-color);
  14362. font-size: var(--el-tour-title-font-size);
  14363. font-weight: var(--el-tour-title-font-weight);
  14364. line-height: var(--el-tour-font-line-height)
  14365. }
  14366. .el-tour__body {
  14367. color: var(--el-tour-text-color);
  14368. font-size: var(--el-tour-font-size)
  14369. }
  14370. .el-tour__body img,
  14371. .el-tour__body video {
  14372. max-width: 100%
  14373. }
  14374. .el-tour__footer {
  14375. box-sizing: border-box;
  14376. display: flex;
  14377. justify-content: space-between;
  14378. padding-top: var(--el-tour-padding-primary)
  14379. }
  14380. .el-tour__content .el-tour-indicators {
  14381. display: inline-block;
  14382. flex: 1
  14383. }
  14384. .el-tour__content .el-tour-indicator {
  14385. background: var(--el-color-info-light-9);
  14386. border-radius: 50%;
  14387. display: inline-block;
  14388. height: 6px;
  14389. margin-right: 6px;
  14390. width: 6px
  14391. }
  14392. .el-tour__content .el-tour-indicator.is-active {
  14393. background: var(--el-color-primary)
  14394. }
  14395. .el-tour.el-tour--primary {
  14396. --el-tour-title-text-color: #fff;
  14397. --el-tour-text-color: #fff;
  14398. --el-tour-bg-color: var(--el-color-primary);
  14399. --el-tour-close-color: #fff
  14400. }
  14401. .el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,
  14402. .el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
  14403. color: var(--el-tour-title-text-color)
  14404. }
  14405. .el-tour.el-tour--primary .el-button--default {
  14406. background: #fff;
  14407. border-color: var(--el-color-primary);
  14408. color: var(--el-color-primary)
  14409. }
  14410. .el-tour.el-tour--primary .el-button--primary {
  14411. border-color: #fff
  14412. }
  14413. .el-tour.el-tour--primary .el-tour-indicator {
  14414. background: rgba(255, 255, 255, .15)
  14415. }
  14416. .el-tour.el-tour--primary .el-tour-indicator.is-active {
  14417. background: #fff
  14418. }
  14419. .el-tour-parent--hidden {
  14420. overflow: hidden
  14421. }
  14422. .el-anchor {
  14423. --el-anchor-bg-color: var(--el-bg-color);
  14424. --el-anchor-padding-indent: 14px;
  14425. --el-anchor-line-height: 22px;
  14426. --el-anchor-font-size: 12px;
  14427. --el-anchor-color: var(--el-text-color-secondary);
  14428. --el-anchor-active-color: var(--el-color-primary);
  14429. --el-anchor-marker-bg-color: var(--el-color-primary);
  14430. background-color: var(--el-anchor-bg-color);
  14431. position: relative
  14432. }
  14433. .el-anchor__marker {
  14434. background-color: var(--el-anchor-marker-bg-color);
  14435. border-radius: 4px;
  14436. opacity: 0;
  14437. position: absolute;
  14438. z-index: 0
  14439. }
  14440. .el-anchor.el-anchor--vertical .el-anchor__marker {
  14441. height: 14px;
  14442. left: 0;
  14443. top: 8px;
  14444. transition: top .25s ease-in-out, opacity .25s;
  14445. width: 4px
  14446. }
  14447. .el-anchor.el-anchor--vertical .el-anchor__list {
  14448. padding-left: var(--el-anchor-padding-indent)
  14449. }
  14450. .el-anchor.el-anchor--vertical.el-anchor--underline:before {
  14451. background-color: rgba(5, 5, 5, .06);
  14452. content: "";
  14453. height: 100%;
  14454. left: 0;
  14455. position: absolute;
  14456. width: 2px
  14457. }
  14458. .el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
  14459. border-radius: unset;
  14460. width: 2px
  14461. }
  14462. .el-anchor.el-anchor--horizontal .el-anchor__marker {
  14463. bottom: 0;
  14464. height: 2px;
  14465. transition: left .25s ease-in-out, opacity .25s, width .25s;
  14466. width: 20px
  14467. }
  14468. .el-anchor.el-anchor--horizontal .el-anchor__list {
  14469. display: flex;
  14470. padding-bottom: 4px
  14471. }
  14472. .el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
  14473. padding-left: 16px
  14474. }
  14475. .el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
  14476. padding-left: 0
  14477. }
  14478. .el-anchor.el-anchor--horizontal.el-anchor--underline:before {
  14479. background-color: rgba(5, 5, 5, .06);
  14480. bottom: 0;
  14481. content: "";
  14482. height: 2px;
  14483. position: absolute;
  14484. width: 100%
  14485. }
  14486. .el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
  14487. border-radius: unset;
  14488. height: 2px
  14489. }
  14490. .el-anchor__item {
  14491. display: flex;
  14492. flex-direction: column;
  14493. overflow: hidden
  14494. }
  14495. .el-anchor__link {
  14496. cursor: pointer;
  14497. font-size: var(--el-anchor-font-size);
  14498. line-height: var(--el-anchor-line-height);
  14499. max-width: 100%;
  14500. outline: none;
  14501. overflow: hidden;
  14502. padding: 4px 0;
  14503. text-decoration: none;
  14504. text-overflow: ellipsis;
  14505. transition: color var(--el-transition-duration);
  14506. white-space: nowrap
  14507. }
  14508. .el-anchor__link,
  14509. .el-anchor__link:focus,
  14510. .el-anchor__link:hover {
  14511. color: var(--el-anchor-color)
  14512. }
  14513. .el-anchor__link.is-active {
  14514. color: var(--el-anchor-active-color)
  14515. }
  14516. .el-anchor .el-anchor__list .el-anchor__item a {
  14517. display: inline-block
  14518. }
  14519. .el-segmented--vertical {
  14520. flex-direction: column
  14521. }
  14522. .el-segmented--vertical .el-segmented__item {
  14523. padding: 11px
  14524. }
  14525. .el-segmented {
  14526. --el-segmented-color: var(--el-text-color-regular);
  14527. --el-segmented-bg-color: var(--el-fill-color-light);
  14528. --el-segmented-padding: 2px;
  14529. --el-segmented-item-selected-color: var(--el-color-white);
  14530. --el-segmented-item-selected-bg-color: var(--el-color-primary);
  14531. --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
  14532. --el-segmented-item-hover-color: var(--el-text-color-primary);
  14533. --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  14534. --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  14535. --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
  14536. align-items: stretch;
  14537. background: var(--el-segmented-bg-color);
  14538. border-radius: var(--el-border-radius-base);
  14539. box-sizing: border-box;
  14540. color: var(--el-segmented-color);
  14541. display: inline-flex;
  14542. font-size: 14px;
  14543. min-height: 32px;
  14544. padding: var(--el-segmented-padding)
  14545. }
  14546. .el-segmented__group {
  14547. align-items: stretch;
  14548. display: flex;
  14549. position: relative;
  14550. width: 100%
  14551. }
  14552. .el-segmented__item-selected {
  14553. background: var(--el-segmented-item-selected-bg-color);
  14554. border-radius: calc(var(--el-border-radius-base) - 2px);
  14555. height: 100%;
  14556. left: 0;
  14557. pointer-events: none;
  14558. position: absolute;
  14559. top: 0;
  14560. transition: all .3s;
  14561. width: 10px
  14562. }
  14563. .el-segmented__item-selected.is-disabled {
  14564. background: var(--el-segmented-item-selected-disabled-bg-color)
  14565. }
  14566. .el-segmented__item-selected.is-focus-visible:before {
  14567. border-radius: inherit;
  14568. content: "";
  14569. inset: 0;
  14570. outline: 2px solid var(--el-segmented-item-selected-bg-color);
  14571. outline-offset: 1px;
  14572. position: absolute
  14573. }
  14574. .el-segmented__item {
  14575. align-items: center;
  14576. border-radius: calc(var(--el-border-radius-base) - 2px);
  14577. cursor: pointer;
  14578. display: flex;
  14579. flex: 1;
  14580. padding: 0 11px
  14581. }
  14582. .el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  14583. background: var(--el-segmented-item-hover-bg-color);
  14584. color: var(--el-segmented-item-hover-color)
  14585. }
  14586. .el-segmented__item:not(.is-disabled):not(.is-selected):active {
  14587. background: var(--el-segmented-item-active-bg-color)
  14588. }
  14589. .el-segmented__item.is-selected,
  14590. .el-segmented__item.is-selected.is-disabled {
  14591. color: var(--el-segmented-item-selected-color)
  14592. }
  14593. .el-segmented__item.is-disabled {
  14594. color: var(--el-segmented-item-disabled-color);
  14595. cursor: not-allowed
  14596. }
  14597. .el-segmented__item-input {
  14598. height: 0;
  14599. margin: 0;
  14600. opacity: 0;
  14601. pointer-events: none;
  14602. position: absolute;
  14603. width: 0
  14604. }
  14605. .el-segmented__item-label {
  14606. flex: 1;
  14607. line-height: normal;
  14608. overflow: hidden;
  14609. text-align: center;
  14610. text-overflow: ellipsis;
  14611. transition: color .3s;
  14612. white-space: nowrap;
  14613. z-index: 1
  14614. }
  14615. .el-segmented.is-block {
  14616. display: flex
  14617. }
  14618. .el-segmented.is-block .el-segmented__item {
  14619. min-width: 0
  14620. }
  14621. .el-segmented--large {
  14622. border-radius: var(--el-border-radius-base);
  14623. font-size: 16px;
  14624. min-height: 40px
  14625. }
  14626. .el-segmented--large .el-segmented__item-selected {
  14627. border-radius: calc(var(--el-border-radius-base) - 2px)
  14628. }
  14629. .el-segmented--large .el-segmented--vertical .el-segmented__item {
  14630. padding: 11px
  14631. }
  14632. .el-segmented--large .el-segmented__item {
  14633. border-radius: calc(var(--el-border-radius-base) - 2px);
  14634. padding: 0 11px
  14635. }
  14636. .el-segmented--small {
  14637. border-radius: calc(var(--el-border-radius-base) - 1px);
  14638. font-size: 14px;
  14639. min-height: 24px
  14640. }
  14641. .el-segmented--small .el-segmented__item-selected {
  14642. border-radius: calc(var(--el-border-radius-base) - 3px)
  14643. }
  14644. .el-segmented--small .el-segmented--vertical .el-segmented__item {
  14645. padding: 7px
  14646. }
  14647. .el-segmented--small .el-segmented__item {
  14648. border-radius: calc(var(--el-border-radius-base) - 3px);
  14649. padding: 0 7px
  14650. }
  14651. .el-mention {
  14652. position: relative;
  14653. width: 100%
  14654. }
  14655. .el-mention__popper.el-popper {
  14656. background: var(--el-bg-color-overlay);
  14657. box-shadow: var(--el-box-shadow-light)
  14658. }
  14659. .el-mention__popper.el-popper,
  14660. .el-mention__popper.el-popper .el-popper__arrow:before {
  14661. border: 1px solid var(--el-border-color-light)
  14662. }
  14663. .el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  14664. border-left-color: transparent;
  14665. border-top-color: transparent
  14666. }
  14667. .el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  14668. border-bottom-color: transparent;
  14669. border-right-color: transparent
  14670. }
  14671. .el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  14672. border-bottom-color: transparent;
  14673. border-left-color: transparent
  14674. }
  14675. .el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  14676. border-right-color: transparent;
  14677. border-top-color: transparent
  14678. }
  14679. .el-mention-dropdown {
  14680. --el-mention-font-size: var(--el-font-size-base);
  14681. --el-mention-bg-color: var(--el-bg-color-overlay);
  14682. --el-mention-shadow: var(--el-box-shadow-light);
  14683. --el-mention-border: 1px solid var(--el-border-color-light);
  14684. --el-mention-option-color: var(--el-text-color-regular);
  14685. --el-mention-option-height: 34px;
  14686. --el-mention-option-min-width: 100px;
  14687. --el-mention-option-hover-background: var(--el-fill-color-light);
  14688. --el-mention-option-selected-color: var(--el-color-primary);
  14689. --el-mention-option-disabled-color: var(--el-text-color-placeholder);
  14690. --el-mention-option-loading-color: var(--el-text-color-secondary);
  14691. --el-mention-option-loading-padding: 10px 0;
  14692. --el-mention-max-height: 174px;
  14693. --el-mention-padding: 6px 0;
  14694. --el-mention-header-padding: 10px;
  14695. --el-mention-footer-padding: 10px
  14696. }
  14697. .el-mention-dropdown__item {
  14698. box-sizing: border-box;
  14699. color: var(--el-mention-option-color);
  14700. cursor: pointer;
  14701. font-size: var(--el-mention-font-size);
  14702. height: var(--el-mention-option-height);
  14703. line-height: var(--el-mention-option-height);
  14704. min-width: var(--el-mention-option-min-width);
  14705. overflow: hidden;
  14706. padding: 0 20px;
  14707. position: relative;
  14708. text-overflow: ellipsis;
  14709. white-space: nowrap
  14710. }
  14711. .el-mention-dropdown__item.is-hovering {
  14712. background-color: var(--el-mention-option-hover-background)
  14713. }
  14714. .el-mention-dropdown__item.is-selected {
  14715. color: var(--el-mention-option-selected-color);
  14716. font-weight: bold
  14717. }
  14718. .el-mention-dropdown__item.is-disabled {
  14719. background-color: unset;
  14720. color: var(--el-mention-option-disabled-color);
  14721. cursor: not-allowed
  14722. }
  14723. .el-mention-dropdown {
  14724. border-radius: var(--el-border-radius-base);
  14725. box-sizing: border-box;
  14726. z-index: calc(var(--el-index-top) + 1)
  14727. }
  14728. .el-mention-dropdown__loading {
  14729. color: var(--el-mention-option-loading-color);
  14730. font-size: 12px;
  14731. margin: 0;
  14732. min-width: var(--el-mention-option-min-width);
  14733. padding: 10px 0;
  14734. text-align: center
  14735. }
  14736. .el-mention-dropdown__wrap {
  14737. max-height: var(--el-mention-max-height)
  14738. }
  14739. .el-mention-dropdown__list {
  14740. box-sizing: border-box;
  14741. list-style: none;
  14742. margin: 0;
  14743. padding: var(--el-mention-padding)
  14744. }
  14745. .el-mention-dropdown__header {
  14746. border-bottom: var(--el-mention-border);
  14747. padding: var(--el-mention-header-padding)
  14748. }
  14749. .el-mention-dropdown__footer {
  14750. border-top: var(--el-mention-border);
  14751. padding: var(--el-mention-footer-padding)
  14752. }